@chaoswise/ui 2.5.8 → 3.0.0

package/lib/CWTree/assets/Drag.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 /*
  * @Author: andrew.qiao andrew.qiao@cloudwise.com
  * @Date: 2022-10-17 15:10:55

package/lib/CWTree/index.js

@@ -1,41 +1,27 @@
-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); }
-import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
-import "@chaoswise/ui/lib/TooltipText/index.less";
 import _TooltipText from "@chaoswise/ui/lib/TooltipText";
 import _Dropdown from "@chaoswise/ui/lib/Dropdown";
-import _Icon from "@chaoswise/ui/lib/Icon";
-import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 import _Menu from "@chaoswise/ui/lib/Menu";
-import "antd/es/tree/style";
-import _Tree from "antd/es/tree";
+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"],
   _excluded2 = ["icon", "title", "key", "children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(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 _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(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.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.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 import React, { Fragment, useState, useEffect, useMemo, useCallback } from "react";
-import isNull from "lodash-es/isNull";
-import isUndefined from "lodash-es/isUndefined";
+import { EllipsisOutlined, DownOutlined } from "@ant-design/icons";
 import PropTypes from "prop-types";
 import classnames from "classnames";
 import DragSvg from "./assets/Drag";
-import "./index.less";
-import { createTitle, KMPMatch } from "../QuickTransfer/utils";
-import { createTree } from "./utils";
-import langConfig from './locale';
-import { formatMessage } from "../utils";
+import { createTree, createTitle } from "./utils";
+import useStyle from "./index.style";
+import { useIntl } from "../locales";
 var TreeNode = _Tree.TreeNode,
   DirectoryTree = _Tree.DirectoryTree;
 var SubMenu = _Menu.SubMenu;
@@ -65,8 +51,7 @@ function CWTree(_ref) {
     searchHighlight = _ref$searchHighlight === void 0 ? false : _ref$searchHighlight,
     _ref$draggable = _ref.draggable,
     draggable = _ref$draggable === void 0 ? false : _ref$draggable,
-    _ref$isDrawer = _ref.isDrawer,
-    isDrawer = _ref$isDrawer === void 0 ? true : _ref$isDrawer,
+    isDrawer = _ref.isDrawer,
     _ref$searchHighlightS = _ref.searchHighlightStyle,
     searchHighlightStyle = _ref$searchHighlightS === void 0 ? {
       color: "#F5222D"
@@ -80,6 +65,11 @@ function CWTree(_ref) {
     _ref$useTooltipText = _ref.useTooltipText,
     useTooltipText = _ref$useTooltipText === void 0 ? true : _ref$useTooltipText,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyle = useStyle("cw-tree-outer-wrapper"),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     _showExtend = _useState2[0],
@@ -92,8 +82,7 @@ function CWTree(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     selfSelectedKeys = _useState6[0],
     setSelfSelectedKeys = _useState6[1];
-  var _useLocale = _useLocale2(langConfig),
-    localeObj = _useLocale.langObj;
+  var intl = useIntl();
   useEffect(function () {
     if (selectedKeys !== undefined) {
       setSelfSelectedKeys(selectedKeys);
@@ -107,17 +96,6 @@ function CWTree(_ref) {
       setSelfSelectedKeys(Keys);
     }
   }
-  function addRoot(treeData, root) {
-    if (isNull(treeData) || isUndefined(treeData)) return [];
-    return treeData.map(function (item) {
-      if (item.children) {
-        item.children = addRoot(item.children, (root === "/" ? "" : root) + "/" + item.title);
-      }
-      return _objectSpread(_objectSpread({}, item), {}, {
-        root: root
-      });
-    });
-  }
   var _treeData = useMemo(function () {
     if (!treeData) {
       return [];
@@ -168,9 +146,6 @@ function CWTree(_ref) {
         key: item.key,
         className: "cw-tree-treenode-extend-btn"
       }, /*#__PURE__*/React.createElement("span", {
-        // block={true}
-        // type="link"
-        // size='small'
         key: item.key,
         onClick: function onClick(e) {
           e.stopPropagation();
@@ -185,15 +160,12 @@ function CWTree(_ref) {
       placement: "bottomLeft"
       // trigger={["click"]}
       ,
-      overlayClassName: "cw-tree-treenode-extend-menu",
-      treekey: key
+      overlayClassName: "cw-tree-treenode-extend-menu"
     }, /*#__PURE__*/React.createElement("span", {
-      treekey: key,
       onClick: function onClick(e) {
         e.stopPropagation();
       }
-    }, /*#__PURE__*/React.createElement(_Icon, {
-      type: "ellipsis",
+    }, /*#__PURE__*/React.createElement(EllipsisOutlined, {
       className: "cw-tree-treenode-extend-menu-ellipsis"
     })));
     var titleDom = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -202,20 +174,17 @@ function CWTree(_ref) {
       className: "cw-tree-treenode-title"
     }, useTooltipText ? /*#__PURE__*/React.createElement(_TooltipText, {
       placement: tooltipPlacement ? tooltipPlacement : "bottomLeft"
-    }, title) : title), isDrawer && draggable && _showExtend === key && /*#__PURE__*/React.createElement("span", {
-      className: classnames("cw-tree-treenode-drag-icon")
+    }, title) : title), draggable && _showExtend === key && /*#__PURE__*/React.createElement("span", {
+      className: "cw-tree-treenode-drag-icon"
     }, /*#__PURE__*/React.createElement(_Tooltip, {
-      title: formatMessage(localeObj["dragMove"])
+      title: intl.get("5fe60774-0f08-450f-a9d9-998996485fec").d("拖拽移动")
     }, /*#__PURE__*/React.createElement(DragSvg, null)))), /*#__PURE__*/React.createElement("span", {
-      className: "cw-tree-treenode-extend ".concat(_showExtend === key ? "cw-tree-treenode-extend-show" : ""),
-      treekey: key
-    }, isDrawer ? /*#__PURE__*/React.createElement("span", {
-      className: "cw-tree-treenode-extend-dropdown-drag"
-    }, menuRender ? /*#__PURE__*/React.createElement(Fragment, null, menuRender(title, key, props), menuData(title, key, props) && menuDom) : extendType === "menu" ? menuDom : creatButton(icon, title, key, props)) : /*#__PURE__*/React.createElement(Fragment, null, menuRender ? /*#__PURE__*/React.createElement(Fragment, null, menuRender(title, key, props), menuData(title, key, props) && menuDom) : extendType === "menu" ? /*#__PURE__*/React.createElement("span", {
-      className: "cw-tree-treenode-extend-dropdown"
-    }, menuDom) : creatButton(icon, title, key, props))));
+      className: classnames("cw-tree-treenode-extend", {
+        "cw-tree-treenode-extend-show": _showExtend === key
+      })
+    }, menuRender ? /*#__PURE__*/React.createElement(Fragment, null, menuRender(title, key, props), menuData(title, key, props) && menuDom) : extendType === "menu" ? menuDom : creatButton(icon, title, key, props)));
     return titleDom;
