@qn-pandora/pandora-component 3.0.2 → 4.0.0

package/lib/index.d.ts

@@ -2,7 +2,7 @@ export * from '@qn-pandora/pandora-component-icons';
 export { SDK_PREFIX } from './constants/style';
 export { default as Button, IButtonProps } from './components/Button';
 export { default as Card } from './components/Card';
-export { default as Collapse } from './components/Collapse';
+export { default as Collapse, ECollapseType } from './components/Collapse';
 export { default as ConfigProvider } from './components/ConfigProvider';
 export { default as NameLimiter, INameLimiterProps } from './components/NameLimiter';
 export { default as Input, TInputProps } from './components/Input';
@@ -14,6 +14,7 @@ export * from './components/DateTimePicker/constants';
 export * from './components/DateTimePicker/transform';
 export { default as Style } from './components/Style';
 export { default as SolidRadioGroup, ISolidRadioGroupProps, IOption as ISolidRadioGroupOption } from './components/SolidRadioGroup';
+export { default as RadioGroup } from './components/RadioGroup';
 export { default as Menu, IOption as IMenuOption } from './components/Menu';
 export { default as Spin, SpinMode } from './components/Spin';
 export { default as Modal } from './components/Modal';
@@ -24,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.js

@@ -12,6 +12,7 @@ var Card_1 = require("./components/Card");
 exports.Card = Card_1.default;
 var Collapse_1 = require("./components/Collapse");
 exports.Collapse = Collapse_1.default;
+exports.ECollapseType = Collapse_1.ECollapseType;
 var ConfigProvider_1 = require("./components/ConfigProvider");
 exports.ConfigProvider = ConfigProvider_1.default;
 var NameLimiter_1 = require("./components/NameLimiter");
@@ -34,6 +35,8 @@ var Style_1 = require("./components/Style");
 exports.Style = Style_1.default;
 var SolidRadioGroup_1 = require("./components/SolidRadioGroup");
 exports.SolidRadioGroup = SolidRadioGroup_1.default;
+var RadioGroup_1 = require("./components/RadioGroup");
+exports.RadioGroup = RadioGroup_1.default;
 var Menu_1 = require("./components/Menu");
 exports.Menu = Menu_1.default;
 var Spin_1 = require("./components/Spin");

package/lib/index.less

@@ -7,33 +7,31 @@
 @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';
 @import './components/NameExplainTooltip/style.less';
 @import './components/NameLimiter/style.less';
 @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/SolidRadioGroup/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/Timeline/style.less';
 @import './components/TagList/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';
-@import './components/Collapse/Panel/style.less';
-@import './components/Collapse/stories/style.stories.less';
 @import './components/DateTimePicker/Base/style.less';
 @import './components/DateTimePicker/BaseMobile/style.less';
 @import './components/DateTimePicker/DisplayInput/style.less';
@@ -42,9 +40,10 @@
 @import './components/OptionList/PopoverOptionList/style.less';
 @import './components/Steps/ControlButton/style.less';
 @import './components/Table/ColumnTag/style.less';
-@import './components/Timeline/TimelineItem/style.less';
 @import './components/TagList/Tag/style.less';
 @import './components/TagList/TagSwitch/style.less';
 @import './components/Transfer/List/style.less';
 @import './components/Transfer/ListBody/style.less';
-@import './components/DateTimePicker/BaseMobile/Absolute/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; // 多个使用
 
@@ -370,3 +372,10 @@
 }
 
 @icon-hover-color: rgba(19, 107, 255, 0.1);
+
+// radio--------------
+// antd覆盖色
+@radio-dot-color: @theme-color;
+@radio-button-color: @heading-color;
+@radio-button-active-color: @theme-color;
+@radio-button-hover-color: @theme-color;

package/lib/utils/language.d.ts

@@ -0,0 +1 @@
+export declare function formatString(path: any, locale?: import("antd/es/locale-provider").Locale): any;

package/lib/utils/language.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var lodash_1 = require("lodash");
+var zh_CN_1 = __importDefault(require("antd/es/locale-provider/zh_CN"));
+var zh_1 = require("../constants/language/zh");
+var en_1 = require("../constants/language/en");
+function formatString(path, locale) {
+    if (locale === void 0) { locale = zh_CN_1.default; }
+    if (lodash_1.isString(path)) {
+        var message = lodash_1.get(locale === zh_CN_1.default ? zh_1.component_zh : en_1.component_en, path);
+        if (message && lodash_1.isString(message)) {
+            return message;
+        }
+        return path;
+    }
+    return path;
+}
+exports.formatString = formatString;

package/lib/utils/languageLocale.d.ts

@@ -0,0 +1 @@
+export declare function languageLocale<T>(prefix: string, obj: T): T;

package/lib/utils/languageLocale.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var flat_1 = require("flat");
+function languageLocale(prefix, obj) {
+    var flattenObj = flat_1.flatten(obj);
+    var result = {};
+    Object.keys(flattenObj).map(function (key) {
+        result[key] = "" + prefix + key;
+    });
+    return flat_1.unflatten(result);
+}
+exports.languageLocale = languageLocale;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qn-pandora/pandora-component",
-  "version": "3.0.2",
+  "version": "4.0.0",
   "description": "基础组件",
   "author": "pandora <pandora@qiniu.com>",
   "homepage": "https://github.com/qbox/phoenix#readme",
@@ -30,76 +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.0.0",
-    "@svgr/webpack": "^5.4.0",
+    "@qn-pandora/pandora-tools": "^2.0.0",
     "@types/classnames": "^2.2.7",
     "@types/react": "^16.14.5",
     "@types/react-measure": "^2.0.4",
     "@types/prop-types": "^15.7.1",
-    "@types/css": "^0.0.31",
+    "@types/css": "0.0.33",
+    "@types/flat": "^5.0.1",
     "@types/jest": "^25.2.3",
     "@types/lodash": "^4.14.152",
-    "@types/node": "^14.0.12",
-    "@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",
+    "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.0.0",
+    "@ant-design/icons": "4.7.0",
+    "@qn-pandora/pandora-component-icons": "^3.0.0",
+    "flat": "^5.0.0",
     "antd-mobile": "2.3.3",
-    "css": "^2.2.4",
+    "css": "3.0.0",
     "classnames": "^2.2.6",
     "moment": "^2.29.1",
     "prop-types": "^15.7.2",
     "react-measure": "^2.5.2"
   }
-}
+}

package/es/components/Collapse/stories/style.stories.css

@@ -1,12 +0,0 @@
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
-.pandora-sdk-custom-panel-title {
-  color: red;
-}
-.pandora-sdk-custom-panel-content {
-  color: red;
-}

package/es/components/Collapse/stories/style.stories.less

@@ -1,7 +0,0 @@
-@import '../../../style/theme.less';
-.@{sdk-prefix}-custom-panel-title {
-  color: red;
-}
-.@{sdk-prefix}-custom-panel-content {
-  color: red;
-}

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;