shineout 3.9.0-beta.2 → 3.9.0-beta.21

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 {}
 
 /***/ }),
@@ -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"
-      })]
-    }), /*#__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"
+        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)("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
@@ -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.2');
+/* harmony default export */ var version = ('3.9.0-beta.21');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12434,9 +12448,13 @@ var styled = function styled(style, ns) {
     name: ns,
     generateId: createClassname
   });
+  var styledCacheMap = {};
   var getClassName = function getClassName() {
     var classes = hoc();
-    return Object.keys(classes).reduce(function (acc, key) {
+    if (styledCacheMap[ns]) {
+      return styledCacheMap[ns];
+    }
+    return styledCacheMap[ns] = Object.keys(classes).reduce(function (acc, key) {
       var k = key;
       var value = '';
       // 给每个组件的root类名添加命名空间
@@ -14875,7 +14893,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',
@@ -14936,7 +14955,8 @@ var tabsTokens = {
   tabsActionHorizontalPaddingX: 'Spacing-7',
   tabsActionHorizontalPaddingY: 'Spacing-8',
   tabsExtraFillHoverBackgroundColor: 'Neutral-fill-3',
-  tabsArrowFontColor: 'Neutral-text-4'
+  tabsArrowFontColor: 'Neutral-text-4',
+  tabsBadgeMargin: 'Spacing-0'
 };
 /* harmony default export */ var tabs = (tabsTokens);
 ;// CONCATENATED MODULE: ../theme/src/tabs/index.ts
@@ -14961,12 +14981,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',
@@ -14985,6 +15013,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',
@@ -14997,12 +15030,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',
@@ -15021,6 +15060,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',
@@ -15039,6 +15082,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',
@@ -15057,6 +15104,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',
@@ -15075,6 +15126,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',
@@ -15093,6 +15148,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',
@@ -15111,6 +15170,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',
@@ -15129,6 +15192,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',
@@ -15147,6 +15214,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',
@@ -15165,6 +15236,10 @@ var tagTokens = {
   tagLemonFillDisabledFontColor: 'Neutral-text-1',
   tagLemonFillDisabledBackgroundColor: 'Lemon-3',
   tagLemonFillDisabledBorderColor: 'Lemon-3',
+  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
+  tagLemonIconFontColor: 'Lemon-6',
+  tagLemonIconDisabledFontColor: 'Lemon-3',
+  tagLemonIconHoverBackgroundColor: 'Lemon-2',
   tagTangerineFontColor: 'Tangerine-6',
   tagTangerineBackgroundColor: 'Tangerine-1',
   tagTangerineBorderColor: 'Tangerine-1',
@@ -15183,87 +15258,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
@@ -17285,10 +17308,17 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
 /* harmony default export */ var shineout_style_src_carousel = ((/* unused pure expression or super */ null && (useCarouselStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/input/input-border.ts
 
+
+var supportsHas = function supportsHas() {
+  if (typeof CSS === 'undefined' || typeof CSS.supports === 'undefined') {
+    return false;
+  }
+  return CSS.supports('selector(:has(*))');
+};
 /* harmony default export */ var input_border = (function (name) {
-  var _ref;
+  var _ref2;
   var token = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref = {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(_ref, name, {
+  return _ref2 = {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(_ref2, name, objectSpread2_default()({
     boxSizing: 'border-box',
     borderRadius: token.borderRadius,
     background: token.backgroundColor,
@@ -17313,7 +17343,7 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
       flex: 1,
       minWidth: 0
     },
-    '[data-soui-role="input-group"] [data-soui-input-border] + &&&': {
+    '[data-soui-role="input-group"]:not([data-soui-border="false"]) [data-soui-input-border] + &&&': {
       borderLeftWidth: '1px'
     },
     '[data-soui-role="input-group-separate"] &&&, [data-soui-role="input-group-separate"] &&&:hover': {
@@ -17342,7 +17372,11 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
         borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
       }
     }
-  }), "".concat(name, "PaddingBox"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
+  }, supportsHas() ? defineProperty_default()({}, "[data-soui-role=\"input-group\"]:has(&$".concat(name, "Error)"), {
+    borderColor: token.errorBorderColor,
+    background: token.errorBackgroundColor,
+    boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
+  }) : {})), "".concat(name, "PaddingBox"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
     borderRadius: token.borderRadius
   }, "$".concat(name, ":not($").concat(name, "InnerTitle) &"), {
     padding: "".concat(token.paddingY, " ").concat(token.paddingX)
@@ -17391,8 +17425,11 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     '&: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,
@@ -17405,19 +17442,17 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
     // '[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()(_ref, "".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',
@@ -22342,6 +22377,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,
@@ -22369,7 +22408,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);
     });
@@ -22379,12 +22418,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);
     });
   }
@@ -24089,7 +24130,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   hideTag: {},
   list: {},
   tree: {
-    padding: 4,
+    padding: '0 4px',
     overflow: 'auto'
   },
   treeOption: {
@@ -26794,10 +26835,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)
     }
   },
@@ -27523,7 +27562,6 @@ var tabsStyle = {
   },
   headerWrapper: objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
-    overflow: 'hidden',
     position: 'relative',
     '&[data-soui-position^="top-"],&[data-soui-position^="bottom-"]': {
       alignItems: 'center',
@@ -27578,10 +27616,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'
@@ -27722,7 +27762,9 @@ var tabsStyle = {
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     '$headerWrapper[data-soui-shape="card"] &': {
+      marginTop: "calc(-1 * ".concat(src.tabsBadgeMargin, ")"),
       '& $tab': {
+        marginTop: src.tabsBadgeMargin,
         position: 'relative',
         border: "1px solid ".concat(src.tabsCardBorderColor),
         padding: "".concat(src.tabsCardPaddingY, " ").concat(src.tabsCardPaddingX),
@@ -27751,7 +27793,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,
@@ -27801,7 +27843,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,
@@ -28102,7 +28144,7 @@ var TagStyle = {
   wrapper: {
     flex: 1,
     minWidth: 0,
-    lineHeight: src.lineHeightDynamic
+    lineHeight: src.tagDefaultLineHeight
   },
   inline: {
     display: 'inline-block',
@@ -28122,6 +28164,12 @@ var TagStyle = {
         width: 14,
         height: 14
       }
+    },
+    '& $wrapper': {
+      lineHeight: src.tagLargeLineHeight
+    },
+    '& $closeIcon': {
+      height: src.tagLargeLineHeight
     }
   },
   small: {
@@ -28131,10 +28179,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)"),
@@ -28157,7 +28205,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: src.lineHeightDynamic,
+    height: src.tagDefaultLineHeight,
     maxHeight: '100%'
   },
   closeIconWrapper: {
@@ -31864,7 +31912,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) {
@@ -31878,6 +31926,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);
@@ -31918,12 +31979,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);
@@ -31937,26 +32042,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++) {
@@ -31968,8 +32171,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,
@@ -31996,12 +32199,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)) {
@@ -32073,16 +32276,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();
@@ -32090,9 +32393,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) {
@@ -32113,23 +32435,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) {
@@ -32144,15 +32492,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);
@@ -32160,110 +32517,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 !== "{}";
@@ -32271,7 +32663,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 || ""));
@@ -32280,11 +32672,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),
@@ -32293,7 +32685,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"));
@@ -32310,54 +32702,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);
+  };
+  return chunk_UGXUT7UC_object_spread_props(chunk_UGXUT7UC_object_spread({}, store), {
+    useSnapshot: boundUseSnapshot
+  });
+}
+// 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);
   };
