example(react-component): Update example.

Author: jaywcjlove

example/basic/src/index.ts

@@ -3,6 +3,7 @@ import { test } from './utils/Test';
 
 class Test {
   constructor() {}
+  public a: string = 'A';
   count() {
     return 10;
   }

example/react-component-tsx/package.json

@@ -35,9 +35,6 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "dependencies": {
-    "prop-types": "15.7.2"
-  },
   "devDependencies": {
     "@babel/runtime": "7.15.4",
     "@kkt/less-modules": "6.11.0",

example/react-component-tsx/src/index.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import './style/index.less';
 
 export interface ButtonProps {
@@ -15,53 +14,28 @@ export interface ButtonProps {
   children?: React.ReactNode;
   htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
 }
-export default function Button(props: ButtonProps = {}) {
-  const { prefixCls, type, size, active, disabled, block, basic, className, loading, children, htmlType, ...others } =
-    props;
 
-  const cls = [
-    className,
-    prefixCls,
-    size ? `${prefixCls}-${size}` : false,
-    type ? `${prefixCls}-${type}` : false,
-    basic ? `${prefixCls}-basic` : false,
-    loading ? `${prefixCls}-loading` : false,
-    disabled || loading ? 'disabled' : false,
-    active ? 'active' : false,
-    block ? 'block' : false,
-  ]
-    .filter(Boolean)
-    .join(' ');
-  return (
-    <button {...others} disabled={disabled || loading} type={htmlType} className={cls}>
-      {children &&
-        React.Children.map(children, (child) => {
-          if (React.isValidElement(child)) return child;
-          return <span> {child} </span>;
-        })}
-    </button>
-  );
+export default class Button extends React.PureComponent<ButtonProps> {
+  public static defaultProps: ButtonProps = {
+    type: 'light',
+    prefixCls: 'w-btn',
+    size: 'default',
+    htmlType: 'button',
+  };
+  render() {
+    const { prefixCls, className, children, type, htmlType, size } = this.props;
+    const cls = [className, prefixCls, size ? `${prefixCls}-${size}` : false, type ? `${prefixCls}-${type}` : false]
+      .filter(Boolean)
+      .join(' ');
+    return (
+      <button type={htmlType} className={cls}>
+        {children &&
+          React.Children.map(children, (child) => {
+            if (!child) return child;
+            if (React.isValidElement(child)) return child;
+            return <span>{child}</span>;
+          })}
+      </button>
+    );
+  }
 }
-
-Button.defaultProps = {
-  prefixCls: 'w-btn',
-  disabled: false,
-  active: false,
-  loading: false,
-  block: false,
-  basic: false,
-  htmlType: 'button',
-  type: 'light',
-  size: 'default',
-};
-Button.propTypes = {
-  prefixCls: PropTypes.string,
-  loading: PropTypes.bool,
-  disabled: PropTypes.bool,
-  block: PropTypes.bool,
-  active: PropTypes.bool,
-  basic: PropTypes.bool,
-  htmlType: PropTypes.string,
-  type: PropTypes.oneOf(['primary', 'success', 'warning', 'danger', 'light', 'dark', 'link']),
-  size: PropTypes.oneOf(['large', 'default', 'small']),
-};

example/react-component-tsx/tsconfig.json

@@ -18,5 +18,5 @@
     "moduleResolution": "node",
     "noEmit": true
   },
-  "include": ["src", "react-app-env.d.ts"]
+  "include": ["src"]
 }

example/react-component-tsx/react-app-env.d.ts example/react-component-tsx/website/react-app-env.d.ts

@@ -3,6 +3,7 @@
   "private": true,
   "license": "MIT",
   "scripts": {
+    "prepare": "husky install",
     "build:basic": "lerna exec \"npm run build\" --scope @template/basic",
     "watch:basic": "lerna exec \"npm run watch\" --scope @template/basic",
     "test:basic": "lerna exec \"npm run coverage\" --scope @template/basic",
@@ -31,11 +32,6 @@
     "hoist": "lerna bootstrap --hoist",
     "publish": "lerna publish from-package"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "pretty-quick --staged"
-    }
-  },
   "dependencies": {
     "husky": "7.0.2",
     "lerna": "4.0.0",