@chaoswise/ui 3.0.23 → 3.1.0

package/lib/Antd5/upload/style/list.js

@@ -8,7 +8,6 @@ import { unit } from '@ant-design/cssinjs';
 import { clearFix, textEllipsis } from '../../style';
 var genListStyle = function genListStyle(token) {
   var componentCls = token.componentCls,
-    antCls = token.antCls,
     iconCls = token.iconCls,
     fontSize = token.fontSize,
     lineHeight = token.lineHeight,
@@ -16,7 +15,6 @@ var genListStyle = function genListStyle(token) {
   var itemCls = "".concat(componentCls, "-list-item");
   var actionsCls = "".concat(itemCls, "-actions");
   var actionCls = "".concat(itemCls, "-action");
-  var listItemHeightSM = token.fontHeightSM;
   return _defineProperty({}, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls, "-list"), _objectSpread(_objectSpread({}, clearFix()), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     lineHeight: token.lineHeight
   }, itemCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
@@ -27,6 +25,7 @@ var genListStyle = function genListStyle(token) {
     display: 'flex',
     alignItems: 'center',
     transition: "background-color ".concat(token.motionDurationSlow),
+    borderRadius: token.borderRadiusSM,
     '&:hover': {
       backgroundColor: token.controlItemBgHover
     }
@@ -35,7 +34,7 @@ var genListStyle = function genListStyle(token) {
     lineHeight: lineHeight,
     flex: 'auto',
     transition: "all ".concat(token.motionDurationSlow)
-  })), actionsCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  })), actionsCls, _defineProperty(_defineProperty(_defineProperty({
     whiteSpace: 'nowrap'
   }, actionCls, {
     opacity: 0
@@ -44,10 +43,6 @@ var genListStyle = function genListStyle(token) {
     transition: "all ".concat(token.motionDurationSlow)
   }), "\n              ".concat(actionCls, ":focus-visible,\n              &.picture ").concat(actionCls, "\n            "), {
     opacity: 1
-  }), "".concat(actionCls).concat(antCls, "-btn"), {
-    height: listItemHeightSM,
-    border: 0,
-    lineHeight: 1
   })), "".concat(componentCls, "-icon ").concat(iconCls), {
     color: token.colorTextDescription,
     fontSize: fontSize

package/lib/Antd5/version/version.js

@@ -1 +1 @@
-export default '5.17.4';
+export default '5.22.2';

package/lib/Antd5/watermark/context.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useEvent } from 'rc-util';
+import useEvent from 'rc-util/lib/hooks/useEvent';
 function voidFunc() {}
 var WatermarkContext = /*#__PURE__*/React.createContext({
   add: voidFunc,

package/lib/Antd5/watermark/index.js

@@ -1,9 +1,4 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -14,16 +9,23 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { useMutateObserver } from '@rc-component/mutate-observer';
 import classNames from 'classnames';
+import useEvent from 'rc-util/lib/hooks/useEvent';
 import { useToken } from '../theme/internal';
 import WatermarkContext from './context';
 import useClips, { FontGap } from './useClips';
 import useRafDebounce from './useRafDebounce';
 import useWatermark from './useWatermark';
 import { getPixelRatio, reRendering } from './utils';
+import toList from '../_util/toList';
 /**
  * Only return `next` when size changed.
  * This is only used for elements compare, not a shallow equal!
@@ -33,6 +35,10 @@ function getSizeDiff(prev, next) {
 }
 var DEFAULT_GAP_X = 100;
 var DEFAULT_GAP_Y = 100;
+var fixedStyle = {
+  position: 'relative',
+  overflow: 'hidden'
+};
 var Watermark = function Watermark(props) {
   var _offset$, _offset$2;
   var _props$zIndex = props.zIndex,
@@ -54,6 +60,7 @@ var Watermark = function Watermark(props) {
     children = props.children,
     _props$inherit = props.inherit,
     inherit = _props$inherit === void 0 ? true : _props$inherit;
+  var mergedStyle = _objectSpread(_objectSpread({}, fixedStyle), style);
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     token = _useToken2[1];
@@ -79,7 +86,7 @@ var Watermark = function Watermark(props) {
   var offsetLeft = (_offset$ = offset === null || offset === void 0 ? void 0 : offset[0]) !== null && _offset$ !== void 0 ? _offset$ : gapXCenter;
   var offsetTop = (_offset$2 = offset === null || offset === void 0 ? void 0 : offset[1]) !== null && _offset$2 !== void 0 ? _offset$2 : gapYCenter;
   var markStyle = React.useMemo(function () {
-    var mergedStyle = {
+    var mergedMarkStyle = {
       zIndex: zIndex,
       position: 'absolute',
       left: 0,
@@ -93,17 +100,17 @@ var Watermark = function Watermark(props) {
     var positionLeft = offsetLeft - gapXCenter;
     var positionTop = offsetTop - gapYCenter;
     if (positionLeft > 0) {
-      mergedStyle.left = "".concat(positionLeft, "px");
-      mergedStyle.width = "calc(100% - ".concat(positionLeft, "px)");
+      mergedMarkStyle.left = "".concat(positionLeft, "px");
+      mergedMarkStyle.width = "calc(100% - ".concat(positionLeft, "px)");
       positionLeft = 0;
     }
     if (positionTop > 0) {
-      mergedStyle.top = "".concat(positionTop, "px");
-      mergedStyle.height = "calc(100% - ".concat(positionTop, "px)");
+      mergedMarkStyle.top = "".concat(positionTop, "px");
+      mergedMarkStyle.height = "calc(100% - ".concat(positionTop, "px)");
       positionTop = 0;
     }
-    mergedStyle.backgroundPosition = "".concat(positionLeft, "px ").concat(positionTop, "px");
-    return mergedStyle;
+    mergedMarkStyle.backgroundPosition = "".concat(positionLeft, "px ").concat(positionTop, "px");
+    return mergedMarkStyle;
   }, [zIndex, offsetLeft, gapXCenter, offsetTop, gapYCenter]);
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -129,7 +136,7 @@ var Watermark = function Watermark(props) {
     var defaultHeight = 64;
     if (!image && ctx.measureText) {
       ctx.font = "".concat(Number(fontSize), "px ").concat(fontFamily);
-      var contents = Array.isArray(content) ? content : [content];
+      var contents = toList(content);
       var sizes = contents.map(function (item) {
         var metrics = ctx.measureText(item);
         return [metrics.width, metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent];
@@ -204,13 +211,25 @@ var Watermark = function Watermark(props) {
     }
   }, [watermarkInfo, targetElements]);
   // ============================ Observe =============================
-  var onMutate = function onMutate(mutations) {
+  var onMutate = useEvent(function (mutations) {
     mutations.forEach(function (mutation) {
       if (reRendering(mutation, isWatermarkEle)) {
         syncWatermark();
+      } else if (mutation.target === container && mutation.attributeName === 'style') {
+        // We've only force container not modify.
+        // Not consider nest case.
+        var keyStyles = Object.keys(fixedStyle);
+        for (var i = 0; i < keyStyles.length; i += 1) {
+          var key = keyStyles[i];
+          var oriValue = mergedStyle[key];
+          var currentValue = container.style[key];
+          if (oriValue && oriValue !== currentValue) {
+            container.style[key] = oriValue;
+          }
+        }
       }
     });
-  };
+  });
   useMutateObserver(targetElements, onMutate);
   useEffect(syncWatermark, [rotate, zIndex, width, height, image, content, color, fontSize, fontWeight, fontStyle, fontFamily, textAlign, gapX, gapY, offsetLeft, offsetTop]);
   // ============================ Context =============================
@@ -241,9 +260,7 @@ var Watermark = function Watermark(props) {
   return _jsx("div", {
     ref: setContainer,
     className: classNames(className, rootClassName),
-    style: _objectSpread({
-      position: 'relative'
-    }, style),
+    style: mergedStyle,
     children: childNode
   });
 };

package/lib/Antd5/watermark/useClips.js

@@ -4,6 +4,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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; }
+import toList from '../_util/toList';
 export var FontGap = 3;
 function prepareCanvas(width, height) {
   var ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
@@ -46,7 +47,7 @@ export default function useClips() {
       ctx.fillStyle = color;
       ctx.textAlign = textAlign;
       ctx.textBaseline = 'top';
-      var contents = Array.isArray(content) ? content : [content];
+      var contents = toList(content);
       contents === null || contents === void 0 || contents.forEach(function (item, index) {
         ctx.fillText(item !== null && item !== void 0 ? item : '', contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
       });

package/lib/Antd5/watermark/useRafDebounce.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useEvent } from 'rc-util';
+import useEvent from 'rc-util/lib/hooks/useEvent';
 import raf from 'rc-util/lib/raf';
 /**
  * Callback will only execute last one for each raf

package/lib/Antd5/watermark/utils.js

@@ -1,4 +1,4 @@
-/** converting camel-cased strings to be lowercase and link it with Separato */
+/** converting camel-cased strings to be lowercase and link it with Separator */
 export function toLowercaseSeparator(key) {
   return key.replace(/([A-Z])/g, '-$1').toLowerCase();
 }

package/lib/CWSelect/index.js

@@ -1,2 +1,40 @@
+var _excluded = ["selectLabel", "label", "prefix"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef, useMemo } from "react";
 import Select from "../Antd5/select";
-export default Select;
+import classnames from "classnames";
+import useConfigContext from "../useConfigContext";
+import { cloneComProps } from "../utils";
+import useStyle from "./index.style";
+var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
+  var selectLabel = props.selectLabel,
+    label = props.label,
+    prefix = props.prefix,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("select");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _prefix = useMemo(function () {
+    return prefix || label || selectLabel;
+  }, [prefix, label, selectLabel]);
+  return wrapCSSVar(/*#__PURE__*/React.createElement(Select, _extends({
+    ref: ref,
+    prefix: _prefix
+  }, rest)));
+});
+CWSelect.propTypes = {};
+cloneComProps(Select, CWSelect);
+export default CWSelect;

