@chaoswise/ui 2.3.16 → 2.3.18

package/README.md

@@ -5,7 +5,7 @@
 基于antd3.x根据公司UIUE规范进行二次封装的前端公共组件库，用于统一公司产品风格，提高研发人员开发效率
 
 # Features
-#### 1. 包含符合UIUE的公共组件
+#### 1. 包含符合UIUE设计规范的公共组件，设计规范和使用规范参考[YXD-用户体验设计平台](https://yunzhihui.feishu.cn/wiki/wikcnkFSNhaqVDdYNNH5K6NNy7f)
 #### 2. 支持antd全部组件，引用和使用方法参考[antd官方文档](https://3x.ant.design/docs/react/introduce-cn)
 #### 3. 支持按需加载
 

package/lib/CWCascader/Cascader/index.js

@@ -71,7 +71,6 @@ var defaultSearchRender = function defaultSearchRender(inputValue, path, prefixC
   return optionList;
 };
 var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _classNames2;
   var customizePrefixCls = props.prefixCls,
     customizeSize = props.size,
     className = props.className,
@@ -174,7 +173,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // ==================== Render =====================
   return /*#__PURE__*/React.createElement(RcCascader, _extends({
     prefixCls: prefixCls,
-    className: classNames(!customizePrefixCls && cascaderPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-lg"), mergedSize === 'large'), _defineProperty(_classNames2, "".concat(prefixCls, "-sm"), mergedSize === 'small'), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), isRtl), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames2, "".concat(prefixCls, "-in-form-item"), isFormItemInput), _classNames2), getStatusClassNames(prefixCls, mergedStatus, hasFeedback), className)
+    className: classNames(!customizePrefixCls && cascaderPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-rtl"), isRtl), "".concat(prefixCls, "-borderless"), !bordered), "".concat(prefixCls, "-in-form-item"), isFormItemInput), getStatusClassNames(prefixCls, mergedStatus, hasFeedback), className)
   }, restProps, {
     direction: mergedDirection,
     placement: getPlacement(),

package/lib/CWCascader/rc-cascader/OptionList/Checkbox.js

@@ -6,7 +6,6 @@ import * as React from "react";
 import classNames from "classnames";
 import CascaderContext from "../context";
 export default function Checkbox(_ref) {
-  var _classNames;
   var prefixCls = _ref.prefixCls,
     checked = _ref.checked,
     halfChecked = _ref.halfChecked,
@@ -16,7 +15,7 @@ export default function Checkbox(_ref) {
     checkable = _React$useContext.checkable;
   var customCheckbox = typeof checkable !== "boolean" ? checkable : null;
   return /*#__PURE__*/React.createElement("span", {
-    className: classNames("".concat(prefixCls), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), _defineProperty(_classNames, "".concat(prefixCls, "-indeterminate"), !checked && halfChecked), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames)),
+    className: classNames("".concat(prefixCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-checked"), checked), "".concat(prefixCls, "-indeterminate"), !checked && halfChecked), "".concat(prefixCls, "-disabled"), disabled)),
     onClick: onClick
   }, customCheckbox);
 }

package/lib/CWCascader/rc-cascader/OptionList/Column.js

@@ -177,7 +177,6 @@ export default function Column(_ref) {
       };
     }()
   }, optionInfoList.map(function (_ref4) {
-    var _classNames;
     var disabled = _ref4.disabled,
       label = _ref4.label,
       value = _ref4.value,
@@ -212,7 +211,7 @@ export default function Column(_ref) {
     // >>>>> Render
     return /*#__PURE__*/React.createElement("li", {
       key: fullPathKey,
-      className: classNames(menuItemPrefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(menuItemPrefixCls, "-expand"), !isMergedLeaf), _defineProperty(_classNames, "".concat(menuItemPrefixCls, "-active"), activeValue === value), _defineProperty(_classNames, "".concat(menuItemPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(menuItemPrefixCls, "-loading"), isLoading), _classNames)),
+      className: classNames(menuItemPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(menuItemPrefixCls, "-expand"), !isMergedLeaf), "".concat(menuItemPrefixCls, "-active"), activeValue === value), "".concat(menuItemPrefixCls, "-disabled"), disabled), "".concat(menuItemPrefixCls, "-loading"), isLoading)),
       style: dropdownMenuColumnStyle,
       role: "menuitemcheckbox",
       title: title,

package/lib/CWCascader/rc-cascader/OptionList/index.js

@@ -26,7 +26,7 @@ import Column, { FIX_LABEL } from './Column';
 import useActive from './useActive';
 import useKeyboard from './useKeyboard';
 var RefOptionList = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _optionColumns$, _ref3, _classNames;
+  var _optionColumns$;
   var _useBaseProps = useBaseProps(),
     prefixCls = _useBaseProps.prefixCls,
     multiple = _useBaseProps.multiple,
@@ -181,7 +181,7 @@ var RefOptionList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // ========================== Render ==========================
   // >>>>> Empty
   var isEmpty = !((_optionColumns$ = optionColumns[0]) !== null && _optionColumns$ !== void 0 && (_optionColumns$ = _optionColumns$.options) !== null && _optionColumns$ !== void 0 && _optionColumns$.length);
-  var emptyList = [(_ref3 = {}, _defineProperty(_ref3, fieldNames.value, '__EMPTY__'), _defineProperty(_ref3, FIX_LABEL, notFoundContent), _defineProperty(_ref3, "disabled", true), _ref3)];
+  var emptyList = [_defineProperty(_defineProperty(_defineProperty({}, fieldNames.value, '__EMPTY__'), FIX_LABEL, notFoundContent), "disabled", true)];
   var columnProps = _objectSpread(_objectSpread({}, props), {}, {
     multiple: !isEmpty && multiple,
     onSelect: onPathSelect,
@@ -213,7 +213,7 @@ var RefOptionList = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   // >>>>> Render
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(mergedPrefixCls, "-menus"), (_classNames = {}, _defineProperty(_classNames, "".concat(mergedPrefixCls, "-menu-empty"), isEmpty), _defineProperty(_classNames, "".concat(mergedPrefixCls, "-rtl"), rtl), _classNames)),
+    className: classNames("".concat(mergedPrefixCls, "-menus"), _defineProperty(_defineProperty({}, "".concat(mergedPrefixCls, "-menu-empty"), isEmpty), "".concat(mergedPrefixCls, "-rtl"), rtl)),
     ref: containerRef
   }, columnNodes);
 });

package/lib/CWCascader/rc-cascader/hooks/useSearchOptions.js

@@ -53,8 +53,7 @@ export default (function (search, options, fieldNames, prefixCls, config, change
           if (filter(search, connectedPathOptions, {
             label: fieldNames.label
           })) {
-            var _objectSpread2;
-            filteredOptions.push(_objectSpread(_objectSpread({}, option), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, fieldNames.label, render(search, connectedPathOptions, prefixCls, fieldNames)), _defineProperty(_objectSpread2, SEARCH_MARK, connectedPathOptions), _objectSpread2)));
+            filteredOptions.push(_objectSpread(_objectSpread({}, option), {}, _defineProperty(_defineProperty({}, fieldNames.label, render(search, connectedPathOptions, prefixCls, fieldNames)), SEARCH_MARK, connectedPathOptions)));
           }
         }
         if (children) {

package/lib/CWRangePicker/utils/index.js

@@ -297,14 +297,36 @@ export var cloneChangeDate = function cloneChangeDate(currentDate_0, currentDate
         cloneCurrentDate_1 = moment();
         switchInitial = true;
       } else {
-        // 非极限时间，但是超过最大的时间边界跨度
-        // 先将currentDate_0和currentDate_1二者进行相减在这个基础上增加(timeSpanBoundary - 二者相减） / 2 ,左右各增加减少这个数值
-        var initialTimeDiff = computeTimeDiff([cloneCurrentDate_0, cloneCurrentDate_1], "s");
-        var needChangeTimeDiff = Math.ceil(initialTimeDiff - timeSpanBoundary) / 2;
         var clone0 = currentDate_0.clone();
         var clone1 = currentDate_1.clone();
-        cloneCurrentDate_0 = clone0.subtract(moment.duration(needChangeTimeDiff, "s"));
-        cloneCurrentDate_1 = clone1.add(moment.duration(needChangeTimeDiff, "s"));
+        var initialTimeDiff = computeTimeDiff([clone0, clone1], "s");
+        if (timeSpanBoundary > initialTimeDiff) {
+          var needChangeTimeDiff = Math.ceil(timeSpanBoundary - initialTimeDiff) / 2;
+          cloneCurrentDate_0 = clone0.subtract(moment.duration(needChangeTimeDiff, "s"));
+          cloneCurrentDate_1 = clone1.add(moment.duration(needChangeTimeDiff, "s"));
+          // 计算最大值的时间差
+          var _maxTimeDiff2 = computeTimeDiff([cloneCurrentDate_1, moment()]);
+          if (_maxTimeDiff2 <= 0) {
+            // 当前时间已经是极限了
+            // 已经是极限直接当前时间向前推进timeSpanBoundary即可
+            cloneCurrentDate_0 = moment().subtract(moment.duration(timeSpanBoundary, "s"));
+            cloneCurrentDate_1 = moment();
+            switchInitial = true;
+          }
+        } else {
+          cloneCurrentDate_1 = clone1.add(moment.duration(timeSpanBoundary, "s"));
+          var clone = cloneCurrentDate_1.clone();
+          cloneCurrentDate_0 = clone.subtract(moment.duration(timeSpanBoundary, "s"));
+          // 计算最大值的时间差
+          var _maxTimeDiff3 = computeTimeDiff([cloneCurrentDate_1, moment()]);
+          if (_maxTimeDiff3 <= 0) {
+            // 当前时间已经是极限了
+            // 已经是极限直接当前时间向前推进timeSpanBoundary即可
+            cloneCurrentDate_0 = moment().subtract(moment.duration(timeSpanBoundary, "s"));
+            cloneCurrentDate_1 = moment();
+            switchInitial = true;
+          }
+        }
       }
     } else {
       if (_maxTimeDiff <= 0) {

package/lib/CWSelect/antd-select.js

@@ -38,7 +38,6 @@ var Select = /*#__PURE__*/function (_React$Component) {
       _this.rcSelect = node;
     });
     _defineProperty(_assertThisInitialized(_this), "renderSelect", function (_ref) {
-      var _classNames;
       var getContextPopupContainer = _ref.getPopupContainer,
         getPrefixCls = _ref.getPrefixCls,
         renderEmpty = _ref.renderEmpty;
@@ -63,7 +62,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         restProps = _objectWithoutProperties(_this$props, _excluded);
       var rest = omit(restProps, ['inputIcon']);
       var prefixCls = getPrefixCls('select', customizePrefixCls);
-      var cls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-allow-drag"), allowDrag), _classNames), className);
+      var cls = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-lg"), size === 'large'), "".concat(prefixCls, "-sm"), size === 'small'), "".concat(prefixCls, "-allow-drag"), allowDrag), className);
       var dropdownCls = classNames({
         'cw-select-dropdown-multiple': ["multiple", "tags"].includes(mode),
         'cw-select-dropdown-has-checkbox': mode === 'multiple' && showCheckbox

package/lib/CWTable/CWTable.js

@@ -239,14 +239,17 @@ var CWTable = function CWTable(_ref, ref) {
   var resetSortDataSource = function resetSortDataSource() {
     var _dataSource = _toConsumableArray(dataSource);
     if (frontPagination) {
-      var current = pageInfo.current;
-      var pageSize = pageInfo.pageSize;
-      var total = dataSource.length;
+      var _current = pagination.current,
+        _pageSize = pagination.pageSize,
+        _total = pagination.total;
+      var current = _current || pageInfo.current;
+      var pageSize = _pageSize || pageInfo.pageSize;
+      var total = _total || dataSource.length;
       _dataSource = _dataSource.slice((current - 1) * pageSize, current * pageSize > total ? total : current * pageSize);
     }
     setFinalDataSource(_dataSource);
   };
-  useEffect(resetSortDataSource, [frontPagination, pageInfo.current, pageInfo.pageSize, dataSource]);
+  useEffect(resetSortDataSource, [frontPagination, pagination, pageInfo.current, pageInfo.pageSize, dataSource]);
   useEffect(function () {
     if (!autoHeight) {
       return;
@@ -652,13 +655,14 @@ var CWTable = function CWTable(_ref, ref) {
       onShowSizeChange: onShowSizeChange,
       size: size == 'small' ? 'small' : ''
     });
-    if (frontPagination) {
-      return _objectSpread(_objectSpread({}, common), {}, {
-        current: pageInfo.current,
-        pageSize: pageInfo.pageSize,
-        total: dataSource.length
-      });
-    }
+    // if (frontPagination) {
+    //   return {
+    //     ...common,
+    //     current: pageInfo.current,
+    //     pageSize: pageInfo.pageSize,
+    //     total: dataSource.length,
+    //   }
+    // }
     return _objectSpread(_objectSpread({}, common), {}, {
       current: current || pageInfo.current,
       pageSize: pageSize || pageInfo.pageSize,

package/lib/CWTree/index.less

@@ -581,3 +581,8 @@
     box-sizing: border-box;
 }
 
+.cw-tree-location-box:has(.draggable.@{ant-prefix}-tree-node-selected)::-webkit-scrollbar {
+    width: 0px !important; /*  设置纵轴（y轴）轴滚动条 */
+    height: 0px !important; /*  设置横轴（x轴）轴滚动条 */
+}
+

package/lib/CWUpload/upload/Upload.js

@@ -321,7 +321,6 @@ var Upload = /*#__PURE__*/function (_React$Component) {
       });
     };
     _this.renderUpload = function (_ref2) {
-      var _classNames3;
       var getPrefixCls = _ref2.getPrefixCls;
       var _this$props4 = _this.props,
         customizePrefixCls = _this$props4.prefixCls,
@@ -371,11 +370,10 @@ var Upload = /*#__PURE__*/function (_React$Component) {
         }
       };
       if (type === "drag") {
-        var _classNames, _classNames2;
-        var dragCls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-drag"), true), _defineProperty(_classNames, "".concat(prefixCls, "-drag-uploading"), fileList.some(function (file) {
+        var dragCls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-drag"), true), "".concat(prefixCls, "-drag-uploading"), fileList.some(function (file) {
           return file.status === "uploading";
-        })), _defineProperty(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === "dragover"), _defineProperty(_classNames, "".concat(prefixCls, "-drag-click"), dragClickState), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames), className);
-        var containerCls = classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-drag-container"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-drag-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-drag-custom-container"), errorMessage || successMessage), _classNames2));
+        })), "".concat(prefixCls, "-drag-hover"), dragState === "dragover"), "".concat(prefixCls, "-drag-click"), dragClickState), "".concat(prefixCls, "-disabled"), disabled), className);
+        var containerCls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-drag-container"), true), "".concat(prefixCls, "-drag-disabled"), disabled), "".concat(prefixCls, "-drag-custom-container"), errorMessage || successMessage));
         return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
           className: dragCls,
           onDrop: _this.onFileDrop,
