@zat-design/sisyphus-react 3.0.13

package/es/ProForm/components/base/FormList/components/LineFields.d.ts

@@ -0,0 +1,14 @@
+import { ColProps, FormListFieldData } from 'antd';
+import React from 'react';
+import { InternalNamePath } from 'antd/lib/form/interface';
+import { Props as FromListProps } from '../index';
+interface Props extends Omit<FromListProps, 'toolbarProps'> {
+    index: number;
+    namePath: InternalNamePath;
+    disabled?: boolean;
+    isView?: boolean;
+    colProps: ColProps;
+    field: FormListFieldData;
+}
+declare const LineFields: React.FC<Props>;
+export default LineFields;

package/es/ProForm/components/base/FormList/components/LineFields.js

@@ -0,0 +1,46 @@
+import "antd/es/row/style";
+import _Row from "antd/es/row";
+import React from 'react';
+import ActionButton from './ActionButton';
+import RenderFields from '../../../render/RenderFields';
+var LineFields = function LineFields(props) {
+  var title = props.title,
+    mode = props.mode,
+    index = props.index,
+    form = props.form,
+    namePath = props.namePath,
+    min = props.min,
+    max = props.max,
+    fields = props.fields,
+    operation = props.operation,
+    field = props.field,
+    actionProps = props.actionProps,
+    columns = props.columns,
+    colProps = props.colProps,
+    disabled = props.disabled,
+    isView = props.isView;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pro-form-list-line"
+  }, /*#__PURE__*/React.createElement(_Row, {
+    gutter: 24
+  }, /*#__PURE__*/React.createElement(RenderFields, {
+    columns: columns,
+    form: form,
+    colProps: colProps,
+    disabled: disabled,
+    isView: isView
+  })), /*#__PURE__*/React.createElement(ActionButton, {
+    min: min,
+    max: max,
+    index: index,
+    length: fields.length,
+    operation: operation,
+    namePath: namePath,
+    form: form,
+    field: field,
+    fields: fields,
+    actionProps: actionProps,
+    mode: mode
+  }));
+};
+export default LineFields;

package/es/ProForm/components/base/FormList/components/ToolbarButton.d.ts

@@ -0,0 +1,12 @@
+import { InternalNamePath } from 'antd/lib/form/interface';
+import React from 'react';
+import { ActionProps } from '../index';
+import { Props as ActionButtonProps } from './ActionButton';
+interface Props extends Omit<ActionButtonProps, 'actionProps' | 'field' | 'index' | 'mode' | 'namePath'> {
+    toolbarProps: ActionProps[];
+    namePath: InternalNamePath;
+    disabled?: boolean;
+    isView?: boolean;
+}
+declare const ToolbarButton: React.FC<Props>;
+export default ToolbarButton;

package/es/ProForm/components/base/FormList/components/ToolbarButton.js

@@ -0,0 +1,79 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+var _excluded = ["label", "onClick", "onHandle", "actionType"],
+  _excluded2 = ["onClick", "label"];
+import { PlusOutlined } from '@ant-design/icons';
+import React, { useMemo } from 'react';
+var ToolbarButton = function ToolbarButton(props) {
+  var toolbarProps = props.toolbarProps,
+    namePath = props.namePath,
+    form = props.form,
+    operation = props.operation,
+    length = props.length,
+    fields = props.fields,
+    min = props.min,
+    max = props.max,
+    disabled = props.disabled,
+    isView = props.isView;
+  var actions = useMemo(function () {
+    return {
+      add: {
+        onClick: function onClick(fields, operation, form) {
+          operation.add();
+        },
+        label: '新增一行',
+        type: 'link',
+        icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+      }
+    };
+  }, [toolbarProps]);
+  var handleClick = function handleClick(callback) {
+    // ActionProps['onClick']
+    // const fieldnamePath = namePath.concat(field.name);
+    // const value = form.getFieldValue(fieldnamePath);
+    callback === null || callback === void 0 ? void 0 : callback(fields, operation, form);
+  };
+  if (disabled || isView) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(_Space, {
+    align: "start",
+    className: "pro-form-list-toolbar"
+  }, toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.map(function (item) {
+    var label = item.label,
+      _onClick2 = item.onClick,
+      onHandle = item.onHandle,
+      actionType = item.actionType,
+      rest = _objectWithoutProperties(item, _excluded);
+    var _onClick = _onClick2 || onHandle;
+    if (['add'].includes(actionType)) {
+      var _actions$actionType = actions[actionType],
+        internalOnClick = _actions$actionType.onClick,
+        defaultLabel = _actions$actionType.label,
+        defaultRest = _objectWithoutProperties(_actions$actionType, _excluded2);
+      // 大于等于max不可新增
+      if (max && max <= fields.length && ['add'].includes(actionType)) {
+        return false;
+      }
+      return /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread(_objectSpread({
+        key: actionType
+      }, actions[actionType]), rest), {}, {
+        onClick: function onClick() {
+          return handleClick(_onClick || internalOnClick);
+        }
+      }), label || defaultLabel);
+    }
+    return /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({
+      key: actionType
+    }, rest), {}, {
+      onClick: function onClick() {
+        return handleClick(_onClick2);
+      }
+    }), label);
+  }));
+};
+export default ToolbarButton;

