@dckj-npm/dc-material 0.1.357 → 0.1.359

package/lib/components/bread-crumb/bread-crumb.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _breadcrumb = _interopRequireDefault(require("@alifd/next/lib/breadcrumb"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["dataList", "itemList"];
+var BreadCrumb = function BreadCrumb(_ref) {
+  var dataList = _ref.dataList,
+    itemList = _ref.itemList,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var renderItems = function renderItems() {
+    if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) > 0) {
+      return dataList.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"].Item, {
+          key: index,
+          link: item.link
+        }, item.name);
+      });
+    }
+    if ((itemList === null || itemList === void 0 ? void 0 : itemList.length) > 0) {
+      return itemList.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"].Item, {
+          key: index,
+          link: item.link
+        }, item.name);
+      });
+    }
+    return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"].Item, null, "\u6682\u65E0\u6570\u636E");
+  };
+  return /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"], _otherProps, renderItems());
+};
+BreadCrumb.displayName = 'BreadCrumb';
+var _default = exports["default"] = BreadCrumb;

package/lib/components/bread-crumb/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 面包屑
+ */
+import BreadCrumb from './bread-crumb';
+export type { BreadCrumbProps } from './bread-crumb';
+export { BreadCrumb };

package/lib/components/bread-crumb/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _breadCrumb = _interopRequireDefault(require("./bread-crumb"));
+exports.BreadCrumb = _breadCrumb["default"];

package/lib/components/bread-crumb/index.scss

@@ -0,0 +1,4 @@
+.bread-crumb {
+  display: flex;
+  align-items: center;
+}

package/lib/components/button/button.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import './index.scss';
+export interface ButtonProps {
+    /**
+     * 标签名称
+     */
+    name: string;
+    /**
+     * 标签颜色
+     */
+    color: string;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/lib/components/button/button.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["name", "color"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var Button = function Button(_ref) {
+  var name = _ref.name,
+    color = _ref.color,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+    className: 'button__container',
+    style: {
+      color: color
+    }
+  }, otherProps), name);
+};
+var _default = exports["default"] = Button;

package/lib/components/button/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 标签tag
+ */
+import Button from './button';
+export type { ButtonProps } from './button';
+export default Button;

package/lib/components/button/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _button = _interopRequireDefault(require("./button"));
+/**
+ * 标签tag
+ */
+var _default = exports["default"] = _button["default"];

package/lib/components/button/index.scss

@@ -0,0 +1,16 @@
+.button__container {
+  padding: 9px 15px;
+  border-radius: 15px;
+  color: white;
+  font-size: 14px;
+}
+.complete {
+  color: #fff;
+  background-color: rgba(233, 110, 65, 1);
+}
+
+.undone {
+  color: rgba(233, 110, 65, 1);
+  background-color: #fff;
+  border: 1px solid rgba(233, 110, 65, 1);
+}

