@zat-design/sisyphus-react 3.4.6 → 3.4.8

package/es/ProForm/components/combination/GroupCopy/utils.js

@@ -1,180 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isFunction } from 'lodash';
-import valueTypeMap from '../../../utils/valueType';
-/**
- * 插入间隔符
- * @param columns 表单配置数组
- * @returns
- */
-export var insertSeparator = function insertSeparator(columns, space) {
-  if (!(space === null || space === void 0 ? void 0 : space.separator)) {
-    return columns;
-  }
-  return columns.reduce(function (result, current, index, array) {
-    // 将当前元素添加到结果数组中
-    result.push(current);
-    // 如果当前元素不是最后一个元素，则添加间隔符
-    if (index < array.length - 1) {
-      result.push({
-        component: _jsx(_Button, {
-          className: "group-separator",
-          children: space.separator
-        }),
-        fieldProps: {
-          disabled: true
-        }
-      });
-    }
-    return result;
-  }, []);
-};
-/** 带出event的组件默认取值方法 */
-export function defaultGetValueFromEvent(valuePropName) {
-  var event = arguments.length <= 1 ? undefined : arguments[1];
-  if (event && event.target && _typeof(event.target) === 'object' && valuePropName in event.target) {
-    return event.target[valuePropName];
-  }
-  return event;
-}
-/** 转换names */
-export var transformNamesString = function transformNamesString(arr) {
-  var result = arr.map(function (subArr) {
-    if (Array.isArray(subArr)) {
-      return subArr.join('_');
-    }
-    return subArr;
-  });
-  return result;
-};
-/** 计算响应式参数的值 */
-export var getReactiveProps = function getReactiveProps(params) {
-  var form = params.form,
-    index = params.index,
-    namePath = params.namePath,
-    disabled = params.disabled,
-    show = params.show,
-    component = params.component,
-    fieldProps = params.fieldProps,
-    name = params.name;
-  var values = form.getFieldsValue(namePath || undefined);
-  var _disabled = isFunction(disabled) ? disabled(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : disabled;
-  var _show = isFunction(show) ? show(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : show;
-  var _component = isFunction(component) ? component(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : component;
-  var _fieldProps = isFunction(fieldProps) ? fieldProps(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : fieldProps;
-  return {
-    disabled: _disabled,
-    show: _show,
-    component: _component,
-    fieldProps: _fieldProps
-  };
-};
-/** 获取当前字段的转换函数 */
-export var getValueTypeTrans = function getValueTypeTrans(params) {
-  var _valueTypeMap$valueTy;
-  var valueType = params.valueType;
-  var transform = (_valueTypeMap$valueTy = valueTypeMap[valueType]) === null || _valueTypeMap$valueTy === void 0 ? void 0 : _valueTypeMap$valueTy.call(valueTypeMap, params);
-  return transform;
-};
-/** 转换columns */
-export var transformColumns = function transformColumns(params) {
-  var form = params.form,
-    columns = params.columns,
-    name = params.name,
-    names = params.names,
-    outerIndex = params.index,
-    namePath = params.namePath,
-    value = params.value,
-    internalChange = params.onChange;
-  return columns === null || columns === void 0 ? void 0 : columns.flatMap(function (column, index) {
-    var type = column.type,
-      valueType = column.valueType,
-      switchValue = column.switchValue,
-      toISOString = column.toISOString,
-      fieldProps = column.fieldProps,
-      getValueFromEvent = column.getValueFromEvent,
-      _column$valuePropName = column.valuePropName,
-      valuePropName = _column$valuePropName === void 0 ? 'value' : _column$valuePropName,
-      normalize = column.normalize,
-      disabled = column.disabled,
-      show = column.show,
-      component = column.component;
-    var _ref = fieldProps || {},
-      mode = _ref.mode,
-      onChange = _ref.onChange,
-      onFieldChange = _ref.onFieldChange,
-      comDisabled = _ref.disabled;
-    var _disabled = disabled !== null && disabled !== void 0 ? disabled : comDisabled;
-    var columnName = names ? names[index] : [].concat(name, index);
-    // 响应式字段
-    var reactiveProps = getReactiveProps({
-      form: form,
-      index: index,
-      type: type,
-      namePath: namePath,
-      disabled: _disabled,
-      show: show,
-      component: component,
-      fieldProps: fieldProps,
-      name: columnName
-    });
-    if (reactiveProps.show === false) return [];
-    var transform = getValueTypeTrans({
-      type: type,
-      valueType: valueType,
-      switchValue: switchValue,
-      toISOString: toISOString,
-      mode: mode
-    });
-    var newValue;
-    var handleChange = function handleChange() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      if (getValueFromEvent) {
-        newValue = getValueFromEvent.apply(void 0, args);
-      } else {
-        newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat(args));
-      }
-      if ((transform === null || transform === void 0 ? void 0 : transform.normalize) || normalize) {
-        var _transform$normalize;
-        // @ts-ignore
-        newValue = ((_transform$normalize = transform.normalize) === null || _transform$normalize === void 0 ? void 0 : _transform$normalize.call(transform, newValue)) || (normalize === null || normalize === void 0 ? void 0 : normalize(newValue));
-      }
-      internalChange === null || internalChange === void 0 ? void 0 : internalChange(newValue, args[1], index);
-      onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, args);
-      onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(newValue, form.getFieldValue(namePath), {
-        index: outerIndex,
-        namePath: namePath,
-        form: form
-      });
-    };
-    return _objectSpread(_objectSpread(_objectSpread({}, column), {}, {
-      name: columnName
-    }, reactiveProps), {}, {
-      fieldProps: _objectSpread(_objectSpread({}, column === null || column === void 0 ? void 0 : column.fieldProps), {}, {
-        onChange: handleChange,
-        value: value === null || value === void 0 ? void 0 : value[index]
-      })
-    });
-  });
-};

package/lib/ProForm/components/combination/GroupCopy/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { GroupProps } from './propsType';
-/**
- * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
- * 2.
- *
- * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
- */
-declare const GroupCopy: React.FC<GroupProps>;
-export default GroupCopy;

package/lib/ProForm/components/combination/GroupCopy/index.js

@@ -1,91 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = require("lodash");
-var _classnames2 = _interopRequireDefault(require("classnames"));
-var _utils = require("./utils");
-var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
-var _ComRender = _interopRequireDefault(require("./component/ComRender"));
-/**
- * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
- * 2.
- *
- * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
- */
-var GroupCopy = function GroupCopy(props) {
-  var children = props.children,
-    className = props.className,
-    _props$space = props.space,
-    space = _props$space === void 0 ? {
-      size: 12
-    } : _props$space,
-    value = props.value,
-    onChange = props.onChange;
-  var contextProps = _ProForm.default.useFieldProps() || {};
-  var names = contextProps.names,
-    name = contextProps.name,
-    form = contextProps.form,
-    namePath = contextProps.namePath,
-    index = contextProps.index;
-  var _value = value && (0, _toConsumableArray2.default)(value) || [];
-  var _option = _react.default.useRef([]);
-  // 组合onChange
-  var handleChange = function handleChange(value, option, index) {
-    _value[index] = value;
-    _option.current[index] = option;
-    onChange(_value, _option.current);
-  };
-  var columns = (0, _react.useMemo)(function () {
-    var columnsProps = (0, _utils.transformColumns)({
-      columns: children,
-      name: name,
-      names: names,
-      onChange: handleChange,
-      namePath: namePath,
-      form: form,
-      index: index,
-      value: _value
-    });
-    return (0, _utils.insertSeparator)(columnsProps, space);
-  }, [name, value, children, space, names, namePath, index]);
-  var _className = (0, _classnames2.default)((0, _defineProperty2.default)({
-    'pro-group': true,
-    'pro-group-diy-width': columns.some(function (item) {
-      var _item$fieldProps, _item$fieldProps$styl;
-      return item === null || item === void 0 ? void 0 : (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : (_item$fieldProps$styl = _item$fieldProps.style) === null || _item$fieldProps$styl === void 0 ? void 0 : _item$fieldProps$styl.width;
-    }),
-    'pro-group-width-auto': columns.some(function (item) {
-      return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
-    })
-  }, "".concat(className), className));
-  return (0, _jsxRuntime.jsx)("div", {
-    className: _className,
-    children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? (0, _jsxRuntime.jsx)(_antd.Space.Compact, {
-      children: columns.map(function (column) {
-        return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)({
-          contextProps: contextProps
-        }, column));
-      })
-    }) : (0, _jsxRuntime.jsx)(_antd.Space, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      align: "start"
-    }, (0, _lodash.omit)(space, ['separator', 'compact'])), {}, {
-      children: columns.map(function (column, index) {
-        return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)({
-          contextProps: contextProps
-        }, column));
-      })
-    }))
-  });
-};
-var _default = exports.default = GroupCopy;