package/es/ProForm/components/base/FormList/index.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { ButtonProps, FormListFieldData, FormListOperation } from 'antd';
+import { FormInstance } from 'antd/es/form/Form';
+import { InternalNamePath, NamePath } from 'antd/lib/form/interface';
+import type { ProColumnProps, ProFormOtherProps } from '../../../propsType';
+import { TitleType } from './components/BlockTitle';
+import './style/index.less';
+type Callback = (record: any, fullName: InternalNamePath, index: number, operation: FormListOperation, form: FormInstance) => void;
+export interface ActionProps extends Omit<ButtonProps, 'onClick'> {
+    actionType?: 'add' | 'delete' | 'copy' | 'moveUp' | 'moveDown';
+    onHandle?: Callback;
+    onClick?: Callback;
+    label?: string;
+    needConfirm?: boolean;
+    title?: string;
+}
+export type FormListMode = 'block' | 'line';
+export interface Props {
+    columns: ProColumnProps[];
+    otherProps?: ProFormOtherProps;
+    form?: FormInstance;
+    min?: number;
+    max?: number;
+    actionProps?: ActionProps[];
+    toolbarProps?: ActionProps[];
+    value?: any[];
+    onChange?: (record: any[], name: NamePath, form: FormInstance) => void;
+    fields: FormListFieldData[];
+    operation: FormListOperation;
+    title?: string | TitleType;
+    mode?: FormListMode;
+    level?: string;
+    disabled?: boolean;
+    meta: {
+        errors: React.ReactNode[];
+        warnings: React.ReactNode[];
+    };
+}
+interface FormListRef {
+    operation: FormListOperation;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormListRef>>;
+export default _default;

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

@@ -0,0 +1,94 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { forwardRef, useCallback, useImperativeHandle } from 'react';
+import { toArray } from '../../../utils';
+import { namesPathTransform } from './utils';
+import ToolbarButton from './components/ToolbarButton';
+import BlockFields from './components/BlockFields';
+import LineFields from './components/LineFields';
+import './style/index.less';
+var FormList = function FormList(props, ref) {
+  var columns = props.columns,
+    otherProps = props.otherProps,
+    min = props.min,
+    max = props.max,
+    toolbarProps = props.toolbarProps,
+    fields = props.fields,
+    operation = props.operation,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'line' : _props$mode,
+    meta = props.meta;
+  var form = otherProps.form,
+    name = otherProps.name,
+    isView = otherProps.isView,
+    disabled = otherProps.disabled,
+    colProps = otherProps.colProps;
+  var errors = meta.errors;
+  var _namePath = toArray(name);
+  var processColumns = useCallback(function (fieldName, namePath) {
+    return columns.map(function (item) {
+      // names的name处理
+      var _name = Array.isArray(item === null || item === void 0 ? void 0 : item.names) ? [fieldName, namesPathTransform({
+        names: item === null || item === void 0 ? void 0 : item.names,
+        prefixNamePath: namePath
+      })] : [fieldName].concat(_toConsumableArray(toArray(item.name)));
+      return _objectSpread(_objectSpread({}, item), {}, {
+        name: _name,
+        names: (item === null || item === void 0 ? void 0 : item.names) ? item.names.map(function (nameItem) {
+          return [].concat(_toConsumableArray(namePath), _toConsumableArray(toArray(nameItem)));
+        }) : item.names,
+        index: fieldName,
+        namePath: namePath
+      });
+    });
+  }, [columns]);
+  useImperativeHandle(ref, function () {
+    return {
+      operation: operation
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (field, index) {
+    var namePath = [].concat(_toConsumableArray(_namePath), [index]);
+    var _columns = processColumns(index, namePath);
+    return mode === 'block' ? /*#__PURE__*/React.createElement(BlockFields, _objectSpread(_objectSpread({
+      key: field.key
+    }, props), {}, {
+      columns: _columns,
+      disabled: disabled || (props === null || props === void 0 ? void 0 : props.disabled),
+      isView: isView,
+      namePath: namePath,
+      index: index,
+      field: field,
+      colProps: colProps,
+      form: form
+    })) : /*#__PURE__*/React.createElement(LineFields, _objectSpread(_objectSpread({
+      key: field.key
+    }, props), {}, {
+      mode: mode,
+      columns: _columns,
+      disabled: disabled || (props === null || props === void 0 ? void 0 : props.disabled),
+      isView: isView,
+      namePath: namePath,
+      index: index,
+      field: field,
+      colProps: colProps,
+      form: form
+    }));
+  }), /*#__PURE__*/React.createElement(_Form.ErrorList, {
+    errors: errors
+  }), /*#__PURE__*/React.createElement(ToolbarButton, {
+    disabled: disabled,
+    isView: isView,
+    min: min,
+    max: max,
+    length: fields.length,
+    operation: operation,
+    namePath: _namePath,
+    form: form,
+    fields: fields,
+    toolbarProps: toolbarProps
+  }));
+};
+export default /*#__PURE__*/forwardRef(FormList);

package/es/ProForm/components/base/FormList/style/index.less

@@ -0,0 +1,36 @@
+.pro-form-list-block-title {
+  height: 14px;
+  margin: 3px 0;
+  padding-left: 7px;
+  font-weight: 600;
+  line-height: 14px;
+  border-left: 4px solid #006aff;
+}
+
+.pro-form-list-line {
+  display: flex;
+  align-items: center;
+  padding: var(--zaui-height-border);
+  padding-bottom: 0;
+
+  &:nth-child(1) {
+    flex: 1;
+  }
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.018);
+  }
+  .pro-form-list-action {
+    padding-bottom: var(--zaui-height-border);
+    & > .ant-space-item:first-child > .ant-btn-link {
+      margin-left: 8px;
+    }
+  }
+}
+
+.pro-form-list-toolbar,
+.pro-form-list-action {
+  .ant-btn-link {
+    padding: 4px 0;
+  }
+}

