@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

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

@@ -1,161 +1,186 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProForm/components/combination/FormList/index.tsx
+var FormList_exports = {};
+__export(FormList_exports, {
+  default: () => FormList_default
 });
-exports.default = void 0;
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _core = require("@dnd-kit/core");
-var _sortable = require("@dnd-kit/sortable");
-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"));
-var _Empty = _interopRequireDefault(require("./components/Empty"));
-var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
-var _ProConfigProvider = require("../../../../ProConfigProvider");
-var FormList = function FormList(props, ref) {
-  var columns = props.columns,
-    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,
-    _props$span = props.span,
-    span = _props$span === void 0 ? 8 : _props$span,
-    disabled = props.disabled,
-    emptyBtnText = props.emptyBtnText;
-  var _fields = fields.map(function (item) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-      key: String(item.key)
-    });
-  });
-  var _ref = _ProForm.default.useFieldProps() || {},
-    form = _ref.form,
-    name = _ref.name,
-    isView = _ref.isView,
-    diffConfig = _ref.diffConfig;
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProForm'),
-    isDiffAll = _useProConfig.isDiffAll;
-  var errors = meta.errors;
-  var _namePath = (0, _utils.toArray)(name);
-  var orgValues = (0, _get2.default)(diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues, name);
-  var _diffConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, diffConfig), {}, {
-    originalValues: (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalValues) && isDiffAll ? orgValues || [] : orgValues
-  });
-  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,
-        type: item.type
-      })] : [fieldName].concat((0, _toConsumableArray2.default)((0, _utils.toArray)(item.name)));
-      var column = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-        name: _name,
-        names: (item === null || item === void 0 ? void 0 : item.names) ? item.names.map(function (nameItem) {
-          // 传给Group的names会被渲染成真实FormItem 不能传完整name
-          return [].concat((0, _toConsumableArray2.default)(namePath), (0, _toConsumableArray2.default)((0, _utils.toArray)(nameItem)));
-        }) : item.names,
-        index: fieldName,
-        namePath: namePath,
-        listName: [].concat((0, _toConsumableArray2.default)(namePath), [item.name]),
-        label: mode === 'less' ? undefined : item.label
+module.exports = __toCommonJS(FormList_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_core = require("@dnd-kit/core");
+var import_lodash = require("lodash");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utils = require("../../../utils");
+var import_utils2 = require("./utils");
+var import_ToolbarButton = __toESM(require("./components/ToolbarButton"));
+var import_BlockFields = __toESM(require("./components/BlockFields"));
+var import_LineFields = __toESM(require("./components/LineFields"));
+var import_Empty = __toESM(require("./components/Empty"));
+var import_ProForm = __toESM(require("../../../../ProForm"));
+var import_ProConfigProvider = require("../../../../ProConfigProvider");
+var FormList = (props, ref) => {
+  const {
+    columns,
+    min,
+    max,
+    toolbarProps,
+    fields,
+    operation,
+    mode = "line",
+    meta,
+    span = 8,
+    disabled,
+    emptyBtnText
+  } = props;
+  const _fields = fields.map((item) => ({ ...item, key: String(item.key) }));
+  const { form, name, isView, diffConfig } = import_ProForm.default.useFieldProps() || {};
+  const { isDiffAll } = (0, import_ProConfigProvider.useProConfig)("ProForm");
+  const { errors } = meta;
+  const _namePath = (0, import_utils.toArray)(name);
+  const orgValues = (0, import_lodash.get)(diffConfig == null ? void 0 : diffConfig.originalValues, name);
+  const _diffConfig = {
+    ...diffConfig,
+    originalValues: (diffConfig == null ? void 0 : diffConfig.originalValues) && isDiffAll ? orgValues || [] : orgValues
+  };
+  const processColumns = (0, import_react.useCallback)(
+    (fieldName, namePath) => {
+      return columns.map((item) => {
+        const _name = Array.isArray(item == null ? void 0 : item.names) ? [
+          fieldName,
+          (0, import_utils2.namesPathTransform)({
+            names: item == null ? void 0 : item.names,
+            prefixNamePath: namePath,
+            type: item.type
+          })
+        ] : [fieldName, ...(0, import_utils.toArray)(item.name)];
+        const column = {
+          ...item,
+          name: _name,
+          names: (item == null ? void 0 : item.names) ? item.names.map((nameItem) => {
+            return [...namePath, ...(0, import_utils.toArray)(nameItem)];
+          }) : item.names,
+          index: fieldName,
+          namePath,
+          listName: [...namePath, item.name],
+          label: mode === "less" ? void 0 : item.label
+        };
+        return column;
       });
-      return column;
-    });
-  }, [columns]);
-  (0, _react.useImperativeHandle)(ref, function () {
+    },
+    [columns]
+  );
+  (0, import_react.useImperativeHandle)(ref, () => {
     return {
-      operation: operation
+      operation
     };
   });