package/lib/CWSelect/index.style.js

@@ -0,0 +1,39 @@
+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); }
+import { genStyleHooks, mergeToken } from "../Antd5/theme/internal";
+var genCustomSelectStyle = function genCustomSelectStyle(token) {
+  var prefixCls = token.antCls,
+    inputPaddingHorizontalBase = token.inputPaddingHorizontalBase;
+  var componentCls = "".concat(prefixCls, "-select");
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-prefix"), {
+    display: "flex",
+    alignItems: "center"
+    // paddingRight: inputPaddingHorizontalBase,
+  }), "".concat(componentCls, "-selection-wrap"), {
+    display: "flex",
+    position: "relative",
+    flex: 1,
+    alignItems: "center",
+    flexWrap: "wrap",
+    overflow: "auto"
+  }))), "".concat(componentCls).concat(componentCls, "-single"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty({}, "".concat(componentCls, "-selection-search"), {
+    left: "0",
+    marginLeft: "0"
+  })))), "".concat(componentCls).concat(componentCls, "-multiple"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty({}, "".concat(componentCls, "-selection-placeholder"), {
+    transform: "translate(-3px,-50%)" // 3px 是`${componentCls}-selection-search` 宽度
+  })), "&:has(".concat(componentCls, "-prefix)"), _defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-placeholder"), {
+    left: 0,
+    transform: "translateY(-50%)"
+  }), "".concat(componentCls, "-selection-search"), {
+    marginLeft: "0"
+  })))));
+};
+// ============================== Export ==============================
+export default genStyleHooks("CWSelect", function (token) {
+  var selectToken = mergeToken(token, {
+    inputPaddingHorizontalBase: token.calc(token.paddingSM).sub(1).equal()
+  });
+  return [genCustomSelectStyle(selectToken)];
+});