-  Object.assign(store, {
-    useSnapshot: _useSnapshot
+  return chunk_UGXUT7UC_object_spread_props(chunk_UGXUT7UC_object_spread({}, store), {
+    useSubscribe: boundUseSubscribe
   });
-  return store;
+}
+// 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
@@ -32367,7 +32898,6 @@ var _process;
 
 
 
-
 /**
  * @en Global configuration for Empty component
  * @cn Empty组件的全局配置
@@ -32375,7 +32905,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,
@@ -32386,9 +32916,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)) {
@@ -33688,7 +34219,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, {
@@ -33766,17 +34305,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", {
@@ -36238,6 +36778,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({
@@ -36281,13 +36834,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", {
@@ -36705,9 +37258,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));
@@ -36715,9 +37269,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
   })), {}, {
@@ -37725,9 +38279,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'
     }),
@@ -37740,14 +38306,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;
@@ -37755,14 +38339,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
       });
@@ -37784,13 +38380,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,
@@ -37804,10 +38400,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
   };
 };
@@ -37839,6 +38443,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,
@@ -37939,15 +38546,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
@@ -39737,14 +40345,10 @@ var useTree = function useTree(props) {
     onExpandProp = props.onExpand;
   var disabledProps = isOptionalDisabled(props.disabled) ? props.disabled.disabled : props.disabled;
   var isRealtime = isOptionalDisabled(props.disabled) ? props.disabled.isRealtime : false;
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
     _useState2 = slicedToArray_default()(_useState, 2),
-    inited = _useState2[0],
-    setInited = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
-    _useState4 = slicedToArray_default()(_useState3, 2),
-    dataFlat = _useState4[0],
-    setDataFlat = _useState4[1];
+    dataFlat = _useState2[0],
+    setDataFlat = _useState2[1];
   var _useInputAble = useInputAble({
       value: expandedProp,
       defaultValue: defaultExpanded,
@@ -40325,9 +40929,6 @@ var useTree = function useTree(props) {
     var tiledFlatData = initFlatData(props.tiledData, [], 1);
     setDataFlat(tiledFlatData);
   }, [props.tiledData]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    setInited(true);
-  }, []);
   var datum = use_latest_obj({
     get: get,
     set: set,
@@ -40360,7 +40961,6 @@ var useTree = function useTree(props) {
     dataFlatStatusMap: context.dataFlatStatusMap
   });
   return {
-    inited: inited,
     datum: props.datum || datum,
     expanded: expanded,
     onExpand: onExpand
@@ -41961,7 +42561,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()]
   }));
 };
@@ -42474,7 +43074,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) {
@@ -42642,7 +43248,8 @@ var Cascader = function Cascader(props0) {
     size = props.size,
     virtual = props.virtual,
     filterSameChange = props.filterSameChange,
-    beforeChange = props.beforeChange;
+    beforeChange = props.beforeChange,
+    checkOnFiltered = props.checkOnFiltered;
   var showInput = isFunc(onFilterProp);
   var isRealtime = cascader_isOptionalDisabled(props.disabled) ? props.disabled.isRealtime : false;
   var disabled = isOptionalDisabled(disabledProp) ? disabledProp.disabled : disabledProp;
@@ -42689,7 +43296,7 @@ var Cascader = function Cascader(props0) {
     return path.join('-');
   }, [path]);
   var _useCascader = use_cascader({
-      data: data,
+      data: checkOnFiltered ? filterData || [] : data,
       control: 'value' in props,
       keygen: keygen,
       unmatch: unmatch,
@@ -43229,10 +43836,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,
@@ -43583,7 +44190,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));
@@ -48830,7 +49437,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()({
@@ -49430,9 +50037,11 @@ function _ReactUnmount() {
 
 
 
+
 var hasMask = false;
 var modal_content_config = {
   instanceIds: [],
+  cascadeConfigs: [],
   originDocumentStyle: null
 };
 var modal_content_state = createWithHooks(modal_content_config);
@@ -49442,11 +50051,24 @@ var useModalConfig = function useModalConfig() {
 var addModalInstance = function addModalInstance(instanceId) {
   modal_content_state.mutate.instanceIds.push(instanceId);
 };
+var addModalCascadeConfig = function addModalCascadeConfig(props) {
+  modal_content_state.mutate.cascadeConfigs.push({
+    cascade: props.cascade,
+    cascadeWidth: props.cascadeWidth,
+    instanceId: props.instanceId
+  });
+};
 var removeModalInstance = function removeModalInstance(instanceId) {
   modal_content_state.mutate.instanceIds = modal_content_state.mutate.instanceIds.filter(function (id) {
     return id !== instanceId;
   });
 };
+var removeModalCascadeConfig = function removeModalCascadeConfig(instanceId) {
+  if (!modal_content_state.mutate.cascadeConfigs.length) return;
+  modal_content_state.mutate.cascadeConfigs = modal_content_state.mutate.cascadeConfigs.filter(function (config) {
+    return config.instanceId !== instanceId;
+  });
+};
 var getInstanceIds = function getInstanceIds() {
   return modal_content_state.mutate.instanceIds;
 };
@@ -49534,9 +50156,15 @@ var Modal = function Modal(props) {
     var index = config.instanceIds.indexOf(context.instanceId);
     if (visible && index === -1) {
       addModalInstance(context.instanceId);
+      addModalCascadeConfig({
+        instanceId: context.instanceId,
+        cascade: !!props.cascade && !!isPositionX,
+        cascadeWidth: typeof_default()(props.cascade) === 'object' ? props.cascade.width || 180 : 180
+      });
     }
     if (!visible && index > -1 && !animation) {
       removeModalInstance(context.instanceId);
+      removeModalCascadeConfig(context.instanceId);
     }
   }, [visible, animation, config.instanceIds]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(handleMaskVisible, [visible]);
@@ -49569,6 +50197,7 @@ var Modal = function Modal(props) {
   });
   var handleClose = usePersistFn(function () {
     var _props$onClose;
+    removeModalCascadeConfig(context.instanceId);
     if (!visible) return;
     if (props.autoShow) {
       setVisible(false);
@@ -49658,6 +50287,7 @@ var Modal = function Modal(props) {
     return function () {
       var _props$shouldDestroy2;
       removeModalInstance(context.instanceId);
+      removeModalCascadeConfig(context.instanceId);
       var instanceIds = getInstanceIds();
       if (instanceIds.length === 0) {
         resetDocumentOverflow();
@@ -49705,6 +50335,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
@@ -49729,6 +50360,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
     });
   };
@@ -49751,13 +50383,30 @@ var Modal = function Modal(props) {
   };
   if (!context.renderEd && !visible) return null;
   context.renderEd = true;
+  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 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,
     top: props.fullScreen ? undefined : top
   }, props.style), {}, {
     width: props.fullScreen ? undefined : width,
     height: props.fullScreen ? undefined : height
-  });
+  }, cascadeStyle);
   if (props.resizable) {
     panelStyle.width = resizeInfo.width;
     panelStyle.height = resizeInfo.height;
@@ -50312,13 +50961,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,
@@ -50570,9 +51219,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
   })), {}, {
@@ -54650,7 +55299,8 @@ input_input_Input.displayName = 'ShineoutInput';
   var shouldSeparate = separate !== null && separate !== void 0 ? separate : seperate;
   var rootClass = classnames_default()(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, shouldSeparate && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSeparate), size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute({
-    role: shouldSeparate ? 'input-group-separate' : 'input-group'
+    role: shouldSeparate ? 'input-group-separate' : 'input-group',
+    border: props.seamless ? 'false' : undefined
   })), {}, {
     className: rootClass,
     style: objectSpread2_default()({
@@ -54666,8 +55316,7 @@ input_input_Input.displayName = 'ShineoutInput';
       if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement(child)) {
         return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(child, objectSpread2_default()(objectSpread2_default()({}, getProps(child)), {}, {
           disabled: child.props.disabled || disabled,
-          size: child.props.size || size,
-          border: props.seamless ? false : child.props.border
+          size: child.props.size || size
         }));
       }
       return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
@@ -55054,7 +55703,8 @@ var InputNumber = function InputNumber(props) {
     value: numberFormatProps.value || '',
     className: classnames_default()(forwardProps.className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.wrapperNumber),
     onKeyDown: onKeyDown,
-    addEnd: addEnd
+    addEnd: addEnd,
+    showClear: props.showClear
   }));
 };
 /* harmony default export */ var input_number = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().memo(InputNumber));