package/es/ProForm/components/base/FormList/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * namesPath生产 [['list', 0, 'min'], ['list', 0, 'max']] => list_0_min-list_0_max
+ * @param names  name的集合
+ * @param prefixNamePath formList的name前缀
+ * @returns list_0_min-list_0_max
+ */
+export declare const namesPathTransform: ({ names, prefixNamePath, }: {
+    names: any[];
+    prefixNamePath: any[];
+}) => string;

package/es/ProForm/components/base/FormList/utils.js

@@ -0,0 +1,19 @@
+/**
+ * namesPath生产 [['list', 0, 'min'], ['list', 0, 'max']] => list_0_min-list_0_max
+ * @param names  name的集合
+ * @param prefixNamePath formList的name前缀
+ * @returns list_0_min-list_0_max
+ */
+export var namesPathTransform = function namesPathTransform(_ref) {
+  var names = _ref.names,
+    prefixNamePath = _ref.prefixNamePath;
+  if (!Array.isArray(names) || !Array.isArray(prefixNamePath)) {
+    return '';
+  }
+  var newNamePath = names.map(function (val) {
+    return prefixNamePath.concat(val);
+  });
+  return newNamePath === null || newNamePath === void 0 ? void 0 : newNamePath.map(function (name) {
+    return Array.isArray(name) ? name.join('_') : name;
+  }).join('-');
+};

