@teamias/rex-design 0.1.17 → 0.1.18

package/dist/components/base-form/core/custom-descriptions-model.js

@@ -9,8 +9,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { CustomDescriptions } from "../components/custom-descriptions";
+import { Core } from "./core";
 import { useDescriptionsItems } from "./use-descriptions-items";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CustomDescriptionsModel = function CustomDescriptionsModel(_ref) {
   var _ref$descriptionsProp = _ref.descriptionsProps,
     _ref$descriptionsProp2 = _ref$descriptionsProp === void 0 ? {} : _ref$descriptionsProp,
@@ -23,13 +26,25 @@ export var CustomDescriptionsModel = function CustomDescriptionsModel(_ref) {
     _ref$labelWidth = _ref.labelWidth,
     labelWidth = _ref$labelWidth === void 0 ? '120px' : _ref$labelWidth,
     baseFormProps = _objectWithoutProperties(_ref, _excluded2);
-  var descriptionsItems = useDescriptionsItems(_objectSpread({
-    fields: fields
-  }, baseFormProps));
-  return /*#__PURE__*/_jsx(CustomDescriptions, {
-    labelWidth: labelWidth,
-    column: column,
-    bordered: bordered,
-    items: descriptionsItems
+  var _useDescriptionsItems = useDescriptionsItems(_objectSpread({
+      fields: fields
+    }, baseFormProps)),
+    descriptionsItems = _useDescriptionsItems.descriptionsItems,
+    hiddenFields = _useDescriptionsItems.hiddenFields;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(CustomDescriptions, {
+      labelWidth: labelWidth,
+      column: column,
+      bordered: bordered,
+      items: descriptionsItems
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'none'
+      },
+      "aria-hidden": "true",
+      children: /*#__PURE__*/_jsx(Core, {
+        fields: hiddenFields
+      })
+    })]
   });
 };

package/dist/components/base-form/core/descriptions-model.js

@@ -11,8 +11,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Descriptions } from 'antd';
 import { merge } from 'lodash';
 import { DescriptionsStyle } from "../style";
