amis 1.8.0-beta.0 → 1.8.0-beta.3

package/lib/components/Progress.js

@@ -29,18 +29,21 @@ var Progress = /** @class */ (function (_super) {
         return (react_1.default.createElement("span", { className: cx("".concat(prefixCls, "-text")), key: "value" }, content));
     };
     Progress.prototype.render = function () {
-        var _a, _b, _c, _d;
-        var _e = this.props, classNames = _e.classNames, progressClassName = _e.progressClassName, progressBarClassName = _e.progressBarClassName, type = _e.type, value = _e.value, placeholder = _e.placeholder, stripe = _e.stripe, animate = _e.animate, showLabel = _e.showLabel, gapDegree = _e.gapDegree, gapPosition = _e.gapPosition, strokeWidth = _e.strokeWidth, cx = _e.classnames;
+        var _a, _b, _c;
+        var _d = this.props, classNames = _d.classNames, progressClassName = _d.progressClassName, progressBarClassName = _d.progressBarClassName, type = _d.type, value = _d.value, placeholder = _d.placeholder, stripe = _d.stripe, animate = _d.animate, showLabel = _d.showLabel, gapDegree = _d.gapDegree, gapPosition = _d.gapPosition, strokeWidth = _d.strokeWidth, cx = _d.classnames;
         var isLineType = type === 'line';
         var prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';
-        var viewValue = (react_1.default.createElement("span", { className: "text-muted" }, placeholder));
-        if (type === 'line') {
+        var viewValue;
+        if (typeof value !== 'number') {
+            viewValue = react_1.default.createElement("span", { className: "text-muted" }, placeholder);
+        }
+        else if (type === 'line') {
+            var style = {};
+            strokeWidth && (style.height = strokeWidth);
             viewValue = [
-                react_1.default.createElement("div", { key: "progress", className: cx(prefixCls, progressClassName, (_a = {},
-                        _a["".concat(prefixCls, "-no-label")] = !showLabel,
-                        _a)) },
-                    react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-inter")) },
-                        react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-bar"), progressBarClassName || this.autoClassName(value), (_b = {}, _b["".concat(prefixCls, "-bar--stripe")] = stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _c), (_d = {}, _d["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _d)), title: "".concat(value, "%"), style: {
+                react_1.default.createElement("div", { key: "progress", className: cx(prefixCls, progressClassName) },
+                    react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-inter")), style: style },
+                        react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-bar"), progressBarClassName || this.autoClassName(value), (_a = {}, _a["".concat(prefixCls, "-bar--stripe")] = stripe, _a), (_b = {}, _b["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _c)), title: "".concat(value, "%"), style: {
                                 width: "".concat(value, "%")
                             } }))),
                 this.getLabel(prefixCls)

package/lib/components/Progress.js.map

@@ -6,8 +6,8 @@
         "/src/components/Progress.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport cx from 'classnames';\nimport {Circle} from 'rc-progress';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {SchemaClassName} from '../Schema';\ninterface ProgressProps extends ThemeProps {\n  type: 'line' | 'circle' | 'dashboard';\n  showLabel: boolean;\n  value: number;\n  stripe?: boolean;\n  animate?: boolean;\n  map?: Array<string>;\n  placeholder?: string;\n  format?: (value?: number) => JSX.Element;\n  gapDegree?: number;\n  gapPosition?: 'top' | 'bottom' | 'left' | 'right';\n  strokeWidth?: number;\n  classNames?: string;\n  progressClassName?: SchemaClassName;\n  progressBarClassName?: SchemaClassName;\n  classnames: ClassNamesFn;\n}\nexport class Progress extends React.Component<ProgressProps, Object> {\n  static defaultProps: Partial<ProgressProps> = {\n    type: 'line',\n    placeholder: '-',\n    progressClassName: '',\n    progressBarClassName: '',\n    map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],\n    showLabel: true\n  };\n\n  autoClassName(value: number) {\n    const map = this.props.map;\n    if (!map || !map.length) {\n      return '';\n    }\n    let index = Math.floor((value * map.length) / 100);\n    index = Math.max(0, Math.min(map.length - 1, index));\n    return map[index];\n  }\n\n  getLabel(prefixCls: string) {\n    const {value, format, showLabel, classnames: cx} = this.props;\n    if (!showLabel) {\n      return null;\n    }\n    const textFormatter = format || (value => `${value}%`);\n    const content = textFormatter(value);\n    return (\n      <span className={cx(`${prefixCls}-text`)} key=\"value\">\n        {content}\n      </span>\n    );\n  }\n\n  render() {\n    const {\n      classNames,\n      progressClassName,\n      progressBarClassName,\n      type,\n      value,\n      placeholder,\n      stripe,\n      animate,\n      showLabel,\n      gapDegree,\n      gapPosition,\n      strokeWidth,\n      classnames: cx\n    } = this.props;\n\n    const isLineType = type === 'line';\n    const prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';\n\n    let viewValue: React.ReactNode = (\n      <span className=\"text-muted\">{placeholder}</span>\n    );\n\n    if (type === 'line') {\n      viewValue = [\n        <div\n          key=\"progress\"\n          className={cx(prefixCls, progressClassName, {\n            [`${prefixCls}-no-label`]: !showLabel\n          })}\n        >\n          <div className={cx(`${prefixCls}-inter`)}>\n            <div\n              className={cx(\n                `${prefixCls}-bar`,\n                progressBarClassName || this.autoClassName(value),\n                {[`${prefixCls}-bar--stripe`]: stripe},\n                {[`${prefixCls}-bar--animate`]: animate && !stripe},\n                {[`${prefixCls}-bar--stripe-animate`]: animate && stripe}\n              )}\n              title={`${value}%`}\n              style={{\n                width: `${value}%`\n              }}\n            />\n          </div>\n        </div>,\n        this.getLabel(prefixCls)\n      ];\n    } else if (type === 'circle' || type === 'dashboard') {\n      const circleWidth = strokeWidth || 6;\n      const gapPos = gapPosition || (type === 'dashboard' && 'bottom') || 'top';\n      const getGapDegree = () => {\n        if (gapDegree || gapDegree === 0) {\n          return gapDegree;\n        }\n        if (type === 'dashboard') {\n          return 75;\n        }\n        return undefined;\n      };\n\n      viewValue = [\n        <div className={cx(prefixCls)} key=\"circle\">\n          <Circle\n            percent={value}\n            strokeColor=\"\"\n            strokeWidth={circleWidth}\n            trailWidth={circleWidth}\n            prefixCls={this.autoClassName(value)}\n            gapDegree={getGapDegree()}\n            gapPosition={gapPos}\n          />\n          {this.getLabel(prefixCls)}\n        </div>\n      ];\n    }\n\n    return <div className={cx('Progress', classNames)}>{viewValue}</div>;\n  }\n}\n\nexport default themeable(Progress);\n"
+        "import React from 'react';\nimport cx from 'classnames';\nimport {Circle} from 'rc-progress';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {SchemaClassName} from '../Schema';\ninterface ProgressProps extends ThemeProps {\n  type: 'line' | 'circle' | 'dashboard';\n  showLabel: boolean;\n  value: number;\n  stripe?: boolean;\n  animate?: boolean;\n  map?: Array<string>;\n  placeholder?: string;\n  format?: (value?: number) => JSX.Element;\n  gapDegree?: number;\n  gapPosition?: 'top' | 'bottom' | 'left' | 'right';\n  strokeWidth?: number;\n  classNames?: string;\n  progressClassName?: SchemaClassName;\n  progressBarClassName?: SchemaClassName;\n  classnames: ClassNamesFn;\n}\nexport class Progress extends React.Component<ProgressProps, Object> {\n  static defaultProps: Partial<ProgressProps> = {\n    type: 'line',\n    placeholder: '-',\n    progressClassName: '',\n    progressBarClassName: '',\n    map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],\n    showLabel: true\n  };\n\n  autoClassName(value: number) {\n    const map = this.props.map;\n    if (!map || !map.length) {\n      return '';\n    }\n    let index = Math.floor((value * map.length) / 100);\n    index = Math.max(0, Math.min(map.length - 1, index));\n    return map[index];\n  }\n\n  getLabel(prefixCls: string) {\n    const {value, format, showLabel, classnames: cx} = this.props;\n    if (!showLabel) {\n      return null;\n    }\n    const textFormatter = format || (value => `${value}%`);\n    const content = textFormatter(value);\n    return (\n      <span className={cx(`${prefixCls}-text`)} key=\"value\">\n        {content}\n      </span>\n    );\n  }\n\n  render() {\n    const {\n      classNames,\n      progressClassName,\n      progressBarClassName,\n      type,\n      value,\n      placeholder,\n      stripe,\n      animate,\n      showLabel,\n      gapDegree,\n      gapPosition,\n      strokeWidth,\n      classnames: cx\n    } = this.props;\n\n    const isLineType = type === 'line';\n    const prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';\n\n    let viewValue: React.ReactNode;\n    if (typeof value !== 'number') {\n      viewValue = <span className=\"text-muted\">{placeholder}</span>;\n    } else if (type === 'line') {\n      const style: any = {};\n      strokeWidth && (style.height = strokeWidth);\n      viewValue = [\n        <div key=\"progress\" className={cx(prefixCls, progressClassName)}>\n          <div className={cx(`${prefixCls}-inter`)} style={style}>\n            <div\n              className={cx(\n                `${prefixCls}-bar`,\n                progressBarClassName || this.autoClassName(value),\n                {[`${prefixCls}-bar--stripe`]: stripe},\n                {[`${prefixCls}-bar--animate`]: animate && !stripe},\n                {[`${prefixCls}-bar--stripe-animate`]: animate && stripe}\n              )}\n              title={`${value}%`}\n              style={{\n                width: `${value}%`\n              }}\n            />\n          </div>\n        </div>,\n        this.getLabel(prefixCls)\n      ];\n    } else if (type === 'circle' || type === 'dashboard') {\n      const circleWidth = strokeWidth || 6;\n      const gapPos = gapPosition || (type === 'dashboard' && 'bottom') || 'top';\n      const getGapDegree = () => {\n        if (gapDegree || gapDegree === 0) {\n          return gapDegree;\n        }\n        if (type === 'dashboard') {\n          return 75;\n        }\n        return undefined;\n      };\n\n      viewValue = [\n        <div className={cx(prefixCls)} key=\"circle\">\n          <Circle\n            percent={value}\n            strokeColor=\"\"\n            strokeWidth={circleWidth}\n            trailWidth={circleWidth}\n            prefixCls={this.autoClassName(value)}\n            gapDegree={getGapDegree()}\n            gapPosition={gapPos}\n          />\n          {this.getLabel(prefixCls)}\n        </div>\n      ];\n    }\n\n    return <div className={cx('Progress', classNames)}>{viewValue}</div>;\n  }\n}\n\nexport default themeable(Progress);\n"
     ]
 }

