@yoka-ui/ui 1.0.1

package/dist/es/business/ModCommonFilter/components/PopoverContent/index.module.less

@@ -0,0 +1,260 @@
+/*
+  基本样式
+*/
+
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+
+.popoverContent {
+  position: relative;
+
+  .header {
+    position: relative;
+    width: 100%;
+    height: 50px;
+    padding: 0 20px;
+    color: #333;
+    font-weight: bold;
+    font-size: 16px;
+    line-height: 50px;
+    border-bottom: 1px solid #ecedf1;
+  }
+
+  .body {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+
+    .category {
+      position: relative;
+      width: 150px;
+      border-right: 1px solid #ecedf1;
+
+      .categoryItem {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 15px 0 15px;
+        color: #666;
+        line-height: 40px;
+        white-space: nowrap;
+        cursor: pointer;
+
+        .categoryItemIcon {
+          flex-shrink: 0;
+          color: inherit;
+          transform: rotate(-90deg);
+          visibility: hidden;
+        }
+
+        &:hover {
+          .kind-item-icon {
+            opacity: 1;
+          }
+        }
+      }
+
+      .categoryItemActive {
+        color: #0a6bfd;
+        font-weight: 600;
+
+        .categoryItemIcon {
+          visibility: visible;
+        }
+      }
+    }
+
+    .content {
+      position: relative;
+      flex: 1;
+
+      .contentHeader {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 40px;
+        border-bottom: 1px solid #ecedf1;
+
+        :global {
+          .ant-tabs {
+            max-width: 300px;
+
+            .ant-tabs-tab {
+              margin-left: 20px;
+              color: #666;
+            }
+
+            & > .ant-tabs-nav {
+              height: 40px;
+              margin-bottom: 0;
+            }
+          }
+
+          .ant-divider {
+            margin: 0 20px;
+          }
+        }
+
+        .search {
+          display: flex;
+          flex: 1;
+          align-items: center;
+          width: auto;
+          padding: 0 20px;
+          border: none;
+          box-shadow: none;
+
+          :global {
+            .icon-sousuo {
+              color: #666;
+            }
+          }
+        }
+      }
+
+      .contentList {
+        position: relative;
+
+        .checkAll {
+          display: flex;
+          align-items: center;
+          height: 40px;
+          padding: 0 20px;
+        }
+
+        .contentListInner {
+          padding: 0 20px;
+        }
+
+        :global {
+          .ant-checkbox-wrapper {
+            display: flex;
+
+            .ant-checkbox {
+              align-self: flex-start;
+              margin-top: 3px;
+            }
+          }
+
+          .ant-checkbox-inner {
+            border-radius: 2px;
+          }
+
+          .ant-checkbox + span {
+            color: #666;
+            padding-inline-end: 0;
+            padding-inline-start: 6px;
+          }
+        }
+      }
+    }
+
+    .selected {
+      width: 220px;
+      color: #666;
+      border-left: 1px solid #ecedf1;
+
+      .selectedHeader {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 40px;
+        padding: 0 20px;
+        color: #666;
+        border-bottom: 1px solid #ecedf1;
+
+        .clear {
+          color: @iconPrimaryColor;
+          font-size: 12px;
+          cursor: pointer;
+        }
+      }
+
+      .selectedContent {
+        padding: 0 15px;
+
+        .selectedItem {
+          display: flex;
+          justify-content: space-between;
+          margin-top: 8px;
+
+          .close {
+            color: #a1a1a1;
+            cursor: pointer;
+
+            &:hover {
+              color: @iconPrimaryColor;
+            }
+          }
+        }
+      }
+    }
+
+    .empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+
+      img {
+        width: 125px;
+        margin-bottom: 10px;
+      }
+
+      p {
+        color: #999;
+        font-size: 12px;
+      }
+    }
+  }
+
+  .footer {
+    position: relative;
+    display: flex;
+    gap: 10px;
+    justify-content: flex-end;
+    padding: 20px;
+    border-top: 1px solid #ededed;
+
+    // .save {
+    //   color: #333333;
+    //   background: #fff;
+    //   border: 1px solid #f0f1f3;
+    //   transition: all 0.1s linear;
+
+    //   &.disabled {
+    //     color: #999999 !important;
+    //     background: #ededed !important;
+    //     cursor: not-allowed;
+    //   }
+
+    //   &:hover {
+    //     background: #f9fafc;
+    //   }
+    // }
+
+    .item {
+      width: 100px;
+      border-radius: 2px;
+    }
+
+    .remark {
+      flex: 1;
+      color: #999;
+      font-size: 12px;
+    }
+  }
+}

