assui 2.0.2 → 2.0.6

package/lib/keep-tab/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'antd/es/tabs/style';
+import 'antd/es/badge/style';

package/lib/keep-tab/style/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("antd/es/tabs/style");
+
+require("antd/es/badge/style");

package/lib/keep-tab/style/index.less

@@ -0,0 +1,2 @@
+@import '~antd/es/tabs/style/index.less';
+@import '~antd/es/badge/style/index.less';

package/lib/number-input/index.d.ts

@@ -1,12 +1,27 @@
-declare type ValueType = string | number;
 export interface NumberInputProps {
-    value?: ValueType;
+    /** 输入框的内容 */
+    value?: string;
+    /** 输入数据的类型 */
     numberType?: 'int' | 'float';
-    precision?: number;
-    formatter?: (value: ValueType) => void;
+    /** 精度，只对float有效 */
+    precision: number;
+    /** 指定输入框展示值的格式 */
+    formatter?: (value: string) => string;
+    /** 指定从 formatter 里转换回数字的方式，和 formatter 搭配使用 */
+    parser?: (value: string) => string;
+    /** 是否允许输入负数 */
     enableMinus?: boolean;
-    onChange?: (value: ValueType) => void;
-    onBlur?: (value: ValueType) => void;
+    /** 变化回调 */
+    onChange?: (value: string) => void;
+    /** 失去焦点回调 */
+    onBlur?: (value: string) => void;
 }
-declare const NumberInput: (props: NumberInputProps) => JSX.Element;
+declare const NumberInput: {
+    (props: NumberInputProps): JSX.Element;
+    defaultProps: {
+        numberType: string;
+        precision: number;
+        enableMinus: boolean;
+    };
+};
 export default NumberInput;

package/lib/number-input/index.js

@@ -102,7 +102,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __importStar(require("react"));
 
-var input_1 = __importDefault(require("antd/lib/input"));
+var input_1 = __importDefault(require("antd/es/input"));
 
 var numberType_1 = require("./const/numberType");
 
@@ -114,15 +114,16 @@ var NumberInput = function NumberInput(props) {
       numberType = props.numberType,
       precision = props.precision,
       formatter = props.formatter,
+      parser = props.parser,
       enableMinus = props.enableMinus,
       onBlur = props.onBlur,
-      restProps = __rest(props, ["value", "onChange", "numberType", "precision", "formatter", "enableMinus", "onBlur"]);
+      restProps = __rest(props, ["value", "onChange", "numberType", "precision", "formatter", "parser", "enableMinus", "onBlur"]);
 
   var _a = __read(React.useState(''), 2),
       number = _a[0],
       setNumber = _a[1];
 
-  var resultValue = (value === 0 ? "" + value : value) || number;
+  var resultValue = value === undefined ? number : value;
 
   var onNumberChange = function onNumberChange(e) {
     var newNumber;
@@ -143,39 +144,49 @@ var NumberInput = function NumberInput(props) {
       });
     }
 
-    if (formatter) {
-      newNumber = formatter(newNumber);
+    if (parser) {
+      newNumber = parser(newNumber);
     }
 
     if (resultValue !== newNumber) {
+      if (value === undefined) {
+        setNumber(newNumber);
+      }
+
       if (onChange) {
         onChange(newNumber);
-      } else {
-        setNumber(newNumber);
       }
     }
   };
 
   var onNumberBlur = function onNumberBlur() {
     if (resultValue === '-' || resultValue === '.') {
+      if (value === undefined) {
+        setNumber('');
+      }
+
       if (onChange) {
         onChange('');
-      } else {
-        setNumber('');
       }
     }
 
     if (onBlur) {
-      onBlur(resultValue);
+      onBlur(resultValue || '');
     }
   };
 
+  var inputValue = formatter ? formatter(resultValue) : resultValue;
   return React.createElement(input_1["default"], __assign({
     type: "text",
-    value: resultValue,
+    value: inputValue,
     onBlur: onNumberBlur,
     onChange: onNumberChange
   }, restProps));
 };
 
