@zat-design/sisyphus-react 3.4.4 → 3.4.5

package/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env', ['@babel/preset-react', { runtime: 'automatic' }]],
+};

package/es/ProEditTable/components/RenderField/index.js

@@ -74,7 +74,8 @@ var RenderField = function RenderField(_ref) {
     originalValues = config.originalValues,
     formNamePath = config.namePath,
     _config$originalDiffT = config.originalDiffTip,
-    originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT;
+    originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT,
+    rowDisabled = config.rowDisabled;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
   var _required = required;
@@ -99,7 +100,7 @@ var RenderField = function RenderField(_ref) {
     isEditable = isEditable(currentValue, rowData, options);
   }
   // 是否只读文本
-  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !isEditing;
+  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !isEditing || (rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record));
   // 只读文本时，采用当前formItem的name，单行编辑时，使用生成的虚拟的name
   var baseName = isView ? name : namePath;
   var TargetComponent;

package/es/ProEditTable/index.js

@@ -11,7 +11,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey"];
+var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { get, isArray } from 'lodash';
@@ -51,6 +51,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     originalValues = _ref.originalValues,
     originalDiffTip = _ref.originalDiffTip,
     rowKey = _ref.rowKey,
+    rowDisabled = _ref.rowDisabled,
     resetProps = _objectWithoutProperties(_ref, _excluded);
   // 上下文form
   var contentForm = _Form.useFormInstance();
@@ -159,7 +160,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     page: page,
     originalValues: originalValues,
     originalDiffTip: originalDiffTip,
-    prefixCls: prefixCls
+    prefixCls: prefixCls,
+    rowDisabled: rowDisabled
   };
   // 编辑行设置下样式
   var _rowClassName = function _rowClassName(record) {
@@ -180,6 +182,15 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         selectedRowKeys: selectedRowKeys,
         selectedRows: selectedRows
       });
+    },
+    getCheckboxProps: function getCheckboxProps(record) {
+      if (rowDisabled) {
+        var _disabled = rowDisabled(record);
+        return {
+          disabled: _disabled
+        };
+      }
+      return {};
     }
   }, rowSelection);
   // 判断是否禁止添加、批量删除

package/es/ProEditTable/propsType.d.ts

@@ -246,4 +246,5 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      * @default           -
      */
     headerRender?: ReactNode;
+    rowDisabled?: (record?: T) => string | boolean;
 }

package/es/ProEditTable/utils/index.js