@@ -401,7 +399,7 @@ var Upload = /*#__PURE__*/function (_React$Component) {
           className: containerCls
         }, dropSingleFileRender()))), dropSingleFileUpload ? "" : uploadList);
       }
-      var uploadButtonCls = classNames(prefixCls, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-select"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-select-").concat(listType), true), _defineProperty(_classNames3, "".concat(prefixCls, "-disabled"), disabled), _classNames3));
+      var uploadButtonCls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-select"), true), "".concat(prefixCls, "-select-").concat(listType), true), "".concat(prefixCls, "-disabled"), disabled));
       var uploadButton = /*#__PURE__*/React.createElement("div", {
         className: uploadButtonCls,
         style: children ? undefined : {

package/lib/CWUpload/upload/UploadList.js

@@ -67,7 +67,6 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
       }
     };
     _this.renderUploadList = function (_ref) {
-      var _classNames5;
       var getPrefixCls = _ref.getPrefixCls;
       var _this$props = _this.props,
         customizePrefixCls = _this$props.prefixCls,
@@ -103,7 +102,6 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
         return null;
       }
       var list = items.map(function (file, fileIndex) {
-        var _classNames2, _classNames3;
         var progress;
         var icon = /*#__PURE__*/React.createElement(_Icon, {
           type: file.status === "uploading" ? "loading" : "paper-clip"
@@ -155,7 +153,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
             key: "progress"
           }, loadingProgress);
         }
-        var infoUploadingClass = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-list-item"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-").concat(file.status), true), _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames2));
+        var infoUploadingClass = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-list-item"), true), "".concat(prefixCls, "-list-item-").concat(file.status), true), "".concat(prefixCls, "-list-item-list-type-").concat(listType), true));
         var linkProps = typeof file.linkProps === "string" ? JSON.parse(file.linkProps) : file.linkProps;
         var removeIcon = showRemoveIcon ? /*#__PURE__*/React.createElement(_Icon, {
           type: "delete",
@@ -186,9 +184,9 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
           title: locale.removeFile,
           className: "".concat(prefixCls, "-list-item-card-actions-delete ")
         }, removeIcon));
