@nocobase/plugin-theme-editor 0.11.1-alpha.5 → 0.12.0-alpha.1

package/lib/client/antd-token-previewer/token-panel/index.js

@@ -1,316 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _icons() {
-  const data = require("@ant-design/icons");
-  _icons = function _icons() {
-    return data;
-  };
-  return data;
-}
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-  _classnames = function _classnames() {
-    return data;
-  };
-  return data;
-}
-function _useMergedState3() {
-  const data = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-  _useMergedState3 = function _useMergedState3() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _icons2 = require("../icons");
-var _classifyToken = require("../utils/classifyToken");
-var _getDesignToken = _interopRequireDefault(require("../utils/getDesignToken"));
-var _makeStyle = _interopRequireDefault(require("../utils/makeStyle"));
-var _tokenCard = _interopRequireWildcard(require("./token-card"));
-var _tokenItem = require("./token-item");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 _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."); }
-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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const useToken = _antd().theme.useToken;
-const useStyle = (0, _makeStyle.default)('AliasTokenPreview', token => ({
-  '.preview-panel-wrapper': {
-    overflow: 'auto',
-    height: '100%',
-    '.preview-panel': {
-      height: '100%',
-      minWidth: 300,
-      backgroundColor: 'white',
-      display: 'flex',
-      flexDirection: 'column',
-      '.preview-panel-token-wrapper': {
-        position: 'relative',
-        flex: 1,
-        overflow: 'hidden',
-        '&::before, &::after': {
-          position: 'absolute',
-          zIndex: 1,
-          opacity: 0,
-          transition: 'opacity .3s',
-          content: '""',
-          pointerEvents: 'none',
-          insetInlineStart: 0,
-          insetInlineEnd: 0,
-          height: 40
-        },
-        '&::before': {
-          top: 0,
-          boxShadow: 'inset 0 10px 8px -8px #00000014'
-        },
-        '&::after': {
-          bottom: 0,
-          boxShadow: 'inset 0 -10px 8px -8px #00000014'
-        },
-        '&.preview-panel-token-wrapper-ping-top': {
-          '&::before': {
-            opacity: 1
-          }
-        }
-      },
-      '.preview-panel-space': {
-        marginBottom: 20,
-        paddingInlineStart: token.paddingXS,
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        '.preview-hide-token': {
-          color: token.colorTextSecondary,
-          fontSize: token.fontSizeSM,
-          lineHeight: token.lineHeightSM,
-          display: 'flex',
-          alignItems: 'center',
-          '>*:first-child': {
-            marginInlineEnd: 2
-          }
-        }
-      },
-      '.preview-panel-search': {
-        backgroundColor: 'rgba(0, 0, 0, 2%)',
-        borderRadius: token.borderRadiusLG,
-        [`${token.rootCls}-input-group-addon`]: {
-          backgroundColor: 'inherit',
-          border: 'none',
-          padding: 0,
-          transition: `background-color ${token.motionDurationSlow}`,
-          '&:hover': {
-            backgroundColor: 'rgba(0, 0, 0, 4%)'
-          }
-        },
-        input: {
-          fontSize: token.fontSizeSM,
-          paddingInlineStart: 4
-        },
-        '.previewer-token-type-dropdown-icon-active': {
-          color: token.colorPrimary
-        }
-      }
-    }
-  }
-}));
-var _default = (0, _react().forwardRef)((props, ref) => {
-  const filterTypes = props.filterTypes,
-    onFilterTypesChange = props.onFilterTypesChange,
-    themes = props.themes,
-    selectedTokens = props.selectedTokens,
-    onTokenSelect = props.onTokenSelect,
-    enableTokenSelect = props.enableTokenSelect;
-  const _useStyle = useStyle(),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
-    wrapSSR = _useStyle2[0],
-    hashId = _useStyle2[1];
-  const _useState = (0, _react().useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  const _useState3 = (0, _react().useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showAll = _useState4[0],
-    setShowAll = _useState4[1];
-  const _useState5 = (0, _react().useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showTokenListShadowTop = _useState6[0],
-    setShowTokenListShadowTop = _useState6[1];
-  const cardWrapperRef = (0, _react().useRef)(null);
-  const _useState7 = (0, _react().useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    activeCards = _useState8[0],
-    setActiveCards = _useState8[1];
-  const _useState9 = (0, _react().useState)(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    activeToken = _useState10[0],
-    setActiveToken = _useState10[1];
-  const _useToken = useToken(),
-    token = _useToken.token;
-  const _useMergedState = (0, _useMergedState3().default)(filterTypes || []),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    mergedFilterTypes = _useMergedState2[0],
-    setMergedFilterTypes = _useMergedState2[1];
-  // TODO: Split AliasToken and SeedToken
-  const groupedToken = (0, _react().useMemo)(() => (0, _classifyToken.classifyToken)(token), [token]);
-  (0, _react().useEffect)(() => {
-    var _cardWrapperRef$curre3;
-    const handleTokenListScroll = () => {
-      var _cardWrapperRef$curre, _cardWrapperRef$curre2;
-      setShowTokenListShadowTop(((_cardWrapperRef$curre = (_cardWrapperRef$curre2 = cardWrapperRef.current) === null || _cardWrapperRef$curre2 === void 0 ? void 0 : _cardWrapperRef$curre2.scrollTop) !== null && _cardWrapperRef$curre !== void 0 ? _cardWrapperRef$curre : 0) > 0);
-    };
-    (_cardWrapperRef$curre3 = cardWrapperRef.current) === null || _cardWrapperRef$curre3 === void 0 ? void 0 : _cardWrapperRef$curre3.addEventListener('scroll', handleTokenListScroll);
-    const wrapper = cardWrapperRef.current;
-    return () => {
-      wrapper === null || wrapper === void 0 ? void 0 : wrapper.removeEventListener('scroll', handleTokenListScroll);
-    };
-  }, []);
-  (0, _react().useImperativeHandle)(ref, () => ({
-    scrollToToken: tokenName => {
-      const type = (0, _classifyToken.getTypeOfToken)(tokenName);
-      if (!activeCards.includes(type)) {
-        setActiveCards(prev => [...prev, type]);
-      }
-      setActiveToken(tokenName);
-      setTimeout(() => {
-        var _cardWrapperRef$curre4;
-        const node = (_cardWrapperRef$curre4 = cardWrapperRef.current) === null || _cardWrapperRef$curre4 === void 0 ? void 0 : _cardWrapperRef$curre4.querySelector(`#${(0, _tokenItem.getTokenItemId)(tokenName)}`);
-        if (!node) {
-          return;
-        }
-        node === null || node === void 0 ? void 0 : node.scrollIntoView({
-          block: 'center',
-          inline: 'nearest'
-        });
-      }, 100);
-    }
-  }));
-  const handleAliasTokenChange = (theme, tokenName, value) => {
-    var _theme$onThemeChange;
-    (_theme$onThemeChange = theme.onThemeChange) === null || _theme$onThemeChange === void 0 ? void 0 : _theme$onThemeChange.call(theme, _objectSpread(_objectSpread({}, theme.config), {}, {
-      token: _objectSpread(_objectSpread({}, theme.config.token), {}, {
-        [tokenName]: value
-      })
-    }), ['token', tokenName]);
-  };
-  return wrapSSR(_react().default.createElement("div", {
-    className: (0, _classnames().default)('preview-panel-wrapper', hashId)
-  }, _react().default.createElement("div", {
-    className: (0, _classnames().default)('preview-panel')
-  }, _react().default.createElement("div", {
-    style: {
-      padding: 16
-    }
-  }, _react().default.createElement("h3", {
-    className: (0, _classnames().default)('preview-panel-space', hashId)
-  }, _react().default.createElement("span", null, "Alias Token \u9884\u89C8"), _react().default.createElement("span", {
-    className: "preview-hide-token"
-  }, _react().default.createElement("span", null, "\u663E\u793A\u6240\u6709"), _react().default.createElement(_antd().Switch, {
-    checked: showAll,
-    onChange: value => setShowAll(value),
-    size: "small"
-  }))), _react().default.createElement(_antd().Input, {
-    allowClear: true,
-    onChange: e => {
-      setSearch(e.target.value);
-    },
-    bordered: false,
-    addonBefore: _react().default.createElement(_react().default.Fragment, null, _react().default.createElement(_antd().Dropdown, {
-      overlay: _react().default.createElement(_antd().Menu, {
-        items: [{
-          label: '筛选项',
-          type: 'group',
-          key: 'title-key',
-          style: {
-            fontSize: 12
-          }
-        }, ..._classifyToken.TOKEN_SORTS.map(type => ({
-          icon: _react().default.createElement("span", null, _react().default.createElement(_icons().CheckOutlined, {
-            style: {
-              opacity: mergedFilterTypes.includes(type) ? 1 : 0,
-              marginInlineEnd: 8,
-              fontSize: 12
-            }
-          }), _tokenCard.IconMap[type]),
-          label: _tokenCard.TextMap[type],
-          key: type,
-          onClick: () => {
-            const newTypes = mergedFilterTypes.includes(type) ? mergedFilterTypes.filter(item => type !== item) : [...mergedFilterTypes, type];
-            setMergedFilterTypes(newTypes);
-            onFilterTypesChange === null || onFilterTypesChange === void 0 ? void 0 : onFilterTypesChange(newTypes);
-          }
-        }))]
-      }),
-      trigger: ['click']
-    }, _react().default.createElement(_icons2.SearchDropdown, {
-      style: {
-        width: 32,
-        cursor: 'pointer',
-        fontSize: 18,
-        paddingTop: 2,
-        transition: 'color 0.3s'
-      },
-      className: (0, _classnames().default)({
-        'previewer-token-type-dropdown-icon-active': mergedFilterTypes.length > 0
-      })
-    }))),
-    className: "preview-panel-search",
-    placeholder: "\u641C\u7D22 Token / \u8272\u503C / \u6587\u672C / \u5706\u89D2\u7B49"
-  })), _react().default.createElement("div", {
-    className: (0, _classnames().default)('preview-panel-token-wrapper', {
-      'preview-panel-token-wrapper-ping-top': showTokenListShadowTop
-    })
-  }, _react().default.createElement("div", {
-    ref: cardWrapperRef,
-    style: {
-      height: '100%',
-      overflow: 'auto',
-      padding: '0 16px'
-    }
-  }, _react().default.createElement("div", null, _classifyToken.TOKEN_SORTS.filter(type => type !== 'seed' && (mergedFilterTypes.includes(type) || mergedFilterTypes.length === 0) && (!search || groupedToken[type].some(item => item.toLowerCase().includes(search.toLowerCase())))).map(key => _react().default.createElement(_tokenCard.default, {
-    title: _tokenCard.TextMap[key],
-    icon: _tokenCard.IconMap[key],
-    key: key,
-    tokenPath: ['token'],
-    tokenArr: groupedToken[key],
-    keyword: search,
-    hideUseless: !showAll,
-    open: activeCards.includes(key),
-    onOpenChange: open => setActiveCards(prev => open ? [...prev, key] : prev.filter(item => item !== key)),
-    onTokenChange: handleAliasTokenChange,
-    activeToken: activeToken,
-    onActiveTokenChange: tokenName => setActiveToken(tokenName),
-    themes: themes,
-    selectedTokens: selectedTokens,
-    onTokenSelect: onTokenSelect,
-    enableTokenSelect: enableTokenSelect,
-    fallback: config => (0, _getDesignToken.default)(config)
-  }))))))));
-});
-exports.default = _default;

package/lib/client/antd-token-previewer/token-panel/token-card/index.js

@@ -1,182 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TextMap = exports.IconMap = void 0;
-function _icons() {
-  const data = require("@ant-design/icons");
-  _icons = function _icons() {
-    return data;
-  };
-  return data;
-}
-function _antd() {
-  const data = require("antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-  _classnames = function _classnames() {
-    return data;
-  };
-  return data;
-}
-function _useMergedState3() {
-  const data = _interopRequireDefault(require("rc-util/es/hooks/useMergedState"));
-  _useMergedState3 = function _useMergedState3() {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function _react() {
-    return data;
-  };
-  return data;
-}
-var _icons2 = require("../../icons");
-var _makeStyle = _interopRequireDefault(require("../../utils/makeStyle"));
-var _statistic = require("../../utils/statistic");
-var _tokenItem = _interopRequireDefault(require("../token-item"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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."); }
-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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const Panel = _antd().Collapse.Panel;
-const IconMap = {
-  seed: _react().default.createElement(_icons().BulbOutlined, null),
-  colorText: _react().default.createElement(_icons().FontColorsOutlined, null),
-  colorBg: _react().default.createElement(_icons().BgColorsOutlined, null),
-  colorSplit: _react().default.createElement(_icons().BorderHorizontalOutlined, null),
-  colorFill: _react().default.createElement(_icons().HighlightOutlined, null),
-  colorCommon: _react().default.createElement(_icons().FormatPainterOutlined, null),
-  space: _react().default.createElement(_icons2.ShapeLine, null),
-  font: _react().default.createElement(_icons().FontSizeOutlined, null),
-  line: _react().default.createElement(_icons().AlignLeftOutlined, null),
-  screen: _react().default.createElement(_icons().TabletOutlined, null),
-  motion: _react().default.createElement(_icons2.Motion, null),
-  radius: _react().default.createElement(_icons().RadiusSettingOutlined, null),
-  control: _react().default.createElement(_icons().ControlOutlined, null),
-  others: _react().default.createElement(_icons().FileUnknownOutlined, null)
-};
-exports.IconMap = IconMap;
-const TextMap = {
-  seed: 'Seed Token',
-  colorCommon: 'Common Color 通用颜色',
-  colorText: 'Text Color 文本颜色',
-  colorBg: 'Background Color 背景颜色',
-  colorFill: 'Fill Color 填充颜色',
-  colorSplit: 'Split Color 分割线颜色',
-  space: 'Space 间距',
-  font: 'Font 文本',
-  line: 'Line 线',
-  screen: 'Screen 屏幕',
-  motion: 'Motion 动画',
-  radius: 'Radius 圆角',
-  control: 'Control 控件',
-  others: 'Others 未分类'
-};
-exports.TextMap = TextMap;
-const useStyle = (0, _makeStyle.default)('TokenCard', token => ({
-  '.token-card': {
-    width: '100%',
-    height: 'auto',
-    borderRadius: token.borderRadiusLG,
-    border: `1px solid rgba(0,0,0,0.09)`,
-    marginBottom: token.marginSM,
-    [`${token.rootCls}-collapse.token-card-collapse`]: {
-      [`> ${token.rootCls}-collapse-item > ${token.rootCls}-collapse-content > ${token.rootCls}-collapse-content-box`]: {
-        padding: {
-          _skip_check_: true,
-          value: `0 ${token.paddingXS}px 12px !important`
-        }
-      }
-    }
-  },
-  [`.token-card ${token.rootCls}-input-group >${token.rootCls}-input:not(:first-child):not(:last-child)`]: {
-    background: 'white',
-    borderRadius: token.borderRadiusLG
-  }
-}));
-var _default = ({
-  title,
-  icon,
-  tokenArr,
-  keyword,
-  hideUseless,
-  defaultOpen,
-  open: customOpen,
-  onOpenChange,
-  activeToken,
-  onActiveTokenChange,
-  onTokenChange,
-  tokenPath,
-  selectedTokens,
-  themes,
-  onTokenSelect,
-  enableTokenSelect,
-  hideUsageCount,
-  fallback,
-  placeholder
-}) => {
-  const _useStyle = useStyle(),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
-    wrapSSR = _useStyle2[0],
-    hashId = _useStyle2[1];
-  const _useMergedState = (0, _useMergedState3().default)(false, {
-      onChange: onOpenChange,
-      defaultValue: defaultOpen,
-      value: customOpen
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    open = _useMergedState2[0],
-    setOpen = _useMergedState2[1];
-  return wrapSSR(_react().default.createElement("div", {
-    className: (0, _classnames().default)('token-card', hashId)
-  }, _react().default.createElement(_antd().Collapse, {
-    ghost: true,
-    expandIcon: ({
-      isActive
-    }) => _react().default.createElement(_icons().CaretRightOutlined, {
-      rotate: isActive ? 450 : 360,
-      style: {
-        fontSize: 12,
-        color: 'rgba(0,0,0,0.45)'
-      }
-    }),
-    expandIconPosition: "right",
-    className: "token-card-collapse",
-    activeKey: open ? '1' : undefined,
-    onChange: keys => {
-      // onOpenChange?.(keys.length > 0);
-      setOpen(keys.length > 0);
-    }
-  }, _react().default.createElement(Panel, {
-    header: _react().default.createElement(_antd().Space, {
-      size: "small"
-    }, _react().default.createElement("span", null, title), _react().default.createElement("span", null, icon)),
-    key: "1"
-  }, tokenArr.filter(tokenName => (!keyword || tokenName.toLowerCase().includes(keyword.toLowerCase())) && (!hideUseless || (0, _statistic.getRelatedComponents)(tokenName).length > 0)).map(tokenName => _react().default.createElement(_tokenItem.default, {
-    tokenPath: tokenPath,
-    onActiveChange: active => onActiveTokenChange === null || onActiveTokenChange === void 0 ? void 0 : onActiveTokenChange(active ? tokenName : undefined),
-    active: activeToken === tokenName,
-    tokenName: tokenName,
-    key: tokenName,
-    onTokenChange: onTokenChange,
-    themes: themes,
-    selectedTokens: selectedTokens,
-    onTokenSelect: onTokenSelect,
-    enableTokenSelect: enableTokenSelect,
-    hideUsageCount: hideUsageCount,
-    fallback: fallback
-  })), tokenArr.length === 0 && placeholder))));
-};
-exports.default = _default;