@chaoswise/ui 3.1.8 → 3.1.9

package/lib/Button/index.style.js

@@ -11,11 +11,13 @@ var prepareComponentToken = function prepareComponentToken(token) {
 var genCustomButtonStyle = function genCustomButtonStyle(token) {
   var prefixCls = token.antCls;
   var componentCls = "".concat(prefixCls, "-btn");
-  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-wrapper"), _defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, "".concat(componentCls).concat(componentCls, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: "inline-flex !important",
     alignItems: "center",
     justifyContent: "center"
-  }, "&".concat(componentCls, "-text,&").concat(componentCls, "-link"), {
+  }, "".concat(componentCls, "-icon"), {
+    display: "inline-flex"
+  }), "&".concat(componentCls, "-text,&").concat(componentCls, "-link"), {
     padding: "0 !important",
     border: "none !important",
     height: "20px",

package/lib/CWSelect/index.js

@@ -1,13 +1,8 @@
 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 _Checkbox from "@chaoswise/ui/lib/Checkbox";
 import _Tooltip from "@chaoswise/ui/lib/Tooltip";
 import _Tag from "@chaoswise/ui/lib/Tag";
-var _excluded = ["selectLabel", "label", "prefix", "defaultValue", "mode", "value", "labelInValue", "onChange", "onSelect", "onDeselect", "onDragEnd", "tagRender", "allowDrag", "maxTagCount", "showCheckbox", "tagLabelRender", "maxTagTextLength", "dropdownRender", "multipleOptions", "children", "maxCount"];
+var _excluded = ["selectLabel", "label", "prefix", "defaultValue", "mode", "value", "labelInValue", "onChange", "onSelect", "onDeselect", "onDragEnd", "tagRender", "allowDrag", "maxTagCount", "tagLabelRender", "maxTagTextLength", "dropdownRender", "children", "maxCount"];
 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 _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); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(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; }
@@ -34,38 +29,6 @@ import PropTypes from "prop-types";
 import { useIntl } from "../locales";
 import useStyle from "./index.style";
 