package/lib/components/carousel/carousel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './carousel.scss';
+export interface CarouselProps {
+    /**
+     * 图片列表
+     */
+    images: string[];
+    /**
+     * 定时播放的时间
+     */
+    interval?: number;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/lib/components/carousel/carousel.js

@@ -0,0 +1,80 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./carousel.scss");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var Carousel = function Carousel(_ref) {
+  var _ref$images = _ref.images,
+    images = _ref$images === void 0 ? [] : _ref$images,
+    _ref$interval = _ref.interval,
+    interval = _ref$interval === void 0 ? 3000 : _ref$interval;
+  // 如果没有图片则返回提示
+  if (images.length === 0) {
+    return /*#__PURE__*/_react["default"].createElement("div", null);
+  }
+  // 如果只有一张图片，则直接显示
+  if (images.length === 1) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "carousel"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: images[0],
+      alt: "Single slide",
+      className: "carousel-image"
+    }));
+  }
+  // 添加复制的第一张和最后一张图片以实现无缝切换
+  var extendedImages = [images[images.length - 1]].concat(images, [images[0]]);
+  // 初始显示第二张图片
+  var _useState = (0, _react.useState)(1),
+    currentIndex = _useState[0],
+    setCurrentIndex = _useState[1];
+  // 切换到下一张图片
+  var goToNext = function goToNext() {
+    setCurrentIndex(function (prevIndex) {
+      return prevIndex + 1;
+    });
+  };
+  // 自动播放逻辑：在组件挂载时启动定时器
+  (0, _react.useEffect)(function () {
+    var timer = setInterval(function () {
+      goToNext();
+    }, interval);
+    // 清除定时器，避免内存泄漏
+    return function () {
+      return clearInterval(timer);
+    };
+  }, [interval]);
+  (0, _react.useEffect)(function () {
+    // 当切换到最后一张复制的图片时，设置为第二张图片
+    if (currentIndex === extendedImages.length - 1) {
+      setTimeout(function () {
+        // 跳转到第二张
+        setCurrentIndex(1);
+      }, 1000);
+    }
+  }, [currentIndex]);
+  // 计算当前显示的图像索引
+  var displayIndex = currentIndex > images.length ? currentIndex - images.length : currentIndex;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel-track",
+    style: {
+      transform: "translateX(-" + currentIndex * 100 + "%)",
+      // 只有在平滑切换时才应用过渡
+      transition: currentIndex === 1 ? 'none' : 'transform 1s ease-in-out'
+    }
+  }, extendedImages.map(function (image, index) {
+    return /*#__PURE__*/_react["default"].createElement("img", {
+      key: index,
+      src: image,
+      alt: "Slide " + index,
+      className: "carousel-image"
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel-counter"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, displayIndex), /*#__PURE__*/_react["default"].createElement("span", null, "/"), /*#__PURE__*/_react["default"].createElement("span", null, images.length)));
+};
+var _default = exports["default"] = Carousel;

package/lib/components/carousel/carousel.scss

@@ -0,0 +1,32 @@
+.carousel {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.carousel-track {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+
+.carousel-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+}
+
+.carousel-counter {
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+  color: white;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 2px 8px;
+  border-radius: 5px;
+  font-size: 12px;
+  display: flex;
+  gap: 2px;
+}

package/lib/components/collapse/collapse.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 内容
+     */
+    content?: string;
+}
+/**
+ * 折叠面板项配置
+ */
+interface ItemProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 内容
+     */
+    content?: string;
+}
+/**
+ * 折叠面板类型
+ */
+export interface CollapseProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 类型
+     */
+    type?: 'default' | 'borderless' | 'bordered';
+    /**
+     * 折叠面板项配置
+     */
+    itemList?: ItemProps[];
+    /**
+     * 子组件
+     */
+    children?: React.ReactNode;
+}
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

package/lib/components/collapse/collapse.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _collapse = _interopRequireDefault(require("@alifd/next/lib/collapse"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["dataList", "itemList", "children"];
+/**
+ * 数据
+ */
+
+/**
+ * 折叠面板项配置
+ */
+
+/**
+ * 折叠面板类型
+ */
+
+var Collapse = function Collapse(_ref) {
+  var dataList = _ref.dataList,
+    itemList = _ref.itemList,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var Panel = _collapse["default"].Panel;
+  var renderContent = function renderContent(content) {
+    if (!content) return null;
+    var contentArray = content.split(',');
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "collapse-content-list"
+    }, contentArray.map(function (item, index) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: index,
+        className: "collapse-content-item"
+      }, item.trim());
+    }));
+  };
+  var renderItems = function renderItems() {
+    if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) > 0) {
+      return dataList.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(Panel, {
+          key: index,
+          title: item.title
+        }, item.content && renderContent(item.content));
+      });
+    }
+    if ((itemList === null || itemList === void 0 ? void 0 : itemList.length) > 0) {
+      return itemList.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(Panel, {
+          key: index,
+          title: item.title
+        }, item.content);
+      });
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_collapse["default"], _otherProps, renderItems());
+};
+Collapse.displayName = 'Collapse';
+var _default = exports["default"] = Collapse;

package/lib/components/collapse/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 折叠面板
+ */
+import Collapse from './collapse';
+export type { CollapseProps } from './collapse';
+export { Collapse };

package/lib/components/collapse/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _collapse = _interopRequireDefault(require("./collapse"));
+exports.Collapse = _collapse["default"];

package/lib/components/collapse/index.scss