-  }, [menuData, extendType, tooltipPlacement, isDrawer, draggable, _showExtend, menuRender, localeObj, useTooltipText, creatButton, creatMenu]);
+  }, [menuData, extendType, tooltipPlacement, draggable, _showExtend, menuRender, useTooltipText, creatButton, creatMenu]);
   var innerTreeNode = useMemo(function () {
     function creatTreeNode(data) {
       // 创建树结构
@@ -292,31 +261,25 @@ function CWTree(_ref) {
     }
     return {};
   }, [searchValue, expandedKeys]);
-  var onMouseEnter = function onMouseEnter(e) {
+  var onMouseEnter = function onMouseEnter(e, a) {
     // 显示扩展部分
-    if (e.node.props.eventKey === _showExtend) {
+    if (e.node.key === _showExtend) {
       return;
     }
-    setShowExtend(e.node.props.eventKey);
+    setShowExtend(e.node.key);
   };
   var onMouseLeave = function onMouseLeave() {
     setShowExtend("");
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "cw-tree-outer-wrapper"
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "cw-tree-outer-wrapper")
   }, /*#__PURE__*/React.createElement("div", {
     className: "cw-tree-inner-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames("cw-tree-location-box", {
-      "cw-tree-location-drag": isDrawer
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: isDrawer ? "cw-tree-drag" : "cw-tree-box"
+    className: "cw-tree-location-box"
   }, /*#__PURE__*/React.createElement(DirectoryTree, _extends({
     icon: null,
-    switcherIcon: /*#__PURE__*/React.createElement(_Icon, {
-      type: "down"
-    }),
+    switcherIcon: /*#__PURE__*/React.createElement(DownOutlined, null),
     selectedKeys: selfSelectedKeys,
     onSelect: selfOnSelect,
     expandAction: false,
@@ -324,11 +287,16 @@ function CWTree(_ref) {
     className: classnames("cw-tree", className),
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    draggable: draggable,
+    draggable: draggable ? {
+      icon: false,
+      nodeDraggable: function nodeDraggable() {
+        return true;
+      }
+    } : false,
     onExpand: _onExpand
-  }, expandedConfig, rest), children ? children : innerTreeNode)))), /*#__PURE__*/React.createElement("div", {
+  }, expandedConfig, rest), children ? children : innerTreeNode))), /*#__PURE__*/React.createElement("div", {
     className: "cw-tree-footer"
-  }, extraFooter));
+  }, extraFooter)));
 }
 CWTree.defaultProps = {
   showIcon: true,

package/lib/CWTree/index.style.js

@@ -0,0 +1,127 @@
+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 } from "../Antd5/theme/internal";
+var genCustomCWTreeStyle = function genCustomCWTreeStyle(token) {
+  var prefixCls = token.antCls;
+  var treePrefix = "".concat(prefixCls, "-tree");
+  var treeNodePrefix = "".concat(treePrefix, "-node");
+  return {
+    ".cw-tree-outer-wrapper": {
+      height: "100%",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      ".cw-tree-inner-wrapper": {
+        flex: 1,
+        overflowY: "auto",
+        ".cw-tree-location-box": {
+          height: "100%",
+          width: "100%",
+          position: "relative",
+          overflowX: "hidden",
+          overflowY: "auto",
+          ".cw-tree": _defineProperty({
+            width: "100%",
+            ".cw-tree-treenode": _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+              lineHeight: "32px",
+              padding: "0 16px",
+              whiteSpace: "nowrap",
+              "&::before": {
+                bottom: 0
+              }
+            }, "".concat(treePrefix, "-switcher, ").concat(treePrefix, "-iconEle"), {
+              width: "12px",
+              height: "32px",
+              lineHeight: "32px",
+              marginRight: "8px"
+            }), "".concat(treePrefix, "-iconEle"), {
+              width: "16px"
+            }), "".concat(treeNodePrefix, "-content-wrapper"), _defineProperty({
+              display: "inline-flex",
+              paddingLeft: 0,
+              paddingRight: 0,
+              minHeight: "32px",
+              color: token.colorText,
+              position: "static",
+              height: "100%"
+            }, "".concat(treePrefix, "-title"), {
+              height: "32px",
+              lineHeight: "32px",
+              display: "inline-flex",
+              flex: 1,
+              width: "0",
+              ".cw-tree-treenode-content": {
+                width: "100%",
+                ".cw-tree-treenode-title": {
+                  position: "relative",
+                  height: "32px",
+                  lineHeight: "32px",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  width: "100%",
+                  display: "inline-block"
+                },
+                ".cw-tree-treenode-drag-icon": {
+                  position: "absolute",
+                  left: "8px",
+                  transform: "translateY(1.2px)"
+                }
+              },
+              ".cw-tree-treenode-extend": {
+                display: "flex",
+                fontSize: "16px",
+                position: "absolute",
+                right: 0,
+                alignItems: "center",
+                justifyContent: "flex-end",
+                height: "32px",
+                visibility: "hidden",
+                lineHeight: "32px",
+                paddingRight: "16px",
+                paddingLeft: "12px",
+                textAlign: "center",
+                background: token.colorPrimaryBg,
+                overflow: "hidden",
+                ".cw-tree-treenode-extend-btn": {
+                  display: "flex",
+                  alignItems: "center",
+                  marginRight: "8px",
+                  color: token.colorText,
+                  "&:last-child": {
+                    marginRight: 0
+                  },
+                  "&:hover": {
+                    color: token.colorPrimaryHover
+                  }
+                }
+              },
+              ".cw-tree-treenode-extend-show": {
+                visibility: "visible"
+              }
+            })), "".concat(treePrefix, "-indent-unit"), {
+              width: "20px"
+            }), "".concat(treePrefix, "-checkbox"), {
+              display: "inline-flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "32px",
+              lineHeight: "32px",
+              marginTop: 0
+            })
+          }, "&".concat(treePrefix, "-directory"), _defineProperty({}, "".concat(treePrefix, "-child-tree"), {
+            height: "100% !important"
+          }))
+        }
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks("CWTree", function (token) {
+  return [
+  //
+  genCustomCWTreeStyle(token)];
+});