+NumberInput.defaultProps = {
+  numberType: numberType_1.INT,
+  precision: 2,
+  enableMinus: false
+};
 exports["default"] = NumberInput;

package/lib/number-input/style/index.d.ts

@@ -1 +1 @@
-import './index.less';
+import 'antd/es/input/style';

package/lib/number-input/style/index.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-require("./index.less");
+require("antd/es/input/style");

package/lib/number-input/utils.d.ts

@@ -1,11 +1,10 @@
-export declare const filterInt: ({ value, enableMinus, preValue }: {
-    value: any;
-    enableMinus: any;
-    preValue: any;
-}) => any;
-export declare const filterFloat: ({ value, preValue, precision, enableMinus }: {
-    value: any;
-    preValue: any;
-    precision: any;
-    enableMinus: any;
-}) => any;
+export interface FilterIntType {
+    value: string;
+    enableMinus?: boolean;
+    preValue: string;
+}
+export declare const filterInt: ({ value, enableMinus, preValue }: FilterIntType) => string;
+export interface FilterFloatType extends FilterIntType {
+    precision: number;
+}
+export declare const filterFloat: ({ value, preValue, precision, enableMinus }: FilterFloatType) => string;

package/lib/number-input/utils.js

@@ -1,22 +1,22 @@
 "use strict";
