@zat-design/sisyphus-react 3.0.13 → 3.0.16-beta.4

package/es/style/theme/index.less

@@ -2,189 +2,167 @@
 
 /* 兼容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: #a0a0a0;
-  --zaui-aide-text: #909090;
-  --zaui-placeholder: #a0a0a0;
-  --zaui-link: var(--zaui-brand);
-  --zaui-link-light-active: var(--zaui-brand-active);
-  --zaui-line: #ddd;
-  --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-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-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, #a0a0a0);
-@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, #ddd);
-@zaui-shadow: var(--zaui-shadow, rgba(56, 56, 56, 0.15));
-@zaui-form-control-line: var(--zaui-form-control-line, #ddd);
-@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-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-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-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-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-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-line-height-base: var(--zaui-line-height-base, 1.5);

package/es/tokens.js

@@ -0,0 +1,85 @@
+var tokens = {
+  '@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, #464646)',
+  '@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-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)',
+  '@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)'
+};
+
+// 适配node环境引入，umi配置theme引入使用
+module.exports = tokens;

package/lib/ProDrawerForm/components/ProDrawer/index.js

@@ -11,10 +11,11 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _antd = require("antd");
-var _icons = require("@ant-design/icons");
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
+var _reactSvg = require("react-svg");
+var _close = _interopRequireDefault(require("../../../assets/close.svg"));
 /**
  * 抽屉组件
  */
@@ -190,8 +191,9 @@ var ProDrawer = function ProDrawer(_ref) {
   }, drawerProps), /*#__PURE__*/_react.default.createElement("div", {
     className: "pro-drawer-close",
     onClick: onConfirm
-  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
-    className: "close-icon"
+  }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+    className: "close-icon",
+    src: _close.default
   })), title ? /*#__PURE__*/_react.default.createElement("div", {
     className: "pro-drawer-title ".concat(top > 0 ? 'pro-drawer-scrolling' : '')
   }, title) : null, /*#__PURE__*/_react.default.createElement("div", {

package/lib/ProDrawerForm/components/ProModal/index.js

@@ -14,6 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
 var _ahooks = require("ahooks");
 var _lodash = require("lodash");
+var _reactSvg = require("react-svg");
+var _close = _interopRequireDefault(require("../../../assets/close.svg"));
 /**
  * 弹窗组件
  */
@@ -34,7 +36,8 @@ var ProModal = function ProModal(_ref) {
     onCancel = _ref.onCancel,
     children = _ref.children,
     className = _ref.className,
-    modalProps = _ref.modalProps;
+    modalProps = _ref.modalProps,
+    extraLeft = _ref.extraLeft;
   var ref = (0, _react.useRef)(null);
   var _ref2 = (0, _ahooks.useScroll)((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentNode) || {},
     top = _ref2.top;
@@ -119,15 +122,15 @@ var ProModal = function ProModal(_ref) {
    *
    */
   var defaultFooter = /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-modal-footer"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    className: extraLeft ? 'pro-modal-footer' : undefined
+  }, extraLeft, /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
     onClick: onCancel
   }, cancelText), /*#__PURE__*/_react.default.createElement(_antd.Button, {
     type: "primary",
     onClick: handleFinish,
     loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
     disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading
-  }, okText));
+  }, okText)));
   var renderFooter = function renderFooter() {
     if (noRenderFooter) {
       return null;
@@ -158,7 +161,12 @@ var ProModal = function ProModal(_ref) {
     onCancel: onCancel,
     footer: renderFooter(),
     okText: okText,
-    cancelText: cancelText
+    cancelText: cancelText,
+    centered: true,
+    closeIcon: /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+      className: "close-icon",
+      src: _close.default
+    })
   }, modalProps), /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
   }, children));

package/lib/ProDrawerForm/index.js

@@ -65,7 +65,7 @@ ProDrawerForm.defaultProps = {
   size: 'middle',
   isConfirmClose: true,
   maskClosable: false,
-  okText: '确认',
+  okText: '保存',
   cancelText: '取消',
   proFormProps: {}
 };

package/lib/ProDrawerForm/propsType.d.ts

@@ -70,6 +70,10 @@ export interface ProDrawerFormPropsType {
      * @name 底部自定义按钮配置
      */
     footer?: ReactNode | ReactNode[];
+    /**
+     * @name 底部左侧自定义渲染
+     */
+    extraLeft?: ReactNode;
     /**
      * @name proForm的属性 配置后children不展示
      */