package/lib/ProForm/components/combination/GroupCopy/propsType.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import { FormItemProps, ModalFuncProps, SpaceProps } from 'antd';
-import { FormInstance } from 'antd/es/form/Form';
-import { NamePath } from 'antd/lib/form/interface';
-import { ColumnPropsMap, FunctionArgs, ProFormValueType, ReactiveFunction, ViewType } from '../../../propsType';
-export interface SpaceType extends SpaceProps {
-    /**
-     * 是否紧凑合并
-     */
-    compact?: Boolean;
-    /**
-     * 分隔符
-     */
-    separator?: string | React.ReactNode;
-    /** 间隔距离 */
-    size?: number;
-}
-export interface GroupProps {
-    children?: GroupColumnProps[];
-    space?: SpaceType;
-    className?: string;
-    id?: string;
-    disabled?: boolean;
-    isView?: boolean;
-    value?: any[];
-    onChange?: (value: any[] | null, options?: any[]) => void;
-}
-export type GroupColumnProps<Values = any> = {
-    component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;
-    names?: NamePath[];
-    show?: boolean | ReactiveFunction<Values, boolean>;
-    valueType?: ProFormValueType;
-    switchValue?: [any, any];
-    isView?: boolean;
-    viewRender?: (value: any, record: Values, { form, index, namePath, }: {
-        form: FormInstance<Values>;
-        index?: number | undefined;
-        [key: string]: any;
-    }) => React.ReactElement<any, any> | string | undefined | null;
-    viewType?: ViewType;
-    disabled?: boolean | ReactiveFunction<Values, boolean>;
-    trim?: boolean;
-    upperCase?: boolean;
-    toISOString?: boolean;
-    clearNotShow?: boolean;
-    confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps>;
-} & ColumnPropsMap & FormItemProps;

