@zat-design/sisyphus-react 3.4.1 → 3.4.2

package/dist/index.esm.css

@@ -2297,6 +2297,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
           margin-inline-start: -1px;
   border-start-start-radius: 0;
   border-end-start-radius: 0;
+  padding: 0 12px;
+  background-color: #fff;
+  cursor: default;
 }
 .pro-group .ant-space-compact .pro-modal-select {
   margin-left: -1px;
@@ -3447,6 +3450,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-transfer-right .checked-item {
   margin: var(--zaui-space-size-sm, 8px) 0;
 }
+.pro-transfer-right .checked-item.dragable .ant-tag > span:first-child {
+  padding: 8px 0;
+  cursor: move;
+}
 .pro-transfer-right .checked-item:first-child {
   margin-top: 0;
 }

package/es/ProConfigProvider/index.js

@@ -13,7 +13,14 @@ var initialState = {
   ProEnum: {
     dics: {}
   },
-  forms: {}
+  forms: {},
+  ProIcon: {
+    mode: 'icon',
+    mapList: [{
+      type: 'view',
+      text: '查看'
+    }]
+  }
 };
 export var ProConfigContext = /*#__PURE__*/React.createContext({
   state: initialState,

package/es/ProEditTable/utils/index.js

@@ -202,7 +202,9 @@ export var transformColumns = function transformColumns() {
       ellipsis = item.ellipsis,
       key = item.key,
       tooltip = item.tooltip,
-      suffix = item.suffix;
+      suffix = item.suffix,
+      before = item.before,
+      after = item.after;
     // column设置label时，权重最高
     var columnTitle = label || title;
     if (typeof columnTitle === 'string') {
@@ -214,7 +216,7 @@ export var transformColumns = function transformColumns() {
           resetProps = _objectWithoutProperties(_ref2, _excluded2);
         item.title = _jsxs("span", {
           className: "pro-edit-table-title pro-edit-table-tooltip",
-          children: [columnTitle, _jsx(_Tooltip, _objectSpread(_objectSpread({
+          children: [before, columnTitle, _jsx(_Tooltip, _objectSpread(_objectSpread({
             title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
           }, resetProps), {}, {
             children: icon ? ( /*#__PURE__*/React.cloneElement(icon, {
@@ -223,12 +225,12 @@ export var transformColumns = function transformColumns() {
               className: "icon-tip",
               src: tipSvg
             })
-          })), suffix]
+          })), suffix || after]
         });
       } else {
         item.title = _jsxs("span", {
           className: "pro-edit-table-title",
-          children: [columnTitle, suffix]
+          children: [before, columnTitle, suffix || after]
         });
       }
     }

package/es/ProEnum/style/index.less

@@ -42,6 +42,7 @@
       padding: var(--zaui-space-size-sm) var(--zaui-space-border);
       line-height: 18px;
       background-color: #f1f3f6ff;
+      border: 1px solid transparent;
       cursor: pointer;
 
       &::after {
@@ -64,7 +65,7 @@
         border-top-right-radius: var(--zaui-space-size-xs);
         border-bottom-right-radius: var(--zaui-space-size-xs);
         &::after {
-          width: 0;
+          background: transparent;
         }
       }
     }
@@ -73,12 +74,12 @@
       color: var(--zaui-brand);
       border: 1px solid var(--zaui-brand);
       &::after {
-        width: 0;
+        background: transparent;
       }
     }
 
     .pro-enum-group-item-disabled-after::after {
-      width: 0 !important;
+      background: transparent;
     }
 
     .pro-enum-group-item-disabled {

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

@@ -73,6 +73,9 @@ var InputNumber = function InputNumber(props) {
           },
           parser: function parser(value) {
             var num = Number(value.replace(/[\s,]+/g, ''));
+            if (value === '') {
+              return value;
+            }
             return Number.isNaN(num) ? value : num.toFixed((props === null || props === void 0 ? void 0 : props.precision) || 2);
           }
         };

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

@@ -4,9 +4,11 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { omit } from 'lodash';
+import { omit, isFunction } from 'lodash';
+import { useDeepCompareEffect, useCounter } from 'ahooks';
 import classnames from 'classnames';
 import RenderFields from '../../render/RenderFields';
 import { insertSeparator } from './utils';
@@ -19,7 +21,13 @@ var Group = function Group(props) {
     space = _props$space === void 0 ? {
       size: 12
     } : _props$space,
-    id = props.id;
+    id = props.id,
+    value = props.value,
+    onFieldChange = props.onFieldChange;
+  var _useCounter = useCounter(0),
+    _useCounter2 = _slicedToArray(_useCounter, 2),
+    num = _useCounter2[0],
+    inc = _useCounter2[1].inc;
   var _ref = ProForm.useFieldProps() || {},
     names = _ref.names,
     name = _ref.name,
@@ -56,6 +64,15 @@ var Group = function Group(props) {
       return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
     })
   }, "".concat(className), className));
+  useDeepCompareEffect(function () {
+    // 模拟change,初始化不执行onFieldChange
+    if (isFunction(onFieldChange) && num >= 1) {
+      onFieldChange(value, form.getFieldsValue(), {
+        form: form
+      });
+    }
+    inc();
+  }, [value]);
   return _jsx("div", {
     className: _className,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { RowProps, SpaceProps } from 'antd';
+import { FormInstance } from 'antd/es/form/Form';
 import { ProColumnProps, ProFormOtherProps } from '../../../propsType';
 export interface SpaceType extends SpaceProps {
     /**
@@ -22,4 +23,7 @@ export interface GroupProps {
     value?: any;
     id?: string;
     disabled?: boolean | (() => void);
+    onFieldChange?: (value: any[] | null, record: any, { form, }: {
+        form: FormInstance;
+    }) => any;
 }

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

@@ -74,6 +74,9 @@
       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;

package/es/ProForm/components/render/ConfirmWrapper.js

@@ -8,7 +8,8 @@ import { isFunction, isObject } from 'lodash';
 import React from 'react';
 import ProForm from '../../index';
 var defaultConfirmProps = {
-  title: '点击确定完成修改'
+  title: '操作提示',
+  content: '确定要修改该字段吗？'
 };
 var ConfirmWrapper = function ConfirmWrapper(props) {
   var onChange = props.onChange,
@@ -22,7 +23,8 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
       other[_key - 1] = arguments[_key];
     }
     var _value = (value === null || value === void 0 ? void 0 : value.target) ? value.target.value : value;
-    if (confirm === true) {
+    var confirmProps = isFunction(confirm) ? confirm(form.getFieldsValue()) : confirm;
+    if (confirmProps === true) {
       _Modal.confirm(_objectSpread(_objectSpread({}, defaultConfirmProps), {}, {
         onOk: function onOk() {
           return onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
@@ -30,28 +32,18 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
       }));
       return;
     }
-    if (isFunction(confirm)) {
-      var confirmProps = isFunction(confirm) && confirm(form.getFieldsValue());
-      if (confirmProps === true) {
-        _Modal.confirm(_objectSpread(_objectSpread({}, defaultConfirmProps), {}, {
-          onOk: function onOk() {
-            return onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
-          }
-        }));
-        return;
-      }
-      if (isObject(confirmProps)) {
-        _Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, defaultConfirmProps), confirmProps), {}, {
-          onOk: function onOk() {
-            for (var _len2 = arguments.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              arg[_key2] = arguments[_key2];
-            }
-            confirmProps === null || confirmProps === void 0 ? void 0 : confirmProps.onOk.apply(confirmProps, arg);
-            onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
+    if (isObject(confirmProps)) {
+      _Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, defaultConfirmProps), confirmProps), {}, {
+        onOk: function onOk() {
+          var _confirmProps$onOk;
+          for (var _len2 = arguments.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            arg[_key2] = arguments[_key2];
           }
-        }));
-        return;
-      }
+          (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call.apply(_confirmProps$onOk, [confirmProps].concat(arg));
+          onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
+        }
+      }));
+      return;
     }
     onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
   };

package/es/ProForm/components/render/Render.js

@@ -24,7 +24,7 @@ import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
 import { isFunction, isString, omit } from 'lodash';
 import useShouldUpdate from '../../utils/useShouldUpdate';
-import { isTrim, isUpperCase, findOptionByValue } from '../../utils/index';
+import { isTrim, isUpperCase, findOptionByValue, parseNamePath } from '../../utils/index';
 import { useProConfig } from '../../../ProConfigProvider';
 import transformNames from '../../utils/transformNames';
 import valueTypeMap from '../../utils/valueType';
@@ -34,7 +34,7 @@ import useRules from '../../utils/useRules';
 import ConfirmWrapper from './ConfirmWrapper';
 // 这个组件只管渲染, 参数的整理在外部处理
 var Render = function Render(props) {
-  var _ref2, _otherProps$names2;
+  var _ref2, _ref3, _otherProps$names2;
   var component = props.component,
     originComponent = props.originComponent,
     _props$formItemProps = props.formItemProps,
@@ -169,8 +169,8 @@ var Render = function Render(props) {
   }
   /** 移除多余参数，防止透传给formItem报错 */
   var _otherFormItemProps = omit(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
-  // 优先级 column.disabled > fieldProps.disabled > formDisabled
-  var lastDisabled = (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
+  // 优先级 formitem上【column.disabled】 > 组件上【fieldProps.disabled】 > 全局【formDisabled】
+  var lastDisabled = (_ref2 = (_ref3 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref3 !== void 0 ? _ref3 : componentProps === null || componentProps === void 0 ? void 0 : componentProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
   /**
    * 最新fieldProps: 更新后的组件Props
    */
@@ -198,8 +198,8 @@ var Render = function Render(props) {
   var functionArgs = function functionArgs(args) {
     var _otherFormItemProps$n;
     var _args = _toConsumableArray(args);
-    var _ref3 = otherProps || {},
-      valueType = _ref3.valueType;
+    var _ref4 = otherProps || {},
+      valueType = _ref4.valueType;
     _args[1] = form.getFieldsValue();
     _args[2] = {
       form: form
@@ -260,8 +260,9 @@ var Render = function Render(props) {
     // Group默认校验, 延时与重新setFieldValue，为了解决校验值未同步最新的问题,
     if (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames) {
       setTimeout(function () {
-        form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames));
-        form.validateFields();
+        var namePath = parseNamePath(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames);
+        form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(namePath));
+        form.validateFields(namePath);
       }, 60);
     }
     // ProTreeSelect返回option
@@ -275,7 +276,7 @@ var Render = function Render(props) {
    * onBlur参数重置 (value, record, { form, index, namePath, option }) => void
    */
   var handleBlur = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _len2,
         args,
         _key2,
@@ -302,12 +303,14 @@ var Render = function Render(props) {
       }, _callee);
     }));
     return function handleBlur() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var renderItem = function renderItem() {
+    // 移除多余字段，group保留onFieldChange
+    var lastComponentPropsFilter = type === 'Group' ? ['disabledStrictly'] : ['onFieldChange', 'disabledStrictly'];
     // 表单渲染 start
-    var childProps = _objectSpread(_objectSpread(_objectSpread({}, AutoComponent === null || AutoComponent === void 0 ? void 0 : AutoComponent.props), omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+    var childProps = _objectSpread(_objectSpread(_objectSpread({}, AutoComponent === null || AutoComponent === void 0 ? void 0 : AutoComponent.props), omit(lastComponentProps, lastComponentPropsFilter)), {}, {
       // @ts-ignore
       otherProps: otherProps,
       onChange: handleChange,
@@ -350,7 +353,7 @@ var Render = function Render(props) {
     if (originComponent) {
       delete childProps.otherProps;
     }
-    var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? ( /*#__PURE__*/React.cloneElement(AutoComponent, childProps)) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+    var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? ( /*#__PURE__*/React.cloneElement(AutoComponent, childProps)) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, lastComponentPropsFilter)), {}, {
       otherProps: _objectSpread(_objectSpread({}, otherProps), {}, {
         show: show,
         disabled: lastDisabled,
@@ -385,7 +388,7 @@ var Render = function Render(props) {
         name: _otherFormItemProps.name
       }, omit(_otherFormItemProps, ['rules'])), {}, {
         children: function children(fields, operation, meta) {
-          return _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
+          return _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, lastComponentPropsFilter)), {}, {
             otherProps: otherProps,
             fields: fields,
             operation: operation,

package/es/ProForm/utils/index.d.ts

@@ -88,4 +88,6 @@ export declare const findOptionByValue: (treeData: any[], value: string | number
  * 对比依赖列表中的 值是否变更
  */
 export declare const equalDependencies: (dependencies: any, prevValues: any, currentValues: any) => any;
+/** 解析namePath */
+export declare const parseNamePath: (input: string) => any;
 export {};

package/es/ProForm/utils/index.js

@@ -4,19 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useState } from 'react';
-import _, { isObject, isFunction, cloneDeep, get, set, omit } from 'lodash';
-var colProps = {
-  search: {
-    span: 8
-  },
-  drawer: {
-    span: 12
-  }
-};
-var footer = {
-  search: false,
-  drawer: false
-};
+import _, { isObject, isFunction, cloneDeep, get, set, omit, isNaN } from 'lodash';
 export var getLayout = function getLayout(params) {
   var _params$span = params.span,
     span = _params$span === void 0 ? 8 : _params$span,
@@ -420,4 +408,17 @@ export var equalDependencies = function equalDependencies(dependencies, prevValu
     });
   }
   return false;
+};
+/** 解析namePath */
+export var parseNamePath = function parseNamePath(input) {
+  var parts = input.split('_');
+  if (parts.every(function (item) {
+    return isNaN(Number(item));
+  })) {
+    return [input];
+  }
+  var result = parts.map(function (item) {
+    return isNaN(Number(item)) ? item : Number(item);
+  });
+  return [result];
 };

package/es/ProIcon/config/index.d.ts

@@ -0,0 +1,4 @@
+export declare const iconMap: {
+    type: string;
+    text: string;
+}[];

package/es/ProIcon/config/index.js

@@ -0,0 +1,199 @@
+export var iconMap = [{
+  type: 'view',
+  text: '查看'
+}, {
+  type: '',
+  text: '编辑'
+}, {
+  type: '',
+  text: '查看上传结果'
+}, {
+  type: '',
+  text: '操作日志'
+}, {
+  type: '',
+  text: '监管停售'
+}, {
+  type: '',
+  text: '下架'
+}, {
+  type: '',
+  text: '上架'
+}, {
+  type: '',
+  text: '解锁'
+}, {
+  type: '',
+  text: '审核'
+}, {
+  type: '',
+  text: '下载导入文件'
+}, {
+  type: '',
+  text: '删除'
+}, {
+  type: '',
+  text: '撤回'
+}, {
+  type: '',
+  text: '再次询价'
+}, {
+  type: '',
+  text: '复制'
+}, {
+  type: '',
+  text: '撤回登记'
+}, {
+  type: '',
+  text: '占号补录'
+}, {
+  type: '',
+  text: '处理'
+}, {
+  type: '',
+  text: '释放'
+}, {
+  type: '',
+  text: '关闭'
+}, {
+  type: '',
+  text: '认领'
+}, {
+  type: '',
+  text: '缴费登记'
+}, {
+  type: '',
+  text: '补传资料'
+}, {
+  type: '',
+  text: '资料补传确认'
+}, {
+  type: '',
+  text: '启用'
+}, {
+  type: '',
+  text: '查勘'
+}, {
+  type: '',
+  text: '会签处理'
+}, {
+  type: '',
+  text: '已阅'
+}, {
+  type: '',
+  text: '下载'
+}, {
+  type: '',
+  text: '发送'
+}, {
+  type: '',
+  text: '导出'
+}, {
+  type: '',
+  text: '设为失效'
+}, {
+  type: '',
+  text: '复制'
+}, {
+  type: '',
+  text: '清空'
+}, {
+  type: '',
+  text: '失效'
+}, {
+  type: '',
+  text: '预览模版'
+}, {
+  type: '',
+  text: '中止'
+}, {
+  type: '',
+  text: '网点'
+}, {
+  type: '',
+  text: '服务网点'
+}, {
+  type: '',
+  text: '入口配置'
+}, {
+  type: '',
+  text: '页面配置'
+}, {
+  type: '',
+  text: '编辑分配'
+}, {
+  type: '',
+  text: '查看详情'
+}, {
+  type: '',
+  text: '投保配置'
+}, {
+  type: '',
+  text: '推广位配置'
+}, {
+  type: '',
+  text: '开始合作'
+}, {
+  type: '',
+  text: '停止合作'
+}, {
+  type: '',
+  text: '复制链接'
+}, {
+  type: '',
+  text: '禁用'
+}, {
+  type: '',
+  text: '编辑配置'
+}, {
+  type: '',
+  text: '预览'
+}, {
+  type: '',
+  text: '导出模板'
+}, {
+  type: '',
+  text: '详情'
+}, {
+  type: '',
+  text: '终止渠道'
+}, {
+  type: '',
+  text: '查看发票'
+}, {
+  type: '',
+  text: '企业认证'
+}, {
+  type: '',
+  text: 'API授权'
+}, {
+  type: '',
+  text: '产品授权'
+}, {
+  type: '',
+  text: '重置密码'
+}, {
+  type: '',
+  text: '停用'
+}, {
+  type: '',
+  text: 'API权限'
+}, {
+  type: '',
+  text: 'IP白名单'
+}, {
+  type: '',
+  text: '预览模板'
+}, {
+  type: '',
+  text: '确认'
+}, {
+  type: '',
+  text: '修改'
+}, {
+  type: '',
+  text: '查看历史配置'
+}, {
+  type: '',
+  text: '调整序号'
+}];