package/lib/CWTree/utils/index.js

@@ -1,10 +1,9 @@
 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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { KMPMatch } from "../../QuickTransfer/utils";
 import isUndefined from "lodash-es/isUndefined";
 var getFinalStr = function getFinalStr(con) {
   if (typeof con === "string") {
@@ -12,6 +11,40 @@ var getFinalStr = function getFinalStr(con) {
   }
   return con;
 };
+function generateNextArr(pattern) {
+  var i = 0;
+  var j = -1;
+  var next = [];
+  next[0] = -1;
+  while (i < pattern.length) {
+    if (j === -1 || pattern[i] === pattern[j]) {
+      i++;
+      j++;
+      next[i] = j;
+    } else {
+      j = next[j];
+    }
+  }
+  return next;
+}
+var KMPMatch = function KMPMatch(str, pattern) {
+  var next = generateNextArr(pattern);
+  var i = 0; // str 指针
+  var j = 0; // pattern指针
+  while (i < str.length && j < pattern.length) {
+    if (str[i] === pattern[j] || j === -1) {
+      i++;
+      j++;
+    } else {
+      j = next[j]; // 右移
+    }
+  }
+  if (j === pattern.length) {
+    return i - j;
+  } else {
+    return -1;
+  }
+};
 export var createTree = function createTree(list, searchValue, caseSensitive, isAppend) {
   return list.reduce(function (t, c) {
     var children = c.children,
@@ -51,4 +84,16 @@ export var createTree = function createTree(list, searchValue, caseSensitive, is
       isLeaf: leafNode
     })) : t;
   }, []);
