@pisell/materials 1.0.669 → 1.0.670

package/lib/components/pisellAnchor/index.less

@@ -1,197 +0,0 @@
-.pisell-anchor-containers {
-  // display: flex;
-  // align-items: center;
-  // background-color: #fff;
-  // height: 40px;
-  .pisell-lowcode-anchor-wrapper {
-    &::before {
-      content: '';
-      display: none;
-    }
-    .pisell-lowcode-anchor {
-      height: 40px;
-      border-bottom: none !important;
-      background-color: #fff;
-
-      .pisell-lowcode-anchor-ink {
-        display: none;
-      }
-
-      .pisell-lowcode-anchor-link {
-        height: 100%;
-        padding: 0 16px;
-        display: flex;
-        align-items: center;
-
-        &-title {
-          color: var(--Gray-900, #101828);
-          font-family: Inter;
-          font-size: 16px;
-          font-weight: 600;
-          line-height: 40px;
-        }
-      }
-
-      .pisell-lowcode-anchor-link-active {
-        border-radius: 100px;
-        background: var(--theme-color, #7f56d9);
-        height: 40px;
-
-        .pisell-lowcode-anchor-link-title {
-          color: var(--White, #fff);
-          line-height: 40px;
-        }
-      }
-    }
-  }
-  .pisell-anchor-scroll {
-    height: 40px;
-    flex: 1;
-    overflow-x: auto;
-
-    // 隐藏滚动条 - Firefox
-    scrollbar-width: none;
-
-    // 隐藏滚动条 - IE and Edge
-    -ms-overflow-style: none;
-
-    // 隐藏滚动条 - Chrome, Safari, Opera
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  .pisell-anchor-buttons {
-    display: flex;
-    gap: 8px;
-    margin-left: 16px;
-
-    .scroll-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 24px;
-      height: 24px;
-      border: 1px solid #d9d9d9;
-      border-radius: 4px;
-      background: white;
-      cursor: pointer;
-      transition: all 0.3s;
-
-      &:hover:not(.disabled) {
-        color: #1890ff;
-        border-color: #1890ff;
-      }
-
-      &.disabled {
-        color: #d9d9d9;
-        cursor: not-allowed;
-        background: #f5f5f5;
-      }
-    }
-  }
-}
-
-.pisell-anchor-tabs {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  font-size: 17px;
-  font-weight: 400;
-  color: #0d1619;
-  cursor: default;
-  position: relative;
-
-  .pisell-anchor-tabs-btn-left,
-  .pisell-anchor-tabs-btn-right {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 1;
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(90deg, #fff 30%, rgba(255, 255, 255, 0.8) 100%);
-    cursor: pointer;
-    transition: width 300ms ease;
-    user-select: none;
-
-    .pisell-anchor-tabs-btn-icon {
-      width: 24px;
-      height: 24px;
-      background: #f1f1f1;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #262626;
-      font-size: 20px;
-    }
-  }
-
-  .pisell-anchor-tabs-btn-left {
-    left: 0;
-    background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
-  }
-
-  .pisell-anchor-tabs-btn-right {
-    right: 0;
-    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
-  }
-
-  .pisell-anchor-tabs-content {
-    flex: 1;
-    display: flex;
-    overflow-x: auto;
-    overflow-y: hidden;
-    scroll-behavior: smooth;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    padding: 0;
-    gap: 16px;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    .pisell-anchor-tabs-tab {
-      flex: 0 0 auto;
-      padding: 0 16px;
-      cursor: pointer;
-      white-space: nowrap;
-      transition: all 0.3s;
-      height: 48px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 16px;
-      border-radius: 100px;
-
-      &:hover:not(.pisell-anchor-tabs-tab-active) {
-        color: var(--theme-color, #7f56d9);
-      }
-
-      &.pisell-anchor-tabs-tab-active {
-        color: #fff;
-        font-weight: 600;
-        background-color: var(--theme-color, #7f56d9);
-      }
-
-      .pisell-anchor-tabs-tab-content {
-        line-height: 24px;
-      }
-    }
-  }
-}
-
-.pisell-anchor {
-  border-bottom: 1px solid #EAECF0;
-
-  &.pisell-anchor-no-border {
-    border-bottom: none;
-  }
-}

package/lib/components/pisellAppCard/PisellAppCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PisellAppCardProps } from './types';
-import './PisellAppCard.less';
-declare const PisellAppCard: React.FC<PisellAppCardProps>;
-export default PisellAppCard;

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

@@ -1,3 +0,0 @@
-import PisellAppCard from './PisellAppCard';
-export default PisellAppCard;
-export type { PisellAppCardProps } from './types';

package/lib/components/pisellAppCard/types.d.ts

@@ -1,34 +0,0 @@
-import { CSSProperties } from 'react';
-export interface PisellAppCardProps {
-    /** 类名 */
-    className?: string;
-    /** 样式 */
-    style?: CSSProperties;
-    /** 头像地址 */
-    avatar?: string;
-    /** icon */
-    icon?: string;
-    /** 标签列表 */
-    tags?: Array<{
-        label: string;
-        color?: 'success' | 'warning' | 'error' | 'gray';
-        type: 'pill_color' | 'pill_outline';
-    }>;
-    /** 标题 */
-    title: string;
-    /** 描述 */
-    description?: string;
-    /** 底部按钮列表 */
-    bottomButtons?: Array<{
-        label: string;
-        onClick?: () => void;
-        type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
-        hidden: boolean;
-    }>;
-    /** 右侧更多操作列表 */
-    moreActions?: Array<{
-        label: string;
-        onClick?: () => void;
-        icon?: React.ReactNode;
-    }>;
-}

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

@@ -1,43 +0,0 @@
-import React from 'react';
-import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
-import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
-export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
-    platform?: PisellContextType['platform'];
-    /** 当用户查看完所有记录时，底部会显示此消息 */
-    endMessage?: React.ReactNode;
-    /** 加载下次数据时的加载站位 */
-    loader?: React.ReactNode;
-    /** 是否有更多数据 */
-    hasMore: boolean;
-    /** 加载更多数据回调 */
-    loadMoreData?: () => Promise<void>;
-    /** 当前list数据 */
-    data: PisellWalletPassCardProps[];
-    /** list空数据时展示内容 */
-    empty?: React.ReactNode;
-    /** 是否展示空状态 */
-    showEmpty?: boolean;
-    /** 是否展示卡片名称 */
-    showName?: boolean;
-    /** 是否展示店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示核销金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示编码 */
-    showCode?: boolean;
-    /** 是否展示到期时间 */
-    showValidDate?: boolean;
-    /** 是否展示详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示二维码 */
-    showQrCode?: boolean;
-    /** 是否展示封面图 */
-    showCover?: boolean;
-    /** 是否余额货币单位 */
-    showBalanceSymbol?: boolean;
-}
-declare const _default: React.MemoExoticComponent<(props: PisellCardListProps) => JSX.Element>;
-export default _default;

package/lib/components/pisellCheckboxGroup/mock.d.ts

@@ -1,4 +0,0 @@
-export declare const mockList: {
-    label: string;
-    value: string;
-}[];

package/lib/components/pisellContainer/components/Portal/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PisellContextType } from "../../../pisell-config-provider/context";
-export interface PortalProps {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    children?: React.ReactNode;
-    container: HTMLElement | null;
-}
-declare const Portal: React.FC<PortalProps>;
-export default Portal;

package/lib/components/pisellContainer/containers.d.ts

@@ -1 +0,0 @@
-export declare const containers: Record<string, any>;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { DrawerProps } from 'antd';
-import { PisellModalProps } from '../pisellModal';
-import { PortalProps } from './components/Portal';
-import { PisellContextType } from "../pisell-config-provider/context";
-export declare type RenderType = 'modal' | 'drawer' | 'portal' | '';
-export interface PisellContainerProps<T> {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 渲染类型
-     * "modal" 弹窗
-     * "drawer" 抽屉
-     * "portal" 渲染到指定dom位置
-     * undefined | "" | null 渲染到当前位置
-     * */
-    renderType?: T;
-    /** 对应组件的props */
-    props?: T extends 'modal' ? PisellModalProps : T extends 'drawer' ? DrawerProps : T extends 'portal' ? PortalProps : any;
-    children?: React.ReactNode;
-}
-declare const PisellContainer: <T extends RenderType>(props: PisellContainerProps<T>) => any;
-export default PisellContainer;

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { Options } from 'ahooks/es/useCountDown';
-import { PisellContextType } from "../pisell-config-provider/context";
-export declare type PisellCountdownProps = React.HTMLAttributes<HTMLSpanElement> & {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 剩余时间（毫秒） */
-    leftTime?: number;
-    /**
-     * 目标时间（如果同时传了 leftTime 和 targetDate，则会忽略 targetDate，以 leftTime 为主）
-     * 2024-12-31 00:00:00
-     * */
-    targetDate?: Options['targetDate'];
-    /** 倒计时时间变化时触发 */
-    onChange?: (val: number) => void;
-    /** 倒计时完成时触发 */
-    onFinish?: () => void;
-    /** 变化时间间隔（毫秒） */
-    interval?: number;
-    /** 格式化倒计时展示 参考 dayjs */
-    format?: string;
-};
-declare const PisellCountdown: (props: PisellCountdownProps) => JSX.Element;
-export default PisellCountdown;

package/lib/components/pisellCountdown/utils.d.ts

@@ -1,7 +0,0 @@
-/**
- * 格式化时间字符串函数
- * 该函数将给定的持续时间（以秒为单位）格式化为指定格式的时间字符串
- * @param duration - 持续时间，单位为秒。
- * @param format - 时间格式字符串，其中包含要显示的时间单位及其格式。例如："[HH] hours, [mm] minutes, [ss] seconds"。
- */
-export declare function formatTimeStr(duration: number, format: string): string;

package/lib/components/pisellCustomCheckboxGroup/index.js

@@ -1,71 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/pisellCustomCheckboxGroup/index.tsx
-var pisellCustomCheckboxGroup_exports = {};
-__export(pisellCustomCheckboxGroup_exports, {
-  default: () => pisellCustomCheckboxGroup_default
-});
-module.exports = __toCommonJS(pisellCustomCheckboxGroup_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_pisellViewGrid = __toESM(require("../pisellViewGrid"));
-var import_index = require("./index.less");
-var PisellCustomCheckboxGroup = ({
-  dataSource = [],
-  allowAdd = false,
-  onAdd,
-  onClick,
-  renderAddItem,
-  disabled = false,
-  isMultiple = false,
-  value,
-  onChange,
-  className,
-  ...rest
-}) => {
-  const finalDataSource = (0, import_react.useMemo)(() => {
-    return allowAdd ? [{ id: 0, text: "+", isAddCard: true }, ...dataSource] : dataSource;
-  }, [allowAdd, dataSource]);
-  const renderGridItem = (item, index) => {
-    var _a;
-    return /* @__PURE__ */ import_react.default.createElement("div", { onClick: () => onClick(item) }, (item == null ? void 0 : item.isAddCard) && renderAddItem ? renderAddItem(item) : (_a = rest == null ? void 0 : rest.renderItem) == null ? void 0 : _a.call(rest, item, index));
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_pisellViewGrid.default,
-    {
-      ...rest,
-      dataSource: finalDataSource,
-      renderItem: (item, index) => {
-        return renderGridItem(item, index);
-      },
-      className: (0, import_classnames.default)("pisell-custom-checkbox-group", className)
-    }
-  );
-};
-var pisellCustomCheckboxGroup_default = PisellCustomCheckboxGroup;

package/lib/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,21 +0,0 @@
-import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
-import { Dayjs } from 'dayjs';
-import './detePickerCpt.less';
-import { PisellContextType } from "../pisell-config-provider/context";
-export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 当前类型
-     * input 仅输入
-     * select 仅选择
-     * both 输入和选择
-     * */
-    type: 'input' | 'select' | 'both';
-}
-/**
- * 当前日期组件实例
- * @param props
- * @constructor
- */
-declare const DatePickerCpt: (props: DatePickerCptProps) => JSX.Element;
-export default DatePickerCpt;

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

@@ -1,2 +0,0 @@
-declare const PisellDatePicker: (props: any) => JSX.Element;
-export default PisellDatePicker;

package/lib/components/pisellDraggable/components/Action/Action.d.ts

@@ -1,10 +0,0 @@
-import React, { CSSProperties } from 'react';
-import './Action.less';
-export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
-    active?: {
-        fill: string;
-        background: string;
-    };
-    cursor?: CSSProperties['cursor'];
-}
-export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/pisellDraggable/components/Action/index.d.ts

@@ -1,2 +0,0 @@
-export { Action } from './Action';
-export type { Props as ActionProps } from './Action';

package/lib/components/pisellDraggable/components/Handle/Handle.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ActionProps } from '../Action';
-export declare const Handle: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/pisellDraggable/components/Handle/index.d.ts

@@ -1 +0,0 @@
-export { Handle } from './Handle';

package/lib/components/pisellDraggable/components/Remove/Remove.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): JSX.Element;

