tntd 3.0.57 → 3.0.59

package/es/query-form/Field/Composition/index.less

@@ -7,7 +7,7 @@
   max-height: 162px;
   overflow-x: hidden;
   cursor: text;
-  padding: 2px @padding-xl;
+  padding: 1px @padding-xl;
   position: relative;
   box-sizing: border-box;
   background-color: @select-background;
@@ -17,15 +17,16 @@
   outline: none;
   transition: all 0.3s @ease-in-out;
   user-select: none;
-  margin-bottom: @margin-sm;
+  margin-bottom: @margin-base;
 
   &-prefix {
     position: absolute;
     left: @padding-sm;
     top: 50%;
     transform: translateY(-50%);
+
     i.anticon {
-      color: #8B919E;
+      color: #8b919e;
     }
   }
 
@@ -44,24 +45,30 @@
     list-style: none;
     margin: 0;
     width: 100%;
+
     &-item {
-      padding: 3px 0;
+      // padding: 3px 0;
+      margin: 2px 0 !important;
     }
+
     li {
       line-height: 1;
     }
+
     &-input {
       flex: 1;
       min-width: 160px;
+
       .inputClass {
         background: none;
         border: none !important;
         outline: none;
         box-shadow: none !important;
         width: 100% !important;
-        height: 26px;
-        line-height: 26px;
+        height: 28px;
+        line-height: 28px;
         padding: 0;
+
         input {
           border: none !important;
           outline: none !important;
@@ -70,15 +77,18 @@
           line-height: 26px;
           padding: 0;
         }
+
         textarea {
           padding: 0;
         }
       }
+
       .inputClass-with-placeholder {
         min-width: 398px !important;
       }
     }
   }
+
   &-clear {
     position: absolute;
     // right: @margin-sm;
@@ -86,15 +96,18 @@
     top: 50%;
     transform: translateY(-50%);
     display: none;
+
     i.anticon {
       color: tint(@bg-color-spotilight, 50%);
     }
+
     &:hover {
       .anticon {
         color: @text-color-secondary !important;
       }
     }
   }
+
   &-search {
     position: absolute;
     right: 0;
@@ -108,38 +121,47 @@
     align-items: center;
     transition: border-color 0.3s @ease-in-out;
     cursor: pointer;
+
     &:hover {
-      background-color: #E6F4FF;
+      background-color: #e6f4ff;
+
       i.anticon {
         color: @primary-color;
       }
     }
   }
+
   &:hover,
   &:focus,
   &:active {
     border-color: @primary-color;
-    box-shadow: 0px 0px 4px 0px rgba(18, 107, 251, 0.10), 0px 0px 5px 0px rgba(18, 107, 251, 0.30);
+    box-shadow: 0px 0px 4px 0px rgba(18, 107, 251, 0.1), 0px 0px 5px 0px rgba(18, 107, 251, 0.3);
     outline: 0;
+
     .tnt-queryform-composition-input-prefix {
       i.anticon {
         color: @text-color;
       }
     }
+
     .tnt-queryform-composition-input-clear {
       display: block;
     }
+
     .tnt-queryform-composition-input-search {
       border-color: @primary-color;
     }
   }
+
   .ant-tag {
-    padding: 0 @padding-xs;
-    border: none;
-    background: @fill-color-tertiary;
-    height: 20px;
+
+    // padding: 0 @padding-xs;
+    // border: none;
+    // background: @fill-color-tertiary;
+    // height: 20px;
     .ant-tag-addon-wrap {
-      margin-top: -2px;
+      margin-top: 0px;
+      vertical-align: top;
     }
   }
-}
+}

package/es/query-form/Field/Composition/utils.js

