shineout 3.7.0-beta.5 → 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,
@@ -12146,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.5');
+/* harmony default export */ var version = ('3.7.0-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12425,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',
@@ -14779,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',
@@ -14934,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
@@ -21662,7 +21756,11 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '& $panel': {
       top: 0,
       height: '100vh',
-      width: '100vw'
+      width: '100vw',
+      overflow: 'auto'
+    },
+    '& $body': {
+      minHeight: 'auto'
     }
   },
   wrapperZoom: {
@@ -26955,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: {},
@@ -27175,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
@@ -28054,6 +28143,7 @@ var treeStyle = {
     }
   },
   text: {
+    cursor: 'pointer',
     flex: 1,
     minWidth: 0,
     fontSize: src.treeFontSize,
@@ -28068,9 +28158,6 @@ var treeStyle = {
       background: src.treeContentHoverBackgroundColor
     }
   },
-  textClickable: {
-    cursor: 'pointer'
-  },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,
   // },
@@ -40133,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
 
 
@@ -40236,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,
@@ -40257,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,
@@ -40472,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),
@@ -40601,7 +40688,7 @@ var result_Result = function Result(props) {
       props.setInputText('');
       setTimeout(function () {
         onFilter === null || onFilter === void 0 || onFilter('', 'blur');
-      }, 400);
+      }, 200);
     }
 
     // 单选场景下，焦点时自动选中input文本
@@ -49822,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 () {
@@ -52985,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) {
@@ -53152,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,
@@ -53282,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;
@@ -53426,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()
@@ -55503,6 +55591,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
+      keepScrollTop: !!filterText ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -60159,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);
@@ -60189,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 = {
@@ -60199,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
   };
 
@@ -63454,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,
@@ -64588,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
   }));
 };
@@ -65952,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);
@@ -69898,7 +70004,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.5'
+  version: '3.7.0-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;