package/es/ProForm/components/base/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { IProps } from './propsType';
+declare const Input: (props: IProps) => JSX.Element;
+export default Input;

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

@@ -0,0 +1,33 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps"];
+import React from 'react';
+import { useProConfig } from 'zat-design-pro-component';
+import Container from '../../Container';
+// 参数优先级
+// 组件内默认值 < config默认值 < props
+var Input = function Input(props) {
+  var label = props.label,
+    form = props.form,
+    placeholder = props.placeholder,
+    fieldName = props.fieldName,
+    otherProps = props.otherProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty;
+  var initialConfig = useProConfig('Input');
+  if (isView) {
+    return /*#__PURE__*/React.createElement(Container, {
+      viewEmpty: viewEmpty
+    }, rest.value);
+  }
+  return /*#__PURE__*/React.createElement(_Input, _objectSpread(_objectSpread({
+    allowClear: true,
+    autoComplete: "off",
+    placeholder: placeholder || '请输入'
+  }, initialConfig), rest));
+};
+export default Input;

package/es/ProForm/components/base/Input/propsType.d.ts

@@ -0,0 +1,14 @@
+import { InputProps } from 'antd';
+import { FormInstance } from 'antd/es/form/Form';
+import { ProFormOtherProps } from '../../../propsType';
+export interface ProFieldProps<T = any> {
+    from?: FormInstance<T>;
+    label?: string;
+    name?: string;
+    disabled?: boolean;
+    fieldName?: string;
+    placeholder?: string;
+}
+export interface IProps extends InputProps, ProFieldProps {
+    otherProps?: ProFormOtherProps;
+}

package/es/ProForm/components/base/Input/propsType.js

@@ -0,0 +1 @@
+export {};

package/es/ProForm/components/base/InputNumber/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputNumberProps } from 'antd';
+import { ProFormOtherProps } from '../../../propsType';
+export interface Props extends Omit<InputNumberProps, 'onBlur'> {
+    otherProps?: ProFormOtherProps;
+    range?: string;
+    onBlur?: (value?: number) => void;
+}
+declare const InputNumber: React.FC<Props>;
+export default InputNumber;

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

