shineout 3.6.0-beta.4 → 3.6.0-beta.6

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,
   },
   {
@@ -4466,6 +4473,13 @@ const figma = [
     token: 'Shadow-4',
     locked: true,
   },
+  {
+    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',
+    describe: 'Switch圆圈阴影',
+    token: 'Shadow-5',
+    locked: true,
+  },
   {
     name: '动态行高',
     value: 'calc( 1em + 8px )',
@@ -6740,6 +6754,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"];
 
 // 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',
@@ -6769,11 +6784,21 @@ var pcAttentionCircleFill = /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
   })]
 });
 var success = ['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 23ZM6.34315 13.8284L8.46305 15.9483C9.24511 16.7304 10.5122 16.7304 11.2943 15.9483L17.6569 9.58579C18.0472 9.19546 18.0472 8.5619 17.6569 8.17157C17.2665 7.78125 16.633 7.78125 16.2426 8.17157L10.5872 13.827C10.1962 14.218 9.56119 14.218 9.17016 13.827L7.75736 12.4142C7.36704 12.0239 6.73347 12.0239 6.34315 12.4142C5.95282 12.8045 5.95282 13.4381 6.34315 13.8284Z'];
-var calendar1 = [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M17 1C17.5523 1 18 1.44772 18 2V3H21C22.1046 3 23 3.89543 23 5V20C23 21.1046 22.1046 22 21 22H3C1.89543 22 1 21.1046 1 20V5C1 3.89543 1.89543 3 3 3H6V2C6 1.44772 6.44772 1 7 1C7.55228 1 8 1.44772 8 2V3H16V2C16 1.44772 16.4477 1 17 1ZM21 10H3V20H21V10ZM7 16C7.82843 16 8.5 16.6716 8.5 17.5C8.5 18.3284 7.82843 19 7 19C6.17157 19 5.5 18.3284 5.5 17.5C5.5 16.6716 6.17157 16 7 16ZM12 16C12.8284 16 13.5 16.6716 13.5 17.5C13.5 18.3284 12.8284 19 12 19C11.1716 19 10.5 18.3284 10.5 17.5C10.5 16.6716 11.1716 16 12 16ZM17 16C17.8284 16 18.5 16.6716 18.5 17.5C18.5 18.3284 17.8284 19 17 19C16.1716 19 15.5 18.3284 15.5 17.5C15.5 16.6716 16.1716 16 17 16ZM7 11C7.82843 11 8.5 11.6716 8.5 12.5C8.5 13.3284 7.82843 14 7 14C6.17157 14 5.5 13.3284 5.5 12.5C5.5 11.6716 6.17157 11 7 11ZM12 11C12.8284 11 13.5 11.6716 13.5 12.5C13.5 13.3284 12.8284 14 12 14C11.1716 14 10.5 13.3284 10.5 12.5C10.5 11.6716 11.1716 11 12 11ZM17 11C17.8284 11 18.5 11.6716 18.5 12.5C18.5 13.3284 17.8284 14 17 14C16.1716 14 15.5 13.3284 15.5 12.5C15.5 11.6716 16.1716 11 17 11ZM6 5H3V8H21V5H18C18 5.55228 17.5523 6 17 6C16.4477 6 16 5.55228 16 5H8C8 5.55228 7.55228 6 7 6C6.44772 6 6 5.55228 6 5Z"
-}, 'calendar')];
+var calendar = /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
+  viewBox: "0 0 24 24",
+  focusable: "false",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  children: [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+    d: "M8.00195 2C8.55424 2 9.00195 2.44772 9.00195 3V4H15.002V3C15.002 2.44772 15.4497 2 16.002 2C16.5542 2 17.002 2.44772 17.002 3V4H20.002C20.9758 4 22.002 5.01582 22.002 6V20C22.002 20.9683 21.003 22 20.002 22H4.00195C2.98763 22 2.00195 20.9869 2.00195 20V6C2.00195 4.99158 2.9996 4 4.00195 4H7.00195V3C7.00195 2.44772 7.44967 2 8.00195 2ZM20.002 13C20.002 12.4477 19.5542 12 19.002 12H5.00195C4.44967 12 4.00195 12.4477 4.00195 13V19C4.00195 19.5523 4.44967 20 5.00195 20H19.002C19.5542 20 20.002 19.5523 20.002 19V13ZM7.00195 6H5.00195C4.44967 6 4.00195 6.44772 4.00195 7V9C4.00195 9.55228 4.44967 10 5.00195 10H19.002C19.5542 10 20.002 9.55228 20.002 9V7C20.002 6.44772 19.5542 6 19.002 6H17.002V7C17.002 7.55228 16.5542 8 16.002 8C15.4497 8 15.002 7.55228 15.002 7V6H9.00195V7C9.00195 7.55228 8.55424 8 8.00195 8C7.44967 8 7.00195 7.55228 7.00195 7V6Z"
+  }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+    d: "M9.59337 15.6868C9.59337 16.5152 8.92179 17.1868 8.09337 17.1868C7.26494 17.1868 6.59337 16.5152 6.59337 15.6868C6.59337 14.8583 7.26494 14.1868 8.09337 14.1868C8.92179 14.1868 9.59337 14.8583 9.59337 15.6868Z"
+  }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+    d: "M13.5348 15.6868C13.5348 16.5152 12.8632 17.1868 12.0348 17.1868C11.2063 17.1868 10.5348 16.5152 10.5348 15.6868C10.5348 14.8583 11.2063 14.1868 12.0348 14.1868C12.8632 14.1868 13.5348 14.8583 13.5348 15.6868Z"
+  }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+    d: "M17.4762 15.6868C17.4762 16.5152 16.8046 17.1868 15.9762 17.1868C15.1478 17.1868 14.4762 16.5152 14.4762 15.6868C14.4762 14.8583 15.1478 14.1868 15.9762 14.1868C16.8046 14.1868 17.4762 14.8583 17.4762 15.6868Z"
+  })]
+});
 var icons_close = /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
   viewBox: "0 0 16 16",
   focusable: "false",
