fan-standard-comp 3.2.1 → 4.0.1

package/lib/FormComp/RenderItemGroup/index.js

@@ -4,21 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/row/style");
-var _row = _interopRequireDefault(require("antd/es/row"));
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/col/style");
-var _col = _interopRequireDefault(require("antd/es/col"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _data = require("../../data");
 var _FieldComponent = _interopRequireDefault(require("../FieldComponent"));
 var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
+var _style = _interopRequireDefault(require("./style"));
+var _classnames = _interopRequireDefault(require("classnames"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+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 _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 FormItem = _form.default.Item;
+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; } /* eslint-disable */
+var FormItem = _antd.Form.Item;
+
+// 单个控件配置参数
+
 var RenderItemGroup = function RenderItemGroup(props) {
   var itemGroup = props.itemGroup,
     _props$size = props.size,
@@ -31,23 +43,51 @@ var RenderItemGroup = function RenderItemGroup(props) {
     form = props.form,
     doUpdateFormFields = props.doUpdateFormFields,
     _props$layout = props.layout,
-    layout = _props$layout === void 0 ? "horizontal" : _props$layout;
-  var setColSpan = function setColSpan(display, modalSize) {
-    if (_typeof(display) === 'object' || display === 'block' || modalSize === 'xs' || modalSize === 'sm') {
+    layout = _props$layout === void 0 ? "horizontal" : _props$layout,
+    gutter = props.gutter,
+    columnCount = props.columnCount;
+  var componentName = 'spec-item-group';
+  var _useStyle = (0, _style.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  // 栅格数量
+  // const columnNumber: number = useMemo(() => {
+  //   // @ts-ignore
+  //   return general.modalSize[size].columnNumber || 1
+  // }, [size, columnCount])
+
+  var setColSpan = function setColSpan(display, modalSize, columnCount) {
+    if (_typeof(display) === 'object' || display === 'block') {
+      // 栅格数量为：1
       return 24;
     }
-    if (modalSize === 'lg' || modalSize === 'xlg') {
-      return 8;
+    if (columnCount) {
+      return 24 / columnCount; // 2, 3, 4, 6, 8, 12
+    }
+    if (modalSize === 'xs' || modalSize === 'sm' || modalSize === 'md' || modalSize === 'lg' || modalSize === 'xlg' || modalSize === 'xxlg') {
+      return 24 / _data.general.modalSize[modalSize].columnNumber;
     }
+    // if (modalSize === 'xs' || modalSize === 'sm') {
+    //   // 栅格数量为：1
+    //   return 24
+    // }
+    // if (modalSize === 'lg' || modalSize === 'xlg' || modalSize === 'xxlg') {
+    //   // 栅格数量为：3
+    //   return 8
+    // }
+    // 栅格数量为：2
     return 12;
   };
   var updateFormFields = function updateFormFields() {
     // if (newVal) form && form.setFieldsValue({ ...newVal })
     if (doUpdateFormFields) doUpdateFormFields(); // 用于触发更新表单实例赋值
   };
+
   // useEffect(() => {
   //   // updateFormFields()
   // }, [form])
+
   // 渲染隐藏指定控件
   var itemIsHide = function itemIsHide(isHide, getFieldsValue, FormInstance) {
     if (typeof isHide === 'function') {
@@ -55,6 +95,73 @@ var RenderItemGroup = function RenderItemGroup(props) {
     }
     return isHide || false;
   };
+
+  // 计算表单栅格数排版
+  // 优先级 displayLayout.side > displayLayout > general
+  // 优先级：若有displayLayout.block 则直接使用 general > displayLayout
+  // 还需要判断 layout为vertical还是horizontal
+  var calculateFormLayout = (0, _react.useCallback)(function (itemData) {
+    var formLayout = {};
+    // 当布局为 'inline' 时，不配置栅格结构
+    if (layout === 'inline') {
+      formLayout = {};
+    } else if (layout === 'vertical') {
+      formLayout = {
+        labelCol: {
+          span: 24
+        },
+        wrapperCol: {
+          span: 24
+        }
+      };
+    } else {
+      var _general$modalSize;
+      // @ts-ignore
+      var sizeFormLayout = (_general$modalSize = _data.general.modalSize) === null || _general$modalSize === void 0 ? void 0 : _general$modalSize[size].formLayout;
+      // @ts-ignore
+      var sizeFormBlockLayout = _data.general.modalSize[size].formBlockLayout;
+      // 优先级 displayLayout.side > displayLayout > general
+      // 优先级：若有displayLayout.block 则直接使用 general > displayLayout
+      // 还需要判断 layout为vertical还是horizontal
+      if (columnCount) {
+        // 有配置栅格数 1,2,3,4
+        switch (columnCount) {
+          case 1:
+            sizeFormLayout = _data.general.modalSize.sm.formLayout;
+            sizeFormBlockLayout = _data.general.modalSize.sm.formBlockLayout;
+            break;
+          case 2:
+            sizeFormLayout = _data.general.modalSize.md.formLayout;
+            sizeFormBlockLayout = _data.general.modalSize.md.formBlockLayout;
+            break;
+          case 3:
+            sizeFormLayout = _data.general.modalSize.lg.formLayout;
+            sizeFormBlockLayout = _data.general.modalSize.lg.formBlockLayout;
+            break;
+          case 4:
+            sizeFormLayout = _data.general.modalSize.xxlg.formLayout;
+            sizeFormBlockLayout = _data.general.modalSize.xxlg.formBlockLayout;
+            break;
+        }
+      }
+      formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.side) || (displayLayout !== null && displayLayout !== void 0 && displayLayout.block ? sizeFormLayout : !displayLayout || JSON.stringify(displayLayout) === '{}' ? sizeFormLayout : displayLayout);
+      if (itemData.hasOwnProperty('display')) {
+        if ((itemData === null || itemData === void 0 ? void 0 : itemData.display) === 'block') {
+          // @ts-ignore
+          formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) || sizeFormBlockLayout;
+        } else if ((itemData === null || itemData === void 0 ? void 0 : itemData.display) === 'side') {
+          // 使用默认
+          // formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : displayLayout) || general.modalSize[size].formLayout
+          // formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : ((!displayLayout || JSON.stringify(displayLayout) === '{}') ? general.modalSize[size].formLayout : displayLayout))
+        } else {
+          // 对象格式
+          formLayout = itemData === null || itemData === void 0 ? void 0 : itemData.display; // 对象类型传值如： {labelCol: {span: 3},wrapperCol: {span: 8}} 优先级最高
+        }
+      }
+    }
+    return formLayout;
+  }, [size, layout, columnCount]);
+
   // 渲染表单控件
   var renderFormField = function renderFormField(field) {
     var componentStyle = field.componentStyle,
@@ -62,11 +169,11 @@ var RenderItemGroup = function RenderItemGroup(props) {
       preExtra = field.preExtra; // 当前可传参的配置值
     // 带前缀或后缀控件渲染
     if (preExtra || extra) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, preExtra ? preExtra(field, form) : '', /*#__PURE__*/_react.default.createElement(FormItem, {
+      return /*#__PURE__*/_react.default.createElement(_antd.Space, null, preExtra ? preExtra(field, form) : '', /*#__PURE__*/_react.default.createElement(FormItem, {
         noStyle: true,
         rules: field.rules || (field.fieldOptions ? field.fieldOptions.rules : []),
         name: field.filedName
-      }, /*#__PURE__*/_react.default.createElement(_FieldComponent.default, Object.assign({}, field, {
+      }, /*#__PURE__*/_react.default.createElement(_FieldComponent.default, _extends({}, field, {
         onChange: function onChange(eOrValue) {
           updateFormFields();
           for (var _len = arguments.length, otherParams = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -76,10 +183,10 @@ var RenderItemGroup = function RenderItemGroup(props) {
         },
         fieldStatus: field.fieldStatus || fieldStatus,
         size: field.protoConfig && field.protoConfig.size || field.size || fieldSize,
-        style: componentStyle || Object.assign({}, _data.general.formItemStyle.wide)
+        style: componentStyle || _objectSpread({}, _data.general.formItemStyle.wide)
       }))), extra ? extra(field, form) : '');
     } else {
-      return /*#__PURE__*/_react.default.createElement(_FieldComponent.default, Object.assign({}, field, {
+      return /*#__PURE__*/_react.default.createElement(_FieldComponent.default, _extends({}, field, {
         onChange: function onChange(eOrValue) {
           // let updateValue = val
           // if (field.type === 'input' || field.type === 'textarea' || field.type === 'radio' || field.type === 'password') {
@@ -95,7 +202,7 @@ var RenderItemGroup = function RenderItemGroup(props) {
         },
         fieldStatus: field.fieldStatus || fieldStatus,
         size: field.protoConfig && field.protoConfig.size || field.size || fieldSize,
-        style: componentStyle || Object.assign({}, _data.general.formItemStyle.wide)
+        style: componentStyle || _objectSpread({}, _data.general.formItemStyle.wide)
       }));
     }
   };
@@ -105,14 +212,14 @@ var RenderItemGroup = function RenderItemGroup(props) {
       type = item.type,
       customRender = item.customRender,
       filedName = item.filedName; // 当前可传参的配置值
-    if (layout === "horizontal") {
-      return /*#__PURE__*/_react.default.createElement(_col.default, {
+    if (layout === "horizontal" || layout === "vertical") {
+      return /*#__PURE__*/_react.default.createElement(_antd.Col, {
         key: index,
-        span: item.colSpan || setColSpan(item.display, size)
-      }, /*#__PURE__*/_react.default.createElement(FormItem, Object.assign({
+        span: item.colSpan || setColSpan(item.display, size, columnCount)
+      }, /*#__PURE__*/_react.default.createElement(FormItem, _extends({
         name: type !== 'custom' && filedName,
-        className: fieldStatus === 'viewOnly' ? 'form-item-view-only' : '',
-        label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        className: (0, _classnames.default)(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
+        label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
           title: description
         }, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
           name: "info"
@@ -121,21 +228,22 @@ var RenderItemGroup = function RenderItemGroup(props) {
         required: item.rules && item.rules.filter(function (rItem) {
           return rItem.required;
         }).length > 0
-      }, formLayout, item.protoFormItem), type === 'custom' && customRender ? customRender(form, Object.assign({}, item), fieldStatus) : renderFormField(Object.assign({}, item))));
+      }, formLayout, item.protoFormItem), type === 'custom' && customRender ? customRender(form, _objectSpread({}, item), fieldStatus) : renderFormField(_objectSpread({}, item))));
     } else {
-      return /*#__PURE__*/_react.default.createElement(FormItem, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(FormItem, _extends({
         key: index,
         name: type !== 'custom' && filedName,
-        className: fieldStatus === 'viewOnly' ? 'form-item-view-only' : '',
-        label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        className: (0, _classnames.default)(fieldStatus === 'viewOnly' ? 'form-item-view-only' : '', 'spec-item-group-form-item'),
+        label: description ? /*#__PURE__*/_react.default.createElement("span", null, label, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
           title: description
         }, /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
           name: "info"
         }))) : label,
         rules: item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])
-      }, formLayout, item.protoFormItem), type === 'custom' && customRender ? customRender(form, Object.assign({}, item), fieldStatus) : renderFormField(Object.assign({}, item)));
+      }, formLayout, item.protoFormItem), type === 'custom' && customRender ? customRender(form, _objectSpread({}, item), fieldStatus) : renderFormField(_objectSpread({}, item)));
     }
   };
+
   // 渲染表单控件列表
   var renderItemGroupNode = function renderItemGroupNode() {
     return itemGroup.map(function (item, index) {
@@ -144,30 +252,34 @@ var RenderItemGroup = function RenderItemGroup(props) {
         type = item.type,
         _item$display = item.display,
         display = _item$display === void 0 ? 'side' : _item$display; // 当前可传参的配置值
-      var formLayout = {};
+
+      var formLayout = calculateFormLayout(item);
       // if (displayLayout) {
       //   // 如果未配置，则使用以下配置值
       //   formLayout = { ...displayLayout }
       // }
       // 优先级 displayLayout.side > displayLayout > general
       // 优先级：若有displayLayout.block 则直接使用 general > displayLayout
-      formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.side) || ((displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) ? _data.general.modalSize[size].formLayout : !displayLayout || JSON.stringify(displayLayout) === '{}' ? _data.general.modalSize[size].formLayout : displayLayout);
-      if (item.hasOwnProperty('display')) {
-        if (typeof display === 'string') {
-          if (display === 'block') {
-            formLayout = (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.block) || _data.general.modalSize[size].formBlockLayout;
-          } else {
-            // 使用默认
-            // formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : displayLayout) || general.modalSize[size].formLayout
-          }
-        } else {
-          formLayout = item.display; // 对象类型传值如： {labelCol: {span: 3},wrapperCol: {span: 8}} 优先级最高
-        }
-      }
-      // 当布局为 'vertical'或'inline'时，不配置栅格结构
-      if (layout !== 'horizontal') {
-        formLayout = {};
-      }
+      // 还需要判断 layout为vertical还是horizontal
+      // @ts-ignore
+      // formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : ((!displayLayout || JSON.stringify(displayLayout) === '{}') ? general.modalSize[size].formLayout : displayLayout))
+      // if (item.hasOwnProperty('display')) {
+      //   if (typeof display === 'string') {
+      //     if (display === 'block') {
+      //       // @ts-ignore
+      //       formLayout = displayLayout?.block || general.modalSize[size].formBlockLayout
+      //     } else {
+      //       // 使用默认
+      //       // formLayout = displayLayout?.side || (displayLayout?.block ? general.modalSize[size].formLayout : displayLayout) || general.modalSize[size].formLayout
+      //     }
+      //   } else {
+      //     formLayout = item.display // 对象类型传值如： {labelCol: {span: 3},wrapperCol: {span: 8}} 优先级最高
+      //   }
+      // }
+      // // 当布局为 'inline' 时，不配置栅格结构
+      // if (layout === 'inline') {
+      //   formLayout = {}
+      // }
       // title标题或html渲染
       if (type === 'title' || type === 'html') {
         return /*#__PURE__*/_react.default.createElement(FormItem, {
@@ -175,12 +287,12 @@ var RenderItemGroup = function RenderItemGroup(props) {
           noStyle: true,
           shouldUpdate: true
         }, function (FormInstance) {
-          var _a;
+          var _item$protoConfig;
           // isHide 返回为true则隐藏当前控件
-          return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/_react.default.createElement(_col.default, {
+          return !itemIsHide(isHide, FormInstance.getFieldValue(), FormInstance) ? /*#__PURE__*/_react.default.createElement(_antd.Col, {
             span: item.colSpan || 24
-          }, type === 'title' ? /*#__PURE__*/_react.default.createElement("h3", Object.assign({}, item.protoConfig, {
-            className: "modalPanelTitle ".concat(((_a = item === null || item === void 0 ? void 0 : item.protoConfig) === null || _a === void 0 ? void 0 : _a.className) || '')
+          }, type === 'title' ? /*#__PURE__*/_react.default.createElement("h3", _extends({}, item.protoConfig, {
+            className: "modalPanelTitle ".concat((item === null || item === void 0 || (_item$protoConfig = item.protoConfig) === null || _item$protoConfig === void 0 ? void 0 : _item$protoConfig.className) || '')
           }), label) : label) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, null);
         });
       }
@@ -198,17 +310,22 @@ var RenderItemGroup = function RenderItemGroup(props) {
       return renderColFormItem(item, index, formLayout);
     });
   };
+  var itemGroupCls = (0, _classnames.default)(componentName, componentName + '-' + layout, props === null || props === void 0 ? void 0 : props.className, hashId);
+  return wrapSSR( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null,
   // itemGroup = Array 则按以下结构渲染
-  if (itemGroup && Array.isArray(itemGroup)) {
-    // 布局配置为'vertical或inline'
-    if (layout !== 'horizontal') {
-      return renderItemGroupNode();
-    }
-    // 布局配置为horizontal
-    return /*#__PURE__*/_react.default.createElement(_row.default, null, renderItemGroupNode());
-  }
-  /* itemGroup = ReactNode则直接返回 */
-  return itemGroup;
+  itemGroup && Array.isArray(itemGroup) ? layout === 'inline' ?
+  /*#__PURE__*/
+  // renderItemGroupNode() // 不带标签
+  _react.default.createElement("div", {
+    className: itemGroupCls
+  }, renderItemGroupNode())
+  // 布局配置为horizontal或vertical
+  : /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    className: itemGroupCls,
+    gutter: layout === 'vertical' ? gutter || [20, 20] : gutter
+  }, renderItemGroupNode())
+  /* itemGroup = ReactNode则直接返回 */ : /*#__PURE__*/_react.default.createElement("div", {
+    className: itemGroupCls
+  }, itemGroup)));
 };
-var _default = RenderItemGroup;
-exports.default = _default;
+var _default = exports.default = RenderItemGroup;

package/lib/FormComp/RenderItemGroup/style/index.d.ts

@@ -0,0 +1,6 @@
+import { GlobalToken } from "antd";
+export interface ItemGroupTokenType extends GlobalToken {
+    [k: string]: any;
+}
+declare const ItemGroupStyleFunc: (prefix: string) => any;
+export default ItemGroupStyleFunc;

package/lib/FormComp/RenderItemGroup/style/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _genStyleHook = require("../../../theme/utils/genStyleHook");
+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); }
+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); }
+var ItemGroupStyleFunc = function ItemGroupStyleFunc(prefix) {
+  var prepareComponentToken = function prepareComponentToken(token) {
+    return {
+      // fontWeight: 400,
+    };
+  };
+  return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
+    var prefixCls = ".".concat(prefix);
+    return [_defineProperty({}, prefixCls, {
+      '&.spec-item-group-inline': {
+        display: 'flex',
+        flexWrap: 'wrap',
+        '.spec-item-group-form-item': {
+          marginBottom: token.marginMD
+        }
+      },
+      '&.spec-item-group-vertical': {
+        '.spec-item-group-form-item': {
+          marginBottom: 0
+        },
+        '.modalPanelTitle, .modal-grid-title': {
+          marginBottom: 0
+        }
+      },
+      '.modalPanelTitle, .modal-grid-title': {
+        margin: "0 0 ".concat(token.marginMD, "px 0"),
+        // paddingBottom: token.paddingXS,
+        borderBottom: "1px solid ".concat(token.colorBorder),
+        fontSize: token.fontSize
+      }
+    }), {}];
+  }, prepareComponentToken // 当前组件扩展的变量
+  );
+};
+var _default = exports.default = ItemGroupStyleFunc;