@@ -0,0 +1,177 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["placeholder", "className", "otherProps", "range", "min", "max", "onBlur"];
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import Big from 'big.js';
+import { useProConfig } from 'zat-design-pro-component';
+import { tools } from '@zat-design-pro-component/utils';
+import { isNull, isNumber, isUndefined } from 'lodash';
+import Container from '../../Container';
+var rangeReg = /^[([](-?\d+(\.\d+)?)?,\s*(-?\d+(\.\d+)?)?[)\]]$/;
+var InputNumber = function InputNumber(props) {
+  var placeholder = props.placeholder,
+    className = props.className,
+    otherProps = props.otherProps,
+    range = props.range,
+    min = props.min,
+    max = props.max,
+    onBlur = props.onBlur,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty,
+    viewType = _ref.viewType,
+    valueType = _ref.valueType,
+    label = _ref.label;
+  var valueProps = {};
+  if (valueType) {
+    switch (valueType) {
+      // 千分比
+      case 'thousandth':
+      case 'thousandthCNY':
+      case 'money':
+      case 'amount':
+        valueProps = {
+          formatter: function formatter(value) {
+            return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+          },
+          parser: function parser(value) {
+            return value.replace(/\$\s?|(,*)/g, '');
+          }
+        };
+        break;
+      // 百分比
+      case 'percentage':
+        valueProps = {
+          min: 0,
+          max: 100,
+          step: 1
+        };
+        break;
+      // 千分比
+      case 'permillage':
+        valueProps = {
+          min: 0,
+          max: 1000,
+          step: 1
+        };
+        break;
+      default:
+        valueProps = {
+          max: 999999999999
+        };
+    }
+  }
+  var _useMemo = useMemo(function () {
+      var _ref2, _min2, _valueProps, _ref3, _max2, _valueProps2;
+      var _min;
+      var _max;
+      if (range) {
+        if (rest.precision === undefined) {
+          console.warn('使用 "range" 时, 必须传入 "precision"');
+        } else if (!rangeReg.test(range)) {
+          console.warn('"range" 格式有误, 参考: "(a, b)", "[a, b]", "(a, b]", "[a, b)"');
+        } else {
+          var _range$replace$split = range.replace(' ', '').split(','),
+            _range$replace$split2 = _slicedToArray(_range$replace$split, 2),
+            start = _range$replace$split2[0],
+            end = _range$replace$split2[1];
+          var minTag = start.slice(0, 1);
+          var minStr = start.slice(1);
+          var minNum = Number(minStr);
+          var maxTag = end.slice(-1);
+          var maxStr = end.slice(0, -1);
+          var maxNum = Number(end.slice(0, -1));
+          var minimum = 1 / Math.pow(10, rest.precision);
+          if (minStr === '') {
+            _min = undefined;
+          } else if (minTag === '[') {
+            _min = minNum;
+          } else {
+            _min = minNum + minimum;
+          }
+          if (maxStr === '') {
+            _max = undefined;
+          } else if (maxTag === ']') {
+            _max = maxNum;
+          } else {
+            _max = maxNum - minimum;
+          }
+        }
+      }
+      return [(_ref2 = (_min2 = _min) !== null && _min2 !== void 0 ? _min2 : min) !== null && _ref2 !== void 0 ? _ref2 : (_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.min, (_ref3 = (_max2 = _max) !== null && _max2 !== void 0 ? _max2 : max) !== null && _ref3 !== void 0 ? _ref3 : (_valueProps2 = valueProps) === null || _valueProps2 === void 0 ? void 0 : _valueProps2.max];
+    }, [range, min, max, rest.precision]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    _min = _useMemo2[0],
+    _max = _useMemo2[1];
+  var initialConfig = useProConfig('InputNumber');
+  var _className = classNames(_defineProperty({
+    'full-form-item': true
+  }, className, !!className));
+  if (isView) {
+    var value = rest.value,
+      precision = rest.precision;
+    // 值为空时返回viewEmpty
+    if (isNull(value) || isUndefined(value)) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, viewEmpty);
+    }
+    switch (valueType || viewType) {
+      // 百分比
+      case 'percent':
+      case 'percentage':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, Big(value).toNumber().toFixed(isNumber(precision) ? precision : 2));
+      // 千分比
+      case 'permillage':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, Big(value).toNumber().toFixed(isNumber(precision) ? precision : 2));
+      // 千分位
+      case 'amount':
+      case 'money':
+      case 'thousandth':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, tools.formatAmount(value, precision));
+      // CNY千分位
+      case 'thousandthCNY':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, /*#__PURE__*/React.createElement(_Space, {
+          size: 4
+        }, value || value === 0 ? 'CNY' : '', tools.formatAmount(value, precision)));
+      default:
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, value);
+    }
+  }
+  var handleBlur = function handleBlur() {
+    var _value = rest.value;
+    if (rest.value > _max) {
+      _value = _max;
+    }
+    if (rest.value < _min) {
+      _value = _min;
+    }
+    onBlur(_value);
+  };
+  return /*#__PURE__*/React.createElement(_InputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    autoComplete: "off",
+    placeholder: placeholder || "\u8BF7\u8F93\u5165".concat(label !== null && label !== void 0 ? label : ''),
+    className: _className
+  }, valueProps), initialConfig), rest), {}, {
+    onBlur: handleBlur,
+    min: _min,
+    max: _max
+  }));
+};
+export default InputNumber;

package/es/ProForm/components/base/Radio/index.d.ts

@@ -0,0 +1,14 @@
+import { RadioChangeEvent, RadioProps } from 'antd';
+import React from 'react';
+import { ProFormOtherProps } from '../../../propsType';
+export interface Props extends Omit<RadioProps, 'options' | 'onChange'> {
+    dataSource: any[];
+    onChange: (value: any, e: RadioChangeEvent) => void;
+    fieldNames?: {
+        label: string;
+        value: string;
+    };
+    otherProps?: ProFormOtherProps;
+}
+declare const Radio: React.FC<Props>;
+export default Radio;