+/* eslint-disable no-useless-escape */
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.filterFloat = exports.filterInt = void 0;
-/* eslint-disable no-useless-escape */
 
 exports.filterInt = function (_a) {
   var value = _a.value,
       enableMinus = _a.enableMinus,
       preValue = _a.preValue;
-  var nextValue = value.replace(/[^\-\d]/g, '');
+  var nextValue = value.replace(/[^\d\-]/g, '');
 
   if (!enableMinus) {
-    nextValue = value.replace(/[^\d]/g, '');
+    nextValue = value.replace(/\D/g, '');
   }
 
-  var intNumberReg = /^\-?\d+$/;
+  var intNumberReg = /^-?\d+$/;
 
   if (nextValue && nextValue.length > 1 && !intNumberReg.test(nextValue)) {
     return preValue;
@@ -30,18 +30,18 @@ exports.filterFloat = function (_a) {
       preValue = _a.preValue,
       precision = _a.precision,
       enableMinus = _a.enableMinus;
-  var nextValue = value.replace(/[^\-\d.]/g, '');
-  var matchDecimalPoint = nextValue.match(/[.]/g) || [];
+  var nextValue = value.replace(/[^\d.\-]/g, '');
+  var matchDecimalPoint = nextValue.match(/\./g) || [];
 
   if (matchDecimalPoint.length > 1) {
     return preValue;
   }
 
   if (!enableMinus) {
-    nextValue = value.replace(/[^0-9.]/g, '');
+    nextValue = value.replace(/[^\d.]/g, '');
   }
 
-  var floatNumberReg = /^\-?\d+\.?\d*$/;
+  var floatNumberReg = /^-?\d+\.?\d*$/;
 
   if (nextValue && nextValue.length > 1 && !floatNumberReg.test(nextValue)) {
     return preValue;

package/lib/rc-echart/core.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { EChartsOption } from 'echarts';
+export declare type Opts = {
+    devicePixelRatio?: number;
+    renderer?: 'canvas' | 'svg';
+    width?: number | null | undefined | 'auto';
+    height?: number | null | undefined | 'auto';
+    locale?: string;
+};
+export interface RcEchartPropsType {
+    option: EChartsOption;
+    notMerge?: boolean;
+    lazyUpdate?: boolean;
+    echarts: any;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: string;
+    onEvents?: Record<string, Function>;
+    opts?: Opts;
+}
+declare const ReactEchartCore: {
+    (props: RcEchartPropsType): JSX.Element;
+    defaultProps: {
+        notMerge: boolean;
+        lazyUpdate: boolean;
+        style: {};
+        className: string;
+        onEvents: {};
+        opts: {};
+    };
+};
+export default ReactEchartCore;

package/lib/rc-echart/core.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  Object.defineProperty(o, k2, {
+    enumerable: true,
+    get: function get() {
+      return m[k];
+    }
+  });
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/* eslint-disable no-unused-expressions */
+
+/* eslint-disable no-restricted-syntax */
+
+var react_1 = __importStar(require("react"));
+
+var useMount_1 = __importDefault(require("ahooks/lib/useMount"));
+
+var useUpdateEffect_1 = __importDefault(require("ahooks/lib/useUpdateEffect"));
+
+var classnames_1 = __importDefault(require("classnames"));
+
+var resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
+
+var ReactEchartCore = function ReactEchartCore(props) {
+  var className = props.className,
+      option = props.option,
+      style = props.style,
+      echarts = props.echarts,
+      notMerge = props.notMerge,
+      lazyUpdate = props.lazyUpdate,
+      onEvents = props.onEvents,
+      opts = props.opts,
+      theme = props.theme;
+  var chartDomRef = react_1.useRef();
+  var chartRef = react_1.useRef();
+
+  var bindEvents = function bindEvents() {
+    var bindEventFunc = function bindEventFunc(eventName, func) {
+      if (typeof eventName === 'string' && typeof func === 'function') {
+        if (chartRef.current) {
+          chartRef.current.on(eventName, function (param) {
+            func(param, chartRef.current);
+          });
+        }
+      }
+    };
+
+    for (var eventName in onEvents) {
+      if (Object.prototype.hasOwnProperty.call(onEvents, eventName)) {
+        bindEventFunc(eventName, onEvents[eventName]);
+      }
+    }
+  };
+
+  var initEcharts = function initEcharts() {
+    chartRef.current = echarts.init(chartDomRef.current, theme, opts);
+  };
+
+  var renderEchartDom = function renderEchartDom() {
+    if (chartRef.current) {
+      chartRef.current.setOption(option, notMerge, lazyUpdate);
+    }
+  };
+
+  var dispose = function dispose() {
+    if (chartRef.current) {
+      chartRef.current.dispose();
+    }
+  }; // first add
+
+
+  useMount_1["default"](function () {
+    initEcharts();
+    renderEchartDom();
+    bindEvents();
+  }); // need reBuild
+
+  useUpdateEffect_1["default"](function () {
+    dispose();
+    renderEchartDom();
+    bindEvents();
+  }, [theme, opts, onEvents]); // need setOption
+
+  useUpdateEffect_1["default"](function () {
+    renderEchartDom();
+  }, [option, notMerge, lazyUpdate]); // need resize
+
+  var resizeChart = function resizeChart() {
+    if (chartRef.current) {
+      chartRef.current.resize();
+    }
+  };
+
+  react_1.useLayoutEffect(function () {
+    var resizeObserver = new resize_observer_polyfill_1["default"](function () {
+      resizeChart();
+    });
+
+    if (chartDomRef.current) {
+      resizeObserver.observe(chartDomRef.current);
+    }
+
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  useUpdateEffect_1["default"](function () {
+    resizeChart();
+  }, [style, className]);
+
+  var finallyStyle = __assign({
+    width: '100%',
+    height: '100%'
+  }, style);
+
+  return react_1["default"].createElement("div", {
+    ref: function ref(node) {
+      chartDomRef.current = node;
+    },
+    style: finallyStyle,
+    className: classnames_1["default"]('react-echart', className)
+  });
+};
+
+ReactEchartCore.defaultProps = {
+  notMerge: false,
+  lazyUpdate: false,
+  style: {},
+  className: '',
+  onEvents: {},
+  opts: {}
+};
+exports["default"] = ReactEchartCore;

package/lib/rc-echart/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import * as echarts from 'echarts';
+export declare type Opts = {
+    devicePixelRatio?: number;
+    renderer?: 'canvas' | 'svg';
+    width?: number | null | undefined | 'auto';
+    height?: number | null | undefined | 'auto';
+    locale?: string;
+};
+export interface RcEchartPropsType {
+    option: echarts.EChartsOption;
+    notMerge?: boolean;
+    lazyUpdate?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: string;
+    onEvents?: Record<string, Function>;
+    opts?: Opts;
+}
+declare const RcEcharts: (props: RcEchartPropsType) => JSX.Element;
+export default RcEcharts;