package/lib/components/Radios.d.ts

@@ -29,7 +29,7 @@ interface RadioProps extends OptionProps {
     btnActiveLevel?: string;
     disabled?: boolean;
     onChange?: Function;
-    columnsCount: number;
+    columnsCount: number | number[];
     itemClassName?: string;
     labelField?: string;
     labelClassName?: string;

package/lib/components/Radios.js

@@ -22,8 +22,8 @@ var uncontrollable_1 = require("uncontrollable");
 var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox"));
 var Button_1 = (0, tslib_1.__importDefault)(require("./Button"));
 var Select_1 = require("./Select");
-var chunk_1 = (0, tslib_1.__importDefault)(require("lodash/chunk"));
 var theme_1 = require("../theme");
+var columnsSplit_1 = require("../utils/columnsSplit");
 var Radios = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(Radios, _super);
     function Radios() {
@@ -86,10 +86,8 @@ var Radios = /** @class */ (function (_super) {
                 return _this.renderItem(option, key, valueArray);
             });
         }
-        if (!inline && columnsCount > 1) {
-            var weight = 12 / columnsCount;
-            var cellClassName_1 = "Grid-col--sm".concat(weight === Math.round(weight) ? weight : '');
-            body = (0, chunk_1.default)(body, columnsCount).map(function (group, groupIndex) { return (react_1.default.createElement("div", { className: cx('Grid'), key: groupIndex }, Array.from({ length: columnsCount }).map(function (_, index) { return (react_1.default.createElement("div", { key: index, className: cx(cellClassName_1) }, group[index])); }))); });
+        if (!inline) {
+            body = (0, columnsSplit_1.columnsSplit)(body, cx, columnsCount);
         }
         return (react_1.default.createElement("div", { className: className }, body && body.length ? body : placeholder));
     };

package/lib/components/Radios.js.map

@@ -6,8 +6,8 @@
         "/src/components/Radios.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": ";AAAA;;;;;;;;;;;;;;GAcG;;;;AAEH,6DAA0B;AAC1B,iDAA8C;AAC9C,qEAAkC;AAClC,iEAA8B;AAC9B,mCAA0D;AAE1D,kCAAiD;AACjD,sDAAmD;AAsBnD;IAA4B,uCAAgC;IAA5D;;IAkJA,CAAC;IAtIC,6BAAY,GAAZ,UAAa,MAAc;QACnB,IAAA,KACJ,IAAI,CAAC,KAAK,EADL,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aACrD,CAAC;QAEb,IAAI,UAAU,GAAG,IAAA,oBAAW,EAAC,KAAK,EAAE;YAClC,QAAQ,EAAE,KAAK;YACf,SAAS,WAAA;YACT,UAAU,YAAA;YACV,OAAO,SAAA;SACR,CAAC,CAAC;QACH,IAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEvC,IAAI,CAAC,GAAG,EAAE;YACR,SAAS,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;SACxC;aAAM;YACL,UAAU,GAAG,CAAC,MAAM,CAAC,CAAC;SACvB;QAED,IAAI,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAE7B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,4BAAW,GAAX,UAAY,MAAc,EAAE,KAAa,EAAE,UAAyB;QAApE,iBAkBC;QAjBO,IAAA,KAAgD,IAAI,CAAC,KAAK,EAA7C,EAAE,gBAAA,EAAE,UAAU,gBAAA,EAAe,EAAE,iBAAc,CAAC;QAEjE,OAAO,CACL,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,SAAS,CAAC;YACrE,yCACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,MAAM,CAAC,cAAc,CAAC,IAE/D,MAAM,CAAC,KAAK,CACP;YAEP,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM;gBACxC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;oBAChC,OAAA,KAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC;gBAA1C,CAA0C,CAC3C;gBACH,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;IACJ,CAAC;IAED,2BAAU,GAAV,UAAW,MAAc,EAAE,KAAa,EAAE,UAAyB;QAAnE,iBAiDC;QAhDC,IAAI,MAAM,CAAC,QAAQ,EAAE;YACnB,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;SACpD;QAEK,IAAA,KAWF,IAAI,CAAC,KAAK,EAVZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAa,mBAAA,EACD,EAAE,gBAAA,EACd,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,cAAc,oBAAA,EACD,EAAE,iBACH,CAAC;QAEf,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,IAAM,MAAM,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC7C,OAAO,CACL,8BAAC,gBAAM,IACL,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAzB,CAAyB,EACxC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,EAC9C,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK;gBAE9C,4CAAO,UAAG,MAAM,CAAC,UAAU,IAAI,OAAO,CAAC,CAAE,CAAQ,CAC1C,CACV,CAAC;SACH;QAED,OAAO,CACL,8BAAC,kBAAQ,IACP,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,cAAM,OAAA,KAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAzB,CAAyB,EACzC,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,EACtC,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,EAC9C,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,WAAW,EAAE,MAAM,CAAC,WAAW,EAC/B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,IAE7B,UAAG,MAAM,CAAC,UAAU,IAAI,OAAO,CAAC,CAAE,CAC1B,CACZ,CAAC;IACJ,CAAC;IAED,uBAAM,GAAN;QAAA,iBAuCC;QAtCO,IAAA,KAaF,IAAI,CAAC,KAAK,EAZZ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,SAAS,eAAA,EACG,EAAE,gBAAA,EACd,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,SAAS,eAAA,EACT,UAAU,gBACE,CAAC;QAEf,IAAI,UAAU,GAAG,IAAA,oBAAW,EAAC,KAAK,EAAE;YAClC,QAAQ,EAAE,KAAK;YACf,SAAS,WAAA;YACT,UAAU,YAAA;YACV,OAAO,SAAA;SACR,CAAC,CAAC;QACH,IAAI,IAAI,GAA2B,EAAE,CAAC;QAEtC,IAAI,OAAO,EAAE;YACX,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG;gBAC7B,OAAA,KAAI,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,EAAE,UAAU,CAAC;YAAxC,CAAwC,CACzC,CAAC;SACH;QAED,IAAI,CAAC,MAAM,EAAE;YACX,IAAI,GAAG,IAAA,2BAAY,EAAC,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;SAC7C;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,IACtB,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CACrC,CACP,CAAC;IACJ,CAAC;IAhJM,mBAAY,GAAG;QACpB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,SAAS;QACrB,cAAc,EAAE,SAAS;QACzB,UAAU,EAAE,EAAE;QACd,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,KAAK;QAChB,YAAY,EAAE,CAAC,CAAC,SAAS;KAC1B,CAAC;IAwIJ,aAAC;CAAA,AAlJD,CAA4B,eAAK,CAAC,SAAS,GAkJ1C;AAlJY,wBAAM;AAoJnB,kBAAe,IAAA,iBAAS,EACtB,IAAA,+BAAc,EAAC,MAAM,EAAE;IACrB,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CAAC",
     "sourcesContent": [
-        "/**\n * @file Radios\n * @description\n * @author fex\n *\n * @param 参数说明：\n * options: [\n *   {\n *      label: '显示的名字',\n *      value: '值',\n *      disabled: false\n *   }\n * ]\n *\n */\n\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport Button from './Button';\nimport {value2array, OptionProps, Option} from './Select';\nimport chunk from 'lodash/chunk';\nimport {ClassNamesFn, themeable} from '../theme';\n\ninterface RadioProps extends OptionProps {\n  id?: string;\n  type: string;\n  optionType?: string,\n  value?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  inline?: boolean;\n  level?: string; // 'link' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'default';\n  btnActiveLevel?: string;\n  disabled?: boolean;\n  onChange?: Function;\n  columnsCount: number;\n  itemClassName?: string;\n  labelField?: string;\n  labelClassName?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n}\n\nexport class Radios extends React.Component<RadioProps, any> {\n  static defaultProps = {\n    type: 'radio',\n    optionType: 'default',\n    btnActiveLevel: 'primary',\n    resetValue: '',\n    inline: true,\n    joinValues: true,\n    clearable: false,\n    columnsCount: 1 // 一行显示一个\n  };\n\n  toggleOption(option: Option) {\n    const {value, onChange, valueField, clearable, delimiter, options} =\n      this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    const idx = valueArray.indexOf(option);\n\n    if (~idx) {\n      clearable && valueArray.splice(idx, 1);\n    } else {\n      valueArray = [option];\n    }\n\n    let newValue = valueArray[0];\n\n    onChange && onChange(newValue);\n  }\n\n  renderGroup(option: Option, index: number, valueArray: Array<Option>) {\n    const {classnames: cx, optionType, classPrefix: ns,} = this.props;\n\n    return (\n      <div key={index} className={cx('RadiosControl-group', option.className)}>\n        <label\n          className={cx('RadiosControl-groupLabel', option.labelClassName)}\n        >\n          {option.label}\n        </label>\n\n        {option.children && option.children.length\n          ? option.children.map((option, index) =>\n              this.renderItem(option, index, valueArray)\n            )\n          : null}\n      </div>\n    );\n  }\n\n  renderItem(option: Option, index: number, valueArray: Array<Option>) {\n    if (option.children) {\n      return this.renderGroup(option, index, valueArray);\n    }\n\n    const {\n      disabled,\n      inline,\n      itemClassName,\n      classnames: cx,\n      labelClassName,\n      labelField,\n      optionType,\n      level,\n      btnActiveLevel,\n      classPrefix: ns\n    } = this.props;\n\n    if (optionType === 'button') {\n      const active = !!~valueArray.indexOf(option);\n      return (\n        <Button\n          key={index}\n          active={active}\n          onClick={() => this.toggleOption(option)}\n          className={cx(itemClassName, option.className)}\n          disabled={disabled || option.disabled}\n          level={(active ? btnActiveLevel : '') || level}\n        >\n          <span>{`${option[labelField || 'label']}`}</span>\n        </Button>\n      );\n    }\n\n    return (\n      <Checkbox\n        type=\"radio\"\n        key={index}\n        onChange={() => this.toggleOption(option)}\n        checked={!!~valueArray.indexOf(option)}\n        className={cx(itemClassName, option.className)}\n        disabled={disabled || option.disabled}\n        description={option.description}\n        inline={inline}\n        labelClassName={labelClassName}\n      >\n        {`${option[labelField || 'label']}`}\n      </Checkbox>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      classnames: cx,\n      placeholder,\n      columnsCount,\n      joinValues,\n      extractValue,\n      disabled,\n      inline,\n      delimiter,\n      valueField\n    } = this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    let body: Array<React.ReactNode> = [];\n\n    if (options) {\n      body = options.map((option, key) =>\n        this.renderItem(option, key, valueArray)\n      );\n    }\n\n    if (!inline && columnsCount > 1) {\n      let weight = 12 / (columnsCount as number);\n      let cellClassName = `Grid-col--sm${\n        weight === Math.round(weight) ? weight : ''\n      }`;\n      body = chunk(body, columnsCount).map((group, groupIndex) => (\n        <div className={cx('Grid')} key={groupIndex}>\n          {Array.from({length: columnsCount as number}).map((_, index) => (\n            <div key={index} className={cx(cellClassName)}>\n              {group[index]}\n            </div>\n          ))}\n        </div>\n      ));\n    }\n\n    return (\n      <div className={className}>\n        {body && body.length ? body : placeholder}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  uncontrollable(Radios, {\n    value: 'onChange'\n  })\n);\n"
+        "/**\n * @file Radios\n * @description\n * @author fex\n *\n * @param 参数说明：\n * options: [\n *   {\n *      label: '显示的名字',\n *      value: '值',\n *      disabled: false\n *   }\n * ]\n *\n */\n\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport Button from './Button';\nimport {value2array, OptionProps, Option} from './Select';\nimport chunk from 'lodash/chunk';\nimport {ClassNamesFn, themeable} from '../theme';\nimport {columnsSplit} from '../utils/columnsSplit';\n\ninterface RadioProps extends OptionProps {\n  id?: string;\n  type: string;\n  optionType?: string;\n  value?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  inline?: boolean;\n  level?: string; // 'link' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'default';\n  btnActiveLevel?: string;\n  disabled?: boolean;\n  onChange?: Function;\n  columnsCount: number | number[];\n  itemClassName?: string;\n  labelField?: string;\n  labelClassName?: string;\n  classPrefix: string;\n  classnames: ClassNamesFn;\n}\n\nexport class Radios extends React.Component<RadioProps, any> {\n  static defaultProps = {\n    type: 'radio',\n    optionType: 'default',\n    btnActiveLevel: 'primary',\n    resetValue: '',\n    inline: true,\n    joinValues: true,\n    clearable: false,\n    columnsCount: 1 // 一行显示一个\n  };\n\n  toggleOption(option: Option) {\n    const {value, onChange, valueField, clearable, delimiter, options} =\n      this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    const idx = valueArray.indexOf(option);\n\n    if (~idx) {\n      clearable && valueArray.splice(idx, 1);\n    } else {\n      valueArray = [option];\n    }\n\n    let newValue = valueArray[0];\n\n    onChange && onChange(newValue);\n  }\n\n  renderGroup(option: Option, index: number, valueArray: Array<Option>) {\n    const {classnames: cx, optionType, classPrefix: ns} = this.props;\n\n    return (\n      <div key={index} className={cx('RadiosControl-group', option.className)}>\n        <label\n          className={cx('RadiosControl-groupLabel', option.labelClassName)}\n        >\n          {option.label}\n        </label>\n\n        {option.children && option.children.length\n          ? option.children.map((option, index) =>\n              this.renderItem(option, index, valueArray)\n            )\n          : null}\n      </div>\n    );\n  }\n\n  renderItem(option: Option, index: number, valueArray: Array<Option>) {\n    if (option.children) {\n      return this.renderGroup(option, index, valueArray);\n    }\n\n    const {\n      disabled,\n      inline,\n      itemClassName,\n      classnames: cx,\n      labelClassName,\n      labelField,\n      optionType,\n      level,\n      btnActiveLevel,\n      classPrefix: ns\n    } = this.props;\n\n    if (optionType === 'button') {\n      const active = !!~valueArray.indexOf(option);\n      return (\n        <Button\n          key={index}\n          active={active}\n          onClick={() => this.toggleOption(option)}\n          className={cx(itemClassName, option.className)}\n          disabled={disabled || option.disabled}\n          level={(active ? btnActiveLevel : '') || level}\n        >\n          <span>{`${option[labelField || 'label']}`}</span>\n        </Button>\n      );\n    }\n\n    return (\n      <Checkbox\n        type=\"radio\"\n        key={index}\n        onChange={() => this.toggleOption(option)}\n        checked={!!~valueArray.indexOf(option)}\n        className={cx(itemClassName, option.className)}\n        disabled={disabled || option.disabled}\n        description={option.description}\n        inline={inline}\n        labelClassName={labelClassName}\n      >\n        {`${option[labelField || 'label']}`}\n      </Checkbox>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      classnames: cx,\n      placeholder,\n      columnsCount,\n      joinValues,\n      extractValue,\n      disabled,\n      inline,\n      delimiter,\n      valueField\n    } = this.props;\n\n    let valueArray = value2array(value, {\n      multiple: false,\n      delimiter,\n      valueField,\n      options\n    });\n    let body: Array<React.ReactNode> = [];\n\n    if (options) {\n      body = options.map((option, key) =>\n        this.renderItem(option, key, valueArray)\n      );\n    }\n\n    if (!inline) {\n      body = columnsSplit(body, cx, columnsCount);\n    }\n\n    return (\n      <div className={className}>\n        {body && body.length ? body : placeholder}\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  uncontrollable(Radios, {\n    value: 'onChange'\n  })\n);\n"
     ]
 }