@@ -6886,7 +6911,7 @@ var Icons = {
   Add: icon(add),
   Minus: icon(minus),
   More: icon(more),
-  Calendar: icon(calendar1),
+  Calendar: calendar,
   Display: icon(display),
   Hide: icon(hide),
   ArrowDown: icon(arrowDown),
@@ -6910,7 +6935,8 @@ var Icons = {
   Return: icon(ireturn),
   RecoverCircle: icon(recoverCircle),
   StarFill: icon(pcStarFill),
-  Link: icon(icons_link)
+  Link: icon(icons_link),
+  Loading: icon(loading)
 };
 /* harmony default export */ var icons = (Icons);
 ;// CONCATENATED MODULE: ../base/src/icons/config.tsx
@@ -6942,7 +6968,7 @@ var config = {
     Forward: icons.ArrowRight
   },
   cascader: {
-    More: icons.ArrowDown,
+    More: icons.More,
     DropdownArrow: icons.ArrowDown,
     Close: icons.CloseFill,
     CollapseArrow: icons.ArrowRight
@@ -7020,6 +7046,9 @@ var config = {
     Finish: icons.Check,
     Error: icons.Close
   },
+  switch: {
+    Loading: icons.Loading
+  },
   table: {
     SortUp: icons.SortAsc,
     SortDown: icons.SortDesc,
@@ -12093,7 +12122,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.4');
+/* harmony default export */ var version = ('3.6.0-beta.6');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12419,6 +12448,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',
@@ -12469,6 +12499,7 @@ var Token = {
   'Shadow-2': '0px 4px 10px rgba(2, 11, 24, 0.1)',
   'Shadow-3': '0px 8px 20px rgba(2, 11, 24, 0.1)',
   'Shadow-4': '0px -2px 10px rgba(232, 235, 240, 0.8)',
+  'Shadow-5': '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',
   'Line-height-dynamic': 'calc( 1em + 8px )',
   Transparent: 'transparent',
   'Mask-fill-1': 'rgba(2, 11, 24, 0.3)',
@@ -12696,7 +12727,7 @@ var badgeTokens = {
   badgeBadgeFontColor: 'Neutral-text-1',
   badgeBadgeBackgroundColor: 'Danger-6',
   badgeBadgeBorderRadius: 'Radius-full',
-  badgeCountPaddingX: 'Spacing-6',
+  badgeCountPaddingX: 'Spacing-4',
   badgeCountHeight: 'Size-10',
   badgeSmallCountHeight: 'Size-8',
   badgeDotWidth: 'Size-3',
@@ -13258,6 +13289,7 @@ var cascaderTokens = {
   cascaderOptionPaddingY: 'Spacing-1',
   cascaderOptionActiveColor: 'Brand-6',
   cascaderOptionActiveBackgroundColor: 'Brand-1',
+  cascaderOptionItemHoverFontColor: 'Brand-6',
   cascaderOptionInnerPaddingX: 'Spacing-8',
   cascaderOptionInnerPaddingY: 'Spacing-5',
   cascaderOptionInnerPaddingRight: 'Size-15',
@@ -13265,10 +13297,11 @@ var cascaderTokens = {
   cascaderOptionIconColor: 'Neutral-text-4',
   cascaderOptionHoverBackgroundColor: 'Neutral-fill-2',
   cascaderOptionHoverFontColor: 'Neutral-text-5',
+  cascaderOptionFocusBackgroundColor: 'Neutral-fill-3',
   cascaderOptionDisabledColor: 'Neutral-text-2',
   cascaderOptionDisabledBackgroundColor: 'Neutral-fill-1',
-  cascaderMorePaddingX: 'Spacing-16',
-  cascaderMorePaddingY: 'Spacing-14',
+  cascaderMorePaddingX: 'Spacing-8',
+  cascaderMorePaddingY: 'Spacing-6',
   cascaderHeaderPadding: 'Spacing-8',
   cascaderHeaderBorderColor: 'Neutral-border-1',
   cascaderGroupTitleFontColor: 'Neutral-text-3',
@@ -13277,7 +13310,8 @@ var cascaderTokens = {
   cascaderGroupTitlePaddingY: 'Spacing-6',
   cascaderColumnPadding: 'Spacing-8',
   cascaderColumnOptionMargin: 'Spacing-8',
-  cascaderListBorderColor: 'Neutral-border-1'
+  cascaderListBorderColor: 'Neutral-border-1',
+  cascaderListPaddingY: 'Spacing-3'
 };
 /* harmony default export */ var cascader = (cascaderTokens);
 ;// CONCATENATED MODULE: ../theme/src/cascader/index.ts
@@ -13333,7 +13367,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',
@@ -13429,11 +13464,11 @@ var datePickerTokens = {
   datePickerPanelBorder: 'Neutral-border-1',
   datePickerPanelHeaderFontSize: 'Font-14',
   datePickerPanelHeaderFontColor: 'Neutral-text-5',
-  datePickerPanelHeaderFontWeight: 'Weight-regular',
+  datePickerPanelHeaderFontWeight: 'Weight-medium',
   datePickerPanelHeaderPaddingX: 'Spacing-12',
   datePickerPanelHeaderPaddingY: 'Spacing-8',
   datePickerPanelHeaderBorderColor: 'Neutral-border-1',
-  datePickerPanelHeaderIconColor: 'Neutral-text-5',
+  datePickerPanelHeaderIconColor: 'Neutral-text-4',
   datePickerPanelHeaderIconWidth: 'Size-7',
   datePickerPanelHeaderIconHotWidth: 'Size-13',
   datePickerPanelHeaderIconHoverBackgroundColor: 'Neutral-fill-3',
@@ -13494,7 +13529,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',
@@ -13785,7 +13820,7 @@ var inputTokens = {
   inputInnerSmallPaddingY: 'Spacing-1',
   inputInnerSmallFontSize: 'Font-12',
   inputInnerLargePaddingX: 'Spacing-12',
-  inputInnerLargePaddingY: 'Spacing-4',
+  inputInnerLargePaddingY: 'Spacing-3',
   inputInnerLargeFontSize: 'Font-16',
   inputInnerTopFontSize: 'Font-12',
   inputInnerTopSmallFontSize: 'Font-12',
@@ -13895,15 +13930,15 @@ var menuTokens = {
   menuHeaderPaddingX: 'Spacing-12',
   menuHeaderPaddingY: 'Spacing-12',
   menuDarkFontColor: 'Neutral-text-1',
-  menuDarkItemBackgroundColor: 'Neutral-fill-10',
+  menuDarkItemBackgroundColor: 'Neutral-fill-9',
   menuDarkItemFontColor: 'Neutral-text-1',
   menuDarkItemHoverBackgroundColor: 'Brand-9',
   menuDarkItemHoverFontColor: 'Neutral-text-1',
   menuDarkItemActiveBackgroundColor: 'Brand-6',
   menuDarkItemActiveFontColor: 'Neutral-text-1',
-  menuDarkItemOpenBackgroundColor: 'Neutral-fill-9',
+  menuDarkItemOpenBackgroundColor: 'Neutral-fill-10',
   menuDarkItemOpenFontColor: 'Neutral-text-1',
-  menuDarkItemDisabledBackgroundColor: 'Neutral-fill-10',
+  menuDarkItemDisabledBackgroundColor: 'Neutral-fill-9',
   menuDarkItemDisabledFontColor: 'Neutral-text-4',
   menuDarkItemCollapseActiveBackgroundColor: 'Brand-6',
   menuDarkItemCollapseActiveFontColor: 'Neutral-text-1',
@@ -14155,9 +14190,9 @@ var rateTokens = {
   rateFontWeight: 'Weight-regular',
   rateGap: 'Spacing-6',
   rateSize: 'Size-12',
-  rateTextGap: 'Spacing-10',
+  rateTextGap: 'Spacing-16',
   rateBackgroundColor: 'Neutral-fill-3',
-  rateFrontBackgroundColor: 'Warning-5'
+  rateFrontBackgroundColor: 'Lemon-6'
 };
 /* harmony default export */ var rate = (rateTokens);
 ;// CONCATENATED MODULE: ../theme/src/rate/index.ts
@@ -14180,6 +14215,7 @@ var selectTokens = {
   selectPaddingY: 'Spacing-2',
   selectIconSize: 'Size-7',
   selectIconColor: 'Neutral-text-4',
+  selectIconMarginLeft: 'Spacing-8',
   selectTagMarginY: 'Spacing-2',
   selectTagMarginRight: 'Spacing-4',
   selectSmallFontSize: 'Font-12',
@@ -14243,7 +14279,8 @@ var selectTokens = {
   selectOptionHoverFontColor: 'Neutral-text-5',
   selectOptionDisabledColor: 'Neutral-text-2',
   selectOptionDisabledBackgroundColor: 'Neutral-fill-1',
-  selectMorePadding: 'Spacing-8',
+  selectMorePaddingX: 'Spacing-8',
+  selectMorePaddingY: 'Spacing-6',
   selectHeaderPaddingX: 'Spacing-8',
   selectHeaderPaddingY: 'Spacing-8',
   selectHeaderBorderColor: 'Neutral-border-1',
@@ -14280,14 +14317,14 @@ var sliderTokens = {
   sliderTrackSize: 'Size-2',
   sliderTrackBackgroundColor: 'Neutral-fill-2',
   sliderTrackActiveBackgroundColor: 'Brand-6',
-  sliderTrackDisabledBackgroundColor: 'Neutral-fill-4',
+  sliderTrackDisabledBackgroundColor: 'Brand-3',
   sliderIndicatorSize: 'Size-6',
   sliderIndicatorBackgroundColor: 'Neutral-fill-1',
   sliderIndicatorBorderColor: 'Brand-6',
   sliderIndicatorBorderSize: 'Border-2',
   sliderIndicatorActiveBackgroundColor: 'Brand-6',
   sliderIndicatorActiveShadow: 'Shadow-1',
-  sliderIndicatorDisabledBorderColor: 'Neutral-border-2',
+  sliderIndicatorDisabledBorderColor: 'Brand-3',
   sliderIndicatorDisabledBackgroundColor: 'Neutral-fill-1',
   sliderValueBackgroundColor: 'Neutral-fill-1',
   sliderValueHoverBackgroundColor: 'Neutral-fill-9',
@@ -14346,7 +14383,7 @@ var stepsTokens = {
   stepsLargeTitleFontSize: 'Font-18',
   stepsLargeDescriptionFontSize: 'Font-12',
   stepsWaitFontColor: 'Neutral-text-4',
-  stepsWaitBackgroundColor: 'Neutral-fill-2',
+  stepsWaitBackgroundColor: 'Neutral-fill-4',
   stepsWaitHoverFontColor: 'Brand-6',
   stepsProcessFontColor: 'Neutral-text-1',
   stepsProcessBackgroundColor: 'Brand-6',
@@ -14391,27 +14428,31 @@ var stickyTokens = {
 
 var switchTokens = {
   switchFontSize: 'Font-14',
-  switchFontColor: 'Neutral-text-1',
+  switchFontColor: 'Neutral-text-4',
   switchPaddingX: 'Spacing-2',
   switchPaddingY: 'Spacing-2',
   switchCircleSize: 'Size-9',
   switchCircleFill: 'Neutral-text-1',
-  switchCircleShadow: 'Shadow-3',
+  switchCircleShadow: 'Shadow-5',
   switchWidth: 'Size-21',
-  switchTextPaddingX: 'Spacing-4',
+  switchTextPaddingLeft: 'Spacing-8',
+  switchTextPaddingRight: 'Spacing-4',
   switchSmallFontSize: 'Font-12',
   switchSmallPaddingX: 'Spacing-2',
   switchSmallPaddingY: 'Spacing-2',
   switchSmallCircleSize: 'Size-6',
   switchSmallWidth: 'Size-14',
+  switchSmallTextPaddingLeft: 'Spacing-4',
+  switchSmallTextPaddingRight: 'Spacing-2',
   switchLargeFontSize: 'Font-16',
   switchLargePaddingX: 'Spacing-2',
   switchLargePaddingY: 'Spacing-2',
   switchLargeCircleSize: 'Size-12',
   switchLargeWidth: 'Size-27',
   switchBackgroundColor: 'Neutral-fill-4',
-  switchDisabledBackgroundColor: 'Neutral-fill-2',
-  switchDisabledCircleFill: 'Neutral-fill-1',
+  switchDisabledBackgroundColor: 'Neutral-fill-3',
+  switchDisabledCircleCheckedFill: 'Brand-1',
+  switchDisabledCircleUncheckedFill: 'Neutral-fill-2',
   switchDisabledFontColor: 'Neutral-text-2',
   switchLoadingBackgroundColor: 'Neutral-fill-2',
   switchLoadingCircleFill: 'Neutral-text-2',
@@ -14423,6 +14464,7 @@ var switchTokens = {
   switchCheckedDisabledCircleFill: 'Neutral-fill-1',
   switchCheckedDisabledFontColor: 'Neutral-text-1',
   switchCheckedLoadingBackgroundColor: 'Brand-3',
+  switchCheckedLoadingCircleFill: 'Brand-3',
   switchCheckedLoadingFontColor: 'Neutral-text-1'
 };
 /* harmony default export */ var switch_switch = (switchTokens);
@@ -15008,7 +15050,7 @@ var treeTokens = {
   treeLargeLineHeight: 'Size-22',
   treeFontWeight: 'Weight-regular',
   treeFontColor: 'Neutral-text-5',
-  treeLineBackgroundColor: 'Neutral-fill-2',
+  treeLineBackgroundColor: 'Neutral-fill-3',
   treePaddingX: 'Spacing-8',
   treePaddingY: 'Spacing-1',
   treeItemFontColor: 'Neutral-text-4',
@@ -15046,6 +15088,7 @@ var treeSelectTokens = {
   treeSelectPaddingY: 'Spacing-2',
   treeSelectIconSize: 'Size-7',
   treeSelectIconColor: 'Neutral-text-4',
+  treeSelectIconDisabledColor: 'Neutral-text-2',
   treeSelectSmallFontSize: 'Font-12',
   treeSelectSmallPaddingX: 'Spacing-8',
   treeSelectSmallPaddingY: 'Spacing-1',
@@ -15064,6 +15107,7 @@ var treeSelectTokens = {
   treeSelectBackgroundColor: 'Neutral-fill-1',
   treeSelectClearColor: 'Neutral-text-3',
   treeSelectClearPadding: 'Spacing-8',
+  treeSelectClearHoverColor: 'Neutral-text-4',
   treeSelectHoverBorderColor: 'Brand-6',
   treeSelectHoverClearColor: 'Neutral-text-4',
   treeSelectFocusBorderColor: 'Brand-7',
@@ -15103,8 +15147,8 @@ var treeSelectTokens = {
   treeSelectOptionHoverBackgroundColor: 'Neutral-fill-2',
   treeSelectOptionDisabledColor: 'Neutral-text-2',
   treeSelectOptionDisabledBackgroundColor: 'Neutral-fill-1',
-  treeSelectMorePaddingX: 'Spacing-16',
-  treeSelectMorePaddingY: 'Spacing-14',
+  treeSelectMorePaddingX: 'Spacing-8',
+  treeSelectMorePaddingY: 'Spacing-6',
   treeSelectHeaderPadding: 'Spacing-8',
   treeSelectHeaderBorderColor: 'Neutral-border-1',
   treeSelectGroupTitleFontColor: 'Neutral-text-3',
@@ -15125,14 +15169,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',
@@ -15142,16 +15187,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',
@@ -15524,14 +15572,14 @@ var badgeStyle = {
     minWidth: src.badgeCountHeight,
     height: src.badgeCountHeight,
     verticalAlign: 'super',
-    lineHeight: src.lineHeightDynamic,
+    lineHeight: src.badgeCountHeight,
     background: src.badgeBadgeBackgroundColor,
     borderRadius: src.badgeBadgeBorderRadius,
     fontSize: src.badgeBadgeFontSize,
     color: src.badgeBadgeFontColor
   },
   small: {
-    lineHeight: 'initial',
+    lineHeight: src.badgeSmallCountHeight,
     height: src.badgeSmallCountHeight,
     minWidth: src.badgeSmallCountHeight
   },
@@ -15655,6 +15703,9 @@ var breadcrumbStyle = {
     '&&': {
       display: 'flex',
       alignItems: 'center'
+    },
+    '&[role=button]:active': {
+      color: src.breadcrumbDefaultLinkActiveColor
     }
   },
   ellipsis: {
@@ -15724,7 +15775,7 @@ var breadcrumbStyle = {
       color: src.dropdownOptionHoverFontColor,
       backgroundColor: src.dropdownOptionHoverBackgroundColor
     },
-    '& $content, &  a': {
+    '& $content, & a': {
       padding: "".concat(src.dropdownOptionPaddingY, " ").concat(src.dropdownOptionPaddingX),
       display: 'inline-block',
       textDecoration: 'none',
@@ -16976,6 +17027,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
         marginTop: src.cascaderLargePlaceholderMarginY,
         marginBottom: src.cascaderLargePlaceholderMarginY
       },
+      '& $arrowIcon': {
+        width: src.cascaderLargeFontSize
+      },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
         paddingTop: src.cascaderLargeOptionInnerPaddingY,
@@ -16988,7 +17042,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       }
     },
     // hover
-    '&:hover': {
+    '&:hover': objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
       '& $clearIcon': {
         display: 'inline-block'
       },
@@ -17000,6 +17054,9 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
           display: 'none'
         }
       }
+    }),
+    '&:has($pickerWrapperShow)': {
+      borderColor: src.cascaderFocusBorderColor
     },
     // not wrapperFocus
     '&:not($wrapperFocus)': {
@@ -17172,8 +17229,10 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     boxShadow: src.cascaderPanelShadow,
     border: "1px solid ".concat(src.cascaderPanelBorder),
     borderRadius: src.cascaderPanelRadius,
-    transformOrigin: '0 0'
+    transformOrigin: '0 0',
+    cursor: 'initial'
   },
+  pickerWrapperShow: {},
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
@@ -17200,8 +17259,10 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
-    transform: 'rotate(180deg)',
-    color: src.cascaderHoverBorderColor
+    color: src.cascaderHoverBorderColor,
+    '&:not($compressedIcon)': {
+      transform: 'rotate(180deg)'
+    }
   },
   ellipsis: {
     display: 'block',
@@ -17260,8 +17321,12 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   },
   hideTag: {},
   list: {
-    display: 'inline-block',
-    overflow: 'auto'
+    display: 'inline-block'
+  },
+  listSimple: {
+    overflow: 'auto',
+    paddingTop: src.cascaderListPaddingY,
+    paddingBottom: src.cascaderListPaddingY
   },
   tag: {
     flexShrink: 0,
@@ -17299,8 +17364,10 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     visibility: 'hidden'
   },
   moreWrapper: {
-    width: 248,
-    height: 72,
+    // width: 248,
+    // height: 72,
+    maxWidth: 400,
+    maxHeight: 160,
     overflow: 'auto',
     padding: "".concat(src.cascaderMorePaddingY, " ").concat(src.cascaderMorePaddingX)
   },
@@ -17313,18 +17380,21 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     lineHeight: src.lineHeightDynamic,
     minWidth: 64,
     padding: "".concat(src.cascaderOptionPaddingY, " ").concat(src.cascaderOptionPaddingX),
-    '&:not($optionDisabled)': {
-      cursor: 'pointer'
+    '&:not($optionDisabled):not($activeOption)': {
+      cursor: 'pointer',
+      '&:hover': {
+        '& $optionInner': {
+          color: src.cascaderOptionHoverFontColor,
+          backgroundColor: src.cascaderOptionHoverBackgroundColor
+        }
+      },
+      '&:hover $optionInner:active, & $optionInner:active': {
+        color: src.cascaderOptionHoverFontColor,
+        backgroundColor: "".concat(src.cascaderOptionFocusBackgroundColor)
+      }
     },
     '& $optionCheckbox': {
       marginRight: 8
-    },
-    // hover
-    '&:not($optionDisabled):hover': {
-      '& $optionInner': {
-        color: src.cascaderOptionHoverFontColor,
-        backgroundColor: src.cascaderOptionHoverBackgroundColor
-      }
     }
   },
   filterOption: {
@@ -17333,12 +17403,23 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       width: '100%'
     }
   },
-  filterDisabledOption: {},
+  filterOptionItem: {
+    // not disabled
+    '&:not($filterDisabledOption):hover': {
+      color: src.cascaderOptionItemHoverFontColor
+    }
+  },
+  filterDisabledOption: {
+    color: src.cascaderOptionDisabledColor
+  },
   filterOptionSeparator: {},
   activeOption: {
     '& $optionInner': {
       color: src.cascaderOptionActiveColor,
-      backgroundColor: src.cascaderOptionActiveBackgroundColor
+      backgroundColor: src.cascaderOptionActiveBackgroundColor,
+      '& $optionIcon': {
+        color: src.cascaderOptionActiveColor
+      }
     }
   },
   optionCheckbox: {},
@@ -17542,7 +17623,8 @@ var checkboxStyle = {
   groupBlock: {
     '& $wrapper': {
       display: 'flex',
-      marginBottom: src.checkboxBlockGap
+      marginBottom: src.checkboxBlockGap,
+      marginRight: 0
     }
   }
 };
@@ -17593,7 +17675,6 @@ var collapseItemStyle = {
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
-    gap: src.collapseHeaderGap,
     fontSize: src.collapseHeaderFontSize,
     fontWeight: src.collapseHeaderFontWeight,
     color: src.collapseHeaderColor,
@@ -17633,6 +17714,7 @@ var collapseItemStyle = {
     color: src.collapseIconColor,
     lineHeight: src.lineHeightDynamic,
     zIndex: 0,
+    marginRight: src.collapseHeaderGap,
     '& svg': {
       zIndex: 1,
       width: src.collapseHeaderIconWidth
@@ -17650,6 +17732,11 @@ var collapseItemStyle = {
         borderRadius: '50%',
         background: src.collapseIconHoverBackgroundColor
       }
+    },
+    '&:active:hover': {
+      '&:after': {
+        background: src.collapseIconActiveBackgroundColor
+      }
     }
   },
   title: {
@@ -17758,6 +17845,8 @@ var date_picker_inputBorder = input_border('wrapper', date_picker_inputBorderTok
 var date_picker_wrapper = date_picker_inputBorder.wrapper,
   date_picker_wrapperDisabled = date_picker_inputBorder.wrapperDisabled,
   date_picker_resetWrapper = objectWithoutProperties_default()(date_picker_inputBorder, ["wrapper", "wrapperDisabled"]);
+var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
+var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
 var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapper: objectSpread2_default()({
@@ -17919,7 +18008,8 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
     backgroundColor: src.datePickerPanelBackgroundColor,
     boxShadow: src.datePickerPanelShadow,
     borderRadius: src.datePickerPanelRadius,
-    border: "1px solid ".concat(src.datePickerPanelBorder)
+    border: "1px solid ".concat(src.datePickerPanelBorder),
+    cursor: 'initial'
   },
   pickerBox: {
     display: 'flex'
@@ -18142,7 +18232,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
         backgroundColor: src.datePickerCellActiveHoverBackgroundColor
       }
     },
-    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):hover $pickerCellContent': {
+    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):not($pickerCellInRangeStart):not($pickerCellInRangeEnd):hover $pickerCellContent': {
       backgroundColor: src.datePickerCellActiveHoverBackgroundColor
     }
   },
@@ -18190,21 +18280,25 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
   pickerCellInRangeStart: {
     '&[dir=ltr] > $pickerCellContent': {
       borderTopLeftRadius: src.datePickerCellHeight,
-      borderBottomLeftRadius: src.datePickerCellHeight
+      borderBottomLeftRadius: src.datePickerCellHeight,
+      background: leftCircleBackground
     },
     '&[dir=rtl] > $pickerCellContent': {
       borderTopRightRadius: src.datePickerCellHeight,
-      borderBottomRightRadius: src.datePickerCellHeight
+      borderBottomRightRadius: src.datePickerCellHeight,
+      background: rightCircleBackground
     }
   },
   pickerCellInRangeEnd: {
     '&[dir=ltr] > $pickerCellContent': {
       borderTopRightRadius: src.datePickerCellHeight,
-      borderBottomRightRadius: src.datePickerCellHeight
+      borderBottomRightRadius: src.datePickerCellHeight,
+      background: rightCircleBackground
     },
     '&[dir=rtl] > $pickerCellContent': {
       borderTopLeftRadius: src.datePickerCellHeight,
-      borderBottomLeftRadius: src.datePickerCellHeight
+      borderBottomLeftRadius: src.datePickerCellHeight,
+      background: leftCircleBackground
     }
   },
   pickerCellDisabled: {
@@ -18806,6 +18900,10 @@ var dropdown_dropdown = {
     minWidth: '0',
     '& + $caret': {
       marginLeft: src.dropdownCaretMarginLeft
+    },
+    '& > svg': {
+      display: 'block',
+      margin: '0 auto'
     }
   },
   button: {
@@ -19172,6 +19270,9 @@ var form_form_form = {
     },
     '& > [data-soui-input-border]': {
       marginRight: src.formItemMarginXEnd
+    },
+    '& > button[type="submit"], & > button[type="reset"]': {
+      verticalAlign: 'top'
     }
   }
 };
@@ -20066,6 +20167,13 @@ var input_input = objectSpread2_default()(objectSpread2_default()(objectSpread2_
         width: 14,
         transform: 'rotate(-90deg)'
       }
+    },
+    '$wrapperDisabled & > span': {
+      color: src.inputDisabledFontColor,
+      borderColor: src.inputDisabledBorderColor,
+      '&:first-child': {
+        borderColor: src.inputDisabledBorderColor
+      }
     }
   },
   passwordToggle: {
@@ -20790,6 +20898,9 @@ var menuStyle = {
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: "calc(".concat(src.menuIconMarginX, " + ").concat(src.menuTitlePaddingX, " + ").concat(src.menuExpandSize, ")")
     },
+    '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
+      paddingRight: src.menuTitlePaddingX
+    },
     '$childrenHasExpand $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
@@ -20801,8 +20912,10 @@ var menuStyle = {
     '& + $titleContent': {
       paddingLeft: src.menuIconMarginX
     },
-    lineHeight: 1,
-    display: 'inline-flex'
+    display: 'inline-flex',
+    alignSelf: 'flex-start',
+    height: src.lineHeightDynamic,
+    alignItems: 'center'
   },
   titleContent: {
     whiteSpace: 'pre-wrap',
@@ -20827,6 +20940,10 @@ var menuStyle = {
       lineHeight: 1,
       width: src.menuExpandSize,
       height: src.menuExpandSize,
+      alignSelf: 'flex-start',
+      alignItems: 'center',
+      display: 'flex',
+      minHeight: "calc(".concat(src.lineHeightDynamic, " + ").concat(src.menuTitlePaddingY, "*2)"),
       '$wrapper:not($wrapperVertical) $itemOpen > $itemContent &': {
         transform: 'rotate(180deg)'
       }
@@ -21508,6 +21625,9 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
       left: '-4px',
       right: 'auto',
       cursor: 'col-resize'
+    },
+    '$wrapperDrawerLeft &': {
+      cursor: 'col-resize'
     }
   },
   resizeY: {
@@ -21523,7 +21643,7 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
     '$wrapperDrawerBottom &': {
       top: '-4px',
       bottom: 'auto',
-      cursor: 'n-resize'
+      cursor: 'row-resize'
     }
   },
   resizeXY: {
@@ -22250,7 +22370,10 @@ var radioStyle = {
     alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
-    marginRight: src.radioGap
+    marginRight: src.radioGap,
+    '&:last-child': {
+      marginRight: 0
+    }
   },
   wrapperSmall: {},
   wrapperLarge: {},
@@ -22371,7 +22494,10 @@ var radioStyle = {
     '& $wrapper': {
       display: 'flex',
       marginBottom: src.radioBlockGap,
-      marginRight: 0
+      marginRight: 0,
+      '&:last-child': {
+        marginBottom: 0
+      }
     }
   },
   groupButton: {
@@ -22610,6 +22736,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: src.selectLargePlaceholderMarginY,
         marginBottom: src.selectLargePlaceholderMarginY
+      },
+      '& $arrowIcon': {
+        width: src.selectLargeFontSize
       }
     },
     '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
@@ -22781,7 +22910,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     boxShadow: src.selectPanelShadow,
     borderRadius: src.selectPanelRadius,
     transformOrigin: '0 0',
-    border: "1px solid ".concat(src.selectPanelBorder)
+    border: "1px solid ".concat(src.selectPanelBorder),
+    cursor: 'initial'
   },
   pickerSmall: {
     '& $optionInner': {
@@ -22809,7 +22939,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    marginLeft: src.selectIconMarginLeft
   },
   clearable: {},
   clearIcon: {
@@ -22885,10 +23016,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   moreIcon: {},
   hideTag: {},
-  list: {
-    paddingTop: 3,
-    paddingBottom: 3
-  },
+  list: {},
   tree: {
     padding: 4,
     overflow: 'auto'
@@ -22940,7 +23068,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: src.selectMorePadding,
+    padding: "".concat(src.selectMorePaddingY, " ").concat(src.selectMorePaddingX),
     '&:hover': {
       '& $clearIcon': {
         display: 'inline-block'
@@ -23097,6 +23225,7 @@ var useSelectStyle = styled(src_select_select, 'select');
 /* harmony default export */ var shineout_style_src_select = ((/* unused pure expression or super */ null && (useSelectStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/slider/slider.ts
 
+var verticalLabelMargin = 4;
 var sliderStyle = {
   rootClass: {},
   wrapper: {
@@ -23128,6 +23257,9 @@ var sliderStyle = {
     '$vertical &': {
       width: src.sliderTrackSize,
       height: '100%'
+    },
+    '$disabled &': {
+      cursor: 'not-allowed'
     }
   },
   trackInner: {
@@ -23250,11 +23382,11 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         left: 0,
-        transform: 'translate(-50%, -10px)'
+        transform: 'translate(-50%, -14px)'
       },
       '&[dir=rtl]': {
         right: 0,
-        transform: 'translate(50%, -10px)'
+        transform: 'translate(50%, -14px)'
       }
     },
     '$vertical &': {
@@ -23262,11 +23394,11 @@ var sliderStyle = {
       padding: '1px 4px',
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(10px, 50%)'
+        transform: 'translate(14px, 50%)'
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-10px, 50%)'
+        transform: 'translate(-14px, 50%)'
       }
     }
   },
@@ -23275,11 +23407,11 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         right: 0,
-        transform: 'translate(50%, -10px)'
+        transform: 'translate(50%, -14px)'
       },
       '&[dir=rtl]': {
         left: 0,
-        transform: 'translate(-50%, -10px)'
+        transform: 'translate(-50%, -14px)'
       }
     },
     '$vertical &': {
@@ -23287,11 +23419,11 @@ var sliderStyle = {
       padding: '1px 4px',
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(10px, -50%)'
+        transform: 'translate(14px, -50%)'
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-10px, -50%)'
+        transform: 'translate(-14px, -50%)'
       }
     }
   },
@@ -23351,6 +23483,11 @@ var sliderStyle = {
         height: src.sliderScaleLineSize,
         transform: 'translateX(-50%)'
       }
+      // 为了让首尾刻度不超出轨道
+      // '&:first-child $label[dir=ltr]': { transform: 'translate(0%)' },
+      // '&:first-child $label[dir=rtl]': { transform: 'translate(0%)' },
+      // '&:last-child $label[dir=ltr]': { transform: 'translate(-100%)' },
+      // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
     },
     '$vertical &': {
       marginLeft: src.sliderScaleMarginY,
@@ -23360,6 +23497,11 @@ var sliderStyle = {
         width: src.sliderScaleLineSize,
         transform: 'translateY(-50%)'
       }
+      // 为了让首尾刻度不超出轨道
+      // '&:first-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, -100%)` },
+      // '&:first-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, -100%)` },
+      // '&:last-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, 0)` },
+      // '&:last-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, 0)` },
     }
   },
   label: {
@@ -23381,11 +23523,11 @@ var sliderStyle = {
       lineHeight: 1,
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(4px, -50%)'
+        transform: "translate(".concat(verticalLabelMargin, "px, -50%)")
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-4px, -50%)'
+        transform: "translate(-".concat(verticalLabelMargin, "px, -50%)")
       }
     }
   }
@@ -24446,7 +24588,7 @@ var stepsStyle = {
       overflow: 'hidden'
     },
     '& $icon': {
-      marginRight: 12
+      marginRight: 16
     },
     '& $title, $description': {
       textAlign: 'left'
@@ -24535,7 +24677,7 @@ var stepsStyle = {
       backgroundColor: src.stepsErrorBackgroundColor
     },
     '& $title': {
-      fontWeight: 'bold'
+      fontWeight: 500
     }
   },
   icon: {
@@ -24576,11 +24718,13 @@ var stepsStyle = {
       },
       '& $icon': {
         lineHeight: 0,
+        marginRight: 6,
         padding: '8px 10px'
       },
       '& $process': {
         '& $icon': {
           marginTop: 0,
+          marginRight: 8,
           padding: '7px 8px'
         },
         '& $tail': {
@@ -24960,10 +25104,6 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
       backgroundColor: src.switchCheckedDisabledBackgroundColor,
       color: src.switchCheckedDisabledFontColor
     },
-    // '$wrapperChecked$wrapperLoading&': {
-    //   backgroundColor: token.switchCheckedLoadingBackgroundColor,
-    //   color: token.switchCheckedLoadingFontColor,
-    // },
     height: "calc( ".concat(src.switchCircleSize, " + ").concat(src.switchPaddingY, " * 2 )"),
     padding: "".concat(src.switchPaddingY, " ").concat(src.switchPaddingX),
     minWidth: src.switchWidth,
@@ -24974,27 +25114,35 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
       padding: "".concat(src.switchSmallPaddingY, " ").concat(src.switchSmallPaddingX),
       minWidth: src.switchSmallWidth,
       borderRadius: "calc( ".concat(src.switchSmallCircleSize, " / 2 + ").concat(src.switchSmallPaddingY, " )"),
-      fonSize: src.switchSmallFontSize
+      fontSize: src.switchSmallFontSize
     },
     '$wrapperLarge&': {
       height: "calc( ".concat(src.switchLargeCircleSize, " + ").concat(src.switchLargePaddingY, " * 2 )"),
       padding: "".concat(src.switchLargePaddingY, " ").concat(src.switchLargePaddingX),
       minWidth: src.switchLargeWidth,
       borderRadius: "calc( ".concat(src.switchLargeCircleSize, " / 2 + ").concat(src.switchLargePaddingY, " )"),
-      fonSize: src.switchLargeFontSize
+      fontSize: src.switchLargeFontSize
     }
   },
   wrapperChecked: {},
   textPadding: {
-    display: 'inline-block',
-    padding: "0 ".concat(src.switchTextPaddingX)
-  },
-  wrapperSmall: {
-    fontSize: src.switchSmallFontSize
-  },
-  wrapperLarge: {
-    fontSize: src.switchLargeFontSize
+    paddingLeft: src.switchTextPaddingRight,
+    paddingRight: src.switchTextPaddingLeft,
+    '$wrapperChecked &': {
+      paddingLeft: src.switchTextPaddingLeft,
+      paddingRight: src.switchTextPaddingRight
+    },
+    '$wrapperSmall &': {
+      paddingLeft: src.switchSmallTextPaddingRight,
+      paddingRight: src.switchSmallTextPaddingLeft
+    },
+    '$wrapperSmall$wrapperChecked &': {
+      paddingLeft: src.switchSmallTextPaddingLeft,
+      paddingRight: src.switchSmallTextPaddingRight
+    }
   },
+  wrapperSmall: {},
+  wrapperLarge: {},
   indicator: {
     width: src.switchCircleSize,
     height: src.switchCircleSize,
@@ -25008,7 +25156,6 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    color: 'red',
     '$wrapperChecked &': {
       backgroundColor: src.switchCheckedCircleFill,
       '&[dir=ltr]': {
@@ -25052,8 +25199,8 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
       left: src.switchLargePaddingX,
       top: src.switchLargePaddingY
     },
-    '$wrapperDisabled:not($wrapperChecked) &': {
-      backgroundColor: src.switchDisabledCircleFill
+    '$wrapperDisabled$wrapperChecked &': {
+      backgroundColor: src.switchDisabledCircleCheckedFill
     },
     '$wrapperDisabled &': {
       backgroundColor: src.switchCheckedDisabledCircleFill
@@ -25061,12 +25208,10 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: src.switchCircleFill,
-    boxShadow: src.switchCircleShadow,
+    // boxShadow: token.switchCircleShadow,
     transition: "left ".concat(switch_transition, ", right ").concat(switch_transition)
   },
   content: {
-    display: 'inline',
-    lineHeight: 1,
     paddingLeft: src.switchCircleSize,
     transition: "padding ".concat(switch_transition),
     '$wrapperSmall &': {
@@ -25093,18 +25238,20 @@ var switchStyle = objectSpread2_default()(objectSpread2_default()({
   },
   loading: {
     position: 'absolute',
-    top: '12%',
-    left: '12%',
-    right: '12%',
-    bottom: '12%',
-    borderRadius: '50%',
-    border: '1px solid',
-    borderColor: src.switchDisabledBackgroundColor,
-    borderTopColor: 'transparent',
+    color: src.switchLoadingCircleFill,
+    inset: '2px',
     animation: "$ring 1s ease-in-out infinite",
+    '$wrapperLarge &': {
+      inset: '3px'
+    },
+    '$wrapperSmall &': {
+      inset: '1px'
+    },
+    '& > svg': {
+      display: 'block'
+    },
     '$wrapperChecked &': {
-      borderColor: src.switchCheckedDisabledBackgroundColor,
-      borderTopColor: 'transparent'
+      color: src.switchCheckedLoadingCircleFill
     }
   }
 });
@@ -25329,7 +25476,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     background: src.tableTfootBackgroundColor
   },
   emptyWrapper: {
-    minHeight: '150px',
+    minHeight: '170px',
     width: '100%',
     height: '100%',
     position: 'sticky',
@@ -25338,7 +25485,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     right: 0,
     justifyContent: 'center',
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    borderBottom: "1px solid ".concat(src.tableCellBorderColor)
   },
   scrollY: {
     '&$headWrapper, &$footWrapper': objectSpread2_default()({
@@ -25688,7 +25836,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': objectSpread2_default()({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             left: 'auto',
             width: '1px',
@@ -25710,7 +25858,7 @@ var getCardStyle = function getCardStyle() {
         background: '#FFFFFF'
       })), {}, {
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -25729,7 +25877,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': objectSpread2_default()({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -25744,7 +25892,7 @@ var getCardStyle = function getCardStyle() {
       })),
       '&[dir=rtl]': objectSpread2_default()({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             width: 1,
             height: '100%'
@@ -25784,7 +25932,7 @@ var getCardStyle = function getCardStyle() {
         width: '100%'
       },
       '& $cardHr': {
-        '&:after': {
+        '&:before': {
           top: 0,
           bottom: 'auto'
         }
@@ -26032,15 +26180,13 @@ var tabsStyle = {
     }
   },
   cardHr: {
-    // aflter
-    '&:after': {
+    '&:before': {
       position: 'absolute',
       content: '""',
       bottom: 0,
       left: 0,
       width: '100%',
       height: 1,
-      zIndex: -1,
       background: src.tabsBorderColor
     }
   },
@@ -26496,7 +26642,8 @@ var tag_tag = function tag(type) {
       },
       '&[data-soui-type="dark"]': {
         '&$disabled': {
-          backgroundColor: src.tagDefaultFillBackgroundColor
+          backgroundColor: src.tagDefaultFillBackgroundColor,
+          borderColor: src.tagDefaultFillBorderColor
         }
       },
       '&$disabled': {
@@ -26592,6 +26739,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,
@@ -26603,11 +26752,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: {
@@ -26786,6 +26949,9 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
     backgroundColor: 'transparent',
     resize: 'none',
     boxSizing: 'border-box',
+    minHeight: "calc(".concat(src.lineHeightDynamic, " + ").concat(src.inputPaddingY, " * 2)"),
+    // why: 为了让滚动条的轨道不遮盖右上角和右下角的圆角; 注: chrome >= 121才支持scrollbar-color
+    scrollbarColor: "".concat(src.inputBorderColor, " transparent"),
     '&$resize': {
       resize: 'vertical'
     }
@@ -27170,7 +27336,7 @@ var TransferStyle = {
     }
   },
   inputWrapper: {
-    padding: '6px 12px'
+    padding: '8px 12px 4px 12px'
   },
   input: {
     '& > div > svg': {
@@ -27203,7 +27369,9 @@ var TransferStyle = {
     fontSize: src.transferFontSize
   },
   list: {
+    borderRadius: src.transferBorderRadius,
     background: src.transferBackgroundColor
+    // scrollbarColor: `${Token.transferBorderColor} transparent`,
   },
   footer: {
     height: 48,
@@ -27373,6 +27541,9 @@ var treeStyle = {
     // },
     '& > $node': {
       paddingLeft: 12,
+      '&$leaf': {
+        paddingLeft: 24
+      },
       '& > $contentWrapper > $iconWrapper': {
         '&[dir=ltr]': {
           left: 0
@@ -27640,6 +27811,9 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
         paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
         fontSize: src.treeSelectLargeFontSize
       },
+      '& $arrowIcon': {
+        width: src.treeSelectLargeFontSize
+      },
       '& $clearIcon': {
         right: src.treeSelectLargePaddingX
       }
@@ -27796,7 +27970,8 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     borderRadius: src.treeSelectPanelRadius,
     transformOrigin: '0 0',
     width: 'max-content',
-    maxWidth: '640px'
+    maxWidth: '640px',
+    cursor: 'initial'
   },
   iconWrapper: {
     display: 'flex',
@@ -27809,7 +27984,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     width: src.treeSelectFontSize,
     lineHeight: 0,
     color: src.treeSelectClearColor,
-    verticalAlign: 'middle'
+    verticalAlign: 'middle',
+    '&:hover svg': {
+      color: src.treeSelectClearHoverColor
+    }
   },
   arrowIcon: {
     display: 'inline-block',
@@ -27817,7 +27995,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     width: src.treeSelectFontSize,
     lineHeight: 0,
     color: src.treeSelectIconColor,
-    transition: 'transform 0.3s'
+    transition: 'transform 0.3s',
+    '$wrapperDisabled &': {
+      color: src.treeSelectIconDisabledColor
+    }
   },
   arrowIconOpen: {
     transform: 'rotate(180deg)',
@@ -27964,11 +28145,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',
@@ -28081,7 +28262,7 @@ var uploadStyle = {
       border: "1px dashed ".concat(src.uploadImageHandlerBorderColor),
       backgroundColor: src.uploadImageHandlerBackgroundColor,
       color: src.uploadImageHandlerFontColor,
-      '&:hover': {
+      '&:hover, &:hover *': {
         borderColor: src.uploadImageHandlerHoverBorderColor,
         color: src.uploadImageHandlerHoverFontColor
       },
@@ -28092,14 +28273,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,
@@ -28115,25 +28310,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: {},
@@ -28161,17 +28341,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: {
@@ -28180,7 +28355,11 @@ var uploadStyle = {
   },
   resultClose: {
     cursor: 'pointer',
-    margin: '0 6px'
+    '&$icon': {
+      boxSizing: 'content-box',
+      padding: '0 4px',
+      height: src.lineHeightDynamic
+    }
   },
   imageHandler: {
     boxSizing: 'border-box',
@@ -28197,6 +28376,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,
@@ -28206,9 +28392,13 @@ var uploadStyle = {
   imageHandlerIcon: {
     display: 'flex',
     alignItems: 'center',
+    color: src.uploadImageHandlerIconColor,
     '& > svg': {
       width: 20,
       height: 20
+    },
+    '$wrapperDisabled &': {
+      color: src.uploadImageHandlerDisabledFontColor
     }
   },
   imageResult: {
@@ -28346,10 +28536,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
       }
     }
   },
@@ -29449,6 +29649,9 @@ var getPositionStyle = function getPositionStyle(position, config) {
   if (config !== null && config !== void 0 && config.fixedWidth) {
     var key = config.fixedWidth === 'min' ? 'minWidth' : 'width';
     newStyle[key] = '100%';
+    if (config.parentBorderWidth) {
+      newStyle[key] = "calc(100% + ".concat(config.parentBorderWidth, "px)");
+    }
   }
   if (position === 'drop-down') {
     newStyle.top = mainMargin;
@@ -29460,19 +29663,22 @@ var getPositionStyle = function getPositionStyle(position, config) {
     var positionArr = (position || '').split('-');
     if (positionArr.length === 2) {
       var _positionArr = slicedToArray_default()(positionArr, 2),
-        m = _positionArr[0],
-        n = _positionArr[1];
-      newStyle[ReverseDir[m]] = mainMargin;
-      newStyle[n] = 0;
+        vDirection = _positionArr[0],
+        hDirection = _positionArr[1];
+      newStyle[ReverseDir[vDirection]] = mainMargin;
+      newStyle[hDirection] = 0;
+      if (config !== null && config !== void 0 && config.parentBorderWidth) {
+        newStyle[hDirection] = -config.parentBorderWidth / 2;
+      }
     } else {
       var _positionArr2 = slicedToArray_default()(positionArr, 1),
-        _m = _positionArr2[0];
-      newStyle[ReverseDir[_m]] = mainMargin;
-      if (_m === 'left' || _m === 'right') {
+        _vDirection = _positionArr2[0];
+      newStyle[ReverseDir[_vDirection]] = mainMargin;
+      if (_vDirection === 'left' || _vDirection === 'right') {
         newStyle.top = halfMargin;
         newStyle.transform = 'translateY(-50%)';
       }
-      if (_m === 'top' || _m === 'bottom') {
+      if (_vDirection === 'top' || _vDirection === 'bottom') {
         newStyle.left = halfMargin;
         newStyle.transform = 'translateX(-50%)';
       }
@@ -29560,6 +29766,31 @@ var useCheckElementPosition = function useCheckElementPosition(elementRef) {
   }
   return position;
 };
+;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/check-border.ts
+
+
+var useCheckElementBorderWidth = function useCheckElementBorderWidth(elementRef) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    borderWidth = _useState2[0],
+    setBorderWidth = _useState2[1];
+
+  // 获取指定方向上的border宽度之和
+  var getBorderWidth = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
+    if (elementRef.current) {
+      var _options$direction = options.direction,
+        direction = _options$direction === void 0 ? 'horizontal' : _options$direction;
+      var style = window.getComputedStyle(elementRef.current);
+      var _borderWidth = direction === 'horizontal' ? parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth) : parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+      setBorderWidth(_borderWidth);
+    }
+  }, [elementRef]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    getBorderWidth();
+  }, [getBorderWidth]);
+  return borderWidth;
+};
 // EXTERNAL MODULE: ../../node_modules/.pnpm/react-fast-compare@3.2.2/node_modules/react-fast-compare/index.js
 var react_fast_compare = __webpack_require__(5284);
 var react_fast_compare_default = /*#__PURE__*/__webpack_require__.n(react_fast_compare);
@@ -29685,6 +29916,7 @@ var getCurrentCSSZoom = function getCurrentCSSZoom() {
 
 
 
+
 var horizontalPosition = ['left-bottom', 'left-top', 'right-bottom', 'right-top', 'left', 'right'];
 var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'bottom', 'top'];
 var hideStyle = {
@@ -29707,7 +29939,8 @@ var usePositionStyle = function usePositionStyle(config) {
     popupElRef = _ref.popupElRef,
     scrollElRef = _ref.scrollElRef,
     updateKey = _ref.updateKey,
-    adjust = _ref.adjust;
+    adjust = _ref.adjust,
+    offset = _ref.offset;
   // 初次渲染无样式的时候， 隐藏展示
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(hideStyle),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -29738,6 +29971,9 @@ var usePositionStyle = function usePositionStyle(config) {
     scrollContainer: scrollElRef === null || scrollElRef === void 0 ? void 0 : scrollElRef.current,
     enable: show && adjust
   });
+  var parentElBorderWidth = useCheckElementBorderWidth(parentElRef, {
+    direction: 'horizontal'
+  });
   var adjustPosition = function adjustPosition(position) {
     var winHeight = docSize.height;
     if (!verticalPosition.includes(position)) return position;
@@ -29889,11 +30125,11 @@ var usePositionStyle = function usePositionStyle(config) {
         _h = _targetPosition$split4[0],
         _v = _targetPosition$split4[1];
       if (_v === 'top') {
-        style.top = rect.top - containerRect.top + containerScroll.top;
+        style.top = rect.top - containerRect.top + containerScroll.top - (offset ? offset[1] : 0);
         style.transform = '';
         arrayStyle.top = "8px";
       } else if (_v === 'bottom') {
-        style.top = rect.bottom - containerRect.top + containerScroll.top;
+        style.top = rect.bottom - containerRect.top + containerScroll.top + (offset ? offset[1] : 0);
         arrayStyle.bottom = "8px";
         style.transform = 'translateY(-100%)';
       } else {
@@ -29968,17 +30204,19 @@ var usePositionStyle = function usePositionStyle(config) {
       newStyle: style
     };
     context.parentRect = parentElRef.current.getBoundingClientRect();
+    var realPosition = position;
     if (adjust) {
       var popupInfo = getPopUpInfo(context.parentRect);
       context.popUpHeight = popupInfo.height;
       context.popUpWidth = popupInfo.width;
+      realPosition = adjustPosition(position);
     }
-    var realPosition = adjust ? adjustPosition(position) : position;
     if (!absolute) {
       newStyle = getPositionStyle(realPosition, {
         popupGap: popupGap,
         zIndex: zIndex,
-        fixedWidth: fixedWidth
+        fixedWidth: fixedWidth,
+        parentBorderWidth: parentElBorderWidth
       });
     } else {
       var _ref3 = getAbsoluteStyle(realPosition),
@@ -30663,6 +30901,7 @@ var AbsoluteList = function AbsoluteList(props) {
     updateKey = props.updateKey,
     popupGap = props.popupGap,
     adjust = props.adjust,
+    offset = props.offset,
     _props$destroy = props.destroy,
     destroy = _props$destroy === void 0 ? false : _props$destroy,
     _props$lazy = props.lazy,
@@ -30704,7 +30943,8 @@ var AbsoluteList = function AbsoluteList(props) {
       popupElRef: popupElRef,
       updateKey: updateKey,
       popupGap: popupGap,
-      adjust: adjust
+      adjust: adjust,
+      offset: offset
     }),
     style = _usePositionStyle.style,
     arrayStyle = _usePositionStyle.arrayStyle;
@@ -30872,6 +31112,7 @@ var Popover = function Popover(props) {
     zIndex: zIndex,
     adjust: props.adjust,
     lazy: props.lazy,
+    offset: props.offset,
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.rootClass, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen), !showArrow && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.hideArrow)),
       style: colorStyle
@@ -31573,6 +31814,7 @@ var Breadcrumb = function Breadcrumb(props) {
         if (d.url) _props.href = d.url;
         item = /*#__PURE__*/(0,jsx_runtime.jsxs)("a", objectSpread2_default()(objectSpread2_default()({}, _props), {}, {
           className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.content,
+          role: "button",
           children: [d.icon, d.icon && d.title && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
             children: "\xA0"
           }), d.title]
@@ -33773,9 +34015,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) {
@@ -35154,7 +35397,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);
@@ -37254,6 +37497,7 @@ function use_tree_toArray(value) {
   if (!Array.isArray(value)) return [value];
   return value;
 }
+var global_tree_map = new Map();
 var MODE = {
   /**
    * 返回全选数据，包含父节点和子节点
@@ -38112,6 +38356,7 @@ var VirtualList = function VirtualList(props) {
     dynamicVirtual = props.dynamicVirtual,
     virtualRef = props.virtualRef,
     scrollerStyle = props.scrollerStyle,
+    paddingY = props.paddingY,
     onControlTypeChange = props.onControlTypeChange;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -38221,6 +38466,12 @@ var VirtualList = function VirtualList(props) {
   var handleMouseMove = function handleMouseMove() {
     onControlTypeChange === null || onControlTypeChange === void 0 || onControlTypeChange('mouse');
   };
+
+  // 设置了容器的paddingY, translateY时需要加上，否则会出现底部滚不到底的问题
+  var addonScrollHeight = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    // paddingY是奇数则加1
+    return paddingY ? paddingY * 2 + (paddingY % 2 === 1 ? 1 : 0) : 0;
+  }, [paddingY]);
   var handleScroll = function handleScroll(info) {
     var _props$onScroll;
     var height = info.height,
@@ -38229,7 +38480,7 @@ var VirtualList = function VirtualList(props) {
     var scrollTop = info.scrollTop;
     context.shouldUpdateHeight = !fromDrag;
     var sumHeight = getContentHeight(props.data.length - 1);
-    var max = sumHeight - height;
+    var max = sumHeight - height + addonScrollHeight;
     if (scrollTop > max) {
       scrollTop = max;
     }
@@ -38251,7 +38502,12 @@ var VirtualList = function VirtualList(props) {
     var shouldScroll = getContentHeight(data.length - 1) > height;
     var nextStyle = objectSpread2_default()({}, style);
     if (shouldScroll) nextStyle.height = height;
-    var scrollHeight = getContentHeight(data.length - 1);
+    var scrollHeight = getContentHeight(data.length - 1) + addonScrollHeight;
+    var innerStyle = {
+      transform: "translate3d(0, -".concat(top, "px, 0)"),
+      paddingTop: paddingY,
+      paddingBottom: paddingY
+    };
     return /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
       className: className,
       style: nextStyle,
@@ -38267,9 +38523,7 @@ var VirtualList = function VirtualList(props) {
       onMouseMove: handleMouseMove,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(Tag, {
         className: tagClassName,
-        style: {
-          transform: "translate3d(0, -".concat(top, "px, 0)")
-        },
+        style: innerStyle,
         children: items.map(function (d, i) {
           if (d[groupKey]) {
             return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
@@ -38443,6 +38697,7 @@ var CascaderNode = function CascaderNode(props) {
   }, events), {}, {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: classnames_default()(styles.optionInner),
+      role: "button",
       children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_checkbox_checkbox
       // @ts-ignore
       , {
@@ -38553,12 +38808,13 @@ var CascaderList = function CascaderList(props) {
       renderItem: renderItem,
       rowsInView: 20,
       height: height,
-      lineHeight: lineHeight
+      lineHeight: lineHeight,
+      paddingY: 3
     });
   };
   if (!data || data.length === 0) return renderEmpety();
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-    className: classnames_default()(styles.list),
+    className: classnames_default()(styles.list, !virtual && styles.listSimple),
     children: virtual ? renderVritualList() : renderSimpleList()
   });
 };
@@ -38566,12 +38822,15 @@ var CascaderList = function CascaderList(props) {
 ;// CONCATENATED MODULE: ../base/src/cascader/filter-node.tsx
 
 
+
 var FilterNode = function FilterNode(props) {
   var _jssStyle$cascader;
   var jssStyle = props.jssStyle,
     data = props.data,
     shouldFinal = props.shouldFinal,
     datum = props.datum,
+    mode = props.mode,
+    isRealtime = props.isRealtime,
     renderItem = props.renderItem,
     setInputText = props.setInputText,
     setFilterText = props.setFilterText,
@@ -38585,6 +38844,16 @@ var FilterNode = function FilterNode(props) {
     var item = data[index];
     var isDisabled = datum.isDisabled(datum.getKey(item));
     if (isDisabled) return;
+    if (isRealtime) {
+      if (mode !== MODE.MODE_4) {
+        var _datum$getPath;
+        var path = (_datum$getPath = datum.getPath(datum.getKey(item))) === null || _datum$getPath === void 0 ? void 0 : _datum$getPath.path;
+        var hasDisabledParent = path === null || path === void 0 ? void 0 : path.some(function (p) {
+          return datum.isDisabled(p);
+        });
+        if (hasDisabledParent) return;
+      }
+    }
     var keys = data.slice(0, index + 1).map(function (i) {
       return datum.getKey(i);
     });
@@ -38606,9 +38875,18 @@ var FilterNode = function FilterNode(props) {
           handleSelectItem(index, item, e);
         };
         var isDisabled = datum.isDisabled(datum.getKey(item));
+        if (isRealtime) {
+          if (mode !== MODE.MODE_4) {
+            var _datum$getPath2;
+            var path = (_datum$getPath2 = datum.getPath(datum.getKey(item))) === null || _datum$getPath2 === void 0 ? void 0 : _datum$getPath2.path;
+            isDisabled = (path === null || path === void 0 ? void 0 : path.some(function (p) {
+              return datum.isDisabled(p);
+            })) || isDisabled;
+          }
+        }
         var content = /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           onClick: handleClick,
-          className: classnames_default()(isDisabled && styles.filterDisabledOption),
+          className: classnames_default()(styles.filterOptionItem, isDisabled && styles.filterDisabledOption),
           children: renderItem(item)
         }, 'content');
         if (index === 0) return content;
@@ -38641,6 +38919,7 @@ var FilterList = function FilterList(props) {
     virtual = props.virtual,
     height = props.height,
     size = props.size,
+    isRealtime = props.isRealtime,
     shouldFinal = props.shouldFinal,
     filterFunc = props.filterFunc,
     renderItemProp = props.renderItem,
@@ -38716,6 +38995,7 @@ var FilterList = function FilterList(props) {
     return list.map(function (item) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(filter_node, {
         jssStyle: jssStyle,
+        isRealtime: isRealtime,
         data: item,
         datum: datum,
         shouldFinal: shouldFinal,
@@ -39137,6 +39417,7 @@ var useTag = function useTag(props) {
 
 
 
+
 var TagInput = function TagInput(props) {
   var _jssStyle$tag;
   var value = props.value,
@@ -39177,7 +39458,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,
@@ -39272,6 +39553,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,
@@ -39892,7 +40174,8 @@ var result_Result = function Result(props) {
 
 
 
-var cascader_devUseWarning = devUseWarning;
+var cascader_devUseWarning = devUseWarning,
+  cascader_isOptionalDisabled = isOptionalDisabled;
 var Cascader = function Cascader(props0) {
   var _jssStyle$cascader;
   var props = use_with_form_config(props0);
@@ -39966,6 +40249,7 @@ var Cascader = function Cascader(props0) {
     virtual = props.virtual,
     filterSameChange = props.filterSameChange;
   var showInput = isFunc(onFilterProp);
+  var isRealtime = cascader_isOptionalDisabled(props.disabled) ? props.disabled.isRealtime : false;
   var disabled = isOptionalDisabled(disabledProp) ? disabledProp.disabled : disabledProp;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
   var rootStyle = Object.assign({
@@ -40227,7 +40511,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,
@@ -40247,9 +40531,9 @@ var Cascader = function Cascader(props0) {
       return 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;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-      className: classnames_default()(compressed && styles.compressedIcon, styles.arrowIcon, open && !compressed && styles.arrowIconOpen),
+      className: classnames_default()((compressed || multiple) && styles.compressedIcon, styles.arrowIcon, open && !compressed && styles.arrowIconOpen),
       onClick: handleResultClick,
       children: defaultIcon
     });
@@ -40403,8 +40687,10 @@ var Cascader = function Cascader(props0) {
         data: filterData,
         datum: datum,
         keygen: keygen,
+        mode: mode,
         height: height,
         size: size,
+        isRealtime: isRealtime,
         virtual: virtual,
         wideMatch: wideMatch,
         filterFunc: filterFunc,
@@ -40519,7 +40805,7 @@ var Cascader = function Cascader(props0) {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(animation_list, {
         onRef: popupRef,
         show: open,
-        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper),
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerWrapper, open && (styles === null || styles === void 0 ? void 0 : styles.pickerWrapperShow)),
         display: 'block',
         type: "scale-y",
         duration: 'fast',
@@ -41037,6 +41323,7 @@ function useFormControl(props) {
     var formValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var errors = arguments.length > 1 ? arguments[1] : undefined;
     var severErrors = arguments.length > 2 ? arguments[2] : undefined;
+    var names = arguments.length > 3 ? arguments[3] : undefined;
     if (!name) return;
     if (isArray(name)) {
       var _value = getValue(name, formValue);
@@ -41048,7 +41335,7 @@ function useFormControl(props) {
       var dv = isArray(defaultValue) ? defaultValue : [];
       var nextValue = [];
       name.forEach(function (n, index) {
-        if (_value[index] === undefined && dv[index] !== undefined) {
+        if (!names.has(n) && _value[index] === undefined && dv[index] !== undefined) {
           nextValue[index] = dv[index];
         } else {
           nextValue[index] = _value[index];
@@ -41062,7 +41349,7 @@ function useFormControl(props) {
         setErrorState(_error2);
       }
       if (!shallowEqual(_value2, latestInfo.valueState)) {
-        if (_value2 === undefined && defaultValue !== undefined) {
+        if (!names.has(name) && _value2 === undefined && defaultValue !== undefined) {
           setValueState(defaultValue);
         } else {
           setValueState(_value2);
@@ -41835,7 +42122,9 @@ var Collapse = function Collapse(props) {
     extraPosition = _props$extraPosition === void 0 ? 'right' : _props$extraPosition,
     expandIcon = props.expandIcon,
     _props$border = props.border,
-    border = _props$border === void 0 ? true : _props$border;
+    border = _props$border === void 0 ? true : _props$border,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? true : _props$animation;
   var _useCollapse = use_collapse({
       defaultActive: defaultActive,
       active: activeProps,
@@ -41851,6 +42140,7 @@ var Collapse = function Collapse(props) {
     expandIconPosition: expandIconPosition,
     extraPosition: extraPosition,
     border: border,
+    animation: animation,
     expandIcon: expandIcon !== undefined ? expandIcon : expandIconPosition === 'right' ?
     // ? Icons.ArrowLeft
     icons_config.collapse.collapseArrow : icons_config.collapse.collapseArrow,
@@ -41953,6 +42243,7 @@ var useCollapseItem = function useCollapseItem(props) {
 
 
 
+
 var CollapseItem = function CollapseItem(props) {
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(collapse_group_context),
     active = _useContext.active,
@@ -41961,7 +42252,8 @@ var CollapseItem = function CollapseItem(props) {
     onChange = _useContext.onChange,
     expandIconPosition = _useContext.expandIconPosition,
     extraPosition = _useContext.extraPosition,
-    border = _useContext.border;
+    border = _useContext.border,
+    animationProp = _useContext.animation;
   var children = props.children,
     keygen = props.keygen,
     className = props.className,
@@ -41974,6 +42266,10 @@ var CollapseItem = function CollapseItem(props) {
     title = props.title,
     extra = props.extra,
     contentStyle = props.contentStyle;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    animation = _useState2[0],
+    setAnimation = _useState2[1];
   var config = useConfig();
   var _useCollapseItem = use_collapse_item({
       active: active,
@@ -41998,6 +42294,7 @@ var CollapseItem = function CollapseItem(props) {
     }, getHeaderIconProps({
       className: collapseItemIconClassName
     })), {}, {
+      role: "button",
       children: headerIcon
     }));
   };
@@ -42009,12 +42306,13 @@ 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, {
       show: judgeExpanded,
       type: 'collapse',
+      animation: animation,
       duration: "fast",
       className: collapseItemContentClassName,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -42024,6 +42322,11 @@ var CollapseItem = function CollapseItem(props) {
       })
     });
   };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (animationProp) {
+      setAnimation(true);
+    }
+  }, []);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: collapseItemClassName,
     style: style,
@@ -44350,14 +44653,12 @@ var Day = function Day(props) {
           paddingLeft: showNeedConfirm ? 6 : undefined
         },
         children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
-          size: "small",
           type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
           onClick: selNow,
           children: getLocale(locale, 'now')
         }), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
-          size: "small",
           type: "primary",
           jssStyle: jssStyle,
           className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
@@ -44401,7 +44702,7 @@ var Day = function Day(props) {
             props.setMode('year');
           },
           children: currentYear
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
           children: "-"
         }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: styles === null || styles === void 0 ? void 0 : styles.pickerHeaderInfo,
@@ -45849,7 +46150,6 @@ var DatePicker = function DatePicker(props0) {
     var canFocus = !(props.inputable || disabledStatus === 'all');
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.resultWrapper, styles === null || styles === void 0 ? void 0 : styles.wrapperPaddingBox, styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitleTop, styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitleBottom),
-      ref: targetRef,
       tabIndex: canFocus ? 1 : undefined,
       onClick: handleResultClick,
       onFocus: canFocus ? handleFocus : undefined,
@@ -45884,6 +46184,7 @@ var DatePicker = function DatePicker(props0) {
   }, []);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute(defineProperty_default()(defineProperty_default()({}, 'input-border', 'true'), "type", type))), {}, {
     className: classnames_default()(props.className, styles === null || styles === void 0 ? void 0 : styles.rootClass, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
+    ref: targetRef,
     style: objectSpread2_default()({
       width: props.width
     }, props.style),
@@ -46148,6 +46449,7 @@ var Descriptions = function Descriptions(props) {
     renderItem = _useDescriptions.renderItem;
   var jssStyle = (jssStyleProps === null || jssStyleProps === void 0 || (_jssStyleProps$descri = jssStyleProps.descriptions) === null || _jssStyleProps$descri === void 0 ? void 0 : _jssStyleProps$descri.call(jssStyleProps)) || {};
   var Header = function Header() {
+    if (!title && !extra) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.header,
       children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -47151,7 +47453,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) {
@@ -47195,6 +47498,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
@@ -47269,6 +47573,7 @@ var Dropdown = function Dropdown(props) {
         className: classnames_default()(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
         style: {
           width: width,
+          minWidth: 90,
           gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined
         },
         type: 'fade',
@@ -48372,7 +48677,7 @@ var useForm = function useForm(props) {
       Object.keys(context.updateMap).forEach(function (key) {
         var _context$updateMap$ke;
         (_context$updateMap$ke = context.updateMap[key]) === null || _context$updateMap$ke === void 0 || _context$updateMap$ke.forEach(function (update) {
-          update(context.value, context.errors, context.serverErrors);
+          update(context.value, context.errors, context.serverErrors, context.names);
         });
       });
       Object.keys(context.flowMap).forEach(function (key) {
@@ -48390,12 +48695,12 @@ var useForm = function useForm(props) {
           var _context$updateMap$pa;
           var parentKey = key.split('.')[0];
           (_context$updateMap$pa = context.updateMap[parentKey]) === null || _context$updateMap$pa === void 0 || _context$updateMap$pa.forEach(function (update) {
-            update(context.value, context.errors, context.serverErrors);
+            update(context.value, context.errors, context.serverErrors, context.names);
           });
         } else {
           var _context$updateMap$ke2;
           (_context$updateMap$ke2 = context.updateMap[key]) === null || _context$updateMap$ke2 === void 0 || _context$updateMap$ke2.forEach(function (update) {
-            update(context.value, context.errors, context.serverErrors);
+            update(context.value, context.errors, context.serverErrors, context.names);
           });
         }
         (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 || _context$flowMap$key.forEach(function (update) {
@@ -49650,7 +49955,9 @@ var form_button_Submit = function Submit(props) {
   }));
 };
 var Reset = function Reset(props) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(form_button, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(form_button, objectSpread2_default()(objectSpread2_default()({
+    mode: "outline"
+  }, props), {}, {
     htmlType: "reset",
     jssStyle: form_button_jssStyle
   }));
@@ -52193,7 +52500,8 @@ var list_List = function List(props) {
       rowsInView: itemsInView,
       renderItem: renderItem,
       customRenderItem: renderGroupTitle,
-      onControlTypeChange: onControlTypeChange
+      onControlTypeChange: onControlTypeChange,
+      paddingY: 3
     });
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -56183,6 +56491,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);
   });
@@ -56237,7 +56546,7 @@ var MenuItem = function MenuItem(props) {
         ,
         onClick: close,
         dir: config.direction,
-        children: items.map(function (item, index) {
+        children: items.map(function (item, index, arr) {
           var key = getKey(props.keygen, item, index);
           return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(MenuItem, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
             mode: mode,
@@ -56248,12 +56557,19 @@ var MenuItem = function MenuItem(props) {
             keyResult: key,
             level: props.level + 1,
             renderIcon: isTitle ? undefined : props.renderIcon
+            // 顶部或底部的menuItem的popover边缘与menu的边缘对齐
+            ,
+            isEdgeItem: index === 0 || index === arr.length - 1
           }));
         })
       });
     };
     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),
@@ -56267,6 +56583,8 @@ var MenuItem = function MenuItem(props) {
         showArrow: mode !== 'horizontal',
         position: position,
         lazy: false,
+        offset: offset,
+        style: popoverContentStyle,
         children: function children(close) {
           return content(close);
         }
@@ -56353,6 +56671,7 @@ var MenuItem = function MenuItem(props) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     dir: config.direction,
+    ref: liRef,
     children: [renderItem(), renderChildren()]
   });
 };
@@ -56486,7 +56805,8 @@ var Menu = function Menu(props) {
             scrollRef: scrollRef,
             theme: theme,
             renderIcon: props.renderIcon,
-            collapse: collapse
+            collapse: collapse,
+            isEdgeItem: false
           }, key);
         })
       })
@@ -59217,6 +59537,7 @@ StickyComp.displayName = 'ShineoutSticky';
 
 
 
+
 var Switch = function Switch(props0) {
   var _jssStyle$switch;
   var props = use_with_form_config(props0);
@@ -59277,7 +59598,8 @@ var Switch = function Switch(props0) {
       className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.indicator,
       dir: config.direction,
       children: loading ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.loading
+        className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.loading,
+        children: icons_config.switch.Loading
       }) : null
     }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.content,
@@ -63012,7 +63334,7 @@ var Tabs = function Tabs(props) {
     var nextCollapse = !collapse;
     setCollapse(nextCollapse);
   };
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (!panelRef.current) return;
     if (collapsible) {
       if (collapse) {
@@ -63795,7 +64117,8 @@ var TransferList = function TransferList(props) {
       lineHeight: getLineHeight(),
       height: listHeight,
       rowsInView: rowsInView,
-      renderItem: renderItem
+      renderItem: renderItem,
+      paddingY: 3
     });
   };
   var renderFooter = function renderFooter() {
@@ -65520,7 +65843,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", {
@@ -65714,6 +66037,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
@@ -68390,7 +68714,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.4'
+  version: '3.6.0-beta.6'
 });
 }();
 /******/ 	return __webpack_exports__;