@zat-design/sisyphus-react 3.0.13

package/lib/ProForm/components/base/FormList/components/BlockFields.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _ActionButton = _interopRequireDefault(require("./ActionButton"));
+var _RenderFields = _interopRequireDefault(require("../../../render/RenderFields"));
+var _ProCollapse = _interopRequireDefault(require("../../../../../ProLayout/components/ProCollapse"));
+var BlockFields = function BlockFields(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,
+    _props$level = props.level,
+    level = _props$level === void 0 ? '2' : _props$level,
+    towCollapse = props.towCollapse;
+  var _title = (0, _react.useMemo)(function () {
+    if ((0, _lodash.isFunction)(title)) {
+      var record = form.getFieldValue(namePath);
+      return title(record, index, form);
+    }
+    return title;
+  }, [title, index]);
+  return /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/_react.default.createElement(_ProCollapse.default, {
+    title: _title,
+    index: index,
+    form: form,
+    // namePath={namePath}
+    level: level,
+    towCollapse: towCollapse,
+    extra: /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
+      min: min,
+      max: max,
+      index: index,
+      length: fields.length,
+      operation: operation,
+      namePath: namePath,
+      form: form,
+      field: field,
+      fields: fields,
+      actionProps: actionProps,
+      mode: mode
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    key: field.key,
+    gutter: 24
+  }, /*#__PURE__*/_react.default.createElement(_RenderFields.default, {
+    columns: columns,
+    form: form,
+    colProps: colProps,
+    disabled: disabled,
+    isView: isView
+  }))));
+};
+var _default = BlockFields;
+exports.default = _default;

package/lib/ProForm/components/base/FormList/components/BlockTitle.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { NamePath } from 'antd/lib/form/interface';
+import { FormInstance } from 'antd';
+import { FormListMode } from '../index';
+export type TitleRender = (record: Record<string, any>, index: number, form: FormInstance) => any;
+export type TitleType = string | React.ReactNode | TitleRender;
+interface Props {
+    mode: FormListMode;
+    namePath: NamePath;
+    index: number;
+    form: FormInstance;
+    title: TitleType;
+}
+declare const BlockTitle: React.FC<Props>;
+export default BlockTitle;

package/lib/ProForm/components/base/FormList/components/BlockTitle.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = require("lodash");
+var BlockTitle = function BlockTitle(props) {
+  var mode = props.mode,
+    namePath = props.namePath,
+    index = props.index,
+    form = props.form,
+    title = props.title;
+  if (mode !== 'block') {
+    return null;
+  }
+  if (!title) {
+    return /*#__PURE__*/_react.default.createElement("div", null);
+  }
+  if ( /*#__PURE__*/_react.default.isValidElement(title)) {
+    return title;
+  }
+  var titleContent = title;
+  if ((0, _lodash.isFunction)(title)) {
+    var record = form.getFieldValue(namePath);
+    titleContent = title(record, index, form);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-form-list-block-title"
+  }, titleContent);
+};
+var _default = BlockTitle;
+exports.default = _default;

package/lib/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/lib/ProForm/components/base/FormList/components/LineFields.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _ActionButton = _interopRequireDefault(require("./ActionButton"));
+var _RenderFields = _interopRequireDefault(require("../../../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.default.createElement("div", {
+    className: "pro-form-list-line"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    gutter: 24
+  }, /*#__PURE__*/_react.default.createElement(_RenderFields.default, {
+    columns: columns,
+    form: form,
+    colProps: colProps,
+    disabled: disabled,
+    isView: isView
+  })), /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
+    min: min,
+    max: max,
+    index: index,
+    length: fields.length,
+    operation: operation,
+    namePath: namePath,
+    form: form,
+    field: field,
+    fields: fields,
+    actionProps: actionProps,
+    mode: mode
+  }));
+};
+var _default = LineFields;
+exports.default = _default;