-        var listItemNameClass = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-name"), true), _defineProperty(_classNames3, "".concat(prefixCls, "-list-item-name-icon-count-").concat([downloadIcon, removeIcon].filter(function (x) {
+        var listItemNameClass = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-list-item-name"), true), "".concat(prefixCls, "-list-item-name-icon-count-").concat([downloadIcon, removeIcon].filter(function (x) {
           return x;
-        }).length), true), _classNames3));
+        }).length), true));
         var preview = file.url ? [/*#__PURE__*/React.createElement("a", Object.assign({
           key: "view",
           target: "_blank",
@@ -384,7 +382,7 @@ var IUploadList = /*#__PURE__*/function (_React$Component) {
           title: message
         }, dom) : /*#__PURE__*/React.createElement("span", null, renderMethod ? dragDom : dom));
       });
-      var listClassNames = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(prefixCls, "-list"), true), _defineProperty(_classNames5, "".concat(prefixCls, "-list-").concat(listType), true), _defineProperty(_classNames5, "".concat(prefixCls, "-list-").concat(_this.props.type), true), _classNames5));
+      var listClassNames = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-list"), true), "".concat(prefixCls, "-list-").concat(listType), true), "".concat(prefixCls, "-list-").concat(_this.props.type), true));
       var animationDirection = listType === "picture-card" ? "animate-inline" : "animate";
       return /*#__PURE__*/React.createElement(Animate, {
         transitionName: "".concat(prefixCls, "-").concat(animationDirection),

package/lib/Checkbox/Checkbox.js

@@ -43,7 +43,6 @@ var Checkbox = /*#__PURE__*/function (_Component) {
       _this.rcCheckbox = node;
     });
     _defineProperty(_assertThisInitialized(_this), "renderCheckbox", function (_ref) {
-      var _classNames;
       var getPrefixCls = _ref.getPrefixCls;
       var _assertThisInitialize = _assertThisInitialized(_this),
         props = _assertThisInitialize.props,
@@ -77,7 +76,7 @@ var Checkbox = /*#__PURE__*/function (_Component) {
         checkboxProps.checked = checkboxGroup.value.indexOf(props.value) !== -1;
         checkboxProps.disabled = props.disabled || checkboxGroup.disabled;
       }
-      var classString = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), _defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), checkboxProps.disabled), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper"), newTypeExist), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper-checked"), checkboxProps.checked && newTypeExist), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper-disabled"), checkboxProps.disabled && newTypeExist), _defineProperty(_classNames, "".concat(prefixCls, "-checkbox_-wrapper-custom"), render), _classNames));
+      var classString = classNames(className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-wrapper"), true), "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), "".concat(prefixCls, "-wrapper-disabled"), checkboxProps.disabled), "".concat(prefixCls, "-checkbox_-wrapper"), newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-checked"), checkboxProps.checked && newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-disabled"), checkboxProps.disabled && newTypeExist), "".concat(prefixCls, "-checkbox_-wrapper-custom"), render));
       var checkboxClass = classNames(_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate));
       function renderImg() {
         return checkboxProps.checked ? checkboxProps.disabled ? /*#__PURE__*/React.createElement(Duigou02, {

package/lib/FilterDropDown/DragList.js

@@ -1,8 +1,12 @@
+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/Checkbox/index.less";
 import _Checkbox from "@chaoswise/ui/lib/Checkbox";
 import "@chaoswise/ui/lib/Tooltip/index.less";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import _Icon from "@chaoswise/ui/lib/Antd/Icon";
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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."); }
@@ -10,16 +14,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _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; }
-import React, { useRef, useState } from 'react';
-import { useDrag, useDrop } from 'react-dnd';
+import React, { useRef } from "react";
+import { useDrag, useDrop } from "react-dnd";
+import DragSvg from "./assets/DragSvg";
+import classnames from "classnames";
 function DragList(_ref) {
   var option = _ref.option,
     index = _ref.index,
-    moveList = _ref.moveList;
+    moveList = _ref.moveList,
+    isHoverSwitching = _ref.isHoverSwitching;
   var dragRef = useRef(null);
   var _useDrag = useDrag({
       item: {
-        type: 'child',
+        type: "child",
         option: option,
         index: index
       }
@@ -27,8 +34,9 @@ function DragList(_ref) {
     _useDrag2 = _slicedToArray(_useDrag, 2),
     drag = _useDrag2[1];
   var _useDrop = useDrop({
-      accept: 'child',
+      accept: "child",
       hover: function hover(item, monitor) {
+        if (!isHoverSwitching) return;
         //拖拽目标的Index
         var dragIndex = item.index;
         //放置目标Index
@@ -56,41 +64,29 @@ function DragList(_ref) {
         }
         moveList(dragIndex, hoverIndex); //调用方法完成交换
         item.index = hoverIndex; //重新赋值index，否则会出现无限交换情况
+      },
+
+      collect: function collect(monitor) {
+        var _ref2 = monitor.getItem() || {},
+          dragIndex = _ref2.index;
+        if (dragIndex === index) {
+          return {};
+        }
+        return {
+          isOver: monitor.isOver(),
+          dropClassName: dragIndex < index ? "drop-over-downward" : "drop-over-upward"
+        };
+      },
+      drop: function drop(item) {
+        if (isHoverSwitching) return;
+        moveList(item.index, index);
       }
     }),
     _useDrop2 = _slicedToArray(_useDrop, 2),
+    _useDrop2$ = _useDrop2[0],
+    isOver = _useDrop2$.isOver,
+    dropClassName = _useDrop2$.dropClassName,
     drop = _useDrop2[1];
-  var DragSvg = function DragSvg() {
-    return /*#__PURE__*/React.createElement("svg", {
-      width: "7px",
-      height: "12px",
-      viewBox: "0 0 7 12",
-      version: "1.1",
-      fill: "currentColor"
-    }, /*#__PURE__*/React.createElement("title", null, "\u5F62\u72B6"), /*#__PURE__*/React.createElement("g", {
-      id: "\u9875\u9762-1",
-      stroke: "none",
-      strokeWidth: "1"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "4.2\u8BF7\u6C42\u5217\u8868\u4E0B\u94BB-\u2014\u5FEB\u7167\u8BF7\u6C42\u5217\u8868\u9875",
-      transform: "translate(-1368.000000, -705.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u7F16\u7EC4-11",
-      transform: "translate(232.000000, 554.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u9ED8\u8BA4",
-      transform: "translate(857.000000, 10.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u6E90\u5217\u8868",
-      transform: "translate(143.000000, 34.000000)"
-    }, /*#__PURE__*/React.createElement("g", {
-      id: "\u62D6\u62FD\u5907\u4EFD-3",
-      transform: "translate(132.000000, 105.000000)"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M9.91111111,2 C9.37777778,2 8.97777778,2.4 8.97777778,2.93333333 C8.97777778,3.46666666 9.42222222,3.86666667 9.91111111,3.86666667 C10.4444444,3.86666667 10.8444444,3.46666667 10.8444444,2.93333333 C10.8888889,2.4 10.4444444,2 9.91111111,2 Z M9.91111111,6.71111111 C9.37777778,6.71111111 8.97777778,7.11111111 8.97777778,7.64444444 C8.97777778,8.17777777 9.42222222,8.57777778 9.91111111,8.57777778 C10.4444444,8.57777778 10.8444444,8.17777778 10.8444444,7.64444444 C10.8888889,7.11111111 10.4444444,6.71111111 9.91111111,6.71111111 Z M9.91111111,11.4222222 C9.37777778,11.4222222 8.97777778,11.8222222 8.97777778,12.3555556 C8.97777778,12.8888889 9.42222222,13.2888889 9.91111111,13.2888889 C10.4444444,13.2888889 10.8444444,12.8888889 10.8444444,12.3555556 C10.8888889,11.8222222 10.4444444,11.4222222 9.91111111,11.4222222 C9.42222222,11.4222222 9.91111111,11.4222222 9.91111111,11.4222222 Z M5.82222222,2 C5.33333333,2 4.88888889,2.4 4.88888889,2.93333333 C4.88888889,3.46666666 5.33333333,3.86666667 5.82222222,3.86666667 C6.35555555,3.86666667 6.75555555,3.46666667 6.75555556,2.93333333 C6.8,2.4 6.35555556,2 5.82222222,2 Z M5.82222222,6.71111111 C5.28888889,6.71111111 4.88888889,7.11111111 4.88888889,7.64444444 C4.88888889,8.17777777 5.33333333,8.57777778 5.82222222,8.57777778 C6.35555555,8.57777778 6.75555555,8.17777778 6.75555556,7.64444444 C6.8,7.11111111 6.35555556,6.71111111 5.82222222,6.71111111 Z M5.82222222,11.4222222 C5.28888889,11.4222222 4.88888889,11.8222222 4.88888889,12.3555556 C4.88888889,12.8888889 5.33333333,13.2888889 5.82222222,13.2888889 C6.35555555,13.2888889 6.75555555,12.8888889 6.75555556,12.3555556 C6.8,11.8222222 6.35555556,11.4222222 5.82222222,11.4222222 Z",
-      id: "\u5F62\u72B6"
-    }))))))));
-  };
   var DragIcon = function DragIcon(props) {
     return /*#__PURE__*/React.createElement(_Icon, _extends({
       component: DragSvg
@@ -99,7 +95,7 @@ function DragList(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     key: option.id,
     ref: drag(drop(dragRef)),
-    className: "cw-checkbox-container"
+    className: classnames("cw-checkbox-container", _defineProperty({}, dropClassName, isOver && !isHoverSwitching))
   }, /*#__PURE__*/React.createElement(_Checkbox, {
     value: option.id,
     className: "cw-checkbox-ellipsis",

package/lib/FilterDropDown/assets/DragSvg.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+var DragSvg = function DragSvg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "7px",
+    height: "12px",
+    viewBox: "0 0 7 12",
+    version: "1.1",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("title", null, "\u5F62\u72B6"), /*#__PURE__*/React.createElement("g", {
+    id: "\u9875\u9762-1",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "4.2\u8BF7\u6C42\u5217\u8868\u4E0B\u94BB-\u2014\u5FEB\u7167\u8BF7\u6C42\u5217\u8868\u9875",
+    transform: "translate(-1368.000000, -705.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u7F16\u7EC4-11",
+    transform: "translate(232.000000, 554.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u9ED8\u8BA4",
+    transform: "translate(857.000000, 10.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u6E90\u5217\u8868",
+    transform: "translate(143.000000, 34.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u62D6\u62FD\u5907\u4EFD-3",
+    transform: "translate(132.000000, 105.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.91111111,2 C9.37777778,2 8.97777778,2.4 8.97777778,2.93333333 C8.97777778,3.46666666 9.42222222,3.86666667 9.91111111,3.86666667 C10.4444444,3.86666667 10.8444444,3.46666667 10.8444444,2.93333333 C10.8888889,2.4 10.4444444,2 9.91111111,2 Z M9.91111111,6.71111111 C9.37777778,6.71111111 8.97777778,7.11111111 8.97777778,7.64444444 C8.97777778,8.17777777 9.42222222,8.57777778 9.91111111,8.57777778 C10.4444444,8.57777778 10.8444444,8.17777778 10.8444444,7.64444444 C10.8888889,7.11111111 10.4444444,6.71111111 9.91111111,6.71111111 Z M9.91111111,11.4222222 C9.37777778,11.4222222 8.97777778,11.8222222 8.97777778,12.3555556 C8.97777778,12.8888889 9.42222222,13.2888889 9.91111111,13.2888889 C10.4444444,13.2888889 10.8444444,12.8888889 10.8444444,12.3555556 C10.8888889,11.8222222 10.4444444,11.4222222 9.91111111,11.4222222 C9.42222222,11.4222222 9.91111111,11.4222222 9.91111111,11.4222222 Z M5.82222222,2 C5.33333333,2 4.88888889,2.4 4.88888889,2.93333333 C4.88888889,3.46666666 5.33333333,3.86666667 5.82222222,3.86666667 C6.35555555,3.86666667 6.75555555,3.46666667 6.75555556,2.93333333 C6.8,2.4 6.35555556,2 5.82222222,2 Z M5.82222222,6.71111111 C5.28888889,6.71111111 4.88888889,7.11111111 4.88888889,7.64444444 C4.88888889,8.17777777 5.33333333,8.57777778 5.82222222,8.57777778 C6.35555555,8.57777778 6.75555555,8.17777778 6.75555556,7.64444444 C6.8,7.11111111 6.35555556,6.71111111 5.82222222,6.71111111 Z M5.82222222,11.4222222 C5.28888889,11.4222222 4.88888889,11.8222222 4.88888889,12.3555556 C4.88888889,12.8888889 5.33333333,13.2888889 5.82222222,13.2888889 C6.35555555,13.2888889 6.75555555,12.8888889 6.75555556,12.3555556 C6.8,11.8222222 6.35555556,11.4222222 5.82222222,11.4222222 Z",
+    id: "\u5F62\u72B6"
+  }))))))));
+};
+export default DragSvg;

