@zat-design/sisyphus-react 4.5.10-beta.1 → 4.5.10-beta.2

package/es/ProForm/components/base/InputNumber/index.js

@@ -1,29 +1,20 @@
-import _isUndefined from "lodash/isUndefined";
-import _isNumber from "lodash/isNumber";
-import _isNull from "lodash/isNull";
-import React, { useMemo, useRef } from 'react';
-import { InputNumber as AntInputNumber, Space } from 'antd';
-import classNames from 'classnames';
-import Big from 'big.js';
-import { tools } from '@zat-design/utils';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { InputNumber as AntInputNumber, Space } from "antd";
+import classNames from "classnames";
+import Big from "big.js";
+import { tools } from "@zat-design/utils";
+import isNull from "lodash/isNull";
+import isNumber from "lodash/isNumber";
+import isUndefined from "lodash/isUndefined";
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import { getDecimalDigits } from "../../../utils/index";
 import locale from "../../../../locale";
 import ProForm from "../../../../ProForm";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  calc
-} = tools;
+const { calc } = tools;
 const rangeReg = /^[([](-?\d+(\.\d+)?)?,\s*(-?\d+(\.\d+)?)?[)\]]$/;
-
-/**
- * 限制数字范围
- */
-const limitNumber = (num, {
-  min,
-  max
-}) => {
+const limitNumber = (num, { min, max }) => {
   if (num >= max) {
     return max;
   }
@@ -32,18 +23,8 @@ const limitNumber = (num, {
   }
   return num;
 };
-const InputNumber = props => {
-  const {
-    placeholder,
-    className,
-    otherProps,
-    range,
-    min,
-    max,
-    onBlur,
-    onFocus,
-    ...rest
-  } = props;
+const InputNumber = (props) => {
+  const { placeholder, className, otherProps, range, min, max, onBlur, onFocus, ...rest } = props;
   const {
     isView: isViewCon,
     viewEmpty,
@@ -51,61 +32,59 @@ const InputNumber = props => {
     viewType,
     label
   } = ProForm.useFieldProps() || {};
-  const initialConfig = useProConfig('InputNumber');
+  const initialConfig = useProConfig("InputNumber");
   const activateRef = useRef(false);
-  const isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
-  const valueType = 'valueType' in props ? props.valueType : valueTypeCon; // 组件可直接接收valueType参数, 优先级高
-
+  const isView = typeof props.isView === "boolean" ? props.isView : isViewCon;
+  const valueType = "valueType" in props ? props.valueType : valueTypeCon;
   let valueProps = {};
-  const formatter = value => {
-    if (value === '') return '';
+  const formatter = (value) => {
+    if (value === "")
+      return "";
     const num = Number(value);
     if (Number.isNaN(num)) {
       return value;
     }
-    const val = num.toLocaleString('en-US', {
-      maximumFractionDigits: props?.precision ?? 2
+    const val = num.toLocaleString("en-US", {
+      maximumFractionDigits: (props == null ? void 0 : props.precision) ?? 2
     });
     if (!activateRef.current) {
-      const [int, float = ''] = val.split('.');
-      if (props?.precision === 0) {
+      const [int, float = ""] = val.split(".");
+      if ((props == null ? void 0 : props.precision) === 0) {
         return int;
       }
-      return `${int}.${float.padEnd(props?.precision ?? 2, '0')}`;
+      return `${int}.${float.padEnd((props == null ? void 0 : props.precision) ?? 2, "0")}`;
     }
     return val;
   };
   const parser = (value, precision) => {
-    if (value === '') return value;
-    const num = Number(value.replace(/[\s,]+/g, ''));
+    if (value === "")
+      return value;
+    const num = Number(value.replace(/[\s,]+/g, ""));
     return Number.isNaN(num) || !precision && precision !== 0 ? Number.isNaN(Number(value)) ? null : Number(value) : Number(num.toFixed(precision));
   };
   if (valueType) {
     switch (valueType) {
-      // 千分位
-      case 'thousandth':
-      case 'thousandthCNY':
-      case 'money':
-      case 'amount':
+      case "thousandth":
+      case "thousandthCNY":
+      case "money":
+      case "amount":
         valueProps = {
           formatter,
-          parser: val => parser(val, props?.precision ?? 2),
-          precision: props?.precision ?? 2
+          parser: (val) => parser(val, (props == null ? void 0 : props.precision) ?? 2),
+          precision: (props == null ? void 0 : props.precision) ?? 2
         };
         break;
-      // 百分比
-      case 'percentage':
+      case "percentage":
         valueProps = {
           min: 0,
           max: 100,
           step: 1
         };
         break;
-      // 千分比
-      case 'permillage':
+      case "permillage":
         valueProps = {
           min: 0,
-          max: 1000,
+          max: 1e3,
           step: 1
         };
         break;
@@ -116,15 +95,17 @@ const InputNumber = props => {
     }
   }
   const [_min, _max] = useMemo(() => {
-    let _min;
-    let _max;
+    let _min2;
+    let _max2;
     if (range) {
-      if (rest.precision === undefined) {
-        console.warn('When using [range], you must pass in [precision]');
+      if (rest.precision === void 0) {
+        console.warn("When using [range], you must pass in [precision]");
       } else if (!rangeReg.test(range)) {
-        console.warn('" range "format is wrong, the reference:" (a, b) ", "[a, b]", "(a, b] [a, b)", "');
+        console.warn(
+          '" range "format is wrong, the reference:" (a, b) ", "[a, b]", "(a, b] [a, b)", "'
+        );
       } else {
-        const [start, end] = range.replace(' ', '').split(',');
+        const [start, end] = range.replace(" ", "").split(",");
         const minTag = start.slice(0, 1);
         const minStr = start.slice(1);
         const minNum = Number(minStr);
@@ -132,156 +113,121 @@ const InputNumber = props => {
         const maxStr = end.slice(0, -1);
         const maxNum = Number(end.slice(0, -1));
         const minimum = 1 / 10 ** rest.precision;
-        if (minStr === '') {
-          _min = undefined;
-        } else if (minTag === '[') {
-          _min = minNum;
+        if (minStr === "") {
+          _min2 = void 0;
+        } else if (minTag === "[") {
+          _min2 = minNum;
         } else {
-          _min = minNum + minimum;
+          _min2 = minNum + minimum;
         }
-        if (maxStr === '') {
-          _max = undefined;
-        } else if (maxTag === ']') {
-          _max = maxNum;
+        if (maxStr === "") {
+          _max2 = void 0;
+        } else if (maxTag === "]") {
+          _max2 = maxNum;
         } else {
-          _max = maxNum - minimum;
+          _max2 = maxNum - minimum;
         }
       }
     }
-    return [_min ?? min ?? valueProps?.min ?? initialConfig?.min, _max ?? max ?? valueProps?.max ?? initialConfig?.max];
+    return [
+      _min2 ?? min ?? (valueProps == null ? void 0 : valueProps.min) ?? (initialConfig == null ? void 0 : initialConfig.min),
+      _max2 ?? max ?? (valueProps == null ? void 0 : valueProps.max) ?? (initialConfig == null ? void 0 : initialConfig.max)
+    ];
   }, [range, min, max, rest.precision]);
   const _className = classNames({
-    'full-form-item': true,
+    "full-form-item": true,
     [className]: !!className
   });
   if (isView) {
-    const {
-      value,
-      precision
-    } = rest;
-    // 值为空时返回viewEmpty
-    if (_isNull(value) || _isUndefined(value)) {
-      return /*#__PURE__*/_jsx(_Fragment, {
-        children: viewEmpty
-      });
+    const { value, precision } = rest;
+    if (isNull(value) || isUndefined(value)) {
+      return /* @__PURE__ */ jsx(Fragment, { children: viewEmpty });
     }
     switch (valueType || viewType) {
-      // 百分比
-      case 'percent':
-      case 'percentage':
+      case "percent":
+      case "percentage":
         if (value) {
-          // 原始百分比值
-          const originValue = calc(Number(value), '/', 100);
-          // 获取真实数据的小数位数
+          const originValue = calc(Number(value), "/", 100);
           const decimalDigits = getDecimalDigits(originValue);
           if (decimalDigits > (precision ?? 4)) {
-            return /*#__PURE__*/_jsx(Container, {
-              viewEmpty: viewEmpty,
-              children: value
-            });
+            return /* @__PURE__ */ jsx(Container, { viewEmpty, children: value });
           }
         }
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: Big(value).toNumber().toFixed(_isNumber(precision) ? precision : 2)
-        });
-      // 千分比
-      case 'permillage':
+        return /* @__PURE__ */ jsx(Container, { viewEmpty, children: Big(value).toNumber().toFixed(isNumber(precision) ? precision : 2) });
+      case "permillage":
         if (value) {
-          // 原始百分比值
-          const originValue = calc(Number(value), '/', 1000);
-          // 获取真实数据的小数位数
+          const originValue = calc(Number(value), "/", 1e3);
           const decimalDigits = getDecimalDigits(originValue);
           if (decimalDigits > (precision ?? 5)) {
-            return /*#__PURE__*/_jsx(Container, {
-              viewEmpty: viewEmpty,
-              children: value
-            });
+            return /* @__PURE__ */ jsx(Container, { viewEmpty, children: value });
           }
         }
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: Big(value).toNumber().toFixed(_isNumber(precision) ? precision : 2)
-        });
-      // 千分位
-      case 'amount':
-      case 'money':
-      case 'thousandth':
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: tools.formatAmount(value, precision ?? 2)
-        });
-      // CNY千分位
-      case 'thousandthCNY':
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: /*#__PURE__*/_jsxs(Space, {
-            size: 4,
-            children: [value || value === 0 ? 'CNY' : '', tools.formatAmount(value, precision)]
-          })
-        });
+        return /* @__PURE__ */ jsx(Container, { viewEmpty, children: Big(value).toNumber().toFixed(isNumber(precision) ? precision : 2) });
+      case "amount":
+      case "money":
+      case "thousandth":
+        return /* @__PURE__ */ jsx(Container, { viewEmpty, children: tools.formatAmount(value, precision ?? 2) });
+      case "thousandthCNY":
+        return /* @__PURE__ */ jsx(Container, { viewEmpty, children: /* @__PURE__ */ jsxs(Space, { size: 4, children: [
+          value || value === 0 ? "CNY" : "",
+          tools.formatAmount(value, precision)
+        ] }) });
       default:
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: value
-        });
+        return /* @__PURE__ */ jsx(Container, { viewEmpty, children: value });
     }
   }
-
-  // 失去焦点时处理数字，
-  const handleBlur = e => {
+  const handleBlur = (e) => {
+    var _a, _b, _c, _d;
     activateRef.current = false;
-    let value = e?.target?.value;
-    //  为空直接返回
-    if (value === '') {
-      onBlur?.(value, e?.target?.value);
+    let value = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value;
+    if (value === "") {
+      onBlur == null ? void 0 : onBlur(value, (_b = e == null ? void 0 : e.target) == null ? void 0 : _b.value);
       return false;
     }
-    if (_max !== undefined && value > _max) {
+    if (_max !== void 0 && value > _max) {
       value = _max;
     }
-    if (_min !== undefined && value < _min) {
+    if (_min !== void 0 && value < _min) {
       value = _min;
     }
-    value = parser(String(value), props.precision ?? valueProps?.precision);
-    rest?.onChange?.(value);
-    const limit = {
-      min: Number(_min),
-      max: Number(_max)
-    };
+    value = parser(String(value), props.precision ?? (valueProps == null ? void 0 : valueProps.precision));
+    (_c = rest == null ? void 0 : rest.onChange) == null ? void 0 : _c.call(rest, value);
+    const limit = { min: Number(_min), max: Number(_max) };
     switch (valueType || viewType) {
-      // 百分比
-      case 'percent':
-      case 'percentage':
-        value = calc(limitNumber(value, limit), '/', 100);
+      case "percent":
+      case "percentage":
+        value = calc(limitNumber(value, limit), "/", 100);
         break;
-      // 千分比
-      case 'permillage':
-        value = calc(limitNumber(value, limit), '/', 1000);
+      case "permillage":
+        value = calc(limitNumber(value, limit), "/", 1e3);
         break;
       default:
         value = limitNumber(value, limit);
         break;
     }
-    onBlur?.(value, Number(e?.target?.value));
+    onBlur == null ? void 0 : onBlur(value, Number((_d = e == null ? void 0 : e.target) == null ? void 0 : _d.value));
   };
-
-  // 获得焦点
-  const handleFocus = e => {
+  const handleFocus = (e) => {
     activateRef.current = true;
-    onFocus?.(e);
+    onFocus == null ? void 0 : onFocus(e);
   };
-  return /*#__PURE__*/_jsx(AntInputNumber, {
-    autoComplete: "off",
-    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label ?? ''}`,
-    className: _className,
-    ...initialConfig,
-    ...valueProps,
-    ...rest,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    min: _min,
-    max: _max
-  });
+  return /* @__PURE__ */ jsx(
+    AntInputNumber,
+    {
+      autoComplete: "off",
+      placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label ?? ""}`,
+      className: _className,
+      ...initialConfig,
+      ...valueProps,
+      ...rest,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      min: _min,
+      max: _max
+    }
+  );
+};
+var InputNumber_default = InputNumber;
+export {
+  InputNumber_default as default
 };
-export default InputNumber;

package/es/ProForm/components/base/Radio/index.js

@@ -1,65 +1,52 @@
-import { Radio as AntRadio } from 'antd';
-import React from 'react';
+import { jsx } from "react/jsx-runtime";
+import { Radio as AntRadio } from "antd";
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import ProForm from "../../../../ProForm";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Radio = props => {
-  const {
-    dataSource,
-    fieldNames,
-    onChange,
-    value,
-    otherProps,
-    ...rest
-  } = props;
-  const {
-    isView: isViewCon,
-    viewEmpty
-  } = ProForm.useFieldProps() || {};
-  const isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
-  const initialConfig = useProConfig('Radio') || {};
-  let _fieldNames = fieldNames || initialConfig.fieldNames || {
-    label: 'label',
-    value: 'value'
-  };
+const Radio = (props) => {
+  var _a;
+  const { dataSource, fieldNames, onChange, value, otherProps, ...rest } = props;
+  const { isView: isViewCon, viewEmpty } = ProForm.useFieldProps() || {};
+  const isView = typeof props.isView === "boolean" ? props.isView : isViewCon;
+  const initialConfig = useProConfig("Radio") || {};
+  let _fieldNames = fieldNames || initialConfig.fieldNames || { label: "label", value: "value" };
   if (isView) {
-    const transToLabel = value => {
-      const labelList = value.map(item => {
-        return dataSource.find(dataItem => {
+    const transToLabel = (value2) => {
+      const labelList = value2.map((item) => {
+        var _a2;
+        return (_a2 = dataSource.find((dataItem) => {
           return dataItem[_fieldNames.value] === item;
-        })?.[_fieldNames.label];
+        })) == null ? void 0 : _a2[_fieldNames.label];
       });
-      return labelList.join('、');
+      return labelList.join("、");
     };
-    return /*#__PURE__*/_jsx(Container, {
-      viewEmpty: viewEmpty,
-      children: value ? transToLabel([value]) : ''
-    });
+    return /* @__PURE__ */ jsx(Container, { viewEmpty, children: value ? transToLabel([value]) : "" });
   }
-
-  // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
   if (Array.isArray(dataSource) && !fieldNames) {
-    const hasCodeName = Boolean(dataSource.filter(item => Object.keys(item).includes('code') && Object.keys(item).includes('name'))?.length);
+    const hasCodeName = Boolean(
+      (_a = dataSource.filter(
+        (item) => Object.keys(item).includes("code") && Object.keys(item).includes("name")
+      )) == null ? void 0 : _a.length
+    );
     if (hasCodeName) {
-      _fieldNames = {
-        label: 'name',
-        value: 'code'
-      };
+      _fieldNames = { label: "name", value: "code" };
     }
   }
-  return /*#__PURE__*/_jsx(AntRadio.Group, {
-    ...rest,
-    value: value,
-    onChange: e => {
-      onChange(e, e.target.value);
-    },
-    children: !!dataSource?.length && dataSource.map(radioItem => {
-      return /*#__PURE__*/_jsx(AntRadio, {
-        value: radioItem[_fieldNames.value],
-        children: radioItem[_fieldNames.label]
-      }, radioItem[_fieldNames.value]);
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    AntRadio.Group,
+    {
+      ...rest,
+      value,
+      onChange: (e) => {
+        onChange(e, e.target.value);
+      },
+      children: !!(dataSource == null ? void 0 : dataSource.length) && dataSource.map((radioItem) => {
+        return /* @__PURE__ */ jsx(AntRadio, { value: radioItem[_fieldNames.value], children: radioItem[_fieldNames.label] }, radioItem[_fieldNames.value]);
+      })
+    }
+  );
+};
+var Radio_default = Radio;
+export {
+  Radio_default as default
 };
-export default Radio;