@@ -57174,6 +57824,8 @@ var Tree = function Tree(props) {
 
 
 
+
+
 var TreeList = function TreeList(props) {
   var _jssStyle$select;
   var jssStyle = props.jssStyle,
@@ -57217,25 +57869,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);
@@ -57774,7 +58447,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;
@@ -58198,7 +58872,8 @@ function Select(props0) {
       childrenKey: childrenKey,
       closePop: closePop,
       renderItem: renderItem,
-      expandIcons: tiledExpandIcons
+      expandIcons: tiledExpandIcons,
+      virtual: props.virtual
     });
   };
   var renderLoading = function renderLoading() {
@@ -58266,10 +58941,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,
@@ -58953,7 +59628,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) {
@@ -61238,6 +61913,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);
@@ -61326,13 +62002,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({
@@ -61344,7 +62021,7 @@ var Rate = function Rate(props0) {
         children: text
       })]
     })
-  });
+  }));
 };
 /* harmony default export */ var src_rate_rate = (Rate);
 ;// CONCATENATED MODULE: ./src/rate/rate.tsx
@@ -61381,12 +62058,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] : {},
@@ -63259,6 +63938,7 @@ var scroll_table_Scroll = function Scroll(props) {
   // 非定高的Table但依旧采用了virtual渲染方式，需要渲染出全部的data
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
     if (!props.tableRef.current || !props.setFakeVirtual) return;
+    if (props.tableRef.current.style.height || props.tableRef.current.style.flex) return;
     var container = containerRef.current;
     var isContainerVisible = (container === null || container === void 0 ? void 0 : container.offsetParent) !== null;
     if (!isContainerVisible) return;
@@ -63349,6 +64029,8 @@ function useScrollbarWidth() {
 
 
 
+
+
 var getHideExpandCol = function getHideExpandCol() {
   var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var expandCol = cols.find(function (col) {
@@ -63359,7 +64041,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)({
@@ -63414,8 +64106,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
   };
 };
@@ -63807,6 +64567,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),
@@ -63819,10 +64580,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;
@@ -63832,7 +64596,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全部筛选条件
@@ -63862,8 +64628,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);
@@ -64064,11 +64830,14 @@ 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],
     setTop = _useState2[1];
-  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.data.length * props.rowHeight),
+  var strictRowHeight = props.strictRowHeight ? props.strictRowHeight : 0;
+  var defaultScrollHeight = strictRowHeight ? props.data.length * strictRowHeight : props.data.length * props.rowHeight;
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(defaultScrollHeight),
     _useState4 = slicedToArray_default()(_useState3, 2),
     scrollHeight = _useState4[0],
     setHeight = _useState4[1];
