shineout 3.9.0-beta.8 → 3.9.0

package/dist/shineout.js

@@ -2989,173 +2989,175 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;var _typeof =
 
 /***/ }),
 
-/***/ 3397:
+/***/ 361:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 /**
  * @license React
- * use-sync-external-store-shim.production.min.js
+ * use-sync-external-store-shim.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 
-var e = __webpack_require__(9787);
-function h(a, b) {
-  return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
+
+var React = __webpack_require__(9787);
+function is(x, y) {
+  return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
 }
-var k = "function" === typeof Object.is ? Object.is : h,
-  l = e.useState,
-  m = e.useEffect,
-  n = e.useLayoutEffect,
-  p = e.useDebugValue;
-function q(a, b) {
-  var d = b(),
-    f = l({
+var objectIs = "function" === typeof Object.is ? Object.is : is,
+  useState = React.useState,
+  useEffect = React.useEffect,
+  useLayoutEffect = React.useLayoutEffect,
+  useDebugValue = React.useDebugValue;
+function useSyncExternalStore$2(subscribe, getSnapshot) {
+  var value = getSnapshot(),
+    _useState = useState({
       inst: {
-        value: d,
-        getSnapshot: b
+        value: value,
+        getSnapshot: getSnapshot
       }
     }),
-    c = f[0].inst,
-    g = f[1];
-  n(function () {
-    c.value = d;
-    c.getSnapshot = b;
-    r(c) && g({
-      inst: c
+    inst = _useState[0].inst,
+    forceUpdate = _useState[1];
+  useLayoutEffect(function () {
+    inst.value = value;
+    inst.getSnapshot = getSnapshot;
+    checkIfSnapshotChanged(inst) && forceUpdate({
+      inst: inst
     });
-  }, [a, d, b]);
-  m(function () {
-    r(c) && g({
-      inst: c
+  }, [subscribe, value, getSnapshot]);
+  useEffect(function () {
+    checkIfSnapshotChanged(inst) && forceUpdate({
+      inst: inst
     });
-    return a(function () {
-      r(c) && g({
-        inst: c
+    return subscribe(function () {
+      checkIfSnapshotChanged(inst) && forceUpdate({
+        inst: inst
       });
     });
-  }, [a]);
-  p(d);
-  return d;
+  }, [subscribe]);
+  useDebugValue(value);
+  return value;
 }
-function r(a) {
-  var b = a.getSnapshot;
-  a = a.value;
+function checkIfSnapshotChanged(inst) {
+  var latestGetSnapshot = inst.getSnapshot;
+  inst = inst.value;
   try {
-    var d = b();
-    return !k(a, d);
-  } catch (f) {
+    var nextValue = latestGetSnapshot();
+    return !objectIs(inst, nextValue);
+  } catch (error) {
     return !0;
   }
 }
-function t(a, b) {
-  return b();
+function useSyncExternalStore$1(subscribe, getSnapshot) {
+  return getSnapshot();
 }
-var u = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t : q;
-exports.useSyncExternalStore = void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u;
+var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+exports.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
 
 /***/ }),
 
-/***/ 597:
+/***/ 73:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
 /**
  * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
+ * use-sync-external-store-shim/with-selector.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 
-var h = __webpack_require__(9787),
-  n = __webpack_require__(5420);
-function p(a, b) {
-  return a === b && (0 !== a || 1 / a === 1 / b) || a !== a && b !== b;
-}
-var q = "function" === typeof Object.is ? Object.is : p,
-  r = n.useSyncExternalStore,
-  t = h.useRef,
-  u = h.useEffect,
-  v = h.useMemo,
-  w = h.useDebugValue;
-exports.useSyncExternalStoreWithSelector = function (a, b, e, l, g) {
-  var c = t(null);
-  if (null === c.current) {
-    var f = {
+
+var React = __webpack_require__(9787),
+  shim = __webpack_require__(4291);
+function is(x, y) {
+  return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
+}
+var objectIs = "function" === typeof Object.is ? Object.is : is,
+  useSyncExternalStore = shim.useSyncExternalStore,
+  useRef = React.useRef,
+  useEffect = React.useEffect,
+  useMemo = React.useMemo,
+  useDebugValue = React.useDebugValue;
+exports.useSyncExternalStoreWithSelector = function (subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
+  var instRef = useRef(null);
+  if (null === instRef.current) {
+    var inst = {
       hasValue: !1,
       value: null
     };
-    c.current = f;
-  } else f = c.current;
-  c = v(function () {
-    function a(a) {
-      if (!c) {
-        c = !0;
-        d = a;
-        a = l(a);
-        if (void 0 !== g && f.hasValue) {
-          var b = f.value;
-          if (g(b, a)) return k = b;
+    instRef.current = inst;
+  } else inst = instRef.current;
+  instRef = useMemo(function () {
+    function memoizedSelector(nextSnapshot) {
+      if (!hasMemo) {
+        hasMemo = !0;
+        memoizedSnapshot = nextSnapshot;
+        nextSnapshot = selector(nextSnapshot);
+        if (void 0 !== isEqual && inst.hasValue) {
+          var currentSelection = inst.value;
+          if (isEqual(currentSelection, nextSnapshot)) return memoizedSelection = currentSelection;
         }
-        return k = a;
-      }
-      b = k;
-      if (q(d, a)) return b;
-      var e = l(a);
-      if (void 0 !== g && g(b, e)) return b;
-      d = a;
-      return k = e;
-    }
-    var c = !1,
-      d,
-      k,
-      m = void 0 === e ? null : e;
+        return memoizedSelection = nextSnapshot;
+      }
+      currentSelection = memoizedSelection;
+      if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
+      var nextSelection = selector(nextSnapshot);
+      if (void 0 !== isEqual && isEqual(currentSelection, nextSelection)) return memoizedSnapshot = nextSnapshot, currentSelection;
+      memoizedSnapshot = nextSnapshot;
+      return memoizedSelection = nextSelection;
+    }
+    var hasMemo = !1,
+      memoizedSnapshot,
+      memoizedSelection,
+      maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
     return [function () {
-      return a(b());
-    }, null === m ? void 0 : function () {
-      return a(m());
+      return memoizedSelector(getSnapshot());
+    }, null === maybeGetServerSnapshot ? void 0 : function () {
+      return memoizedSelector(maybeGetServerSnapshot());
     }];
-  }, [b, e, l, g]);
-  var d = r(a, c[0], c[1]);
-  u(function () {
-    f.hasValue = !0;
-    f.value = d;
-  }, [d]);
-  w(d);
-  return d;
+  }, [getSnapshot, getServerSnapshot, selector, isEqual]);
+  var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
+  useEffect(function () {
+    inst.hasValue = !0;
+    inst.value = value;
+  }, [value]);
+  useDebugValue(value);
+  return value;
 };
 
 /***/ }),
 
-/***/ 5420:
+/***/ 4291:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (true) {
-  module.exports = __webpack_require__(3397);
+  module.exports = __webpack_require__(361);
 } else {}
 
 /***/ }),
 
-/***/ 96:
+/***/ 3384:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
 if (true) {
-  module.exports = __webpack_require__(597);
+  module.exports = __webpack_require__(73);
 } else {}
 
 /***/ }),