@@ -15,11 +15,7 @@ var _isString2 = _interopRequireDefault(require("lodash/isString"));
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
 var _react = _interopRequireDefault(require("react"));
 var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function highlightSubstring(str, substring) {
   var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
   return str.replace(new RegExp(substring, 'g'), highlighted);

package/es/scroll-bar/Bar.js

@@ -1,14 +1,6 @@
 "use strict";
 
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,84 +9,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 var _Thumb = _interopRequireDefault(require("./Thumb"));
 var _util = require("./util");
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
-function _getRequireWildcardCache(e) {
-  if ("function" != typeof WeakMap) return null;
-  var r = new WeakMap(),
-    t = new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
-    return e ? t : r;
-  })(e);
-}
-function _interopRequireWildcard(e, r) {
-  if (!r && e && e.__esModule) return e;
-  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
-    "default": e
-  };
-  var t = _getRequireWildcardCache(r);
-  if (t && t.has(e)) return t.get(e);
-  var n = {
-      __proto__: null
-    },
-    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
-  }
-  return n["default"] = e, t && t.set(e, n), n;
-}
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var _default = exports["default"] = (0, _react.forwardRef)(function (props, ref) {
   var _useContext = (0, _react.useContext)(_Context["default"]),
     wrapElement = _useContext.wrapElement;

package/es/scroll-bar/Context.js

@@ -5,11 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var Context = _react["default"].createContext({
   scrollbarElement: null,
   wrapElement: null

package/es/scroll-bar/ScrollBar.js

@@ -1,14 +1,6 @@
 "use strict";
 
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,36 +9,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Bar = _interopRequireDefault(require("./Bar"));
 var _Context = _interopRequireDefault(require("./Context"));
-function _getRequireWildcardCache(e) {
-  if ("function" != typeof WeakMap) return null;
-  var r = new WeakMap(),
-    t = new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
-    return e ? t : r;
-  })(e);
-}
-function _interopRequireWildcard(e, r) {
-  if (!r && e && e.__esModule) return e;
-  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
-    "default": e
-  };
-  var t = _getRequireWildcardCache(r);
-  if (t && t.has(e)) return t.get(e);
-  var n = {
-      __proto__: null
-    },
-    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
-  }
-  return n["default"] = e, t && t.set(e, n), n;
-}
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -69,14 +34,11 @@ var _default = exports["default"] = (0, _react.forwardRef)(function (_a, ref) {
     var wrapDom = wrapElement.current;
     var resizeDom = resizeRef.current;
     // 监听容器尺寸变化，因为尺寸可以设置类似height:100vh之类样式，高度并不是固定的
-    var observerCallback = function observerCallback() {
-      return requestAnimationFrame(function () {
-        var _a;
-        update();
-        (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
-      });
-    };
-    var observer = new ResizeObserver(observerCallback);
+    var observer = new ResizeObserver(function () {
+      var _a;
+      update();
+      (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
+    });
     observer.observe(wrapDom);
     observer.observe(resizeDom);
     return function () {

package/es/scroll-bar/ScrollBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../src/scroll-bar/ScrollBar.js"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'classnames'\nimport React, { forwardRef, useEffect, useRef } from 'react'\nimport Bar from './Bar'\nimport Context from './Context'\n\nexport default forwardRef(({ children, minSize = 20, ...props }, ref) => {\n  const scrollbarElement = useRef()\n  let wrapElement = useRef()\n  wrapElement = ref || wrapElement\n  const resizeRef = useRef()\n  const barRef = useRef()\n\n  useEffect(() => {\n    const wrapDom = wrapElement.current\n    const resizeDom = resizeRef.current\n    // 监听容器尺寸变化，因为尺寸可以设置类似height:100vh之类样式，高度并不是固定的\n    const observerCallback = () =>\n      requestAnimationFrame(() => {\n        update()\n        barRef.current?.handleScroll()\n      })\n    const observer = new ResizeObserver(observerCallback)\n    observer.observe(wrapDom)\n    observer.observe(resizeDom)\n    return () => {\n      observer.unobserve(wrapDom)\n      observer.unobserve(resizeDom)\n    }\n  }, [])\n  useEffect(() => {\n    if (!props.native) {\n      update()\n      barRef.current?.handleScroll()\n    }\n  }, [props.native])\n\n  function update() {\n    barRef.current?.update()\n  }\n\n  function handleScroll(e) {\n    barRef.current?.handleScroll()\n    props.onScroll?.(e)\n  }\n\n  const wrapStyle = { height: props.height, maxHeight: props.maxHeight }\n  const wrapClassName = clsx('tntd-scroll-bar-wrap', {\n    'tntd-scroll-bar-wrap-hidden-default': !props.native,\n  })\n\n  return (\n    <Context.Provider value={{ scrollbarElement, wrapElement }}>\n      <div\n        style={props.style}\n        className={clsx('tntd-scroll-bar', props.className)}\n        ref={scrollbarElement}\n      >\n        <div style={wrapStyle} className={wrapClassName} ref={wrapElement} onScroll={handleScroll}>\n          <div className=\"tntd-scroll-bar-view\" ref={resizeRef}>\n            {children}\n          </div>\n        </div>\n        {!props.native && <Bar ref={barRef} always={props.always} minSize={minSize} />}\n      </div>\n    </Context.Provider>\n  )\n})\n"]}
+{"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../src/scroll-bar/ScrollBar.js"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'classnames'\nimport React, { forwardRef, useEffect, useRef } from 'react'\nimport Bar from './Bar'\nimport Context from './Context'\n\nexport default forwardRef(({ children, minSize = 20, ...props }, ref) => {\n  const scrollbarElement = useRef()\n  let wrapElement = useRef()\n  wrapElement = ref || wrapElement\n  const resizeRef = useRef()\n  const barRef = useRef()\n\n  useEffect(() => {\n    const wrapDom = wrapElement.current\n    const resizeDom = resizeRef.current\n    // 监听容器尺寸变化，因为尺寸可以设置类似height:100vh之类样式，高度并不是固定的\n    const observer = new ResizeObserver(() => {\n      update()\n      barRef.current?.handleScroll()\n    })\n    observer.observe(wrapDom)\n    observer.observe(resizeDom)\n    return () => {\n      observer.unobserve(wrapDom)\n      observer.unobserve(resizeDom)\n    }\n  }, [])\n  useEffect(() => {\n    if (!props.native) {\n      update()\n      barRef.current?.handleScroll()\n    }\n  }, [props.native])\n\n  function update() {\n    barRef.current?.update()\n  }\n\n  function handleScroll(e) {\n    barRef.current?.handleScroll()\n    props.onScroll?.(e)\n  }\n\n  const wrapStyle = { height: props.height, maxHeight: props.maxHeight }\n  const wrapClassName = clsx('tntd-scroll-bar-wrap', {\n    'tntd-scroll-bar-wrap-hidden-default': !props.native,\n  })\n\n  return (\n    <Context.Provider value={{ scrollbarElement, wrapElement }}>\n      <div\n        style={props.style}\n        className={clsx('tntd-scroll-bar', props.className)}\n        ref={scrollbarElement}\n      >\n        <div style={wrapStyle} className={wrapClassName} ref={wrapElement} onScroll={handleScroll}>\n          <div className=\"tntd-scroll-bar-view\" ref={resizeRef}>\n            {children}\n          </div>\n        </div>\n        {!props.native && <Bar ref={barRef} always={props.always} minSize={minSize} />}\n      </div>\n    </Context.Provider>\n  )\n})\n"]}

package/es/scroll-bar/Thumb.js

@@ -1,14 +1,6 @@
 "use strict";
 
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,84 +9,15 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Context = _interopRequireDefault(require("./Context"));
 var _util = require("./util");
-function _getRequireWildcardCache(e) {
-  if ("function" != typeof WeakMap) return null;
-  var r = new WeakMap(),
-    t = new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
-    return e ? t : r;
-  })(e);
-}
-function _interopRequireWildcard(e, r) {
-  if (!r && e && e.__esModule) return e;
-  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
-    "default": e
-  };
-  var t = _getRequireWildcardCache(r);
-  if (t && t.has(e)) return t.get(e);
-  var n = {
-      __proto__: null
-    },
-    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
-  }
-  return n["default"] = e, t && t.set(e, n), n;
-}
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function Thumb(props) {
   var _useContext = (0, _react.useContext)(_Context["default"]),
     scrollbarElement = _useContext.scrollbarElement,

package/es/scroll-bar/index.js

@@ -6,9 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _ScrollBar = _interopRequireDefault(require("./ScrollBar"));
 require("./scrollBar.less");
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    "default": e
-  };
-}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var _default = exports["default"] = _ScrollBar["default"];

package/es/scroll-bar/util.js

@@ -4,37 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderThumbStyle = exports.GAP = exports.BAR_MAP = void 0;
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var GAP = exports.GAP = 4; // top 2 + bottom 2 of bar instance
 var BAR_MAP = exports.BAR_MAP = {
   vertical: {

package/es/style/core/base.less

@@ -508,3 +508,5 @@ mark {
 .clearfix {
   .clearfix();
 }
+
+.scrollbar-base();

package/es/style/mixins/index.less

@@ -8,3 +8,4 @@
 @import 'reset';
 @import 'operation-unit';
 @import 'typography';
+@import 'scrollbar';

package/es/style/mixins/scrollbar.less

@@ -0,0 +1,54 @@
+@scrollbar-width: 8px;          // 滚动条基础宽度（Webkit有效，Firefox仅支持thin/none/auto）
+@scrollbar-radius: 3px;         // 滚动条圆角
+@track-color: transparent;      // 默认轨道颜色（透明更适配不同背景）
+@thumb-color: #C9D2DD;          // 默认滑块颜色（浅灰）
+@thumb-hover: #8B919E; // 悬停滑块颜色（深灰）
+
+/* 深色主题变量（通过覆盖变量实现主题切换） */
+// @dark-track: rgba(255, 255, 255, 0.05);   // 深色轨道
+// @dark-thumb: rgba(255, 255, 255, 0.2);    // 深色滑块
+// @dark-thumb-hover: rgba(255, 255, 255, 0.3); // 深色悬停
+
+/* 核心滚动条混合（建议添加到需要滚动的容器类） */
+.scrollbar-base() {
+    /* Firefox兼容 */
+    // scrollbar-width: none;  // 仅支持thin/none/auto，thin对应约6px宽度
+    /* 关键：防止滚动条占用容器内空间 */
+    // box-sizing: border-box;
+
+    /* Webkit内核（Chrome/Safari等） */
+    &::-webkit-scrollbar {
+        width: @scrollbar-width;   // 垂直滚动条宽度
+        height: @scrollbar-width;  // 水平滚动条高度
+    }
+
+    &::-webkit-scrollbar-track {
+        background: @track-color;
+        border-radius: @scrollbar-radius;
+        margin: 2px 0;  // 上下留空避免贴边（垂直滚动条）               // 若需要水平滚动条留空可添加 margin: 0 2px;
+    }
+    &::-webkit-scrollbar-track-piece {
+        -webkit-border-radius: 0;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        height: @scrollbar-width;
+        background: @thumb-color;
+        border-radius: @scrollbar-radius;
+        transition: background 0.2s ease;  // 颜色过渡动画
+        cursor: pointer;
+    }
+
+    &::-webkit-scrollbar-thumb:hover{
+        background: @thumb-hover;  // 直接修改背景色更自然
+        opacity: 0.8;
+    }
+
+    /* 可选：隐藏滚动条但保留滚动功能（需配合overflow: auto） */
+    &.scrollbar-hidden {
+        &::-webkit-scrollbar {
+            width: 0;
+            height: 0;
+        }
+    }
+}

package/lib/exception/exception.less

@@ -6,6 +6,7 @@
         height:100%;
         padding-top: 110px;
         background-color: #fff;
+        border-radius: calc(@border-radius-base * 2);
     }
     &-desc{
         text-align: center;

package/lib/handle-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AA6BA,2DAgJC;;IAED,+BAiEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/handle-icon/index.js"],"names":[],"mappings":";AA6BA,2DAiJC;;IAED,+BAiEC"}

package/lib/handle-icon/index.js

@@ -106,13 +106,12 @@ var HandleIcon = function HandleIcon(props) {
             onConfirm: function onConfirm() {}
           };
         }
-        return _react["default"].cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
-          overlayStyle: {
+        return _react["default"].cloneElement(element, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _props || {}), {
+          overlayStyle: Object.assign({
             minWidth: "200px",
             maxWidth: "600px",
             zIndex: 1055
-          }
-        }, _props || {}), {
+          }, _props.overlayStyle || {}),
           onClick: function onClick(e) {
             return e.stopPropagation();
           }