shineout 3.7.0-beta.4 → 3.7.0-beta.6

package/dist/shineout.js

@@ -3787,6 +3787,76 @@ const figma = [
     token: 'Orange-9',
     locked: true,
   },
+  {
+    name: '褐色-1',
+    value: '#FAF4E3',
+    describe: '浅色背景',
+    token: 'Brown-1',
+    locked: true,
+  },
+  {
+    name: '褐色-10',
+    value: '#4D2100',
+    describe: '-10',
+    token: 'Brown-10',
+    locked: true,
+  },
+  {
+    name: '褐色-2',
+    value: '#EBDDBC',
+    describe: '聚焦',
+    token: 'Brown-2',
+    locked: true,
+  },
+  {
+    name: '褐色-3',
+    value: '#D6C094',
+    describe: '禁用',
+    token: 'Brown-3',
+    locked: true,
+  },
+  {
+    name: '褐色-4',
+    value: '#C2A470',
+    describe: '悬浮',
+    token: 'Brown-4',
+    locked: true,
+  },
+  {
+    name: '褐色-5',
+    value: '#AD8951',
+    describe: '悬浮',
+    token: 'Brown-5',
+    locked: true,
+  },
+  {
+    name: '褐色-6',
+    value: '#996F37',
+    describe: '常规',
+    token: 'Brown-6',
+    locked: true,
+  },
+  {
+    name: '褐色-7',
+    value: '#865824',
+    describe: '点击',
+    token: 'Brown-7',
+    locked: true,
+  },
+  {
+    name: '褐色-8',
+    value: '#734415',
+    describe: '-8',
+    token: 'Brown-8',
+    locked: true,
+  },
+  {
+    name: '褐色-9',
+    value: '#603109',
+    describe: '-9',
+    token: 'Brown-9',
+    locked: true,
+  },
   {
     name: '紫色-1',
     value: '#F8EEFE',
@@ -4475,7 +4545,8 @@ const figma = [
   },
   {
     name: 'Shadow-5',
-    value: 'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
+    value:
+      'rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px',
     describe: 'Switch圆圈阴影',
     token: 'Shadow-5',
     locked: true,
@@ -6780,7 +6851,11 @@ var arrowRight = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   clipRule: "evenodd",
   d: "M10.0625 17.9999C9.67198 18.3904 9.03881 18.3904 8.64829 17.9999C8.25776 17.6094 8.25776 16.9762 8.64829 16.5857L13.2341 11.9999L8.64829 7.41414C8.25776 7.02361 8.25776 6.39045 8.64829 5.99992C9.03881 5.6094 9.67198 5.6094 10.0625 5.99992L15.3554 11.2928C15.7459 11.6833 15.7459 12.3165 15.3554 12.707L10.0625 17.9999Z"
 }, '1')];
-var caretFill = ['M18.2213 9.72149L12.6348 15.2953C12.2444 15.6847 11.6125 15.6847 11.2222 15.2952L5.69827 9.78345C5.30731 9.39335 5.30662 8.76019 5.69671 8.36924C5.88295 8.18259 6.13536 8.07705 6.39902 8.07558L17.5094 8.0136C18.0617 8.01052 18.5119 8.45573 18.515 9.008C18.5165 9.27554 18.4107 9.53253 18.2213 9.72149Z'];
+var caretFill = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M18.262 9.92099L12.6754 15.4948C12.2851 15.8842 11.6531 15.8842 11.2628 15.4947L5.73891 9.98295C5.34796 9.59286 5.34727 8.95969 5.73736 8.56874C5.9236 8.3821 6.17601 8.27656 6.43967 8.27508L17.5501 8.2131C18.1024 8.21002 18.5526 8.65523 18.5556 9.2075C18.5571 9.47504 18.4514 9.73203 18.262 9.92099Z"
+});
 var imageCount = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
@@ -7074,12 +7149,12 @@ var config = {
     Next: icons.ArrowRight,
     CollapseArrow: icons.ArrowLeft
   },
-  textarea: {
-    Close: icons.CloseFill
-  },
   tag: {
     Close: icons.Close
   },
