@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/old/ProEditableTable/utils.js

@@ -18,9 +18,9 @@ import "antd/es/date-picker/style";
 import _DatePicker from "antd/es/date-picker";
 import "antd/es/select/style";
 import _Select from "antd/es/select";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { cloneDeep } from 'lodash';
 import moment from 'moment';
-import React from 'react';
 import { InputRange } from '../../ProForm/components';
 var Option = _Select.Option;
 var RangePicker = _DatePicker.RangePicker;
@@ -88,130 +88,138 @@ var FormItemComponent = function FormItemComponent(props) {
       dateProps = rangePickerTransform(formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.format);
     }
   }
-  return /*#__PURE__*/React.createElement(_Form.Item, _objectSpread(_objectSpread({
+  return _jsx(_Form.Item, _objectSpread(_objectSpread(_objectSpread({
     name: name
-  }, dateProps), formItemProps), function () {
-    var element = /*#__PURE__*/React.createElement(_Input, _objectSpread({}, formChildrenProps));
-    switch (type) {
-      case 'Input':
-        element = /*#__PURE__*/React.createElement(_Input, _objectSpread({
-          allowClear: true,
-          autoComplete: "off",
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
-          maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 200
-        }, formChildrenProps));
-        break;
-      case 'InputNumber':
-        element = /*#__PURE__*/React.createElement(_InputNumber, _objectSpread({
-          autoComplete: "off",
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
-          style: {
-            width: '100%'
-          }
-        }, formChildrenProps));
-        break;
-      case 'InputRange':
-        element = /*#__PURE__*/React.createElement(InputRange, _objectSpread({}, formChildrenProps));
-        break;
-      case 'TextArea':
-        element = /*#__PURE__*/React.createElement(TextArea, _objectSpread({
-          autoComplete: "off",
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
-          autoSize: {
-            minRows: 4
-          },
-          maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 500
-        }, formChildrenProps));
-        break;
-      case 'Select':
-        {
-          var optionProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-          var selectProps = _objectSpread({}, formChildrenProps);
-          delete selectProps.dataSource;
-          element = /*#__PURE__*/React.createElement(_Select, _objectSpread(_objectSpread({
+  }, dateProps), formItemProps), {}, {
+    children: function () {
+      var element = _jsx(_Input, _objectSpread({}, formChildrenProps));
+      switch (type) {
+        case 'Input':
+          element = _jsx(_Input, _objectSpread({
             allowClear: true,
-            showSearch: true,
-            dropdownMatchSelectWidth: false,
-            filterOption: function filterOption(input, option) {
-              return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-            },
-            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
-          }, selectProps), {}, {
-            onChange: function onChange(value, record) {
-              var newRecord = _objectSpread({}, record);
-              delete newRecord.children;
-              selectProps.onChange && selectProps.onChange(value, newRecord);
+            autoComplete: "off",
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
+            maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 200
+          }, formChildrenProps));
+          break;
+        case 'InputNumber':
+          element = _jsx(_InputNumber, _objectSpread({
+            autoComplete: "off",
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
+            style: {
+              width: '100%'
             }
-          }), optionProps.length && optionProps.map(function (selectItem) {
-            return /*#__PURE__*/React.createElement(Option, _objectSpread({
-              key: selectItem.code,
-              value: selectItem.code
-            }, selectItem), selectItem.name);
-          }));
+          }, formChildrenProps));
           break;
-        }
-      case 'DatePicker':
-        element = /*#__PURE__*/React.createElement(_DatePicker, _objectSpread(_objectSpread({
-          style: {
-            width: '100%'
-          }
-        }, formChildrenProps), {}, {
-          suffixIcon: true
-        }));
-        break;
-      case 'RangePicker':
-        element = /*#__PURE__*/React.createElement(RangePicker, _objectSpread({
-          picker: "date",
-          style: {
-            width: '100%'
+        case 'InputRange':
+          element = _jsx(InputRange, _objectSpread({}, formChildrenProps));
+          break;
+        case 'TextArea':
+          element = _jsx(TextArea, _objectSpread({
+            autoComplete: "off",
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
+            autoSize: {
+              minRows: 4
+            },
+            maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 500
+          }, formChildrenProps));
+          break;
+        case 'Select':
+          {
+            var optionProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
+            var selectProps = _objectSpread({}, formChildrenProps);
+            delete selectProps.dataSource;
+            element = _jsx(_Select, _objectSpread(_objectSpread({
+              allowClear: true,
+              showSearch: true,
+              dropdownMatchSelectWidth: false,
+              filterOption: function filterOption(input, option) {
+                return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+              },
+              placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
+            }, selectProps), {}, {
+              onChange: function onChange(value, record) {
+                var newRecord = _objectSpread({}, record);
+                delete newRecord.children;
+                selectProps.onChange && selectProps.onChange(value, newRecord);
+              },
+              children: optionProps.length && optionProps.map(function (selectItem) {
+                return _jsx(Option, _objectSpread(_objectSpread({
+                  value: selectItem.code
+                }, selectItem), {}, {
+                  children: selectItem.name
+                }), selectItem.code);
+              })
+            }));
+            break;
           }
-        }, formChildrenProps));
-        break;
-      case 'Cascader':
-        element = /*#__PURE__*/React.createElement(_Cascader, _objectSpread({
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
-        }, formChildrenProps));
-        break;
-      case 'Radio':
-        {
-          var radioProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-          var groupProps = _objectSpread({}, formChildrenProps);
-          delete groupProps.dataSource;
-          element = /*#__PURE__*/React.createElement(_Radio.Group, _objectSpread({}, groupProps), radioProps.length && radioProps.map(function (radioItem) {
-            return /*#__PURE__*/React.createElement(_Radio, {
-              value: radioItem.code,
-              key: radioItem.code
-            }, radioItem.name);
+        case 'DatePicker':
+          element = _jsx(_DatePicker, _objectSpread(_objectSpread({
+            style: {
+              width: '100%'
+            }
+          }, formChildrenProps), {}, {
+            suffixIcon: true
           }));
           break;
-        }
-      case 'Checkbox':
-        {
-          var checkProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-          var checkBoxProps = _objectSpread({}, formChildrenProps);
-          delete checkBoxProps.dataSource;
-          element = /*#__PURE__*/React.createElement(_Checkbox.Group, {
+        case 'RangePicker':
+          element = _jsx(RangePicker, _objectSpread({
+            picker: "date",
             style: {
               width: '100%'
             }
-          }, checkProps.length && checkProps.map(function (checkItem) {
-            return /*#__PURE__*/React.createElement(_Checkbox, _objectSpread({
-              key: checkItem.value,
-              value: checkItem.value,
-              disabled: checkItem === null || checkItem === void 0 ? void 0 : checkItem.disabled
-            }, checkBoxProps), checkItem.label);
-          }));
+          }, formChildrenProps));
           break;
-        }
-      case 'Switch':
-        element = /*#__PURE__*/React.createElement(_Switch, _objectSpread({
-          checkedChildren: "\u662F",
-          unCheckedChildren: "\u5426"
-        }, formChildrenProps));
-        break;
-    }
-    return element;
-  }());
+        case 'Cascader':
+          element = _jsx(_Cascader, _objectSpread({
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
+          }, formChildrenProps));
+          break;
+        case 'Radio':
+          {
+            var radioProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
+            var groupProps = _objectSpread({}, formChildrenProps);
+            delete groupProps.dataSource;
+            element = _jsx(_Radio.Group, _objectSpread(_objectSpread({}, groupProps), {}, {
+              children: radioProps.length && radioProps.map(function (radioItem) {
+                return _jsx(_Radio, {
+                  value: radioItem.code,
+                  children: radioItem.name
+                }, radioItem.code);
+              })
+            }));
+            break;
+          }
+        case 'Checkbox':
+          {
+            var checkProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
+            var checkBoxProps = _objectSpread({}, formChildrenProps);
+            delete checkBoxProps.dataSource;
+            element = _jsx(_Checkbox.Group, {
+              style: {
+                width: '100%'
+              },
+              children: checkProps.length && checkProps.map(function (checkItem) {
+                return _jsx(_Checkbox, _objectSpread(_objectSpread({
+                  value: checkItem.value,
+                  disabled: checkItem === null || checkItem === void 0 ? void 0 : checkItem.disabled
+                }, checkBoxProps), {}, {
+                  children: checkItem.label
+                }), checkItem.value);
+              })
+            });
+            break;
+          }
+        case 'Switch':
+          element = _jsx(_Switch, _objectSpread({
+            checkedChildren: "\u662F",
+            unCheckedChildren: "\u5426"
+          }, formChildrenProps));
+          break;
+      }
+      return element;
+    }()
+  }));
 };
 export var transformColumns = function transformColumns() {
   var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -233,10 +241,10 @@ export var transformColumns = function transformColumns() {
     };
     if (item.required && typeof item.title === 'string') {
       item.localTitle = function () {
-        return /*#__PURE__*/React.createElement("span", {
-          key: item.title || cIndex,
-          className: "table-title-required"
-        }, item.title);
+        return _jsx("span", {
+          className: "table-title-required",
+          children: item.title
+        }, item.title || cIndex);
       };
       item.title = item.localTitle();
     }
@@ -244,7 +252,7 @@ export var transformColumns = function transformColumns() {
       var editable = item === null || item === void 0 ? void 0 : item.localEditable(renderText, renderRecord, renderIndex);
       if (!disabled && editable && (renderRecord === null || renderRecord === void 0 ? void 0 : renderRecord.editable)) {
         var _values$renderIndex, _values$renderIndex2;
-        return /*#__PURE__*/React.createElement(FormItemComponent, {
+        return _jsx(FormItemComponent, {
           name: [renderIndex, item.dataIndex || item.key],
           type: item.type || 'input',
           formItemProps: item.formItemProps && item.formItemProps(renderText, renderRecord, renderIndex, (_values$renderIndex = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex !== void 0 ? _values$renderIndex : {}) || {},
@@ -254,7 +262,9 @@ export var transformColumns = function transformColumns() {
       var viewRender = item === null || item === void 0 ? void 0 : item.viewRender;
       if (viewRender) {
         var _values$renderIndex3;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, viewRender(renderText, renderRecord, renderIndex, (_values$renderIndex3 = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex3 !== void 0 ? _values$renderIndex3 : {}));
+        return _jsx(_Fragment, {
+          children: viewRender(renderText, renderRecord, renderIndex, (_values$renderIndex3 = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex3 !== void 0 ? _values$renderIndex3 : {})
+        });
       }
       // table回显取label值
       if (type === 'Select') {
@@ -263,13 +273,19 @@ export var transformColumns = function transformColumns() {
           _item$formChildrenPro2 = _item$formChildrenPro.dataSource,
           dataSource = _item$formChildrenPro2 === void 0 ? [] : _item$formChildrenPro2;
         if (!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
-          return /*#__PURE__*/React.createElement(React.Fragment, null, renderRecord[item.dataIndex || item.key] || '-');
+          return _jsx(_Fragment, {
+            children: renderRecord[item.dataIndex || item.key] || '-'
+          });
         }
-        return /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(dataSource) ? (_dataSource$find = dataSource.find(function (item) {
-          return item.code === renderText;
-        })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.name : '-');
+        return _jsx(_Fragment, {
+          children: Array.isArray(dataSource) ? (_dataSource$find = dataSource.find(function (item) {
+            return item.code === renderText;
+          })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.name : '-'
+        });
       }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, renderRecord[item.dataIndex || item.key] || '-');
+      return _jsx(_Fragment, {
+        children: renderRecord[item.dataIndex || item.key] || '-'
+      });
     };
     var originRender = item === null || item === void 0 ? void 0 : item.render;
     var render = function render(formValues) {

package/es/style/components.less

@@ -13,6 +13,7 @@
 @import '../ProUpload/style/index';
 @import '../ProTreeSelect/style/index';
 @import '../ProTreeModal/style/index';
+@import '../ProTree/style/index';
 
 // 数据录入
 @import '../ProDrawerForm/style/index';
@@ -22,13 +23,11 @@
 
 // 通用
 @import '../ProIcon/style/index';
-@import '../ProTransferModal/style/index';
 @import '../ProThemeTools/style/index';
+@import '../ProDownload/style/index';
 
 
 
 // old 待废弃
-@import '../old/ProEnumSelectModal/style/index';
 @import '../old/ProBackBtn/style/index';
-@import '../old/ProCustomColumn/style/index';
-@import '../old/ProEditableTable/style/index';
+@import '../old/ProEditableTable/style/index';

package/es/style/theme/antd.less

@@ -21,8 +21,7 @@
 
     // label 超过130px换行
     .ant-form-item-label {
-      width        : @zaui-form-label-width;
-      max-width    : @zaui-form-label-width;
+      flex         : 0 0 @zaui-form-label-width;
       overflow     : initial;
       line-height  : 1;
       text-align   : @zaui-form-align;
@@ -87,7 +86,7 @@
   }
 
   .ant-form-item {
-    margin-bottom: @zaui-height-border;
+    margin-bottom: 22px !important;
   }
 }
 
@@ -102,6 +101,13 @@
 
 // ant-table
 .ant-table {
+  &.pro-table-no-stripe {
+    .ant-table-tbody {
+      .ant-table-row {
+        background: #fff !important;
+      }
+    }
+  }
 
   // 空态图白色
   .ant-table-placeholder {
@@ -403,7 +409,7 @@
   font-size: @zaui-font-size  !important;
 
   &.ant-table-pagination {
-    margin: @zaui-height-border 0;
+    margin: @zaui-height-size-md 0;
   }
 
   .ant-pagination-item {
@@ -675,4 +681,4 @@
 // 气泡框样式
 .ant-popover {
   width: max-content;
-}
+}

package/es/style/theme/index.less

@@ -1,168 +1,87 @@
 @import '../core/index.less';
+@import './tokens.less';
 
 /* 兼容IE11  默认会生成2个值，默认值，var值。IE11下读取默认值 */
 :root {
-  --zaui-global-bg                  : #ffffff;
-  --zaui-base-bg                    : #ffffff;
-  --zaui-brand                      : #006aff;
-  --zaui-brand-hover                : #3387ff;
-  --zaui-brand-active               : #005ad9;
-  --zaui-brand-disabled             : #99c3ff;
-  --zaui-text                       : #343434;
-  --zaui-text-weak                  : #616161;
-  --zaui-aide-text                  : #909090;
-  --zaui-placeholder                : #a0a0a0;
-  --zaui-link                       : var(--zaui-brand);
-  --zaui-link-light-active          : var(--zaui-brand-active);
-  --zaui-line                       : #DCDCDC;
-  --zaui-dividing-line              : #DCDCDC;
-  --zaui-area                       : #fafafa;
-  --zaui-shadow                     : rgba(56, 56, 56, 0.15);
-  --zaui-form-control-line          : var(--zaui-line);
-  --zaui-form-control-line-hover    : var(--zaui-brand-hover);
-  --zaui-form-control-line-active   : var(--zaui-brand-active);
-  --zaui-list-item-active-bg        : var(--zaui-brand);
-  --zaui-list-item-active-hover-bg  : var(--zaui-brand);
-  --zaui-list-item-selected-bg      : var(--zaui-brand);
+  --zaui-global-bg: #ffffff;
+  --zaui-base-bg: #ffffff;
+  --zaui-brand: #006aff;
+  --zaui-brand-hover: #3387ff;
+  --zaui-brand-active: #005ad9;
+  --zaui-brand-disabled: #99c3ff;
+  --zaui-text: #343434;
+  --zaui-text-weak: #616161;
+  --zaui-aide-text: #909090;
+  --zaui-placeholder: #a0a0a0;
+  --zaui-link: var(--zaui-brand);
+  --zaui-link-light-active: var(--zaui-brand-active);
+  --zaui-line: #dcdcdc;
+  --zaui-dividing-line: #dcdcdc;
+  --zaui-area: #fafafa;
+  --zaui-shadow: rgba(56, 56, 56, 0.15);
+  --zaui-form-control-line: var(--zaui-line);
+  --zaui-form-control-line-hover: var(--zaui-brand-hover);
+  --zaui-form-control-line-active: var(--zaui-brand-active);
+  --zaui-list-item-active-bg: var(--zaui-brand);
+  --zaui-list-item-active-hover-bg: var(--zaui-brand);
+  --zaui-list-item-selected-bg: var(--zaui-brand);
   --zaui-list-item-selected-hover-bg: var(--zaui-brand);
-  --zaui-disabled-bg                : #f2f2f2;
-  --zaui-disabled-text              : #333333;
-  --zaui-feedback-overlay-bg        : rgba(0, 0, 0, 0.7);
-  --zaui-feedback-overlay-text      : #343434;
-  --zaui-primary                    : var(--zaui-brand);
-  --zaui-primary-hover              : var(--zaui-brand-hover);
-  --zaui-primary-active             : var(--zaui-brand-active);
-  --zaui-danger-line                : var(--zaui-line);
-  --zaui-danger-bg                  : #fff2f0;
-  --zaui-warning-line               : var(--zaui-line);
-  --zaui-warning-bg                 : #fffbe6;
-  --zaui-info-line                  : var(--zaui-line);
-  --zaui-info-bg                    : #e6f7ff;
-  --zaui-success-line               : var(--zaui-line);
-  --zaui-success-bg                 : #f6ffed;
-  --zaui-danger                     : #ff5050;
-  --zaui-warning                    : #ec9131;
-  --zaui-success                    : #00ae4d;
-  --zaui-menu-top-bg                : #ffffff;
-  --zaui-menu-left-bg               : #1a202d;
-  --zaui-menu-second-bg             : #ffffff;
-  --zaui-form-align                 : left;
-  --zaui-table-header-bg            : #f2f3f5;
-  --zaui-table-strip-bg             : #fafafa;
-  --zaui-table-hover-bg             : #fafafa;
-  --zaui-table-selected-bg          : var(--zaui-table-hover-bg); // 默认同悬停
-  --zaui-table-selected-hover-bg    : var(--zaui-table-hover-bg); // 默认同悬停
-  @zaui-table—nested-bg             : #FAFCFE;
-  --zaui-form-label-width           : 130px; // 8个全角字符宽度
-  --zaui-border-radius              : 4px;
-  --zaui-border-radius-card         : 2px;
-  --zaui-font-size-title            : 16px;
-  --zaui-font-size-card-title       : var(--zaui-font-size-title);
-  --zaui-font-size                  : 14px;
-  --zaui-font-size-sm               : 12px;
-  --zaui-font-size-md               : var(--zaui-font-size);
-  --zaui-font-size-lg               : 16px;
-  --zaui-font-size-xl               : 18px;
-  --zaui-font-size-xxl              : 20px;
-  --zaui-font-size-lg-title         : 24px;
-  --zaui-height-border              : var(--zaui-height-size-md);
-  --zaui-height-card                : var(--zaui-height-size-lg);
-  --zaui-height-size-xs             : 4px;
-  --zaui-height-size-sm             : 8px;
-  --zaui-height-size-md             : 16px;
-  --zaui-height-size-lg             : 32px;
-  --zaui-height-size-xl             : 64px;
-  --zaui-space-border               : var(--zaui-space-size-md); // 兼容1.1.35一下版本 变量
-  --zaui-space-card                 : var(--zaui-space-size-lg);
-  --zaui-space-size-xs              : 4px;
-  --zaui-space-size-sm              : 8px;
-  --zaui-space-size-md              : 16px;
-  --zaui-space-size-lg              : 32px;
-  --zaui-space-size-xl              : 64px;
+  --zaui-disabled-bg: #f2f2f2;
+  --zaui-disabled-text: #333333;
+  --zaui-feedback-overlay-bg: rgba(0, 0, 0, 0.7);
+  --zaui-feedback-overlay-text: #343434;
+  --zaui-primary: var(--zaui-brand);
+  --zaui-primary-hover: var(--zaui-brand-hover);
+  --zaui-primary-active: var(--zaui-brand-active);
+  --zaui-danger-line: var(--zaui-line);
+  --zaui-danger-bg: #fff2f0;
+  --zaui-warning-line: var(--zaui-line);
+  --zaui-warning-bg: #fffbe6;
+  --zaui-info-line: var(--zaui-line);
+  --zaui-info-bg: #e6f7ff;
+  --zaui-success-line: var(--zaui-line);
+  --zaui-success-bg: #f6ffed;
+  --zaui-danger: #ff5050;
+  --zaui-warning: #ec9131;
+  --zaui-success: #00ae4d;
+  --zaui-menu-top-bg: #ffffff;
+  --zaui-menu-left-bg: #1a202d;
+  --zaui-menu-second-bg: #ffffff;
+  --zaui-form-align: left;
+  --zaui-table-header-bg: #f2f3f5;
+  --zaui-table-strip-bg: #fafafa;
+  --zaui-table-hover-bg: #fafafa;
+  --zaui-table-selected-bg: var(--zaui-table-hover-bg); // 默认同悬停
+  --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg); // 默认同悬停
+  --zaui-table-nested-bg: #fafcfe;
+  --zaui-form-label-width: 130px; // 8个全角字符宽度
+  --zaui-border-radius: 4px;
+  --zaui-border-radius-card: 2px;
+  --zaui-font-size-title: 16px;
+  --zaui-font-size-card-title: var(--zaui-font-size-title);
+  --zaui-font-size: 14px;
+  --zaui-font-size-sm: 12px;
+  --zaui-font-size-md: var(--zaui-font-size);
+  --zaui-font-size-lg: 16px;
+  --zaui-font-size-xl: 18px;
+  --zaui-font-size-xxl: 20px;
+  --zaui-font-size-lg-title: 24px;
+  --zaui-height-border: var(--zaui-height-size-md);
+  --zaui-height-card: var(--zaui-height-size-lg);
+  --zaui-height-size-xs: 4px;
+  --zaui-height-size-sm: 8px;
+  --zaui-height-size-md: 16px;
+  --zaui-height-size-lg: 32px;
+  --zaui-height-size-xl: 64px;
+  --zaui-space-border: var(--zaui-space-size-md); // 兼容1.1.35一下版本 变量
+  --zaui-space-card: var(--zaui-space-size-lg);
+  --zaui-space-size-xs: 4px;
+  --zaui-space-size-sm: 8px;
+  --zaui-space-size-md: 16px;
+  --zaui-space-size-lg: 32px;
+  --zaui-space-size-xl: 64px;
 
   --zaui-line-height-base: 1.5;
-  --zaui-size            : 1;
-  --zaui-base-font-size  : 0px;
-}
-
-@zaui-global-bg                : var(--zaui-global-bg, #ffffff);
-@zaui-base-bg                  : var(--zaui-base-bg, #ffffff);
-@zaui-brand                    : var(--zaui-brand, #006aff);
-@zaui-brand-hover              : var(--zaui-brand-hover, #3387ff);
-@zaui-brand-active             : var(--zaui-brand-active, #005ad9);
-@zaui-brand-disabled           : var(--zaui-brand-disabled, #99c3ff);
-@zaui-text                     : var(--zaui-text, #343434);
-@zaui-text-weak                : var(--zaui-text-weak, #616161);
-@zaui-aide-text                : var(--zaui-aide-text, #909090);
-@zaui-placeholder              : var(--zaui-placeholder, #a0a0a0);
-@zaui-link                     : var(--zaui-link, #006aff);
-@zaui-link-light-active        : var(--zaui-link-light-active, #005ad9);
-@zaui-line                     : var(--zaui-line, #DCDCDC);
-@zaui-dividing-line            : var(--zaui-dividing-line, #DCDCDC);
-@zaui-area                     : var(--zaui-area, #fafafa);
-@zaui-shadow                   : var(--zaui-shadow, rgba(56, 56, 56, 0.15));
-@zaui-form-control-line        : var(--zaui-form-control-line, #DCDCDC);
-@zaui-form-control-line-hover  : var(--zaui-form-control-line-hover, #3387ff);
-@zaui-form-control-line-active : var(--zaui-form-control-line-active, #005ad9);
-@zaui-list-item-active-bg      : var(--zaui-list-item-active-bg, #006aff);
-@zaui-list-item-active-hover-bg: var(--zaui-list-item-active-hover-bg, #006aff);
-@zaui-list-item-selected-bg    : var(--zaui-list-item-selected-bg, #006aff);
-@zaui-list-item-selected-hover-bg: var(--zaui-list-item-selected-hover-bg,
-    #006aff);
-@zaui-disabled-bg            : var(--zaui-disabled-bg, #f2f2f2);
-@zaui-disabled-text          : var(--zaui-disabled-text, #333333);
-@zaui-feedback-overlay-bg    : var(--zaui-feedback-overlay-bg, rgba(0, 0, 0, 0.7));
-@zaui-feedback-overlay-text  : var(--zaui-feedback-overlay-text, #343434);
-@zaui-primary                : var(--zaui-primary, #006aff);
-@zaui-primary-hover          : var(--zaui-primary-hover, #3387ff);
-@zaui-primary-active         : var(--zaui-primary-active, #005ad9);
-@zaui-danger-line            : var(--zaui-danger-line, #ddd);
-@zaui-danger-bg              : var(--zaui-danger-bg, #fff2f0);
-@zaui-warning-line           : var(--zaui-warning-line, #ddd);
-@zaui-warning-bg             : var(--zaui-warning-bg, #fffbe6);
-@zaui-info-line              : var(--zaui-info-line, #ddd);
-@zaui-info-bg                : var(--zaui-info-bg, #e6f7ff);
-@zaui-success-line           : var(--zaui-success-line, #ddd);
-@zaui-success-bg             : var(--zaui-success-bg, #f6ffed);
-@zaui-danger                 : var(--zaui-danger, #ff5050);
-@zaui-warning                : var(--zaui-warning, #ec9131);
-@zaui-success                : var(--zaui-success, #00ae4d);
-@zaui-menu-top-bg            : var(--zaui-menu-top-bg, #ffffff);
-@zaui-menu-left-bg           : var(--zaui-menu-left-bg, #1a202d);
-@zaui-menu-second-bg         : var(--zaui-menu-second-bg, #ffffff);
-@zaui-form-align             : var(--zaui-form-align, left);
-@zaui-table-header-bg        : var(--zaui-table-header-bg, #f2f3f5);
-@zaui-table-strip-bg         : var(--zaui-table-strip-bg, #fafafa);
-@zaui-table-hover-bg         : var(--zaui-table-hover-bg, #fafafa);
-@zaui-table-selected-bg      : var(--zaui-table-hover-bg, #fafafa); // 默认同悬停
-@zaui-table-selected-hover-bg: var(--zaui-table-hover-bg, #fafafa); // 默认同悬停
-@zaui-table—nested-bg        : var(--zaui-table—nested-bg, #FAFCFE);
-@zaui-form-label-width       : var(--zaui-form-label-width, 130px);
-@zaui-border-radius          : var(--zaui-border-radius, 4px);
-@zaui-border-radius-card     : var(--zaui-border-radius-card, 2px);
-@zaui-font-size-title        : calc(var(--zaui-font-size-title, 16px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-card-title   : calc(var(--zaui-font-size-card-title, 16px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size              : calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-sm           : calc(var(--zaui-font-size-sm, 12px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-md           : calc(var(--zaui-font-size-md, 14px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-lg           : calc(var(--zaui-font-size-lg, 16px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-xl           : calc(var(--zaui-font-size-xl, 18px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-xxl          : calc(var(--zaui-font-size-xxl, 20px) + var(--zaui-base-font-size, 0px));
-@zaui-font-size-lg-title     : calc(var(--zaui-font-size-lg-title, 24px) + var(--zaui-base-font-size, 0px));
-@zaui-height-border          : calc(var(--zaui-height-border, 16px) * var(--zaui-size, 1));
-@zaui-height-card            : calc(var(--zaui-height-card, 32px) * var(--zaui-size, 1));
-@zaui-height-size-xs         : calc(var(--zaui-height-size-xs, 4px) * var(--zaui-size, 1));
-@zaui-height-size-sm         : calc(var(--zaui-height-size-sm, 8px) * var(--zaui-size, 1));
-@zaui-height-size-md         : calc(var(--zaui-height-size-md, 16px) * var(--zaui-size, 1));
-@zaui-height-size-lg         : calc(var(--zaui-height-size-lg, 32px) * var(--zaui-size, 1));
-@zaui-height-size-xl         : calc(var(--zaui-height-size-xl, 64px) * var(--zaui-size, 1));
-
-@zaui-space-border : calc(var(--zaui-space-border, 16px) * var(--zaui-size, 1));
-@zaui-space-card   : calc(var(--zaui-space-card, 32px) * var(--zaui-size, 1));
-@zaui-space-size-xs: calc(var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
-@zaui-space-size-sm: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
-@zaui-space-size-md: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
-@zaui-space-size-lg: calc(var(--zaui-space-size-lg, 32px) * var(--zaui-size, 1));
-@zaui-space-size-xl: calc(var(--zaui-space-size-xl, 64px) * var(--zaui-size, 1));
-
-@zaui-line-height-base: var(--zaui-line-height-base, 1.5);
+  --zaui-size: 1;
+  --zaui-base-font-size: 0px;
+}