@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

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

@@ -1,116 +1,94 @@
-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);
+"use strict";
 
-// src/ProForm/components/combination/FormList/components/BlockFields.tsx
-var BlockFields_exports = {};
-__export(BlockFields_exports, {
-  default: () => BlockFields_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(BlockFields_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_classnames = __toESM(require("classnames"));
-var import_ActionButton = __toESM(require("./ActionButton"));
-var import_RenderFields = __toESM(require("../../../render/RenderFields"));
-var import_ProCollapse = __toESM(require("../../../../../ProLayout/components/ProCollapse"));
-var import_utils = require("../utils");
-var MemoRenderFields = import_react.default.memo(import_RenderFields.default, import_utils.memoWith);
-var BlockFields = (props) => {
-  const {
-    title,
-    mode,
-    index,
-    form,
-    namePath,
-    min,
-    max,
-    fields,
-    operation,
-    field,
-    actionProps,
-    columns,
-    colProps,
-    disabled,
-    isView,
-    level = "2",
-    towCollapse,
-    id,
-    diffConfig
-  } = props;
-  const _title = (0, import_react.useMemo)(() => {
-    if ((0, import_lodash.isFunction)(title)) {
-      const record = form.getFieldValue(namePath);
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/row/style");
+var _row = _interopRequireDefault(require("antd/es/row"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ActionButton = _interopRequireDefault(require("./ActionButton"));
+var _RenderFields = _interopRequireDefault(require("../../../render/RenderFields"));
+var _ProCollapse = _interopRequireDefault(require("../../../../../ProLayout/components/ProCollapse"));
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var MemoRenderFields = /*#__PURE__*/_react.default.memo(_RenderFields.default, _utils.memoWith);
+var 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,
+    id = props.id,
+    diffConfig = props.diffConfig;
+  var _title = (0, _react.useMemo)(() => {
+    if ((0, _lodash.isFunction)(title)) {
+      var record = form.getFieldValue(namePath);
       return title(record, index, form);
     }
     return title;
   }, [title, index]);
-  const cls = (0, import_classnames.default)({
-    [`pro-form-list-mode-${mode}`]: mode === "block" || mode === "line" || mode === "less"
+  var cls = (0, _classnames.default)({
+    [`pro-form-list-mode-${mode}`]: mode === 'block' || mode === 'line' || mode === 'less'
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical", className: cls, id }, /* @__PURE__ */ import_react.default.createElement(
-    import_ProCollapse.default,
-    {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+    direction: "vertical",
+    className: cls,
+    id: id,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProCollapse.default, {
       title: _title,
-      index,
-      form,
-      level,
-      towCollapse,
-      extra: actionProps !== false && /* @__PURE__ */ import_react.default.createElement(
-        import_ActionButton.default,
-        {
-          min,
-          max,
-          index,
-          length: fields.length,
-          operation,
-          namePath,
-          form,
-          field,
-          fields,
-          actionProps,
-          mode,
-          disabled,
-          isView
-        }
-      )
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { key: field.key, gutter: 24 }, /* @__PURE__ */ import_react.default.createElement(
-      MemoRenderFields,
-      {
-        columns,
-        form,
-        colProps,
-        disabled,
-        isView,
-        diffConfig
-      }
-    ))
-  ));
+      index: index,
+      form: form
+      // namePath={namePath}
+      ,
+      level: level,
+      towCollapse: towCollapse,
+      extra: actionProps !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_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,
+        disabled: disabled,
+        isView: isView
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_row.default, {
+        gutter: 24,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoRenderFields, {
+          columns: columns,
+          form: form,
+          colProps: colProps,
+          disabled: disabled,
+          isView: isView,
+          diffConfig: diffConfig
+        })
+      }, field.key)
+    })
+  });
 };
-var BlockFields_default = BlockFields;
+var _default = exports.default = BlockFields;

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

@@ -1,55 +1,36 @@
-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);
+"use strict";
 
-// src/ProForm/components/combination/FormList/components/BlockTitle.tsx
-var BlockTitle_exports = {};
-__export(BlockTitle_exports, {
-  default: () => BlockTitle_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(BlockTitle_exports);
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var BlockTitle = (props) => {
-  const { mode, namePath, index, form, title } = props;
-  if (mode !== "block") {
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = require("lodash");
+var _jsxRuntime = require("react/jsx-runtime");
+var 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__ */ import_react.default.createElement("div", null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
   }
-  if (import_react.default.isValidElement(title)) {
+  if ( /*#__PURE__*/_react.default.isValidElement(title)) {
     return title;
   }
-  let titleContent = title;
-  if ((0, import_lodash.isFunction)(title)) {
-    const record = form.getFieldValue(namePath);
+  var titleContent = title;
+  if ((0, _lodash.isFunction)(title)) {
+    var record = form.getFieldValue(namePath);
     titleContent = title(record, index, form);
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-form-list-block-title" }, titleContent);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "pro-form-list-block-title",
+    children: titleContent
+  });
 };
-var BlockTitle_default = BlockTitle;
+var _default = exports.default = BlockTitle;

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

@@ -1,59 +1,96 @@
-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);
+"use strict";
 
-// src/ProForm/components/combination/FormList/components/Empty.tsx
-var Empty_exports = {};
-__export(Empty_exports, {
-  default: () => Empty_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Empty_exports);
-var import_antd = require("antd");
-var import_empty = __toESM(require("../../../../../assets/empty.png"));
-var import_locale = __toESM(require("../../../../../locale"));
-var Empty = ({ disabled, toolbarProps, operation, form, namePath, emptyBtnText }) => {
-  const addConfig = Array.isArray(toolbarProps) ? toolbarProps.find((item) => item.type === "add") : null;
-  const handleAddClick = async () => {
-    var _a;
-    if (!operation || !form || !namePath)
-      return;
-    const value = form.getFieldValue(namePath);
-    const data = await ((_a = addConfig == null ? void 0 : addConfig.onClick) == null ? void 0 : _a.call(addConfig, value, { operation, form, namePath }));
-    if (!(addConfig == null ? void 0 : addConfig.onClick) || data === true) {
-      operation.add({});
-      return;
-    }
-    if (data) {
-      operation.add(data);
-    }
-  };
-  const getBtnText = () => {
-    return emptyBtnText || (addConfig == null ? void 0 : addConfig.label) || import_locale.default.ProForm.formListActions[6];
+exports.default = void 0;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _empty = _interopRequireDefault(require("../../../../../assets/empty.png"));
+var _locale = _interopRequireDefault(require("../../../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+// 空列表状态
+var Empty = _ref => {
+  var disabled = _ref.disabled,
+    toolbarProps = _ref.toolbarProps,
+    operation = _ref.operation,
+    form = _ref.form,
+    namePath = _ref.namePath,
+    emptyBtnText = _ref.emptyBtnText;
+  // 找到type为'add'的配置
+  var addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(item => item.type === 'add') : null;
+  var handleAddClick = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _addConfig$onClick;
+      var value, data;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!operation || !form || !namePath)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            value = form.getFieldValue(namePath);
+            _context.next = 5;
+            return addConfig === null || addConfig === void 0 || (_addConfig$onClick = addConfig.onClick) === null || _addConfig$onClick === void 0 ? void 0 : _addConfig$onClick.call(addConfig, value, {
+              operation,
+              form,
+              namePath
+            });
+          case 5:
+            data = _context.sent;
+            if (!(!(addConfig !== null && addConfig !== void 0 && addConfig.onClick) || data === true)) {
+              _context.next = 9;
+              break;
+            }
+            operation.add({});
+            return _context.abrupt("return");
+          case 9:
+            if (data) {
+              operation.add(data);
+            }
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleAddClick() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  // 获取按钮文案
+  var getBtnText = () => {
+    return emptyBtnText || (addConfig === null || addConfig === void 0 ? void 0 : addConfig.label) || _locale.default.ProForm.formListActions[6];
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-form-list-empty" }, /* @__PURE__ */ React.createElement("img", { className: "pro-form-list-empty-img", src: import_empty.default, alt: "Empty" }), /* @__PURE__ */ React.createElement("div", { className: "pro-form-list-empty-content" }, disabled ? import_locale.default.ProForm.noData : /* @__PURE__ */ React.createElement(React.Fragment, null, import_locale.default.ProForm.noData, !disabled && /* @__PURE__ */ React.createElement(React.Fragment, null, "，", /* @__PURE__ */ React.createElement(import_antd.Button, { type: "link", onClick: handleAddClick, style: { padding: 0, height: "auto" } }, getBtnText())))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "pro-form-list-empty",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      className: "pro-form-list-empty-img",
+      src: _empty.default,
+      alt: "Empty"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-form-list-empty-content",
+      children: disabled ? _locale.default.ProForm.noData : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [_locale.default.ProForm.noData, !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: ["\uFF0C", /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+            type: "link",
+            onClick: handleAddClick,
+            style: {
+              padding: 0,
+              height: 'auto'
+            },
+            children: getBtnText()
+          })]
+        })]
+      })
+    })]
+  });
 };
-var Empty_default = Empty;
+var _default = exports.default = Empty;