package/dist/es/business/ModCommonFilter/index.d.ts

@@ -0,0 +1,53 @@
+import { PopoverProps } from 'antd';
+import React from 'react';
+import type { CategoryItem, ListItem, TerminalItem } from './typing';
+/**
+ * 通用筛选器组件的 Props
+ */
+export interface ModCommonFilterProps {
+    /** 当前选中的值（code 数组），受控 */
+    value: string[];
+    /** 选中项变化回调 */
+    onChange: (value: string[]) => void;
+    /** 可选列表数据 */
+    list: ListItem[];
+    /** 筛选维度名称，如「品类」「品牌」 */
+    title: string;
+    /** 按钮/标题前缀文案，如「筛选」 */
+    prefixTitle?: string;
+    /** 按钮左侧图标 */
+    iconPrefix?: React.ReactNode;
+    /** 分类列表，有则弹层左侧展示分类 Tab */
+    category?: CategoryItem[];
+    /** 终端列表，有则弹层内展示终端 Tab（如全部/PC/APP） */
+    terminal?: TerminalItem[];
+    /** 搜索框占位文案 */
+    placeholder?: string;
+    /** Popover 层级 */
+    zIndex?: number;
+    /** Popover 弹出方向 */
+    placement?: PopoverProps['placement'];
+    /** 透传给 antd Popover 的额外属性 */
+    popoverProps?: PopoverProps;
+    /** 可选列表列数（多列网格） */
+    columnCount?: number;
+    /** 内容区宽度 */
+    contentWidth?: number;
+    /** 列表行高 */
+    rowHeight?: number;
+    /** 是否在名称后展示 code */
+    showCode?: boolean;
+    /** 可选列表中每项的自定义渲染 */
+    cellRender?: (item: ListItem) => React.ReactNode;
+    /** 已选列表中每项的自定义渲染 */
+    checkedCellRender?: (item: ListItem) => React.ReactNode;
+    /** 弹层底部备注文案或节点 */
+    remark?: string | React.ReactNode;
+    /** 自定义触发区域，不传则使用默认 FilterButton */
+    filterChildren?: React.ReactNode;
+}
+/**
+ * 通用筛选器：点击按钮打开 Popover，内为分类 + 可选列表 + 已选列表，确认后回调 onChange。
+ */
+declare const ModCommonFilter: React.FC<ModCommonFilterProps>;
+export default ModCommonFilter;

package/dist/es/business/ModCommonFilter/index.js