@@ -64080,6 +64849,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) {
@@ -64154,6 +64932,9 @@ var useTableVirtual = function useTableVirtual(props) {
     context = _useRef.current;
   var getContentHeight = function getContentHeight(index) {
     if (props.disabled) return 0;
+    if (strictRowHeight) {
+      return strictRowHeight * (index + 1) + props.theadHeight + props.tfootHeight;
+    }
     var sum = 0;
     for (var i = 0; i <= index; i++) {
       sum += context.cachedHeight[i] || props.rowHeight;
@@ -64179,17 +64960,26 @@ 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 = context.cachedHeight[i] || props.rowHeight;
+      var currentRowHeight = strictRowHeight || context.cachedHeight[i] || props.rowHeight;
       sum += currentRowHeight;
       var rowSpanHeight = 0;
       if (rowSpanInfo) {
@@ -64204,17 +64994,26 @@ var useTableVirtual = function useTableVirtual(props) {
           if (rowSpanHeight < scrollContainerHeight) {
             var index = siblingsIndexs[j];
             context.rowSpanRows += 1;
-            rowSpanHeight += context.cachedHeight[index] || props.rowHeight;
+            rowSpanHeight += strictRowHeight || context.cachedHeight[index] || props.rowHeight;
           }
         }
       }
       if (scrollTop < sum + rowSpanHeight || i === maxIndex) {
         currentIndex = i;
-        var beforeHeight = i === 0 ? 0 : sum - (context.cachedHeight[i] || props.rowHeight);
+        var beforeHeight = i === 0 ? 0 : sum - (strictRowHeight || context.cachedHeight[i] || props.rowHeight);
         top = scrollTop - beforeHeight;
         break;
       }
     }
+    // if (props.virtual === 'lazy') {
+    //   setTop(scrollTop);
+    //   context.autoAddRows = currentIndex
+    //   setTimeout(() => {
+    //     setStartIndex2(currentIndex);
+    //     context.autoAddRows = 0
+    //   }, 300);
+    //   return;
+    // }
     if (currentIndex !== startIndex) {
       setStartIndex(currentIndex);
 
@@ -64343,16 +65142,16 @@ var useTableVirtual = function useTableVirtual(props) {
       var addonHeight = 0;
       var addonCount = 0;
       for (var i = startIndex + rowsInView; i < props.data.length; i++) {
-        var height = context.cachedHeight[i] || props.rowHeight;
+        var height = strictRowHeight || context.cachedHeight[i] || props.rowHeight;
         addonHeight += height;
         addonCount += 1;
-        if (addonHeight >= remainHeight + context.cachedHeight[0]) break;
+        if (addonHeight >= remainHeight + (strictRowHeight || context.cachedHeight[0])) break;
       }
       if (addonCount > 0) {
         context.autoAddRows = addonCount;
       }
     }
-  }, []);
+  }, [props.data.length]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 记录preIndex
     context.preIndex = startIndex;
@@ -64395,6 +65194,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;
@@ -65174,7 +65974,7 @@ var thead_toNum = toNum;
       dir: config.direction
     });
   };