-  var handleDragEnd = function handleDragEnd(drag) {
-    var active = drag.active,
-      over = drag.over;
+  const handleDragEnd = (drag) => {
+    const { active, over } = drag;
     if (_fields.length > 1 && active.id !== over.id) {
-      var activeIndex = _fields.findIndex(function (item) {
-        return item.key === active.id;
-      });
-      var overIndex = _fields.findIndex(function (item) {
-        return item.key === over.id;
-      });
+      const activeIndex = _fields.findIndex((item) => item.key === active.id);
+      const overIndex = _fields.findIndex((item) => item.key === over.id);
       props.operation.move(activeIndex, overIndex);
     }
   };
-  return (0, _jsxRuntime.jsx)(_core.DndContext, {
-    onDragEnd: handleDragEnd,
-    children: (0, _jsxRuntime.jsxs)(_sortable.SortableContext, {
-      items: _fields.map(function (item) {
-        return {
-          id: item.key
-        };
-      }),
-      strategy: _sortable.verticalListSortingStrategy,
-      children: [_fields.map(function (field, index) {
-        var namePath = [].concat((0, _toConsumableArray2.default)(_namePath), [field.name]);
-        var _columns = processColumns(index, namePath);
-        return mode === 'block' ? (0, _jsxRuntime.jsx)(_BlockFields.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragEnd: handleDragEnd }, /* @__PURE__ */ import_react.default.createElement(
+    import_sortable.SortableContext,
+    {
+      items: _fields.map((item) => ({
+        id: item.key
+      })),
+      strategy: import_sortable.verticalListSortingStrategy
+    },
+    _fields.map((field, index) => {
+      const namePath = [..._namePath, field.name];
+      const _columns = processColumns(index, namePath);
+      return mode === "block" ? /* @__PURE__ */ import_react.default.createElement(
+        import_BlockFields.default,
+        {
+          key: field.key,
+          ...props,
           columns: _columns,
-          disabled: disabled,
-          isView: isView,
-          namePath: namePath,
-          index: index,
-          field: field,
-          colProps: {
-            span: span
-          },
-          form: form,
+          disabled,
+          isView,
+          namePath,
+          index,
+          field,
+          colProps: { span },
+          form,
           diffConfig: _diffConfig
-        }), field.key) : (0, _jsxRuntime.jsx)(_LineFields.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-          className: _fields.length === index + 1 ? 'pro-form-list-last' : ''
-        }, props), {}, {
-          mode: mode,
+        }
+      ) : /* @__PURE__ */ import_react.default.createElement(
+        import_LineFields.default,
+        {
+          className: _fields.length === index + 1 ? "pro-form-list-last" : "",
+          key: field.key,
+          ...props,
+          mode,
           columns: _columns,
-          disabled: disabled,
-          isView: isView,
-          namePath: namePath,
-          index: index,
-          field: field,
-          colProps: {
-            span: mode === 'less' ? 24 : span
-          },
-          form: form,
+          disabled,
+          isView,
+          namePath,
+          index,
+          field,
+          colProps: { span: mode === "less" ? 24 : span },
+          form,
           diffConfig: _diffConfig
-        }), field.key);
-      }), _fields.length === 0 && (0, _jsxRuntime.jsx)(_Empty.default, {
-        disabled: disabled,
-        toolbarProps: toolbarProps,
-        operation: operation,
-        form: form,
+        }
+      );
+    }),
+    _fields.length === 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_Empty.default,
+      {
+        disabled,
+        toolbarProps,
+        operation,
+        form,
         namePath: _namePath,
-        emptyBtnText: emptyBtnText
-      }), (0, _jsxRuntime.jsx)(_form.default.ErrorList, {
-        errors: errors
-      }), toolbarProps !== false && _fields.length > 0 && (0, _jsxRuntime.jsx)(_ToolbarButton.default, {
-        disabled: disabled,
-        isView: isView,
-        min: min,
-        max: max,
+        emptyBtnText
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.ErrorList, { errors }),
+    toolbarProps !== false && _fields.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_ToolbarButton.default,
+      {
+        disabled,
+        isView,
+        min,
+        max,
         length: fields.length,
-        operation: operation,
+        operation,
         namePath: _namePath,
-        form: form,
-        fields: fields,
-        toolbarProps: toolbarProps
-      })]
-    })
-  });
+        form,
+        fields,
+        toolbarProps
+      }
+    )
+  ));
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(FormList);
+var FormList_default = (0, import_react.forwardRef)(FormList);