package/lib/components/Range.d.ts

@@ -5,8 +5,8 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps } from '../theme';
-import { MultipleValue, FormatValue, RangeItemProps } from '../renderers/Form/InputRange';
+import type { ThemeProps } from '../theme';
+import type { MultipleValue, FormatValue, RangeItemProps } from '../renderers/Form/InputRange';
 export declare class Range extends React.Component<RangeItemProps, any> {
     multipleValue: MultipleValue;
     trackRef: React.RefObject<HTMLDivElement>;

package/lib/components/Range.js

@@ -16,7 +16,6 @@ var uncontrollable_1 = require("uncontrollable");
 var Overlay_1 = (0, tslib_1.__importDefault)(require("./Overlay"));
 var theme_1 = require("../theme");
 var helper_1 = require("../utils/helper");
-var InputRange_1 = require("../renderers/Form/InputRange");
 var tpl_builtin_1 = require("../utils/tpl-builtin");
 var react_dom_1 = require("react-dom");
 var icons_1 = require("./icons");
@@ -28,7 +27,7 @@ var icons_1 = require("./icons");
  * @returns position.left
  */
 var valueToOffsetLeft = function (value, min, max) {
-    return (value * 100) / (max - min) + '%';
+    return ((value - min) * 100) / (max - min) + '%';
 };
 /**
  * 滑块handle
@@ -217,7 +216,7 @@ var Range = /** @class */ (function (_super) {
     Range.prototype.pageXToValue = function (pageX) {
         var _a = this.getBoundingClient(this.trackRef.current), x = _a.x, width = _a.width;
         var _b = this.props, max = _b.max, min = _b.min;
-        return ((pageX - x) * (max - min)) / width;
+        return ((pageX - x) * (max - min)) / width + min;
     };
     /**
      * 滑块改变事件
@@ -280,9 +279,23 @@ var Range = /** @class */ (function (_super) {
      * @returns ReactNode
      */
     Range.prototype.renderSteps = function () {
-        var _a = this.props, max = _a.max, min = _a.min, step = _a.step, showSteps = _a.showSteps, cx = _a.classnames;
-        var steps = Math.floor((max - min) / step);
-        return (showSteps && (react_1.default.createElement("div", null, (0, range_1.default)(steps - 1).map(function (item) { return (react_1.default.createElement("span", { key: item, className: cx('InputRange-track-dot'), style: { left: ((item + 1) * 100) / steps + '%' } })); }))));
+        var _a = this.props, max = _a.max, min = _a.min, step = _a.step, showSteps = _a.showSteps, cx = _a.classnames, parts = _a.parts;
+        var isShowSteps = showSteps;
+        // 只要设置了 parts 就展示分隔
+        if (parts > 1 || Array.isArray(parts)) {
+            isShowSteps = true;
+        }
+        // 总区间
+        var section = max - min;
+        // 总区间被平均分为多少块
+        var steps = parts > 1 ? parts : Math.floor(section / step);
+        // 平均分 每块的长度
+        var partLength = section / steps;
+        // parts为数组时，以0为起点(传入的值 - min)
+        var partLengthList = Array.isArray(parts)
+            ? parts.map(function (item) { return item - min; })
+            : (0, range_1.default)(steps - 1).map(function (item) { return (item + 1) * partLength; });
+        return (isShowSteps && (react_1.default.createElement("div", null, partLengthList.map(function (item) { return (react_1.default.createElement("span", { key: item, className: cx('InputRange-track-dot'), style: { left: (item * 100) / (max - min) + '%' } })); }))));
     };
     /**
      * 双滑块改变最大值、最小值
@@ -318,9 +331,9 @@ var Range = /** @class */ (function (_super) {
         // trace
         var traceActiveStyle = {
             width: valueToOffsetLeft(multiple
-                ? value.max - value.min
+                ? value.max - value.min + min
                 : value, min, max),
-            left: valueToOffsetLeft(multiple ? value.min : 0, min, max)
+            left: valueToOffsetLeft(multiple ? value.min : min, min, max)
         };
         // handle 双滑块
         var diff = (0, difference_1.default)(Object.values(value), Object.values(this.multipleValue));
@@ -341,17 +354,17 @@ var Range = /** @class */ (function (_super) {
                         react_1.default.createElement("span", { style: (_a = marks[key]) === null || _a === void 0 ? void 0 : _a.style }, ((_b = marks[key]) === null || _b === void 0 ? void 0 : _b.label) || marks[key])));
                 }))))));
     };
