@qn-pandora/pandora-component 3.1.1 → 4.0.0

package/lib/index.d.ts

@@ -25,7 +25,7 @@ export { default as CollapsiblePanel, TCollapsiblePanelProps } from './component
 export { default as OptionList, IOptionListProps, IOptionItem } from './components/OptionList';
 export { default as AutoComplete, AutoSelectValue } from './components/AutoComplete';
 export { default as Checkbox } from './components/Checkbox';
-export { default as CheckboxList, ICheckboxListProps, IOptionItem as ICheckOptionItem } from './components/CheckboxList';
+export { default as CheckboxList, ICheckboxListProps, CheckboxValueType, IOptionItem as ICheckOptionItem } from './components/CheckboxList';
 export { default as Breadcrumb, IBreadcrumbProps } from './components/Breadcrumb';
 export { default as Drawer } from './components/Drawer';
 export { default as KeyValuePair, IKeyValuePairProps } from './components/KeyValuePair';

package/lib/index.less

@@ -1,18 +1,17 @@
 @import './style/mixin.less';
 @import './style/theme.less';
-@import './components/Breadcrumb/style.less';
 @import './components/AutoComplete/style.less';
-@import './components/Card/style.less';
+@import './components/Breadcrumb/style.less';
 @import './components/Button/style.less';
-@import './components/Checkbox/style.less';
+@import './components/Card/style.less';
 @import './components/CheckTransformList/style.less';
+@import './components/Checkbox/style.less';
 @import './components/CheckboxList/style.less';
 @import './components/Collapse/style.less';
 @import './components/CollapsiblePanel/style.less';
 @import './components/DateTimePicker/style.less';
 @import './components/Drawer/style.less';
 @import './components/Input/style.less';
-@import './components/InputNumber/style.less';
 @import './components/KeyValuePair/style.less';
 @import './components/Menu/style.less';
 @import './components/Modal/style.less';
@@ -21,15 +20,15 @@
 @import './components/OptionList/style.less';
 @import './components/RadioGroup/style.less';
 @import './components/RangeInput/style.less';
-@import './components/RemarkName/style.less';
 @import './components/Selector/style.less';
+@import './components/RemarkName/style.less';
 @import './components/Spin/style.less';
 @import './components/Steps/style.less';
 @import './components/Table/style.less';
 @import './components/Tabs/style.less';
 @import './components/TagList/style.less';
-@import './components/Timeline/style.less';
 @import './components/Transfer/style.less';
+@import './components/Timeline/style.less';
 @import './components/TreeSelector/style.less';
 @import './components/Card/RowExtra/style.less';
 @import './components/Card/SearchInput/style.less';
@@ -43,8 +42,8 @@
 @import './components/Table/ColumnTag/style.less';
 @import './components/TagList/Tag/style.less';
 @import './components/TagList/TagSwitch/style.less';
-@import './components/Timeline/TimelineItem/style.less';
 @import './components/Transfer/List/style.less';
 @import './components/Transfer/ListBody/style.less';
+@import './components/Timeline/TimelineItem/style.less';
 @import './components/DateTimePicker/BaseMobile/Absolute/style.less';
 @import './components/DateTimePicker/Collapse/Panel/style.less';

package/lib/style/theme.less

@@ -1,5 +1,7 @@
 @ant-prefix: ant;
 
+@root-entry-name: 'default';
+
 // classname前后缀变量=========================================================
 @sdk-prefix: pandora-sdk; // 多个使用
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qn-pandora/pandora-component",
-  "version": "3.1.1",
+  "version": "4.0.0",
   "description": "基础组件",
   "author": "pandora <pandora@qiniu.com>",
   "homepage": "https://github.com/qbox/phoenix#readme",