+  textarea: {
+    Close: icons.CloseFill
+  },
   transfer: {
     DeleteAll: icons.Delete,
     DeleteItem: icons.Close,
@@ -12142,7 +12217,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.7.0-beta.4');
+/* harmony default export */ var version = ('3.7.0-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12421,6 +12496,16 @@ var Token = {
   'Orange-7': '#865824',
   'Orange-8': '#734415',
   'Orange-9': '#603109',
+  'Brown-1': '#FAF4E3',
+  'Brown-10': '#4D2100',
+  'Brown-2': '#EBDDBC',
+  'Brown-3': '#D6C094',
+  'Brown-4': '#C2A470',
+  'Brown-5': '#AD8951',
+  'Brown-6': '#996F37',
+  'Brown-7': '#865824',
+  'Brown-8': '#734415',
+  'Brown-9': '#603109',
   'Purple-1': '#F8EEFE',
   'Purple-10': '#150530',
   'Purple-2': '#EDD6FE',
@@ -14775,24 +14860,24 @@ var tagTokens = {
   tagMagentaFillDisabledFontColor: 'Neutral-text-1',
   tagMagentaFillDisabledBackgroundColor: 'Magenta-3',
   tagMagentaFillDisabledBorderColor: 'Magenta-3',
-  tagBrownFontColor: 'Orange-6',
-  tagBrownBackgroundColor: 'Orange-1',
-  tagBrownBorderColor: 'Orange-1',
-  tagBrownDisabledFontColor: 'Orange-3',
-  tagBrownDisabledBackgroundColor: 'Orange-1',
-  tagBrownDisabledBorderColor: 'Orange-1',
-  tagBrownOutlineFontColor: 'Orange-6',
+  tagBrownFontColor: 'Brown-6',
+  tagBrownBackgroundColor: 'Brown-1',
+  tagBrownBorderColor: 'Brown-1',
+  tagBrownDisabledFontColor: 'Brown-3',
+  tagBrownDisabledBackgroundColor: 'Brown-1',
+  tagBrownDisabledBorderColor: 'Brown-1',
+  tagBrownOutlineFontColor: 'Brown-6',
   tagBrownOutlineBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineBorderColor: 'Orange-6',
-  tagBrownOutlineDisabledFontColor: 'Orange-3',
+  tagBrownOutlineBorderColor: 'Brown-6',
+  tagBrownOutlineDisabledFontColor: 'Brown-3',
   tagBrownOutlineDisabledBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineDisabledBorderColor: 'Orange-3',
+  tagBrownOutlineDisabledBorderColor: 'Brown-3',
   tagBrownFillFontColor: 'Neutral-text-1',
-  tagBrownFillBackgroundColor: 'Orange-6',
-  tagBrownFillBorderColor: 'Orange-6',
+  tagBrownFillBackgroundColor: 'Brown-6',
+  tagBrownFillBorderColor: 'Brown-6',
   tagBrownFillDisabledFontColor: 'Neutral-text-1',
-  tagBrownFillDisabledBackgroundColor: 'Orange-3',
-  tagBrownFillDisabledBorderColor: 'Orange-3',
+  tagBrownFillDisabledBackgroundColor: 'Brown-3',
+  tagBrownFillDisabledBorderColor: 'Brown-3',
   tagPurpleFontColor: 'Purple-6',
   tagPurpleBackgroundColor: 'Purple-1',
   tagPurpleBorderColor: 'Purple-1',
@@ -14930,45 +15015,58 @@ var tagTokens = {
   tagInfoOutlineIconDisabledFontColor: 'Brand-3',
   tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
   tagInfoOutlineIconHoverFontColor: 'Brand-6',
+  tagInfoFillIconHoverBackgroundColor: 'Brand-5',
   tagDefaultIconFontColor: 'Neutral-text-4',
   tagDefaultIconDisabledFontColor: 'Neutral-text-2',
   tagDefaultIconHoverBackgroundColor: 'Neutral-fill-3',
   tagDefaultIconHoverFontColor: 'Neutral-text-5',
+  tagDefaultFillIconHoverBackgroundColor: 'Neutral-fill-4',
   tagSuccessIconFontColor: 'Success-6',
   tagSuccessIconDisabledFontColor: 'Success-3',
   tagSuccessIconHoverBackgroundColor: 'Success-2',
   tagSuccessOutlineIconDisabledFontColor: 'Success-3',
   tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
+  tagSuccessFillIconHoverBackgroundColor: 'Success-5',
   tagWarningIconDisabledFontColor: 'Warning-3',
   tagWarningIconHoverBackgroundColor: 'Warning-2',
   tagWarningFillIconFontColor: 'Warning-6',
+  tagWarningFillIconHoverBackgroundColor: 'Warning-5',
   tagDangerIconFontColor: 'Danger-6',
   tagDangerIconDisabledFontColor: 'Danger-3',
   tagDangerIconHoverBackgroundColor: 'Danger-2',
+  tagDangerFillIconHoverBackgroundColor: 'Danger-5',
   tagMagentaIconFontColor: 'Magenta-6',
   tagMagentaIconDisabledFontColor: 'Magenta-3',
   tagMagentaIconHoverBackgroundColor: 'Magenta-2',
-  tagBrownIconFontColor: 'Orange-6',
-  tagBrownIconDisabledFontColor: 'Orange-3',
-  tagBrownIconHoverBackgroundColor: 'Orange-2',
+  tagMagentaFillIconHoverBackgroundColor: 'Magenta-5',
+  tagBrownIconFontColor: 'Brown-6',
+  tagBrownIconDisabledFontColor: 'Brown-3',
+  tagBrownIconHoverBackgroundColor: 'Brown-2',
+  tagBrownFillIconHoverBackgroundColor: 'Brown-5',
   tagPurpleIconFontColor: 'Purple-6',
   tagPurpleIconDisabledFontColor: 'Purple-3',
   tagPurpleIconHoverBackgroundColor: 'Purple-2',
+  tagPurpleFillIconHoverBackgroundColor: 'Purple-5',
   tagIndigoIconFontColor: 'Indigo-6',
   tagIndigoIconDisabledFontColor: 'Indigo-3',
   tagIndigoIconHoverBackgroundColor: 'Indigo-2',
+  tagIndigoFillIconHoverBackgroundColor: 'Indigo-5',
   tagCyanIconFontColor: 'Cyan-6',
   tagCyanIconDisabledFontColor: 'Cyan-3',
   tagCyanIconHoverBackgroundColor: 'Cyan-2',
+  tagCyanFillIconHoverBackgroundColor: 'Cyan-5',
   tagNeonIconFontColor: 'Neon-6',
   tagNeonIconDisabledFontColor: 'Neon-3',
   tagNeonIconHoverBackgroundColor: 'Neon-2',
+  tagNeonFillIconHoverBackgroundColor: 'Neon-5',
   tagLemonIconFontColor: 'Lemon-6',
   tagLemonIconDisabledFontColor: 'Lemon-3',
   tagLemonIconHoverBackgroundColor: 'Lemon-2',
+  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
   tagTangerineIconFontColor: 'Tangerine-6',
   tagTangerineIconDisabledFontColor: 'Tangerine-3',
-  tagTangerineIconHoverBackgroundColor: 'Tangerine-2'
+  tagTangerineIconHoverBackgroundColor: 'Tangerine-2',
+  tagTangerineFillIconHoverBackgroundColor: 'Tangerine-5'
 };
 /* harmony default export */ var tag = (tagTokens);
 ;// CONCATENATED MODULE: ../theme/src/tag/index.ts
@@ -17247,7 +17345,8 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden'
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
@@ -17393,7 +17492,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -21655,7 +21756,11 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '& $panel': {
       top: 0,
       height: '100vh',
-      width: '100vw'
+      width: '100vw',
+      overflow: 'auto'
+    },
+    '& $body': {
+      minHeight: 'auto'
     }
   },
   wrapperZoom: {
@@ -26948,115 +27053,106 @@ var useTabsStyle = styled(tabs_tabs, 'tabs');
 ;// CONCATENATED MODULE: ../shineout-style/src/tag/tag.ts
 
 
-var tag_tag = function tag(type) {
+
+var brightTag = function brightTag(name, type) {
   return {
-    // bright 亮色风格
-    '&$bright': {
-      color: src["tag".concat(type, "FontColor")],
-      backgroundColor: src["tag".concat(type, "BackgroundColor")],
-      border: "1px solid transparent",
-      '& $closeIconWrapper': {
-        '&:hover': {
-          backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
-        }
-      },
-      '& $closeIcon': {
-        // fill: Token[`tag${type}IconFontColor`],
-      },
-      '&[data-soui-type="dark"]': {
-        '&$disabled': {
-          backgroundColor: src.tagDefaultFillBackgroundColor,
-          borderColor: src.tagDefaultFillBorderColor
-        }
-      },
+    color: src["tag".concat(type, "FontColor")],
+    backgroundColor: src["tag".concat(type, "BackgroundColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "BorderColor")]),
+    '& $closeIconWrapper': {
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
+      }
+    },
+    '&[data-soui-type="dark"]': {
       '&$disabled': {
-        color: src["tag".concat(type, "DisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "DisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "IconDisabledFontColor")],
-          '&:hover': {
-            backgroundColor: 'transparent'
-          }
-        }
+        backgroundColor: src.tagDefaultFillBackgroundColor,
+        borderColor: src.tagDefaultFillBorderColor
       }
     },
-    '&$fill': {
-      color: src["tag".concat(type, "FillFontColor")],
-      backgroundColor: src["tag".concat(type, "FillBackgroundColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "FillBorderColor")]),
+    '&$disabled': {
+      color: src["tag".concat(type, "DisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "DisabledBorderColor")]),
       '& $closeIconWrapper': {
-        fill: src["tag".concat(type, "FillFontColor")],
+        fill: src["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
-          fill: src["tag".concat(type, "FontColor")],
-          backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
+          backgroundColor: 'transparent'
         }
-      },
-      '& $closeIcon': {
-        fill: src["tag".concat(type, "FillFontColor")]
-      },
-      '&$disabled': {
+      }
+    }
+  };
+};
+var fillTag = function fillTag(name, type) {
+  return defineProperty_default()({}, "&$".concat(name), {
+    color: src["tag".concat(type, "FillFontColor")],
+    backgroundColor: src["tag".concat(type, "FillBackgroundColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "FillBorderColor")]),
+    '& $closeIconWrapper': {
+      color: src["tag".concat(type, "FillFontColor")],
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "FillIconHoverBackgroundColor")]
+      }
+    },
+    '&$disabled': {
+      color: src["tag".concat(type, "FillDisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "FillDisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBorderColor")]),
+      '& $closeIconWrapper': {
         color: src["tag".concat(type, "FillDisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "FillDisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "FillDisabledFontColor")],
-          '&:hover': {
-            fill: src["tag".concat(type, "FillFontColor")],
-            backgroundColor: 'transparent'
-          }
+        '&:hover': {
+          fill: src["tag".concat(type, "FillFontColor")],
+          backgroundColor: 'transparent'
         }
       }
+    }
+  });
+};
+var outlineTag = function outlineTag(name, type) {
+  return defineProperty_default()({}, "&$".concat(name), {
+    background: src["tag".concat(type, "OutlineBackgroundColor")],
+    color: src["tag".concat(type, "OutlineFontColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '& $closeIconWrapper': {
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "BackgroundColor")]
+      }
     },
-    // outline 边框风格
-    '&$outline': {
-      background: src["tag".concat(type, "OutlineBackgroundColor")],
-      color: src["tag".concat(type, "OutlineFontColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '&$disabled': {
+      color: src["tag".concat(type, "OutlineDisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "OutlineDisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
       '& $closeIconWrapper': {
-        // hover
+        fill: src["tag".concat(type, "DisabledFontColor")],
         '&:hover': {
-          backgroundColor: src["tag".concat(type, "BackgroundColor")]
-        }
-      },
-      '&$disabled': {
-        color: src["tag".concat(type, "OutlineDisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "OutlineDisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "DisabledFontColor")],
-          '&:hover': {
-            backgroundColor: 'transparent'
-          }
+          backgroundColor: 'transparent'
         }
       }
+    }
+  });
+};
+var brightOutlineTag = function brightOutlineTag(name, type) {
+  return defineProperty_default()({}, "&$".concat(name), {
+    color: src["tag".concat(type, "FontColor")],
+    backgroundColor: src["tag".concat(type, "BackgroundColor")],
+    border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '& $closeIconWrapper': {
+      '&:hover': {
+        backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
+      }
     },
-    // brightOutline 亮色边框风格
-    '&$brightOutline': {
-      color: src["tag".concat(type, "FontColor")],
-      backgroundColor: src["tag".concat(type, "BackgroundColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "OutlineBorderColor")]),
+    '&$disabled': {
+      color: src["tag".concat(type, "DisabledFontColor")],
+      backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
+      border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
       '& $closeIconWrapper': {
+        fill: src["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
-          backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
-        }
-      },
-      '&$disabled': {
-        color: src["tag".concat(type, "DisabledFontColor")],
-        backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
-        border: "1px solid ".concat(src["tag".concat(type, "OutlineDisabledBorderColor")]),
-        '& $closeIconWrapper': {
-          fill: src["tag".concat(type, "IconDisabledFontColor")],
-          '&:hover': {
-            backgroundColor: 'transparent'
-          }
+          backgroundColor: 'transparent'
         }
       }
-    },
-    '& $closeIcon': {
-      fill: src["tag".concat(type, "FontColor")]
     }
-  };
+  });
 };
 var TagStyle = {
   rootClass: {},
@@ -27168,32 +27264,32 @@ var TagStyle = {
       height: 12
     }
   },
-  info: objectSpread2_default()({}, tag_tag('Info')),
-  default: objectSpread2_default()({}, tag_tag('Default')),
-  success: objectSpread2_default()({}, tag_tag('Success')),
-  warning: objectSpread2_default()({}, tag_tag('Warning')),
-  danger: objectSpread2_default()({}, tag_tag('Danger')),
-  brown: objectSpread2_default()({}, tag_tag('Brown')),
-  magenta: objectSpread2_default()({}, tag_tag('Magenta')),
-  purple: objectSpread2_default()({}, tag_tag('Purple')),
-  indigo: objectSpread2_default()({}, tag_tag('Indigo')),
-  cyan: objectSpread2_default()({}, tag_tag('Cyan')),
-  neon: objectSpread2_default()({}, tag_tag('Neon')),
-  lemon: objectSpread2_default()({}, tag_tag('Lemon')),
-  tangerine: objectSpread2_default()({}, tag_tag('Tangerine')),
-  fill: {},
+  info: objectSpread2_default()({}, brightTag('info', 'Info')),
+  default: objectSpread2_default()({}, brightTag('default', 'Default')),
+  success: objectSpread2_default()({}, brightTag('success', 'Success')),
+  warning: objectSpread2_default()({}, brightTag('warning', 'Warning')),
+  danger: objectSpread2_default()({}, brightTag('danger', 'Danger')),
+  brown: objectSpread2_default()({}, brightTag('brown', 'Brown')),
+  magenta: objectSpread2_default()({}, brightTag('magenta', 'Magenta')),
+  purple: objectSpread2_default()({}, brightTag('purple', 'Purple')),
+  indigo: objectSpread2_default()({}, brightTag('indigo', 'Indigo')),
+  cyan: objectSpread2_default()({}, brightTag('cyan', 'Cyan')),
+  neon: objectSpread2_default()({}, brightTag('neon', 'Neon')),
+  lemon: objectSpread2_default()({}, brightTag('lemon', 'Lemon')),
+  tangerine: objectSpread2_default()({}, brightTag('tangerine', 'Tangerine')),
+  fill: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')),
   bright: {},
-  outline: {},
-  brightOutline: {},
+  outline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')),
+  brightOutline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')),
   rounded: {
     borderRadius: src.buttonRoundBorderRadius
   }
 };
-/* harmony default export */ var src_tag_tag = (TagStyle);
+/* harmony default export */ var tag_tag = (TagStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/tag/index.ts
 
 
-var useTagStyle = styled(src_tag_tag, 'tag');
+var useTagStyle = styled(tag_tag, 'tag');
 
 /* harmony default export */ var shineout_style_src_tag = ((/* unused pure expression or super */ null && (useTagStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/textarea/textarea.ts
@@ -28047,6 +28143,7 @@ var treeStyle = {
     }
   },
   text: {
+    cursor: 'pointer',
     flex: 1,
     minWidth: 0,
     fontSize: src.treeFontSize,
@@ -28061,9 +28158,6 @@ var treeStyle = {
       background: src.treeContentHoverBackgroundColor
     }
   },
-  textClickable: {
-    cursor: 'pointer'
-  },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,
   // },
@@ -28292,8 +28386,8 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
-    overflow: 'hidden',
-    '&:hover': {}
+    maxHeight: 78,
+    overflow: 'auto'
   },
   result: {
     display: 'flex',
@@ -28425,7 +28519,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    position: 'sticky',
+    top: 0
   },
   clearable: {},
   clearIcon: {
@@ -40124,7 +40220,7 @@ var Tag = function Tag(props) {
   }));
 };
 Tag.Input = tag_input;
-/* harmony default export */ var base_src_tag_tag = (Tag);
+/* harmony default export */ var src_tag_tag = (Tag);
 ;// CONCATENATED MODULE: ../base/src/select/result-more.tsx
 
 
@@ -40227,7 +40323,7 @@ var More = function More(props) {
   }
   if (showNum < 0 || showNum >= data.length) {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-      children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, {
+      children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
@@ -40248,7 +40344,7 @@ var More = function More(props) {
   }
   var renderCompressedTag = function renderCompressedTag() {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
@@ -40463,7 +40559,7 @@ var result_Result = function Result(props) {
         type: disabled === true ? 'dark' : undefined
       })));
     }
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, objectSpread2_default()(objectSpread2_default()({
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, objectSpread2_default()(objectSpread2_default()({
       disabled: isDisabled,
       size: size,
       className: classnames_default()(styles.tag, more === 1 && styles.tagOnly, resultClassName),
@@ -40592,7 +40688,7 @@ var result_Result = function Result(props) {
       props.setInputText('');
       setTimeout(function () {
         onFilter === null || onFilter === void 0 || onFilter('', 'blur');
-      }, 400);
+      }, 200);
     }
 
     // 单选场景下，焦点时自动选中input文本
@@ -47462,6 +47558,7 @@ var Modal = function Modal(props) {
           doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
         }
       } else {
+        if (!context.isMask) return;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
       }
@@ -47486,6 +47583,7 @@ var Modal = function Modal(props) {
         hasMask = false;
       }
       {
+        if (!context.isMask) return;
         var doc = document.body.parentNode;
         doc.style.paddingRight = '';
         doc.style.overflow = '';
@@ -49811,7 +49909,8 @@ var useForm = function useForm(props) {
       validateFields(keys).catch(function () {});
     }
     update();
-    updateDefaultValue();
+    // 默认值上位时会提前触发外部的onChange, 导致外部的多次setFormValue不能合并后生效的问题(ReactDOM.render方式渲染)
+    setTimeout(updateDefaultValue);
     context.resetTime = 0;
   }, [props.value]);
   external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect(function () {
@@ -50519,7 +50618,7 @@ var FormFlow = function FormFlow(props) {
     return datum === null || datum === void 0 ? void 0 : datum.get(name);
   });
   var memoizedResult = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    if (!props.strict) return;
+    if (!props.strict) return null;
     if (isFunc(props.children)) {
       return props.children(datum);
     }
@@ -52974,6 +53073,7 @@ var list_List = function List(props) {
     controlType = props.controlType,
     hideCreateOption = props.hideCreateOption,
     optionListRef = props.optionListRef,
+    keepScrollTop = props.keepScrollTop,
     isAnimationFinish = props.isAnimationFinish,
     _props$renderItem = props.renderItem,
     renderItemProp = _props$renderItem === void 0 ? function (d) {
@@ -53141,7 +53241,7 @@ var list_List = function List(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_list, {
       virtualRef: virtualRef,
       data: data,
-      keepScrollTop: true,
+      keepScrollTop: keepScrollTop,
       keygen: keygen,
       tag: 'ul',
       groupKey: groupKey,
@@ -53271,7 +53371,6 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
-  var textClass = classnames_default()(contentStyle.text, defineProperty_default()({}, contentStyle.textClickable, actionOnClick && !is_isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -53415,7 +53514,7 @@ var NodeContent = function NodeContent(props) {
     }, contentDataProps()), {}, {
       children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         dir: config.direction,
-        className: textClass,
+        className: contentStyle.text,
         onDoubleClick: onNodeDoubleClick,
         onClick: handleNodeClick,
         children: renderNode()
@@ -55492,6 +55591,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -60148,6 +60248,7 @@ var extractHeightValue = function extractHeightValue(num) {
   return undefined;
 };
 var scroll_table_Scroll = function Scroll(props) {
+  var _scrollRef$current, _scrollRef$current2;
   var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
@@ -60178,7 +60279,10 @@ var scroll_table_Scroll = function Scroll(props) {
     flex: 1,
     minWidth: 0,
     minHeight: 0,
-    overflow: props.isEmptyContent ? 'hidden' : 'auto',
+    // 原生css sticky机制根据最近的父元素的overflow来决定是否sticky
+    // isHeaderSticky: 这种场景非内滚的时候，设置scroll元素的overflow为initial
+    // isEmptyContent: 这种场景，把scroll元素的overflow设置为hidden,把overflow: auto转交给下面的container元素
+    overflow: props.isEmptyContent ? 'hidden' : props.isHeaderSticky && (scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === (scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight) ? 'initial' : 'auto',
     width: '100%'
   };
   var containerStyle = {
@@ -60188,6 +60292,7 @@ var scroll_table_Scroll = function Scroll(props) {
     position: 'sticky',
     flexDirection: 'column',
     top: 0,
+    // isEmptyContent: overflow设置为auto是为了让empty元素可以sticky left:0 生效
     overflow: props.isEmptyContent ? 'auto' : undefined
   };
 
@@ -62428,20 +62533,31 @@ function useMemo(getValue, condition, shouldUpdate) {
 
 
 
+
 function Td(props) {
+  var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(),
+    _React$useState2 = slicedToArray_default()(_React$useState, 2),
+    style = _React$useState2[0],
+    setStyle = _React$useState2[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!props.style) return;
+    if (shallowEqual(props.style, style)) {
+      return;
+    }
+    setStyle(props.style);
+  }, [props.style]);
   var col = props.col,
     colSpan = props.colSpan,
     rowSpan = props.rowSpan,
     className = props.className,
-    style = props.style,
     direction = props.direction,
     role = props.role,
     onClick = props.onClick,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     renderContent = props.renderContent;
-  var externalDependencies = typeof_default()(props.shouldUpdate) === 'object' && props.shouldUpdate.dependencies ? props.shouldUpdate.dependencies : [];
-  var updateFn = typeof_default()(props.shouldUpdate) === 'object' && 'update' in props.shouldUpdate ? props.shouldUpdate.update : props.shouldUpdate;
+  var externalDependencies = typeof_default()(props.shouldCellUpdate) === 'object' && props.shouldCellUpdate.dependencies ? props.shouldCellUpdate.dependencies : [];
+  var updateFn = typeof_default()(props.shouldCellUpdate) === 'object' && 'update' in props.shouldCellUpdate ? props.shouldCellUpdate.update : props.shouldCellUpdate;
   var $td = useMemo(function () {
     var content = renderContent(props.col, props.data);
     return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
@@ -62519,13 +62635,14 @@ var Tr = function Tr(props) {
         right: right
       };
     }
-    return {};
+    return undefined;
   };
-  var getTdStyle = function getTdStyle(column, colSpan) {
+  var getTdStyle = usePersistFn(function (column, colSpan) {
     var index = column.index;
     var fixedStyle = getFixedStyle(column.fixed, index, colSpan);
+    if (!fixedStyle && !column.style) return;
     return objectSpread2_default()(objectSpread2_default()({}, column.style), fixedStyle);
-  };
+  });
   var handleCellClick = usePersistFn(function (data, colIndex) {
     if (!props.onCellClick) return;
     props.onCellClick(data, {
@@ -62588,7 +62705,7 @@ var Tr = function Tr(props) {
       return _ref.apply(this, arguments);
     };
   }());
-  var renderTreeExpand = function renderTreeExpand(content) {
+  var renderTreeExpand = usePersistFn(function (content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
     var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
@@ -62641,8 +62758,8 @@ var Tr = function Tr(props) {
       },
       children: [$expandIconWrapper, content]
     });
-  };
-  var renderContent = function renderContent(col, data) {
+  });
+  var renderContent = usePersistFn(function (col, data) {
     if (col.type === 'expand' || col.type === 'row-expand') {
       var renderResult = typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex) : undefined;
       if (typeof renderResult !== 'function') return null;
@@ -62708,8 +62825,8 @@ var Tr = function Tr(props) {
       return renderTreeExpand(content, col.treeIndent);
     }
     return content;
-  };
-  var renderTds = function renderTds(cols, data) {
+  });
+  var renderTds = usePersistFn(function (cols, data) {
     var tds = [];
     var skip = 0;
     var lastRowIndex = data.length - 1;
@@ -62753,9 +62870,9 @@ var Tr = function Tr(props) {
           onClick: props.onCellClick ? function () {
             return handleCellClick(data[i].data, i);
           } : undefined,
-          shouldUpdate: col.shouldUpdate,
+          shouldCellUpdate: col.shouldCellUpdate || props.shouldCellUpdate,
           renderContent: renderContent
-        });
+        }, "".concat(col.key, "-").concat(props.rowIndex, "-").concat(i));
         tds.push(td);
         if (data[i].colSpan) skip = data[i].colSpan - 1;
       }
@@ -62764,7 +62881,7 @@ var Tr = function Tr(props) {
       if (_loop(i)) continue;
     }
     return tds;
-  };
+  });
   var renderExpand = function renderExpand() {
     if (!props.expanded) return null;
     var expandCol = props.expandCol;
@@ -62880,9 +62997,10 @@ var Tr = function Tr(props) {
     return col.type === 'expand' || col.type === 'row-expand';
   });
   var renderRow = function renderRow(item, index) {
+    var _props$rowEvents;
     var rowIndex = index + currentIndex;
     var originKey = getKey(props.keygen, item, rowIndex);
-    var trRenderKey = props.loader ? originKey : "".concat(originKey, "-").concat(rowIndex);
+    var trRenderKey = props.loader || (_props$rowEvents = props.rowEvents) !== null && _props$rowEvents !== void 0 && _props$rowEvents.draggable ? originKey : "".concat(originKey, "-").concat(rowIndex);
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tr, {
       originKey: originKey,
       row: rowData[index],
@@ -62922,7 +63040,8 @@ var Tr = function Tr(props) {
       bodyScrollWidth: props.bodyScrollWidth,
       resizeFlag: props.resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick
+      onCellClick: props.onCellClick,
+      shouldCellUpdate: props.shouldCellUpdate
     }, trRenderKey);
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
@@ -63336,7 +63455,8 @@ var emptyRef = {
       bodyScrollWidth: scrollWidth,
       resizeFlag: resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick
+      onCellClick: props.onCellClick,
+      shouldCellUpdate: props.shouldCellUpdate
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -63428,6 +63548,7 @@ var emptyRef = {
           defaultHeight: context.emptyHeight,
           isScrollY: isScrollY,
           isEmptyContent: !((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length),
+          isHeaderSticky: stickyProps === null || stickyProps === void 0 ? void 0 : stickyProps.css,
           children: [!props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
             children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
               className: headWrapperClass,
@@ -64562,7 +64683,7 @@ var tag_jssStyle = {
   input: useInputStyle
 };
 var tag_Tag = function Tag(props) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_tag_tag, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
     jssStyle: tag_jssStyle
   }));
 };
@@ -65926,17 +66047,28 @@ var TreeSelect = function TreeSelect(props0) {
     var key = datum.getKey(data);
     var isDisabled = datum === null || datum === void 0 ? void 0 : datum.isDisabled(key);
     var isCheck = datum === null || datum === void 0 ? void 0 : datum.getChecked(key);
+    var contentClass = '';
+    if (props.contentClass) {
+      if (isString(props.contentClass)) {
+        contentClass = props.contentClass;
+      }
+      if (isFunc(props.contentClass)) {
+        contentClass = props.contentClass(data);
+      }
+    }
     if (isDisabled) {
-      return classnames_default()(styles.optionDisabled);
+      return classnames_default()(styles.optionDisabled, contentClass);
     }
+    var activeClassName = classnames_default()(styles.optionActive, contentClass);
+    var inactiveClassName = classnames_default()(contentClass);
     if (multiple) {
-      return isCheck ? classnames_default()(styles.optionActive) : '';
+      return isCheck ? activeClassName : inactiveClassName;
     }
     if (!isArray(value)) {
       var currentData = getDataByValues(value);
-      return currentData === data ? classnames_default()(styles.optionActive) : '';
+      return currentData === data ? activeClassName : inactiveClassName;
     }
-    return '';
+    return inactiveClassName;
   };
   var checkUnMatched = function checkUnMatched(item) {
     return isUnMatchedData(item);
@@ -69872,7 +70004,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.4'
+  version: '3.7.0-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;