@@ -0,0 +1,18 @@
+.collapse{
+    width: 100%;
+    display: flex;
+}
+
+.collapse-content-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  
+  .collapse-content-item {
+    padding: 8px 12px;
+    background-color: #f5f5f5;
+    border-radius: 4px;
+    color: #333;
+    font-size: 14px;
+  }
+}

package/lib/components/collapse-selector/collapse-selector.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.scss';
+export interface CollapseSelectorProps {
+    dataList?: DataProps[];
+    children?: React.ReactNode;
+}
+interface DataProps {
+    title?: string;
+    icon?: string;
+    key?: string;
+    isContent?: boolean;
+}
+declare const CollapseSelector: React.FC<CollapseSelectorProps>;
+export default CollapseSelector;

package/lib/components/collapse-selector/collapse-selector.js

@@ -0,0 +1,99 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _index2 = require("../collapse-selector-item/index");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var CollapseSelector = function CollapseSelector(props) {
+  var children = props.children;
+  // 设置默认值为 null，之后通过 useEffect 设置为第一项
+  var _React$useState = _react["default"].useState(null),
+    activeKey = _React$useState[0],
+    setActiveKey = _React$useState[1];
+  var handleItemClick = function handleItemClick(key) {
+    setActiveKey(activeKey === key ? null : key);
+  };
+
+  // 找到第一个子项的 key 并设置为默认打开
+  (0, _react.useEffect)(function () {
+    if (children) {
+      var firstKey = null;
+      _react.Children.forEach(children, function (child) {
+        if (/*#__PURE__*/(0, _react.isValidElement)(child) && child.type === _index2.CollapseSelectorItem && !firstKey) {
+          firstKey = child.props.key || '';
+        }
+      });
+      if (firstKey) {
+        setActiveKey(firstKey);
+      }
+    } else if (props.dataList && props.dataList.length > 0) {
+      // 如果使用 dataList，找到第一个项目
+      var _firstKey = props.dataList[0].key || '';
+      if (_firstKey) {
+        setActiveKey(_firstKey);
+      }
+    }
+  }, [children, props.dataList]);
+
+  // 处理低代码引擎中拖放的子组件
+  if (children) {
+    return /*#__PURE__*/(0, _react.createElement)('div', {
+      className: 'collapse-selector'
+    }, _react.Children.map(children, function (child) {
+      if (/*#__PURE__*/(0, _react.isValidElement)(child) && child.type === _index2.CollapseSelectorItem) {
+        var childKey = child.props.key || '';
+        var isActive = activeKey === childKey;
+        return /*#__PURE__*/(0, _react.createElement)('div', {
+          key: childKey,
+          className: 'collapse-selector-item'
+        }, [/*#__PURE__*/(0, _react.createElement)('div', {
+          className: 'collapse-selector-header',
+          onClick: function onClick() {
+            return handleItemClick(childKey);
+          }
+        }, [/*#__PURE__*/(0, _react.createElement)('div', {
+          className: 'collapse-selector-title'
+        }, [child.props.icon && /*#__PURE__*/(0, _react.createElement)('i', {
+          className: "collapse-selector-icon " + child.props.icon
+        }), /*#__PURE__*/(0, _react.createElement)('span', null, child.props.title)]), /*#__PURE__*/(0, _react.createElement)('div', {
+          className: "collapse-selector-indicator " + (isActive ? 'active' : '')
+        })]), isActive && /*#__PURE__*/(0, _react.createElement)('div', {
+          className: 'collapse-selector-content'
+        }, child)]);
+      }
+      return null;
+    }));
+  }
+
+  // 兼容原有的 dataList 方式（可以删除或保留以保持向后兼容）
+  var _props$dataList = props.dataList,
+    dataList = _props$dataList === void 0 ? [] : _props$dataList;
+  return /*#__PURE__*/(0, _react.createElement)('div', {
+    className: 'collapse-selector'
+  }, dataList.map(function (item) {
+    return /*#__PURE__*/(0, _react.createElement)('div', {
+      key: item.key,
+      className: 'collapse-selector-item'
+    }, [/*#__PURE__*/(0, _react.createElement)('div', {
+      className: 'collapse-selector-header',
+      onClick: function onClick() {
+        return handleItemClick(item.key || '');
+      }
+    }, [/*#__PURE__*/(0, _react.createElement)('div', {
+      className: 'collapse-selector-title'
+    }, [item.icon && /*#__PURE__*/(0, _react.createElement)('i', {
+      className: "collapse-selector-icon " + item.icon
+    }), /*#__PURE__*/(0, _react.createElement)('span', null, item.title)]), /*#__PURE__*/(0, _react.createElement)('div', {
+      className: "collapse-selector-indicator " + (activeKey === item.key ? 'active' : '')
+    })]), item.isContent && activeKey === item.key && /*#__PURE__*/(0, _react.createElement)('div', {
+      className: 'collapse-selector-content'
+    }, /*#__PURE__*/(0, _react.createElement)(_index2.CollapseSelectorItem, {
+      title: item.title,
+      key: item.key
+    }))]);
+  }));
+};
+CollapseSelector.displayName = 'CollapseSelector';
+var _default = exports["default"] = CollapseSelector;