-/**
- * 多选模式的默认配置选项
- * @type {Object}
- * @property {boolean} showCheckbox - 是否显示复选框
- * @property {boolean} showSelectAll - 是否显示全选选项
- * @property {boolean} isCheckboxMultipleHasSelectAll - 复选框多选模式是否包含全选功能
- */
-var DEFAULT_MULTIPLE_OPTIONS = {
-  showCheckbox: false,
-  showSelectAll: true,
-  isCheckboxMultipleHasSelectAll: true
-};
-
-/**
- * 安全获取嵌套对象属性值的辅助函数
- * @param {Object} obj - 目标对象
- * @param {Array} path - 属性路径数组
- * @param {*} defaultValue - 默认值
- * @returns {*} 获取到的值或默认值
- */
-var getNestedValue = function getNestedValue(obj, path) {
-  var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  try {
-    var _path$reduce;
-    return (_path$reduce = path.reduce(function (current, key) {
-      return current === null || current === void 0 ? void 0 : current[key];
-    }, obj)) !== null && _path$reduce !== void 0 ? _path$reduce : defaultValue;
-  } catch (_unused) {
-    return defaultValue;
-  }
-};
-
 /**
  * 检查是否为有效数组（非空数组）的辅助函数
  * @param {*} arr - 待检查的值
@@ -77,7 +40,7 @@ var isValidArray = function isValidArray(arr) {
 
 /**
  * CWSelect 组件 - 增强版的 Select 选择器
- * 支持多选、拖拽排序、复选框模式、标签自定义等功能
+ * 支持多选、拖拽排序、标签自定义等功能
  *
  * @param {Object} props - 组件属性
  * @param {React.Ref} ref - 组件引用
@@ -104,18 +67,12 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _props$allowDrag = props.allowDrag,
     allowDrag = _props$allowDrag === void 0 ? false : _props$allowDrag,
     maxTagCount = props.maxTagCount,
-    _props$showCheckbox = props.showCheckbox,
-    showCheckbox = _props$showCheckbox === void 0 ? false : _props$showCheckbox,
     tagLabelRender = props.tagLabelRender,
     maxTagTextLength = props.maxTagTextLength,
     dropdownRender = props.dropdownRender,
-    _props$multipleOption = props.multipleOptions,
-    multipleOptions = _props$multipleOption === void 0 ? DEFAULT_MULTIPLE_OPTIONS : _props$multipleOption,
     children = props.children,
     maxCount = props.maxCount,
     rest = _objectWithoutProperties(props, _excluded);
-
-  // 获取国际化和样式相关的 hooks
   var intl = useIntl();
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
@@ -148,22 +105,6 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     return prefix || label || selectLabel;
   }, [prefix, label, selectLabel]);
 
-  /**
-   * 判断是否应该显示复选框
-   * 条件：多选模式 && (showCheckbox 为 true 或 multipleOptions.showCheckbox 为 true)
-   */
-  var shouldShowCheckbox = useMemo(function () {
-    return mode === "multiple" && (showCheckbox || multipleOptions.showCheckbox);
-  }, [mode, showCheckbox, multipleOptions.showCheckbox]);
-
-  /**
-   * 判断是否应该显示全选功能
-   * 条件：配置允许全选 && 没有设置最大选择数量 && 显示复选框
-   */
-  var shouldShowCheckAll = useMemo(function () {
-    return multipleOptions.isCheckboxMultipleHasSelectAll && !("maxCount" in props) && shouldShowCheckbox;
-  }, [multipleOptions.isCheckboxMultipleHasSelectAll, props, shouldShowCheckbox]);
-
   /**
    * 从数组值构建键值索引映射的函数
    * @param {Array|*} _value - 输入值
@@ -196,7 +137,7 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       return key !== undefined && key !== null;
     });
     keyIndexMapRef.current = newKeyIndexMap;
-    // 使用 setTimeout 避免同步更新导致的性能问题
+    // fixed 节点详情拿不到
     setTimeout(function () {
       return setAllInstance(allKeys);
     }, 0);
@@ -374,161 +315,6 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     return null;
   }, [allowDrag, maxTagCount, renderTag, moveNode, tagDropdownOverlay, prefixCls, rest.disabled, handlePreventMouseDown, activeKey, allOptions, handleChange, onDeselect, maxTagTextLength, tagLabelRender]);
 
-  /**
-   * 处理全选/取消全选的回调函数
-   * @param {Event} e - 复选框事件
-   * @param {Array} currentDataSource - 当前数据源
-   * @param {Array} originDataSource - 原始数据源
-   */
-  var handleCheckAllChange = useCallback(function (e, currentDataSource, originDataSource) {
-    if (!isValidArray(currentDataSource)) return;
-    var isChecked = e.target.checked;
-
-    // 获取原始激活的数据源
-    var originActiveDataSource = originDataSource.filter(function (item) {
-      return activeKey.some(function (activeItem) {
-        return labelInValue ? (activeItem === null || activeItem === void 0 ? void 0 : activeItem.value) === (item === null || item === void 0 ? void 0 : item.value) : activeItem === (item === null || item === void 0 ? void 0 : item.value);
-      });
-    });
-
-    // 转换当前数据源为键值格式
-    var currentDataSourceKeys = currentDataSource.map(function (item) {
-      return labelInValue ? {
-        value: item === null || item === void 0 ? void 0 : item.value,
-        label: item === null || item === void 0 ? void 0 : item.children
-      } : item === null || item === void 0 ? void 0 : item.value;
-    }).filter(Boolean);
-    var newActiveKey = [];
-    var newActiveDataSource = [];
-    if (isChecked) {
-      // 全选：合并原有选中项和当前数据源
-      newActiveDataSource = Array.from(new Set([].concat(_toConsumableArray(originActiveDataSource), _toConsumableArray(currentDataSource))));
-      newActiveKey = Array.from(new Set([].concat(_toConsumableArray(activeKey), _toConsumableArray(currentDataSourceKeys))));
-      onSelect(currentDataSourceKeys, currentDataSource);
-    } else {
-      // 取消全选：从原有选中项中移除当前数据源
-      newActiveDataSource = originActiveDataSource.filter(function (item) {
-        return !currentDataSource.some(function (current) {
-          return (current === null || current === void 0 ? void 0 : current.value) === (item === null || item === void 0 ? void 0 : item.value);
-        });
-      });
-      newActiveKey = activeKey.filter(function (item) {
-        return !currentDataSourceKeys.some(function (current) {
-          return labelInValue ? (item === null || item === void 0 ? void 0 : item.value) === (current === null || current === void 0 ? void 0 : current.value) : item === current;
-        });
-      });
-      onDeselect(currentDataSourceKeys, currentDataSource);
-    }
-    handleChange(newActiveKey, newActiveDataSource);
-  }, [activeKey, labelInValue, onSelect, onDeselect, handleChange]);
-
-  /**
-   * 自定义下拉框渲染函数
-   * 处理复选框模式下的全选功能和空状态显示
-   * @param {React.ReactNode} originNode - 原始下拉框节点
-   * @returns {React.ReactNode} 自定义渲染的下拉框内容
-   */
-  var customDropdownRender = useCallback(function (originNode) {
-    // 从 React 内部属性中获取下拉框的状态数据
-    var memoizedProps = getNestedValue(originNode, ["_owner", "return", "memoizedProps", "value"], {});
-    var flattenOptions = memoizedProps.flattenOptions || [];
-    var originDataSource = memoizedProps.options || [];
-    var activeValues = Array.from(memoizedProps.rawValues || []);
-
-    // 提取有效的数据源（过滤掉分组选项）
-    var dataSource = flattenOptions.filter(function (item) {
-      return item && Object.prototype.hasOwnProperty.call(item, "groupOption");
-    }).map(function (item) {
-      return item.data;
-    }).filter(Boolean);
-
-    // 空状态处理：没有数据时显示空状态提示
-    if (!isValidArray(dataSource)) {
-      var emptyContent = rest.notFoundContent || /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-show-checkbox-empty")
-      }, intl.get("812f44fc-ed3c-4bd3-8ad5-35cd2996c5ae").d("未查找到任何结果"));
-      return emptyContent;
-    }
-
-    // 计算全选状态
-    var dataSourceValues = dataSource.map(function (item) {
-      return item === null || item === void 0 ? void 0 : item.value;
-    }).filter(Boolean);
-    var filterActiveValues = dataSourceValues.filter(function (value) {
-      return activeValues.includes(value);
-    });
-    var isAllSelected = filterActiveValues.length === dataSource.length && dataSource.length > 0;
-    var isIndeterminate = filterActiveValues.length > 0 && !isAllSelected;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowCheckAll && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-check-all"),
-      onMouseDown: handlePreventMouseDown
-    }, /*#__PURE__*/React.createElement(_Checkbox, {
-      indeterminate: isIndeterminate // 半选状态
-      ,
-      checked: isAllSelected // 全选状态
-      ,
-      onChange: function onChange(e) {
-        return handleCheckAllChange(e, dataSource, originDataSource);
-      },
-      style: {
-        width: "100%"
-      }
-    }, intl.get("3991a1d0-65a8-45ca-94a4-f89fbd9f8555").d("全选"), "\uFF08", filterActiveValues.length, "/", dataSource.length, "\uFF09")), originNode);
-  }, [shouldShowCheckAll, prefixCls, handlePreventMouseDown, handleCheckAllChange, intl, rest.notFoundContent]);
-
-  /**
-   * 渲染复选框选项的函数
-   * @param {React.ReactElement} child - 子选项元素
-   * @returns {React.ReactElement|null} 渲染的复选框选项
-   */
-  var renderCheckboxItem = useCallback(function (child) {
-    if (!(child !== null && child !== void 0 && child.props)) return null;
-    var childValue = child.props.value;
-    // 判断当前选项是否被选中
-    var isChecked = labelInValue ? activeKey.some(function (item) {
-      return (item === null || item === void 0 ? void 0 : item.value) === childValue;
-    }) : activeKey.includes(childValue);
-    return /*#__PURE__*/React.createElement("div", {
-      key: child.key || childValue,
-      className: "".concat(prefixCls, "-checkbox-item")
-    }, /*#__PURE__*/React.createElement(_Checkbox, {
-      disabled: child.props.disabled,
-      checked: isChecked
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-item-children")
-    }, child.props.children));
-  }, [activeKey, labelInValue, prefixCls]);
-
-  /**
-   * 处理子元素，在复选框模式下为每个选项添加复选框
-   */
-  var processedChildren = useMemo(function () {
-    if (!shouldShowCheckbox || !children) return children;
-    return React.Children.map(children, function (child) {
-      var _child$props, _child$props2;
-      if (!child) return null;
-
-      // 处理选项组（OptGroup）
-      if (Array.isArray((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children)) {
-        var groupChildren = React.Children.map(child.props.children, function (optGroupChild) {
-          var _optGroupChild$props;
-          if (!optGroupChild) return null;
-          return /*#__PURE__*/React.cloneElement(optGroupChild, {
-            key: optGroupChild.key || ((_optGroupChild$props = optGroupChild.props) === null || _optGroupChild$props === void 0 ? void 0 : _optGroupChild$props.value)
-          }, renderCheckboxItem(optGroupChild));
-        }).filter(Boolean);
-        return /*#__PURE__*/React.cloneElement(child, {
-          key: child.key
-        }, groupChildren);
-      }
-
-      // 处理普通选项
-      return /*#__PURE__*/React.cloneElement(child, {
-        key: child.key || ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.value)
-      }, renderCheckboxItem(child));
-    }).filter(Boolean);
-  }, [shouldShowCheckbox, children, renderCheckboxItem]);
-
   /**
    * 计算最终的 value 值
    * 受控模式：使用传入的 value
@@ -538,8 +324,8 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     if ("value" in props) {
       return value;
     }
-    return shouldShowCheckbox || allowDrag ? activeKey : value;
-  }, [props, value, shouldShowCheckbox, allowDrag, activeKey]);
+    return allowDrag ? activeKey : value;
+  }, [props, value, allowDrag, activeKey]);
 
   // 渲染组件
   return wrapCSSVar(/*#__PURE__*/React.createElement(DndProvider, {
@@ -555,10 +341,10 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     menuItemSelectedIcon: null,
     onSelect: onSelect,
     onDeselect: onDeselect,
-    dropdownRender: dropdownRender !== null && dropdownRender !== void 0 ? dropdownRender : shouldShowCheckbox ? customDropdownRender : null,
+    dropdownRender: dropdownRender,
     labelInValue: labelInValue,
     maxCount: maxCount
-  }, rest), processedChildren)));
+  }, rest), children)));
 });
 
 // PropTypes 类型定义
@@ -601,22 +387,11 @@ CWSelect.propTypes = {
   // 是否允许拖拽
   onDragEnd: PropTypes.func,
   // 拖拽结束回调
-  showCheckbox: PropTypes.bool,
-  // 是否显示复选框
   listHeight: PropTypes.number,
   // 列表高度
   selectLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   // 选择器标签
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  // 标签
-  multipleOptions: PropTypes.shape({
-    // 多选配置选项
-    showCheckbox: PropTypes.bool,
-    // 是否显示复选框
-    showSelectAll: PropTypes.bool,
-    // 是否显示全选
-    isCheckboxMultipleHasSelectAll: PropTypes.bool // 复选框多选是否包含全选
-  })
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]) // 标签
 };
 
 // 设置组件显示名称

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaoswise/ui",
   "packageName": "chaoswiseUI",
-  "version": "3.1.8",
+  "version": "3.1.9",
   "description": "公共UI库",
   "keywords": [
     "ui",