package/lib/CWTree/index.js

@@ -3,7 +3,7 @@ import _TooltipText from "@chaoswise/ui/lib/TooltipText";
 import _Dropdown from "@chaoswise/ui/lib/Dropdown";
 import _Menu from "@chaoswise/ui/lib/Menu";
 import _Tree from "@chaoswise/ui/lib/Tree";
-var _excluded = ["children", "treeData", "menuData", "extendType", "onClickMenu", "menuStyle", "menuRender", "extraFooter", "tooltipPlacement", "searchValue", "multiple", "selectedKeys", "defaultSelectedKeys", "onSelect", "searchHighlight", "draggable", "isDrawer", "searchHighlightStyle", "className", "caseSensitive", "onExpand", "renderItem", "useTooltipText"],
+var _excluded = ["children", "treeData", "menuData", "extendType", "onClickMenu", "menuStyle", "menuRender", "extraFooter", "tooltipPlacement", "searchValue", "multiple", "selectedKeys", "defaultSelectedKeys", "onSelect", "searchHighlight", "draggable", "searchHighlightStyle", "className", "caseSensitive", "onExpand", "renderItem", "useTooltipText"],
   _excluded2 = ["icon", "title", "key", "children"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -52,7 +52,6 @@ function CWTree(_ref) {
     searchHighlight = _ref$searchHighlight === void 0 ? false : _ref$searchHighlight,
     _ref$draggable = _ref.draggable,
     draggable = _ref$draggable === void 0 ? false : _ref$draggable,
-    isDrawer = _ref.isDrawer,
     _ref$searchHighlightS = _ref.searchHighlightStyle,
     searchHighlightStyle = _ref$searchHighlightS === void 0 ? {
       color: "#F5222D"
@@ -178,7 +177,7 @@ function CWTree(_ref) {
       className: "cw-tree-treenode-title"
     }, useTooltipText ? /*#__PURE__*/React.createElement(_TooltipText, {
       placement: tooltipPlacement ? tooltipPlacement : "bottomLeft"
-    }, title) : title), /*#__PURE__*/React.createElement("span", {
+    }, title) : title), draggable && _showExtend === key && /*#__PURE__*/React.createElement("span", {
       className: "cw-tree-treenode-drag-icon"
     }, /*#__PURE__*/React.createElement(_Tooltip, {
       title: intl.get("5fe60774-0f08-450f-a9d9-998996485fec").d("拖拽移动")
@@ -315,8 +314,7 @@ CWTree.defaultProps = {
   searchHighlightStyle: {
     color: "#F5222D"
   },
-  draggable: false,
-  isDrawer: true
+  draggable: false
 };
 CWTree.propTypes = {
   /**
@@ -389,10 +387,6 @@ CWTree.propTypes = {
    * 拖拽回调
    */
   onDrop: PropTypes.func,
-  /**
-   * 使用抽屉扩展功能
-   */
-  isDrawer: PropTypes.bool,
   /**
    * 自定义render node节点
    */

package/lib/CWTree/index.style.js

@@ -27,6 +27,7 @@ var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
             lineHeight: "32px",
             padding: "0 16px",
             whiteSpace: "nowrap",
+            marginBottom: 0,
             "&::before": {
               bottom: 0
             }
@@ -51,6 +52,7 @@ var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
             display: "inline-flex",
             flex: 1,
             width: "0",
+            position: "static",
             ".cw-tree-treenode-content": {
               width: "100%",
               ".cw-tree-treenode-title": {

package/lib/ConfigProvider/ConfigProvider.js

@@ -11,15 +11,14 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 // 导出全部 Antd5/config-provider 下的内容
-import React, { useEffect, useState, useContext } from "react";
+import React, { useState, useEffect, useMemo } from "react";
 import ConfigProvider from "../Antd5/config-provider";
 import { TagInitInstance, injectLocale } from "../locales";
 // eslint-disable-next-line react-refresh/only-export-components
 
 import { ThemeProvider } from "../antd-style";
 import { cloneComProps } from "../utils";
-import customTheme from "./customTheme";
-import chaoswiseUICustomTheme from "./customToken";
+import { getFinalTheme } from "./theme/utils";
 import "../Antd5/style/reset.css";
 import { merge } from "lodash-es";
 import intlContext from "./intlContext";
@@ -47,6 +46,13 @@ var CWConfigProvider = function CWConfigProvider(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     antdLocale = _useState6[0],
     setAntdLocale = _useState6[1];
+  var mergeTheme = useMemo(function () {
+    return getFinalTheme(merge({},
+    // 若嵌套主题内层ConfigProvider设置主题hashed为true
+    {
+      hashed: false
+    }, theme));
+  }, [theme]);
   var injectAntdLocale = function injectAntdLocale() {
     if (currentLocale === "zh_CN") {
       import("../Antd5/locale/zh_CN").then(function (res) {
@@ -77,13 +83,6 @@ var CWConfigProvider = function CWConfigProvider(_ref) {
   if (loading) {
     return null;
   }
-  var mergeTheme = merge({}, customTheme, {
-    components: chaoswiseUICustomTheme
-  },
-  // 若嵌套主题内层ConfigProvider设置主题hashed为true
-  {
-    hashed: false
-  }, theme);
   return /*#__PURE__*/React.createElement(Provider, {
     value: {
       locale: currentLocale,

package/lib/ConfigProvider/customTheme.js

@@ -209,6 +209,12 @@ export default {
       // 组件内部需要调整符合UI规范的样式
       // 1.组件折叠图标替换、位置调整
       // 2.组件内部间距调整
+      nodeHoverBg: "#e6f7ff",
+      // token变量,悬停色e6f7ff
+      nodeSelectedBg: "#e6f7ff",
+      // token变量,悬停色e6f7ff
+      directoryNodeSelectedBg: "#E6F7FF",
+      controlItemBgHover: "#E6F7FF",
       controlHeightSM: 28,
       marginXXS: 6,
       colorBgContainer: "transparent",

package/lib/ConfigProvider/theme/common.js

@@ -0,0 +1,140 @@
+export var commonToken = {
+  colorError: "#f5222d",
+  borderRadius: 2,
+  fontSize: 12,
+  controlHeight: 28,
+  controlHeightLG: 40,
+  controlHeightSM: 24,
+  controlHeightXS: 16,
+  wireframe: true // 用于将组件的视觉效果变为线框化，初始恢复到antd3/antd4的视觉效果
+};
+export var commonComponentToken = {
+  Layout: {
+    headerHeight: 48,
+    headerPadding: 0
+  },
+  Button: {
+    primaryShadow: "none",
+    dangerShadow: "none",
+    defaultShadow: "none",
+    contentFontSizeLG: 14,
+    contentFontSizeSM: 12,
+    contentFontSize: 12,
+    onlyIconSizeLG: 16,
+    onlyIconSizeSM: 12,
+    onlyIconSize: 14,
+    paddingInline: 11
+  },
+  Radio: {
+    radioSize: 16,
+    dotSize: 8
+  },
+  Checkbox: {
+    controlInteractiveSize: 16
+  },
+  Tooltip: {
+    paddingSM: 8
+  },
+  Dropdown: {
+    controlHeight: 30,
+    controlPaddingHorizontal: 6,
+    paddingXXS: "4px 0"
+  },
+  Form: {
+    verticalLabelPadding: "0 0 4px"
+  },
+  Steps: {
+    controlHeight: 24,
+    padding: 8,
+    iconSize: 24,
+    dotCurrentSize: 8,
+    dotSize: 8
+  },
+  DatePicker: {
+    paddingInline: 9
+  },
+  Input: {
+    paddingInline: 9
+  },
+  InputNumber: {
+    paddingInline: 9
+  },
+  Slider: {
+    railSize: 6,
+    borderRadiusXS: 3,
+    handleSize: 18,
+    dotSize: 6
+  },
+  Badge: {
+    dotSize: 4,
+    statusSize: 8,
+    indicatorHeight: 20,
+    textFontSize: 12
+  },
+  Collapse: {
+    headerPadding: "7px 16px"
+  },
+  Switch: {
+    opacityLoading: 0.35
+  },
+  Select: {
+    optionPadding: "5px 10px",
+    algorithm: true
+  },
+  Alert: {
+    defaultPadding: "4px 15px",
+    withDescriptionIconSize: 14,
+    withDescriptionPadding: "4px 15px",
+    fontSize: 14
+  },
+  Notification: {
+    zIndexPopup: 950
+  },
+  Message: {
+    contentPadding: "9px 16px"
+  },
+  Spin: {
+    dotSize: 20,
+    dotSizeLG: 32,
+    dotSizeSM: 14
+  },
+  Modal: {
+    padding: 14
+  },
+  Drawer: {
+    padding: 14
+  },
+  Tag: {
+    marginXS: 6
+  },
+  Table: {
+    fontWeightStrong: 400,
+    cellPaddingBlock: 12,
+    cellPaddingInline: 12,
+    cellPaddingBlockMD: 8,
+    cellPaddingInlineMD: 12
+  },
+  Tree: {
+    controlHeightSM: 28,
+    marginXXS: 6
+  },
+  Tabs: {
+    horizontalItemPaddingLG: "15px 0",
+    horizontalItemPadding: "10px 0",
+    horizontalItemPaddingSM: "5px 0",
+    lineHeight: 1.5714285,
+    padding: 15,
+    titleFontSize: 14,
+    titleFontSizeLG: 14,
+    titleFontSizeSM: 14,
+    cardPaddingLG: "15px 23px",
+    cardPadding: "8px 15px",
+    cardPaddingSM: "5px 7px"
+  },
+  Menu: {
+    itemBorderRadius: 4,
+    itemMarginInline: 8,
+    fontSize: 14,
+    collapsedWidth: 40
+  }
+};

package/lib/ConfigProvider/theme/dark.js

@@ -0,0 +1,2 @@
+export var darkToken = {};
+export var darkComponentToken = {};