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

package/lib/ProDrawerForm/utils/index.js

@@ -1,40 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProDrawerForm/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  transformBySize: () => transformBySize
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var transformBySize = (size) => {
+exports.transformBySize = void 0;
+/**
+ * 将枚举值转成数值px，暴露枚举，隐藏真实数值，暂时不让用户自定义
+ * @param size 设计规范的三个尺寸  460 960 1200 对应 'small' | 'middle' | 'large'
+ */
+var transformBySize = size => {
   switch (size) {
-    case "small":
+    case 'small':
       return 460;
-    case "middle":
+    case 'middle':
       return 960;
-    case "large":
+    case 'large':
       return 1200;
     default:
       return 960;
   }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  transformBySize
-});
+exports.transformBySize = transformBySize;

package/lib/ProEditLabel/components/RenderProForm.js

@@ -1,84 +1,85 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProEditLabel/components/RenderProForm.tsx
-var RenderProForm_exports = {};
-__export(RenderProForm_exports, {
-  default: () => RenderProForm_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderProForm_exports);
-var import_react = require("react");
-var import_lodash = require("lodash");
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import__ = require("../../index");
-var import_utils = require("../utils");
-var RenderProForm = (props) => {
-  var _a, _b;
-  const columns = [];
-  const primitiveProps = { ...props };
-  let _props = {};
-  (0, import_react.useEffect)(() => {
-    if ((primitiveProps == null ? void 0 : primitiveProps.value) && !(primitiveProps == null ? void 0 : primitiveProps.isNode)) {
-      _props.form.setFieldsValue((0, import_utils.matchFormValue)(primitiveProps == null ? void 0 : primitiveProps.value, _props == null ? void 0 : _props.columns));
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = require("react");
+var _lodash = require("lodash");
+var _icons = require("@ant-design/icons");
+var _index = require("../../index");
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderProForm = props => {
+  var _props3, _props6, _props7;
+  var columns = [];
+  var primitiveProps = (0, _objectSpread2.default)({}, props);
+  var _props = {};
+  (0, _react.useEffect)(() => {
+    // isNode以ReactNode节点方式打开popUp，默认每次打开弹窗清空弹窗内容
+    if (primitiveProps !== null && primitiveProps !== void 0 && primitiveProps.value && !(primitiveProps !== null && primitiveProps !== void 0 && primitiveProps.isNode)) {
+      var _props2;
+      _props.form.setFieldsValue((0, _utils.matchFormValue)(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.value, (_props2 = _props) === null || _props2 === void 0 ? void 0 : _props2.columns));
     }
+
+    // 销毁重置表单数据
     return () => {
-      var _a2;
-      (_a2 = _props.form) == null ? void 0 : _a2.resetFields();
+      var _props$form;
+      (_props$form = _props.form) === null || _props$form === void 0 || _props$form.resetFields();
     };
   }, []);
+
+  // 兼容老写法
   if (!props.columns) {
-    columns[0] = {
-      ...(0, import_lodash.omit)(props, ["title", "tip", "form", "onChange", "isView", "isNode"]),
-      name: props.type || "Input"
-    };
+    columns[0] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(props, ['title', 'tip', 'form', 'onChange', 'isView', 'isNode'])), {}, {
+      name: props.type || 'Input'
+    });
     _props = {
       columns,
       form: props.form,
       isView: props.isView
     };
   } else {
-    _props = { ...(0, import_lodash.omit)(props, ["onChange", "isNode"]) };
+    _props = (0, _objectSpread2.default)({}, (0, _lodash.omit)(props, ['onChange', 'isNode']));
   }
-  if (_props == null ? void 0 : _props.isView) {
-    (_a = _props == null ? void 0 : _props.columns) == null ? void 0 : _a.forEach((item) => {
+  if ((_props3 = _props) !== null && _props3 !== void 0 && _props3.isView) {
+    var _props4;
+    (_props4 = _props) === null || _props4 === void 0 || (_props4 = _props4.columns) === null || _props4 === void 0 || _props4.forEach(item => {
       item.noStyle = true;
     });
   } else {
-    (_b = _props == null ? void 0 : _props.columns) == null ? void 0 : _b.forEach((item) => {
+    var _props5;
+    (_props5 = _props) === null || _props5 === void 0 || (_props5 = _props5.columns) === null || _props5 === void 0 || _props5.forEach(item => {
       item.noStyle = false;
     });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, (primitiveProps == null ? void 0 : primitiveProps.title) && !(_props == null ? void 0 : _props.isView) && /* @__PURE__ */ React.createElement("div", { className: "pro-edit-label-title" }, primitiveProps == null ? void 0 : primitiveProps.title), (primitiveProps == null ? void 0 : primitiveProps.tip) && !(_props == null ? void 0 : _props.isView) && /* @__PURE__ */ React.createElement("div", { className: "pro-edit-label-tip" }, /* @__PURE__ */ React.createElement(import_antd.Space, { align: "start" }, /* @__PURE__ */ React.createElement(import_icons.InfoCircleOutlined, null), primitiveProps == null ? void 0 : primitiveProps.tip)), /* @__PURE__ */ React.createElement(
-    import__.ProForm,
-    {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title) && !((_props6 = _props) !== null && _props6 !== void 0 && _props6.isView) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-label-title",
+      children: primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.title
+    }), (primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip) && !((_props7 = _props) !== null && _props7 !== void 0 && _props7.isView) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-label-tip",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+        align: "start",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {}), primitiveProps === null || primitiveProps === void 0 ? void 0 : primitiveProps.tip]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProForm, (0, _objectSpread2.default)({
       span: 24,
       footer: false,
       onValuesChange: (changeValue, values) => {
-        var _a2;
-        if ((_props == null ? void 0 : _props.columns.length) === 1) {
-          primitiveProps.onChange && primitiveProps.onChange(values[(_a2 = _props == null ? void 0 : _props.columns[0]) == null ? void 0 : _a2.name]);
+        var _props8;
+        if (((_props8 = _props) === null || _props8 === void 0 ? void 0 : _props8.columns.length) === 1) {
+          var _props9;
+          primitiveProps.onChange && primitiveProps.onChange(values[(_props9 = _props) === null || _props9 === void 0 || (_props9 = _props9.columns[0]) === null || _props9 === void 0 ? void 0 : _props9.name]);
           return;
         }
         primitiveProps.onChange && primitiveProps.onChange(values);
-      },
-      ..._props
-    }
-  ));
+      }
+    }, _props))]
+  });
 };
-var RenderProForm_default = RenderProForm;
+var _default = exports.default = RenderProForm;