+};
+export var createTitle = function createTitle(caseSensitive, searchValue, title) {
+  var index = caseSensitive ? KMPMatch(title, searchValue) : KMPMatch(getFinalStr(title), getFinalStr(searchValue));
+  var beforeTitle = title.substr(0, index);
+  var searchStr = title.substr(index, searchValue.length);
+  var afterTitle = title.substr(index + searchValue.length);
+  return {
+    beforeTitle: beforeTitle,
+    afterTitle: afterTitle,
+    searchStr: searchStr,
+    index: index
+  };
 };

package/lib/Calendar/index.js

@@ -1,3 +1,2 @@
-import "antd/es/calendar/style";
-import _Calendar from "antd/es/calendar";
-export default _Calendar;
+import Calendar from '../Antd5/calendar';
+export default Calendar;

package/lib/Card/index.js

@@ -1,3 +1,2 @@
-import "antd/es/card/style";
-import _Card from "antd/es/card";
-export default _Card;
+import Card from '../Antd5/card';
+export default Card;

package/lib/CardSelect/index.js

@@ -1,23 +1,26 @@
-import "antd/es/dropdown/style";
-import _Dropdown from "antd/es/dropdown";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
+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); }
+import _Dropdown from "@chaoswise/ui/lib/Dropdown";
+import _Button from "@chaoswise/ui/lib/Button";
 var _excluded = ["menuTitle", "defaultTitle", "defaultValue", "labelInValue", "value", "menuData", "children", "onClick"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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 _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(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 _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(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.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.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
 import React, { useState } from "react";
-import PropTypes from 'prop-types';
-import './index.less';
-
+import PropTypes from "prop-types";
+import useStyle from "./index.style";
+import classnames from "classnames";
+import useConfigContext from "../useConfigContext";
 /**
- * 
+ *
  * 带图标的下拉菜单，支持自定义菜单内容和菜单提示文字,支持受控和非受控
  */
 
@@ -31,6 +34,14 @@ var CWCardSelect = function CWCardSelect(_ref) {
     children = _ref.children,
     onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("card-select-dropdown-menu");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
   var menus = menuData;
   var defaultName;
   if (defaultValue) {
@@ -44,7 +55,7 @@ var CWCardSelect = function CWCardSelect(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     dropdownTitle = _useState2[0],
     changeDropdownTitle = _useState2[1];
-  var _useState3 = useState(defaultValue ? labelInValue ? defaultValue.value : defaultValue : ''),
+  var _useState3 = useState(defaultValue ? labelInValue ? defaultValue.value : defaultValue : ""),
     _useState4 = _slicedToArray(_useState3, 2),
     selectValue = _useState4[0],
     changeValue = _useState4[1];
@@ -62,36 +73,36 @@ var CWCardSelect = function CWCardSelect(_ref) {
     });
   }
   var menu = /*#__PURE__*/React.createElement("div", {
-    className: "cw-dropdown-menu"
+    className: classnames(hashId, cssVarCls, prefixCls)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cw-dropdown-menu-title"
+    className: "".concat(prefixCls, "-title")
   }, menuTitle), /*#__PURE__*/React.createElement("div", {
-    className: "cw-dropdown-menu-box"
+    className: "".concat(prefixCls, "-box")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cw-dropdown-menu-list"
+    className: "".concat(prefixCls, "-list")
   }, menus.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "cw-dropdown-menu-item",
+      className: "".concat(prefixCls, "-item"),
       key: index,
       value: item.value,
       onClick: function onClick(e) {
         return onClickItem(item.value, item.name, e.currentTarget);
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: item.value === (value ? labelInValue ? value.value : value : selectValue) ? 'cw-dropdown-menu-item-box-active cw-dropdown-menu-item-box' : 'cw-dropdown-menu-item-box'
+      className: classnames("".concat(prefixCls, "-item-box"), _defineProperty({}, "".concat(prefixCls, "-item-box-active"), item.value === (value ? labelInValue ? value.value : value : selectValue)))
     }, item.icon), /*#__PURE__*/React.createElement("div", {
-      className: "cw-dropdown-menu-item-name"
+      className: "".concat(prefixCls, "-item-name")
     }, item.name));
   }))));