@@ -30,79 +30,50 @@
   },
   "scripts": {
     "build": "pandora-tools build esm && pandora-tools build cjs",
+    "watchLess": "pandora-tools watchLess cjs",
     "test": "jest",
     "storybook": "pandora-tools storybook start --port 9000",
-    "storybook:build": "pandora-tools storybook build",
-    "prettier": "prettier -l 'src/**/*.{ts,tsx,less,css}'"
+    "storybook:build": "pandora-tools storybook build"
   },
   "bugs": {
     "url": "https://github.com/qbox/phoenix/issues"
   },
   "peerDependencies": {
-    "antd": "4.16.9",
+    "antd": "4.17.1",
     "lodash": "^4.17.15",
     "mobx": "^4.15.4",
     "mobx-react": "5.4.4",
     "react": "^16.8.6"
   },
   "devDependencies": {
-    "@babel/helper-skip-transparent-expression-wrappers": "^7.11.0",
-    "@babel/plugin-proposal-decorators": "^7.8.3",
-    "@qn-pandora/pandora-tools": "^1.1.1",
-    "@svgr/webpack": "^5.4.0",
+    "@qn-pandora/pandora-tools": "^2.0.0",
     "@types/classnames": "^2.2.7",
-    "@types/css": "^0.0.31",
-    "@types/flat": "^5.0.2",
-    "@types/jest": "^25.2.3",
-    "@types/lodash": "^4.14.152",
-    "@types/node": "^14.0.12",
-    "@types/prop-types": "^15.7.1",
     "@types/react": "^16.14.5",
     "@types/react-measure": "^2.0.4",
-    "@typescript-eslint/eslint-plugin": "^4.1.0",
-    "@typescript-eslint/eslint-plugin-tslint": "^4.1.0",
-    "@typescript-eslint/parser": "^4.1.0",
-    "antd": "4.16.9",
-    "antd-mobile": "^2.3.3",
-    "babel-loader": "^8.1.0",
-    "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.0.0",
-    "eslint": "^7.7.0",
-    "eslint-plugin-react": "^7.20.6",
-    "eslint-plugin-react-hooks": "^4.1.0",
-    "file-loader": "^6.1.0",
-    "flat": "^5.0.2",
+    "@types/prop-types": "^15.7.1",
+    "@types/css": "0.0.33",
+    "@types/flat": "^5.0.1",
+    "@types/jest": "^25.2.3",
+    "@types/lodash": "^4.14.152",
+    "antd": "4.17.1",
+    "antd-mobile": "2.3.3",
     "jest": "^26.0.1",
-    "less": "^3.9.0",
-    "less-loader": "^5.0.0",
     "lodash": "^4.17.15",
-    "mini-css-extract-plugin": "^0.9.0",
     "mobx": "^4.15.4",
     "mobx-react": "5.4.4",
-    "prettier": "2.0.5",
-    "query-string": "^6.12.1",
     "react": "^16.8.6",
-    "ts-jest": "^26.0.0",
-    "ts-loader": "^7.0.5",
-    "tslint": "^6.1.2",
-    "tslint-microsoft-contrib": "^6.1.1",
-    "typescript": "~3.8.0",
-    "typescript-tslint-plugin": "^0.5.5",
-    "url-loader": "^2.0.1",
-    "webpack": "^4.35.3",
-    "webpack-cli": "^3.3.5",
-    "webpack-node-externals": "^1.7.2"
+    "typescript": "~3.8.0"
   },
   "dependencies": {
     "@ant-design/compatible": "1.0.8",
-    "@ant-design/icons": "4.6.2",
-    "@qn-pandora/pandora-component-icons": "^2.1.1",
-    "flat": "^5.0.2",
+    "@ant-design/icons": "4.7.0",
+    "@qn-pandora/pandora-component-icons": "^3.0.0",
+    "flat": "^5.0.0",
     "antd-mobile": "2.3.3",
+    "css": "3.0.0",
     "classnames": "^2.2.6",
-    "css": "^2.2.4",
     "moment": "^2.29.1",
     "prop-types": "^15.7.2",
     "react-measure": "^2.5.2"
   }
-}
+}

package/es/components/Input/NumberInput/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-export interface INumberInputProps {
-    /** 当前值 */
-    value?: number;
-    /** placeholder */
-    placeholder?: string;
-    /** 最大值 */
-    min?: number;
-    /** 最小值 */
-    max?: number;
-    /** 小数保留的位数 */
-    precision?: number;
-    /** 前缀 */
-    addonAfter?: React.ReactNode;
-    /** 后缀 */
-    addonBefore?: React.ReactNode;
-    /** 组件类名 */
-    className?: string;
-    /** 设置当前值 */
-    onChange?: (value?: number) => void;
-}
-export default class NumberInput extends React.Component<INumberInputProps, any> {
-    value: string;
-    setValue(value: string): void;
-    handleChange(value: string): void;
-    handleBlur(): void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}

package/es/components/Input/NumberInput/index.js

@@ -1,116 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import React from 'react';
-import { observer } from 'mobx-react';
-import { action, observable } from 'mobx';
-import { isNumber, toString, floor } from 'lodash';
-import Input from '../index';
-import bind from '../../../utils/bind';
-var NumberInput = /** @class */ (function (_super) {
-    __extends(NumberInput, _super);
-    function NumberInput() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.value = '';
-        return _this;
-    }
-    NumberInput.prototype.setValue = function (value) {
-        this.value = value;
-    };
-    NumberInput.prototype.handleChange = function (value) {
-        var onChange = this.props.onChange;
-        var result = Number(value);
-        if (!onChange) {
-            return;
-        }
-        if (!isNaN(result)) {
-            onChange(value === '' ? undefined : result);
-        }
-        this.setValue(value);
-    };
-    NumberInput.prototype.handleBlur = function () {
-        var _a = this.props, min = _a.min, max = _a.max, precision = _a.precision, onChange = _a.onChange;
-        var result = Number(this.value);
-        if (!onChange) {
-            return;
-        }
-        if (this.value === '') {
-            onChange(undefined);
-            this.setValue('');
-            return;
-        }
-        if (isNaN(result)) {
-            onChange(min);
-            this.setValue(toString(min));
-            return;
-        }
-        if (isNumber(min) && min > result) {
-            onChange(min);
-            this.setValue(toString(min));
-            return;
-        }
-        if (isNumber(max) && max < result) {
-            onChange(max);
-            this.setValue(toString(max));
-            return;
-        }
-        if (isNumber(precision)) {
-            this.setValue(toString(floor(result, precision)));
-            onChange(floor(result, precision));
-        }
-    };
-    NumberInput.prototype.componentDidMount = function () {
-        this.setValue(toString(this.props.value));
-    };
-    NumberInput.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, addonAfter = _a.addonAfter, addonBefore = _a.addonBefore, className = _a.className;
-        return (React.createElement(Input, { className: className, value: this.value, onChange: this.handleChange, onBlur: this.handleBlur, placeholder: placeholder, addonAfter: addonAfter, addonBefore: addonBefore }));
-    };
-    __decorate([
-        observable,
-        __metadata("design:type", String)
-    ], NumberInput.prototype, "value", void 0);
-    __decorate([
-        bind,
-        action,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], NumberInput.prototype, "setValue", null);
-    __decorate([
-        bind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], NumberInput.prototype, "handleChange", null);
-    __decorate([
-        bind,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], NumberInput.prototype, "handleBlur", null);
-    NumberInput = __decorate([
-        observer
-    ], NumberInput);
-    return NumberInput;
-}(React.Component));
-export default NumberInput;