@zat-design/sisyphus-react 3.1.5 → 3.2.0-beta.2

package/lib/style/theme/antd.less

@@ -55,8 +55,7 @@
         &>.ant-form-item-required::after {
           margin-top : 1px;
           color      : #ff4d4f;
-          font-size  : 14px;
-          font-family: SimSun, sans-serif;
+          font-size  : var(--zaui-font-size, 14px);
           line-height: 1;
           content    : '*';
         }
@@ -86,7 +85,7 @@
   }
 
   .ant-form-item {
-    margin-bottom: 22px !important;
+    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1)) !important;
   }
 }
 
@@ -332,7 +331,7 @@
   }
 
   .ant-tabs-nav {
-    margin-bottom: var(--zaui-space-size-md, 16px)
+    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
   }
 
   .ant-tabs-nav .ant-tabs-tab-btn {

package/lib/style/theme/index.less

@@ -3,85 +3,86 @@
 
 /* 兼容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-contract-bg                : #fffaa1; // 对比背景色
+  --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-size            : 1;
+  --zaui-base-font-size  : 0px;
+}

package/lib/style/theme/tokens.less

@@ -52,6 +52,7 @@
 @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-contract-bg: var(--zaui-contract-bg; #fffaa1); // 对比背景色
 @zaui-form-required-after: var(--zaui-form-required-after; inline);
 @zaui-form-required-before: var(--zaui-form-required-before; none);
 @zaui-form-label-width: var(--zaui-form-label-width; 130px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.1.5",
+  "version": "3.2.0-beta.2",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

package/typings.d.ts

@@ -19,3 +19,5 @@ declare interface EventCenter {
 declare interface Window {
   eventCenter: EventCenter;
 }
+
+type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;

package/es/old/ProBackBtn/style/index.less

@@ -1,19 +0,0 @@
-.back-button-container {
-  color      : var(--zaui-aide-text);
-  font-weight: 400;
-  background : var(--zaui-disabled-bg);
-  border     : none;
-
-  &:hover {
-    color     : var(--zaui-aide-text);
-    background: var(--zaui-disabled-bg);
-    border    : none;
-  }
-
-  &:active,
-  &:focus {
-    color      : var(--zaui-aide-text);
-    font-weight: 400;
-    background : var(--zaui-disabled-bg);
-  }
-}

package/lib/old/ProBackBtn/style/index.less

@@ -1,19 +0,0 @@
-.back-button-container {
-  color      : var(--zaui-aide-text);
-  font-weight: 400;
-  background : var(--zaui-disabled-bg);
-  border     : none;
-
-  &:hover {
-    color     : var(--zaui-aide-text);
-    background: var(--zaui-disabled-bg);
-    border    : none;
-  }
-
-  &:active,
-  &:focus {
-    color      : var(--zaui-aide-text);
-    font-weight: 400;
-    background : var(--zaui-disabled-bg);
-  }
-}