-  return /*#__PURE__*/React.createElement(_Dropdown, _extends({
+  return wrapCSSVar( /*#__PURE__*/React.createElement(_Dropdown, _extends({
     overlay: menu,
     placement: "bottomRight"
-  }, rest), children ? children : /*#__PURE__*/React.createElement(_Button, null, title ? title : dropdownTitle, " "));
+  }, rest), children ? children : /*#__PURE__*/React.createElement(_Button, null, title ? title : dropdownTitle, " ")));
 };
 CWCardSelect.defaultProps = {
-  defaultTitle: '展现方式',
+  defaultTitle: "展现方式",
   labelInValue: false,
-  menuTitle: '请选择图表类型',
+  menuTitle: "请选择图表类型",
   onClick: function onClick(value, name, item) {
     console.log(value, name, item);
   }
@@ -107,7 +118,7 @@ CWCardSelect.propTypes = {
   defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   /**
    * 是否把每个选项的 label 包装到 value 中，
-   * 会把 Select 的 value 类型从 string 
+   * 会把 Select 的 value 类型从 string
    * 变为 {value: string, label: ReactNode} 的格式
    */
   labelInValue: PropTypes.bool,
@@ -121,8 +132,8 @@ CWCardSelect.propTypes = {
   menuTitle: PropTypes.string,
   /**
    * 自定义下拉框内容
-   * 
-   * 
+   *
+   *
    */
   menuData: PropTypes.arrayOf(PropTypes.shape({
     icon: PropTypes.node,