package/lib/FilterDropDown/assets/ShowSvgIcon.js

@@ -0,0 +1,14 @@
+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); }
+import * as React from "react";
+var SvgShowIcon = function SvgShowIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m7.778.922.308.047.036.007a.439.439 0 0 1 .333.277l.02.075.215 1.162c.396.148.768.348 1.111.594l.252.193 1.111-.395a.44.44 0 0 1 .416.068l.064.062.025.029c.408.48.735 1.015.976 1.593l.114.292.012.036c.051.143.025.3-.066.416l-.061.065-.896.765c.028.174.048.35.057.526l.003.11h-.982a3.875 3.875 0 0 0-.02-.266l-.028-.208-.09-.546 1.022-.873a5.208 5.208 0 0 0-.415-.767l-.167-.24-1.27.45-.429-.353a3.844 3.844 0 0 0-.852-.53l-.232-.096-.52-.195-.245-1.326a5.169 5.169 0 0 0-.873-.025l-.29.025-.244 1.328-.518.196a3.814 3.814 0 0 0-.877.472l-.2.153-.429.354-1.277-.454a5.095 5.095 0 0 0-.458.742l-.124.264 1.032.882-.089.547a3.769 3.769 0 0 0-.027 1.038l.027.206.09.547-1.033.882c.117.266.255.523.415.767l.167.239 1.277-.454.43.354c.259.214.543.39.845.529l.23.096.517.198.245 1.33c.182.02.365.03.549.032v.98a6.145 6.145 0 0 1-.705-.044l-.348-.053-.037-.007a.439.439 0 0 1-.332-.277l-.02-.074-.217-1.168a4.754 4.754 0 0 1-1.146-.623l-.207-.161-1.12.398a.44.44 0 0 1-.416-.069l-.064-.061-.025-.03a6.077 6.077 0 0 1-.976-1.592l-.113-.292-.013-.036a.439.439 0 0 1 .066-.417l.062-.064.906-.774a4.786 4.786 0 0 1-.035-1.303l.035-.258-.906-.774a.44.44 0 0 1-.15-.395l.022-.086.013-.036a6.09 6.09 0 0 1 .892-1.64l.197-.245.025-.03a.437.437 0 0 1 .393-.15l.087.021 1.12.398c.325-.268.682-.49 1.063-.664l.29-.12.216-1.168a.438.438 0 0 1 .279-.331l.074-.02.037-.008A6.185 6.185 0 0 1 7.778.922Zm4.833 10.844a.5.5 0 1 1 0 1h-4.5a.5.5 0 1 1 0-1h4.5Zm0-2a.5.5 0 1 1 0 1h-4.5a.5.5 0 1 1 0-1h4.5ZM7 4.457c1.274 0 2.316.99 2.4 2.242l.005.145H8.53a1.522 1.522 0 0 0-.346-.95l-.102-.114A1.52 1.52 0 0 0 7 5.332a1.52 1.52 0 0 0-1.083.448c-.288.29-.448.674-.448 1.083a1.526 1.526 0 0 0 1.38 1.524l.116.005v.877a2.406 2.406 0 0 1-2.366-2.241l-.005-.165A2.406 2.406 0 0 1 7 4.457Zm5.611 3.309a.5.5 0 1 1 0 1h-4.5a.5.5 0 1 1 0-1h4.5Z"
+  }));
+};
+export default SvgShowIcon;