@@ -0,0 +1,129 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/business/ModCommonFilter/index.tsx
+import { Popover } from "antd";
+import React, { useEffect, useMemo, useState } from "react";
+import FilterButton from "./components/FilterButton";
+import PopoverContent from "./components/PopoverContent";
+import styles from "./index.module.less";
+var ModCommonFilter = ({
+  value,
+  onChange,
+  list,
+  title,
+  prefixTitle,
+  iconPrefix,
+  category,
+  terminal,
+  placeholder = "搜索",
+  zIndex = 100,
+  placement = "bottomRight",
+  columnCount = 1,
+  contentWidth,
+  rowHeight,
+  showCode = false,
+  popoverProps = {},
+  cellRender,
+  checkedCellRender,
+  remark,
+  filterChildren
+}) => {
+  const [popOpen, setPopOpen] = useState(false);
+  const [selected, setSelected] = useState([]);
+  const [categorySelected, setCategorySelected] = useState("");
+  useEffect(() => {
+    if (popOpen) {
+      setSelected(value || []);
+    }
+  }, [popOpen, value]);
+  const useCateGory = useMemo(() => {
+    const newCategory = category ? [...category] : [];
+    newCategory.unshift({
+      code: "",
+      name: "全部" + title
+    });
+    return newCategory;
+  }, [category]);
+  const handleVerify = () => {
+    onChange(selected);
+    setPopOpen(false);
+  };
+  const handleClear = () => {
+    setSelected(value || []);
+    setPopOpen(false);
+  };
+  return /* @__PURE__ */ React.createElement(
+    Popover,
+    __spreadValues({
+      className: styles.modCommonFilter,
+      open: popOpen,
+      onOpenChange: (open) => setPopOpen(open),
+      title: false,
+      fresh: true,
+      arrow: false,
+      zIndex,
+      placement,
+      trigger: "click",
+      classNames: {
+        body: styles.popoverBody
+      },
+      getPopupContainer: (triggerNode) => triggerNode.parentNode,
+      content: /* @__PURE__ */ React.createElement(
+        PopoverContent,
+        {
+          popOpen,
+          selected,
+          setSelected,
+          category: useCateGory,
+          terminal,
+          list,
+          placeholder,
+          title,
+          categorySelected,
+          setCategorySelected,
+          columnCount,
+          showCode,
+          contentWidth,
+          rowHeight,
+          cellRender,
+          checkedCellRender,
+          handleVerify,
+          handleClear,
+          remark
+        }
+      )
+    }, popoverProps),
+    filterChildren || /* @__PURE__ */ React.createElement(
+      FilterButton,
+      {
+        iconPrefix,
+        title,
+        prefixTitle,
+        value,
+        popOpen,
+        handlePopOpen: () => setPopOpen(!popOpen),
+        handleClear: () => onChange([])
+      }
+    )
+  );
+};
+var ModCommonFilter_default = ModCommonFilter;
+export {
+  ModCommonFilter_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/business/ModCommonFilter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/ModCommonFilter/index.tsx"],
+  "sourcesContent": ["import { Popover, PopoverProps } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport FilterButton from './components/FilterButton';\nimport PopoverContent from './components/PopoverContent';\nimport styles from './index.module.less';\nimport type { CategoryItem, ListItem, TerminalItem } from './typing';\n\n/**\n * 通用筛选器组件的 Props\n */\nexport interface ModCommonFilterProps {\n  /** 当前选中的值（code 数组），受控 */\n  value: string[];\n  /** 选中项变化回调 */\n  onChange: (value: string[]) => void;\n  /** 可选列表数据 */\n  list: ListItem[];\n  /** 筛选维度名称，如「品类」「品牌」 */\n  title: string;\n  /** 按钮/标题前缀文案，如「筛选」 */\n  prefixTitle?: string;\n  /** 按钮左侧图标 */\n  iconPrefix?: React.ReactNode;\n  /** 分类列表，有则弹层左侧展示分类 Tab */\n  category?: CategoryItem[];\n  /** 终端列表，有则弹层内展示终端 Tab（如全部/PC/APP） */\n  terminal?: TerminalItem[];\n  /** 搜索框占位文案 */\n  placeholder?: string;\n  /** Popover 层级 */\n  zIndex?: number;\n  /** Popover 弹出方向 */\n  placement?: PopoverProps['placement'];\n  /** 透传给 antd Popover 的额外属性 */\n  popoverProps?: PopoverProps;\n  /** 可选列表列数（多列网格） */\n  columnCount?: number;\n  /** 内容区宽度 */\n  contentWidth?: number;\n  /** 列表行高 */\n  rowHeight?: number;\n  /** 是否在名称后展示 code */\n  showCode?: boolean;\n  /** 可选列表中每项的自定义渲染 */\n  cellRender?: (item: ListItem) => React.ReactNode;\n  /** 已选列表中每项的自定义渲染 */\n  checkedCellRender?: (item: ListItem) => React.ReactNode;\n  /** 弹层底部备注文案或节点 */\n  remark?: string | React.ReactNode;\n  /** 自定义触发区域，不传则使用默认 FilterButton */\n  filterChildren?: React.ReactNode;\n}\n\n/**\n * 通用筛选器：点击按钮打开 Popover，内为分类 + 可选列表 + 已选列表，确认后回调 onChange。\n */\nconst ModCommonFilter: React.FC<ModCommonFilterProps> = ({\n  value,\n  onChange,\n  list,\n  title,\n  prefixTitle,\n  iconPrefix,\n  category,\n  terminal,\n  placeholder = '搜索',\n  zIndex = 100,\n  placement = 'bottomRight',\n  columnCount = 1,\n  contentWidth,\n  rowHeight,\n  showCode = false,\n  popoverProps = {},\n  cellRender,\n  checkedCellRender,\n  remark,\n  filterChildren,\n}) => {\n  const [popOpen, setPopOpen] = useState(false);\n  /** 弹层内当前选中的 code 列表，打开时与 value 同步 */\n  const [selected, setSelected] = useState<string[]>([]);\n  /** 当前选中的分类 code，空字符串表示「全部」 */\n  const [categorySelected, setCategorySelected] = useState<string>('');\n\n  /** 弹层打开时用外部 value 同步 selected，保证每次打开初始为当前已选 */\n  useEffect(() => {\n    if (popOpen) {\n      setSelected(value || []);\n    }\n  }, [popOpen, value]);\n\n  /** 分类选项列表，头部插入「全部{title}」 */\n  const useCateGory = useMemo(() => {\n    const newCategory: CategoryItem[] = category ? [...category] : [];\n    newCategory.unshift({\n      code: '',\n      name: '全部' + title,\n    });\n    return newCategory;\n  }, [category]);\n\n  /** 确认：把当前选中回传并关闭弹层 */\n  const handleVerify = () => {\n    onChange(selected);\n    setPopOpen(false);\n  };\n\n  /** 取消：恢复为打开前的 value 并关闭弹层 */\n  const handleClear = () => {\n    setSelected(value || []);\n    setPopOpen(false);\n  };\n\n  return (\n    <Popover\n      className={styles.modCommonFilter}\n      open={popOpen}\n      onOpenChange={(open) => setPopOpen(open)}\n      title={false}\n      fresh={true}\n      arrow={false}\n      zIndex={zIndex}\n      placement={placement}\n      trigger='click'\n      classNames={{\n        body: styles.popoverBody,\n      }}\n      getPopupContainer={(triggerNode) => triggerNode.parentNode as HTMLElement}\n      content={\n        <PopoverContent\n          popOpen={popOpen}\n          selected={selected}\n          setSelected={setSelected}\n          category={useCateGory}\n          terminal={terminal}\n          list={list}\n          placeholder={placeholder}\n          title={title}\n          categorySelected={categorySelected}\n          setCategorySelected={setCategorySelected}\n          columnCount={columnCount}\n          showCode={showCode}\n          contentWidth={contentWidth}\n          rowHeight={rowHeight}\n          cellRender={cellRender}\n          checkedCellRender={checkedCellRender}\n          handleVerify={handleVerify}\n          handleClear={handleClear}\n          remark={remark}\n        />\n      }\n      {...popoverProps}\n    >\n      {filterChildren || (\n        <FilterButton\n          iconPrefix={iconPrefix}\n          title={title}\n          prefixTitle={prefixTitle}\n          value={value}\n          popOpen={popOpen}\n          handlePopOpen={() => setPopOpen(!popOpen)}\n          handleClear={() => onChange([])}\n        />\n      )}\n    </Popover>\n  );\n};\n\nexport default ModCommonFilter;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,SAAS,eAA6B;AACtC,OAAO,SAAS,WAAW,SAAS,gBAAgB;AACpD,OAAO,kBAAkB;AACzB,OAAO,oBAAoB;AAC3B,OAAO,YAAY;AAoDnB,IAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAC,CAAC;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAiB,EAAE;AAGnE,YAAU,MAAM;AACd,QAAI,SAAS;AACX,kBAAY,SAAS,CAAC,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,SAAS,KAAK,CAAC;AAGnB,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,cAA8B,WAAW,CAAC,GAAG,QAAQ,IAAI,CAAC;AAChE,gBAAY,QAAQ;AAAA,MAClB,MAAM;AAAA,MACN,MAAM,OAAO;AAAA,IACf,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,eAAe,MAAM;AACzB,aAAS,QAAQ;AACjB,eAAW,KAAK;AAAA,EAClB;AAGA,QAAM,cAAc,MAAM;AACxB,gBAAY,SAAS,CAAC,CAAC;AACvB,eAAW,KAAK;AAAA,EAClB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,MAAM;AAAA,MACN,cAAc,CAAC,SAAS,WAAW,IAAI;AAAA,MACvC,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,YAAY;AAAA,QACV,MAAM,OAAO;AAAA,MACf;AAAA,MACA,mBAAmB,CAAC,gBAAgB,YAAY;AAAA,MAChD,SACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OAEE;AAAA,IAEH,kBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,MAAM,WAAW,CAAC,OAAO;AAAA,QACxC,aAAa,MAAM,SAAS,CAAC,CAAC;AAAA;AAAA,IAChC;AAAA,EAEJ;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/es/business/ModCommonFilter/index.module.less

@@ -0,0 +1,7 @@
+.modCommonFilter {
+  position: relative;
+}
+.popoverBody {
+  padding: 0 !important;
+  border-radius: 2px !important;
+}

package/dist/es/business/ModCommonFilter/typing.d.ts

@@ -0,0 +1,20 @@
+/** 筛选项：code/name 必填，category/terminal 用于分类与终端过滤 */
+export interface ListItem {
+    code: string;
+    name: string;
+    category?: string;
+    terminal?: string;
+    parentId?: string;
+    priority?: number;
+}
+/** 分类 Tab 项 */
+export interface CategoryItem {
+    code: string;
+    name: string;
+    isSelf?: boolean;
+}
+/** 终端 Tab 项（如全部/PC/APP） */
+export interface TerminalItem {
+    code: string;
+    name: string;
+}

package/dist/es/business/ModCommonFilter/typing.js

@@ -0,0 +1 @@
+//# sourceMappingURL=typing.js.map

package/dist/es/business/ModCommonFilter/typing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/es/business/YkPorjectSelect/index.d.ts

@@ -0,0 +1,51 @@
+import React, { FC } from 'react';
+/** 项目选项项 */
+type OptionItem = {
+    /** 项目名称 */
+    label: string;
+    /** 项目 ID */
+    value: string | number;
+    /** 项目图标 URL */
+    icon: string;
+    /** 是否已关注 */
+    followed?: boolean;
+    /** 关注排序索引 */
+    follow_index?: number;
+    /** 是否最近访问 */
+    recent_visit?: boolean;
+    /** 是否已关服 */
+    closed?: boolean;
+};
+/** 项目选择器 Props */
+type PageTypes = {
+    /** 当前选中的项目 ID */
+    value: string | number;
+    /** 项目选项列表 */
+    options: OptionItem[];
+    /** 选中项目变化时的回调 */
+    onChange: (value: string | number) => void;
+    /** 关注/取消关注时的回调 */
+    followedCallback?: (item: OptionItem, bool: boolean) => void;
+    /** 弹层内自定义插槽，渲染在搜索框下方、关注项目上方 */
+    slot?: React.ReactNode;
+    /** 自定义触发元素，替代默认的「图标+名称+下拉箭头」展示 */
+    customShow?: React.ReactNode;
+};
+/**
+ * 项目选择器
+ *
+ * 支持搜索、关注/取消关注（最多6个）、在营/关服切换。
+ * 弹层展开时自动聚焦搜索框，使用 preventScroll 避免页面滚动。
+ *
+ * @example
+ * ```tsx
+ * <YkPorjectSelect
+ *   value={projectId}
+ *   options={options}
+ *   onChange={setProjectId}
+ *   followedCallback={(item, followed) => api.follow(item.value, followed)}
+ * />
+ * ```
+ */
+declare const YkPorjectSelect: FC<PageTypes>;
+export default YkPorjectSelect;