@teamias/rex-design 0.0.35 → 0.0.37

package/dist/components/base-descriptions/base-descriptions.d.ts

@@ -5,7 +5,13 @@ export declare const BaseDescriptions: FC<IBaseDescriptionsProps>;
 type TDataCellItem = GetProps<typeof DataCell>['items'][number];
 /** 允许自定义参数 */
 type TDataCellItemExtend = TDataCellItem & Record<string, any>;
-export interface IBaseDescriptionsProps extends Omit<GetProps<typeof Descriptions>, 'items'> {
+export interface IBaseDescriptionsProps extends Omit<GetProps<typeof Descriptions>, 'items' | 'column'> {
+    /** table layout fixed */
+    isFixed?: boolean;
+    /** 每个 label 宽度 */
+    labelWidth?: string;
+    /** 列数 */
+    column?: number;
     /** 主要渲染数据 */
     items?: Array<{
         label: React.ReactNode;

package/dist/components/base-descriptions/base-descriptions.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["items", "useDataCellRender", "onDataCellClick"];
+var _excluded = ["column", "labelWidth", "useDataCellRender", "items", "onDataCellClick", "isFixed", "styles"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -8,52 +8,76 @@ 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 { Descriptions } from 'antd';
+import { merge } from 'lodash';
 import { DataCell } from "../data-cell";
+import { Box } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var BaseDescriptions = function BaseDescriptions(_ref) {
-  var items = _ref.items,
+  var _ref$column = _ref.column,
+    column = _ref$column === void 0 ? 3 : _ref$column,
+    _ref$labelWidth = _ref.labelWidth,
+    labelWidth = _ref$labelWidth === void 0 ? '120px' : _ref$labelWidth,
     _ref$useDataCellRende = _ref.useDataCellRender,
     useDataCellRender = _ref$useDataCellRende === void 0 ? true : _ref$useDataCellRende,
+    items = _ref.items,
     onDataCellClick = _ref.onDataCellClick,
+    isFixed = _ref.isFixed,
+    styles = _ref.styles,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
-    size: "small"
-  }, otherProps), {}, {
-    items: items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-      try {
-        var _item$children;
-        var children = useDataCellRender ? ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map(function (topItem, topIndex) {
-          return /*#__PURE__*/_jsx(DataCell, {
-            items: topItem,
-            onClick: function onClick(cellItem, subItem) {
-              // console.log(cellItem, subItem);
-              onDataCellClick === null || onDataCellClick === void 0 || onDataCellClick({
-                item: topItem,
-                cellItem: cellItem,
-                subItem: subItem,
-                index: index
-              });
-            }
-          }, topIndex);
-        })) || '-' : item.children || '-';
-        return _objectSpread(_objectSpread({}, item), {}, {
-          key: "".concat(index),
-          children: children
-        });
-      } catch (error) {
-        console.error('BaseDescriptions Error:', error, item, index);
-        return _objectSpread(_objectSpread({}, item), {}, {
-          key: "".concat(index),
-          children: /*#__PURE__*/_jsx("div", {
-            style: {
-              color: 'red'
-            },
-            children: "\u6570\u636E\u51FA\u73B0\u95EE\u9898,\u8BF7\u67E5\u770B\u63A7\u5236\u53F0\u8F93\u51FA"
-          })
-        });
-      }
-    })
-  }));
+  return /*#__PURE__*/_jsx(Box, {
+    style: {
+      '--table-layout': isFixed ? 'fixed' : 'auto',
+      '--label-width': labelWidth,
+      '--content-width': "".concat(100 / column, "%")
+    },
+    children: /*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
+      size: "small"
+    }, otherProps), {}, {
+      styles: merge({}, {
+        content: {
+          padding: '24px 12px'
+        },
+        label: {
+          padding: '12px'
+        }
+      }, styles),
+      column: column,
+      items: items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+        try {
+          var _item$children;
+          var children = useDataCellRender ? ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map(function (topItem, topIndex) {
+            return /*#__PURE__*/_jsx(DataCell, {
+              items: topItem,
+              onClick: function onClick(cellItem, subItem) {
+                // console.log(cellItem, subItem);
+                onDataCellClick === null || onDataCellClick === void 0 || onDataCellClick({
+                  item: topItem,
+                  cellItem: cellItem,
+                  subItem: subItem,
+                  index: index
+                });
+              }
+            }, topIndex);
+          })) || '-' : item.children || '-';
+          return _objectSpread(_objectSpread({}, item), {}, {
+            key: "".concat(index),
+            children: children
+          });
+        } catch (error) {
+          console.error('BaseDescriptions Error:', error, item, index);
+          return _objectSpread(_objectSpread({}, item), {}, {
+            key: "".concat(index),
+            children: /*#__PURE__*/_jsx("div", {
+              style: {
+                color: 'red'
+              },
+              children: "\u6570\u636E\u51FA\u73B0\u95EE\u9898,\u8BF7\u67E5\u770B\u63A7\u5236\u53F0\u8F93\u51FA"
+            })
+          });
+        }
+      })
+    }))
+  });
 };
 
 /** 允许自定义参数 */

