@zat-design/sisyphus-react 3.13.13-beta.6 → 4.0.0-beta.2

package/es/ProViewer/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-viewer {
   .@{ant-prefix}-image {

package/es/ProWaterMark/index.js

@@ -1,13 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Watermark } from '@pansy/react-watermark';
+import { Watermark } from 'antd';
 var ProWaterMark = function ProWaterMark(props) {
   var content = props.content;
   return _jsx("div", {
     className: "pro-water-mark",
     children: _jsx(Watermark, _objectSpread(_objectSpread({}, props), {}, {
-      text: content,
-      monitor: true,
+      content: content,
       children: props === null || props === void 0 ? void 0 : props.children
     }))
   });

package/es/ProWaterMark/propsType.d.ts

@@ -1,19 +1,15 @@
+import type { ReactNode } from 'react';
 export interface ProWaterMarkType {
     /**
-     * @description       水印是否显示
-     * @default           true
+     * @description       水印内容
+     * @default           -
      */
-    visible?: boolean;
+    children?: ReactNode;
     /**
      * @description       水印文本, 为数组时表示多行水印
      * @default           -
      */
-    content?: string | string[];
-    /**
-     * @description       是否全局设置水印
-     * @default           false
-     */
-    isBody?: boolean;
+    content: string | string[];
     /**
      * @description       水印层级
      * @default           9999
@@ -34,11 +30,6 @@ export interface ProWaterMarkType {
      * @default           64
      */
     height?: number;
-    /**
-     * @description       水印透明度
-     * @default           0.15
-     */
-    opacity?: number;
     /**
      * @description     旋转的角度
      * @default           -22
@@ -59,11 +50,6 @@ export interface ProWaterMarkType {
      * @default          'normal'
      */
     fontStyle?: 'normal' | 'italic';
-    /**
-     * @description     规定字体变体
-     * @default          normal
-     */
-    fontVariant?: 'normal' | 'small-caps';
     /**
      * @description     设置字体颜色
      * @default          #000
@@ -74,10 +60,5 @@ export interface ProWaterMarkType {
      * @default         sans-serif
      */
     fontFamily?: string;
-    /**
-     * @description       展示模式，interval表示错行展示
-     * @default           'interval'
-     */
-    mode?: 'repeat' | 'interval';
 }
 export type ProWaterMarkProps = ProWaterMarkType;

package/es/global.less

@@ -1,3 +1,4 @@
+/* @import '~antd/dist/reset.css';*/
 @import './style/index.less';
 
 pre {
@@ -10,7 +11,7 @@ pre {
   scrollbar-highlight-color: #979797;
   scrollbar-3dlight-color: #979797;
 
-  ::-webkit-scrollbar  {
+  ::-webkit-scrollbar  {
     width: 16px;
     background: transparent;
   }

package/es/index.d.ts

@@ -2,6 +2,7 @@
 export { default as ProLayout } from './ProLayout';
 export { default as ProStep } from './ProStep';
 export { default as ProTabs } from './ProTabs';
+export { ProCollapse, ProFooter, ProHeader } from './ProLayout/components';
 export { default as ProTable } from './ProTable';
 export { default as ProTooltip } from './ProTooltip';
 export { default as ProViewer } from './ProViewer';
@@ -21,12 +22,11 @@ export { default as ProConfigProvider } from './ProConfigProvider';
 export { default as FormsProvider } from './FormsProvider';
 export { default as ProUpload } from './ProUpload';
 export { default as ProThemeTools } from './ProThemeTools';
+export { ThemeProvider, useTheme } from './ProThemeTools';
 export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
 export * from './locale';
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
-export { default as ProEditableTable } from './old/ProEditableTable';
-export { default as ProCertValidity } from './old/ProCertValidity';
 export type { ProFormType, ProColumnProps, ProFormColumnType } from './ProForm/propsType';
 export type { ProFormComponentType } from './ProForm/components/index.d';
 export type { ProTableType, ProTableColumnType, ProTableSummaryType, ProTableUseAntdTableType, ProTableProps, ProTableSummaryProps, ProTableColumn, UseAntdTableState } from './ProTable/propsType';
@@ -34,6 +34,8 @@ export type { ProUploadType, ProUploadProps } from './ProUpload/propsType';
 export type { ProTabsType, ProTabsItemType, ProTabsProps, ProTabsItemsProps } from './ProTabs/propType';
 export type { BreadcrumbColumnType, SubDescribeColumnType, DescribeColumnType, ProHeaderType, ProHeaderProps, BreadcrumbColumnsProps, SubDescribeColumnsProps, DescribeColumnsProps } from './ProLayout/components/ProHeader/PropTypes';
 export type { ProTooltipType, ProTooltipProps } from './ProTooltip/propsType';
+export type { ProThemeToolsType, LocalThemeConfigType } from './ProThemeTools/propsType';
+export type { AntdThemeConfigType, ThemeStateType } from './ProThemeTools/context/ThemeContext';
 export type { ProIconType, ProIconProps } from './ProIcon/propsTypes';
 export type { ProTreeType, ProTreeSelectType, ProTreeProps, PropTreeSelectProps } from './ProTree/propsType';
 export type { ProTreeModalType, ProTreeModalActionType, ProTreeModalProps, ProTreeModalAction } from './ProTreeModal/propsType';

package/es/index.js

@@ -3,6 +3,7 @@
 export { default as ProLayout } from './ProLayout';
 export { default as ProStep } from './ProStep';
 export { default as ProTabs } from './ProTabs';
+export { ProCollapse, ProFooter, ProHeader } from './ProLayout/components'; // ProLayout 中组件导出
 // 数据展示
 export { default as ProTable } from './ProTable';
 export { default as ProTooltip } from './ProTooltip';
@@ -26,12 +27,10 @@ export { default as ProConfigProvider } from './ProConfigProvider';
 export { default as FormsProvider } from './FormsProvider';
 export { default as ProUpload } from './ProUpload';
 export { default as ProThemeTools } from './ProThemeTools';
+export { ThemeProvider, useTheme } from './ProThemeTools';
 export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
 export * from './locale';
-// old 待废弃
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
-export { default as ProEditableTable } from './old/ProEditableTable';
-export { default as ProCertValidity } from './old/ProCertValidity';
 // token导出
 export * from './tokens';

package/es/locale/en_US.d.ts

@@ -36,6 +36,7 @@ declare const _default: {
         halfRuleText: string;
         formListActions: string[];
         formListConfirmMessage: string;
+        noData: string;
     };
     ProAction: {
         errorMessage: string;

package/es/locale/en_US.js

@@ -34,8 +34,9 @@ export default {
     ruleText: 'correct',
     completeText: 'enter in full',
     halfRuleText: 'Enter the value of ({total})',
-    formListActions: ['Add', 'Delete', 'Copy', 'Move up', 'Move down', 'Add a new line'],
-    formListConfirmMessage: 'Are you sure delete it?'
+    formListActions: ['Add', 'Delete', 'Copy', 'Move up', 'Move down', 'Add a new line', 'Click add'],
+    formListConfirmMessage: 'Are you sure delete it?',
+    noData: 'No data'
   },
   ProAction: {
     errorMessage: 'The configuration config for ProAction must be data',
@@ -61,7 +62,7 @@ export default {
     unExpand: 'Put it all away',
     expand: 'Expand all',
     all: 'Select all',
-    emptyTips: "Oops, what you were looking for couldn't be found"
+    emptyTips: "what you were looking for couldn't be found"
   },
   ProUpload: {
     exampleTitle: 'View sample',

package/es/locale/index.d.ts

@@ -1,3 +1,5 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
 /** 设置语言
  * lang当前语言
  * isReload 切换语言后是否刷新页面，一般在项目上使用都需要刷新

package/es/locale/index.js

@@ -1,6 +1,11 @@
-import moment from 'moment';
+import dayjs from 'dayjs';
+// 导入dayjs的中文locale包
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
 import zhCN from './zh_CN';
 import enUS from './en_US';
+// 设置默认语言为中文
+dayjs.locale('zh-cn');
 var activeLang = localStorage.getItem('locale') || 'zh-CN';
 var langMap = {
   'zh-CN': zhCN,
@@ -13,11 +18,15 @@ var langMap = {
 export var setLanguage = function setLanguage(lang, isReload) {
   activeLang = lang;
   localStorage.setItem('locale', lang);
-  moment.locale(lang.toLowerCase());
+  // 将语言代码转换为dayjs支持的格式
+  var dayjsLocale = lang.toLowerCase() === 'zh-cn' ? 'zh-cn' : 'en';
+  dayjs.locale(dayjsLocale);
   if (isReload) {
     window.location.reload();
   }
 };
+// 初始化时设置语言
+setLanguage(activeLang);
 /**
  * @param str 待替换字符串 eg: 我是{name},年龄{age}
  * @param variables 变量对象 {name: 'xx', age: 23}

package/es/locale/zh_CN.d.ts

@@ -36,6 +36,7 @@ declare const _default: {
         halfRuleText: string;
         formListActions: string[];
         formListConfirmMessage: string;
+        noData: string;
     };
     ProAction: {
         errorMessage: string;

package/es/locale/zh_CN.js

@@ -34,8 +34,9 @@ export default {
     ruleText: '正确的',
     completeText: '请完整输入',
     halfRuleText: '请输入第({total})个表单的值',
-    formListActions: ['新增', '删除', '复制', '上移', '下移', '新增一行'],
-    formListConfirmMessage: '确认删除吗?'
+    formListActions: ['新增', '删除', '复制', '上移', '下移', '新增一行', '点击添加'],
+    formListConfirmMessage: '确认删除吗?',
+    noData: '暂无数据'
   },
   ProAction: {
     errorMessage: 'ProAction 配置 config 必须为数据',
@@ -61,7 +62,7 @@ export default {
     unExpand: '全部收起',
     expand: '全部展开',
     all: '全选',
-    emptyTips: '诶呀，没有找到您要查询的内容'
+    emptyTips: '没有找到您要查询的内容'
   },
   ProUpload: {
     exampleTitle: '查看示例',

package/es/style/components.less

@@ -23,6 +23,3 @@
 @import '../ProIcon/style/index';
 @import '../ProThemeTools/style/index';
 @import '../ProDownload/style/index';
-
-// old 待废弃
-@import '../old/ProEditableTable/style/index';

package/es/style/theme/antd.less

@@ -1,6 +1,6 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
-@import './index';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
+@import './base';
 
 @zat-disabled-color: #bcbcbc;
 
@@ -71,6 +71,7 @@
       }
     }
 
+
     .@{ant-prefix}-form-item-explain-error {
       .set-text-size();
     }
@@ -88,7 +89,7 @@
   }
 
   .@{ant-prefix}-form-item {
-    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1)) !important;
+    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
   }
 }
 
@@ -104,6 +105,10 @@
 
 // ant-table
 .@{ant-prefix}-table {
+
+  .@{ant-prefix}-table-row.@{ant-prefix}-table-row-selected >.@{ant-prefix}-table-cell-row-hover{
+    background-color: #e6f4ff !important;
+  }
   .@{ant-prefix}-empty-normal {
     margin: calc(var(--zaui-space-size-lg; 32px) * var(--zaui-size; 1)) 0;
   }
@@ -165,7 +170,7 @@
     }
 
     tr.@{ant-prefix}-table-row:hover td {
-      background-color: @zaui-table-hover-bg !important;
+      background-color: @zaui-table-hover-bg;
     }
 
     & > tr > td {
@@ -303,7 +308,7 @@
         }
 
         .@{ant-prefix}-table-row:nth-child(odd) {
-          background-color: @zaui-table-strip-bg !important;
+          background-color: @zaui-table-strip-bg;
 
           & td {
             background-color: @zaui-table-strip-bg !important;
@@ -334,6 +339,12 @@
         }
       }
 
+      &.@{ant-prefix}-table-tbody-virtual {
+        .@{ant-prefix}-table-row:nth-child(odd),.@{ant-prefix}-table-row:nth-child(even) {
+          background-color: transparent !important;
+        }
+      }
+
       .@{ant-prefix}-table-row:nth-child(odd) {
         background-color: @zaui-table-strip-bg;
 
@@ -342,6 +353,8 @@
         }
       }
     }
+    
+
   }
 }
 
@@ -412,7 +425,7 @@
   &.@{ant-prefix}-btn-link[disabled]:hover,
   &.@{ant-prefix}-btn-link[disabled]:focus,
   &.@{ant-prefix}-btn-link[disabled]:active {
-    color: @zat-disabled-color;
+    color: @zat-disabled-color !important;
     text-shadow: none;
     background: none;
     border-color: none;
@@ -421,7 +434,12 @@
   }
 
   &.@{ant-prefix}-btn-link {
-    .set-brand-color();
+    .set-brand-color() !important;
+    background: none !important;
+    box-shadow: none !important;
+    &:hover {
+      color: @zaui-brand !important;
+    }
   }
 }
 
@@ -656,35 +674,6 @@
   width: 100%;
 }
 
-.@{ant-prefix}-input-textarea {
-  position: relative;
-
-  textarea.@{ant-prefix}-input {
-    padding-bottom: 20px;
-  }
-
-  &.@{ant-prefix}-input-textarea-show-count.@{ant-prefix}-input-textarea-in-form-item {
-    &::after {
-      background: transparent;
-    }
-
-    &.disabled {
-      &::after {
-        background: #f2f2f2;
-      }
-    }
-
-    &::after {
-      position: absolute;
-      right: 16px;
-      bottom: 1px;
-      width: calc(100% - 18px);
-      margin-bottom: 0;
-      text-align: right;
-    }
-  }
-}
-
 // 间隔
 .@{ant-prefix}-space {
   &.@{ant-prefix}-space-vertical {
@@ -725,6 +714,16 @@
 
 // tooltip样式重载
 .@{ant-prefix}-tooltip {
+  > .@{ant-prefix}-tooltip-arrow {
+    &::before,
+    &::after {
+      background: linear-gradient(
+        to right bottom,
+        rgba(255, 255, 255, 0.95),
+        rgba(255, 255, 255, 1)
+      );
+    }
+  }
   > .@{ant-prefix}-tooltip-content {
     > .@{ant-prefix}-tooltip-inner {
       max-height: 360px;
@@ -736,24 +735,15 @@
         0 9px 28px 8px rgba(0, 0, 0, 0.05);
       &::selection {
         color: inherit !important;
-        background: rgba(@primary-color, 0.3) !important;
+        background: rgba(0, 106, 255, 0.3) !important;
       }
       > div {
         &::selection {
           color: inherit !important;
-          background: rgba(@primary-color, 0.3) !important;
+          background: rgba(0, 106, 255, 0.3) !important;
         }
       }
     }
-    > .@{ant-prefix}-tooltip-arrow {
-      > .@{ant-prefix}-tooltip-arrow-content {
-        --antd-arrow-background-color: linear-gradient(
-          to right bottom,
-          rgba(255, 255, 255, 0.95),
-          rgba(255, 255, 255, 1)
-        );
-      }
-    }
   }
 }
 

package/es/style/theme/base.less

@@ -0,0 +1,89 @@
+@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             : color-mix(in srgb, var(--zaui-brand) 70%, white);
+  --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-contract-bg                : #fffaa1; // 对比背景色
+  --zaui-contract-bg-add            : #d2fff4; // 新增对比背景色
+  --zaui-form-label-width           : 130px; // 8个全角字符宽度
+  --zaui-border-radius              : 8px;
+  --zaui-border-radius-card         : 4px;
+  --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;
+} 

package/es/style/theme/index.less

@@ -1,89 +1,2 @@
-@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             : color-mix(in srgb, var(--zaui-brand) 70%, white);
-  --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-contract-bg                : #fffaa1; // 对比背景色
-  --zaui-contract-bg-add            : #d2fff4; // 新增对比背景色
-  --zaui-form-label-width           : 130px; // 8个全角字符宽度
-  --zaui-border-radius              : 8px;
-  --zaui-border-radius-card         : 4px;
-  --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;
-}
+// 引用基础主题文件，避免重复
+@import './base.less';

package/es/utils/index.d.ts

@@ -1,3 +1,10 @@
+export declare const customEqualForFunction: (value: any, other: any) => boolean;
+/**
+ * 兼容 React17/18 的 startTransition。
+ *  - React18+: 使用原生 startTransition
+ *  - React17 : 直接执行回调
+ */
+export declare function compatStartTransition(cb: () => void): void;
 /**
  * 判断一个值是否是空值
  * 空值 或者 仅包含空值的数组视为空

package/es/utils/index.js

@@ -1,6 +1,28 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
+import _isFunction from "lodash/isFunction";
+import React, { useEffect, useState } from 'react';
 var EMPTY_VALUE = [undefined, null, ''];
+// 自定义深比对 如果两边都是函数类型则认为相等
+export var customEqualForFunction = function customEqualForFunction(value, other) {
+  if (_isFunction(value) && _isFunction(other) || /*#__PURE__*/React.isValidElement(value) && /*#__PURE__*/React.isValidElement(other)) {
+    return true;
+  }
+};
+/**
+ * 兼容 React17/18 的 startTransition。
+ *  - React18+: 使用原生 startTransition
+ *  - React17 : 直接执行回调
+ */
+export function compatStartTransition(cb) {
+  var maybeStartTransition = React.startTransition;
+  if (typeof maybeStartTransition === 'function') {
+    // React 18+
+    maybeStartTransition(cb);
+  } else {
+    // React 17 及以下
+    cb();
+  }
+}
 /**
  * 判断一个值是否是空值
  * 空值 或者 仅包含空值的数组视为空

package/lib/FormsProvider/index.d.ts

@@ -11,5 +11,8 @@ export declare const FormsContext: React.Context<Forms>;
 export declare const useForms: () => Forms;
 /** 获取所有表单实例 */
 export declare const useContextForms: () => Forms;
-declare const FormsProvider: React.FC;
+interface FormsProviderProps {
+    children?: React.ReactNode;
+}
+declare const FormsProvider: React.FC<FormsProviderProps>;
 export default FormsProvider;