package/lib/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/lib/ProForm/components/base/FormList/components/ToolbarButton.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["label", "onClick", "onHandle", "actionType"],
+  _excluded2 = ["onClick", "label"];
+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 = (0, _react.useMemo)(function () {
+    return {
+      add: {
+        onClick: function onClick(fields, operation, form) {
+          operation.add();
+        },
+        label: '新增一行',
+        type: 'link',
+        icon: /*#__PURE__*/_react.default.createElement(_icons.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.default.createElement(_antd.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 = (0, _objectWithoutProperties2.default)(item, _excluded);
+    var _onClick = _onClick2 || onHandle;
+    if (['add'].includes(actionType)) {
+      var _actions$actionType = actions[actionType],
+        internalOnClick = _actions$actionType.onClick,
+        defaultLabel = _actions$actionType.label,
+        defaultRest = (0, _objectWithoutProperties2.default)(_actions$actionType, _excluded2);
+      // 大于等于max不可新增
+      if (max && max <= fields.length && ['add'].includes(actionType)) {
+        return false;
+      }
+      return /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+        key: actionType
+      }, actions[actionType]), rest), {}, {
+        onClick: function onClick() {
+          return handleClick(_onClick || internalOnClick);
+        }
+      }), label || defaultLabel);
+    }
+    return /*#__PURE__*/_react.default.createElement(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      key: actionType
+    }, rest), {}, {
+      onClick: function onClick() {
+        return handleClick(_onClick2);
+      }
+    }), label);
+  }));
+};
+var _default = ToolbarButton;
+exports.default = _default;

package/lib/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/lib/ProForm/components/base/FormList/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _utils = require("../../../utils");
+var _utils2 = require("./utils");
+var _ToolbarButton = _interopRequireDefault(require("./components/ToolbarButton"));
+var _BlockFields = _interopRequireDefault(require("./components/BlockFields"));
+var _LineFields = _interopRequireDefault(require("./components/LineFields"));
+require("./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 = (0, _utils.toArray)(name);
+  var processColumns = (0, _react.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, (0, _utils2.namesPathTransform)({
+        names: item === null || item === void 0 ? void 0 : item.names,
+        prefixNamePath: namePath
+      })] : [fieldName].concat((0, _toConsumableArray2.default)((0, _utils.toArray)(item.name)));
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        name: _name,
+        names: (item === null || item === void 0 ? void 0 : item.names) ? item.names.map(function (nameItem) {
+          return [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem)));
+        }) : item.names,
+        index: fieldName,
+        namePath: namePath
+      });
+    });
+  }, [columns]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      operation: operation
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fields.map(function (field, index) {
+    var namePath = [].concat((0, _toConsumableArray2.default)(_namePath), [index]);
+    var _columns = processColumns(index, namePath);
+    return mode === 'block' ? /*#__PURE__*/_react.default.createElement(_BlockFields.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      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.default.createElement(_LineFields.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      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.default.createElement(_antd.Form.ErrorList, {
+    errors: errors
+  }), /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+    disabled: disabled,
+    isView: isView,
+    min: min,
+    max: max,
+    length: fields.length,
+    operation: operation,
+    namePath: _namePath,
+    form: form,
+    fields: fields,
+    toolbarProps: toolbarProps
+  }));
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(FormList);
+exports.default = _default;

package/lib/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/lib/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/lib/ProForm/components/base/FormList/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.namesPathTransform = void 0;
+/**
+ * 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
+ */
+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('-');
+};
+exports.namesPathTransform = namesPathTransform;

package/lib/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/lib/ProForm/components/base/Input/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _zatDesignProComponent = require("zat-design-pro-component");
+var _Container = _interopRequireDefault(require("../../Container"));
+var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps"];
+// 参数优先级
+// 组件内默认值 < config默认值 < props
+var Input = function Input(props) {
+  var label = props.label,
+    form = props.form,
+    placeholder = props.placeholder,
+    fieldName = props.fieldName,
+    otherProps = props.otherProps,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty;
+  var initialConfig = (0, _zatDesignProComponent.useProConfig)('Input');
+  if (isView) {
+    return /*#__PURE__*/_react.default.createElement(_Container.default, {
+      viewEmpty: viewEmpty
+    }, rest.value);
+  }
+  return /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    allowClear: true,
+    autoComplete: "off",
+    placeholder: placeholder || '请输入'
+  }, initialConfig), rest));
+};
+var _default = Input;
+exports.default = _default;

package/lib/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/lib/ProForm/components/base/Input/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/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;