@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/es/index.js

@@ -1,37 +1,45 @@
 /// <reference path="../typings.d.ts" />;
+
 // 布局
-export { default as ProLayout } from './ProLayout';
-export { default as ProStep } from './ProStep';
-export { default as ProTabs } from './ProTabs';
+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';
-export { default as ProViewer } from './ProViewer';
+export { default as ProTable } from "./ProTable";
+export { default as ProTooltip } from "./ProTooltip";
+export { default as ProViewer } from "./ProViewer";
+
 // 数据录入
-export { default as ProEditTable } from './ProEditTable';
-export { default as ProDrawerForm } from './ProDrawerForm';
-export { default as ProEditLabel } from './ProEditLabel';
-export { default as ProStepTab } from './ProStepTab';
+export { default as ProEditTable } from "./ProEditTable";
+export { default as ProDrawerForm } from "./ProDrawerForm";
+export { default as ProEditLabel } from "./ProEditLabel";
+export { default as ProStepTab } from "./ProStepTab";
+
 // 表单
-export { default as ProForm } from './ProForm';
-export { ProFormProvider } from './ProForm';
-export * from './ProForm/components'; // ProForm 中组件导出
-export { default as ProSelect } from './ProSelect';
-export { default as ProEnum } from './ProEnum';
+export { default as ProForm } from "./ProForm";
+export { ProFormProvider } from "./ProForm";
+export * from "./ProForm/components"; // ProForm 中组件导出
+
+export { default as ProSelect } from "./ProSelect";
+export { default as ProEnum } from "./ProEnum";
+
 // 通用
-export { default as ProIcon } from './ProIcon';
-export { default as ProDownload } from './ProDownload';
-export { default as ProWaterMark } from './ProWaterMark';
-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 { 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';
+export { default as ProIcon } from "./ProIcon";
+export { default as ProDownload } from "./ProDownload";
+export { default as ProWaterMark } from "./ProWaterMark";
+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";
+
+// TS类型导出
+
 // token导出
-export * from './tokens';
+export * from "./tokens";

package/es/locale/en_US.js

@@ -62,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,11 +1,19 @@
-import moment from 'moment';
-import zhCN from './zh_CN';
-import enUS from './en_US';
+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,
+  // zh-CN 中文
   'en-US': enUS // en-US
 };
+
 /** 设置语言
  * lang当前语言
  * isReload 切换语言后是否刷新页面，一般在项目上使用都需要刷新
@@ -13,11 +21,17 @@ 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.js

@@ -62,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/tokens.js

@@ -80,5 +80,6 @@ var tokens = {
   '@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)'
 };
+
 // 适配node环境引入，umi配置theme引入使用
 export default tokens;

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,31 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
+import { isFunction } from 'lodash';
 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();
+  }
+}
+
 /**
  * 判断一个值是否是空值
  * 空值 或者 仅包含空值的数组视为空
@@ -13,12 +38,13 @@ export var isEmpty = function isEmpty(value, emptyValue) {
     return true;
   }
   if (Array.isArray(value)) {
-    return !(value === null || value === void 0 ? void 0 : value.length) || value.every(function (item) {
+    return !(value !== null && value !== void 0 && value.length) || value.every(function (item) {
       return EMPTY_VALUE.includes(item);
     });
   }
   return false;
 };
+
 /**
  * 判断一个元素是否触发了省略号（文本溢出）
  * 如果元素设置为单行（white-space: nowrap）则比较 scrollWidth 与 clientWidth，

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;