@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

package/es/ProForm/index.js

@@ -1,22 +1,10 @@
-var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "stopOnFirstError", "shouldUpdateDebounce"];
-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 _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 _omit from "lodash/omit";
+import _merge from "lodash/merge";
+import _isObject from "lodash/isObject";
 import { DoubleLeftOutlined } from '@ant-design/icons';
 import { Col, Form, Row, Space } from 'antd';
 import classnames from 'classnames';
 import React, { forwardRef, useImperativeHandle, useMemo, useEffect } from 'react';
-import { isObject, merge, omit } from 'lodash';
 import { FormFooter } from "./components";
 import RenderFields from "./components/render/RenderFields";
 import { useProConfig } from "../ProConfigProvider";
@@ -29,71 +17,61 @@ import useWatch from "./utils/useWatch";
 import FormsProvider, { useContextForms, useForms } from "../FormsProvider";
 import { useStep } from "../ProStep";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var ProForm = (props, ref) => {
-  var _localStorage, _ref3;
-  var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'search' : _props$mode,
-    span = props.span,
-    disabled = props.disabled,
-    isView = props.isView,
-    _props$columns = props.columns,
-    columns = _props$columns === void 0 ? [] : _props$columns,
-    footer = props.footer,
-    onOk = props.onOk,
-    okText = props.okText,
-    onCancel = props.onCancel,
-    confirmLoading = props.confirmLoading,
-    cancelText = props.cancelText,
-    originForm = props.form,
-    children = props.children,
-    rowProps = props.rowProps,
-    className = props.className,
-    expand = props.expand,
-    expandOpen = props.expandOpen,
-    expandOpenChange = props.expandOpenChange,
-    _props$viewEmpty = props.viewEmpty,
-    viewEmpty = _props$viewEmpty === void 0 ? '-' : _props$viewEmpty,
-    labelAlign = props.labelAlign,
-    labelWidth = props.labelWidth,
-    onValuesChange = props.onValuesChange,
-    onFinish = props.onFinish,
-    diffConfig = props.diffConfig,
-    submitOnEnter = props.submitOnEnter,
-    _props$clearNotShow = props.clearNotShow,
-    clearNotShow = _props$clearNotShow === void 0 ? true : _props$clearNotShow,
-    initialValues = props.initialValues,
-    _props$requiredOnView = props.requiredOnView,
-    requiredOnView = _props$requiredOnView === void 0 ? true : _props$requiredOnView,
-    formId = props.formId,
-    required = props.required,
-    formKey = props.formKey,
-    globalControl = props.globalControl,
-    _props$scrollToError = props.scrollToError,
-    scrollToError = _props$scrollToError === void 0 ? true : _props$scrollToError,
-    _props$optimize = props.optimize,
-    optimize = _props$optimize === void 0 ? false : _props$optimize,
-    _props$stopOnFirstErr = props.stopOnFirstError,
-    stopOnFirstError = _props$stopOnFirstErr === void 0 ? false : _props$stopOnFirstErr,
-    _props$shouldUpdateDe = props.shouldUpdateDebounce,
-    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 200 : _props$shouldUpdateDe,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  var config = useProConfig('ProForm');
+const ProForm = (props, ref) => {
+  const {
+    mode = 'search',
+    span,
+    disabled,
+    isView,
+    columns = [],
+    footer,
+    onOk,
+    okText,
+    onCancel,
+    confirmLoading,
+    cancelText,
+    form: originForm,
+    children,
+    rowProps,
+    className,
+    expand,
+    expandOpen,
+    expandOpenChange,
+    viewEmpty = '-',
+    labelAlign,
+    labelWidth,
+    onValuesChange,
+    onFinish,
+    diffConfig,
+    submitOnEnter,
+    clearNotShow = true,
+    initialValues,
+    requiredOnView = true,
+    formId,
+    required,
+    formKey,
+    globalControl,
+    scrollToError = true,
+    optimize = false,
+    stopOnFirstError = false,
+    shouldUpdateDebounce = 200,
+    ...otherProps
+  } = props;
+  const config = useProConfig('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示
-  var _ref = useProDrawerFormContext() || {},
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? '' : _ref$source;
+  const {
+    source = ''
+  } = useProDrawerFormContext() || {};
   // stepSource: 用于区分是哪个组件调用，用于错误提示
-  var _ref2 = useStep() || {},
-    _ref2$source = _ref2.source,
-    stepSource = _ref2$source === void 0 ? '' : _ref2$source;
-  var _useForm = useForm(originForm, {
-      scrollToError,
-      optimize,
-      formKey,
-      source: source || stepSource || 'ProForm'
-    }),
-    _useForm2 = _slicedToArray(_useForm, 1),
-    form = _useForm2[0];
+  const {
+    source: stepSource = ''
+  } = useStep() || {};
+  const [form] = useForm(originForm, {
+    scrollToError,
+    optimize,
+    formKey,
+    source: source || stepSource || 'ProForm'
+  });
 
   // 保存内部配置
   useEffect(() => {
@@ -103,35 +81,33 @@ var ProForm = (props, ref) => {
     form.__INTERNAL_CONFIG__.fields = getFormFieldPaths(form);
     form.__INTERNAL_CONFIG__.stopOnFirstError = stopOnFirstError;
   }, [stopOnFirstError, form]);
-  var _useControlled = useControlled({
-      value: expandOpen,
-      onChange: expandOpenChange
-    }),
-    _useControlled2 = _slicedToArray(_useControlled, 2),
-    openState = _useControlled2[0],
-    setOpenState = _useControlled2[1];
-  var _getLayout = getLayout({
-      span,
-      form
-    }),
-    formProps = _getLayout.formProps,
-    colProps = _getLayout.colProps,
-    _onOk = _getLayout.onOk,
-    _onCancel = _getLayout.onCancel;
+  const [openState, setOpenState] = useControlled({
+    value: expandOpen,
+    onChange: expandOpenChange
+  });
+  const {
+    formProps,
+    colProps,
+    onOk: _onOk,
+    onCancel: _onCancel
+  } = getLayout({
+    span,
+    form
+  });
 
   // 初始值names转换
-  var _initialValues = useMemo(() => {
-    var values = initialValuesToNames(initialValues, columns);
+  const _initialValues = useMemo(() => {
+    const values = initialValuesToNames(initialValues, columns);
     return values;
   }, []);
 
   /**
    * 展开&收起函数
    */
-  var expandHandle = () => {
-    setOpenState === null || setOpenState === void 0 || setOpenState(!openState);
+  const expandHandle = () => {
+    setOpenState?.(!openState);
   };
-  var expandRender = () => {
+  const expandRender = () => {
     return !!expand && columns.length > Number(expand) && /*#__PURE__*/_jsx("div", {
       className: "expand-button",
       onClick: expandHandle,
@@ -148,7 +124,7 @@ var ProForm = (props, ref) => {
       })
     });
   };
-  var defaultFooter = footerConfig => {
+  const defaultFooter = footerConfig => {
     return /*#__PURE__*/_jsx(FormFooter, {
       formId: formId,
       onOk: onOk || _onOk,
@@ -165,65 +141,66 @@ var ProForm = (props, ref) => {
   useImperativeHandle(ref, () => form);
 
   // 解决平铺后的值拿不到的问题
-  var handleValuesChange = changedValue => {
+  const handleValuesChange = changedValue => {
     if (!onValuesChange) return;
 
     // 暂时通过'-'区分组合组件字段和普通字段
-    var keys = Object.keys(changedValue);
+    const keys = Object.keys(changedValue);
     if (!keys.length) {
       onValuesChange(filterInternalFields(changedValue, optimize), form.getFieldsValue());
     } else {
-      var values = keys.map(key => {
+      const values = keys.map(key => {
         if (key.includes('-')) {
-          var comKeys = [];
+          let comKeys = [];
           comKeys = key.split('-').map(keyStr => keyStr.split('_'));
           return form.getFieldsValue(comKeys);
         }
         return {};
       });
-      onValuesChange(filterInternalFields(merge(changedValue, ...values), optimize), form.getFieldsValue());
+      onValuesChange(filterInternalFields(_merge(changedValue, ...values), optimize), form.getFieldsValue());
     }
   };
 
   // 包装一层兼容 names 改变
-  var handleFinish = () => {
-    onFinish === null || onFinish === void 0 || onFinish(form.getFieldsValue());
+  const handleFinish = () => {
+    onFinish?.(form.getFieldsValue());
   };
-  var cls = classnames({
+  const cls = classnames({
     'pro-form': true,
     'pro-form-view': isView,
     [className]: className
   });
-  var footerCls = classnames({
+  const footerCls = classnames({
     'pro-form-custom-footer': true
   });
-  var footerRender = () => {
-    var footerEle = null;
+  const footerRender = () => {
+    let footerEle = null;
     if (isView || disabled) {
       // 查看或禁用模式
       footerEle = null;
     } else if ( /*#__PURE__*/React.isValidElement(footer)) {
       // 传入组件渲染组件
       footerEle = footer;
-    } else if (footer === undefined || footer || isObject(footer)) {
+    } else if (footer === undefined || footer || _isObject(footer)) {
       // 不传或者传入对象 渲染默认
       footerEle = defaultFooter(footer);
     }
 
     // 展开折叠按钮
-    var expandEle = expandRender();
-    var hasElement = footerEle || expandEle;
-    return hasElement ? /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, colProps), {}, {
+    const expandEle = expandRender();
+    const hasElement = footerEle || expandEle;
+    return hasElement ? /*#__PURE__*/_jsx(Col, {
+      ...colProps,
       className: footerCls,
       children: /*#__PURE__*/_jsxs(Space, {
         align: "center",
         children: [footerEle, expandEle]
       })
-    })) : null;
+    }) : null;
   };
 
   // 国际化，非中文时默认上下布局
-  if ((_localStorage = localStorage) !== null && _localStorage !== void 0 && _localStorage.locale && localStorage.locale !== 'zh-CN') {
+  if (localStorage?.locale && localStorage.locale !== 'zh-CN') {
     // 一行布局时，左右布局
     if (span === 24) {
       otherProps.layout = otherProps.layout || 'horizontal';
@@ -234,8 +211,8 @@ var ProForm = (props, ref) => {
   }
 
   // 过滤掉自定义 props，避免传递到 DOM 元素
-  var filteredOtherProps = omit(otherProps, ['desensitizationKey']);
-  return /*#__PURE__*/_jsxs(Form, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  const filteredOtherProps = _omit(otherProps, ['desensitizationKey']);
+  return /*#__PURE__*/_jsxs(Form, {
     onKeyPress: event => {
       if (!submitOnEnter) return;
       if (event.key === 'Enter') {
@@ -243,15 +220,17 @@ var ProForm = (props, ref) => {
       }
     },
     className: cls,
-    form: form
-  }, formProps), omit(config, ['isDiffAll'])), filteredOtherProps), {}, {
-    labelAlign: (_ref3 = labelAlign !== null && labelAlign !== void 0 ? labelAlign : config.labelAlign) !== null && _ref3 !== void 0 ? _ref3 : 'left',
+    form: form,
+    ...formProps,
+    ..._omit(config, ['isDiffAll']),
+    ...filteredOtherProps,
+    labelAlign: labelAlign ?? config.labelAlign ?? 'left',
     onValuesChange: handleValuesChange,
     onFinish: handleFinish,
     initialValues: _initialValues,
-    children: [/*#__PURE__*/_jsxs(Row, _objectSpread(_objectSpread({
-      gutter: 24
-    }, rowProps), {}, {
+    children: [/*#__PURE__*/_jsxs(Row, {
+      gutter: 24,
+      ...rowProps,
       children: [/*#__PURE__*/_jsx(RenderFields, {
         form: form,
         isView: isView,
@@ -271,37 +250,43 @@ var ProForm = (props, ref) => {
         globalControl: globalControl,
         shouldUpdateDebounce: shouldUpdateDebounce
       }), footerRender()]
-    })), children]
-  }));
+    }), children]
+  });
 };
-var ProFormForward = /*#__PURE__*/forwardRef(ProForm);
+const ProFormForward = /*#__PURE__*/forwardRef(ProForm);
 ProFormForward.useForm = useForm;
 ProFormForward.useWatch = useWatch;
-export var ProFormProvider = props => {
-  var onFormChange = props.onFormChange,
-    onFormFinish = props.onFormFinish,
-    children = props.children;
-  var handleFormChange = (formName, info) => {
-    var changedFields = info.changedFields;
-    var _changedFields = changedFields.flatMap(item => {
-      var _item$value = item.value,
-        value = _item$value === void 0 ? [] : _item$value;
-      var name = item.name;
-      var namesStr = name[name.length - 1];
+export const ProFormProvider = props => {
+  const {
+    onFormChange,
+    onFormFinish,
+    children
+  } = props;
+  const handleFormChange = (formName, info) => {
+    const {
+      changedFields
+    } = info;
+    const _changedFields = changedFields.flatMap(item => {
+      const {
+        value = []
+      } = item;
+      const name = item.name;
+      const namesStr = name[name.length - 1];
 
       // name中的最后一位如果包含 '-' 则是names组件
-      var isNames = String(namesStr).includes('-');
+      const isNames = String(namesStr).includes('-');
       if (!isNames) return item; // 不是names组件直接返回
 
-      var namesList = splitNameStr(String(namesStr)); // 拆解出name列表
+      const namesList = splitNameStr(String(namesStr)); // 拆解出name列表
 
-      var prefix = name.slice(0, name.length - 1);
+      const prefix = name.slice(0, name.length - 1);
       return namesList.map((nameItem, index) => {
-        return _objectSpread(_objectSpread({}, item), {}, {
+        return {
+          ...item,
           name: [...prefix, ...nameItem],
           // 拼接前缀 组成完整name
           value: value[index]
-        });
+        };
       });
     });
     info.changedFields = _changedFields;

package/es/ProForm/propsType.js

@@ -1,4 +1,4 @@
-export var otherKeys = ['isView', 'viewEmpty', 'label', 'valueType', 'viewType', 'name', 'names', 'form', 'type', 'hiddenNames'];
+export const otherKeys = ['isView', 'viewEmpty', 'label', 'valueType', 'viewType', 'name', 'names', 'form', 'type', 'hiddenNames'];
 
 /**
  * ProForm 组件接口类型

package/es/ProForm/style/index.less

@@ -11,26 +11,26 @@
 @import '../components/combination/Container/style/index.less';
 
 .pro-form {
-  .pro-container{
+  .pro-container {
     .pro-collapse {
-      .pro-collapse-panel{
-        .@{ant-prefix}-collapse-header{
-          border-radius:var(--zaui-border-radius, 8px) !important;
+      .pro-collapse-panel {
+        .@{ant-prefix}-collapse-header {
+          border-radius: var(--zaui-border-radius, 8px) !important;
         }
-        &.@{ant-prefix}-collapse-item-active{
-          .@{ant-prefix}-collapse-header{
-            border-radius:var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
+        &.@{ant-prefix}-collapse-item-active {
+          .@{ant-prefix}-collapse-header {
+            border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
           }
         }
       }
     }
-    .pro-collapse-content{
+    .pro-collapse-content {
       margin: 0;
       border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
     }
   }
   .@{ant-prefix}-input-disabled {
-   border-radius: 6px !important;
+    border-radius: 6px !important;
   }
   &.@{ant-prefix}-form-vertical {
     .@{ant-prefix}-form-item .@{ant-prefix}-form-item-label {
@@ -50,12 +50,10 @@
     }
   }
 
-  .pro-modal-select-parent-open  .@{ant-prefix}-tooltip {
+  .pro-modal-select-parent-open .@{ant-prefix}-tooltip {
     display: none !important;
   }
 
-
-
   .@{ant-prefix}-form-item-control-input {
     flex-grow: 1;
     max-width: 100%;
@@ -78,8 +76,9 @@
   }
 
   &.pro-form-view {
-    .pro-group{
-      .@{ant-prefix}-space-item, .pro-form-view-container{
+    .pro-group {
+      .@{ant-prefix}-space-item,
+      .pro-form-view-container {
         width: max-content;
       }
     }
@@ -125,7 +124,6 @@
   }
 
   .@{ant-prefix}-form-item {
-
     &.pro-form-item-width-auto {
       .@{ant-prefix}-form-item-control-input {
         width: 100%;
@@ -155,7 +153,6 @@
       display: none;
     }
 
-
     .@{ant-prefix}-input-number {
       width: 100%;
     }
@@ -196,8 +193,8 @@
     margin-left: @zaui-space-size-sm;
   }
 
-  .pro-form-input-space-compact{
-    .@{ant-prefix}-btn{
+  .pro-form-input-space-compact {
+    .@{ant-prefix}-btn {
       color: #333;
     }
   }
@@ -211,14 +208,14 @@
     .site-input-split {
       border-color: @zaui-danger;
     }
-    .pro-form-input-space-compact{
-      .@{ant-prefix}-btn{
+    .pro-form-input-space-compact {
+      .@{ant-prefix}-btn {
         color: @zaui-danger;
         border-color: @zaui-danger;
       }
     }
-    .pro-tree-modal{
-      .pro-enum-input-addonAfter{
+    .pro-tree-modal {
+      .pro-enum-input-addonAfter {
         border-color: @zaui-danger;
         color: @zaui-danger;
       }
@@ -368,17 +365,18 @@
     border-radius: 4px;
     background: @zaui-contract-bg !important;
 
-    .pro-address{
-      .@{ant-prefix}-cascader{
+    .pro-address {
+      .@{ant-prefix}-cascader {
         background: @zaui-contract-bg !important;
       }
     }
 
-    .@{ant-prefix}-input,  .@{ant-prefix}-select {
+    .@{ant-prefix}-input,
+    .@{ant-prefix}-select {
       background: @zaui-contract-bg !important;
       border-radius: 6px;
     }
-    .@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector{
+    .@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector {
       background: @zaui-contract-bg !important;
     }
 
@@ -430,16 +428,17 @@
     }
 
     // checkbox
-    .@{ant-prefix}-checkbox-group,.pro-switch-checkbox {
-      padding: 5px 0
+    .@{ant-prefix}-checkbox-group,
+    .pro-switch-checkbox {
+      padding: 5px 0;
     }
     // switch
     &:has(.@{ant-prefix}-switch) {
       padding: 5px 0;
     }
-    
+
     // textArea
-    .@{ant-prefix}-input-textarea > textarea  {
+    .@{ant-prefix}-input-textarea > textarea {
       background: @zaui-contract-bg !important;
     }
 
@@ -450,7 +449,6 @@
     }
   }
 
-
   // 比较原始值场景下  不同时的样式
   .pro-form-item-add {
     border-radius: 4px;
@@ -459,8 +457,8 @@
     .@{ant-prefix}-input {
       background: @zaui-contract-bg-add !important;
     }
-    
-    .@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector{
+
+    .@{ant-prefix}-select.@{ant-prefix}-select-disabled .@{ant-prefix}-select-selector {
       background: @zaui-contract-bg-add !important;
     }
 
@@ -512,20 +510,20 @@
     }
 
     // checkbox
-    .@{ant-prefix}-checkbox-group,.pro-switch-checkbox {
-      padding: 5px 0
+    .@{ant-prefix}-checkbox-group,
+    .pro-switch-checkbox {
+      padding: 5px 0;
     }
     // switch
     &:has(.@{ant-prefix}-switch) {
       padding: 5px 0;
     }
-    
+
     // textArea
     .@{ant-prefix}-input-textarea > textarea {
       background: @zaui-contract-bg-add !important;
     }
 
-
     .pro-form-view-container {
       padding: 4px 8px;
       background: @zaui-contract-bg-add;
@@ -534,7 +532,7 @@
   }
 }
 
-.original-value-tooltip{
+.original-value-tooltip {
   width: max-content;
   max-width: 100%;
   .changed-tooltip {
@@ -542,11 +540,11 @@
       .ant-space-item:nth-child(1) {
         white-space: nowrap;
       }
-      .pro-group{
-        .ant-space-compact{
+      .pro-group {
+        .ant-space-compact {
           display: block;
         }
-        .pro-form-view-container{
+        .pro-form-view-container {
           word-break: keep-all;
         }
       }
@@ -562,6 +560,3 @@
 .original-value-tooltip-fixed {
   position: fixed;
 }
-
-
-