@@ -32,7 +32,8 @@ var getActionColumn = function getActionColumn(config) {
     validateKeys = config.validateKeys,
     actionWidth = config.actionWidth,
     actionProps = config.actionProps,
-    page = config.page;
+    page = config.page,
+    rowDisabled = config.rowDisabled;
   var pageNum = tools.calc(page.pageNum, '-', 1);
   var firstIndex = tools.calc(pageNum, '*', page.pageSize);
   // actionProps配置为false 默认不插入
@@ -184,6 +185,11 @@ var getActionColumn = function getActionColumn(config) {
     fixed: 'right',
     width: actionWidth || (virtualKey ? '120px' : '60px'),
     render: function render(text, record, index) {
+      var _rowDisabled;
+      var _disabled = (_rowDisabled = rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record)) !== null && _rowDisabled !== void 0 ? _rowDisabled : false;
+      if (_disabled) {
+        return '';
+      }
       return _jsx(_Space, {
         size: "middle",
         children: actionBtns.map(function (btnConfig) {

package/es/ProEnum/components/Group.js

@@ -1,6 +1,7 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 var Group = function Group(props) {
   var value = props.value,
     onChange = props.onChange,
@@ -10,12 +11,17 @@ var Group = function Group(props) {
     disabled = props.disabled,
     _props$allowClear = props.allowClear,
     allowClear = _props$allowClear === void 0 ? true : _props$allowClear;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    refresh = _useState2[0],
+    setRefresh = _useState2[1];
   var idx = useRef(-1);
   useEffect(function () {
     var index = dataSource.findIndex(function (item) {
       return item[fieldValue] === value;
     });
     idx.current = index;
+    setRefresh(!refresh);
   }, [value]);
   var handleClick = function handleClick(val, index) {
     if (value === val) {

package/es/ProEnum/style/index.less

@@ -9,7 +9,7 @@
   }
   &-group-root-disabled {
     color: rgba(0, 0, 0, 0.25);
-    .pro-enum-group-item{
+    .pro-enum-group-item {
       cursor: not-allowed !important;
     }
   }
@@ -52,8 +52,9 @@
       &::after {
         position: absolute;
         top: var(--zaui-space-size-sm);
-        right: 0;
+        right: -2px;
         bottom: var(--zaui-space-size-sm);
+        z-index: 1;
         width: 1px;
         background: var(--zaui-brand);
         opacity: 0.7;

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

@@ -23,7 +23,8 @@ var FormList = function FormList(props, ref) {
     mode = _props$mode === void 0 ? 'line' : _props$mode,
     meta = props.meta,
     _props$span = props.span,
-    span = _props$span === void 0 ? 8 : _props$span;
+    span = _props$span === void 0 ? 8 : _props$span,
+    disabled = props.disabled;
   var _fields = fields.map(function (item) {
     return _objectSpread(_objectSpread({}, item), {}, {
       key: String(item.key)
@@ -32,8 +33,7 @@ var FormList = function FormList(props, ref) {
   var _ref = ProForm.useFieldProps() || {},
     form = _ref.form,
     name = _ref.name,
-    isView = _ref.isView,
-    disabled = _ref.disabled;
+    isView = _ref.isView;
   var errors = meta.errors;
   var _namePath = toArray(name);
   var processColumns = useCallback(function (fieldName, namePath) {
@@ -89,7 +89,7 @@ var FormList = function FormList(props, ref) {
         var _columns = processColumns(index, namePath);
         return mode === 'block' ? _jsx(BlockFields, _objectSpread(_objectSpread({}, props), {}, {
           columns: _columns,
-          disabled: disabled || (props === null || props === void 0 ? void 0 : props.disabled),
+          disabled: disabled,
           isView: isView,
           namePath: namePath,
           index: index,
@@ -103,7 +103,7 @@ var FormList = function FormList(props, ref) {
         }, props), {}, {
           mode: mode,
           columns: _columns,
-          disabled: disabled || (props === null || props === void 0 ? void 0 : props.disabled),
+          disabled: disabled,
           isView: isView,
           namePath: namePath,
           index: index,

package/es/ProForm/components/combination/GroupCopy/component/ComRender.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Props {
+    type: string;
+    component: React.ReactElement;
+    value: any;
+    onChange: any;
+    disabled: any;
+    confirm: any;
+    fieldProps: any;
+    contextProps: any;
+}
+/** 渲染组件 */
+declare const ComRender: React.FC<Props>;
+export default ComRender;

package/es/ProForm/components/combination/GroupCopy/component/ComRender.js

@@ -0,0 +1,36 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "confirm", "component", "fieldProps", "contextProps"];
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ConfirmWrapper from '@/ProForm/components/render/ConfirmWrapper';
+import { FieldProvider } from '@/ProForm/utils/useFieldProps';
+import * as componentMap from '../../../../../index';
+/** 渲染组件 */
+var ComRender = function ComRender(props) {
+  var type = props.type,
+    confirm = props.confirm,
+    component = props.component,
+    fieldProps = props.fieldProps,
+    contextProps = props.contextProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var TypeComponent = componentMap[type];
+  var componentProps = _objectSpread(_objectSpread({}, fieldProps), rest);
+  var Component;
+  if (confirm) {
+    Component = _jsx(ConfirmWrapper, _objectSpread(_objectSpread({
+      confirm: confirm
+    }, componentProps), {}, {
+      children: component || _jsx(TypeComponent, _objectSpread({}, componentProps))
+    }));
+  } else {
+    Component = component ? ( /*#__PURE__*/React.cloneElement(component, _objectSpread({}, componentProps))) : _jsx(TypeComponent, _objectSpread({}, componentProps));
+  }
+  return _jsx(FieldProvider, {
+    value: _objectSpread(_objectSpread({}, contextProps), {}, {
+      type: type
+    }),
+    children: Component
+  });
+};
+export default ComRender;

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

@@ -0,0 +1,10 @@
+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/es/ProForm/components/combination/GroupCopy/index.js

@@ -0,0 +1,84 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { omit } from 'lodash';
+import classnames from 'classnames';
+import { insertSeparator, transformColumns } from './utils';
+import ProForm from '../../../../ProForm';
+import ComRender from './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.useFieldProps() || {};
+  var names = contextProps.names,
+    name = contextProps.name,
+    form = contextProps.form,
+    namePath = contextProps.namePath,
+    index = contextProps.index;
+  var _value = value && _toConsumableArray(value) || [];
+  var _option = React.useRef([]);
+  // 组合onChange
+  var handleChange = function handleChange(value, option, index) {
+    _value[index] = value;
+    _option.current[index] = option;
+    onChange(_value, _option.current);
+  };
+  var columns = useMemo(function () {
+    var columnsProps = transformColumns({
+      columns: children,
+      name: name,
+      names: names,
+      onChange: handleChange,
+      namePath: namePath,
+      form: form,
+      index: index,
+      value: _value
+    });
+    return insertSeparator(columnsProps, space);
+  }, [name, value, children, space, names, namePath, index]);
+  var _className = classnames(_defineProperty({
+    '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 _jsx("div", {
+    className: _className,
+    children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {
+      children: columns.map(function (column) {
+        return _jsx(ComRender, _objectSpread({
+          contextProps: contextProps
+        }, column));
+      })
+    }) : _jsx(_Space, _objectSpread(_objectSpread({
+      align: "start"
+    }, omit(space, ['separator', 'compact'])), {}, {
+      children: columns.map(function (column, index) {
+        return _jsx(ComRender, _objectSpread({
+          contextProps: contextProps
+        }, column));
+      })
+    }))
+  });
+};
+export default GroupCopy;

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

@@ -0,0 +1,47 @@
+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/es/ProForm/components/combination/GroupCopy/propsType.js

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

package/es/ProForm/components/combination/GroupCopy/style/index.less

@@ -0,0 +1,131 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
+.border-radius(@start-end: 0, @end-end: 0, @start-start: 0, @end-start: 0) {
+  border-start-end-radius: @start-end;
+  border-end-end-radius: @end-end;
+  border-start-start-radius: @start-start;
+  border-end-start-radius: @end-start;
+}
+
+.start-radius() {
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
+}
+
+.end-radius() {
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
+}
+
+.pro-group {
+  width: unset !important;
+  
+
+  &.pro-group-diy-width, &.pro-group-width-auto {
+    .@{ant-prefix}-space .@{ant-prefix}-space-item {
+      width: auto;
+
+      .@{ant-prefix}-space-item {
+        width: auto;
+      }
+    }
+  }
+
+  .@{ant-prefix}-space {
+    width: 100%;
+
+    .@{ant-prefix}-space-item {
+      width: 100%;
+    }
+
+    .@{ant-prefix}-form-item {
+      margin-bottom: 0 !important;
+    }
+  }
+
+  .@{ant-prefix}-form-item-label {
+    display: none;
+  }
+
+  .@{ant-prefix}-space-compact {
+    flex: auto;
+    align-items: center;
+    width: 100%;
+
+    &>.@{ant-prefix}-input-number{
+      &:first-child{
+        border-end-end-radius: 0;
+        border-start-end-radius: 0;
+      }
+      &:last-child{
+        border-start-start-radius: 0;
+        border-end-start-radius: 0;
+        margin-left: -1px;
+      }
+    }
+
+    .@{ant-prefix}-form-item {
+      margin-bottom: 0 !important;
+    }
+
+    .group-separator {
+      margin-inline-end: -2px;
+      margin-inline-start: -1px;
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      padding: 0 12px;
+      background-color: #fff;
+      cursor: default;
+    }
+    .pro-modal-select {
+      margin-left: -1px;
+      .@{ant-prefix}-input{
+        border-start-start-radius: 0;
+        border-end-start-radius: 0;
+      }
+    }
+
+    // 定制内敛合并样式
+    .@{ant-prefix}-input-affix-wrapper,
+    .@{ant-prefix}-select {
+      .border-radius(0, 0, 0, 0);
+
+      &:nth-child(n + 2) {
+        margin-inline-start: -1px;
+      }
+
+      &:first-child {
+        .start-radius();
+      }
+
+      &:last-child {
+        .end-radius();
+      }
+    }
+
+    .@{ant-prefix}-select {
+      .@{ant-prefix}-select-selector {
+        .border-radius(0, 0, 0, 0);
+      }
+
+      &:first-child {
+        .@{ant-prefix}-select-selector {
+          .start-radius();
+        }
+      }
+
+      &:last-child {
+        .@{ant-prefix}-select-selector {
+          .end-radius();
+        }
+      }
+    }
+
+    // 报错样式定制
+    .@{ant-prefix}-input-affix-wrapper-status-error ~ .group-separator {
+      color: var(--ant-error-color);
+      border-color: var(--ant-error-color);
+    }
+  }
+}

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

@@ -0,0 +1,53 @@
+/// <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 {};