package/lib/components/collapse-selector/index.d.ts

@@ -0,0 +1,3 @@
+import CollapseSelector from './collapse-selector';
+export type { CollapseSelectorProps } from './collapse-selector';
+export { CollapseSelector };

package/lib/components/collapse-selector/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _collapseSelector = _interopRequireDefault(require("./collapse-selector"));
+exports.CollapseSelector = _collapseSelector["default"];

package/lib/components/collapse-selector/index.scss

@@ -0,0 +1,98 @@
+.collapse-selector {
+  width: 100%;
+  
+  .collapse-selector-item {
+    margin-bottom: 8px;
+    border-radius: 4px;
+    overflow: hidden;
+    background-color: #f5f5f5;
+    border: 1px solid #e8e8e8;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  }
+
+  .collapse-selector-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    cursor: pointer;
+    background-color: #f9f9f9;
+    transition: background-color 0.3s;
+    
+    &:hover {
+      background-color: #f0f0f0;
+    }
+  }
+
+  .collapse-selector-title {
+    display: flex;
+    align-items: center;
+    
+    .collapse-selector-icon {
+      margin-right: 8px;
+      font-size: 18px;
+      color: #1890ff;
+    }
+    
+    span {
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+    }
+  }
+
+  .collapse-selector-indicator {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    border: 1px solid #ddd;
+    position: relative;
+    transition: all 0.3s;
+    
+    &:before, &:after {
+      content: '';
+      position: absolute;
+      background-color: #999;
+      transition: all 0.3s;
+    }
+    
+    &:before {
+      width: 10px;
+      height: 2px;
+      top: 8px;
+      left: 4px;
+    }
+    
+    &:after {
+      width: 2px;
+      height: 10px;
+      top: 4px;
+      left: 8px;
+    }
+    
+    &.active {
+      background-color: #1890ff;
+      border-color: #1890ff;
+      
+      &:before, &:after {
+        background-color: white;
+      }
+      
+      &:after {
+        height: 0;
+      }
+    }
+  }
+  
+  .collapse-selector-content {
+    padding: 0;
+    overflow: hidden;
+    background-color: white;
+    border-top: 1px solid #e8e8e8;
+  }
+  
+  .collapse-selector-content-inner {
+    padding: 16px;
+    min-height: 80px;
+  }
+}

package/lib/components/collapse-selector-item/collapse-selector-item.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface CollapseSelectorItemProps {
+    children?: React.ReactNode;
+    title?: string;
+    icon?: string;
+}
+declare const CollapseSelectorItem: React.FC<CollapseSelectorItemProps>;
+export default CollapseSelectorItem;

package/lib/components/collapse-selector-item/collapse-selector-item.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = require("react");
+// 创建子项组件
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var CollapseSelectorItem = function CollapseSelectorItem(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    icon = _ref.icon;
+  // 在组件内部我们只使用 children，title 和 icon 在父组件中使用
+  return /*#__PURE__*/(0, _react.createElement)('div', {
+    className: 'collapse-selector-content-inner'
+  }, children);
+};
+CollapseSelectorItem.displayName = 'CollapseSelectorItem';
+var _default = exports["default"] = CollapseSelectorItem;