-  var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
+  var getFixedStyle = function getFixedStyle(fixed, index, level) {
     // 累加level 至 0 的所有高度
     var top = context.trHeights.slice(0, level).reduce(function (a, b) {
       return thead_toNum(a) + thead_toNum(b);
@@ -65190,7 +65990,7 @@ var thead_toNum = toNum;
       };
     }
     if (fixed === 'right') {
-      var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
+      var right = colgroup.slice(index + 1).reduce(function (a, b) {
         return thead_toNum(a) + thead_toNum(b);
       }, 0);
       return {
@@ -65208,7 +66008,7 @@ var thead_toNum = toNum;
     var _colTemp2$groupProps, _colTemp2$groupProps2;
     var colTemp = col;
     var colTemp2 = col;
-    var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
+    var fixedStyle = getFixedStyle(col.fixed, col.index, 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) {
@@ -65491,7 +66291,6 @@ function useComponentMemo(getValue, condition, shouldUpdate) {
 
 
 function Td(props) {
-  var _props$style, _props$style2;
   var col = props.col,
     colSpan = props.colSpan,
     rowSpan = props.rowSpan,
@@ -65503,28 +66302,31 @@ function Td(props) {
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave,
     renderContent = props.renderContent;
-  var $td = useComponentMemo(function () {
-    var content = renderContent(props.col, props.data);
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
-      colSpan: colSpan,
-      rowSpan: rowSpan,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      className: className,
-      style: props.style,
-      dir: direction,
-      "data-role": role,
-      onClick: onClick,
-      children: content
-    }, col.key);
-  }, [data, className, (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.left, (_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.right, col.type, col.treeColumnsName], props.virtual === 'lazy' ? function (prev, next) {
-    if (col.type || col.treeColumnsName) {
-      return true;
-    }
-    return prev.some(function (_, index) {
-      return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
-    }) || !props.scrolling;
-  } : undefined);
+  var $td = /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+    colSpan: colSpan,
+    rowSpan: rowSpan,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    className: className,
+    style: props.style,
+    dir: direction,
+    "data-role": role,
+    onClick: onClick,
+    children: renderContent(props.col, props.data)
+  }, col.key);
+  if (props.virtual === 'lazy') {
+    var _props$style, _props$style2;
+    return useComponentMemo(function () {
+      return $td;
+    }, [data, className, (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.left, (_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.right, col.type, col.treeColumnsName], function (prev, next) {
+      if (col.type || col.treeColumnsName) {
+        return true;
+      }
+      return prev.some(function (_, index) {
+        return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
+      }) || !props.scrolling;
+    });
+  }
   return $td;
 }
 ;// CONCATENATED MODULE: ../base/src/table/tr.tsx
@@ -65578,12 +66380,12 @@ var Tr = function Tr(props) {
     }
     return undefined;
   };
-  var getTdStyle = usePersistFn(function (column, colSpan) {
+  var getTdStyle = function getTdStyle(column, colSpan) {
     var index = column.index;
     var fixedStyle = getFixedStyle(column.fixed, index, colSpan);
     if (!fixedStyle && !column.style) return;
     return objectSpread2_default()(objectSpread2_default()({}, column.style), fixedStyle);
-  });
+  };
   var handleCellClick = usePersistFn(function (data, colIndex) {
     if (!props.onCellClick) return;
     props.onCellClick(data, {
@@ -65593,16 +66395,16 @@ var Tr = function Tr(props) {
     });
   });
   var setVirtualRowHeight = usePersistFn(function () {
+    if (props.strictRowHeight) return;
     if (props.setRowHeight && trRef.current) {
-      // 祖先元素不可见时（display: none）
-      if (!trRef.current.offsetParent) return;
       var expandHeight = expandRef.current ? expandRef.current.getBoundingClientRect().height : 0;
       props.setRowHeight(props.rowIndex, trRef.current.getBoundingClientRect().height + expandHeight);
     }
   });
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(setVirtualRowHeight, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (!trRef.current) return;
+    // 祖先元素不可见时（display: none）
+    if (props.strictRowHeight || !trRef.current || !trRef.current.offsetParent) return;
     var cancelObserver = addResizeObserver(trRef.current, setVirtualRowHeight, {
       direction: 'y'
     });
@@ -65648,7 +66450,7 @@ var Tr = function Tr(props) {
       return _ref.apply(this, arguments);
     };
   }());
-  var renderTreeExpand = usePersistFn(function (content) {
+  var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
     var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
@@ -65701,8 +66503,8 @@ var Tr = function Tr(props) {
       },
       children: [$expandIconWrapper, content]
     });
-  });
-  var renderContent = usePersistFn(function (col, data) {
+  };
+  var renderContent = function renderContent(col, data) {
     if (col.type === 'expand' || col.type === 'row-expand') {
       var renderResult = typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex) : undefined;
       if (typeof renderResult !== 'function') return null;
@@ -65770,8 +66572,8 @@ var Tr = function Tr(props) {
     }
     if (col.render === undefined) return null;
     return content;
-  });
-  var renderTds = usePersistFn(function (cols, data) {
+  };
+  var renderTds = function renderTds(cols, data) {
     var tds = [];
     var skip = 0;
     var lastRowIndex = data.length - 1;
@@ -65788,7 +66590,7 @@ var Tr = function Tr(props) {
         var last = cols[i + (data[i].colSpan || 1) - 1] || {};
         var isRowSpanTd = data[i].rowSpan > 1;
         var shouldBindMouseEvent = props.hover && hasSiblingRowSpan || isRowSpanTd;
-        var showCellHover = props.hoverIndex.has(props.rowIndex);
+        var showCellHover = props.hover && props.hoverIndex.has(props.rowIndex);
         if (!showCellHover && data[i].rowSpan > 1) {
           for (var j = 0; j < data[i].rowSpan; j++) {
             if (props.hoverIndex.has(props.rowIndex + j)) {
@@ -65827,7 +66629,7 @@ var Tr = function Tr(props) {
       if (_loop(i)) continue;
     }
     return tds;
-  });
+  };
   var renderExpand = function renderExpand() {
     if (!props.expanded) return null;
     var expandCol = props.expandCol;
@@ -65902,7 +66704,10 @@ var Tr = function Tr(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", objectSpread2_default()(objectSpread2_default()({
       ref: trRef,
-      className: classnames_default()(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked), props.hover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowHover))
+      className: classnames_default()(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked), props.hover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowHover)),
+      style: {
+        height: props.strictRowHeight ? props.strictRowHeight : undefined
+      }
     }, props.rowEvents), {}, {
       onClick: handleRowClick,
       children: renderTds(props.columns, props.row)
@@ -66000,20 +66805,24 @@ var Tr = function Tr(props) {
       treeCheckAll: props.treeCheckAll,
       onCellClick: props.onCellClick,
       virtual: props.virtual,
-      scrolling: props.scrolling
+      scrolling: props.scrolling,
+      strictRowHeight: props.strictRowHeight
     }, trRenderKey);
   };
-  var $tbody = useComponentMemo(function () {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-      children: (props.data || []).map(function (item, index) {
-        return renderRow(item, index);
-      })
+  var $tbody = /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+    children: (props.data || []).map(function (item, index) {
+      return renderRow(item, index);
+    })
+  });
+  if (props.virtual === 'lazy') {
+    return useComponentMemo(function () {
+      return $tbody;
+    }, [props.data, currentIndex], function (prev, next) {
+      return prev.some(function (_, index) {
+        return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
+      }) || !props.scrolling;
     });
-  }, [props.data, currentIndex], props.virtual === 'lazy' ? function (prev, next) {
-    return prev.some(function (_, index) {
-      return !shallowEqual(prev === null || prev === void 0 ? void 0 : prev[index], next === null || next === void 0 ? void 0 : next[index]);
-    }) || !props.scrolling;
-  } : undefined);
+  }
   return $tbody;
 });
 ;// CONCATENATED MODULE: ../base/src/table/tfoot.tsx