package/lib/ProForm/components/combination/GroupCopy/utils.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import { InternalNamePath, NamePath } from 'antd/lib/form/interface';
-import { FormInstance } from 'antd';
-import { GroupColumnProps, SpaceType } from './propsType';
-import { ProFormColumnProps, ReactiveFunction } from '../../render/propsType';
-export type EventArgs = any[];
-/**
- * 插入间隔符
- * @param columns 表单配置数组
- * @returns
- */
-export declare const insertSeparator: (columns: GroupColumnProps[], space?: SpaceType) => any[];
-/** 带出event的组件默认取值方法 */
-export declare function defaultGetValueFromEvent(valuePropName: string, ...args: EventArgs): any;
-/** 转换names */
-export declare const transformNamesString: (arr: (string | string[])[]) => (string | string[])[];
-interface Params {
-    form?: FormInstance;
-    index?: number;
-    type?: string;
-    namePath?: InternalNamePath;
-    disabled?: boolean | ReactiveFunction<any, boolean>;
-    show?: boolean | ReactiveFunction<any, boolean>;
-    component?: React.ReactNode | ReactiveFunction<any, React.ReactNode>;
-    fieldProps?: boolean | ReactiveFunction<any, boolean>;
-    name?: NamePath;
-}
-/** 计算响应式参数的值 */
-export declare const getReactiveProps: (params: Params) => {
-    disabled: boolean;
-    show: boolean;
-    component: any;
-    fieldProps: boolean;
-};
-type ValueTypeGetterParams = Pick<ProFormColumnProps, 'valueType' | 'switchValue' | 'toISOString'> & {
-    type?: any;
-    mode?: string;
-};
-/** 获取当前字段的转换函数 */
-export declare const getValueTypeTrans: (params: ValueTypeGetterParams) => any;
-interface ColumnsTransformerParams {
-    columns: GroupColumnProps[];
-    name?: NamePath;
-    names?: NamePath[];
-    value?: any[];
-    onChange: any;
-    namePath?: InternalNamePath;
-    form: FormInstance;
-    index?: number;
-}
-/** 转换columns */
-export declare const transformColumns: (params: ColumnsTransformerParams) => any[];
-export {};

package/lib/ProForm/components/combination/GroupCopy/utils.js