package/dist/components/base-descriptions/style.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/base-descriptions/style.js

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+export var Box = styled.div.withConfig({
+  displayName: "Box",
+  componentId: "rex-design-aaf4__sc-1bifo7s-0"
+})(["table{table-layout:var(--table-layout) !important;}th.ant-descriptions-item-label{width:var(--label-width);max-width:var(--label-width);min-width:var(--label-width);}td.ant-descriptions-item-content{width:var(--content-width);max-width:var(--content-width);min-width:var(--label-width);}"]);

package/dist/components/base-form/core/{base-form.d.ts → core.d.ts}

@@ -1,3 +1,3 @@
 import { FC } from 'react';
 import { IBaseFormProps } from '../types';
-export declare const BaseForm: FC<IBaseFormProps>;
+export declare const Core: FC<IBaseFormProps>;

package/dist/components/base-form/core/{base-form.js → core.js}

@@ -19,7 +19,7 @@ import { BaseFormStyle } from "../style";
 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 BaseForm = function BaseForm(props) {
+export var Core = function Core(props) {
   var rawAllProps = props;
   var outFields = props.fields,
     outFieldProps = props.fieldProps,

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

@@ -1,6 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["descriptionsProps", "fields", "labelWidth"],
-  _excluded2 = ["label", "tooltip", "formItemProps", "rules"];
+var _excluded = ["isFixed", "column", "styles"],
+  _excluded2 = ["descriptionsProps", "fields", "labelWidth"],
+  _excluded3 = ["label", "tooltip", "formItemProps", "rules"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -9,17 +10,23 @@ 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 { Descriptions, Form } from 'antd';
+import { merge } from 'lodash';
 import { useMemo } from 'react';
 import { DescriptionsStyle } from "../style";
-import { BaseForm } from "./base-form";
+import { Core } from "./core";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var DescriptionsModel = function DescriptionsModel(_ref) {
-  var descriptionsProps = _ref.descriptionsProps,
+  var _ref$descriptionsProp = _ref.descriptionsProps,
+    _ref$descriptionsProp2 = _ref$descriptionsProp === void 0 ? {} : _ref$descriptionsProp,
+    isFixed = _ref$descriptionsProp2.isFixed,
+    _ref$descriptionsProp3 = _ref$descriptionsProp2.column,
+    column = _ref$descriptionsProp3 === void 0 ? 3 : _ref$descriptionsProp3,
+    styles = _ref$descriptionsProp2.styles,
+    descriptionsProps = _objectWithoutProperties(_ref$descriptionsProp2, _excluded),
     fields = _ref.fields,
     _ref$labelWidth = _ref.labelWidth,
     labelWidth = _ref$labelWidth === void 0 ? '120px' : _ref$labelWidth,
-    baseFormProps = _objectWithoutProperties(_ref, _excluded);
-  var column = (descriptionsProps === null || descriptionsProps === void 0 ? void 0 : descriptionsProps.column) || 3;
+    baseFormProps = _objectWithoutProperties(_ref, _excluded2);
   var descriptionsItems = useMemo(function () {
     /** 检查field或其subItems是否包含rules */
     var hasRules = function hasRules(field) {
@@ -41,7 +48,7 @@ export var DescriptionsModel = function DescriptionsModel(_ref) {
         tooltip = field.tooltip,
         formItemProps = field.formItemProps,
         rules = field.rules,
-        otherData = _objectWithoutProperties(field, _excluded2);
+        otherData = _objectWithoutProperties(field, _excluded3);
       return {
         label: /*#__PURE__*/_jsx(Form.Item, {
           label: label,
@@ -66,7 +73,7 @@ export var DescriptionsModel = function DescriptionsModel(_ref) {
             }
           }
         }),
-        children: /*#__PURE__*/_jsx(BaseForm, _objectSpread(_objectSpread({}, baseFormProps), {}, {
+        children: /*#__PURE__*/_jsx(Core, _objectSpread(_objectSpread({}, baseFormProps), {}, {
           itemMarginBottom: 0,
           fields: [_objectSpread(_objectSpread({}, otherData), {}, {
             rules: rules,
@@ -79,20 +86,22 @@ export var DescriptionsModel = function DescriptionsModel(_ref) {
   }, [fields]);
   return /*#__PURE__*/_jsx(DescriptionsStyle, {
     style: {
+      '--table-layout': isFixed ? 'fixed' : 'auto',
       '--label-width': labelWidth,
       '--content-width': "".concat(100 / column, "%")
     },
     children: /*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
-      bordered: true,
-      styles: {
+      bordered: true
+    }, descriptionsProps), {}, {
+      styles: merge({}, {
         content: {
           padding: '24px 12px'
         },
         label: {
           padding: '12px'
         }
-      }
-    }, descriptionsProps), {}, {
+      }, styles),
+      column: column,
       items: descriptionsItems
     }))
   });

package/dist/components/base-form/core/index.d.ts

@@ -1,4 +1,4 @@
-import { BaseForm as RawBaseForm } from './base-form';
+import { Core } from './core';
 import { DescriptionsModel as BaseDescriptionsForm } from './descriptions-model';
-declare const BaseForm: typeof RawBaseForm;
+declare const BaseForm: typeof Core;
 export { BaseDescriptionsForm, BaseForm };

package/dist/components/base-form/core/index.js

@@ -4,13 +4,13 @@ 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); }
-import { BaseForm as RawBaseForm } from "./base-form";
+import { Core } from "./core";
 import { DescriptionsModel as BaseDescriptionsForm } from "./descriptions-model";
 import { jsx as _jsx } from "react/jsx-runtime";
 var BaseForm = function BaseForm(props) {
   if (props.type === 'descriptions') {
     return /*#__PURE__*/_jsx(BaseDescriptionsForm, _objectSpread({}, props));
   }
-  return /*#__PURE__*/_jsx(RawBaseForm, _objectSpread({}, props));
+  return /*#__PURE__*/_jsx(Core, _objectSpread({}, props));
 };
 export { BaseDescriptionsForm, BaseForm };

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

@@ -4,16 +4,25 @@ 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; }
 import enUS from "../../../locales/en-US.json";
 import { UserOutlined } from '@ant-design/icons';
 import { ProForm } from '@ant-design/pro-components';
-import { RexProConfigProvider } from "../../..";
+import { resetFormTouched, RexProConfigProvider } from "../../..";
 import { crush } from 'radash';
 import { createIntl } from 'react-intl';
 import { BaseForm } from "../core";
 import { getFieldsDefaultValues } from "../modules/handlerData";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function () {
+  var _ProForm$useForm = ProForm.useForm(),
+    _ProForm$useForm2 = _slicedToArray(_ProForm$useForm, 1),
+    form = _ProForm$useForm2[0];
   var fields = [{
     label: '成本区间',
     valueType: 'multipleComponents',
@@ -70,7 +79,11 @@ export default (function () {
     }, {
       valueType: 'datePicker',
       field: 'multipleComponents-datePicker',
-      defaultValue: '2025-05-05'
+      defaultValue: '2025-05-05',
+      dependenciesV2: [{
+        action: 'clear',
+        field: 'multipleComponents-treeSelect'
+      }]
     }, {
       valueType: 'treeSelect',
       field: 'multipleComponents-treeSelect2',
@@ -237,6 +250,47 @@ export default (function () {
     //     target: true,
     //   }
     // ],
+  }, {
+    valueType: 'select',
+    field: 'org_id',
+    label: '部门',
+    itemWidth: '200px',
+    options: [{
+      label: '1',
+      value: '1'
+    }, {
+      label: '2',
+      value: '2'
+    }, {
+      label: '3',
+      value: '3'
+    }]
+  }, {
+    valueType: 'select',
+    field: 'job_id',
+    label: '岗位',
+    itemWidth: '200px',
+    options: [{
+      label: '1',
+      value: '1'
+    }, {
+      label: '2',
+      value: '2'
+    }, {
+      label: '3',
+      value: '3'
+    }],
+    dependenciesV2: [{
+      field: 'org_id',
+      action: 'show',
+      op: 'notEmpty'
+    }, {
+      field: 'org_id',
+      action: 'updateData'
+    }, {
+      field: 'org_id',
+      action: 'clear'
+    }]
   }];
   var initialValues = getFieldsDefaultValues(fields);
   // console.log(initialValues);
@@ -251,9 +305,12 @@ export default (function () {
     children: /*#__PURE__*/_jsx(ProForm, {
       initialValues: initialValues
       // size="small"
+      ,
+      form: form
       // readonly
       ,
       onFinish: function onFinish(values) {
+        resetFormTouched(values, form);
         console.log(values);
       },
       children: /*#__PURE__*/_jsx(BaseForm, {

package/dist/components/base-form/index.d.ts

@@ -2,3 +2,4 @@ export * from './core';
 export * from './modules/handlerData';
 export * from './modules/valuesToFields';
 export * from './types';
+export * from './utils';

package/dist/components/base-form/index.js

@@ -1,4 +1,5 @@
 export * from "./core";
 export * from "./modules/handlerData";
 export * from "./modules/valuesToFields";
-export * from "./types";
+export * from "./types";
+export * from "./utils";

package/dist/components/base-form/modules/renderComponentNode.js

@@ -22,7 +22,7 @@ import classNames from 'classnames';
 import dayjs from 'dayjs';
 import { ProFormDateRangePickerV2 } from "../components/ProFormDateRangePickerV2";
 import { ProFormDigitRangeV2 } from "../components/ProFormDigitRangeV2";
-import { BaseForm } from "../core/base-form";
+import { Core } from "../core/core";
 import { getFieldsDefaultValues } from "./handlerData";
 import { createElement as _createElement } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -167,7 +167,7 @@ export var renderComponentNode = function renderComponentNode(outConfig, values,
       className: classNames('base-form-field-multiple-group', {
         compact: inlineItem.compact
       }),
-      children: /*#__PURE__*/_jsx(BaseForm, _objectSpread(_objectSpread({}, outConfig.rawAllProps), {}, {
+      children: /*#__PURE__*/_jsx(Core, _objectSpread(_objectSpread({}, outConfig.rawAllProps), {}, {
         itemWidth: "".concat(100 / ((_inlineItem$subItems$ = (_inlineItem$subItems = inlineItem.subItems) === null || _inlineItem$subItems === void 0 ? void 0 : _inlineItem$subItems.length) !== null && _inlineItem$subItems$ !== void 0 ? _inlineItem$subItems$ : 1), "%"),
         fields: inlineItem.subItems,
         itemMarginBottom: 0

package/dist/components/base-form/style/index.js

@@ -8,4 +8,4 @@ export var BaseFormStyle = createGlobalStyle([".base-form-field-group{display:fl
 export var DescriptionsStyle = styled.div.withConfig({
   displayName: "DescriptionsStyle",
   componentId: "rex-design-aaf4__sc-1e1tacy-0"
-})(["table{table-layout:fixed;}.ant-descriptions-view{overflow:auto;}th.ant-descriptions-item-label{width:var(--label-width);max-width:var(--label-width);min-width:var(--label-width);}td.ant-descriptions-item-content{width:var(--content-width);max-width:var(--content-width);min-width:var(--content-width);}.ant-form-item-additional{position:absolute;}.ant-descriptions-row{th.ant-descriptions-item-label:has( + td.ant-descriptions-item-content > span:empty ){display:none;}td.ant-descriptions-item-content:has(> span:empty){display:none;}th label.ant-form-item-no-colon{display:block;word-wrap:break-word;&:after{content:initial;}> *{vertical-align:middle;}}}"]);
+})(["table{table-layout:var(--table-layout) !important;}.ant-descriptions-view{overflow:auto;}th.ant-descriptions-item-label{width:var(--label-width);max-width:var(--label-width);min-width:var(--label-width);}td.ant-descriptions-item-content{width:var(--content-width);max-width:var(--content-width);min-width:var(--label-width);}.ant-form-item-additional{position:absolute;}.ant-descriptions-row{th.ant-descriptions-item-label:has( + td.ant-descriptions-item-content > span:empty ){display:none;}td.ant-descriptions-item-content:has(> span:empty){display:none;}th label.ant-form-item-no-colon{display:block;word-wrap:break-word;&:after{content:initial;}> *{vertical-align:middle;}}}"]);

package/dist/components/base-form/types/base-form.d.ts

@@ -26,7 +26,12 @@ export interface IBaseFormProps {
     /**
      * Descriptions 组件属性
      */
-    descriptionsProps?: Omit<GetProps<typeof Descriptions>, 'items' | 'column'> & {
-        column?: number;
-    };
+    descriptionsProps?: IDescriptionsProps;
 }
+interface IDescriptionsProps extends Omit<GetProps<typeof Descriptions>, 'items' | 'column'> {
+    /** 列数 */
+    column?: number;
+    /** table layout fixed */
+    isFixed?: boolean;
+}
+export {};

package/dist/components/base-form/utils/index.d.ts

@@ -0,0 +1,47 @@
+import { FormInstance } from 'antd';
+/**
+ * @desc 重置表单的 touched 状态
+ * @example 解决场景：表单提交后，某些字段依赖其他字段变化触发清空，导致表单项的 touched 状态异常，从而影响表单提交后自动清空值。
+ * - 使用该函数可以在表单提交后，重置所有字段的 touched 状态，确保表单能够正确显示。
+ * @example 使用示例：
+ ```tsx
+    const fields: GetProps<typeof BaseForm>['fields'] = [
+      {
+        valueType: 'select',
+        field: 'org_id',
+        label: '部门',
+        options: [
+          { label: '1', value: '1' },
+          { label: '2', value: '2' },
+          { label: '3', value: '3' },
+        ],
+      },
+      {
+        valueType: 'select',
+        field: 'job_id',
+        label: '岗位',
+        options: [
+          { label: '1', value: '1' },
+          { label: '2', value: '2' },
+          { label: '3', value: '3' },
+        ],
+        dependenciesV2: [
+          {
+            field: 'org_id',
+            action: 'show',
+            op: 'notEmpty',
+          },
+          {
+            field: 'org_id',
+            action: 'updateData',
+          },
+          {
+            field: 'org_id',
+            action: 'clear',
+          },
+        ],
+      },
+    ]
+  ```
+ */
+export declare const resetFormTouched: (data: Record<string, any>, form: FormInstance) => void;

package/dist/components/base-form/utils/index.js

@@ -0,0 +1,56 @@
+import { crush } from 'radash';
+
+/**
+ * @desc 重置表单的 touched 状态
+ * @example 解决场景：表单提交后，某些字段依赖其他字段变化触发清空，导致表单项的 touched 状态异常，从而影响表单提交后自动清空值。
+ * - 使用该函数可以在表单提交后，重置所有字段的 touched 状态，确保表单能够正确显示。
+ * @example 使用示例：
+ ```tsx
+    const fields: GetProps<typeof BaseForm>['fields'] = [
+      {
+        valueType: 'select',
+        field: 'org_id',
+        label: '部门',
+        options: [
+          { label: '1', value: '1' },
+          { label: '2', value: '2' },
+          { label: '3', value: '3' },
+        ],
+      },
+      {
+        valueType: 'select',
+        field: 'job_id',
+        label: '岗位',
+        options: [
+          { label: '1', value: '1' },
+          { label: '2', value: '2' },
+          { label: '3', value: '3' },
+        ],
+        dependenciesV2: [
+          {
+            field: 'org_id',
+            action: 'show',
+            op: 'notEmpty',
+          },
+          {
+            field: 'org_id',
+            action: 'updateData',
+          },
+          {
+            field: 'org_id',
+            action: 'clear',
+          },
+        ],
+      },
+    ]
+  ```
+ */
+export var resetFormTouched = function resetFormTouched(data, form) {
+  var keys = Object.keys(crush(data));
+  form.setFields(keys.map(function (key) {
+    return {
+      name: key.split('.'),
+      touched: false
+    };
+  }));
+};

package/package.json

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