package/lib/components/pisellDraggable/components/Remove/index.d.ts

@@ -1 +0,0 @@
-export { Remove } from './Remove';

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { UniqueIdentifier } from '@dnd-kit/core';
-import { Props as TreeItemProps } from './TreeItem';
-interface Props extends TreeItemProps {
-    id: UniqueIdentifier;
-    __designMode?: string;
-}
-export declare function SortableTreeItem({ id, depth, ...props }: Props): JSX.Element;
-export {};

package/lib/components/pisellDraggable/components/TreeItem/index.d.ts

@@ -1,2 +0,0 @@
-export { TreeItem } from './TreeItem';
-export { SortableTreeItem } from './SortableTreeItem';

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

@@ -1,4 +0,0 @@
-export { Action } from './Action';
-export { Handle } from './Handle';
-export { Remove } from './Remove';
-export { TreeItem, SortableTreeItem } from './TreeItem';

package/lib/components/pisellDraggable/utilities.d.ts

@@ -1,17 +0,0 @@
-import type { UniqueIdentifier } from '@dnd-kit/core';
-import type { FlattenedItem, TreeItem, TreeItems } from './types';
-export declare const iOS: boolean;
-export declare function getProjection(items: FlattenedItem[], activeId: UniqueIdentifier, overId: UniqueIdentifier, dragOffset: number, indentationWidth: number): {
-    depth: number;
-    maxDepth: number;
-    minDepth: number;
-    parentId: UniqueIdentifier | null;
-};
-export declare function flattenTree(items: TreeItems): FlattenedItem[];
-export declare function buildTree(flattenedItems: FlattenedItem[]): TreeItems;
-export declare function findItem(items: TreeItem[], itemId: UniqueIdentifier): TreeItem | undefined;
-export declare function findItemDeep(items: TreeItems, itemId: UniqueIdentifier): TreeItem | undefined;
-export declare function removeItem(items: TreeItems, id: UniqueIdentifier): TreeItem[];
-export declare function setProperty<T extends keyof TreeItem>(items: TreeItems, id: UniqueIdentifier, property: T, setter: (value: TreeItem[T]) => TreeItem[T]): TreeItem[];
-export declare function getChildCount(items: TreeItems, id: UniqueIdentifier): number;
-export declare function removeChildrenOf(items: FlattenedItem[], ids: UniqueIdentifier[]): FlattenedItem[];

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

