shineout 3.6.0-beta.5 → 3.6.0-beta.7

package/cjs/index.d.ts

@@ -48,7 +48,7 @@ export { default as Transfer } from './transfer';
 export { default as Tree } from './tree';
 export { default as TreeSelect } from './tree-select';
 export { default as Upload } from './upload';
-export { setConfig, config, setLocale, setIcons } from '@sheinx/base';
+export { setConfig, config, setLocale, setIcons, icons } from '@sheinx/base';
 export type { ConfigOption } from '@sheinx/base';
 export { setToken, useToken } from '@sheinx/theme';
 export { JssProvider, SheetsRegistry, setJssConfig, scopeNormalizeStyle, } from '@sheinx/shineout-style';

package/cjs/index.js

@@ -60,6 +60,7 @@ var _exportNames = {
   config: true,
   setLocale: true,
   setIcons: true,
+  icons: true,
   setToken: true,
   useToken: true,
   JssProvider: true,
@@ -389,6 +390,12 @@ Object.defineProperty(exports, "config", {
   }
 });
 exports.default = void 0;
+Object.defineProperty(exports, "icons", {
+  enumerable: true,
+  get: function get() {
+    return _base.icons;
+  }
+});
 Object.defineProperty(exports, "scopeNormalizeStyle", {
   enumerable: true,
   get: function get() {
@@ -507,5 +514,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.6.0-beta.5'
+  version: '3.6.0-beta.7'
 };

package/dist/shineout.js

@@ -4116,11 +4116,18 @@ const figma = [
     describe: '分割线',
     locked: false,
   },
+  {
+    name: '填充色',
+    token: 'Neutral-fill-7',
+    value: '#666C7C',
+    describe: '',
+    locked: true,
+  },
   {
     name: '填充色',
     token: 'Neutral-fill-5',
     value: '#B3B7C1',
-    describe: '点击',
+    describe: '',
     locked: true,
   },
   {
@@ -6385,6 +6392,7 @@ __webpack_require__.d(__webpack_exports__, {
   color: function() { return /* reexport */ color; },
   config: function() { return /* reexport */ src_config_config; },
   "default": function() { return /* binding */ src_0; },
+  icons: function() { return /* reexport */ icons; },
   scopeNormalizeStyle: function() { return /* reexport */ scopeNormalizeStyle; },
   setConfig: function() { return /* reexport */ config_setConfig; },
   setIcons: function() { return /* reexport */ setIcons; },
@@ -6747,7 +6755,7 @@ var imageDownload = ['M12.0673 2C15.7465 2 18.7667 4.82116 19.0828 8.41823C21.39
 var imagePreview = ['M17.177 11.248C15.258 9.776 13.429 9 12 9C10.57 9 8.74 9.775 6.822 11.246C6.466 11.519 6.118 11.809 5.792 12.101C6.118 12.394 6.467 12.684 6.823 12.957C8.743 14.428 10.573 15.204 12.003 15.204C13.433 15.204 15.262 14.429 17.18 12.959C17.535 12.686 17.883 12.397 18.208 12.105C17.8755 11.8062 17.5316 11.5203 17.177 11.248ZM20.581 11.628C20.743 11.802 20.885 11.964 21 12.105C20.885 12.245 20.743 12.407 20.582 12.58C19.9074 13.293 19.1763 13.9505 18.396 14.546C16.234 16.204 13.994 17.204 12.003 17.204C10.012 17.204 7.771 16.203 5.607 14.544C4.82603 13.9482 4.09433 13.2904 3.419 12.577C3.27436 12.4231 3.13463 12.2647 3 12.102C3.115 11.961 3.257 11.799 3.419 11.626C4.09367 10.913 4.8247 10.2555 5.605 9.66C7.77 8 10.01 7 12 7C13.99 7 16.23 8.001 18.394 9.661C19.1747 10.2572 19.906 10.9143 20.581 11.628ZM4 4V7C4.00002 7.13134 3.97417 7.26139 3.92392 7.38273C3.87368 7.50407 3.80002 7.61433 3.70716 7.70721C3.6143 7.80008 3.50405 7.87375 3.38272 7.92402C3.26138 7.97428 3.13133 8.00015 3 8.00015C2.86867 8.00015 2.73862 7.97428 2.61728 7.92402C2.49595 7.87375 2.3857 7.80008 2.29284 7.70721C2.19998 7.61433 2.12632 7.50407 2.07608 7.38273C2.02583 7.26139 1.99998 7.13134 2 7V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H7C7.13134 1.99998 7.26139 2.02583 7.38273 2.07608C7.50407 2.12632 7.61433 2.19998 7.70721 2.29284C7.80008 2.3857 7.87375 2.49595 7.92402 2.61728C7.97428 2.73862 8.00015 2.86867 8.00015 3C8.00015 3.13133 7.97428 3.26138 7.92402 3.38272C7.87375 3.50405 7.80008 3.6143 7.70721 3.70716C7.61433 3.80002 7.50407 3.87368 7.38273 3.92392C7.26139 3.97417 7.13134 4.00002 7 4H4ZM4 20H7C7.26519 20 7.51951 20.1054 7.70701 20.2929C7.89451 20.4805 7.99985 20.7348 7.99985 21C7.99985 21.2652 7.89451 21.5195 7.70701 21.7071C7.51951 21.8946 7.26519 22 7 22H3C2.73478 22 2.48043 21.8946 2.29289 21.7071C2.10536 21.5196 2 21.2652 2 21V17C2.00004 16.7348 2.10542 16.4805 2.29295 16.293C2.48048 16.1055 2.73481 16.0002 3 16.0002C3.26519 16.0002 3.51952 16.1055 3.70705 16.293C3.89458 16.4805 3.99996 16.7348 4 17V20ZM20 4H17C16.7348 3.99996 16.4805 3.89458 16.293 3.70705C16.1055 3.51952 16.0002 3.26519 16.0002 3C16.0002 2.73481 16.1055 2.48048 16.293 2.29295C16.4805 2.10542 16.7348 2.00004 17 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3V7C22 7.26519 21.8946 7.51951 21.7071 7.70701C21.5195 7.89451 21.2652 7.99985 21 7.99985C20.7348 7.99985 20.4805 7.89451 20.2929 7.70701C20.1054 7.51951 20 7.26519 20 7V4ZM20 20V17C20 16.7348 20.1054 16.4805 20.2929 16.293C20.4805 16.1055 20.7348 16.0002 21 16.0002C21.2652 16.0002 21.5195 16.1055 21.7071 16.293C21.8946 16.4805 22 16.7348 22 17V21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22H17C16.7348 22 16.4805 21.8946 16.293 21.7071C16.1055 21.5195 16.0002 21.2652 16.0002 21C16.0002 20.7348 16.1055 20.4805 16.293 20.2929C16.4805 20.1054 16.7348 20 17 20H20ZM12 14.5C11.6717 14.5 11.3466 14.4353 11.0433 14.3097C10.74 14.1841 10.4644 13.9999 10.2322 13.7678C10.0001 13.5356 9.81594 13.26 9.6903 12.9567C9.56467 12.6534 9.5 12.3283 9.5 12C9.5 11.6717 9.56467 11.3466 9.6903 11.0433C9.81594 10.74 10.0001 10.4644 10.2322 10.2322C10.4644 10.0001 10.74 9.81594 11.0433 9.6903C11.3466 9.56467 11.6717 9.5 12 9.5C12.663 9.5 13.2989 9.76339 13.7678 10.2322C14.2366 10.7011 14.5 11.337 14.5 12C14.5 12.663 14.2366 13.2989 13.7678 13.7678C13.2989 14.2366 12.663 14.5 12 14.5ZM12 12.5C12.1326 12.5 12.2598 12.4473 12.3536 12.3536C12.4473 12.2598 12.5 12.1326 12.5 12C12.5 11.8674 12.4473 11.7402 12.3536 11.6464C12.2598 11.5527 12.1326 11.5 12 11.5C11.8674 11.5 11.7402 11.5527 11.6464 11.6464C11.5527 11.7402 11.5 11.8674 11.5 12C11.5 12.1326 11.5527 12.2598 11.6464 12.3536C11.7402 12.4473 11.8674 12.5 12 12.5Z'];
 var hide = ['M13.0384 12.1565V16.2235C13.0213 16.7681 12.5748 17.2007 12.0299 17.2007C11.485 17.2007 11.0386 16.7681 11.0214 16.2235V12.1895V12.1565C9.98553 12.0881 8.95945 11.9131 7.95942 11.6345L4.63942 14.9555C4.24564 15.3498 3.60675 15.3502 3.21242 14.9565C2.81809 14.5627 2.81764 13.9238 3.21142 13.5295L5.86142 10.8795C4.16901 10.1224 2.63013 9.06073 1.32142 7.74745C1.0512 7.49584 0.940005 7.11672 1.03149 6.75901C1.12298 6.4013 1.40255 6.12213 1.76038 6.03114C2.11822 5.94016 2.49718 6.05189 2.74842 6.32245C5.20494 8.79141 8.54557 10.1773 12.0284 10.1725C15.5564 10.1725 18.8604 8.77445 21.3044 6.32845C21.5569 6.06287 21.9336 5.95508 22.2884 6.04686C22.6432 6.13865 22.9203 6.41558 23.0123 6.7703C23.1044 7.12502 22.9968 7.50176 22.7314 7.75445C21.4239 9.06462 19.8871 10.1238 18.1974 10.8795L20.8474 13.5295C21.2247 13.9262 21.2167 14.5514 20.8294 14.9384C20.4421 15.3254 19.8169 15.333 19.4204 14.9555L16.1004 11.6355C15.1094 11.9105 14.0844 12.0875 13.0374 12.1555L13.0384 12.1565Z'];
 var display = ['M20.41 11.536C19.7483 10.8368 19.0313 10.1921 18.266 9.608C16.146 7.98 13.951 7 12 7C10.049 7 7.853 7.98 5.733 9.606C4.96801 10.19 4.25136 10.8348 3.59 11.534C3.34585 11.7967 3.34584 12.2033 3.58999 12.466C4.25208 13.1649 4.96941 13.8093 5.735 14.393C7.855 16.02 10.05 17 12.003 17C13.954 17 16.149 16.02 18.269 14.395C19.0333 13.8113 19.7493 13.1668 20.41 12.468C20.4106 12.4674 20.4111 12.4668 20.4117 12.4662C20.6554 12.2037 20.6547 11.7975 20.41 11.536ZM12 5C16.416 5 22.997 10.05 23 12.001C23.003 13.953 16.42 19.001 12.003 19C7.586 19 1.003 13.953 1 12.001C0.997002 10.05 7.583 5 12 5ZM12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12C15.5 13.933 13.933 15.5 12 15.5ZM12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5Z'];
-var loading = ["M12.002 1C18.0771 1 23.002 5.92487 23.002 12C23.002 18.0751 18.0771 23 12.002 23C5.92682 23 1.00195 18.0751 1.00195 12C1.00195 11.4477 1.44967 11 2.00195 11C2.55424 11 3.00195 11.4477 3.00195 12C3.00195 16.9706 7.03139 21 12.002 21C16.9725 21 21.002 16.9706 21.002 12C21.002 7.02943 16.9725 3 12.002 3C11.4497 3 11.002 2.55228 11.002 2C11.002 1.44772 11.4497 1 12.002 1Z"];
+var loading = ['M12.002 1C18.0771 1 23.002 5.92487 23.002 12C23.002 18.0751 18.0771 23 12.002 23C5.92682 23 1.00195 18.0751 1.00195 12C1.00195 11.4477 1.44967 11 2.00195 11C2.55424 11 3.00195 11.4477 3.00195 12C3.00195 16.9706 7.03139 21 12.002 21C16.9725 21 21.002 16.9706 21.002 12C21.002 7.02943 16.9725 3 12.002 3C11.4497 3 11.002 2.55228 11.002 2C11.002 1.44772 11.4497 1 12.002 1Z'];
 
 // const info = [
 //   'M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7C11 7.55228 11.4477 8 12 8ZM12 19C12.5523 19 13 18.5523 13 18V10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V18C11 18.5523 11.4477 19 12 19Z',
@@ -6832,7 +6840,7 @@ var minus = [/*#__PURE__*/(0,jsx_runtime.jsx)("g", {
   children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
     d: "M19.25,11 C19.8022847,11 20.25,11.4477153 20.25,12 C20.25,12.5128358 19.8639598,12.9355072 19.3666211,12.9932723 L19.25,13 L5.25,13 C4.69771525,13 4.25,12.5522847 4.25,12 C4.25,11.4871642 4.63604019,11.0644928 5.13337887,11.0067277 L5.25,11 L19.25,11 Z"
   })
-}, "minus")];
+}, 'minus')];
 var more = ['M5 10C6.10457 10 7 10.8954 7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10ZM12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10ZM19 10C20.1046 10 21 10.8954 21 12C21 13.1046 20.1046 14 19 14C17.8954 14 17 13.1046 17 12C17 10.8954 17.8954 10 19 10Z'];
 var warningSimple = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   d: "M10.4312 4.48155C10.4031 3.91069 10.8584 3.4325 11.43 3.4325H12.5693C13.1409 3.4325 13.5962 3.91069 13.5681 4.48155L13.0664 14.6976C13.0402 15.2301 12.6008 15.6485 12.0676 15.6485H11.9317C11.3985 15.6485 10.9591 15.2301 10.9329 14.6976L10.4312 4.48155ZM11.9876 16.9445C12.5156 16.9445 12.9716 17.1125 13.3316 17.4485C13.6676 17.7845 13.8596 18.2165 13.8596 18.7445C13.8596 19.2725 13.6676 19.7285 13.3316 20.0645C12.9476 20.4005 12.5156 20.5685 11.9876 20.5685C11.4596 20.5685 11.0276 20.3765 10.6916 20.0405C10.3076 19.7045 10.1396 19.2725 10.1396 18.7445C10.1396 18.2165 10.3076 17.7845 10.6916 17.4485C11.0276 17.1125 11.4596 16.9445 11.9876 16.9445Z",
@@ -12115,7 +12123,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.6.0-beta.5');
+/* harmony default export */ var version = ('3.6.0-beta.7');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12441,6 +12449,7 @@ var Token = {
   'Neutral-text-1': '#FFFFFF',
   'Neutral-border-2': '#CCCFD7',
   'Neutral-border-1': '#E8EBF0',
+  'Neutral-fill-7': '#666C7C',
   'Neutral-fill-5': '#B3B7C1',
   'Neutral-fill-9': '#141737',
   'Neutral-fill-10': '#020B18',
@@ -13359,7 +13368,8 @@ var checkboxTokens = {
 
 var collapseTokens = {
   collapseIconColor: 'Neutral-text-4',
-  collapseIconHoverBackgroundColor: 'Neutral-fill-3',
+  collapseIconHoverBackgroundColor: 'Neutral-fill-2',
+  collapseIconActiveBackgroundColor: 'Neutral-fill-3',
   collapseExtraMargin: 'Spacing-24',
   collapseWrapperBorderSize: 'Border-1',
   collapseWrapperBorderRadius: 'Radius-default',
@@ -13520,7 +13530,7 @@ var datePickerTokens = {
 var descriptionsTokens = {
   descriptionsTitlePaddingBottom: 'Spacing-12',
   descriptionsLabelPaddingBottom: 'Spacing-12',
-  descriptionsLabelPaddingRight: 'Spacing-24',
+  descriptionsLabelPaddingRight: 'Spacing-8',
   descriptionsValuePaddingBottom: 'Spacing-12',
   descriptionsTitleSmallSize: 'Font-14',
   descriptionsTitleDefaultSize: 'Font-16',
@@ -15160,14 +15170,15 @@ var treeSelectTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var uploadTokens = {
-  uploadResultPaddingX: 'Spacing-16',
+  uploadResultPaddingX: 'Spacing-12',
   uploadResultPaddingY: 'Spacing-5',
   uploadResultBackgroundColor: 'Neutral-fill-2',
   uploadResultGap: 'Spacing-4',
   uploadResultMarginY: 'Spacing-8',
   uploadResultIconSize: 'Size-7',
-  uploadResultIconColor: 'Neutral-text-4',
-  uploadResultIconHoverBackgroundColor: 'Neutral-fill-2',
+  uploadResultIconColor: 'Neutral-text-5',
+  uploadResultIconHoverBackgroundColor: 'Neutral-fill-3',
+  uploadResultIconHoverColor: 'Brand-6',
   uploadResultFontSize: 'Font-14',
   uploadResultFontColor: 'Neutral-text-5',
   uploadResultBorderRadius: 'Radius-default',
@@ -15177,16 +15188,19 @@ var uploadTokens = {
   uploadResultDeletedFontColor: 'Neutral-text-3',
   uploadResultUploadingIconColor: 'Brand-6',
   uploadImageBorderRadius: 'Radius-default',
-  uploadImageHandlerBorderColor: 'Neutral-border-1',
+  uploadImageHandlerBorderColor: 'Neutral-border-2',
   uploadImageHandlerBackgroundColor: 'Neutral-fill-1',
   uploadImageHandlerFontColor: 'Neutral-text-4',
   uploadImageHandlerHoverBorderColor: 'Brand-6',
   uploadImageHandlerHoverFontColor: 'Brand-6',
+  uploadImageHandlerActiveBorderColor: 'Brand-7',
+  uploadImageHandlerActiveFontColor: 'Brand-7',
   uploadImageHandlerErrorBorderColor: 'Danger-6',
   uploadImageHandlerErrorFontColor: 'Danger-6',
   uploadImageHandlerDisabledBorderColor: 'Neutral-border-2',
   uploadImageHandlerDisabledBackgroundColor: 'Neutral-fill-2',
   uploadImageHandlerDisabledFontColor: 'Neutral-text-2',
+  uploadImageHandlerIconColor: 'Neutral-text-3',
   uploadImageResultBorderColor: 'Neutral-border-1',
   uploadImageResultBtnSize: 'Size-7',
   uploadImageResultBtnCloseColor: 'Danger-6',
@@ -17662,7 +17676,6 @@ var collapseItemStyle = {
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
-    gap: src.collapseHeaderGap,
     fontSize: src.collapseHeaderFontSize,
     fontWeight: src.collapseHeaderFontWeight,
     color: src.collapseHeaderColor,
@@ -17702,6 +17715,7 @@ var collapseItemStyle = {
     color: src.collapseIconColor,
     lineHeight: src.lineHeightDynamic,
     zIndex: 0,
+    marginRight: src.collapseHeaderGap,
     '& svg': {
       zIndex: 1,
       width: src.collapseHeaderIconWidth
@@ -17719,6 +17733,11 @@ var collapseItemStyle = {
         borderRadius: '50%',
         background: src.collapseIconHoverBackgroundColor
       }
+    },
+    '&:active:hover': {
+      '&:after': {
+        background: src.collapseIconActiveBackgroundColor
+      }
     }
   },
   title: {
@@ -18882,6 +18901,10 @@ var dropdown_dropdown = {
     minWidth: '0',
     '& + $caret': {
       marginLeft: src.dropdownCaretMarginLeft
+    },
+    '& > svg': {
+      display: 'block',
+      margin: '0 auto'
     }
   },
   button: {
@@ -24566,7 +24589,7 @@ var stepsStyle = {
       overflow: 'hidden'
     },
     '& $icon': {
-      marginRight: 12
+      marginRight: 16
     },
     '& $title, $description': {
       textAlign: 'left'
@@ -24696,11 +24719,13 @@ var stepsStyle = {
       },
       '& $icon': {
         lineHeight: 0,
+        marginRight: 6,
         padding: '8px 10px'
       },
       '& $process': {
         '& $icon': {
           marginTop: 0,
+          marginRight: 8,
           padding: '7px 8px'
         },
         '& $tail': {
@@ -26715,6 +26740,8 @@ var TagStyle = {
   rootClass: {},
   tag: {
     display: 'inline-flex',
+    // 消除 inline-flex 看不见的空白高度
+    verticalAlign: 'top',
     padding: "".concat(src.tagPaddingY, " ").concat(src.tagPaddingX),
     fontSize: src.tagFontSize,
     fontWeight: src.tagFontWeight,
@@ -26726,11 +26753,25 @@ var TagStyle = {
     }
   },
   input: {
-    '&[data-soui-input-border]': {
-      width: 100,
-      '& input': {
-        padding: "0 ".concat(src.tagInputPaddingX)
-      }
+    paddingLeft: '0 !important',
+    paddingRight: '0 !important',
+    width: 100,
+    '& > div': {
+      padding: '0 !important'
+    },
+    '& > div > input': {
+      fontSize: src.tagFontSize,
+      padding: "0 ".concat(src.tagPaddingX),
+      lineHeight: "calc(".concat(src.tagFontSize, " + 8px)")
+    },
+    '$small& > div > input': {
+      padding: "0 ".concat(src.tagSmallPaddingX),
+      lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
+    },
+    '$large& > div > input': {
+      fontSize: src.tagLargeFontSize,
+      padding: "0 ".concat(src.tagLargePaddingX),
+      lineHeight: "calc(".concat(src.tagLargeFontSize, " + 8px)")
     }
   },
   wrapper: {
@@ -28105,11 +28146,11 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     // },
   },
   optionActive: {
-    color: src.treeSelectOptionActiveColor,
-    backgroundColor: src.treeSelectOptionActiveBackgroundColor,
-    '&>div': {
-      color: src.treeSelectOptionActiveColor
-    }
+    // color: token.treeSelectOptionActiveColor,
+    // backgroundColor: token.treeSelectOptionActiveBackgroundColor,
+    // '&>div': {
+    //   color: token.treeSelectOptionActiveColor,
+    // },
   },
   optionDisabled: {
     cursor: 'not-allowed',
@@ -28222,7 +28263,7 @@ var uploadStyle = {
       border: "1px dashed ".concat(src.uploadImageHandlerBorderColor),
       backgroundColor: src.uploadImageHandlerBackgroundColor,
       color: src.uploadImageHandlerFontColor,
-      '&:hover': {
+      '&:hover, &:hover *': {
         borderColor: src.uploadImageHandlerHoverBorderColor,
         color: src.uploadImageHandlerHoverFontColor
       },
@@ -28233,14 +28274,28 @@ var uploadStyle = {
       },
       '& svg': {
         color: src.uploadImageResultBtnRecoverColor
+      },
+      '&:active': {
+        color: src.uploadImageHandlerActiveFontColor,
+        borderColor: src.uploadImageHandlerActiveBorderColor
+      },
+      '&:active *': {
+        color: src.uploadImageHandlerActiveFontColor
       }
     }
   },
   result: {
     display: 'flex',
     alignItems: 'center',
-    marginTop: src.uploadResultMarginY,
-    gap: src.uploadResultGap
+    gap: '8px',
+    borderRadius: src.uploadResultBorderRadius,
+    padding: "".concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX),
+    '&:hover': {
+      backgroundColor: src.uploadResultBackgroundColor
+    },
+    '$handler+&, $dropItem+&': {
+      marginTop: src.uploadResultMarginY
+    }
   },
   icon: {
     width: src.uploadResultIconSize,
@@ -28256,25 +28311,10 @@ var uploadStyle = {
     }
   },
   iconHover: {
-    position: 'relative',
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      top: '-5px',
-      left: '-5px',
-      right: '-5px',
-      bottom: '-5px',
+    '&:hover': {
+      color: src.uploadResultIconHoverColor,
       borderRadius: '50%',
-      display: 'none',
       backgroundColor: src.uploadResultIconHoverBackgroundColor
-    },
-    '& svg': {
-      position: 'relative'
-    },
-    '&:hover': {
-      '&::before': {
-        display: 'block'
-      }
     }
   },
   resultError: {},
@@ -28302,17 +28342,12 @@ var uploadStyle = {
     fontSize: src.uploadResultFontSize,
     color: src.uploadResultFontColor,
     lineHeight: src.lineHeightDynamic,
-    padding: "".concat(src.uploadResultPaddingY, " ").concat(src.uploadResultPaddingX),
-    borderRadius: src.uploadResultBorderRadius,
     '$resultError &': {
       color: src.uploadResultErrorFontColor
     },
     '$resultDeleted &': {
       textDecoration: 'line-through',
       color: src.uploadResultDeletedFontColor
-    },
-    '&:hover': {
-      backgroundColor: src.uploadResultBackgroundColor
     }
   },
   resultTextBody: {
@@ -28321,7 +28356,11 @@ var uploadStyle = {
   },
   resultClose: {
     cursor: 'pointer',
-    margin: '0 6px'
+    '&$icon': {
+      boxSizing: 'content-box',
+      padding: '0 4px',
+      height: src.lineHeightDynamic
+    }
   },
   imageHandler: {
     boxSizing: 'border-box',
@@ -28338,6 +28377,13 @@ var uploadStyle = {
       borderColor: src.uploadImageHandlerHoverBorderColor,
       color: src.uploadImageHandlerHoverFontColor
     },
+    '$wrapper:not($wrapperDisabled) &:hover *': {
+      color: "".concat(src.uploadImageHandlerHoverFontColor, " !important")
+    },
+    '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
+      color: "".concat(src.uploadImageHandlerActiveFontColor, " !important"),
+      borderColor: src.uploadImageHandlerActiveBorderColor
+    },
     '$wrapperDisabled &': {
       borderColor: src.uploadImageHandlerDisabledBorderColor,
       backgroundColor: src.uploadImageHandlerDisabledBackgroundColor,
@@ -28347,9 +28393,13 @@ var uploadStyle = {
   imageHandlerIcon: {
     display: 'flex',
     alignItems: 'center',
+    color: src.uploadImageHandlerIconColor,
     '& > svg': {
       width: 20,
       height: 20
+    },
+    '$wrapperDisabled &': {
+      color: src.uploadImageHandlerDisabledFontColor
     }
   },
   imageResult: {
@@ -28487,10 +28537,20 @@ var uploadStyle = {
   dropItem: {
     ':not(wrapperDisabled) &[data-soui-dragover="true"]': {
       '& $handler, & $imageHandler, & $imageResult': {
-        borderColor: src.uploadImageHandlerHoverBorderColor,
-        borderStyle: 'dashed',
-        borderWidth: '2px',
+        borderColor: 'transparent !important',
+        color: src.uploadImageHandlerHoverFontColor,
+        position: 'relative'
+      },
+      '& $handler *, & $imageHandler *, & $imageResult *': {
         color: src.uploadImageHandlerHoverFontColor
+      },
+      '& $handler:after, & $imageHandler:after, & $imageResult:after': {
+        content: '" "',
+        position: 'absolute',
+        inset: 0,
+        pointerEvents: 'none',
+        border: "2px dashed ".concat(src.uploadImageHandlerHoverBorderColor),
+        borderRadius: src.uploadImageBorderRadius
       }
     }
   },
@@ -29991,9 +30051,6 @@ var usePositionStyle = function usePositionStyle(config) {
     };
     context.containerRect = containerRect;
     context.containerScroll = containerScroll;
-    console.log('======================');
-    console.log('targetPosition: >>', targetPosition);
-    console.log('======================');
     if (verticalPosition.includes(targetPosition)) {
       var _targetPosition$split = targetPosition.split('-'),
         _targetPosition$split2 = slicedToArray_default()(_targetPosition$split, 2),
@@ -33959,9 +34016,10 @@ var useCheckboxInputable = function useCheckboxInputable(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     setCheckedState(!!props.value);
   }, [props.value]);
-  var onInputableCheckboxChange = function onInputableCheckboxChange(c) {
+  var onInputableCheckboxChange = function onInputableCheckboxChange(c, ignoreOnChange) {
     var _props$onChange;
     setCheckedState(c);
+    if (ignoreOnChange) return;
     props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, undefined, c, undefined);
   };
   var onInputChange = function onInputChange(_value) {
@@ -35340,7 +35398,7 @@ var checkbox_Checkbox = function Checkbox(props) {
 
     // 兼容Checkbox在createPortal中使用时，无法改变勾选状态的问题
     if ('value' in props && props.checked === undefined) {
-      onInputableCheckboxChange(checked);
+      onInputableCheckboxChange(checked, true);
     }
     if (props.onRawChange) {
       props.onRawChange(checked ? htmlValue : undefined, checked, htmlValue);
@@ -37440,6 +37498,7 @@ function use_tree_toArray(value) {
   if (!Array.isArray(value)) return [value];
   return value;
 }
+var global_tree_map = new Map();
 var MODE = {
   /**
    * 返回全选数据，包含父节点和子节点
@@ -39359,6 +39418,7 @@ var useTag = function useTag(props) {
 
 
 
+
 var TagInput = function TagInput(props) {
   var _jssStyle$tag;
   var value = props.value,
@@ -39399,7 +39459,7 @@ var TagInput = function TagInput(props) {
     size: size,
     style: style,
     inputRef: inputRef,
-    className: classnames_default()(tagStyle.input),
+    className: classnames_default()(tagStyle.input, defineProperty_default()(defineProperty_default()({}, tagStyle.small, size === 'small'), tagStyle.large, size === 'large')),
     jssStyle: jssStyle,
     onKeyUp: handleKeyUp,
     onChange: handleChange,
@@ -39494,6 +39554,7 @@ var Tag = function Tag(props) {
   };
   var renderInput = function renderInput() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tag_input, {
+      size: size,
       value: value,
       className: classnames_default()(tagStyle.input),
       jssStyle: jssStyle,
@@ -40451,7 +40512,7 @@ var Cascader = function Cascader(props0) {
   });
   var renderClearable = function renderClearable() {
     if (!mode !== undefined && !showArrow) return null;
-    var defaultIcon = compressed ? icons_config.cascader.More : icons_config.cascader.DropdownArrow;
+    var defaultIcon = compressed || multiple ? icons_config.cascader.More : icons_config.cascader.DropdownArrow;
     var arrow = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: classnames_default()(compressed && styles.compressedIcon, styles.arrowIcon, open && !compressed && styles.arrowIconOpen),
       onClick: handleResultClick,
@@ -42234,6 +42295,7 @@ var CollapseItem = function CollapseItem(props) {
     }, getHeaderIconProps({
       className: collapseItemIconClassName
     })), {}, {
+      role: "button",
       children: headerIcon
     }));
   };
@@ -42245,7 +42307,7 @@ var CollapseItem = function CollapseItem(props) {
     }));
   };
   var collapseItemClassName = classnames_default()(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.wrapper, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.active), (disabled || triggerRegion === 'disabled') && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.disabled), !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.borderLess));
-  var collapseItemHeaderClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.header, !showExpandIcon && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.noIcon), !triggerRegion && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region));
+  var collapseItemHeaderClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.header, !showExpandIcon && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.noIcon), triggerRegion !== 'icon' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region));
   var collapseItemContentClassName = classnames_default()(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.content, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expanded));
   var renderContent = function renderContent() {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
@@ -47392,7 +47454,8 @@ var Dropdown = function Dropdown(props) {
   var type = props.type,
     text = props.text,
     outline = props.outline,
-    mode = props.mode;
+    mode = props.mode,
+    shape = props.shape;
 
   // 默认使用 secondary text 样式
   if (type === undefined && text === undefined && outline === undefined && mode === undefined) {
@@ -47436,6 +47499,7 @@ var Dropdown = function Dropdown(props) {
       className: classnames_default()(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.button, !placeholder && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.splitButton)),
       mode: mode,
       type: type,
+      shape: shape,
       size: size,
       text: text,
       children: child
@@ -56428,6 +56492,7 @@ var MenuItem = function MenuItem(props) {
     _useState2 = slicedToArray_default()(_useState, 2),
     popOpen = _useState2[0],
     setOpen = _useState2[1];
+  var liRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
   var hasExpandAbleChildren = children.some(function (item) {
     return item && item.children && (props.looseChildren || item.children.length);
   });
@@ -56502,6 +56567,10 @@ var MenuItem = function MenuItem(props) {
     };
     if (shoudPop) {
       var position = isVertical || isSubHorizontal ? isUp ? 'right-bottom' : 'right-top' : 'bottom';
+      var offset = isVertical && props.isEdgeItem ? [0, 4] : undefined;
+      var popoverContentStyle = props.level === 0 && liRef.current ? {
+        minWidth: liRef.current.clientWidth
+      } : undefined;
       return /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
         mouseLeaveDelay: toggleDuration,
         className: classnames_default()(classes === null || classes === void 0 ? void 0 : classes.popover),
@@ -56515,7 +56584,8 @@ var MenuItem = function MenuItem(props) {
         showArrow: mode !== 'horizontal',
         position: position,
         lazy: false,
-        offset: isVertical && props.isEdgeItem ? [0, 4] : undefined,
+        offset: offset,
+        style: popoverContentStyle,
         children: function children(close) {
           return content(close);
         }
@@ -56602,6 +56672,7 @@ var MenuItem = function MenuItem(props) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     dir: config.direction,
+    ref: liRef,
     children: [renderItem(), renderChildren()]
   });
 };
@@ -60551,8 +60622,10 @@ var useTableVirtual = function useTableVirtual(props) {
     if (props.disabled) return;
     if (context.heightCallback) {
       var cb = context.heightCallback;
-      context.heightCallback = null;
       cb();
+      setTimeout(function () {
+        context.heightCallback = null;
+      }, 300);
     }
   }, [scrollHeight]);
   var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
@@ -65773,7 +65846,7 @@ var upload_result_Result = function Result(props) {
         className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageBg,
         src: src,
         jssStyle: props.jssStyle,
-        fit: "center",
+        fit: "fill",
         width: "auto",
         height: 0
       }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
@@ -65967,6 +66040,7 @@ var Upload = function Upload(props0) {
         className: classnames_default()(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandler : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.handler),
         style: listType === 'image' ? imageStyle : undefined
       }, wrapperProps), {}, {
+        role: "button",
         children: [listType === 'image' && (props.children || /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageHandlerIcon,
           children: icons_config.upload.AddImage
@@ -68643,7 +68717,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.5'
+  version: '3.6.0-beta.7'
 });
 }();
 /******/ 	return __webpack_exports__;