-    var _b, _c;
+    var _b;
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
-        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof InputRange_1.FormatValue !== "undefined" && InputRange_1.FormatValue) === "function" ? _b : Object]),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], Range.prototype, "updateValue", null);
     (0, tslib_1.__decorate)([
         helper_1.autobind,
         (0, tslib_1.__metadata)("design:type", Function),
-        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof Element !== "undefined" && Element) === "function" ? _c : Object]),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof Element !== "undefined" && Element) === "function" ? _b : Object]),
         (0, tslib_1.__metadata)("design:returntype", void 0)
     ], Range.prototype, "getBoundingClient", null);
     (0, tslib_1.__decorate)([

package/lib/components/Range.js.map

@@ -6,8 +6,8 @@
         "/src/components/Range.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "/**\n * @file Range\n * @description\n * @author fex\n */\n\nimport range from 'lodash/range';\nimport keys from 'lodash/keys';\nimport isString from 'lodash/isString';\nimport difference from 'lodash/difference';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\n\nimport {RendererProps} from '../factory';\nimport Overlay from './Overlay';\nimport {ThemeProps, themeable} from '../theme';\nimport {autobind, camel} from '../utils/helper';\nimport {\n  MultipleValue,\n  Value,\n  FormatValue,\n  RangeItemProps\n} from '../renderers/Form/InputRange';\nimport {stripNumber} from '../utils/tpl-builtin';\nimport {findDOMNode} from 'react-dom';\nimport {Icon} from './icons';\n\ntype MarksType = {\n  [index: number | string]: Record<\n    number,\n    React.ReactNode | {style?: React.CSSProperties; label?: string}\n  >;\n};\n\ninterface HandleItemState {\n  isDrag: boolean;\n  labelActive: boolean;\n}\n\ninterface HandleItemProps extends ThemeProps {\n  disabled: boolean;\n  value: number;\n  min: number;\n  max: number;\n  type?: 'min' | 'max';\n  onChange: (value: number, type: 'min' | 'max') => void;\n  onAfterChange: () => void;\n  tooltipVisible?: boolean;\n  tipFormatter?: (value: Value) => boolean;\n  unit?: string;\n  tooltipPlacement?: string;\n}\n\ninterface LabelProps extends ThemeProps {\n  show: boolean;\n  value: number;\n  tooltipVisible?: boolean;\n  tipFormatter?: (value: Value) => boolean;\n  unit?: string;\n  placement?: string;\n  activePlacement?: string;\n  positionLeft?: number;\n  positionTop?: number;\n}\n\n/**\n * 滑块值 -> position.left\n * @param value 滑块值\n * @param min 最小值\n * @param max 最大值\n * @returns position.left\n */\nconst valueToOffsetLeft = (value: any, min: number, max: number) =>\n  (value * 100) / (max - min) + '%';\n\n/**\n * 滑块handle\n * 双滑块涉及两个handle，单独抽一个组件\n */\nclass HandleItem extends React.Component<HandleItemProps, HandleItemState> {\n  handleRef: React.RefObject<HTMLDivElement> = React.createRef();\n  constructor(props: HandleItemProps) {\n    super(props);\n\n    this.state = {\n      isDrag: false,\n      labelActive: false\n    };\n  }\n\n  /**\n   * mouseDown事件\n   * 防止拖动过快，全局监听 mousemove、mouseup\n   */\n  @autobind\n  onMouseDown() {\n    this.setState({\n      isDrag: true,\n      labelActive: true\n    });\n    window.addEventListener('mousemove', this.onMouseMove);\n    window.addEventListener('mouseup', this.onMouseUp);\n  }\n\n  /**\n   * mouseMove事件\n   * 触发公共onchange事件\n   */\n  @autobind\n  onMouseMove(e: MouseEvent) {\n    const {isDrag} = this.state;\n    const {type = 'min'} = this.props;\n    if (!isDrag) {\n      return;\n    }\n    this.props.onChange(e.pageX, type);\n  }\n\n  /**\n   * mouseUp事件\n   * 移除全局 mousemove、mouseup\n   */\n  @autobind\n  onMouseUp() {\n    this.setState({\n      isDrag: false\n    });\n    this.props.onAfterChange();\n    window.removeEventListener('mousemove', this.onMouseMove);\n    window.removeEventListener('mouseup', this.onMouseUp);\n  }\n\n  /**\n   * mouseEnter事件\n   * 鼠标移入 -> 展示label\n   */\n  @autobind\n  onMouseEnter() {\n    this.setState({\n      labelActive: true\n    });\n  }\n\n  /**\n   * mouseLeave事件\n   * 鼠标移出 & !isDrag -> 隐藏label\n   */\n  @autobind\n  onMouseLeave() {\n    const {isDrag} = this.state;\n    if (isDrag) {\n      return;\n    }\n    this.setState({\n      labelActive: false\n    });\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      disabled,\n      value,\n      min,\n      max,\n      tooltipVisible,\n      tipFormatter,\n      unit,\n      tooltipPlacement = 'auto'\n    } = this.props;\n    const {isDrag, labelActive} = this.state;\n    const style = {\n      left: valueToOffsetLeft(value, min, max),\n      zIndex: isDrag ? 2 : 1\n    };\n\n    return disabled ? (\n      <div className={cx('InputRange-handle')} style={style}>\n        <div className={cx('InputRange-handle-icon')}>\n          <Icon icon=\"slider-handle\" className=\"icon\" />\n        </div>\n      </div>\n    ) : (\n      <div\n        className={cx('InputRange-handle')}\n        style={style}\n        ref={this.handleRef}\n      >\n        <div\n          className={cx(\n            isDrag ? 'InputRange-handle-drage' : 'InputRange-handle-icon'\n          )}\n          onMouseDown={this.onMouseDown}\n          onMouseEnter={this.onMouseEnter}\n          onMouseLeave={this.onMouseLeave}\n        >\n          <Icon icon=\"slider-handle\" className=\"icon\" />\n        </div>\n\n        <Overlay\n          placement={tooltipPlacement}\n          target={() => findDOMNode(this)}\n          container={() => findDOMNode(this)}\n          rootClose={false}\n          show={true}\n        >\n          <Label\n            show={labelActive}\n            classPrefix={this.props.classPrefix}\n            classnames={cx}\n            value={value}\n            tooltipVisible={tooltipVisible}\n            tipFormatter={tipFormatter}\n            unit={unit}\n            placement={tooltipPlacement}\n          />\n        </Overlay>\n      </div>\n    );\n  }\n}\n\n/**\n * 滑块标签\n */\nclass Label extends React.Component<LabelProps, any> {\n  render() {\n    const {\n      classnames: cx,\n      value,\n      show,\n      tooltipVisible,\n      tipFormatter,\n      unit = '',\n      positionLeft = 0,\n      positionTop = 0\n    } = this.props;\n\n    let {placement} = this.props;\n    if (placement === 'auto') {\n      positionLeft >= 0 && positionTop >= 0 && (placement = 'top');\n      positionLeft >= 0 && positionTop < 0 && (placement = 'bottom');\n      positionLeft < 0 && positionTop >= 0 && (placement = 'left');\n      positionLeft < 0 && positionTop < 0 && (placement = 'right');\n    }\n\n    // tooltipVisible 优先级 比show高\n    // tooltipVisible 为 true时，tipFormatter才生效\n    const isShow =\n      tooltipVisible !== undefined\n        ? tooltipVisible && tipFormatter\n          ? tipFormatter(value)\n          : tooltipVisible\n        : show;\n    return (\n      <div\n        className={cx('InputRange-label', `pos-${camel(placement)}`, {\n          'InputRange-label-visible': isShow\n        })}\n      >\n        <span>{value + unit}</span>\n      </div>\n    );\n  }\n}\n\nexport class Range extends React.Component<RangeItemProps, any> {\n  multipleValue: MultipleValue = {\n    min: (this.props.value as MultipleValue).min,\n    max: (this.props.value as MultipleValue).max\n  };\n  trackRef: React.RefObject<HTMLDivElement> = React.createRef();\n\n  /**\n   * 接收组件value变换\n   * value变换 -> Range.updateValue\n   * @param value\n   */\n  @autobind\n  updateValue(value: FormatValue) {\n    this.props.updateValue(value);\n  }\n\n  /**\n   * 获取 坐标、宽高\n   */\n  @autobind\n  getBoundingClient(dom: Element) {\n    const {x, y, width, height} = dom?.getBoundingClientRect();\n    return {x, y, width, height};\n  }\n\n  /**\n   * 坐标 -> 滑块值\n   * @param pageX target.target 坐标\n   * @returns 滑块值\n   */\n  pageXToValue(pageX: number) {\n    const {x, width} = this.getBoundingClient(this.trackRef.current as Element);\n    const {max, min} = this.props;\n    return ((pageX - x) * (max - min)) / width;\n  }\n\n  /**\n   * 滑块改变事件\n   * @param pageX target.pageX 坐标\n   * @param type min max\n   * @returns void\n   */\n  @autobind\n  onChange(pageX: number, type: string = 'min') {\n    const {max, min, step, multiple, value: originValue} = this.props;\n    const value = this.pageXToValue(pageX);\n    if (value > max || value < min) {\n      return;\n    }\n    const result = stripNumber(this.getStepValue(value, step));\n    if (multiple) {\n      this.updateValue({...(originValue as MultipleValue), [type]: result});\n    } else {\n      this.updateValue(result);\n    }\n  }\n\n  /**\n   * 获取step为单位的value\n   * @param value 拖拽后计算的value\n   * @param step 步长\n   * @returns step为单位的value\n   */\n  getStepValue(value: number, step: number) {\n    const surplus = value % step;\n    let result = 0;\n    // 余数 >= 步长一半 -> 向上取\n    // 余数 <  步长一半 -> 向下取\n    const _value = surplus >= step / 2 ? value : value - step;\n    while (result <= _value) {\n      result += step;\n    }\n    return result;\n  }\n\n  /**\n   * 点击滑轨 -> 触发onchange 改变value\n   * @param e event\n   * @returns void\n   */\n  @autobind\n  onClickTrack(e: any) {\n    if (!!this.props.disabled) {\n      return;\n    }\n    const {value} = this.props;\n    const _value = this.pageXToValue(e.pageX);\n    const type =\n      Math.abs(_value - (value as MultipleValue).min) >\n      Math.abs(_value - (value as MultipleValue).max)\n        ? 'max'\n        : 'min';\n    this.onChange(e.pageX, type);\n  }\n\n  /**\n   * 设置步长\n   * @returns ReactNode\n   */\n  @autobind\n  renderSteps() {\n    const {max, min, step, showSteps, classnames: cx} = this.props;\n    const steps = Math.floor((max - min) / step);\n    return (\n      showSteps && (\n        <div>\n          {range(steps - 1).map(item => (\n            <span\n              key={item}\n              className={cx('InputRange-track-dot')}\n              style={{left: ((item + 1) * 100) / steps + '%'}}\n            ></span>\n          ))}\n        </div>\n      )\n    );\n  }\n\n  /**\n   * 双滑块改变最大值、最小值\n   * @param pageX 拖拽后的pageX\n   * @param type 'min' | 'max'\n   */\n  @autobind\n  onGetChangeValue(pageX: number, type: keyof MultipleValue) {\n    const {max, min} = this.props;\n    const value = this.pageXToValue(pageX);\n    if (value > max || value < min) {\n      return;\n    }\n    this.multipleValue[type] = stripNumber(\n      this.getStepValue(value, this.props.step)\n    );\n    const _min = Math.min(this.multipleValue.min, this.multipleValue.max);\n    const _max = Math.max(this.multipleValue.min, this.multipleValue.max);\n    this.updateValue({max: _max, min: _min});\n  }\n\n  /**\n   * 计算每个标记 position.left\n   * @param value 滑块值\n   * @returns\n   */\n  @autobind\n  getOffsetLeft(value: number | string) {\n    const {max, min} = this.props;\n    if (isString(value) && /^\\d+%$/.test(value)) {\n      return value;\n    }\n    return (+value * 100) / (max - min) + '%';\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      marks,\n      multiple,\n      value,\n      max,\n      min,\n      disabled,\n      tooltipVisible,\n      unit,\n      tooltipPlacement,\n      tipFormatter,\n      onAfterChange\n    } = this.props;\n\n    // trace\n    const traceActiveStyle = {\n      width: valueToOffsetLeft(\n        multiple\n          ? (value as MultipleValue).max - (value as MultipleValue).min\n          : value,\n        min,\n        max\n      ),\n      left: valueToOffsetLeft(\n        multiple ? (value as MultipleValue).min : 0,\n        min,\n        max\n      )\n    };\n\n    // handle 双滑块\n    const diff = difference(\n      Object.values(value as MultipleValue),\n      Object.values(this.multipleValue)\n    );\n    if (diff && !!diff.length) {\n      this.multipleValue = {\n        min: (value as MultipleValue).min,\n        max: (value as MultipleValue).max\n      };\n    }\n\n    return (\n      <div className={cx('InputRange-wrap')}>\n        <div\n          ref={this.trackRef}\n          className={cx('InputRange-track', 'InputRange-track--background')}\n          onClick={this.onClickTrack}\n        >\n          <div\n            className={cx('InputRange-track-active')}\n            style={traceActiveStyle}\n          />\n\n          {/* 显示步长 */}\n          {this.renderSteps()}\n\n          {/* 滑块handle */}\n          {multiple ? (\n            ['min', 'max'].map((type: 'min' | 'max') => (\n              <HandleItem\n                key={type}\n                value={this.multipleValue[type]}\n                type={type}\n                min={min}\n                max={max}\n                classPrefix={this.props.classPrefix}\n                classnames={cx}\n                disabled={disabled}\n                tooltipVisible={tooltipVisible}\n                tipFormatter={tipFormatter}\n                unit={unit}\n                tooltipPlacement={tooltipPlacement}\n                onAfterChange={onAfterChange}\n                onChange={this.onGetChangeValue.bind(this)}\n              />\n            ))\n          ) : (\n            <HandleItem\n              value={+value}\n              min={min}\n              max={max}\n              classPrefix={this.props.classPrefix}\n              classnames={cx}\n              disabled={disabled}\n              tooltipVisible={tooltipVisible}\n              tipFormatter={tipFormatter}\n              unit={unit}\n              tooltipPlacement={tooltipPlacement}\n              onAfterChange={onAfterChange}\n              onChange={this.onChange.bind(this)}\n            />\n          )}\n\n          {/* 刻度标记 */}\n          {marks && (\n            <div className={cx('InputRange-marks')}>\n              {keys(marks).map((key: keyof MarksType) => (\n                <div key={key} style={{left: this.getOffsetLeft(key)}}>\n                  <span style={(marks[key] as any)?.style}>\n                    {(marks[key] as any)?.label || marks[key]}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  uncontrollable(Range, {\n    value: 'onChange'\n  })\n);\n"
+        "/**\n * @file Range\n * @description\n * @author fex\n */\n\nimport range from 'lodash/range';\nimport keys from 'lodash/keys';\nimport isString from 'lodash/isString';\nimport difference from 'lodash/difference';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\n\nimport Overlay from './Overlay';\nimport type { ThemeProps } from '../theme'\nimport {themeable} from '../theme';\nimport {autobind, camel} from '../utils/helper';\nimport type {\n  MultipleValue,\n  Value,\n  FormatValue,\n  RangeItemProps\n} from '../renderers/Form/InputRange';\nimport {stripNumber} from '../utils/tpl-builtin';\nimport {findDOMNode} from 'react-dom';\nimport {Icon} from './icons';\n\ntype MarksType = {\n  [index: number | string]: Record<\n    number,\n    React.ReactNode | {style?: React.CSSProperties; label?: string}\n  >;\n};\n\ninterface HandleItemState {\n  isDrag: boolean;\n  labelActive: boolean;\n}\n\ninterface HandleItemProps extends ThemeProps {\n  disabled: boolean;\n  value: number;\n  min: number;\n  max: number;\n  type?: 'min' | 'max';\n  onChange: (value: number, type: 'min' | 'max') => void;\n  onAfterChange: () => void;\n  tooltipVisible?: boolean;\n  tipFormatter?: (value: Value) => boolean;\n  unit?: string;\n  tooltipPlacement?: string;\n}\n\ninterface LabelProps extends ThemeProps {\n  show: boolean;\n  value: number;\n  tooltipVisible?: boolean;\n  tipFormatter?: (value: Value) => boolean;\n  unit?: string;\n  placement?: string;\n  activePlacement?: string;\n  positionLeft?: number;\n  positionTop?: number;\n}\n\n/**\n * 滑块值 -> position.left\n * @param value 滑块值\n * @param min 最小值\n * @param max 最大值\n * @returns position.left\n */\nconst valueToOffsetLeft = (value: any, min: number, max: number) =>\n  ((value - min) * 100) / (max - min) + '%';\n\n/**\n * 滑块handle\n * 双滑块涉及两个handle，单独抽一个组件\n */\nclass HandleItem extends React.Component<HandleItemProps, HandleItemState> {\n  handleRef: React.RefObject<HTMLDivElement> = React.createRef();\n  constructor(props: HandleItemProps) {\n    super(props);\n\n    this.state = {\n      isDrag: false,\n      labelActive: false\n    };\n  }\n\n  /**\n   * mouseDown事件\n   * 防止拖动过快，全局监听 mousemove、mouseup\n   */\n  @autobind\n  onMouseDown() {\n    this.setState({\n      isDrag: true,\n      labelActive: true\n    });\n    window.addEventListener('mousemove', this.onMouseMove);\n    window.addEventListener('mouseup', this.onMouseUp);\n  }\n\n  /**\n   * mouseMove事件\n   * 触发公共onchange事件\n   */\n  @autobind\n  onMouseMove(e: MouseEvent) {\n    const {isDrag} = this.state;\n    const {type = 'min'} = this.props;\n    if (!isDrag) {\n      return;\n    }\n    this.props.onChange(e.pageX, type);\n  }\n\n  /**\n   * mouseUp事件\n   * 移除全局 mousemove、mouseup\n   */\n  @autobind\n  onMouseUp() {\n    this.setState({\n      isDrag: false\n    });\n    this.props.onAfterChange();\n    window.removeEventListener('mousemove', this.onMouseMove);\n    window.removeEventListener('mouseup', this.onMouseUp);\n  }\n\n  /**\n   * mouseEnter事件\n   * 鼠标移入 -> 展示label\n   */\n  @autobind\n  onMouseEnter() {\n    this.setState({\n      labelActive: true\n    });\n  }\n\n  /**\n   * mouseLeave事件\n   * 鼠标移出 & !isDrag -> 隐藏label\n   */\n  @autobind\n  onMouseLeave() {\n    const {isDrag} = this.state;\n    if (isDrag) {\n      return;\n    }\n    this.setState({\n      labelActive: false\n    });\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      disabled,\n      value,\n      min,\n      max,\n      tooltipVisible,\n      tipFormatter,\n      unit,\n      tooltipPlacement = 'auto'\n    } = this.props;\n    const {isDrag, labelActive} = this.state;\n    const style = {\n      left: valueToOffsetLeft(value, min, max),\n      zIndex: isDrag ? 2 : 1\n    };\n\n    return disabled ? (\n      <div className={cx('InputRange-handle')} style={style}>\n        <div className={cx('InputRange-handle-icon')}>\n          <Icon icon=\"slider-handle\" className=\"icon\" />\n        </div>\n      </div>\n    ) : (\n      <div\n        className={cx('InputRange-handle')}\n        style={style}\n        ref={this.handleRef}\n      >\n        <div\n          className={cx(\n            isDrag ? 'InputRange-handle-drage' : 'InputRange-handle-icon'\n          )}\n          onMouseDown={this.onMouseDown}\n          onMouseEnter={this.onMouseEnter}\n          onMouseLeave={this.onMouseLeave}\n        >\n          <Icon icon=\"slider-handle\" className=\"icon\" />\n        </div>\n\n        <Overlay\n          placement={tooltipPlacement}\n          target={() => findDOMNode(this)}\n          container={() => findDOMNode(this)}\n          rootClose={false}\n          show={true}\n        >\n          <Label\n            show={labelActive}\n            classPrefix={this.props.classPrefix}\n            classnames={cx}\n            value={value}\n            tooltipVisible={tooltipVisible}\n            tipFormatter={tipFormatter}\n            unit={unit}\n            placement={tooltipPlacement}\n          />\n        </Overlay>\n      </div>\n    );\n  }\n}\n\n/**\n * 滑块标签\n */\nclass Label extends React.Component<LabelProps, any> {\n  render() {\n    const {\n      classnames: cx,\n      value,\n      show,\n      tooltipVisible,\n      tipFormatter,\n      unit = '',\n      positionLeft = 0,\n      positionTop = 0\n    } = this.props;\n\n    let {placement} = this.props;\n    if (placement === 'auto') {\n      positionLeft >= 0 && positionTop >= 0 && (placement = 'top');\n      positionLeft >= 0 && positionTop < 0 && (placement = 'bottom');\n      positionLeft < 0 && positionTop >= 0 && (placement = 'left');\n      positionLeft < 0 && positionTop < 0 && (placement = 'right');\n    }\n\n    // tooltipVisible 优先级 比show高\n    // tooltipVisible 为 true时，tipFormatter才生效\n    const isShow =\n      tooltipVisible !== undefined\n        ? tooltipVisible && tipFormatter\n          ? tipFormatter(value)\n          : tooltipVisible\n        : show;\n    return (\n      <div\n        className={cx('InputRange-label', `pos-${camel(placement)}`, {\n          'InputRange-label-visible': isShow\n        })}\n      >\n        <span>{value + unit}</span>\n      </div>\n    );\n  }\n}\n\nexport class Range extends React.Component<RangeItemProps, any> {\n  multipleValue: MultipleValue = {\n    min: (this.props.value as MultipleValue).min,\n    max: (this.props.value as MultipleValue).max\n  };\n  trackRef: React.RefObject<HTMLDivElement> = React.createRef();\n\n  /**\n   * 接收组件value变换\n   * value变换 -> Range.updateValue\n   * @param value\n   */\n  @autobind\n  updateValue(value: FormatValue) {\n    this.props.updateValue(value);\n  }\n\n  /**\n   * 获取 坐标、宽高\n   */\n  @autobind\n  getBoundingClient(dom: Element) {\n    const {x, y, width, height} = dom?.getBoundingClientRect();\n    return {x, y, width, height};\n  }\n\n  /**\n   * 坐标 -> 滑块值\n   * @param pageX target.target 坐标\n   * @returns 滑块值\n   */\n  pageXToValue(pageX: number) {\n    const {x, width} = this.getBoundingClient(this.trackRef.current as Element);\n    const {max, min} = this.props;\n    return ((pageX - x) * (max - min)) / width + min;\n  }\n\n  /**\n   * 滑块改变事件\n   * @param pageX target.pageX 坐标\n   * @param type min max\n   * @returns void\n   */\n  @autobind\n  onChange(pageX: number, type: string = 'min') {\n    const {max, min, step, multiple, value: originValue} = this.props;\n    const value = this.pageXToValue(pageX);\n    if (value > max || value < min) {\n      return;\n    }\n    const result = stripNumber(this.getStepValue(value, step));\n    if (multiple) {\n      this.updateValue({...(originValue as MultipleValue), [type]: result});\n    } else {\n      this.updateValue(result);\n    }\n  }\n\n  /**\n   * 获取step为单位的value\n   * @param value 拖拽后计算的value\n   * @param step 步长\n   * @returns step为单位的value\n   */\n  getStepValue(value: number, step: number) {\n    const surplus = value % step;\n    let result = 0;\n    // 余数 >= 步长一半 -> 向上取\n    // 余数 <  步长一半 -> 向下取\n    const _value = surplus >= step / 2 ? value : value - step;\n    while (result <= _value) {\n      result += step;\n    }\n    return result;\n  }\n\n  /**\n   * 点击滑轨 -> 触发onchange 改变value\n   * @param e event\n   * @returns void\n   */\n  @autobind\n  onClickTrack(e: any) {\n    if (!!this.props.disabled) {\n      return;\n    }\n    const {value} = this.props;\n    const _value = this.pageXToValue(e.pageX);\n    const type =\n      Math.abs(_value - (value as MultipleValue).min) >\n      Math.abs(_value - (value as MultipleValue).max)\n        ? 'max'\n        : 'min';\n    this.onChange(e.pageX, type);\n  }\n\n  /**\n   * 设置步长\n   * @returns ReactNode\n   */\n  @autobind\n  renderSteps() {\n    const {max, min, step, showSteps, classnames: cx, parts} = this.props;\n    let isShowSteps = showSteps;\n    // 只要设置了 parts 就展示分隔\n    if (parts > 1 || Array.isArray(parts)) {\n      isShowSteps = true;\n    }\n    // 总区间\n    const section = max - min;\n    // 总区间被平均分为多少块\n    const steps = parts > 1 ? parts : Math.floor(section / step);\n    // 平均分 每块的长度\n    const partLength = section / steps;\n    // parts为数组时，以0为起点(传入的值 - min)\n    const partLengthList = Array.isArray(parts)\n      ? parts.map(item => item - min)\n      : range(steps - 1).map(item => (item + 1) * partLength);\n    return (\n      isShowSteps && (\n        <div>\n          {partLengthList.map(item => (\n            <span\n              key={item}\n              className={cx('InputRange-track-dot')}\n              style={{left: (item * 100) / (max - min) + '%'}}\n            ></span>\n          ))}\n        </div>\n      )\n    );\n  }\n\n  /**\n   * 双滑块改变最大值、最小值\n   * @param pageX 拖拽后的pageX\n   * @param type 'min' | 'max'\n   */\n  @autobind\n  onGetChangeValue(pageX: number, type: keyof MultipleValue) {\n    const {max, min} = this.props;\n    const value = this.pageXToValue(pageX);\n    if (value > max || value < min) {\n      return;\n    }\n    this.multipleValue[type] = stripNumber(\n      this.getStepValue(value, this.props.step)\n    );\n    const _min = Math.min(this.multipleValue.min, this.multipleValue.max);\n    const _max = Math.max(this.multipleValue.min, this.multipleValue.max);\n    this.updateValue({max: _max, min: _min});\n  }\n\n  /**\n   * 计算每个标记 position.left\n   * @param value 滑块值\n   * @returns\n   */\n  @autobind\n  getOffsetLeft(value: number | string) {\n    const {max, min} = this.props;\n    if (isString(value) && /^\\d+%$/.test(value)) {\n      return value;\n    }\n    return (+value * 100) / (max - min) + '%';\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      marks,\n      multiple,\n      value,\n      max,\n      min,\n      disabled,\n      tooltipVisible,\n      unit,\n      tooltipPlacement,\n      tipFormatter,\n      onAfterChange\n    } = this.props;\n\n    // trace\n    const traceActiveStyle = {\n      width: valueToOffsetLeft(\n        multiple\n          ? (value as MultipleValue).max - (value as MultipleValue).min + min\n          : value,\n        min,\n        max\n      ),\n      left: valueToOffsetLeft(\n        multiple ? (value as MultipleValue).min : min,\n        min,\n        max\n      )\n    };\n\n    // handle 双滑块\n    const diff = difference(\n      Object.values(value as MultipleValue),\n      Object.values(this.multipleValue)\n    );\n    if (diff && !!diff.length) {\n      this.multipleValue = {\n        min: (value as MultipleValue).min,\n        max: (value as MultipleValue).max\n      };\n    }\n\n    return (\n      <div className={cx('InputRange-wrap')}>\n        <div\n          ref={this.trackRef}\n          className={cx('InputRange-track', 'InputRange-track--background')}\n          onClick={this.onClickTrack}\n        >\n          <div\n            className={cx('InputRange-track-active')}\n            style={traceActiveStyle}\n          />\n\n          {/* 显示步长 */}\n          {this.renderSteps()}\n\n          {/* 滑块handle */}\n          {multiple ? (\n            ['min', 'max'].map((type: 'min' | 'max') => (\n              <HandleItem\n                key={type}\n                value={this.multipleValue[type]}\n                type={type}\n                min={min}\n                max={max}\n                classPrefix={this.props.classPrefix}\n                classnames={cx}\n                disabled={disabled}\n                tooltipVisible={tooltipVisible}\n                tipFormatter={tipFormatter}\n                unit={unit}\n                tooltipPlacement={tooltipPlacement}\n                onAfterChange={onAfterChange}\n                onChange={this.onGetChangeValue.bind(this)}\n              />\n            ))\n          ) : (\n            <HandleItem\n              value={+value}\n              min={min}\n              max={max}\n              classPrefix={this.props.classPrefix}\n              classnames={cx}\n              disabled={disabled}\n              tooltipVisible={tooltipVisible}\n              tipFormatter={tipFormatter}\n              unit={unit}\n              tooltipPlacement={tooltipPlacement}\n              onAfterChange={onAfterChange}\n              onChange={this.onChange.bind(this)}\n            />\n          )}\n\n          {/* 刻度标记 */}\n          {marks && (\n            <div className={cx('InputRange-marks')}>\n              {keys(marks).map((key: keyof MarksType) => (\n                <div key={key} style={{left: this.getOffsetLeft(key)}}>\n                  <span style={(marks[key] as any)?.style}>\n                    {(marks[key] as any)?.label || marks[key]}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  uncontrollable(Range, {\n    value: 'onChange'\n  })\n);\n"
     ]
 }

package/lib/components/Steps.d.ts

@@ -54,6 +54,10 @@ export interface StepsSchema extends BaseSchema {
      * 展示模式
      */
     mode?: 'horizontal' | 'vertical';
+    /**
+     * 标签放置位置
+     */
+    labelPlacement?: 'horizontal' | 'vertical';
 }
 export interface StepsProps extends ThemeProps {
     steps: StepSchema[];
@@ -63,6 +67,8 @@ export interface StepsProps extends ThemeProps {
         [propName: string]: StepStatus;
     };
     mode?: 'horizontal' | 'vertical';
+    labelPlacement?: 'horizontal' | 'vertical';
+    progressDot?: boolean;
     useMobileUI?: boolean;
 }
 export declare function Steps(props: StepsProps): JSX.Element;

package/lib/components/Steps.js

@@ -14,7 +14,7 @@ var StepStatus;
     StepStatus["error"] = "error";
 })(StepStatus = exports.StepStatus || (exports.StepStatus = {}));
 function Steps(props) {
-    var stepsRow = props.steps, cx = props.classnames, className = props.className, current = props.current, status = props.status, _a = props.mode, mode = _a === void 0 ? 'horizontal' : _a, useMobileUI = props.useMobileUI;
+    var stepsRow = props.steps, cx = props.classnames, className = props.className, current = props.current, status = props.status, _a = props.mode, mode = _a === void 0 ? 'horizontal' : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? 'horizontal' : _b, _c = props.progressDot, progressDot = _c === void 0 ? false : _c, useMobileUI = props.useMobileUI;
     var FINISH_ICON = 'check';
     var ERROR_ICON = 'close';
     function getStepStatus(step, i) {
@@ -43,18 +43,22 @@ function Steps(props) {
         };
     }
     var mobileUI = useMobileUI && (0, helper_1.isMobile)();
-    return (react_1.default.createElement("ul", { className: cx('Steps', "Steps--".concat(mode), mobileUI ? 'Steps-mobile' : '', className) }, stepsRow.map(function (step, i) {
+    return (react_1.default.createElement("ul", { className: cx(// 纵向步骤条暂时不支持labelPlacement属性
+        'Steps', "Steps--Placement-".concat((progressDot || (labelPlacement === 'vertical' && mode != 'vertical')) ? 'vertical' : ''), "Steps--".concat(progressDot ? 'ProgressDot' : ''), "Steps--".concat(mode), mobileUI ? 'Steps-mobile' : '', className) }, stepsRow.map(function (step, i) {
         var _a = getStepStatus(step, i), stepStatus = _a.stepStatus, icon = _a.icon;
-        return (react_1.default.createElement("li", { key: i, className: cx('StepsItem', "is-".concat(stepStatus), step.className) },
+        return (react_1.default.createElement("li", { key: i, className: cx('StepsItem', "is-".concat(stepStatus), step.className, "StepsItem-".concat(progressDot ? 'ProgressDot' : '')) },
             react_1.default.createElement("div", { className: cx('StepsItem-container') },
-                react_1.default.createElement("div", { className: cx('StepsItem-containerIcon', i < current && 'is-success') },
-                    react_1.default.createElement("span", { className: cx('StepsItem-icon') }, icon ? react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" }) : i + 1)),
+                react_1.default.createElement("div", { className: cx('StepsItem-containerTail') }),
+                progressDot ? react_1.default.createElement("div", { className: cx('StepsItem-containerProgressDot') })
+                    : react_1.default.createElement("div", { className: cx('StepsItem-containerIcon', i < current && 'is-success') },
+                        react_1.default.createElement("span", { className: cx('StepsItem-icon') }, icon ? react_1.default.createElement(icons_1.Icon, { icon: icon, className: "icon" }) : i + 1)),
                 react_1.default.createElement("div", { className: cx('StepsItem-containerWrapper') },
                     react_1.default.createElement("div", { className: cx('StepsItem-body') },
-                        react_1.default.createElement("div", { className: cx('StepsItem-title', i < current && 'is-success') },
-                            react_1.default.createElement("span", null, step.title),
-                            react_1.default.createElement("span", { className: cx('StepsItem-subTitle') }, step.subTitle)),
-                        react_1.default.createElement("div", { className: cx('StepsItem-description') }, step.description))))));
+                        react_1.default.createElement("div", { className: cx('StepsItem-title', "StepsItem-".concat(progressDot ? 'vertical-ProgressDot' : ''), i < current && 'is-success') },
+                            react_1.default.createElement("span", { className: cx('StepsItem-ellText'), title: String(step.title) }, step.title),
+                            react_1.default.createElement("span", { className: cx('StepsItem-subTitle', 'StepsItem-ellText'), title: String(step.subTitle) }, step.subTitle)),
+                        react_1.default.createElement("div", { className: cx('StepsItem-description', 'StepsItem-ellText'), title: String(step.description) },
+                            react_1.default.createElement("span", null, step.description)))))));
     })));
 }
 exports.Steps = Steps;

package/lib/components/Steps.js.map

@@ -6,8 +6,8 @@
         "/src/components/Steps.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\nimport {isMobile} from '../utils/helper';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus;\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n}\n\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n  mode?: 'horizontal' | 'vertical';\n  useMobileUI?: boolean;\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal',\n    useMobileUI\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  const mobileUI = useMobileUI && isMobile();\n  return (\n    <ul\n      className={cx(\n        'Steps',\n        `Steps--${mode}`,\n        mobileUI ? 'Steps-mobile' : '',\n        className\n      )}\n    >\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className)}\n          >\n            <div className={cx('StepsItem-container')}>\n              <div\n                className={cx(\n                  'StepsItem-containerIcon',\n                  i < current && 'is-success'\n                )}\n              >\n                <span className={cx('StepsItem-icon')}>\n                  {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                </span>\n              </div>\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle')}>\n                      {step.subTitle}\n                    </span>\n                  </div>\n                  <div className={cx('StepsItem-description')}>\n                    {step.description}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default themeable(Steps);\n"
+        "import React from 'react';\nimport {themeable, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {BaseSchema} from '../Schema';\nimport {isMobile} from '../utils/helper';\n\nexport enum StepStatus {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error'\n}\n\nexport type StepSchema = {\n  /**\n   * 标题\n   */\n  title?: string | JSX.Element;\n\n  /**\n   * 子标题\n   */\n  subTitle?: string | JSX.Element;\n\n  /**\n   * 图标\n   */\n  icon?: string;\n\n  value?: string | number;\n\n  /**\n   * 描述\n   */\n  description?: string | JSX.Element;\n\n  status?: StepStatus;\n} & Omit<BaseSchema, 'type'>;\n\nexport interface StepsSchema extends BaseSchema {\n  /**\n   * 指定为 Steps 步骤条渲染器\n   */\n  type: 'steps';\n\n  /**\n   * 步骤\n   */\n  steps?: Array<StepSchema>;\n\n  /**\n   * API 或 数据映射\n   */\n  source?: string;\n\n  /**\n   * 指定当前步骤\n   */\n  value?: number | string;\n\n  /**\n   * 变量映射\n   */\n  name?: string;\n\n  status: StepStatus;\n\n  /**\n   * 展示模式\n   */\n  mode?: 'horizontal' | 'vertical';\n\n  /**\n   * 标签放置位置\n   */\n   labelPlacement?: 'horizontal' | 'vertical';\n}\nexport interface StepsProps extends ThemeProps {\n  steps: StepSchema[];\n  className: string;\n  current: number;\n  status?:\n    | StepStatus\n    | {\n        [propName: string]: StepStatus;\n      };\n  mode?: 'horizontal' | 'vertical';\n  labelPlacement?: 'horizontal' | 'vertical';\n  progressDot?: boolean;\n  useMobileUI?: boolean;\n}\n\nexport function Steps(props: StepsProps) {\n  const {\n    steps: stepsRow,\n    classnames: cx,\n    className,\n    current,\n    status,\n    mode = 'horizontal',\n    labelPlacement = 'horizontal',\n    progressDot = false,\n    useMobileUI\n  } = props;\n  const FINISH_ICON = 'check';\n  const ERROR_ICON = 'close';\n\n  function getStepStatus(\n    step: StepSchema,\n    i: number\n  ): {stepStatus: StepStatus; icon?: string} {\n    let stepStatus: StepStatus = StepStatus.wait;\n    let icon = step.icon;\n\n    if (i < current) {\n      stepStatus = StepStatus.finish;\n      !icon && (icon = FINISH_ICON);\n    } else if (i === current) {\n      stepStatus = StepStatus.process;\n    }\n\n    if (typeof status === 'string') {\n      if (i === current) {\n        stepStatus = step.status || status || StepStatus.process;\n        stepStatus === StepStatus.error && !icon && (icon = ERROR_ICON);\n      }\n    } else if (typeof status === 'object') {\n      const key = step.value;\n      key && status[key] && (stepStatus = status[key]);\n    }\n\n    return {\n      stepStatus,\n      icon\n    };\n  }\n\n  const mobileUI = useMobileUI && isMobile();\n  return (\n    <ul className={cx( // 纵向步骤条暂时不支持labelPlacement属性\n      'Steps',\n      `Steps--Placement-${(progressDot || (labelPlacement === 'vertical' && mode != 'vertical')) ? 'vertical' : ''}`,\n      `Steps--${progressDot ? 'ProgressDot' : ''}`, \n      `Steps--${mode}`,\n      mobileUI ? 'Steps-mobile' : '', className)}>\n      {stepsRow.map((step, i) => {\n        const {stepStatus, icon} = getStepStatus(step, i);\n        return (\n          <li\n            key={i}\n            className={cx('StepsItem', `is-${stepStatus}`, step.className, `StepsItem-${progressDot ? 'ProgressDot' : ''}`)}\n          >\n            <div className={cx('StepsItem-container')}>\n                <div className={cx('StepsItem-containerTail')}></div>\n                {progressDot ? <div className={cx('StepsItem-containerProgressDot')}></div>\n                  : <div className={cx('StepsItem-containerIcon', i < current && 'is-success')}>\n                      <span className={cx('StepsItem-icon')}>\n                          {icon ? <Icon icon={icon} className=\"icon\" /> : i + 1}\n                      </span>\n                    </div>}\n              <div className={cx('StepsItem-containerWrapper')}>\n                <div className={cx('StepsItem-body')}>\n                  <div\n                    className={cx(\n                      'StepsItem-title',\n                      `StepsItem-${progressDot ? 'vertical-ProgressDot' : ''}`,\n                      i < current && 'is-success'\n                    )}\n                  >\n                    <span className={cx('StepsItem-ellText')} title={String(step.title)}>{step.title}</span>\n                    <span className={cx('StepsItem-subTitle', 'StepsItem-ellText')} title={String(step.subTitle)}>{step.subTitle}</span>\n                  </div>\n                  <div className={cx('StepsItem-description', 'StepsItem-ellText')} title={String(step.description)}>\n                    <span>{step.description}</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n\nexport default themeable(Steps);\n"
     ]
 }

package/lib/components/calendar/Calendar.js

@@ -278,18 +278,19 @@ var BaseDatePicker = /** @class */ (function (_super) {
             formats.datetime !== this.getFormats(prevProps).datetime) {
             updatedState = this.getStateFromProps(props);
         }
-        if (updatedState.open === undefined) {
-            if (typeof props.open !== 'undefined') {
-                updatedState.open = props.open;
-            }
-            else if (prevProps.closeOnSelect &&
-                this.state.currentView !== viewModes.TIME) {
-                updatedState.open = false;
-            }
-            else {
-                updatedState.open = this.state.open;
-            }
-        }
+        // open 是外部控制了
+        // if (updatedState.open === undefined) {
+        //   if (typeof props.open !== 'undefined') {
+        //     updatedState.open = props.open;
+        //   } else if (
+        //     prevProps.closeOnSelect &&
+        //     this.state.currentView !== viewModes.TIME
+        //   ) {
+        //     updatedState.open = false;
+        //   } else {
+        //     updatedState.open = this.state.open;
+        //   }
+        // }
         if (props.viewMode !== prevProps.viewMode) {
             updatedState.currentView = props.viewMode;
         }
@@ -344,6 +345,9 @@ var BaseDatePicker = /** @class */ (function (_super) {
         if (props.viewDate !== prevProps.viewDate) {
             updatedState.viewDate = (0, moment_1.default)(props.viewDate);
         }
+        if (Object.keys(updatedState).length) {
+            this.setState(updatedState);
+        }
         this.checkTZ(props);
     };
     BaseDatePicker.prototype.checkTZ = function (props) {