+import { Core } from "./core";
 import { useDescriptionsItems } from "./use-descriptions-items";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DescriptionsModel = function DescriptionsModel(_ref) {
   var _ref$descriptionsProp = _ref.descriptionsProps,
     _ref$descriptionsProp2 = _ref$descriptionsProp === void 0 ? {} : _ref$descriptionsProp,
@@ -25,16 +27,18 @@ export var DescriptionsModel = function DescriptionsModel(_ref) {
     _ref$labelWidth = _ref.labelWidth,
     labelWidth = _ref$labelWidth === void 0 ? '120px' : _ref$labelWidth,
     baseFormProps = _objectWithoutProperties(_ref, _excluded2);
-  var descriptionsItems = useDescriptionsItems(_objectSpread({
-    fields: fields
-  }, baseFormProps));
-  return /*#__PURE__*/_jsx(DescriptionsStyle, {
+  var _useDescriptionsItems = useDescriptionsItems(_objectSpread({
+      fields: fields
+    }, baseFormProps)),
+    descriptionsItems = _useDescriptionsItems.descriptionsItems,
+    hiddenFields = _useDescriptionsItems.hiddenFields;
+  return /*#__PURE__*/_jsxs(DescriptionsStyle, {
     style: {
       '--table-layout': isFixed ? 'fixed' : 'auto',
       '--label-width': labelWidth,
       '--content-width': "".concat(100 / column, "%")
     },
-    children: /*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
       bordered: true
     }, descriptionsProps), {}, {
       styles: merge({}, {
@@ -51,6 +55,14 @@ export var DescriptionsModel = function DescriptionsModel(_ref) {
       }, styles),
       column: column,
       items: descriptionsItems
-    }))
+    })), /*#__PURE__*/_jsx("div", {
+      "aria-hidden": "true",
+      style: {
+        display: 'none'
+      },
+      children: /*#__PURE__*/_jsx(Core, {
+        fields: hiddenFields
+      })
+    })]
   });
 };

package/dist/components/base-form/core/use-descriptions-items.d.ts

@@ -1,6 +1,10 @@
-import { IBaseFormProps } from '../types';
+import { ReactNode } from 'react';
+import { IBaseFormProps, TFields } from '../types';
 export declare const useDescriptionsItems: ({ fields, ...baseFormProps }: Omit<IBaseFormProps, 'descriptionsProps'>) => {
-    label: import("react/jsx-runtime").JSX.Element;
-    children: import("react/jsx-runtime").JSX.Element;
-    span: number;
-}[];
+    descriptionsItems: {
+        label: ReactNode;
+        children: ReactNode;
+        span: number;
+    }[];
+    hiddenFields: TFields;
+};

package/dist/components/base-form/core/use-descriptions-items.js

@@ -6,6 +6,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Form, Typography } from 'antd';
@@ -13,68 +19,82 @@ import { useMemo } from 'react';
 import { Core } from "./core";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var useDescriptionsItems = function useDescriptionsItems(_ref) {
-  var fields = _ref.fields,
+  var _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? [] : _ref$fields,
     baseFormProps = _objectWithoutProperties(_ref, _excluded);
-  var descriptionsItems = useMemo(function () {
-    /** 检查field或其subItems是否包含rules */
-    var hasRules = function hasRules(field) {
-      if (field.rules && field.rules.length > 0) {
-        return true;
-      }
-      if ('subItems' in field && field.subItems && Array.isArray(field.subItems)) {
-        return field.subItems.some(hasRules);
-      }
-      if (field.required) return true;
-      return false;
-    };
-    return (fields === null || fields === void 0 ? void 0 : fields.map(function (field) {
-      var _formItemProps$requir, _formItemProps$labelC;
-      // 创建新的field对象，移除label属性
-      var label = field.label,
-        tooltip = field.tooltip,
-        formItemProps = field.formItemProps,
-        rules = field.rules,
-        otherData = _objectWithoutProperties(field, _excluded2);
-      return {
-        label: /*#__PURE__*/_jsx(Form.Item, {
-          label: /*#__PURE__*/_jsx(Typography.Text, {
-            ellipsis: {
-              tooltip: label
-            },
-            children: label
-          }),
-          labelAlign: "right",
-          tooltip: tooltip,
-          required: (_formItemProps$requir = formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.required) !== null && _formItemProps$requir !== void 0 ? _formItemProps$requir : hasRules(field),
-          colon: false,
-          style: {
-            margin: 0
-          }
-          // {...formItemProps}
-          ,
-          labelCol: _objectSpread(_objectSpread({}, formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.labelCol), {}, {
-            style: _objectSpread({
-              padding: 0,
-              width: '100%',
-              textAlign: 'right'
-            }, formItemProps === null || formItemProps === void 0 || (_formItemProps$labelC = formItemProps.labelCol) === null || _formItemProps$labelC === void 0 ? void 0 : _formItemProps$labelC.style)
-          }),
-          wrapperCol: {
-            style: {
-              display: 'none'
-            }
-          }
-        }),
-        children: /*#__PURE__*/_jsx(Core, _objectSpread(_objectSpread({}, baseFormProps), {}, {
-          itemMarginBottom: 0,
-          fields: [_objectSpread(_objectSpread({}, otherData), {}, {
-            rules: rules,
-            formItemProps: formItemProps
-          })]
-        })),
-        span: field.span || 1
+  var _useMemo = useMemo(function () {
+      /** 检查field或其subItems是否包含rules */
+      var hasRules = function hasRules(field) {
+        if (field.rules && field.rules.length > 0) {
+          return true;
+        }
+        if ('subItems' in field && field.subItems && Array.isArray(field.subItems)) {
+          return field.subItems.some(hasRules);
+        }
+        if (field.required) return true;
+        return false;
       };
-    })) || [];
-  }, [fields]);
-  return descriptionsItems;
+      return fields.reduce(function (_ref2, field) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          hiddenFields = _ref3[0],
+          showFields = _ref3[1];
+        if (field.valueType === 'hidden') {
+          hiddenFields.push(field);
+        } else {
+          var _formItemProps$requir, _formItemProps$labelC;
+          var label = field.label,
+            tooltip = field.tooltip,
+            formItemProps = field.formItemProps,
+            rules = field.rules,
+            otherData = _objectWithoutProperties(field, _excluded2);
+          showFields.push({
+            label: /*#__PURE__*/_jsx(Form.Item, {
+              label: /*#__PURE__*/_jsx(Typography.Text, {
+                ellipsis: {
+                  tooltip: label
+                },
+                children: label
+              }),
+              labelAlign: "right",
+              tooltip: tooltip,
+              required: (_formItemProps$requir = formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.required) !== null && _formItemProps$requir !== void 0 ? _formItemProps$requir : hasRules(field),
+              colon: false,
+              style: {
+                margin: 0
+              }
+              // {...formItemProps}
+              ,
+              labelCol: _objectSpread(_objectSpread({}, formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.labelCol), {}, {
+                style: _objectSpread({
+                  padding: 0,
+                  width: '100%',
+                  textAlign: 'right'
+                }, formItemProps === null || formItemProps === void 0 || (_formItemProps$labelC = formItemProps.labelCol) === null || _formItemProps$labelC === void 0 ? void 0 : _formItemProps$labelC.style)
+              }),
+              wrapperCol: {
+                style: {
+                  display: 'none'
+                }
+              }
+            }),
+            children: /*#__PURE__*/_jsx(Core, _objectSpread(_objectSpread({}, baseFormProps), {}, {
+              itemMarginBottom: 0,
+              fields: [_objectSpread(_objectSpread({}, otherData), {}, {
+                rules: rules,
+                formItemProps: formItemProps
+              })]
+            })),
+            span: field.span || 1
+          });
+        }
+        return [hiddenFields, showFields];
+      }, [[], []]);
+    }, [fields]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    hiddenFields = _useMemo2[0],
+    descriptionsItems = _useMemo2[1];
+  return {
+    descriptionsItems: descriptionsItems,
+    hiddenFields: hiddenFields
+  };
 };

package/dist/components/base-form/demo/CustomDescriptionsDemo.js

@@ -13,6 +13,10 @@ import { message } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function () {
   var fields = [{
+    valueType: 'hidden',
+    field: 'id',
+    initialValue: '123456'
+  }, {
     valueType: 'input',
     field: 'orderNo',
     label: '订单号',

package/dist/components/base-form/demo/DescriptionsDemo.js

@@ -13,6 +13,10 @@ import { message } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function () {
   var fields = [{
+    valueType: 'hidden',
+    field: 'id',
+    initialValue: '123456'
+  }, {
     valueType: 'input',
     field: 'name',
     label: '商品名称',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamias/rex-design",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",