@@ -1,3 +0,0 @@
-import PisellDropSort from './PisellDropSort';
-export default PisellDropSort;
-export type { PisellDropSortProps, DropSortItem } from './types';

package/lib/components/pisellDropdown/index.js

@@ -1,72 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/pisellDropdown/index.tsx
-var pisellDropdown_exports = {};
-__export(pisellDropdown_exports, {
-  default: () => pisellDropdown_default
-});
-module.exports = __toCommonJS(pisellDropdown_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_dropdown = __toESM(require("../dropdown"));
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var PisellDropdown = ({
-  trigger,
-  items = [],
-  showShortcut = true,
-  triggerType = ["click"],
-  className,
-  style,
-  onSelect
-}) => {
-  const renderMenuItem = (item) => {
-    const menuItem = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-dropdown-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-dropdown-item-content" }, item.icon && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-dropdown-item-icon" }, item.icon), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-dropdown-item-label" }, item.label)), showShortcut && item.shortcut && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-dropdown-item-shortcut" }, item.shortcut));
-    return item.divider ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: item.key }, /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: item.key }, menuItem), /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Divider, null)) : /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: item.key }, menuItem);
-  };
-  const menu = /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Menu,
-    {
-      onClick: ({ key }) => onSelect == null ? void 0 : onSelect(key),
-      className: "pisell-dropdown-menu"
-    },
-    items.map(renderMenuItem)
-  );
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_dropdown.default,
-    {
-      overlay: menu,
-      trigger: triggerType,
-      className: (0, import_classnames.default)("pisell-dropdown", className),
-      style
-    },
-    trigger || /* @__PURE__ */ import_react.default.createElement("span", null, "Account")
-  );
-};
-var pisellDropdown_default = PisellDropdown;

package/lib/components/pisellDropdown/index.less

@@ -1,44 +0,0 @@
-.pisell-dropdown {
-  &-menu {
-    min-width: 200px;
-  }
-
-  &-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 12px;
-
-    &-content {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-
-    &-icon {
-      display: flex;
-      align-items: center;
-      font-size: 16px;
-      color: #666;
-    }
-
-    &-label {
-      color: #333;
-    }
-
-    &-shortcut {
-      color: #999;
-      font-size: 12px;
-    }
-  }
-}
-
-// .ant-dropdown-menu-item {
-//   padding: 0 !important;
-
-//   &:hover {
-//     .pisell-dropdown-item {
-//       background-color: #f5f5f5;
-//     }
-//   }
-// }