@@ -3726,7 +3728,7 @@ const figma = [
   },
   {
     name: '橘黄色-1',
-    value: '#FAF4E3',
+    value: '#FFF8E6',
     describe: '浅色背景',
     token: 'Orange-1',
     locked: true,
@@ -3740,56 +3742,56 @@ const figma = [
   },
   {
     name: '橘黄色-2',
-    value: '#EBDDBC',
+    value: '#FFEABA',
     describe: '聚焦',
     token: 'Orange-2',
     locked: true,
   },
   {
     name: '橘黄色-3',
-    value: '#D6C094',
+    value: '#FFD98D',
     describe: '禁用',
     token: 'Orange-3',
     locked: true,
   },
   {
     name: '橘黄色-4',
-    value: '#C2A470',
+    value: '#FFC45F',
     describe: '悬浮',
     token: 'Orange-4',
     locked: true,
   },
   {
     name: '橘黄色-5',
-    value: '#AD8951',
+    value: '#FFAD32',
     describe: '悬浮',
     token: 'Orange-5',
     locked: true,
   },
   {
     name: '橘黄色-6',
-    value: '#996F37',
+    value: '#FF9204',
     describe: '常规',
     token: 'Orange-6',
     locked: true,
   },
   {
     name: '橘黄色-7',
-    value: '#865824',
+    value: '#D27102',
     describe: '点击',
     token: 'Orange-7',
     locked: true,
   },
   {
     name: '橘黄色-8',
-    value: '#734415',
+    value: '#A65401',
     describe: '-8',
     token: 'Orange-8',
     locked: true,
   },
   {
     name: '橘黄色-9',
-    value: '#603109',
+    value: '#793900',
     describe: '-9',
     token: 'Orange-9',
     locked: true,
@@ -6782,6 +6784,7 @@ var jsx_runtime = __webpack_require__(3428);
 
 
 
+var emptyNoDataIdCounter = 0;
 function icon(paths) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
     viewBox: "0 0 24 24",
@@ -6999,154 +7002,165 @@ var icons_link = ['M8.83231 20.7322C7.27024 22.2943 4.73759 22.2943 3.17546 20.7
 var filter = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
   d: "M19.9653 2.10633C20.5175 2.10633 20.9652 2.55404 20.9652 3.10633C20.9652 3.65861 20.5175 4.10633 19.9653 4.10633H19.6834L14.9666 11.3709V19.8936C14.9666 20.9981 14.0712 21.8936 12.9666 21.8936H10.9666C9.86204 21.8936 8.96662 20.9981 8.96662 19.8936V11.3709L4.35408 4.10632L4.03906 4.10632C3.48677 4.10632 3.03906 3.65861 3.03906 3.10632C3.03906 2.55404 3.48677 2.10632 4.03906 2.10632L19.9653 2.10633ZM6.75776 4.10632L10.8119 10.5206C10.913 10.6804 10.9666 10.8657 10.9666 11.0548V18.8312C10.9666 19.3835 11.4143 19.8312 11.9666 19.8312C12.5189 19.8312 12.9666 19.3835 12.9666 18.8312V11.0609C12.9666 10.868 13.0224 10.6792 13.1273 10.5172L17.2797 4.10633L6.75776 4.10632Z"
 });
-var emptyNoData = /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
-  width: "100",
-  height: "75",
-  viewBox: "0 0 100 75",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("g", {
-    clipPath: "url(#clip0_4044_10434)",
-    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M100 75C100 63.3607 77.6144 53.9257 50 53.9257C22.3857 53.9257 0 63.3607 0 75H100Z",
-      fill: "url(#paint0_linear_4044_10434)"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("g", {
-      opacity: "0.3",
-      filter: "url(#filter0_f_4044_10434)",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-        d: "M50.3087 70.0413C69.5706 70.0413 85.185 68.2375 85.185 66.0125C85.185 63.7875 69.5706 61.9835 50.3087 61.9835C31.0469 61.9835 15.4321 63.7875 15.4321 66.0125C15.4321 68.2375 31.0469 70.0413 50.3087 70.0413Z",
-        fill: "#979EB0"
-      })
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M22.6082 23.6395C22.782 23.2127 23.1957 22.9338 23.6548 22.9338H75.7168C76.1718 22.9338 76.5818 23.2071 76.7593 23.6275L82.9493 38.3482H16.6184L22.6082 23.6395Z",
-      fill: "#CCCFD7"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M75.9819 23.9172V37.2382H81.2882L75.9819 23.9172Z",
-      fill: "#999DA8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M18.877 37.0161H81.0701C82.6314 37.0161 83.897 38.2871 83.897 39.8547V61.7805C83.897 64.2888 81.872 66.3225 79.3739 66.3225H20.5732C18.0752 66.3225 16.05 64.2888 16.05 61.7805V39.8547C16.05 38.2871 17.3157 37.0161 18.877 37.0161Z",
-      fill: "#E8EBF0"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("g", {
-      filter: "url(#filter1_d_4044_10434)",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+var EmptyNoData = function EmptyNoData() {
+  var uniqueIdRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  if (!uniqueIdRef.current) {
+    uniqueIdRef.current = "empty-".concat(emptyNoDataIdCounter++);
+  }
+  var uniqueId = uniqueIdRef.current;
+  var clip0 = "clip0_".concat(uniqueId);
+  var paint0 = "paint0_linear_".concat(uniqueId);
+  var filter0 = "filter0_f_".concat(uniqueId);
+  var filter1 = "filter1_d_".concat(uniqueId);
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("svg", {
+    width: "100",
+    height: "75",
+    viewBox: "0 0 100 75",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("g", {
+      clipPath: "url(#".concat(clip0, ")"),
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M100 75C100 63.3607 77.6144 53.9257 50 53.9257C22.3857 53.9257 0 63.3607 0 75H100Z",
+        fill: "url(#".concat(paint0, ")")
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("g", {
+        opacity: "0.3",
+        filter: "url(#".concat(filter0, ")"),
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M50.3087 70.0413C69.5706 70.0413 85.185 68.2375 85.185 66.0125C85.185 63.7875 69.5706 61.9835 50.3087 61.9835C31.0469 61.9835 15.4321 63.7875 15.4321 66.0125C15.4321 68.2375 31.0469 70.0413 50.3087 70.0413Z",
+          fill: "#979EB0"
+        })
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M22.6082 23.6395C22.782 23.2127 23.1957 22.9338 23.6548 22.9338H75.7168C76.1718 22.9338 76.5818 23.2071 76.7593 23.6275L82.9493 38.3482H16.6184L22.6082 23.6395Z",
+        fill: "#CCCFD7"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M75.9819 23.9172V37.2382H81.2882L75.9819 23.9172Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M18.877 37.0161H81.0701C82.6314 37.0161 83.897 38.2871 83.897 39.8547V61.7805C83.897 64.2888 81.872 66.3225 79.3739 66.3225H20.5732C18.0752 66.3225 16.05 64.2888 16.05 61.7805V39.8547C16.05 38.2871 17.3157 37.0161 18.877 37.0161Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("g", {
+        filter: "url(#".concat(filter1, ")"),
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+          d: "M16.0493 42.3192C16.0493 39.8108 16.0019 37.715 20.573 37.7774H79.3737C83.5612 37.7774 83.8968 39.8108 83.8968 42.3192V61.3998C83.8968 63.9087 81.8718 65.9419 79.3737 65.9419H20.573C18.075 65.9419 16.0493 63.9087 16.0493 61.3998V42.3192Z",
+          fill: "black"
+        })
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
         d: "M16.0493 42.3192C16.0493 39.8108 16.0019 37.715 20.573 37.7774H79.3737C83.5612 37.7774 83.8968 39.8108 83.8968 42.3192V61.3998C83.8968 63.9087 81.8718 65.9419 79.3737 65.9419H20.573C18.075 65.9419 16.0493 63.9087 16.0493 61.3998V42.3192Z",
-        fill: "black"
-      })
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M16.0493 42.3192C16.0493 39.8108 16.0019 37.715 20.573 37.7774H79.3737C83.5612 37.7774 83.8968 39.8108 83.8968 42.3192V61.3998C83.8968 63.9087 81.8718 65.9419 79.3737 65.9419H20.573C18.075 65.9419 16.0493 63.9087 16.0493 61.3998V42.3192Z",
-      fill: "#F4F5F8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M23.4412 23.8855V37.0162H18.3242L23.4412 23.8855Z",
-      fill: "#999DA8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M60.3971 50.7178H39.5502C38.0849 50.7178 36.897 51.9106 36.897 53.382C36.897 54.8534 38.0849 56.0462 39.5502 56.0462H60.3971C61.8625 56.0462 63.0501 54.8534 63.0501 53.382C63.0501 51.9106 61.8625 50.7178 60.3971 50.7178Z",
-      fill: "#666C7C"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M60.3971 49.9565H39.5502C38.0849 49.9565 36.897 51.1494 36.897 52.6208C36.897 54.0922 38.0849 55.285 39.5502 55.285H60.3971C61.8625 55.285 63.0501 54.0922 63.0501 52.6208C63.0501 51.1494 61.8625 49.9565 60.3971 49.9565Z",
-      fill: "#999DA8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M46.041 3.14062C42.6319 3.14062 39.8682 5.91575 39.8682 9.33899V11.4859C39.8682 14.9092 42.6319 17.6842 46.041 17.6842H54.8002C58.2093 17.6842 60.9731 14.9092 60.9731 11.4859V9.33899C60.9731 5.91575 58.2093 3.14062 54.8002 3.14062H46.041ZM47.3169 21.0086L49.386 17.6842H45.2478L47.3169 21.0086Z",
-      fill: "#E8EBF0"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M45.6834 8.54285L47.4941 11.6922H43.8726L45.6834 8.54285Z",
-      fill: "#999DA8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M52.304 8.54285H49.1677V11.6921H52.304V8.54285Z",
-      fill: "#999DA8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M55.6802 11.6919C56.5463 11.6919 57.2484 10.9869 57.2484 10.1172C57.2484 9.2476 56.5463 8.5426 55.6802 8.5426C54.8142 8.5426 54.1121 9.2476 54.1121 10.1172C54.1121 10.9869 54.8142 11.6919 55.6802 11.6919Z",
-      fill: "#999DA8"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M67.7256 5.8507C66.5081 6.69694 63.5181 6.751 62.3457 7.09731L63.5875 5.64293C64.415 4.6041 64.6631 4.10547 65.6562 2.11091C66.6493 0.116362 69.3118 -0.105256 70.415 0.0332553C69.7943 1.27985 70.415 3.98081 67.7256 5.8507Z",
-      fill: "#E8EBF0"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M46.257 34.8904C45.3444 35.1307 43.5421 34.5087 42.7649 34.4595L43.824 33.8603C44.5451 33.4193 44.802 33.175 45.8298 32.198C46.8574 31.221 48.4998 31.6709 49.1305 31.9953C48.4883 32.606 48.2737 34.3593 46.257 34.8904Z",
-      fill: "#E8EBF0"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M37.262 32.7723C37.13 32.5427 37.2462 32.2485 37.4982 32.1696C39.7646 31.4593 49.3015 28.2658 55.6537 22.9713C62.0347 17.653 67.6725 11.576 69.1256 9.9791C69.3069 9.77991 69.6263 9.81841 69.76 10.0521C69.845 10.1989 69.8294 10.3803 69.7169 10.507C68.6225 11.7406 62.8044 18.1953 56.0675 23.6911C48.7371 29.6708 39.4667 32.4671 37.7105 32.9602C37.5349 33.0096 37.3532 32.9308 37.262 32.7723Z",
-      fill: "#E8EBF0"
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
-      d: "M26.0283 27.1925C25.977 26.9505 26.1514 26.7154 26.396 26.6852C27.3291 26.5701 29.6586 26.1971 33.309 25.0577C37.011 23.9021 40.6908 21.2137 41.9723 20.2199C42.1914 20.05 42.5167 20.1675 42.5743 20.4394C42.6023 20.572 42.5585 20.7071 42.454 20.793C41.598 21.497 37.5626 24.6932 33.4811 25.8705C29.5763 26.9969 27.2876 27.3842 26.4592 27.5011C26.2561 27.5298 26.0709 27.394 26.0283 27.1925Z",
-      fill: "#E8EBF0"
-    })]
-  }), /*#__PURE__*/(0,jsx_runtime.jsxs)("defs", {
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("filter", {
-      id: "filter0_f_4044_10434",
-      x: "9.43213",
-      y: "55.9835",
-      width: "81.7529",
-      height: "20.0577",
-      filterUnits: "userSpaceOnUse",
-      colorInterpolationFilters: "sRGB",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("feFlood", {
-        floodOpacity: "0",
-        result: "BackgroundImageFix"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feBlend", {
-        mode: "normal",
-        in: "SourceGraphic",
-        in2: "BackgroundImageFix",
-        result: "shape"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feGaussianBlur", {
-        stdDeviation: "3",
-        result: "effect1_foregroundBlur_4044_10434"
+        fill: "#F4F5F8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M23.4412 23.8855V37.0162H18.3242L23.4412 23.8855Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M60.3971 50.7178H39.5502C38.0849 50.7178 36.897 51.9106 36.897 53.382C36.897 54.8534 38.0849 56.0462 39.5502 56.0462H60.3971C61.8625 56.0462 63.0501 54.8534 63.0501 53.382C63.0501 51.9106 61.8625 50.7178 60.3971 50.7178Z",
+        fill: "#666C7C"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M60.3971 49.9565H39.5502C38.0849 49.9565 36.897 51.1494 36.897 52.6208C36.897 54.0922 38.0849 55.285 39.5502 55.285H60.3971C61.8625 55.285 63.0501 54.0922 63.0501 52.6208C63.0501 51.1494 61.8625 49.9565 60.3971 49.9565Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M46.041 3.14062C42.6319 3.14062 39.8682 5.91575 39.8682 9.33899V11.4859C39.8682 14.9092 42.6319 17.6842 46.041 17.6842H54.8002C58.2093 17.6842 60.9731 14.9092 60.9731 11.4859V9.33899C60.9731 5.91575 58.2093 3.14062 54.8002 3.14062H46.041ZM47.3169 21.0086L49.386 17.6842H45.2478L47.3169 21.0086Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M45.6834 8.54285L47.4941 11.6922H43.8726L45.6834 8.54285Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M52.304 8.54285H49.1677V11.6921H52.304V8.54285Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M55.6802 11.6919C56.5463 11.6919 57.2484 10.9869 57.2484 10.1172C57.2484 9.2476 56.5463 8.5426 55.6802 8.5426C54.8142 8.5426 54.1121 9.2476 54.1121 10.1172C54.1121 10.9869 54.8142 11.6919 55.6802 11.6919Z",
+        fill: "#999DA8"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M67.7256 5.8507C66.5081 6.69694 63.5181 6.751 62.3457 7.09731L63.5875 5.64293C64.415 4.6041 64.6631 4.10547 65.6562 2.11091C66.6493 0.116362 69.3118 -0.105256 70.415 0.0332553C69.7943 1.27985 70.415 3.98081 67.7256 5.8507Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M46.257 34.8904C45.3444 35.1307 43.5421 34.5087 42.7649 34.4595L43.824 33.8603C44.5451 33.4193 44.802 33.175 45.8298 32.198C46.8574 31.221 48.4998 31.6709 49.1305 31.9953C48.4883 32.606 48.2737 34.3593 46.257 34.8904Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M37.262 32.7723C37.13 32.5427 37.2462 32.2485 37.4982 32.1696C39.7646 31.4593 49.3015 28.2658 55.6537 22.9713C62.0347 17.653 67.6725 11.576 69.1256 9.9791C69.3069 9.77991 69.6263 9.81841 69.76 10.0521C69.845 10.1989 69.8294 10.3803 69.7169 10.507C68.6225 11.7406 62.8044 18.1953 56.0675 23.6911C48.7371 29.6708 39.4667 32.4671 37.7105 32.9602C37.5349 33.0096 37.3532 32.9308 37.262 32.7723Z",
+        fill: "#E8EBF0"
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+        d: "M26.0283 27.1925C25.977 26.9505 26.1514 26.7154 26.396 26.6852C27.3291 26.5701 29.6586 26.1971 33.309 25.0577C37.011 23.9021 40.6908 21.2137 41.9723 20.2199C42.1914 20.05 42.5167 20.1675 42.5743 20.4394C42.6023 20.572 42.5585 20.7071 42.454 20.793C41.598 21.497 37.5626 24.6932 33.4811 25.8705C29.5763 26.9969 27.2876 27.3842 26.4592 27.5011C26.2561 27.5298 26.0709 27.394 26.0283 27.1925Z",
+        fill: "#E8EBF0"
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("filter", {
-      id: "filter1_d_4044_10434",
-      x: "16.0493",
-      y: "37.776",
-      width: "67.8474",
-      height: "30.1659",
-      filterUnits: "userSpaceOnUse",
-      colorInterpolationFilters: "sRGB",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("feFlood", {
-        floodOpacity: "0",
-        result: "BackgroundImageFix"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feColorMatrix", {
-        in: "SourceAlpha",
-        type: "matrix",
-        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-        result: "hardAlpha"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feOffset", {
-        dy: "2"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feColorMatrix", {
-        type: "matrix",
-        values: "0 0 0 0 0.803922 0 0 0 0 0.811765 0 0 0 0 0.843137 0 0 0 1 0"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feBlend", {
-        mode: "normal",
-        in2: "BackgroundImageFix",
-        result: "effect1_dropShadow_4044_10434"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("feBlend", {
-        mode: "normal",
-        in: "SourceGraphic",
-        in2: "effect1_dropShadow_4044_10434",
-        result: "shape"
-      })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("linearGradient", {
-      id: "paint0_linear_4044_10434",
-      x1: "50",
-      y1: "53.9257",
-      x2: "50",
-      y2: "75",
-      gradientUnits: "userSpaceOnUse",
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("stop", {
-        stopColor: "#E9EBEF"
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("stop", {
-        offset: "1",
-        stopColor: "#E9EBEF",
-        stopOpacity: "0"
+    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("defs", {
+      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("filter", {
+        id: filter0,
+        x: "9.43213",
+        y: "55.9835",
+        width: "81.7529",
+        height: "20.0577",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feBlend", {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feGaussianBlur", {
+          stdDeviation: "3",
+          result: "effect1_foregroundBlur_4044_10434"
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("filter", {
+        id: filter1,
+        x: "16.0493",
+        y: "37.776",
+        width: "67.8474",
+        height: "30.1659",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feColorMatrix", {
+          in: "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feOffset", {
+          dy: "2"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.803922 0 0 0 0 0.811765 0 0 0 0 0.843137 0 0 0 1 0"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feBlend", {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_4044_10434"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("feBlend", {
+          mode: "normal",
+          in: "SourceGraphic",
+          in2: "effect1_dropShadow_4044_10434",
+          result: "shape"
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime.jsxs)("linearGradient", {
+        id: paint0,
+        x1: "50",
+        y1: "53.9257",
+        x2: "50",
+        y2: "75",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("stop", {
+          stopColor: "#E9EBEF"
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("stop", {
+          offset: "1",
+          stopColor: "#E9EBEF",
+          stopOpacity: "0"
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("clipPath", {
+        id: clip0,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("rect", {
+          width: "100",
+          height: "75",
+          fill: "white"
+        })
       })]
-    }), /*#__PURE__*/(0,jsx_runtime.jsx)("clipPath", {
-      id: "clip0_4044_10434",
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("rect", {
-        width: "100",
-        height: "75",
-        fill: "white"
-      })
     })]
-  })]
-});
+  });
+};
 var Icons = {
   SortAsc: SortAsc,
   SortDesc: SortDesc,
@@ -7188,7 +7202,7 @@ var Icons = {
   StarFill: icon(pcStarFill),
   Link: icon(icons_link),
   Loading: icon(loading),
-  EmptyNoData: emptyNoData
+  EmptyNoData: /*#__PURE__*/(0,jsx_runtime.jsx)(EmptyNoData, {})
 };
 /* harmony default export */ var icons = (Icons);
 ;// CONCATENATED MODULE: ../base/src/icons/config.tsx
@@ -7201,9 +7215,9 @@ var config = {
     Info: icons.InfoCircleFill,
     Success: icons.CheckCircleFill,
     Warning: icons.WarningCircleFill,
-    Danger: icons.WarningCircleFill,
+    Danger: icons.CloseFill,
     ConfirmWarning: icons.WarningCircleFill,
-    Error: icons.WarningCircleFill,
+    Error: icons.CloseFill,
     Confirm: icons.HelpCircleFill
   },
   form: {
@@ -12386,7 +12400,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.9.0-beta.8');
+/* harmony default export */ var version = ('3.9.0');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12659,16 +12673,16 @@ var Token = {
   'Neutral-7': '#666C7C',
   'Neutral-8': '#333E59',
   'Neutral-9': '#141737',
-  'Orange-1': '#FAF4E3',
+  'Orange-1': '#FFF8E6',
   'Orange-10': '#4D2100',
-  'Orange-2': '#EBDDBC',
-  'Orange-3': '#D6C094',
-  'Orange-4': '#C2A470',
-  'Orange-5': '#AD8951',
-  'Orange-6': '#996F37',
-  'Orange-7': '#865824',
-  'Orange-8': '#734415',
-  'Orange-9': '#603109',
+  'Orange-2': '#FFEABA',
+  'Orange-3': '#FFD98D',
+  'Orange-4': '#FFC45F',
+  'Orange-5': '#FFAD32',
+  'Orange-6': '#FF9204',
+  'Orange-7': '#D27102',
+  'Orange-8': '#A65401',
+  'Orange-9': '#793900',
   'Brown-1': '#FAF4E3',
   'Brown-10': '#4D2100',
   'Brown-2': '#EBDDBC',
@@ -14666,6 +14680,7 @@ var sliderTokens = {
 
 var spinTokens = {
   spinTipFontColor: 'Brand-6',
+  spinTipFontSize: 'Font-14',
   spinVerticalMargin: 'Spacing-4',
   spinHorizontalMargin: 'Spacing-4',
   spinColor: 'Brand-6',
@@ -14771,7 +14786,7 @@ var switchTokens = {
   switchDisabledCircleUncheckedFill: 'Neutral-fill-2',
   switchDisabledFontColor: 'Neutral-text-2',
   switchLoadingBackgroundColor: 'Neutral-fill-2',
-  switchLoadingCircleFill: 'Neutral-text-2',
+  switchLoadingCircleFill: 'Neutral-fill-3',
   switchLoadingFontColor: 'Neutral-text-2',
   switchCheckedBackgroundColor: 'Brand-6',
   switchCheckedCircleFill: 'Neutral-fill-1',
@@ -14879,7 +14894,8 @@ var tabsTokens = {
   tabsTabBorderRadius: 'Radius-default',
   tabsNearlyMargin: 'Spacing-4',
   tabsLinePaddingX: 'Spacing-8',
-  tabsLinePaddingY: 'Spacing-6',
+  tabsLinePaddingTop: 'Spacing-6',
+  tabsLinePaddingBottom: 'Spacing-6',
   tabsLineHrBackgroundColor: 'Neutral-border-1',
   tabsLineAfterBackgroundColor: 'Brand-6',
   tabsLineInnerPaddingX: 'Spacing-8',
@@ -14966,12 +14982,20 @@ var tagTokens = {
   tagInfoOutlineDisabledFontColor: 'Brand-3',
   tagInfoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagInfoOutlineDisabledBorderColor: 'Brand-3',
+  tagInfoOutlineIconDisabledFontColor: 'Brand-3',
+  tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
+  tagInfoOutlineIconHoverFontColor: 'Brand-6',
   tagInfoFillFontColor: 'Neutral-text-1',
   tagInfoFillBackgroundColor: 'Brand-6',
   tagInfoFillBorderColor: 'Brand-6',
   tagInfoFillDisabledFontColor: 'Neutral-text-1',
   tagInfoFillDisabledBackgroundColor: 'Brand-3',
   tagInfoFillDisabledBorderColor: 'Brand-3',
+  tagInfoFillIconHoverBackgroundColor: 'Brand-5',
+  tagInfoIconFontColor: 'Brand-6',
+  tagInfoIconDisabledFontColor: 'Brand-3',
+  tagInfoIconHoverBackgroundColor: 'Brand-2',
+  tagDefaultLineHeight: 'Line-height-dynamic',
   tagDefaultFontColor: 'Neutral-text-5',
   tagDefaultBackgroundColor: 'Neutral-fill-2',
   tagDefaultBorderColor: 'Neutral-fill-2',
@@ -14990,6 +15014,11 @@ var tagTokens = {
   tagDefaultFillDisabledFontColor: 'Neutral-text-2',
   tagDefaultFillDisabledBackgroundColor: 'Neutral-fill-3',
   tagDefaultFillDisabledBorderColor: 'Neutral-fill-3',
+  tagDefaultFillIconHoverBackgroundColor: 'Neutral-fill-4',
+  tagDefaultIconFontColor: 'Neutral-text-4',
+  tagDefaultIconDisabledFontColor: 'Neutral-text-2',
+  tagDefaultIconHoverBackgroundColor: 'Neutral-fill-3',
+  tagDefaultIconHoverFontColor: 'Neutral-text-5',
   tagSuccessFontColor: 'Success-6',
   tagSuccessBackgroundColor: 'Success-1',
   tagSuccessBorderColor: 'Success-1',
@@ -15002,12 +15031,18 @@ var tagTokens = {
   tagSuccessOutlineDisabledFontColor: 'Success-3',
   tagSuccessOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagSuccessOutlineDisabledBorderColor: 'Success-3',
+  tagSuccessOutlineIconDisabledFontColor: 'Success-3',
+  tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
   tagSuccessFillFontColor: 'Neutral-text-1',
   tagSuccessFillBackgroundColor: 'Success-6',
   tagSuccessFillBorderColor: 'Success-6',
   tagSuccessFillDisabledFontColor: 'Neutral-text-1',
   tagSuccessFillDisabledBackgroundColor: 'Success-3',
   tagSuccessFillDisabledBorderColor: 'Success-3',
+  tagSuccessFillIconHoverBackgroundColor: 'Success-5',
+  tagSuccessIconFontColor: 'Success-6',
+  tagSuccessIconDisabledFontColor: 'Success-3',
+  tagSuccessIconHoverBackgroundColor: 'Success-2',
   tagWarningFontColor: 'Warning-6',
   tagWarningBackgroundColor: 'Warning-1',
   tagWarningBorderColor: 'Warning-1',
@@ -15026,6 +15061,10 @@ var tagTokens = {
   tagWarningFillDisabledFontColor: 'Neutral-text-1',
   tagWarningFillDisabledBackgroundColor: 'Warning-3',
   tagWarningFillDisabledBorderColor: 'Warning-3',
+  tagWarningFillIconFontColor: 'Warning-6',
+  tagWarningFillIconHoverBackgroundColor: 'Warning-5',
+  tagWarningIconDisabledFontColor: 'Warning-3',
+  tagWarningIconHoverBackgroundColor: 'Warning-2',
   tagDangerFontColor: 'Danger-6',
   tagDangerBackgroundColor: 'Danger-1',
   tagDangerBorderColor: 'Danger-1',
@@ -15044,6 +15083,10 @@ var tagTokens = {
   tagDangerFillDisabledFontColor: 'Neutral-text-1',
   tagDangerFillDisabledBackgroundColor: 'Danger-3',
   tagDangerFillDisabledBorderColor: 'Danger-3',
+  tagDangerFillIconHoverBackgroundColor: 'Danger-5',
+  tagDangerIconFontColor: 'Danger-6',
+  tagDangerIconDisabledFontColor: 'Danger-3',
+  tagDangerIconHoverBackgroundColor: 'Danger-2',
   tagMagentaFontColor: 'Magenta-6',
   tagMagentaBackgroundColor: 'Magenta-1',
   tagMagentaBorderColor: 'Magenta-1',
@@ -15062,6 +15105,10 @@ var tagTokens = {
   tagMagentaFillDisabledFontColor: 'Neutral-text-1',
   tagMagentaFillDisabledBackgroundColor: 'Magenta-3',
   tagMagentaFillDisabledBorderColor: 'Magenta-3',
+  tagMagentaFillIconHoverBackgroundColor: 'Magenta-5',
+  tagMagentaIconFontColor: 'Magenta-6',
+  tagMagentaIconDisabledFontColor: 'Magenta-3',
+  tagMagentaIconHoverBackgroundColor: 'Magenta-2',
   tagBrownFontColor: 'Brown-6',
   tagBrownBackgroundColor: 'Brown-1',
   tagBrownBorderColor: 'Brown-1',
@@ -15080,6 +15127,10 @@ var tagTokens = {
   tagBrownFillDisabledFontColor: 'Neutral-text-1',
   tagBrownFillDisabledBackgroundColor: 'Brown-3',
   tagBrownFillDisabledBorderColor: 'Brown-3',
+  tagBrownFillIconHoverBackgroundColor: 'Brown-5',
+  tagBrownIconFontColor: 'Brown-6',
+  tagBrownIconDisabledFontColor: 'Brown-3',
+  tagBrownIconHoverBackgroundColor: 'Brown-2',
   tagPurpleFontColor: 'Purple-6',
   tagPurpleBackgroundColor: 'Purple-1',
   tagPurpleBorderColor: 'Purple-1',
@@ -15098,6 +15149,10 @@ var tagTokens = {
   tagPurpleFillDisabledFontColor: 'Neutral-text-1',
   tagPurpleFillDisabledBackgroundColor: 'Purple-3',
   tagPurpleFillDisabledBorderColor: 'Purple-3',
+  tagPurpleFillIconHoverBackgroundColor: 'Purple-5',
+  tagPurpleIconFontColor: 'Purple-6',
+  tagPurpleIconDisabledFontColor: 'Purple-3',
+  tagPurpleIconHoverBackgroundColor: 'Purple-2',
   tagIndigoFontColor: 'Indigo-6',
   tagIndigoBackgroundColor: 'Indigo-1',
   tagIndigoBorderColor: 'Indigo-1',
@@ -15116,6 +15171,10 @@ var tagTokens = {
   tagIndigoFillDisabledFontColor: 'Neutral-text-1',
   tagIndigoFillDisabledBackgroundColor: 'Indigo-3',
   tagIndigoFillDisabledBorderColor: 'Indigo-3',
+  tagIndigoFillIconHoverBackgroundColor: 'Indigo-5',
+  tagIndigoIconFontColor: 'Indigo-6',
+  tagIndigoIconDisabledFontColor: 'Indigo-3',
+  tagIndigoIconHoverBackgroundColor: 'Indigo-2',
   tagCyanFontColor: 'Cyan-6',
   tagCyanBackgroundColor: 'Cyan-1',
   tagCyanBorderColor: 'Cyan-1',
@@ -15134,6 +15193,10 @@ var tagTokens = {
   tagCyanFillDisabledFontColor: 'Neutral-text-1',
   tagCyanFillDisabledBackgroundColor: 'Cyan-3',
   tagCyanFillDisabledBorderColor: 'Cyan-3',
+  tagCyanFillIconHoverBackgroundColor: 'Cyan-5',
+  tagCyanIconFontColor: 'Cyan-6',
+  tagCyanIconDisabledFontColor: 'Cyan-3',
+  tagCyanIconHoverBackgroundColor: 'Cyan-2',
   tagNeonFontColor: 'Neon-6',
   tagNeonBackgroundColor: 'Neon-1',
   tagNeonBorderColor: 'Neon-1',
@@ -15152,6 +15215,10 @@ var tagTokens = {
   tagNeonFillDisabledFontColor: 'Neutral-text-1',
   tagNeonFillDisabledBackgroundColor: 'Neon-3',
   tagNeonFillDisabledBorderColor: 'Neon-3',
+  tagNeonFillIconHoverBackgroundColor: 'Neon-5',
+  tagNeonIconFontColor: 'Neon-6',
+  tagNeonIconDisabledFontColor: 'Neon-3',
+  tagNeonIconHoverBackgroundColor: 'Neon-2',
   tagLemonFontColor: 'Lemon-6',
   tagLemonBackgroundColor: 'Lemon-1',
   tagLemonBorderColor: 'Lemon-1',
@@ -15170,6 +15237,32 @@ var tagTokens = {
   tagLemonFillDisabledFontColor: 'Neutral-text-1',
   tagLemonFillDisabledBackgroundColor: 'Lemon-3',
   tagLemonFillDisabledBorderColor: 'Lemon-3',
+  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
+  tagLemonIconFontColor: 'Lemon-6',
+  tagLemonIconDisabledFontColor: 'Lemon-3',
+  tagLemonIconHoverBackgroundColor: 'Lemon-2',
+  tagOrangeFontColor: 'Orange-6',
+  tagOrangeBackgroundColor: 'Orange-1',
+  tagOrangeBorderColor: 'Orange-1',
+  tagOrangeDisabledFontColor: 'Orange-3',
+  tagOrangeDisabledBackgroundColor: 'Orange-1',
+  tagOrangeDisabledBorderColor: 'Orange-1',
+  tagOrangeOutlineFontColor: 'Orange-6',
+  tagOrangeOutlineBackgroundColor: 'Neutral-fill-1',
+  tagOrangeOutlineBorderColor: 'Orange-6',
+  tagOrangeOutlineDisabledFontColor: 'Orange-3',
+  tagOrangeOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagOrangeOutlineDisabledBorderColor: 'Orange-3',
+  tagOrangeFillFontColor: 'Neutral-text-1',
+  tagOrangeFillBackgroundColor: 'Orange-6',
+  tagOrangeFillBorderColor: 'Orange-6',
+  tagOrangeFillDisabledFontColor: 'Neutral-text-1',
+  tagOrangeFillDisabledBackgroundColor: 'Orange-3',
+  tagOrangeFillDisabledBorderColor: 'Orange-3',
+  tagOrangeFillIconHoverBackgroundColor: 'Orange-5',
+  tagOrangeIconFontColor: 'Orange-6',
+  tagOrangeIconDisabledFontColor: 'Orange-3',
+  tagOrangeIconHoverBackgroundColor: 'Orange-2',
   tagTangerineFontColor: 'Tangerine-6',
   tagTangerineBackgroundColor: 'Tangerine-1',
   tagTangerineBorderColor: 'Tangerine-1',
@@ -15188,87 +15281,35 @@ var tagTokens = {
   tagTangerineFillDisabledFontColor: 'Neutral-text-1',
   tagTangerineFillDisabledBackgroundColor: 'Tangerine-3',
   tagTangerineFillDisabledBorderColor: 'Tangerine-3',
+  tagTangerineFillIconHoverBackgroundColor: 'Tangerine-5',
+  tagTangerineIconFontColor: 'Tangerine-6',
+  tagTangerineIconDisabledFontColor: 'Tangerine-3',
+  tagTangerineIconHoverBackgroundColor: 'Tangerine-2',
   tagFontSize: 'Font-12',
+  tagFontWeight: 'Weight-regular',
   tagBorderRadius: 'Radius-small',
   tagPaddingX: 'Spacing-6',
   tagPaddingY: 'Spacing-0',
   tagHeight: 'Size-11',
-  tagFontWeight: 'Weight-regular',
   tagSmallFontSize: 'Font-12',
+  tagSmallFontWeight: 'Weight-regular',
   tagSmallBorderRadius: 'Radius-small',
   tagSmallPaddingX: 'Spacing-4',
   tagSmallHeight: 'Size-10',
-  tagSmallFontWeight: 'Weight-regular',
+  tagSmallInputPaddingX: 'Spacing-4',
+  tagSmallInputFontSize: 'Font-12',
+  tagSmallLineHeight: 'Line-height-dynamic',
   tagLargeFontSize: 'Font-14',
+  tagLargeFontWeight: 'Weight-regular',
   tagLargeBorderRadius: 'Radius-default',
   tagLargePaddingX: 'Spacing-12',
   tagLargePaddingY: 'Spacing-2',
   tagLargeHeight: 'Size-14',
-  tagLargeFontWeight: 'Weight-regular',
-  tagInputPaddingX: 'Spacing-4',
-  tagInputFontSize: 'Font-12',
-  tagSmallInputPaddingX: 'Spacing-4',
-  tagSmallInputFontSize: 'Font-12',
   tagLargeInputPaddingX: 'Spacing-4',
   tagLargeInputFontSize: 'Font-14',
-  tagInfoIconFontColor: 'Brand-6',
-  tagInfoIconDisabledFontColor: 'Brand-3',
-  tagInfoIconHoverBackgroundColor: 'Brand-2',
-  tagInfoOutlineIconDisabledFontColor: 'Brand-3',
-  tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
-  tagInfoOutlineIconHoverFontColor: 'Brand-6',
-  tagInfoFillIconHoverBackgroundColor: 'Brand-5',
-  tagDefaultIconFontColor: 'Neutral-text-4',
-  tagDefaultIconDisabledFontColor: 'Neutral-text-2',
-  tagDefaultIconHoverBackgroundColor: 'Neutral-fill-3',
-  tagDefaultIconHoverFontColor: 'Neutral-text-5',
-  tagDefaultFillIconHoverBackgroundColor: 'Neutral-fill-4',
-  tagSuccessIconFontColor: 'Success-6',
-  tagSuccessIconDisabledFontColor: 'Success-3',
-  tagSuccessIconHoverBackgroundColor: 'Success-2',
-  tagSuccessOutlineIconDisabledFontColor: 'Success-3',
-  tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
-  tagSuccessFillIconHoverBackgroundColor: 'Success-5',
-  tagWarningIconDisabledFontColor: 'Warning-3',
-  tagWarningIconHoverBackgroundColor: 'Warning-2',
-  tagWarningFillIconFontColor: 'Warning-6',
-  tagWarningFillIconHoverBackgroundColor: 'Warning-5',
-  tagDangerIconFontColor: 'Danger-6',
-  tagDangerIconDisabledFontColor: 'Danger-3',
-  tagDangerIconHoverBackgroundColor: 'Danger-2',
-  tagDangerFillIconHoverBackgroundColor: 'Danger-5',
-  tagMagentaIconFontColor: 'Magenta-6',
-  tagMagentaIconDisabledFontColor: 'Magenta-3',
-  tagMagentaIconHoverBackgroundColor: 'Magenta-2',
-  tagMagentaFillIconHoverBackgroundColor: 'Magenta-5',
-  tagBrownIconFontColor: 'Brown-6',
-  tagBrownIconDisabledFontColor: 'Brown-3',
-  tagBrownIconHoverBackgroundColor: 'Brown-2',
-  tagBrownFillIconHoverBackgroundColor: 'Brown-5',
-  tagPurpleIconFontColor: 'Purple-6',
-  tagPurpleIconDisabledFontColor: 'Purple-3',
-  tagPurpleIconHoverBackgroundColor: 'Purple-2',
-  tagPurpleFillIconHoverBackgroundColor: 'Purple-5',
-  tagIndigoIconFontColor: 'Indigo-6',
-  tagIndigoIconDisabledFontColor: 'Indigo-3',
-  tagIndigoIconHoverBackgroundColor: 'Indigo-2',
-  tagIndigoFillIconHoverBackgroundColor: 'Indigo-5',
-  tagCyanIconFontColor: 'Cyan-6',
-  tagCyanIconDisabledFontColor: 'Cyan-3',
-  tagCyanIconHoverBackgroundColor: 'Cyan-2',
-  tagCyanFillIconHoverBackgroundColor: 'Cyan-5',
-  tagNeonIconFontColor: 'Neon-6',
-  tagNeonIconDisabledFontColor: 'Neon-3',
-  tagNeonIconHoverBackgroundColor: 'Neon-2',
-  tagNeonFillIconHoverBackgroundColor: 'Neon-5',
-  tagLemonIconFontColor: 'Lemon-6',
-  tagLemonIconDisabledFontColor: 'Lemon-3',
-  tagLemonIconHoverBackgroundColor: 'Lemon-2',
-  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
-  tagTangerineIconFontColor: 'Tangerine-6',
-  tagTangerineIconDisabledFontColor: 'Tangerine-3',
-  tagTangerineIconHoverBackgroundColor: 'Tangerine-2',
-  tagTangerineFillIconHoverBackgroundColor: 'Tangerine-5'
+  tagLargeLineHeight: 'Line-height-dynamic',
+  tagInputPaddingX: 'Spacing-4',
+  tagInputFontSize: 'Font-12'
 };
 /* harmony default export */ var tag = (tagTokens);
 ;// CONCATENATED MODULE: ../theme/src/tag/index.ts
@@ -15787,7 +15828,7 @@ var alertStyle = {
     color: src.alertWarningFontColor
   },
   confirmwarningIcon: {
-    color: src.alertDangerFontColor
+    color: src.alertWarningFontColor
   },
   dangerIcon: {
     color: src.alertDangerFontColor
@@ -17407,8 +17448,11 @@ var supportsHas = function supportsHas() {
     '&:hover': {
       borderColor: token.focusBorderColor
     }
-  }), "".concat(name, "Error"), defineProperty_default()(defineProperty_default()({}, "&:not($".concat(name, "Disabled)"), {
-    borderColor: token.errorBorderColor,
+  }), "".concat(name, "Error"), defineProperty_default()(defineProperty_default()({
+    '&&': {
+      borderColor: token.errorBorderColor
+    }
+  }, "&:not($".concat(name, "Disabled)"), {
     background: token.errorBackgroundColor,
     '&:hover': {
       borderColor: token.errorHoverBorderColor,
@@ -17421,19 +17465,17 @@ var supportsHas = function supportsHas() {
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
-  })), "".concat(name, "Disabled"), {
+  })), "".concat(name, "Disabled"), defineProperty_default()(defineProperty_default()({
     color: token.disabledFontColor,
     backgroundColor: token.disabledBackgroundColor,
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
-    cursor: 'not-allowed',
-    '&:hover': {
-      borderColor: token.disabledBorderColor
-    },
-    '& *': {
-      cursor: 'not-allowed'
-    }
-  }), defineProperty_default()(defineProperty_default()(_ref2, "".concat(name, "Underline"), {
+    cursor: 'not-allowed'
+  }, "&:not($".concat(name, "Error):hover"), {
+    borderColor: token.disabledBorderColor
+  }), '& *', {
+    cursor: 'not-allowed'
+  })), defineProperty_default()(defineProperty_default()(_ref2, "".concat(name, "Underline"), {
     '&&': {
       borderLeftColor: 'transparent',
       borderRightColor: 'transparent',
@@ -18780,13 +18822,13 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       color: src.datePickerCellOtherColor
     },
     '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
-      '&  span': {
+      '& $pickerCellContent > span': {
         backgroundColor: src.datePickerCellHoverBackgroundColor,
         color: src.datePickerCellHoverColor
       }
     },
     '&$pickerCellInRange:not($pickerCellActive):not($pickerCellDisabled):hover': {
-      '&  span': {
+      '& $pickerCellContent > span': {
         backgroundColor: src.datePickerCellActiveHoverBackgroundColor
       }
     },
@@ -18800,7 +18842,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
     position: 'relative',
     height: src.datePickerCellHeight,
     lineHeight: src.datePickerCellHeight,
-    '& span': {
+    '& > span': {
       display: 'inline-block',
       minWidth: src.datePickerCellHotHeight,
       height: src.datePickerCellHotHeight,
@@ -19157,6 +19199,9 @@ var descriptionsStyle = {
   horizontal: {
     '& $label': {
       width: '1px'
+    },
+    '& $value:empty': {
+      width: '1px'
     }
   },
   vertical: {
@@ -22358,6 +22403,10 @@ var replaceCssVarValue = function replaceCssVarValue(innerHTML, cssvar, targetVa
   }
   return innerHTML.replace(regex, "".concat(cssvar, ": ").concat(targetValue, ";"));
 };
+var isCustomToken = function isCustomToken(key) {
+  if (key.startsWith('--')) return true;
+  return false;
+};
 var setToken = function setToken(options) {
   var _ref = options || {},
     _ref$tagName = _ref.tagName,
@@ -22385,7 +22434,7 @@ var setToken = function setToken(options) {
   var extraToken = getExtraToken(prefix);
   if (update && token) {
     Object.keys(token).forEach(function (key) {
-      var cssvar = "--".concat(prefix, "-").concat(camelCaseToDash(key));
+      var cssvar = isCustomToken(key) ? key : "--".concat(prefix, "-").concat(camelCaseToDash(key));
       var targetValue = token[key];
       tag.innerHTML = replaceCssVarValue(tag.innerHTML, cssvar, targetValue);
     });
@@ -22395,12 +22444,14 @@ var setToken = function setToken(options) {
     Object.keys(defaultToken).filter(function (item) {
       return (customExtraToken || ['Brand-6', 'Neutral-6']).includes(item);
     }).forEach(function (key) {
-      var token = "--".concat(prefix, "-").concat(camelCaseToDash(key), ":").concat(defaultToken[key]);
+      var cssvar = isCustomToken(key) ? key : "--".concat(prefix, "-").concat(camelCaseToDash(key));
+      var token = "".concat(cssvar, ":").concat(defaultToken[key]);
       tokens.push(token);
     });
   } else {
     Object.keys(defaultToken).forEach(function (key) {
-      var token = "--".concat(prefix, "-").concat(camelCaseToDash(key), ":").concat(defaultToken[key]);
+      var cssvar = isCustomToken(key) ? key : "--".concat(prefix, "-").concat(camelCaseToDash(key));
+      var token = "".concat(cssvar, ":").concat(defaultToken[key]);
       tokens.push(token);
     });
   }
@@ -24105,7 +24156,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   hideTag: {},
   list: {},
   tree: {
-    padding: 4,
+    padding: '0 4px',
     overflow: 'auto'
   },
   treeOption: {
@@ -25380,7 +25431,8 @@ var spinStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   tip: {
-    color: src.spinTipFontColor
+    color: src.spinTipFontColor,
+    fontSize: src.spinTipFontSize
   },
   vertical: {},
   horizontal: {}
@@ -26810,10 +26862,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     }
   },
   rowHover: {
-    '& td': {
-      transition: 'background-color 0.2s'
-    },
     '&&:hover td': {
+      transition: 'background-color 0.2s',
       background: "".concat(src.tableTbodyHoverBackgroundColor)
     }
   },
@@ -27593,10 +27643,12 @@ var tabsStyle = {
       '& $tab': {
         display: 'block'
       },
-      '& $tab + $tab': {
+      '&& $tab + $tab': {
         marginTop: src.tabsNearlyMargin
       },
       '& $next,& $prev': {
+        // 考虑垂直方向可滚动功能时一并修复zIndex
+        // zIndex: 1,
         padding: "".concat(src.tabsActionVerticalPaddingY, " ").concat(src.tabsActionVerticalPaddingX),
         '&:after': {
           display: 'none'
@@ -27768,7 +27820,7 @@ var tabsStyle = {
     '$headerWrapper[data-soui-shape="line"] &': {
       '& $tab': {
         position: 'relative',
-        padding: "".concat(src.tabsLinePaddingY, " ").concat(src.tabsLinePaddingX),
+        padding: "".concat(src.tabsLinePaddingTop, " ").concat(src.tabsLinePaddingX, " ").concat(src.tabsLinePaddingBottom),
         color: src.tabsLineFontColor,
         fontSize: src.tabsLineFontSize,
         fontWeight: src.tabsLineFontWeight,
@@ -27818,7 +27870,7 @@ var tabsStyle = {
     },
     '$headerWrapper[data-soui-shape="dash"] &': {
       '& $tab': {
-        padding: "".concat(src.tabsLinePaddingY, " ").concat(src.tabsLinePaddingX),
+        padding: "".concat(src.tabsLinePaddingTop, " ").concat(src.tabsLinePaddingX, " ").concat(src.tabsLinePaddingBottom),
         color: src.tabsLineFontColor,
         fontSize: src.tabsLineFontSize,
         fontWeight: src.tabsLineFontWeight,
@@ -28119,7 +28171,7 @@ var TagStyle = {
   wrapper: {
     flex: 1,
     minWidth: 0,
-    lineHeight: src.lineHeightDynamic
+    lineHeight: src.tagDefaultLineHeight
   },
   inline: {
     display: 'inline-block',
@@ -28139,6 +28191,12 @@ var TagStyle = {
         width: 14,
         height: 14
       }
+    },
+    '& $wrapper': {
+      lineHeight: src.tagLargeLineHeight
+    },
+    '& $closeIcon': {
+      height: src.tagLargeLineHeight
     }
   },
   small: {
@@ -28148,10 +28206,10 @@ var TagStyle = {
     fontWeight: src.tagSmallFontWeight,
     borderRadius: src.tagSmallBorderRadius,
     '& $wrapper': {
-      lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
+      lineHeight: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 6px))")
     },
     '& $closeIcon': {
-      height: "calc(".concat(src.tagSmallFontSize, " + 6px)")
+      height: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 6px))")
     },
     '& $closeIconWrapper': {
       width: "calc(".concat(src.tagSmallFontSize, " + 6px)"),
@@ -28174,7 +28232,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: src.lineHeightDynamic,
+    height: src.tagDefaultLineHeight,
     maxHeight: '100%'
   },
   closeIconWrapper: {
@@ -28201,11 +28259,12 @@ var TagStyle = {
   cyan: objectSpread2_default()({}, brightTag('cyan', 'Cyan')),
   neon: objectSpread2_default()({}, brightTag('neon', 'Neon')),
   lemon: objectSpread2_default()({}, brightTag('lemon', 'Lemon')),
+  orange: objectSpread2_default()({}, brightTag('orange', 'Orange')),
   tangerine: objectSpread2_default()({}, brightTag('tangerine', 'Tangerine')),
-  fill: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')),
+  fill: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, fillTag('default', 'Default')), fillTag('success', 'Success')), fillTag('warning', 'Warning')), fillTag('danger', 'Danger')), fillTag('info', 'Info')), fillTag('brown', 'Brown')), fillTag('magenta', 'Magenta')), fillTag('purple', 'Purple')), fillTag('indigo', 'Indigo')), fillTag('cyan', 'Cyan')), fillTag('neon', 'Neon')), fillTag('lemon', 'Lemon')), fillTag('tangerine', 'Tangerine')), fillTag('orange', 'Orange')),
   bright: {},
-  outline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')),
-  brightOutline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')),
+  outline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, outlineTag('default', 'Default')), outlineTag('success', 'Success')), outlineTag('warning', 'Warning')), outlineTag('danger', 'Danger')), outlineTag('info', 'Info')), outlineTag('brown', 'Brown')), outlineTag('magenta', 'Magenta')), outlineTag('purple', 'Purple')), outlineTag('indigo', 'Indigo')), outlineTag('cyan', 'Cyan')), outlineTag('neon', 'Neon')), outlineTag('lemon', 'Lemon')), outlineTag('tangerine', 'Tangerine')), outlineTag('orange', 'Orange')),
+  brightOutline: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, brightOutlineTag('default', 'Default')), brightOutlineTag('success', 'Success')), brightOutlineTag('warning', 'Warning')), brightOutlineTag('danger', 'Danger')), brightOutlineTag('info', 'Info')), brightOutlineTag('brown', 'Brown')), brightOutlineTag('magenta', 'Magenta')), brightOutlineTag('purple', 'Purple')), brightOutlineTag('indigo', 'Indigo')), brightOutlineTag('cyan', 'Cyan')), brightOutlineTag('neon', 'Neon')), brightOutlineTag('lemon', 'Lemon')), brightOutlineTag('tangerine', 'Tangerine')), brightOutlineTag('orange', 'Orange')),
   rounded: {
     borderRadius: src.buttonRoundBorderRadius
   }
@@ -30948,6 +31007,9 @@ var addResizeObserver = function addResizeObserver(el, handler) {
       lastWidth = el.clientWidth;
       lastHeight = el.clientHeight;
       h = function h(entry) {
+        if ((el === null || el === void 0 ? void 0 : el.offsetParent) === null) {
+          return;
+        }
         var _entry$0$contentRect = entry[0].contentRect,
           width = _entry$0$contentRect.width,
           height = _entry$0$contentRect.height;
@@ -31881,7 +31943,7 @@ var usePositionStyle = function usePositionStyle(config) {
 // EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"}
 var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_ = __webpack_require__(5156);
 var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.1.3-alpha.0_react@18.3.1/node_modules/@shined/reactive/dist/chunk-IP2WBRUX.js
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.3.3_react@18.3.1/node_modules/@shined/reactive/dist/chunk-22VVHX5B.js
 
 // src/vanilla/ref.ts
 function _array_like_to_array(arr, len) {
@@ -31895,6 +31957,19 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
   if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function _instanceof(left, right) {
   if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
     return !!right[Symbol.hasInstance](left);
@@ -31935,12 +32010,56 @@ function _non_iterable_rest() {
 function _non_iterable_spread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function (key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
 function _sliced_to_array(arr, i) {
   return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
 function _to_consumable_array(arr) {
   return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : helpers_typeof(obj);
+}
 function _unsupported_iterable_to_array(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -31954,26 +32073,124 @@ function ref(o) {
   internal_refSet.add(o);
   return o;
 }
-function hasRef(k) {
+function isRef(k) {
   return internal_refSet.has(k);
 }
+function deepCloneWithRef(initialState) {
+  var cloned = createObjectFromPrototype(initialState);
+  for (var key in initialState) {
+    var value = initialState[key];
+    if (chunk_22VVHX5B_isObject(value)) {
+      if (isRef(value)) {
+        cloned[key] = value;
+      } else {
+        cloned[key] = deepCloneWithRef(value);
+      }
+    } else {
+      cloned[key] = value;
+    }
+  }
+  return cloned;
+}
+// src/utils/react-fast-compare.ts
+var hasMap = typeof Map === "function";
+var hasSet = typeof Set === "function";
+var hasHTMLElementType = typeof HTMLElement !== "undefined";
+var hasArrayBuffer = typeof ArrayBuffer === "function" && !!ArrayBuffer.isView;
+function reactFastCompare(objA, objB) {
+  try {
+    return equal(objA, objB);
+  } catch (error) {
+    if ((error.message || "").match(/stack|recursion/i)) {
+      console.warn("react-fast-compare cannot handle circular refs");
+      return false;
+    }
+    throw error;
+  }
+}
+function equal(objA, objB) {
+  if (objA === objB) return true;
+  if (objA && objB && (typeof objA === "undefined" ? "undefined" : _type_of(objA)) === "object" && (typeof objB === "undefined" ? "undefined" : _type_of(objB)) === "object") {
+    if (objA.constructor !== objB.constructor) return false;
+    var length;
+    var i;
+    var keys;
+    if (Array.isArray(objA)) {
+      length = objA.length;
+      if (length !== objB.length) return false;
+      for (i = length; i-- !== 0;) if (!equal(objA[i], objB[i])) return false;
+      return true;
+    }
+    var it;
+    if (hasMap && _instanceof(objA, Map) && _instanceof(objB, Map)) {
+      if (objA.size !== objB.size) return false;
+      it = objA.entries();
+      while (!(i = it.next()).done) if (!objB.has(i.value[0])) return false;
+      it = objA.entries();
+      while (!(i = it.next()).done) if (!equal(i.value[1], objB.get(i.value[0]))) return false;
+      return true;
+    }
+    if (hasSet && _instanceof(objA, Set) && _instanceof(objB, Set)) {
+      if (objA.size !== objB.size) return false;
+      it = objA.entries();
+      while (!(i = it.next()).done) if (!objB.has(i.value[0])) return false;
+      return true;
+    }
+    if (hasArrayBuffer && ArrayBuffer.isView(objA) && ArrayBuffer.isView(objB)) {
+      length = objA === null || objA === void 0 ? void 0 : objA.length;
+      if (length !== (objB === null || objB === void 0 ? void 0 : objB.length)) return false;
+      for (i = length; i-- !== 0;) if (objA[i] !== objB[i]) return false;
+      return true;
+    }
+    if (objA.constructor === RegExp) return objA.source === objB.source && objA.flags === objB.flags;
+    if (objA.valueOf !== Object.prototype.valueOf && typeof objA.valueOf === "function" && typeof objB.valueOf === "function") return objA.valueOf() === objB.valueOf();
+    if (objA.toString !== Object.prototype.toString && typeof objA.toString === "function" && typeof objB.toString === "function") return objA.toString() === objB.toString();
+    keys = Object.keys(objA);
+    length = keys.length;
+    if (length !== Object.keys(objB).length) return false;
+    for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(objB, keys[i])) return false;
+    if (hasHTMLElementType && _instanceof(objA, HTMLElement)) return false;
+    for (i = length; i-- !== 0;) {
+      if ((keys[i] === "_owner" || keys[i] === "__v" || keys[i] === "__o") && objA.$$typeof) {
+        continue;
+      }
+      if (!equal(objA[keys[i]], objB[keys[i]])) return false;
+    }
+    return true;
+  }
+  return objA !== objA && objB !== objB;
+}
 // src/utils/index.ts
-var SNAPSHOT = Symbol("SNAPSHOT");
-var LISTENERS = Symbol("LISTENERS");
-var REACTIVE = Symbol("REACTIVE");
-var chunk_IP2WBRUX_isProduction = (/* unused pure expression or super */ null && ("production" === "production"));
+var SNAPSHOT = Symbol.for("SNAPSHOT");
+var LISTENERS = Symbol.for("LISTENERS");
+var REACTIVE = Symbol.for("REACTIVE");
+var PROXY_COUNT = Symbol.for("PROXY_COUNT");
+var chunk_22VVHX5B_isProduction = (/* unused pure expression or super */ null && ("production" === "production"));
+var noop = function noop() {};
 var hasOwn = Object.prototype.hasOwnProperty;
-var chunk_IP2WBRUX_isObject = function isObject(x) {
-  return helpers_typeof(x) === "object" && x !== null;
+var chunk_22VVHX5B_isObject = function isObject(x) {
+  return (typeof x === "undefined" ? "undefined" : _type_of(x)) === "object" && x !== null;
 };
-var createObjectFromPrototype = function createObjectFromPrototype(target) {
-  return Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
+var chunk_22VVHX5B_isBoolean = function isBoolean(x) {
+  return typeof x === "boolean";
 };
-var canProxy = function canProxy(x) {
-  return chunk_IP2WBRUX_isObject(x) && !hasRef(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !_instanceof(x, WeakMap) && !_instanceof(x, WeakSet) && !_instanceof(x, Error) && !_instanceof(x, Number) && !_instanceof(x, Date) && !_instanceof(x, String) && !_instanceof(x, RegExp) && !_instanceof(x, ArrayBuffer);
+var isFunction = function isFunction(x) {
+  return typeof x === "function";
 };
+function createObjectFromPrototype(target) {
+  return Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
+}
+function canProxy(x) {
+  return chunk_22VVHX5B_isObject(x) && !isRef(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !_instanceof(x, WeakMap) && !_instanceof(x, WeakSet) && !_instanceof(x, Error) && !_instanceof(x, Number) && !_instanceof(x, Date) && !_instanceof(x, String) && !_instanceof(x, RegExp) && !_instanceof(x, ArrayBuffer) && !_instanceof(x, Promise) && (
+  // from node 18 & 20
+  typeof File === "undefined" || !_instanceof(x, File)) && (
+  // from node 18
+  typeof Blob === "undefined" || !_instanceof(x, Blob)) && (
+  // from node 18
+  typeof FormData === "undefined" || !_instanceof(x, FormData));
+}
 var numberReg = /^\d+$/;
-var propertyKeysToPath = function propertyKeysToPath(keys) {
+function propertyKeysToPath(keys) {
   var path = "";
   var length = keys.length;
   for (var i = 0; i < length; i++) {
@@ -31985,8 +32202,8 @@ var propertyKeysToPath = function propertyKeysToPath(keys) {
     }
   }
   return path;
-};
-var get = function get(object, path) {
+}
+function get(object, path) {
   var defaultValue = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : void 0;
   var keys = Array.isArray(path) ? path : [path];
   var _iteratorNormalCompletion = true,
@@ -32013,12 +32230,12 @@ var get = function get(object, path) {
     }
   }
   return object;
-};
-var chunk_IP2WBRUX_shallowEqual = function shallowEqual(objA, objB) {
+}
+function chunk_22VVHX5B_shallowEqual(objA, objB) {
   if (Object.is(objA, objB)) {
     return true;
   }
-  if (helpers_typeof(objA) !== "object" || objA === null || helpers_typeof(objB) !== "object" || objB === null) {
+  if ((typeof objA === "undefined" ? "undefined" : _type_of(objA)) !== "object" || objA === null || (typeof objB === "undefined" ? "undefined" : _type_of(objB)) !== "object" || objB === null) {
     return false;
   }
   if (_instanceof(objA, Map) && _instanceof(objB, Map)) {
@@ -32090,16 +32307,116 @@ var chunk_IP2WBRUX_shallowEqual = function shallowEqual(objA, objB) {
     }
   }
   return true;
-};
-// src/vanilla/get-snapshot.ts
-function getSnapshot(proxyState) {
-  return proxyState[SNAPSHOT];
+}
+function deepEqual(objA, objB) {
+  return reactFastCompare(objA, objB);
+}
+// src/vanilla/snapshot.ts
+function snapshot(proxyState) {
+  var selector = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : function (s) {
+    return s;
+  };
+  return selector(proxyState[SNAPSHOT]);
+}
+var getSnapshot = (/* unused pure expression or super */ null && (snapshot));
+// src/enhancers/vanilla/with-snapshot.ts
+function withSnapshot(store) {
+  var _snapshot = function _snapshot() {
+    var selector = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function (s) {
+      return s;
+    };
+    return snapshot(store.mutate, selector);
+  };
+  return _object_spread_props(_object_spread({}, store), {
+    snapshot: _snapshot
+  });
+}
+// src/vanilla/subscribe.ts
+var globalNotifyInSync = false;
+function setGlobalNotifyInSync(value) {
+  globalNotifyInSync = value;
+}
+function subscribe(proxyState, callback, notifyInSync) {
+  var promise;
+  var previousState = snapshot(proxyState);
+  var callbacks = /* @__PURE__ */new Set();
+  var runCallbacks = function runCallbacks() {
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = undefined;
+    try {
+      for (var _iterator = callbacks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var callback2 = _step.value;
+        callback2();
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    callbacks.clear();
+    previousState = snapshot(proxyState);
+  };
+  function listener(props, version) {
+    var currentState = snapshot(proxyState);
+    var changes = {
+      props: props,
+      propsPath: propertyKeysToPath(props),
+      previous: get(previousState, props),
+      current: get(currentState, props),
+      snapshot: currentState
+    };
+    callbacks.add(function () {
+      return void callback(changes, version);
+    });
+    var finalNotifyInSync = chunk_22VVHX5B_isBoolean(notifyInSync) ? notifyInSync : globalNotifyInSync;
+    if (finalNotifyInSync) {
+      return void runCallbacks();
+    }
+    if (!promise) {
+      promise = Promise.resolve().then(function () {
+        promise = void 0;
+        runCallbacks();
+      });
+    }
+  }
+  ;
+  proxyState[LISTENERS].add(listener);
+  return function () {
+    ;
+    proxyState[LISTENERS].delete(listener);
+  };
+}
+// src/enhancers/vanilla/with-subscribe.ts
+function withSubscribe(store) {
+  function boundSubscribe(listener, sync) {
+    var selector = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function (s) {
+      return s;
+    };
+    return subscribe(selector(store.mutate), listener, sync);
+  }
+  return _object_spread_props(_object_spread({}, store), {
+    subscribe: boundSubscribe
+  });
 }
 // src/vanilla/proxy.ts
 var globalVersion = 1;
 var snapshotCache = /* @__PURE__ */new WeakMap();
 function proxy(initState) {
-  var parentProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  var parentProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [],
+    options = arguments.length > 2 ? arguments[2] : void 0;
+  var _ref = options || {},
+    _ref_addParentProxyCount = _ref.addParentProxyCount,
+    addParentProxyCount = _ref_addParentProxyCount === void 0 ? function () {} : _ref_addParentProxyCount;
   var version = globalVersion;
   var listeners = /* @__PURE__ */new Set();
   var propListenerMap = /* @__PURE__ */new Map();
@@ -32107,9 +32424,28 @@ function proxy(initState) {
     var nextVersion = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ++globalVersion;
     if (version !== nextVersion) {
       version = nextVersion;
-      listeners.forEach(function (callback) {
-        return void callback(props, version);
-      });
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = undefined;
+      try {
+        for (var _iterator = listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var callback = _step.value;
+          callback(props, version);
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
     }
   };
   var getPropListener = function getPropListener(prop) {
@@ -32130,23 +32466,49 @@ function proxy(initState) {
   var createSnapshot = function createSnapshot(target, receiver) {
     var cache = snapshotCache.get(receiver);
     if ((cache === null || cache === void 0 ? void 0 : cache[0]) === version) return cache[1];
-    var snapshot = createObjectFromPrototype(target);
-    snapshotCache.set(receiver, [version, snapshot]);
-    Reflect.ownKeys(target).forEach(function (key) {
-      if (key === REACTIVE) return;
-      var value = Reflect.get(target, key, receiver);
-      if (hasRef(value)) {
-        snapshot[key] = value;
-      } else if (value === null || value === void 0 ? void 0 : value[REACTIVE]) {
-        snapshot[key] = getSnapshot(value);
-      } else {
-        snapshot[key] = value;
+    var nextSnapshot = createObjectFromPrototype(target);
+    snapshotCache.set(receiver, [version, nextSnapshot]);
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = undefined;
+    try {
+      for (var _iterator = Reflect.ownKeys(target)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var key = _step.value;
+        if (key === REACTIVE || key === PROXY_COUNT) continue;
+        var value = Reflect.get(target, key, receiver);
+        if (value === null || value === void 0 ? void 0 : value[REACTIVE]) {
+          nextSnapshot[key] = snapshot(value);
+        } else {
+          nextSnapshot[key] = value;
+        }
       }
-    });
-    Object.preventExtensions(snapshot);
-    return snapshot;
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    Object.preventExtensions(nextSnapshot);
+    return nextSnapshot;
   };
   var baseObject = createObjectFromPrototype(initState);
+  var addCurrentProxyCount = function addCurrentProxyCount() {
+    var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
+    addParentProxyCount(value);
+    var count = Reflect.get(proxyState, PROXY_COUNT) || 1;
+    Reflect.defineProperty(proxyState, PROXY_COUNT, {
+      value: count + value,
+      writable: true
+    });
+  };
   var proxyState = new Proxy(baseObject, {
     get: function get(target, prop, receiver) {
       if (prop === LISTENERS) {
@@ -32161,15 +32523,24 @@ function proxy(initState) {
       var props = _to_consumable_array(parentProps).concat([prop]);
       var preValue = Reflect.get(target, prop, receiver);
       var childListeners = preValue === null || preValue === void 0 ? void 0 : preValue[LISTENERS];
-      childListeners && childListeners.delete(popPropListener(prop));
-      if (!chunk_IP2WBRUX_isObject(value) && Object.is(preValue, value)) {
+      if (childListeners) {
+        childListeners.delete(popPropListener(prop));
+      }
+      if (!chunk_22VVHX5B_isObject(value) && Object.is(preValue, value)) {
         return true;
       }
       var nextValue = value;
       if (nextValue === null || nextValue === void 0 ? void 0 : nextValue[LISTENERS]) {
         nextValue[LISTENERS].add(getPropListener(prop));
       } else if (canProxy(value)) {
-        nextValue = proxy(value, props);
+        if (preValue === null || preValue === void 0 ? void 0 : preValue[REACTIVE]) {
+          var childrenCount = (preValue === null || preValue === void 0 ? void 0 : preValue[PROXY_COUNT]) || 1;
+          addCurrentProxyCount(-childrenCount);
+        }
+        addCurrentProxyCount(1);
+        nextValue = proxy(value, props, {
+          addParentProxyCount: addCurrentProxyCount
+        });
         nextValue[LISTENERS].add(getPropListener(prop));
       }
       var success = Reflect.set(target, prop, nextValue, receiver);
@@ -32177,110 +32548,145 @@ function proxy(initState) {
       return success;
     },
     deleteProperty: function deleteProperty(target, prop) {
-      var _Reflect_get;
       var props = _to_consumable_array(parentProps).concat([prop]);
-      var childListeners = (_Reflect_get = Reflect.get(target, prop)) === null || _Reflect_get === void 0 ? void 0 : _Reflect_get[LISTENERS];
-      childListeners && childListeners.delete(popPropListener(prop));
+      var preValue = Reflect.get(target, prop);
+      var childListeners = preValue === null || preValue === void 0 ? void 0 : preValue[LISTENERS];
+      if (childListeners) {
+        childListeners.delete(popPropListener(prop));
+      }
+      if (preValue === null || preValue === void 0 ? void 0 : preValue[REACTIVE]) {
+        var childrenCount = (preValue === null || preValue === void 0 ? void 0 : preValue[PROXY_COUNT]) || 1;
+        addCurrentProxyCount(-childrenCount);
+      }
       var success = Reflect.deleteProperty(target, prop);
       success && notifyUpdate(props);
       return success;
     }
   });
-  Reflect.ownKeys(initState).forEach(function (key) {
-    proxyState[key] = initState[key];
-  });
   Reflect.defineProperty(proxyState, REACTIVE, {
     value: true
   });
-  return proxyState;
-}
-// src/vanilla/subscribe.ts
-function subscribe(proxyState, callback, notifyInSync) {
-  var promise;
-  var previousState = getSnapshot(proxyState);
-  var callbacks = /* @__PURE__ */new Set();
-  var runCallbacks = function runCallbacks() {
-    callbacks.forEach(function (cb) {
-      return void cb();
-    });
-    callbacks.clear();
-    previousState = getSnapshot(proxyState);
-  };
-  var listener = function listener(props, version) {
-    var currentState = getSnapshot(proxyState);
-    var changes = {
-      props: props,
-      propsPath: propertyKeysToPath(props),
-      previous: get(previousState, props),
-      current: get(currentState, props),
-      snapshot: currentState
-    };
-    callbacks.add(function () {
-      return void callback(changes, version);
-    });
-    if (notifyInSync) {
-      return void runCallbacks();
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = undefined;
+  try {
+    for (var _iterator = Reflect.ownKeys(initState)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var key = _step.value;
+      proxyState[key] = initState[key];
     }
-    if (!promise) {
-      promise = Promise.resolve().then(function () {
-        promise = void 0;
-        runCallbacks();
-      });
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
     }
-  };
-  proxyState[LISTENERS].add(listener);
-  return function () {
-    ;
-    proxyState[LISTENERS].delete(listener);
-  };
+  }
+  if (!Reflect.has(proxyState, PROXY_COUNT)) {
+    Reflect.defineProperty(proxyState, PROXY_COUNT, {
+      value: 1,
+      writable: true
+    });
+  }
+  return proxyState;
 }
 // src/vanilla/create.ts
-function chunk_IP2WBRUX_create(initState, options) {
-  options !== null && options !== void 0 ? options : options = {};
+function createVanilla(initState) {
+  var _options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   var proxyState = proxy(initState);
-  var restore = function restore() {
-    var _ = structuredClone(initState);
-    Object.keys(_).forEach(function (k) {
-      return void (proxyState[k] = _[k]);
+  function restore() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _options_exclude = options.exclude,
+      exclude = _options_exclude === void 0 ? [] : _options_exclude;
+    var clonedState = deepCloneWithRef(initState);
+    var initialKeys = Object.keys(initState);
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = undefined;
+    try {
+      for (var _iterator = Object.keys(clonedState)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var key = _step.value;
+        if (exclude.includes(key)) continue;
+        proxyState[key] = clonedState[key];
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    var addedKeys = Object.keys(proxyState).filter(function (key) {
+      return !initialKeys.includes(key);
     });
-  };
-  var _subscribe = function _subscribe(callback) {
-    var sync = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false,
-      selector = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function (s) {
-        return s;
-      };
-    return subscribe(selector(proxyState), callback, sync);
-  };
-  return {
+    var _iteratorNormalCompletion1 = true,
+      _didIteratorError1 = false,
+      _iteratorError1 = undefined;
+    try {
+      for (var _iterator1 = addedKeys[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+        var key1 = _step1.value;
+        if (exclude.includes(key1)) continue;
+        delete proxyState[key1];
+      }
+    } catch (err) {
+      _didIteratorError1 = true;
+      _iteratorError1 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+          _iterator1.return();
+        }
+      } finally {
+        if (_didIteratorError1) {
+          throw _iteratorError1;
+        }
+      }
+    }
+  }
+  var store = {
     mutate: proxyState,
-    subscribe: _subscribe,
     restore: restore
   };
+  return withSubscribe(withSnapshot(store));
 }
+var chunk_22VVHX5B_create = (/* unused pure expression or super */ null && (createVanilla));
 // src/vanilla/devtools.ts
-function devtools(param, options) {
-  var proxyState = param.mutate;
+function devtools(store, options) {
+  if (chunk_22VVHX5B_isProduction) return noop;
   var ext = window.__REDUX_DEVTOOLS_EXTENSION__;
   var _options_enable;
   var enable = (_options_enable = options === null || options === void 0 ? void 0 : options.enable) !== null && _options_enable !== void 0 ? _options_enable : true;
   var isMutatingStoreByDevtools = false;
-  if (!enable) return function () {};
+  if (!enable) return noop;
   if (!ext) {
     var infos = ["[Warning] to enable devtools, make sure you've installed Redux devtools extension \uD83D\uDC49", "https://github.com/reduxjs/redux-devtools#redux-devtools"];
     console.warn(infos.join(" "));
-    return function () {};
+    return noop;
   }
   var _options_name;
   var name = (_options_name = options === null || options === void 0 ? void 0 : options.name) !== null && _options_name !== void 0 ? _options_name : "untitled";
   var devtools2 = ext.connect(options);
-  var initialState = getSnapshot(proxyState);
+  var initialState = snapshot(store.mutate);
   devtools2.init(initialState);
   devtools2.subscribe(function (message) {
     console.debug("[reactive] message from devtools: ", message);
     if (message.type !== "DISPATCH") return;
     if (!message.payload) return;
     if (message.payload.type === "RESET") devtools2.init(initialState);
-    if (message.payload.type === "COMMIT") devtools2.init(getSnapshot(proxyState));
+    if (message.payload.type === "COMMIT") devtools2.init(snapshot(store.mutate));
     var actions = ["ROLLBACK", "JUMP_TO_ACTION"];
     var isAction = actions.includes(message.payload.type);
     var hasState = message.state && message.state !== "{}";
@@ -32288,7 +32694,7 @@ function devtools(param, options) {
       try {
         isMutatingStoreByDevtools = true;
         var newState = JSON.parse(message.state || "{}");
-        Object.assign(proxyState, newState);
+        Object.assign(store.mutate, newState);
         console.debug("[reactive] mutate state by devtools: ", newState);
       } catch (e) {
         devtools2.error((e === null || e === void 0 ? void 0 : e.message) || (e === null || e === void 0 ? void 0 : e.toString()) || JSON.stringify(e || ""));
@@ -32297,11 +32703,11 @@ function devtools(param, options) {
       }
     }
   });
-  var unsubscribe = subscribe(proxyState, function (changes, version) {
+  var unsubscribe = subscribe(store.mutate, function (changes, version) {
     var propsPath = changes.propsPath,
       previous = changes.previous,
       current = changes.current,
-      snapshot = changes.snapshot;
+      snapshot2 = changes.snapshot;
     if (isMutatingStoreByDevtools) return;
     var payload = {
       type: "[".concat(canProxy(current) ? "replace" : "set", "] ").concat(propsPath),
@@ -32310,7 +32716,7 @@ function devtools(param, options) {
       _updatedAt: /* @__PURE__ */new Date().toLocaleString(),
       _innerVersion: version
     };
-    devtools2.send(payload, snapshot);
+    devtools2.send(payload, snapshot2);
     console.debug("[reactive] [".concat(name, "] [").concat(getActionType(current), "] ").concat(propsPath), current);
   }, true);
   console.debug("[reactive] [".concat(name, "] devtools is enabled"));
@@ -32327,54 +32733,193 @@ function getActionType(state) {
 function produce(obj, draftHandler) {
   var state = proxy(obj);
   draftHandler(state);
-  var snapshot = getSnapshot(state);
+  var nextSnapshot = snapshot(state);
   state = null;
-  return snapshot;
+  return nextSnapshot;
+}
+// src/vanilla/proxy-count.ts
+function proxyCount(proxyState) {
+  var _proxyState_PROXY_COUNT;
+  return (_proxyState_PROXY_COUNT = proxyState === null || proxyState === void 0 ? void 0 : proxyState[PROXY_COUNT]) !== null && _proxyState_PROXY_COUNT !== void 0 ? _proxyState_PROXY_COUNT : 0;
+}
+// src/enhancers/vanilla/with-derived.ts
+function withDerived(store) {
+  var mapFn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : function (s) {
+    return s;
+  };
+  return _object_spread_props(_object_spread({}, store), {
+    derived: function derived() {
+      return mapFn(store.mutate);
+    }
+  });
 }
 
-// EXTERNAL MODULE: ../../node_modules/.pnpm/use-sync-external-store@1.2.2_react@18.3.1/node_modules/use-sync-external-store/shim/with-selector.js
-var with_selector = __webpack_require__(96);
-;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.1.3-alpha.0_react@18.3.1/node_modules/@shined/reactive/dist/index.js
+// EXTERNAL MODULE: ../../node_modules/.pnpm/use-sync-external-store@1.6.0_react@18.3.1/node_modules/use-sync-external-store/shim/with-selector.js
+var with_selector = __webpack_require__(3384);
+;// CONCATENATED MODULE: ../../node_modules/.pnpm/@shined+reactive@0.3.3_react@18.3.1/node_modules/@shined/reactive/dist/chunk-UGXUT7UC.js
+function chunk_UGXUT7UC_array_like_to_array(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function chunk_UGXUT7UC_array_without_holes(arr) {
+  if (Array.isArray(arr)) return chunk_UGXUT7UC_array_like_to_array(arr);
+}
+function chunk_UGXUT7UC_define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function chunk_UGXUT7UC_iterable_to_array(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function chunk_UGXUT7UC_non_iterable_spread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function chunk_UGXUT7UC_object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function (key) {
+      chunk_UGXUT7UC_define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function chunk_UGXUT7UC_ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function chunk_UGXUT7UC_object_spread_props(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    chunk_UGXUT7UC_ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function chunk_UGXUT7UC_to_consumable_array(arr) {
+  return chunk_UGXUT7UC_array_without_holes(arr) || chunk_UGXUT7UC_iterable_to_array(arr) || chunk_UGXUT7UC_unsupported_iterable_to_array(arr) || chunk_UGXUT7UC_non_iterable_spread();
+}
+function chunk_UGXUT7UC_unsupported_iterable_to_array(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return chunk_UGXUT7UC_array_like_to_array(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return chunk_UGXUT7UC_array_like_to_array(o, minLen);
+}
 
 // src/react/use-snapshot.ts
 
 
 function useSnapshot(proxyState, selectorOrOption, maybeOptions) {
-  if (selectorOrOption && typeof selectorOrOption !== "function") {
-    maybeOptions = selectorOrOption;
-    selectorOrOption = void 0;
+  var isUnmountedRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    return function () {
+      isUnmountedRef.current = true;
+    };
+  }, []);
+  var options;
+  var selector;
+  if (selectorOrOption && !isFunction(selectorOrOption)) {
+    options = selectorOrOption;
+    selector = void 0;
+  } else {
+    options = maybeOptions;
+    selector = selectorOrOption;
   }
-  var _ref = maybeOptions !== null && maybeOptions !== void 0 ? maybeOptions : {},
-    tmp = _ref.sync,
-    updateInSync = tmp === void 0 ? false : tmp,
+  var _ref = options !== null && options !== void 0 ? options : {},
+    updateInSync = _ref.sync,
     _ref_isEqual = _ref.isEqual,
-    isEqual = _ref_isEqual === void 0 ? chunk_IP2WBRUX_shallowEqual : _ref_isEqual;
+    isEqual = _ref_isEqual === void 0 ? chunk_22VVHX5B_shallowEqual : _ref_isEqual;
   var _subscribe = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function (callback) {
     return subscribe(proxyState, callback, updateInSync);
   }, [proxyState, updateInSync]);
   var _getSnapshot = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
-    return getSnapshot(proxyState);
+    return snapshot(proxyState);
   }, [proxyState]);
-  var selector = selectorOrOption || function (s) {
+  var _selector = selector || function (s) {
     return s;
   };
-  var snapshot = (0,with_selector.useSyncExternalStoreWithSelector)(_subscribe, _getSnapshot, _getSnapshot, selector, isEqual);
-  return snapshot;
+  var _snapshot = (0,with_selector.useSyncExternalStoreWithSelector)(_subscribe, _getSnapshot, _getSnapshot, _selector, function (a, b) {
+    if (isUnmountedRef.current) return true;
+    return isEqual(a, b);
+  });
+  return _snapshot;
 }
-// src/react/create-with-hooks.ts
-function createWithHooks(initState, options) {
-  var store = chunk_IP2WBRUX_create(initState, options);
-  var _useSnapshot = function _useSnapshot(selectorOrOption, maybeOptions) {
-    if (selectorOrOption && typeof selectorOrOption !== "function") {
-      maybeOptions = selectorOrOption;
-      selectorOrOption = void 0;
+// src/enhancers/react/with-use-snapshot.ts
+function withUseSnapshot(store) {
+  var boundUseSnapshot = function boundUseSnapshot(selectorOrOption, maybeOptions) {
+    var options;
+    var selector;
+    if (selectorOrOption && !isFunction(selectorOrOption)) {
+      options = selectorOrOption;
+      selector = void 0;
+    } else {
+      options = maybeOptions;
+      selector = selectorOrOption;
     }
-    return useSnapshot(store.mutate, selectorOrOption, maybeOptions);
+    return useSnapshot(store.mutate, selector, options);
   };
-  Object.assign(store, {
-    useSnapshot: _useSnapshot
+  return chunk_UGXUT7UC_object_spread_props(chunk_UGXUT7UC_object_spread({}, store), {
+    useSnapshot: boundUseSnapshot
   });
-  return store;
+}
+// src/react/use-subscribe.ts
+
+function useSubscribe(proxyState, listener, notifyInSync) {
+  var listenerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(listener);
+  listenerRef.current = listener;
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var _listenerRef;
+    var unsubscribe = subscribe(proxyState, function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return (_listenerRef = listenerRef).current.apply(_listenerRef, chunk_UGXUT7UC_to_consumable_array(args));
+    }, notifyInSync);
+    return unsubscribe;
+  }, [proxyState, notifyInSync]);
+}
+// src/enhancers/react/with-use-subscribe.ts
+function withUseSubscribe(store) {
+  var boundUseSubscribe = function boundUseSubscribe(listener, notifyInSync) {
+    return useSubscribe(store.mutate, listener, notifyInSync);
+  };
+  return chunk_UGXUT7UC_object_spread_props(chunk_UGXUT7UC_object_spread({}, store), {
+    useSubscribe: boundUseSubscribe
+  });
+}
+// src/react/create-with-hooks.ts
+function createWithHooks(initialState) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  return withUseSnapshot(withUseSubscribe(createVanilla(initialState, options)));
 }
 
 ;// CONCATENATED MODULE: ../base/src/config/index.ts
@@ -32384,7 +32929,6 @@ var _process;
 
 
 
-
 /**
  * @en Global configuration for Empty component
  * @cn Empty组件的全局配置
@@ -32392,7 +32936,7 @@ var _process;
  */
 
 var processEnv = typeof process !== 'undefined' ? (_process = process) === null || process === void 0 ? void 0 : ({"NODE_ENV":"production","PUBLIC_PATH":"/"}) : {};
-var src_config_config = {
+var defaultConfig = {
   prefix: 'soui',
   locale: processEnv.LOCALE || 'en-US',
   delay: 400,
@@ -32403,9 +32947,10 @@ var src_config_config = {
   direction: 'ltr',
   popupContainer: null
 };
-var state = createWithHooks(src_config_config);
+var state = createWithHooks(defaultConfig);
+var src_config_config = snapshot(state.mutate);
 state.subscribe(function () {
-  src_config_config = getSnapshot(state.mutate);
+  src_config_config = snapshot(state.mutate);
 });
 function getDefaultContainer() {
   if (isFunc(src_config_config.popupContainer)) {
@@ -33133,6 +33678,30 @@ var getDuration = function getDuration(duration) {
   }
 };
 var mm = 30;
+
+/**
+ * AnimationList - 动画列表组件
+ *
+ * 动画状态流程:
+ *
+ * 展开动画 (show: false -> true):
+ *   beforeEnter: 设置初始状态(display, height: 0, opacity: 0 等)
+ *     ↓ 等待 mm(30ms) - 触发浏览器重绘
+ *   enter: 应用过渡动画(height: ${height}px, opacity: 1 等)
+ *     ↓ 等待 durationNum(240ms) - 动画执行
+ *   afterEnter: 清理动画状态(height: auto, pointer-events: initial)
+ *
+ * 收起动画 (show: true -> false):
+ *   beforeLeave: 固定当前状态(height: ${height}px, pointer-events: none)
+ *     ↓ 等待 mm(30ms) - 触发浏览器重绘
+ *   leave: 应用过渡动画(height: 0, opacity: 0 等)
+ *     ↓ 等待 durationNum(240ms) - 动画执行
+ *   afterLeave: 清理并隐藏(display: none, pointer-events: initial)
+ *
+ * pointer-events 控制:
+ *   - beforeLeave: 设置为 'none',防止动画过程中的误操作
+ *   - afterEnter/afterLeave: 恢复为 'initial',确保动画结束后可正常交互
+ */
 var AnimationList = function AnimationList(props) {
   var _props$display = props.display,
     display = _props$display === void 0 ? 'block' : _props$display,
@@ -33211,6 +33780,11 @@ var AnimationList = function AnimationList(props) {
       width: 0
     };
   };
+
+  /**
+   * 展开动画阶段1: 设置初始状态
+   * 设置 display 显示元素,并将动画属性设为起始值(如 height: 0)
+   */
   var beforeEnter = function beforeEnter() {
     var newStyle = {
       display: display
@@ -33237,6 +33811,11 @@ var AnimationList = function AnimationList(props) {
       return objectSpread2_default()(objectSpread2_default()({}, s), newStyle);
     });
   };
+
+  /**
+   * 展开动画阶段2: 执行过渡动画
+   * 添加 transition 并将动画属性过渡到目标值
+   */
   var enter = function enter() {
     var newStyle = {
       transition: transition
@@ -33256,8 +33835,15 @@ var AnimationList = function AnimationList(props) {
     });
     setStatus('enter');
   };
+
+  /**
+   * 展开动画阶段3: 清理动画状态
+   * 移除固定尺寸,恢复自动布局,恢复交互能力
+   */
   var afterEnter = function afterEnter() {
-    var newStyle = {};
+    var newStyle = {
+      pointerEvents: 'initial'
+    };
     if (type.indexOf('collapse') >= 0) {
       newStyle.height = 'auto';
       newStyle.overflow = '';
@@ -33268,9 +33854,16 @@ var AnimationList = function AnimationList(props) {
     setStatus('afterEnter');
     onAnimationAfterEnter === null || onAnimationAfterEnter === void 0 || onAnimationAfterEnter();
   };
+
+  /**
+   * 收起动画阶段1: 固定当前状态
+   * 禁用交互,固定当前高度,准备执行收起动画
+   */
   var beforeLeave = function beforeLeave() {
     var el = ref.current;
-    var newStyle = {};
+    var newStyle = {
+      pointerEvents: 'none'
+    };
     if (type.indexOf('collapse') >= 0) {
       context.height = el.offsetHeight;
       newStyle.height = "".concat(context.height, "px");
@@ -33288,6 +33881,11 @@ var AnimationList = function AnimationList(props) {
     });
     setStatus('beforeLeave');
   };
+
+  /**
+   * 收起动画阶段2: 执行过渡动画
+   * 添加 transition 并将动画属性过渡到收起状态(如 height: 0)
+   */
   var leave = function leave() {
     var newStyle = {
       transition: transition
@@ -33307,8 +33905,15 @@ var AnimationList = function AnimationList(props) {
     });
     setStatus('leave');
   };
+
+  /**
+   * 收起动画阶段3: 清理并隐藏
+   * 恢复交互能力,清理动画状态,设置 display: none 完全隐藏元素
+   */
   var afterLeave = function afterLeave() {
-    var newStyle = {};
+    var newStyle = {
+      pointerEvents: 'initial'
+    };
     if (type.indexOf('collapse') >= 0) {
       newStyle.height = 'auto';
       newStyle.overflow = '';
@@ -33705,7 +34310,15 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
     }
   }
   if (renderItem) {
-    return renderItem(dataItem);
+    if (max !== undefined) {
+      item = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        className: contentClass,
+        ref: contentRef,
+        children: renderItem(dataItem)
+      });
+    } else {
+      return renderItem(dataItem);
+    }
   }
   if (isOverflow && d.title && max !== undefined) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(src_tooltip_tooltip, {
@@ -33783,17 +34396,18 @@ var Breadcrumb = function Breadcrumb(props) {
     };
     return [first, more].concat(toConsumableArray_default()(reset));
   };
+  var lastIndex = Math.min(data.length - 1, maxCount !== undefined ? maxCount : data.length - 1);
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: className,
     style: props.style,
     children: data && getRenderData().map(function (d, index) {
       var itemFirst = Array.isArray(d) ? d[0] : d;
-      var isLastItem = index === (maxCount !== undefined ? maxCount : data.length - 1);
+      var isLastItem = index === lastIndex;
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: breadcrumbClasses === null || breadcrumbClasses === void 0 ? void 0 : breadcrumbClasses.item,
         children: [Array.isArray(d) ? renderArray(d) : /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb_item, {
           dataItem: d,
-          renderItem: renderItem,
+          renderItem: props.renderItem,
           jssStyle: props.jssStyle,
           max: maxCount
         }), !isLastItem && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -36255,6 +36869,19 @@ var useCheck = function useCheck(props) {
   };
 };
 /* harmony default export */ var use_check = (useCheck);
+;// CONCATENATED MODULE: ../hooks/src/utils/dom/get-dataset.ts
+var getDataset = function getDataset(props) {
+  if (!props) return {};
+  var dataset = {};
+  var keys = Object.keys(props);
+  for (var i = 0; i < keys.length; i++) {
+    var _key = keys[i];
+    if (_key.startsWith('data-')) {
+      dataset[_key] = props[keys[i]];
+    }
+  }
+  return dataset;
+};
 ;// CONCATENATED MODULE: ../base/src/form/form-field-context.ts
 
 var FormFieldContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({
@@ -36298,13 +36925,13 @@ var Checkbox = function Checkbox(props) {
   var rootClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
   var indicatorClass = classnames_default()(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
   var inputProps = getInputProps();
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
   }, getRootProps({
     className: rootClass,
     style: style,
     needStopPropagation: props.needStopPropagation
-  })), {}, {
+  })), getDataset(props)), {}, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()(objectSpread2_default()({}, inputProps), {}, {
       type: "checkbox"
     })), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -36374,19 +37001,18 @@ function useInputAble(props) {
   var render = useRender(syncValue);
   var shouldUseState = delay || !control;
   var value = shouldUseState ? stateValue : valuePo;
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (context.timer) {
-      clearTimeout(context.timer);
-      context.timer = null;
-    }
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (delay && control && props.value !== stateValue) {
       changeStateValue(props.value);
+    } else if (context.timer) {
+      clearTimeout(context.timer);
+      context.timer = null;
     }
   }, [props.value, delay, control]);
   var forceDelayChange = use_persist_fn(function () {
-    if (context.timer && context.delayChange) {
+    if (context.delayChange) context.delayChange();
+    if (context.timer) {
       clearTimeout(context.timer);
-      context.delayChange();
       context.timer = null;
       context.delayChange = null;
     }
@@ -36722,9 +37348,10 @@ var Input = function Input(props) {
     className: classnames_default()(inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.input),
     onKeyUp: onKeyUp
   });
-  var inputElProps = removeProps(inputProps, {
+  var datasetProps = getDataset(props);
+  var inputElProps = removeProps(inputProps, objectSpread2_default()({
     formName: undefined
-  });
+  }, datasetProps));
   var inputEl = /*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()({
     type: "text"
   }, inputElProps));
@@ -36732,9 +37359,9 @@ var Input = function Input(props) {
     inputEl = renderInput(inputEl);
   }
   var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.rootClass, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapper, !!focused && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperFocus), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperDisabled), status === 'error' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperError), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperLarge), !!underline && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperUnderline), !border && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNoBorder), hasSuffix && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.password), showClearFromProp && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperShowClear), showClearFromProp && !is_isEmpty(inputElProps.value) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperHasValue));
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getRootProps({
+  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), datasetProps), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
@@ -37742,9 +38369,21 @@ CardGroupComp.Item = card_group_Item;
 var useCarousel = function useCarousel(props) {
   var total = props.total,
     _props$interval = props.interval,
-    interval = _props$interval === void 0 ? 0 : _props$interval;
+    interval = _props$interval === void 0 ? 0 : _props$interval,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+    valueProp = props.value,
+    onChange = props.onChange;
+
+  // 规范化初始值，确保在有效范围内
+  var normalizeIndex = function normalizeIndex(index) {
+    if (index < 0) return 0;
+    if (index >= total) return Math.max(0, total - 1);
+    return index;
+  };
+  var initialValue = normalizeIndex(valueProp !== undefined ? valueProp : defaultValue);
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
-      current: 0,
+      current: initialValue,
       pre: -1,
       direction: 'stop'
     }),
@@ -37757,14 +38396,32 @@ var useCarousel = function useCarousel(props) {
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       timer: null,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      setNext: function setNext(next) {}
+      setNext: function setNext(next) {},
+      prevValue: initialValue // 用于追踪上一次的值
     }),
     context = _useRef.current;
+
+  // 判断是否为受控模式
+  var isControlled = valueProp !== undefined;
+  // 获取实际使用的 current 值
+  var actualCurrent = isControlled ? normalizeIndex(valueProp) : current;
+
+  // 在受控模式下，计算 direction 和 pre
+  var actualPre = pre;
+  var actualDirection = direction;
+  if (isControlled) {
+    if (actualCurrent !== context.prevValue) {
+      actualPre = context.prevValue;
+      actualDirection = actualCurrent > context.prevValue ? 'forward' : 'backward';
+      context.prevValue = actualCurrent;
+    }
+  }
   var autoPlay = interval > 0 && total > 1;
   var moveTo = usePersistFn(function (i) {
     var next = i;
-    if (next === current) return;
-    var dir = next > current ? 'forward' : 'backward';
+    var prevCurrent = actualCurrent;
+    if (next === prevCurrent) return;
+    var dir = next > prevCurrent ? 'forward' : 'backward';
     if (next >= total) {
       dir = 'forward';
       next = 0;
@@ -37772,14 +38429,26 @@ var useCarousel = function useCarousel(props) {
       dir = 'backward';
       next = total - 1;
     }
-    setState({
-      current: next,
-      pre: current,
-      direction: dir
-    });
+
+    // 非受控模式下更新内部状态
+    if (!isControlled) {
+      setState({
+        current: next,
+        pre: prevCurrent,
+        direction: dir
+      });
+    }
+    // 受控模式下不更新内部状态，由外部 value 控制
+
+    // 触发 onChange 回调
+    if (onChange) {
+      onChange(next);
+    }
+
+    // 触发 onMove 回调（向后兼容）
     if (props.onMove) {
       props.onMove(next, {
-        prev: current,
+        prev: prevCurrent,
         direction: dir,
         moveTo: moveTo
       });
@@ -37801,13 +38470,13 @@ var useCarousel = function useCarousel(props) {
   });
   context.setNext = setNext;
   var start = usePersistFn(function () {
-    setNext(current + 1);
+    setNext(actualCurrent + 1);
   });
   var forward = usePersistFn(function () {
-    moveTo(current + 1);
+    moveTo(actualCurrent + 1);
   });
   var backward = usePersistFn(function () {
-    moveTo(current - 1);
+    moveTo(actualCurrent - 1);
   });
   var func = use_latest_obj({
     start: start,
@@ -37821,10 +38490,18 @@ var useCarousel = function useCarousel(props) {
       start();
     }
   }, []);
+
+  // 受控模式下，当外部 value 变化时，重置自动轮播定时器
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (isControlled && autoPlay && valueProp !== undefined) {
+      stop();
+      context.setNext(actualCurrent + 1);
+    }
+  }, [valueProp]);
   return {
-    current: current,
-    pre: pre,
-    direction: direction,
+    current: actualCurrent,
+    pre: actualPre,
+    direction: actualDirection,
     func: func
   };
 };
@@ -37856,6 +38533,9 @@ var Carousel = function Carousel(props) {
   var _useCarousel = use_carousel({
       total: total,
       interval: props.interval,
+      defaultValue: props.defaultValue,
+      value: props.value,
+      onChange: props.onChange,
       onMove: props.onMove
     }),
     current = _useCarousel.current,
@@ -37956,15 +38636,16 @@ var Carousel = function Carousel(props) {
       children: content
     });
   };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
     className: wrapperClasses,
     style: objectSpread2_default()(objectSpread2_default()({}, props.style), {}, {
       height: 'auto'
     }),
     onMouseEnter: func.stop,
-    onMouseLeave: func.start,
+    onMouseLeave: func.start
+  }, getDataset(props)), {}, {
     children: [renderItems(), renderIndicator(), renderArrow()]
-  });
+  }));
 };
 /* harmony default export */ var src_carousel_carousel = (Carousel);
 ;// CONCATENATED MODULE: ./src/carousel/carousel.tsx
@@ -40486,7 +41167,9 @@ var Scroll = function Scroll(props) {
     _props$scrollWidth = props.scrollWidth,
     scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
     _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
+    defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
+    _props$keepScrollTop = props.keepScrollTop,
+    keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
   var _useResize = useResize({
       targetRef: containerRef,
       timer: 100
@@ -40511,7 +41194,9 @@ var Scroll = function Scroll(props) {
 
   // 当滚动容器的高度为 0 时，paddingTop 为 0，避免滚动条抖动现象
   var paddingTop = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
+    var maxHeight = Math.max(0, scrollHeight - height);
+    if (keepScrollTop) return maxHeight;
+    return height === 0 ? 0 : maxHeight;
   }, [scrollHeight, height]);
   var placeStyle = {
     paddingTop: paddingTop,
@@ -40800,6 +41485,7 @@ var VirtualList = function VirtualList(props) {
       wrapperRef: wrapperRef,
       onScroll: handleScroll,
       onMouseMove: handleMouseMove,
+      keepScrollTop: keepScrollTop,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(Tag, {
         className: tagClassName,
         style: innerStyle,
@@ -41020,6 +41706,8 @@ var CascaderNode = function CascaderNode(props) {
         handleSelect(e);
       };
       hasHandleSelectRef.current = true;
+    } else {
+      hasHandleSelectRef.current = false;
     }
     return events;
   };
@@ -41970,7 +42658,7 @@ var Tag = function Tag(props) {
   if (showInput) {
     return renderInput();
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getTagRootProps()), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, getTagRootProps()), getDataset(props)), {}, {
     children: [renderChildren(), renderClose()]
   }));
 };
@@ -42308,7 +42996,7 @@ var result_Result = function Result(props) {
       handleResultItemClick(e, item);
     };
     var content = renderResultContent(item, index, nodes);
-    if (!content) return null;
+    if (!content && content !== 0) return null;
     if (renderResultContentProp) {
       // cascader 不渲染tag
       return renderResultContentProp(objectSpread2_default()({
@@ -42335,6 +43023,7 @@ var result_Result = function Result(props) {
     }, getDataAttribute({
       type: disabled === true ? 'dark' : undefined
     })), {}, {
+      title: typeof content === 'string' ? content : undefined,
       children: content
     }), index);
   };
@@ -42359,6 +43048,7 @@ var result_Result = function Result(props) {
     var content = renderResultContent(result[0]);
     return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: styles.ellipsis,
+      title: typeof content === 'string' ? content : undefined,
       children: content
     }, 'single');
   };
@@ -42483,7 +43173,13 @@ var result_Result = function Result(props) {
             if (typeof element === 'string' || typeof element === 'number') return String(element);
             // 如果是 React Element，处理的是renderResult返回的是React Element的场景
             if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(element)) {
-              var _element$props;
+              var _element$type, _element$type2, _element$props;
+              // 跳过 Portal 类组件(Popover, Tooltip)
+              var portalComponents = ['ShineoutPopover', 'ShineoutTooltip'];
+              var displayName = ((_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.displayName) || ((_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.name);
+              if (portalComponents.includes(displayName)) {
+                return '';
+              }
               var children = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.children;
               if (Array.isArray(children)) {
                 return children.map(function (child) {
@@ -43239,10 +43935,10 @@ var Cascader = function Cascader(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       id: fieldId,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,
@@ -43593,7 +44289,7 @@ function getRule(rule, props) {
         return;
       }
       if (reg.global) reg.lastIndex = 0;
-      if (typeof value === 'string' && reg.test(value)) {
+      if (reg.test(value)) {
         callback(true);
       } else {
         callback(new FormError(po.message, po));
@@ -46508,17 +47204,17 @@ var useDate = function useDate(props) {
     }),
     context = _useRef.current;
   var current = props.current === undefined || !props.current ? currentState : props.current;
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       if (date) {
         setCurrentState(date);
       }
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isToday = function isToday(date) {
     var today = util.newDate(undefined, options);
@@ -46540,19 +47236,19 @@ var useDate = function useDate(props) {
   }, [options.weekStartsOn]);
   var handleNextYear = use_persist_fn(function () {
     var date = util.addYears(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrevYear = use_persist_fn(function () {
     var date = util.addYears(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handleNextMonth = use_persist_fn(function () {
     var date = util.addMonths(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'month');
   });
   var handlePrevMonth = use_persist_fn(function () {
     var date = util.addMonths(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'month');
   });
   var isCurrentMonth = function isCurrentMonth(date) {
     return util.isSameMonth(date, current, options);
@@ -47159,8 +47855,8 @@ var Day = function Day(props) {
     props.onChange(date, noClose || props.type === 'datetime');
     props.setTarget(undefined);
   });
-  var setCurrent = usePersistFn(function (date) {
-    props.setCurrent(date, areaType);
+  var setCurrent = usePersistFn(function (date, type) {
+    props.setCurrent(date, type || areaType);
   });
   var _useDatePick = use_date({
       current: props.current,
@@ -47192,7 +47888,7 @@ var Day = function Day(props) {
     props.setCurrent(new Date(), areaType);
     props.onChange(new Date(), props.needConfirm || props.type === 'datetime');
     setTimeout(function () {
-      if (props.closeByConfirm && !props.range) props.closeByConfirm();
+      if (props.needConfirm && props.closeByConfirm && !props.range) props.closeByConfirm();
     }, 0);
   };
   var renderDay = function renderDay(item, index) {
@@ -47222,7 +47918,16 @@ var Day = function Day(props) {
       onMouseLeave: isDisabled ? undefined : function () {
         props.setTarget(undefined);
       },
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: props.renderDate ? props.renderDate({
+        date: item,
+        isDisabled: isDisabled,
+        isInRange: isInRange,
+        isToday: isToday,
+        isCurrentMonth: isCurrentMonth,
+        isActive: isActive,
+        position: props.position,
+        className: styles === null || styles === void 0 ? void 0 : styles.pickerCellContent
+      }) : /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.pickerCellContent,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           children: func.getDayStr(item)
@@ -47423,15 +48128,15 @@ var useMonth = function useMonth(props) {
     context = _useRef.current;
   var current = props.current === undefined ? currentState : props.current;
   var startYear = util.getDateInfo(current, 'year', options);
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       setCurrentState(date);
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isNow = function isNow(date) {
     var today = util.newDate(undefined, options);
@@ -47453,11 +48158,11 @@ var useMonth = function useMonth(props) {
   };
   var handleNext = use_persist_fn(function () {
     var date = util.addYears(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrev = use_persist_fn(function () {
     var date = util.addYears(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var isDisabled = function isDisabled(date) {
     var min = props.min,
@@ -47534,8 +48239,8 @@ var Month = function Month(props) {
   var changeMode = usePersistFn(function () {
     props.setMode('day');
   });
-  var setCurrent = usePersistFn(function (date) {
-    props.setCurrent(date, 'month');
+  var setCurrent = usePersistFn(function (date, type) {
+    props.setCurrent(date, type || 'month');
   });
   var _useMonthPick = use_month({
       current: props.current,
@@ -47656,15 +48361,15 @@ var useYear = function useYear(props) {
     context = _useRef.current;
   var current = props.current === undefined ? currentState : props.current;
   var startYear = util.getStartYear(current, options);
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       setCurrentState(date);
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isNow = function isNow(date) {
     var today = util.newDate(undefined, options);
@@ -47686,11 +48391,11 @@ var useYear = function useYear(props) {
   };
   var handleNext = use_persist_fn(function () {
     var date = util.addYears(current, 10, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrev = use_persist_fn(function () {
     var date = util.addYears(current, -10, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var isDisabled = function isDisabled(date) {
     var min = props.min,
@@ -47769,8 +48474,8 @@ var Year = function Year(props) {
   var changeMode = usePersistFn(function () {
     props.setMode('month');
   });
-  var setCurrent = usePersistFn(function (date) {
-    props.setCurrent(date, 'year');
+  var setCurrent = usePersistFn(function (date, type) {
+    props.setCurrent(date, type || 'year');
   });
   var _useYearPick = use_year({
       current: props.current,
@@ -47894,15 +48599,15 @@ var useQuarter = function useQuarter(props) {
     context = _useRef.current;
   var current = props.current === undefined ? currentState : props.current;
   var startYear = util.getDateInfo(current, 'year', options);
-  var setCurrent = function setCurrent(date) {
+  var setCurrent = function setCurrent(date, type) {
     var _props$onCurrentChang2;
     if (props.current !== undefined) {
       var _props$onCurrentChang;
-      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
+      (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date, type);
     } else {
       setCurrentState(date);
     }
-    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
+    (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date, type);
   };
   var isNow = function isNow(date) {
     var today = util.newDate(undefined, options);
@@ -47923,11 +48628,11 @@ var useQuarter = function useQuarter(props) {
   };
   var handleNext = use_persist_fn(function () {
     var date = util.addYears(current, 1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var handlePrev = use_persist_fn(function () {
     var date = util.addYears(current, -1, options);
-    setCurrent(date);
+    setCurrent(date, 'year');
   });
   var isDisabled = function isDisabled(date) {
     var min = props.min,
@@ -47999,8 +48704,8 @@ var Quarter = function Quarter(props) {
   var jssStyle = props.jssStyle;
   var config = useConfig();
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
-  var setCurrent = usePersistFn(function (date) {
-    props.setCurrent(date, 'quarter');
+  var setCurrent = usePersistFn(function (date, type) {
+    props.setCurrent(date, type || 'quarter');
   });
   var _useQuarterPick = use_quarter({
       current: props.current,
@@ -48216,11 +48921,8 @@ var useRangePick = function useRangePick(props) {
       return newArr;
     });
   };
-  var setCurrent = usePersistFn(function (index, date) {
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
-    props.setCurrentArr.apply(props, [function (arr) {
+  var setCurrent = usePersistFn(function (index, date, type) {
+    props.setCurrentArr(function (arr) {
       var newArr = toConsumableArray_default()(arr);
       newArr[index] = date;
       var modeCache = context.modeCache;
@@ -48246,19 +48948,13 @@ var useRangePick = function useRangePick(props) {
         }
       }
       return newArr;
-    }].concat(args));
+    }, type, undefined);
   });
-  var setCurrentStart = usePersistFn(function (date) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
-    }
-    setCurrent.apply(void 0, [0, date].concat(args));
+  var setCurrentStart = usePersistFn(function (date, type) {
+    setCurrent(0, date, type);
   });
-  var setCurrentEnd = usePersistFn(function (date) {
-    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-      args[_key3 - 1] = arguments[_key3];
-    }
-    setCurrent.apply(void 0, [1, date].concat(args));
+  var setCurrentEnd = usePersistFn(function (date, type) {
+    setCurrent(1, date, type);
   });
   var setDateStart = usePersistFn(function (date, noClose) {
     setDate(0, date, noClose);
@@ -48509,6 +49205,7 @@ var Picker = function Picker(props) {
     }
     if (mode === 'day') {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(day, objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, commonProps), timeProps), {}, {
+        renderDate: props.renderDate,
         onDoubleClick: function onDoubleClick(item, type) {
           // 双击同时设置开始和结束日期
           if (props.range && props.type === 'datetime') {
@@ -48840,7 +49537,7 @@ var DatePicker = function DatePicker(props0) {
       date_picker_devUseWarning.conflict('DatePicker', 'formatResult', 'inputable');
     }
   }, []);
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute(defineProperty_default()(defineProperty_default()({}, 'input-border', 'true'), "type", type))), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, getDataAttribute(defineProperty_default()(defineProperty_default()({}, 'input-border', 'true'), "type", type))), getDataset(props)), {}, {
     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()({
@@ -48897,6 +49594,7 @@ var DatePicker = function DatePicker(props0) {
           registerModeDisabled: func.registerModeDisabled,
           isDisabledDate: func.isDisabledDate,
           needConfirm: props.needConfirm,
+          renderDate: props.renderDate,
           children: props.children
         })
       })
@@ -49106,7 +49804,7 @@ var useDescriptions = function useDescriptions(props) {
 
 
 var Descriptions = function Descriptions(props) {
-  var _jssStyleProps$descri, _renderItem$;
+  var _jssStyleProps$descri;
   var className = props.className,
     jssStyleProps = props.jssStyle,
     style = props.style,
@@ -49134,6 +49832,11 @@ var Descriptions = function Descriptions(props) {
       labelStyle: labelStyle
     }),
     renderItem = _useDescriptions.renderItem;
+  var longestItem = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return renderItem.reduce(function (prev, curr) {
+      return prev.length >= curr.length ? prev : curr;
+    }, []);
+  }, [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;
@@ -49230,7 +49933,7 @@ var Descriptions = function Descriptions(props) {
         cellPadding: 0,
         cellSpacing: 0,
         children: [layout === 'inlineHorizontal' && typeof column === 'number' && column > 1 && /*#__PURE__*/(0,jsx_runtime.jsx)("colgroup", {
-          children: (_renderItem$ = renderItem[0]) === null || _renderItem$ === void 0 ? void 0 : _renderItem$.map(function (_, index, arr) {
+          children: longestItem === null || longestItem === void 0 ? void 0 : longestItem.map(function (_, index, arr) {
             return /*#__PURE__*/(0,jsx_runtime.jsx)("col", {
               style: {
                 width: "".concat(1 / arr.length * 100, "%")
@@ -49455,20 +50158,10 @@ var addModalInstance = function addModalInstance(instanceId) {
   modal_content_state.mutate.instanceIds.push(instanceId);
 };
 var addModalCascadeConfig = function addModalCascadeConfig(props) {
-  var width = props.width;
-  var widthNumber = 0;
-  // width 是30% 这种格式的，转为number
-  if (typeof width === 'string' && width.indexOf('%') > -1) {
-    var parentWidth = document.body.clientWidth;
-    var percent = parseInt(width, 10);
-    widthNumber = parentWidth * percent / 100;
-  } else {
-    widthNumber = typeof width === 'number' ? width : parseInt(width, 10) || 0;
-  }
   modal_content_state.mutate.cascadeConfigs.push({
     cascade: props.cascade,
-    instanceId: props.instanceId,
-    width: widthNumber
+    cascadeWidth: props.cascadeWidth,
+    instanceId: props.instanceId
   });
 };
 var removeModalInstance = function removeModalInstance(instanceId) {
@@ -49571,8 +50264,8 @@ var Modal = function Modal(props) {
       addModalInstance(context.instanceId);
       addModalCascadeConfig({
         instanceId: context.instanceId,
-        width: props.width,
-        cascade: !!props.cascade && !!props.width && !!isPositionX
+        cascade: !!props.cascade && !!isPositionX,
+        cascadeWidth: typeof_default()(props.cascade) === 'object' ? props.cascade.width || 180 : 180
       });
     }
     if (!visible && index > -1 && !animation) {
@@ -49748,6 +50441,7 @@ var Modal = function Modal(props) {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header,
       onMouseDown: props.moveable && !props.fullScreen ? moveInfo.handleMouseDown : undefined,
+      style: props.headerStyle,
       children: [renderIcon(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerTitle,
         children: props.title
@@ -49772,6 +50466,7 @@ var Modal = function Modal(props) {
     if (!props.footer) return null;
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.footer,
+      style: props.footerStyle,
       children: props.footer
     });
   };
@@ -49794,20 +50489,22 @@ var Modal = function Modal(props) {
   };
   if (!context.renderEd && !visible) return null;
   context.renderEd = true;
-  var marginStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+  var cascadeStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     if (!props.cascade) return;
     var idx = config.instanceIds.findIndex(function (id) {
       return id === context.instanceId;
     });
-    var afterInstances = config.cascadeConfigs.filter(function (_, index) {
-      return index > idx;
-    }).filter(function (c) {
-      return c.cascade;
-    }).slice(0, 1);
-    var width = afterInstances.reduce(function (ret, cur) {
-      return (ret || 0) + cur.width;
-    }, 0);
-    return defineProperty_default()(defineProperty_default()({}, props.position === 'left' ? 'marginLeft' : 'marginRight', "".concat(width, "px")), "transition", width ? 'margin .3s ease .05s' : 'margin 0.2s ease');
+    var instance = 0;
+    var curCascadeConfig = config.cascadeConfigs.find(function (c) {
+      return c.instanceId === context.instanceId;
+    });
+    if (curCascadeConfig && idx < config.cascadeConfigs.length - 1) {
+      instance = curCascadeConfig.cascadeWidth;
+    }
+    return {
+      transform: props.position === 'left' ? "translateX(".concat(instance, "px)") : "translateX(-".concat(instance, "px)"),
+      transition: instance ? 'transform 0.3s ease 0.05s' : 'transform 0.2s ease'
+    };
   }, [config.cascadeConfigs, config.instanceIds]);
   var panelStyle = objectSpread2_default()(objectSpread2_default()({
     transformOrigin: origin,
@@ -49815,7 +50512,7 @@ var Modal = function Modal(props) {
   }, props.style), {}, {
     width: props.fullScreen ? undefined : width,
     height: props.fullScreen ? undefined : height
-  }, marginStyle);
+  }, cascadeStyle);
   if (props.resizable) {
     panelStyle.width = resizeInfo.width;
     panelStyle.height = resizeInfo.height;
@@ -50370,13 +51067,13 @@ var Dropdown = function Dropdown(props) {
     return d.children;
   });
   var targetProps = getTargetProps();
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     className: classnames_default()(className, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.rootClass, dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.wrapper, !isSub && open && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.open)),
     style: style,
     "data-position": position,
     "data-role": "dropdown",
     ref: targetRef
-  }, targetProps), {}, {
+  }, targetProps), getDataset(props)), {}, {
     onClick: isSub ? openPop : targetProps.onClick,
     children: [renderButton(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       position: position,
@@ -50628,9 +51325,9 @@ var Textarea = function Textarea(props) {
       children: icons_config.textarea.Close
     });
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     id: fieldId
-  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getRootProps({
+  }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), getRootProps({
     className: rootClass,
     style: style
   })), {}, {
@@ -55496,8 +56193,9 @@ var ListOption = function ListOption(props) {
     onOptionClick(data, index);
   };
   var setVirtualRowHeight = usePersistFn(function () {
+    var _optionRef$current;
     if (!props.setRowHeight || !optionRef.current) return;
-    var optionHeight = optionRef.current.getBoundingClientRect().height;
+    var optionHeight = (_optionRef$current = optionRef.current) === null || _optionRef$current === void 0 ? void 0 : _optionRef$current.offsetHeight;
     if (optionHeight !== 0) {
       props.setRowHeight(index, optionHeight);
     }
@@ -55558,6 +56256,9 @@ var ListOption = function ListOption(props) {
 
 
 
+var list_defaultRenderItem = function defaultRenderItem(d) {
+  return d;
+};
 var list_List = function List(props) {
   var _jssStyle$select;
   var jssStyle = props.jssStyle,
@@ -55577,9 +56278,7 @@ var list_List = function List(props) {
     optionListRef = props.optionListRef,
     isAnimationFinish = props.isAnimationFinish,
     _props$renderItem = props.renderItem,
-    renderItemProp = _props$renderItem === void 0 ? function (d) {
-      return d;
-    } : _props$renderItem,
+    renderItemProp = _props$renderItem === void 0 ? list_defaultRenderItem : _props$renderItem,
     closePop = props.closePop,
     onControlTypeChange = props.onControlTypeChange,
     onOptionClick = props.onOptionClick;
@@ -57233,6 +57932,8 @@ var Tree = function Tree(props) {
 
 
 
+
+
 var TreeList = function TreeList(props) {
   var _jssStyle$select;
   var jssStyle = props.jssStyle,
@@ -57276,25 +57977,46 @@ var TreeList = function TreeList(props) {
   var renderItem = function renderItem(item) {
     return renderItemProp(item);
   };
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    virtualExpanded = _useState2[0],
+    setVirtualExpanded = _useState2[1];
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (props.virtual && expanded) {
+      setVirtualExpanded(expanded);
+    }
+  }, [expanded]);
+  var handleExpand = function handleExpand(expandedKeys) {
+    if (props.virtual) {
+      setVirtualExpanded(expandedKeys);
+    }
+    onExpand === null || onExpand === void 0 || onExpand(expandedKeys);
+  };
+  var $tree = /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, {
+    line: false,
+    jssStyle: jssStyle,
+    onClick: handleClick,
+    data: data,
+    expanded: props.virtual ? (virtualExpanded === null || virtualExpanded === void 0 ? void 0 : virtualExpanded.length) > 0 ? virtualExpanded : undefined : expanded,
+    keygen: keygen,
+    defaultExpanded: defaultExpanded,
+    defaultExpandAll: defaultExpandAll,
+    childrenKey: childrenKey,
+    onExpand: handleExpand,
+    nodeClass: classnames_default()(styles.treeOption),
+    contentClass: getContentClass,
+    renderItem: renderItem,
+    expandIcons: props.expandIcons,
+    virtual: props.virtual,
+    height: props.height
+  });
+  if (props.virtual) {
+    return $tree;
+  }
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: rootClass,
     style: style,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, {
-      line: false,
-      jssStyle: jssStyle,
-      onClick: handleClick,
-      data: data,
-      expanded: expanded,
-      keygen: keygen,
-      defaultExpanded: defaultExpanded,
-      defaultExpandAll: defaultExpandAll,
-      childrenKey: childrenKey,
-      onExpand: onExpand,
-      nodeClass: classnames_default()(styles.treeOption),
-      contentClass: getContentClass,
-      renderItem: renderItem,
-      expandIcons: props.expandIcons
-    })
+    children: $tree
   });
 };
 /* harmony default export */ var list_tree = (TreeList);
@@ -57706,9 +58428,7 @@ function Select(props0) {
     autoAdapt = props.autoAdapt,
     groupBy = props.groupBy,
     _props$renderItem = props.renderItem,
-    renderItemProp = _props$renderItem === void 0 ? function (d) {
-      return d;
-    } : _props$renderItem,
+    renderItemProp = _props$renderItem === void 0 ? list_defaultRenderItem : _props$renderItem,
     renderResultProp = props.renderResult,
     renderUnmatched = props.renderUnmatched,
     resultClassName = props.resultClassName,
@@ -57833,7 +58553,8 @@ function Select(props0) {
     }
   };
   var handleSelectChange = usePersistFn(function (value, dataItem, checked) {
-    if (createdData || props.emptyAfterSelect) {
+    // why: props.emptyAfterSelect !== false 兼容之前的逻辑
+    if (props.emptyAfterSelect !== false && (props.emptyAfterSelect || createdData)) {
       onFilter === null || onFilter === void 0 || onFilter('');
     }
     var shouldFocus = showInput && props.reFocus;
@@ -57928,7 +58649,8 @@ function Select(props0) {
   });
   var rootClass = classnames_default()(className, styles === null || styles === void 0 ? void 0 : styles.rootClass, styles === null || styles === void 0 ? void 0 : styles.wrapper, isEmpty && styles.wrapperEmpty, open && (styles === null || styles === void 0 ? void 0 : styles.wrapperOpen), open && trigger === 'hover' && (styles === null || styles === void 0 ? void 0 : styles.triggerHover), disabled === true && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), disabled !== true && focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), 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), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), clearable && (styles === null || styles === void 0 ? void 0 : styles.clearable), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline), defineProperty_default()({}, styles === null || styles === void 0 ? void 0 : styles.multiple, multiple));
   var getRenderItem = function getRenderItem(data, index) {
-    return typeof renderItemProp === 'function' ? renderItemProp(data, index) : (data === null || data === void 0 ? void 0 : data[renderItemProp]) || '';
+    var _data$renderItemProp;
+    return typeof renderItemProp === 'function' ? renderItemProp(data, index) : (_data$renderItemProp = data === null || data === void 0 ? void 0 : data[renderItemProp]) !== null && _data$renderItemProp !== void 0 ? _data$renderItemProp : '';
   };
   var renderItem = getRenderItem;
   var handleFocus = usePersistFn(function (e) {
@@ -58257,7 +58979,8 @@ function Select(props0) {
       childrenKey: childrenKey,
       closePop: closePop,
       renderItem: renderItem,
-      expandIcons: tiledExpandIcons
+      expandIcons: tiledExpandIcons,
+      virtual: props.virtual
     });
   };
   var renderLoading = function renderLoading() {
@@ -58325,10 +59048,10 @@ function Select(props0) {
       filterText: filterText,
       highlight: highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onKeyDown: handleKeyDown,
@@ -59012,7 +59735,7 @@ var Pagination = function Pagination(props) {
       })
     }));
   }
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getRootProps()), {}, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, getRootProps()), getDataset(props)), {}, {
     className: rootClasses,
     children: layout.map(function (section, i) {
       switch (section) {
@@ -59293,7 +60016,8 @@ var list_list_List = function List(props) {
             minWidth: 0,
             overflow: 'auto'
           },
-          dynamicVirtual: props.dynamicHeight
+          dynamicVirtual: props.dynamicHeight,
+          keepScrollTop: !!props.scrollLoading
         }), renderFooter()]
       });
     }
@@ -61297,6 +62021,7 @@ src_radio_radio_0.Group = radio_RadioGroup;
 
 
 
+
 var Rate = function Rate(props0) {
   var _props$jssStyle, _props$jssStyle$rate;
   var props = use_with_form_config(props0);
@@ -61385,13 +62110,14 @@ var Rate = function Rate(props0) {
     }, index);
   };
   var text = Array.isArray(props.text) && props.text[Math.ceil(value - 1)];
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
     className: classnames_default()(props.className, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.rootClass, rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.wrapper),
     id: fieldId,
     style: props.style,
     onMouseLeave: function onMouseLeave() {
       setHoverValue(null);
-    },
+    }
+  }, getDataset(props)), {}, {
     children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.inner,
       children: [Array.from({
@@ -61403,7 +62129,7 @@ var Rate = function Rate(props0) {
         children: text
       })]
     })
-  });
+  }));
 };
 /* harmony default export */ var src_rate_rate = (Rate);
 ;// CONCATENATED MODULE: ./src/rate/rate.tsx
@@ -61440,12 +62166,14 @@ RateComp.displayName = 'ShineoutRate';
 /* harmony default export */ var src_rate_0 = (RateComp);
 ;// CONCATENATED MODULE: ../hooks/src/utils/rule/required.ts
 
+
+
 var options = {
   skipUndefined: true
 };
 var requiredMessage = function requiredMessage(props) {
   var type = props.type === 'array' ? 'array' : 'string';
-  return "$rules.required.".concat(type);
+  return substitute(getLocale(src_config_config.locale, "rules.required.".concat(type)), props);
 };
 /* harmony default export */ var required = (function () {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -63315,6 +64043,25 @@ var scroll_table_Scroll = function Scroll(props) {
     }
   });
 
+  // 组件元素隐藏时，设置定高，解决恢复显示时滚动条位置未保持住的问题
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!props.tableRef.current) return;
+    var isVisible = props.tableRef.current.offsetParent !== null;
+    var wasHidden = props.tableRef.current.getAttribute('data-was-hidden') === 'true';
+    var h = context.lastTableHeight || props.tableRef.current.clientHeight;
+    if (h > 0) {
+      context.lastTableHeight = h;
+    }
+    if (isVisible && wasHidden) {
+      props.tableRef.current.style.height = '100%';
+      props.tableRef.current.removeAttribute('data-was-hidden');
+    } else if (!isVisible && props.tableRef.current.style.height === '100%') {
+      // 加height === '100%'判断是因为：多层父级flex嵌套才有这个问题
+      props.tableRef.current.style.height = "".concat(context.lastTableHeight, "px");
+      props.tableRef.current.setAttribute('data-was-hidden', 'true');
+    }
+  }, [paddingTop]);
+
   // 非定高的Table但依旧采用了virtual渲染方式，需要渲染出全部的data
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (!props.tableRef.current || !props.setFakeVirtual) return;
@@ -63409,6 +64156,8 @@ function useScrollbarWidth() {
 
 
 
+
+
 var getHideExpandCol = function getHideExpandCol() {
   var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var expandCol = cols.find(function (col) {
@@ -63419,7 +64168,17 @@ var getHideExpandCol = function getHideExpandCol() {
   }
   return null;
 };
+// 缓冲区列数：左右各2列
+var BUFFER_COUNT = 2;
 var useColumns = function useColumns(props) {
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    startIndex = _useState2[0],
+    setStartIndex = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(20),
+    _useState4 = slicedToArray_default()(_useState3, 2),
+    renderedCount = _useState4[0],
+    setRenderedCount = _useState4[1];
   var _props$columns = props.columns,
     propsColumns = _props$columns === void 0 ? [] : _props$columns;
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
@@ -63474,8 +64233,76 @@ var useColumns = function useColumns(props) {
     return context.cachedColumns;
   });
   var columns = getColumns(propsColumns) || [];
+  var leftFixedColumns = columns.filter(function (col) {
+    return col.fixed === 'left';
+  });
+  var middleColumns = columns.filter(function (col) {
+    return !col.fixed;
+  });
+  var handleScroll = function handleScroll(scrollInfo) {
+    var scrollLeft = scrollInfo.scrollLeft;
+    var sum = 0;
+    var currentIndex = 0;
+    for (var i = 0, len = middleColumns.length - 1; i < len; i++) {
+      var curCol = middleColumns[i];
+      sum += curCol.width || 100;
+      if (scrollLeft < sum) {
+        // 计算可视区域内需要渲染的列数
+        for (var j = i + 1; j < len; j++) {
+          var _props$scrollRef$curr;
+          var nextCol = middleColumns[j];
+          sum += nextCol.width || 100;
+          if (props.scrollRef.current && sum - scrollLeft >= ((_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.clientWidth)) {
+            // 在原有基础上，右侧增加缓冲列
+            var visibleCount = j - i;
+            setRenderedCount(Math.min(visibleCount + BUFFER_COUNT * 2, len));
+            break;
+          }
+        }
+
+        // 左侧也增加缓冲列，但不能小于0
+        var bufferedStartIndex = Math.max(0, i - BUFFER_COUNT);
+        currentIndex = bufferedStartIndex + leftFixedColumns.length;
+        break;
+      }
+    }
+    setStartIndex(currentIndex);
+  };
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!props.virtualColumn) return;
+    handleScroll({
+      scrollLeft: 0
+    });
+  }, []);
   return {
-    columns: columns,
+    columns: props.virtualColumn ? columns.map(function (col, index) {
+      if (col.fixed) {
+        return col;
+      }
+      if (index < startIndex || index > startIndex + renderedCount) {
+        var colSpan;
+        if (index > startIndex + renderedCount && index === startIndex + renderedCount + 1) {
+          colSpan = function colSpan() {
+            return middleColumns.length - (startIndex + renderedCount) + 1;
+          };
+        } else if (index < startIndex && index === leftFixedColumns.length && startIndex > 0) {
+          colSpan = function colSpan() {
+            return startIndex;
+          };
+        }
+        return objectSpread2_default()(objectSpread2_default()({}, col), {}, {
+          colSpan: colSpan,
+          render: function render() {
+            return null;
+          },
+          title: null
+        });
+      }
+      return col;
+    }) : columns,
+    columnInfo: {
+      handleScroll: handleScroll
+    },
     expandHideCol: context.expandHideCol
   };
 };
@@ -63759,7 +64586,7 @@ var useTableLayout = function useTableLayout(props) {
   });
   var checkFloat = use_persist_fn(function () {
     var scrollEl = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-    if (!scrollEl) return;
+    if (!scrollEl || !(scrollEl !== null && scrollEl !== void 0 && scrollEl.offsetParent)) return;
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var min = 0;
     var left = scrollEl.scrollLeft;
@@ -63867,6 +64694,7 @@ var useTableLayout = function useTableLayout(props) {
 
 
 
+
 var useTableFilter = function useTableFilter(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Map()),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -63879,10 +64707,13 @@ var useTableFilter = function useTableFilter(props) {
     });
   }, [filterInfo]);
   var filteredData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
-    var _props$data;
+    var _props$columns;
     // why use slice: props.data引用不改变会导致后续的useMemo无法重新计算
     if (activeFilters.length === 0) return (props.data || []).slice();
-    return (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.filter(function (item) {
+    var columnHasChildren = (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.find(function (col) {
+      return col.treeColumnsName;
+    });
+    return getFilterTree(props.data, function (item) {
       return activeFilters.every(function (key) {
         var filter = filterInfo.get(key);
         if ((filter === null || filter === void 0 ? void 0 : filter.value) === undefined) return true;
@@ -63892,7 +64723,9 @@ var useTableFilter = function useTableFilter(props) {
         }
         return true;
       });
-    });
+    }, undefined, function (node) {
+      return getKey(props.keygen, node);
+    }, columnHasChildren === null || columnHasChildren === void 0 ? void 0 : columnHasChildren.treeColumnsName, false);
   }, [activeFilters, props.data]);
   var onFilterChange = use_persist_fn(function (columnKey, value) {
     // TODO: 暂未开放reset全部筛选条件
@@ -63922,8 +64755,8 @@ var useTableFilter = function useTableFilter(props) {
   // 根据columns生成filterInfo
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     setFilterInfo(function (prev) {
-      var _props$columns;
-      var _filterInfo = props === null || props === void 0 || (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.reduce(function (acc, column, index) {
+      var _props$columns2;
+      var _filterInfo = props === null || props === void 0 || (_props$columns2 = props.columns) === null || _props$columns2 === void 0 ? void 0 : _props$columns2.reduce(function (acc, column, index) {
         var _prev$get2, _column$filter;
         if (!column.filter) return acc;
         var columnKey = typeof column.render === 'string' ? column.render : String(index);
@@ -64124,6 +64957,7 @@ function getMaxRowSpanLength(input) {
   return Math.max.apply(Math, toConsumableArray_default()(Array.from(map.values())));
 }
 var useTableVirtual = function useTableVirtual(props) {
+  var _props$scrollRef$curr;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
     innerTop = _useState2[0],
@@ -64142,6 +64976,15 @@ var useTableVirtual = function useTableVirtual(props) {
     _useState8 = slicedToArray_default()(_useState7, 2),
     offsetY = _useState8[0],
     setOffsetY = _useState8[1];
+
+  // TODO: 尝试垂直滚动采用延迟销毁 + 操作dom transform方案提升性能？
+  // const setTop = (v: number) => {
+  //   if (props.virtual === 'lazy') {
+  //     props.innerRef.current && (props.innerRef.current.style.transform = `translate3d(0, ${-v}px, 0)`);
+  //   } else {
+  //   }
+  //   _setTop(v);
+  // }
   var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
   var rowSpanInfo = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     var rowSpanColumns = props.columns.filter(function (col) {
@@ -64244,14 +65087,23 @@ var useTableVirtual = function useTableVirtual(props) {
       });
     }
   });
+
+  // const setStartIndex2 = (index:number) => {
+  //   let sum = 0;
+  //   for (let i = 0; i < index; i++) {
+  //     sum += context.cachedHeight[i] || props.rowHeight;
+  //   }
+  //   props.innerRef.current && (props.innerRef.current.style.transform = `translate3d(0, ${-innerTop + sum}px, 0)`);
+  //   setStartIndex(index);
+  // }
+
+  var maxIndex = Math.max(props.data.length - rowsInView, 0);
+  var scrollContainerHeight = Math.max(((_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.clientHeight) || 0, 200);
   var updateIndexAndTopFromTop = function updateIndexAndTopFromTop(scrollTop, fromDrag) {
-    var _props$scrollRef$curr;
     if (props.disabled) return;
     var sum = 0;
     var currentIndex = 0;
     var top = 0;
-    var maxIndex = Math.max(props.data.length - rowsInView, 0);
-    var scrollContainerHeight = Math.max(((_props$scrollRef$curr = props.scrollRef.current) === null || _props$scrollRef$curr === void 0 ? void 0 : _props$scrollRef$curr.clientHeight) || 0, 200);
     for (var i = 0; i <= maxIndex; i++) {
       context.rowSpanRows = 0;
       var currentRowHeight = strictRowHeight || context.cachedHeight[i] || props.rowHeight;
@@ -64280,6 +65132,15 @@ var useTableVirtual = function useTableVirtual(props) {
         break;
       }
     }
+    // if (props.virtual === 'lazy') {
+    //   setTop(scrollTop);
+    //   context.autoAddRows = currentIndex
+    //   setTimeout(() => {
+    //     setStartIndex2(currentIndex);
+    //     context.autoAddRows = 0
+    //   }, 300);
+    //   return;
+    // }
     if (currentIndex !== startIndex) {
       setStartIndex(currentIndex);
 
@@ -64417,7 +65278,7 @@ var useTableVirtual = function useTableVirtual(props) {
         context.autoAddRows = addonCount;
       }
     }
-  }, []);
+  }, [props.data.length]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 记录preIndex
     context.preIndex = startIndex;
@@ -64460,6 +65321,7 @@ var useTableVirtual = function useTableVirtual(props) {
     return toConsumableArray_default()(props.data).slice(startIndex, startIndex + finalRowsInView);
   }, [props.data, props.disabled, startIndex, finalRowsInView]);
   var translateStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    // if (props.virtual === 'lazy') return 'translate3d(0, 0, 0)';
     var t = innerTop + offsetY;
     if (t < 0) {
       t = 0;
@@ -65255,7 +66117,7 @@ var thead_toNum = toNum;
       };
     }
     if (fixed === 'right') {
-      var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
+      var right = colgroup.slice(index + (typeof colSpan === 'function' ? 1 : colSpan)).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
       return {
@@ -65276,7 +66138,7 @@ var thead_toNum = toNum;
     var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
     var cellClassName = classnames_default()(colTemp.className, colTemp.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), colTemp.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), colTemp.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), colTemp.align !== 'right' && colTemp.align !== 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignLeft), (col.lastFixed || col.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), colTemp.sorter && props.cellSortable && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellSortable));
     var isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
-    if (colTemp.title || isExpand) {
+    if (colTemp.title !== undefined || isExpand) {
       var sorter = renderSort(colTemp);
       var filter = renderFilter(colTemp, columnIndex);
       trs[level].push( /*#__PURE__*/(0,jsx_runtime.jsx)("th", {
@@ -65347,7 +66209,7 @@ var thead_toNum = toNum;
     trs[level].push( /*#__PURE__*/(0,jsx_runtime.jsx)("th", {
       className: classnames_default()(cellClassName, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellGroup, colTemp2 === null || colTemp2 === void 0 || (_colTemp2$groupProps2 = colTemp2.groupProps) === null || _colTemp2$groupProps2 === void 0 ? void 0 : _colTemp2$groupProps2.className),
       style: style,
-      colSpan: colTemp2.colSpan,
+      colSpan: props.virtualColumn && typeof colTemp2.colSpan === 'function' ? undefined : colTemp2.colSpan,
       dir: config.direction,
       children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         children: colTemp2.name
@@ -66233,7 +67095,7 @@ var table_emptyArr = [];
 var emptyRef = {
   current: null
 };
-/* harmony default export */ var src_table_table = (function (props) {
+function Table(props) {
   var _props$jssStyle, _props$jssStyle$table, _columns$find;
   var _props$verticalAlign = props.verticalAlign,
     verticalAlign = _props$verticalAlign === void 0 ? 'top' : _props$verticalAlign,
@@ -66301,6 +67163,7 @@ var emptyRef = {
     setScrollAble(isScrollAble);
   }, [virtual]);
 
+  // TODO: 没用的tbodyHeight，有空移除了
   // 虚拟列表高度另外计算
   var _useResize = useResize({
       targetRef: virtual ? emptyRef : tbodyRef
@@ -66321,10 +67184,13 @@ var emptyRef = {
   });
   var _useTableColumns = use_table_columns({
       columns: props.columns,
+      virtualColumn: props.virtualColumn,
+      scrollRef: scrollRef,
       showCheckbox: typeof props.onRowSelect === 'function'
     }),
     columns = _useTableColumns.columns,
-    expandHideCol = _useTableColumns.expandHideCol;
+    expandHideCol = _useTableColumns.expandHideCol,
+    columnInfo = _useTableColumns.columnInfo;
   var _useTableLayout = use_table_layout({
       theadRef: theadRef,
       tbodyRef: tbodyRef,
@@ -66349,6 +67215,7 @@ var emptyRef = {
     scrollWidth = _useTableLayout.scrollWidth,
     resizeFlag = _useTableLayout.resizeFlag;
   var _useTableFilter = use_table_filter({
+      keygen: props.keygen,
       data: props.data,
       columns: props.columns
     }),
@@ -66462,6 +67329,7 @@ var emptyRef = {
     };
   }, [theadRef.current, tfootRef.current]);
   var virtualInfo = use_table_virtual({
+    virtual: props.virtual,
     disabled: !virtual,
     data: treeData,
     columns: columns,
@@ -66492,6 +67360,9 @@ var emptyRef = {
     var target = e.currentTarget;
     if (!target) return;
     layoutFunc.checkFloat();
+    if (props.virtualColumn) columnInfo.handleScroll({
+      scrollLeft: target.scrollLeft
+    });
     if (headMirrorScrollRef.current) {
       headMirrorScrollRef.current.scrollLeft = target.scrollLeft;
     }
@@ -66511,6 +67382,7 @@ var emptyRef = {
   // 虚拟表格的滚动事件
   var handleVirtualScroll = usePersistFn(function (info) {
     virtualInfo.handleScroll(info);
+    if (props.virtualColumn) columnInfo.handleScroll(info);
     layoutFunc.checkFloat();
     if (headMirrorScrollRef.current) {
       headMirrorScrollRef.current.scrollLeft = info.scrollLeft;
@@ -66522,7 +67394,7 @@ var emptyRef = {
       props.onScroll(info.x, info.y, info.scrollLeft, info.scrollTop);
     }
     syncHeaderScroll(info.scrollLeft);
-    if (props.virtual !== "lazy") return;
+    if (props.virtual !== 'lazy') return;
     if (context.scrollingTimer) {
       clearTimeout(context.scrollingTimer);
     }
@@ -66540,7 +67412,7 @@ var emptyRef = {
         jssStyle: props.jssStyle
       });
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
+        className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && browserScrollbarWidth > 0 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
         ref: function ref(el) {
           context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
         },
@@ -66615,7 +67487,8 @@ var emptyRef = {
       renderSorter: props.renderSorter,
       radio: props.radio,
       treeColumnsName: treeColumnsName,
-      treeCheckAll: props.treeCheckAll
+      treeCheckAll: props.treeCheckAll,
+      virtualColumn: props.virtualColumn
     };
     var showFoot = (_props$summary = props.summary) === null || _props$summary === void 0 ? void 0 : _props$summary.length;
     var footCommonProps = {
@@ -66867,6 +67740,12 @@ var emptyRef = {
       props.tableRef(tableFunc);
     }
   }, []);
+  var absoluteProviderValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return {
+      absolute: true,
+      scrollElRef: scrollRef
+    };
+  }, [scrollRef]);
   var tableWrapperClass = classnames_default()(props.className, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rootClass, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.wrapper, props.bordered && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bordered), verticalAlign === 'top' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.verticalAlignTop), verticalAlign === 'middle' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.verticalAlignMiddle), size === 'small' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.small), size === 'large' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.large), size === 'default' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.default));
   if (!props.columns || columns.length === 0) return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(tableWrapperClass, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.simple, props.striped && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.striped)),
@@ -66889,15 +67768,13 @@ var emptyRef = {
       ref: tableRef,
       dir: config.direction,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)(absolute_context.Provider, {
-        value: {
-          absolute: true,
-          scrollElRef: scrollRef
-        },
+        value: absoluteProviderValue,
         children: [renderTable(), renderLoading(), props.children]
       })
     })), renderPagination()]
   });
-});
+}
+;
 ;// CONCATENATED MODULE: ./src/table/table.tsx
 
 
@@ -66921,14 +67798,14 @@ var table_jssStyle = {
   popover: usePopoverStyle,
   tree: useTreeStyle
 };
-/* harmony default export */ var src_table_table_0 = (function (props) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(src_table_table, objectSpread2_default()({
+/* harmony default export */ var src_table_table = (function (props) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(Table, objectSpread2_default()({
     jssStyle: table_jssStyle
   }, props));
 });
 ;// CONCATENATED MODULE: ./src/table/index.ts
 
-var TableComp = src_table_table_0;
+var TableComp = src_table_table;
 TableComp.displayName = 'ShineoutTable';
 /* harmony default export */ var src_table_0 = (TableComp);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-tabs/context.tsx
@@ -68701,6 +69578,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -68874,12 +69752,13 @@ var Transfer = function Transfer(props) {
       filterTargetText: filterTargetText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
       className: rootClass,
       style: style,
-      id: fieldId,
+      id: fieldId
+    }, getDataset(props)), {}, {
       children: [renderSourceList, !simple && renderOperations(), renderTargetList]
-    })
+    }))
   });
 };
 /* harmony default export */ var src_transfer_transfer = (Transfer);
@@ -69640,11 +70519,11 @@ var TreeSelect = function TreeSelect(props0) {
       filterText: filterText,
       highlight: props.highlight
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
       id: fieldId,
       ref: targetRef,
       tabIndex: disabled === true || showInput ? undefined : 0
-    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), {}, {
+    }, getDataAttribute(defineProperty_default()({}, 'input-border', 'true'))), getDataset(props)), {}, {
       className: rootClass,
       style: rootStyle,
       onBlur: handleBlur,
@@ -70768,10 +71647,11 @@ var Upload = function Upload(props0) {
   var shouldRenderLeft = listType !== 'image' || leftHandler;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
     fieldId = _useContext.fieldId;
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
     id: fieldId,
     style: props.style,
-    className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    className: classnames_default()(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.rootClass, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className)
+  }, getDataset(props)), {}, {
     children: renderCustomResult ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [shouldRenderLeft && renderHandler(), renderCustomResult({
         value: value,
@@ -70787,7 +71667,7 @@ var Upload = function Upload(props0) {
     }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [shouldRenderLeft && !hideHandler && renderHandler(), renderValue(), renderFile(), !shouldRenderLeft && !hideHandler && renderHandler(), renderRecover()]
     })
-  });
+  }));
 };
 /* harmony default export */ var src_upload_upload = (Upload);
 ;// CONCATENATED MODULE: ./src/upload/use-upload-common.ts
@@ -73100,10 +73980,9 @@ function accept_attrAccept(file, acceptedFiles) {
 
 
 
-// import validate from './validate';
 
 
-var src_utils_validate = function validate() {};
+var src_utils_validate = validate;
 var cssAccessors = {};
 var cssInject = {};
 
@@ -73417,7 +74296,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.0-beta.8'
+  version: '3.9.0'
 });
 }();
 /******/ 	return __webpack_exports__;