@@ -1,187 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultGetValueFromEvent = defaultGetValueFromEvent;
-exports.transformNamesString = exports.transformColumns = exports.insertSeparator = exports.getValueTypeTrans = exports.getReactiveProps = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _lodash = require("lodash");
-var _antd = require("antd");
-var _valueType = _interopRequireDefault(require("../../../utils/valueType"));
-/**
- * 插入间隔符
- * @param columns 表单配置数组
- * @returns
- */
-var insertSeparator = exports.insertSeparator = function insertSeparator(columns, space) {
-  if (!(space === null || space === void 0 ? void 0 : space.separator)) {
-    return columns;
-  }
-  return columns.reduce(function (result, current, index, array) {
-    // 将当前元素添加到结果数组中
-    result.push(current);
-    // 如果当前元素不是最后一个元素，则添加间隔符
-    if (index < array.length - 1) {
-      result.push({
-        component: (0, _jsxRuntime.jsx)(_antd.Button, {
-          className: "group-separator",
-          children: space.separator
-        }),
-        fieldProps: {
-          disabled: true
-        }
-      });
-    }
-    return result;
-  }, []);
-};
-/** 带出event的组件默认取值方法 */
-function defaultGetValueFromEvent(valuePropName) {
-  var event = arguments.length <= 1 ? undefined : arguments[1];
-  if (event && event.target && (0, _typeof2.default)(event.target) === 'object' && valuePropName in event.target) {
-    return event.target[valuePropName];
-  }
-  return event;
-}
-/** 转换names */
-var transformNamesString = exports.transformNamesString = function transformNamesString(arr) {
-  var result = arr.map(function (subArr) {
-    if (Array.isArray(subArr)) {
-      return subArr.join('_');
-    }
-    return subArr;
-  });
-  return result;
-};
-/** 计算响应式参数的值 */
-var getReactiveProps = exports.getReactiveProps = function getReactiveProps(params) {
-  var form = params.form,
-    index = params.index,
-    namePath = params.namePath,
-    disabled = params.disabled,
-    show = params.show,
-    component = params.component,
-    fieldProps = params.fieldProps,
-    name = params.name;
-  var values = form.getFieldsValue(namePath || undefined);
-  var _disabled = (0, _lodash.isFunction)(disabled) ? disabled(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : disabled;
-  var _show = (0, _lodash.isFunction)(show) ? show(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : show;
-  var _component = (0, _lodash.isFunction)(component) ? component(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : component;
-  var _fieldProps = (0, _lodash.isFunction)(fieldProps) ? fieldProps(values, {
-    form: form,
-    index: index,
-    namePath: namePath
-  }) : fieldProps;
-  return {
-    disabled: _disabled,
-    show: _show,
-    component: _component,
-    fieldProps: _fieldProps
-  };
-};
-/** 获取当前字段的转换函数 */
-var getValueTypeTrans = exports.getValueTypeTrans = function getValueTypeTrans(params) {
-  var _valueTypeMap$valueTy;
-  var valueType = params.valueType;
-  var transform = (_valueTypeMap$valueTy = _valueType.default[valueType]) === null || _valueTypeMap$valueTy === void 0 ? void 0 : _valueTypeMap$valueTy.call(_valueType.default, params);
-  return transform;
-};
-/** 转换columns */
-var transformColumns = exports.transformColumns = function transformColumns(params) {
-  var form = params.form,
-    columns = params.columns,
-    name = params.name,
-    names = params.names,
-    outerIndex = params.index,
-    namePath = params.namePath,
-    value = params.value,
-    internalChange = params.onChange;
-  return columns === null || columns === void 0 ? void 0 : columns.flatMap(function (column, index) {
-    var type = column.type,
-      valueType = column.valueType,
-      switchValue = column.switchValue,
-      toISOString = column.toISOString,
-      fieldProps = column.fieldProps,
-      getValueFromEvent = column.getValueFromEvent,
-      _column$valuePropName = column.valuePropName,
-      valuePropName = _column$valuePropName === void 0 ? 'value' : _column$valuePropName,
-      normalize = column.normalize,
-      disabled = column.disabled,
-      show = column.show,
-      component = column.component;
-    var _ref = fieldProps || {},
-      mode = _ref.mode,
-      onChange = _ref.onChange,
-      onFieldChange = _ref.onFieldChange,
-      comDisabled = _ref.disabled;
-    var _disabled = disabled !== null && disabled !== void 0 ? disabled : comDisabled;
-    var columnName = names ? names[index] : [].concat(name, index);
-    // 响应式字段
-    var reactiveProps = getReactiveProps({
-      form: form,
-      index: index,
-      type: type,
-      namePath: namePath,
-      disabled: _disabled,
-      show: show,
-      component: component,
-      fieldProps: fieldProps,
-      name: columnName
-    });
-    if (reactiveProps.show === false) return [];
-    var transform = getValueTypeTrans({
-      type: type,
-      valueType: valueType,
-      switchValue: switchValue,
-      toISOString: toISOString,
-      mode: mode
-    });
-    var newValue;
-    var handleChange = function handleChange() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      if (getValueFromEvent) {
-        newValue = getValueFromEvent.apply(void 0, args);
-      } else {
-        newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat(args));
-      }
-      if ((transform === null || transform === void 0 ? void 0 : transform.normalize) || normalize) {
-        var _transform$normalize;
-        // @ts-ignore
-        newValue = ((_transform$normalize = transform.normalize) === null || _transform$normalize === void 0 ? void 0 : _transform$normalize.call(transform, newValue)) || (normalize === null || normalize === void 0 ? void 0 : normalize(newValue));
-      }
-      internalChange === null || internalChange === void 0 ? void 0 : internalChange(newValue, args[1], index);
-      onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, args);
-      onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(newValue, form.getFieldValue(namePath), {
-        index: outerIndex,
-        namePath: namePath,
-        form: form
-      });
-    };
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-      name: columnName
-    }, reactiveProps), {}, {
-      fieldProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column === null || column === void 0 ? void 0 : column.fieldProps), {}, {
-        onChange: handleChange,
-        value: value === null || value === void 0 ? void 0 : value[index]
-      })
-    });
-  });
-};