package/lib/FilterDropDown/index.js

@@ -22,8 +22,10 @@ import classnames from "classnames";
 import PropTypes from "prop-types";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
-import "./index.less";
 import { getLocale } from "./locale";
+import useConfigContext from "../useConfigContext";
+import ShowSvgIcon from "./assets/ShowSvgIcon";
+import "./index.less";
 var CheckboxGroup = _Checkbox.Group;
 function FilterDropDown(props) {
   var selectItems = props.selectItems,
@@ -43,7 +45,9 @@ function FilterDropDown(props) {
     dropdownClassName = props.dropdownClassName,
     _props$isShowSelectAl = props.isShowSelectAll,
     isShowSelectAll = _props$isShowSelectAl === void 0 ? true : _props$isShowSelectAl,
-    fixed = props.fixed;
+    fixed = props.fixed,
+    _props$isHoverSwitchi = props.isHoverSwitching,
+    isHoverSwitching = _props$isHoverSwitchi === void 0 ? true : _props$isHoverSwitchi;
   var addRef = useRef(null);
   var _useState = useState({
       x: 0,
@@ -68,6 +72,9 @@ function FilterDropDown(props) {
     _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
     locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
   var localeObj = getLocale(locale);
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls();
   useEffect(function () {
     document.addEventListener("click", clickBody);
     return function () {
@@ -132,7 +139,8 @@ function FilterDropDown(props) {
             option: option,
             index: index,
             moveList: moveList,
-            checkedList: _checkedList
+            checkedList: _checkedList,
+            isHoverSwitching: isHoverSwitching
           }));
         } else {
           checkOptions.push( /*#__PURE__*/React.createElement("div", {
@@ -170,11 +178,11 @@ function FilterDropDown(props) {
   var renderDropdown = function renderDropdown() {
     var style = {};
     if (fixed) {
-      style.position = 'fixed';
+      style.position = "fixed";
       style.top = XY.y;
       style.lef = XY.x;
-      style.right = 'initial';
-      style.bottom = 'initial';
+      style.right = "initial";
+      style.bottom = "initial";
     }
     return /*#__PURE__*/React.createElement("div", {
       className: classnames("cw-dropdown-content", dropdownClassName),
@@ -199,8 +207,8 @@ function FilterDropDown(props) {
     onClick: toggoleShow,
     ref: addRef
   }, colsFilterTitle ? colsFilterTitle : /*#__PURE__*/React.createElement(_Button, {
-    icon: "unordered-list"
-  })), showList && /*#__PURE__*/React.createElement(Fragment, null, isDrag ? /*#__PURE__*/React.createElement(DndProvider, {
+    className: "".concat(prefixCls, "-btn-icon-only")
+  }, /*#__PURE__*/React.createElement(ShowSvgIcon, null))), showList && /*#__PURE__*/React.createElement(Fragment, null, isDrag ? /*#__PURE__*/React.createElement(DndProvider, {
     backend: HTML5Backend
   }, renderDropdown()) : /*#__PURE__*/React.createElement(Fragment, null, renderDropdown())));
 }
@@ -253,6 +261,10 @@ FilterDropDown.propTypes = {
   /**
    * 是否fixed定位
    */
-  fixed: PropTypes.bool
+  fixed: PropTypes.bool,
+  /**
+   * 开启拖拽后的交互模式，默认为true(true为悬停即交换，false为鼠标松开再交换)
+   */
+  isHoverSwitching: PropTypes.bool
 };
 export default FilterDropDown;

package/lib/FilterDropDown/index.less

@@ -31,6 +31,14 @@
             padding: 6px 10px;
             align-items: center;
             cursor: move;
+            &.drop-over-downward{
+                border-bottom: @border-width-base dashed @primary-color;
+                padding-bottom: 5px;
+            }
+            &.drop-over-upward{
+                border-top: @border-width-base dashed @primary-color;
+                padding-top: 5px;
+            }
             &:hover{
                 background-color: @primary-1;
             }

package/lib/Input/InputComponent.js

@@ -35,7 +35,6 @@ var getDefaultPaddingLeft = function getDefaultPaddingLeft(size) {
   return 9;
 };
 var InputComponent = /*#__PURE__*/forwardRef(function (props, inputRef) {
-  var _classnames;
   var _props$showCount = props.showCount,
     showCount = _props$showCount === void 0 ? false : _props$showCount,
     maxLength = props.maxLength,
@@ -141,7 +140,7 @@ var InputComponent = /*#__PURE__*/forwardRef(function (props, inputRef) {
       "cw-input-num-wrapper-disabled": resProps.disabled
     })
   }, /*#__PURE__*/React.createElement("span", {
-    className: classnames((_classnames = {}, _defineProperty(_classnames, "cw-input-num-init", valueLength == 0), _defineProperty(_classnames, "cw-input-num", valueLength > 0), _defineProperty(_classnames, "cw-input-num-error", dataCount && valueLength > dataCount), _classnames))
+    className: classnames(_defineProperty(_defineProperty(_defineProperty({}, "cw-input-num-init", valueLength == 0), "cw-input-num", valueLength > 0), "cw-input-num-error", dataCount && valueLength > dataCount))
   }, valueLength), dataCount && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "cw-input-line"
   }, "/"), dataCount));