package/lib/ProForm/components/combination/FormList/propsType.js

@@ -1,5 +1,17 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProForm/components/combination/FormList/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);

package/lib/ProForm/components/combination/FormList/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-form-list-block-title {
   height: 14px;
@@ -69,6 +69,42 @@
   .@{ant-prefix}-btn-text:hover {
     background: transparent;
   }
+  .pro-form-list-tool-btn {
+    .@{ant-prefix}-btn-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  .pro-form-list-tool-btn-less{
+    &:hover{
+      background: transparent !important;
+    }
+  }
+}
+
+.pro-form-list-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .pro-form-list-empty-img {
+    width: 80px;
+    height: 80px;
+  }
+
+  .pro-form-list-empty-content {
+    display: flex;
+    justify-content: center;
+    margin-top: var(--zaui-space-size-md, 16px);
+    color: @zaui-aide-text;
+
+    .@{ant-prefix}-btn-link {
+      padding: 0;
+    }
+  }
 }
 
 .pro-form-list-empty {

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

@@ -1,41 +1,62 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProForm/components/combination/FormList/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  memoWith: () => memoWith,
+  namesPathTransform: () => namesPathTransform
 });
-exports.namesPathTransform = exports.memoWith = void 0;
-var _isEqualWith2 = _interopRequireDefault(require("lodash/isEqualWith"));
-var _react = _interopRequireDefault(require("react"));
-/**
- * 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 = exports.namesPathTransform = function namesPathTransform(_ref) {
-  var names = _ref.names,
-    prefixNamePath = _ref.prefixNamePath,
-    type = _ref.type;
+module.exports = __toCommonJS(utils_exports);
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var namesPathTransform = ({
+  names,
+  prefixNamePath,
+  type
+}) => {
   if (!Array.isArray(names) || !Array.isArray(prefixNamePath)) {
-    return '';
+    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('-');
+  const newNamePath = names.map((val) => prefixNamePath.concat(val));
+  return newNamePath == null ? void 0 : newNamePath.map((name) => {
+    return Array.isArray(name) ? name.join("_") : name;
+  }).join("-");
 };
-// 比较memo
-var memoWith = exports.memoWith = function memoWith(pre, next) {
-  return (0, _isEqualWith2.default)(pre, next, function (objValue, othValue) {
-    if (/*#__PURE__*/_react.default.isValidElement(objValue) && /*#__PURE__*/_react.default.isValidElement(othValue)) {
+var memoWith = (pre, next) => {
+  return (0, import_lodash.isEqualWith)(pre, next, (objValue, othValue) => {
+    if (import_react.default.isValidElement(objValue) && import_react.default.isValidElement(othValue)) {
       return true;
     }
-    // 移除解决formlist函数里不更新问题
-    // if (isFunction(objValue) && isFunction(othValue)) {
-    //   return true;
-    // }
   });
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  memoWith,
+  namesPathTransform
+});

package/lib/ProForm/components/combination/Group/component/AddonWrapper/index.d.ts

@@ -3,6 +3,7 @@ import './index.less';
 interface Props {
     before?: React.ReactNode;
     after?: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare const AddonWrapper: React.FC<Props>;
 export default AddonWrapper;

package/lib/ProForm/components/combination/Group/component/AddonWrapper/index.js

@@ -1,24 +1,41 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProForm/components/combination/Group/component/AddonWrapper/index.tsx
+var AddonWrapper_exports = {};
+__export(AddonWrapper_exports, {
+  default: () => AddonWrapper_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-require("./index.less");
-var AddonWrapper = function AddonWrapper(props) {
-  var before = props.before,
-    after = props.after,
-    children = props.children;
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "addon-wrapper",
-    children: [before && (0, _jsxRuntime.jsx)("div", {
-      className: "before",
-      children: before
-    }), children, after && (0, _jsxRuntime.jsx)("div", {
-      className: "after",
-      children: after
-    })]
-  });
+module.exports = __toCommonJS(AddonWrapper_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var AddonWrapper = (props) => {
+  const { before, after, children } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "addon-wrapper" }, before && /* @__PURE__ */ import_react.default.createElement("div", { className: "before" }, before), children, after && /* @__PURE__ */ import_react.default.createElement("div", { className: "after" }, after));
 };
-var _default = exports.default = AddonWrapper;
+var AddonWrapper_default = AddonWrapper;