@@ -66159,7 +66968,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,
@@ -66247,10 +67056,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,
@@ -66275,6 +67087,7 @@ var emptyRef = {
     scrollWidth = _useTableLayout.scrollWidth,
     resizeFlag = _useTableLayout.resizeFlag;
   var _useTableFilter = use_table_filter({
+      keygen: props.keygen,
       data: props.data,
       columns: props.columns
     }),
@@ -66388,12 +67201,14 @@ var emptyRef = {
     };
   }, [theadRef.current, tfootRef.current]);
   var virtualInfo = use_table_virtual({
+    virtual: props.virtual,
     disabled: !virtual,
     data: treeData,
     columns: columns,
     colgroup: colgroup,
     rowsInView: props.rowsInView || 20,
     rowHeight: props.rowHeight || 40,
+    strictRowHeight: props.strictRowHeight,
     scrollRef: scrollRef,
     innerRef: tbodyRef,
     scrollLeft: props.scrollLeft,
@@ -66417,6 +67232,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;
     }
@@ -66436,6 +67254,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;
@@ -66447,7 +67266,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);
     }
@@ -66465,7 +67284,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;
         },
@@ -66516,7 +67335,8 @@ var emptyRef = {
       bodyScrollWidth: scrollWidth,
       resizeFlag: resizeFlag,
       treeCheckAll: props.treeCheckAll,
-      onCellClick: props.onCellClick
+      onCellClick: props.onCellClick,
+      strictRowHeight: props.strictRowHeight
     };
     var headCommonProps = {
       disabled: props.disabled,
@@ -66791,6 +67611,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)),
@@ -66813,15 +67639,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
 
 
@@ -66845,14 +67669,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
@@ -68625,6 +69449,7 @@ var TransferOperate = function TransferOperate(props) {
 
 
 
+
 var Transfer = function Transfer(props) {
   var _jssStyle$transfer;
   var jssStyle = props.jssStyle,
@@ -68798,12 +69623,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);
@@ -69012,7 +69838,8 @@ var TreeSelect = function TreeSelect(props0) {
     onEnterExpand = props.onEnterExpand,
     onExpand = props.onExpand,
     beforeChange = props.beforeChange,
-    filterSameChange = props.filterSameChange;
+    filterSameChange = props.filterSameChange,
+    checkOnFiltered = props.checkOnFiltered;
   var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$treeSelect = jssStyle.treeSelect) === null || _jssStyle$treeSelect === void 0 ? void 0 : _jssStyle$treeSelect.call(jssStyle);
   var rootStyle = Object.assign({
     width: width
@@ -69100,7 +69927,7 @@ var TreeSelect = function TreeSelect(props0) {
   var _useTree = use_tree({
       mode: mode,
       value: value,
-      data: data,
+      data: checkOnFiltered ? filterData || [] : data,
       unmatch: unmatch,
       tiledData: tiledData,
       virtual: virtual,
@@ -69563,11 +70390,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,
@@ -70691,10 +71518,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,
@@ -70710,7 +71538,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
@@ -73340,7 +74168,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.0-beta.2'
+  version: '3.9.0-beta.21'
 });
 }();
 /******/ 	return __webpack_exports__;