@yoka-ui/ui 1.0.10-test

package/dist/lib/business/Editor/index.js

@@ -0,0 +1,99 @@
+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/business/Editor/index.tsx
+var Editor_exports = {};
+__export(Editor_exports, {
+  default: () => Editor_default
+});
+module.exports = __toCommonJS(Editor_exports);
+var import_editor_for_react = require("@wangeditor/editor-for-react");
+var import_style = require("@wangeditor/editor/dist/css/style.css");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var NoteEditor = ({ value, onChange, style, readOnly = false }) => {
+  const [editor, setEditor] = (0, import_react.useState)(null);
+  const editorConfig = {
+    placeholder: "请输入内容...",
+    readOnly,
+    // 配置 hoverbar 菜单项
+    hoverbarKeys: {
+      text: {
+        menuKeys: [
+          "headerSelect",
+          // N级标题
+          "justifyLeft",
+          // 左对齐按钮
+          "justifyCenter",
+          // 居中按钮
+          "justifyRight",
+          // 右对齐按钮
+          "bulletedList",
+          // 无序列表
+          "numberedList",
+          // 有序列表
+          "|",
+          // 分隔符
+          "color",
+          // 字色
+          "bgColor",
+          // 字背景
+          "bold",
+          // 加粗按钮
+          "through",
+          // 删除按钮（删除线）
+          "italic",
+          // 斜体按钮
+          "underline"
+          // 下划线按钮
+        ]
+      }
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (editor === null)
+        return;
+      editor.destroy();
+      setEditor(null);
+    };
+  }, [editor]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_editor_for_react.Editor,
+    {
+      defaultConfig: editorConfig,
+      value,
+      onCreated: setEditor,
+      onChange: (editor2) => onChange == null ? void 0 : onChange(editor2.getHtml()),
+      mode: "default",
+      style: { ...style }
+    }
+  );
+};
+var Editor_default = NoteEditor;
+//# sourceMappingURL=index.js.map

package/dist/lib/business/Editor/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/Editor/index.tsx"],
+  "sourcesContent": ["import { IDomEditor, IEditorConfig } from '@wangeditor/editor';\nimport { Editor } from '@wangeditor/editor-for-react';\nimport '@wangeditor/editor/dist/css/style.css'; // 引入 css\nimport React, { FC, useEffect, useState } from 'react';\nimport './index.less';\n\ntype PageTypes = {\n  value: string;\n  onChange?: (value: string) => void;\n  style?: React.CSSProperties;\n  readOnly?: boolean;\n};\n\nconst NoteEditor: FC<PageTypes> = ({ value, onChange, style, readOnly = false }) => {\n  // editor 实例\n  const [editor, setEditor] = useState<IDomEditor | null>(null);\n\n  // 编辑器配置\n  const editorConfig: Partial<IEditorConfig> = {\n    placeholder: '请输入内容...',\n    readOnly: readOnly,\n    // 配置 hoverbar 菜单项\n    hoverbarKeys: {\n      text: {\n        menuKeys: [\n          'headerSelect', // N级标题\n          'justifyLeft', // 左对齐按钮\n          'justifyCenter', // 居中按钮\n          'justifyRight', // 右对齐按钮\n          'bulletedList', // 无序列表\n          'numberedList', // 有序列表\n          '|', // 分隔符\n          'color', // 字色\n          'bgColor', // 字背景\n          'bold', // 加粗按钮\n          'through', // 删除按钮（删除线）\n          'italic', // 斜体按钮\n          'underline', // 下划线按钮\n        ],\n      },\n    },\n  };\n\n  // 及时销毁 editor ，重要！\n  useEffect(() => {\n    return () => {\n      if (editor === null) return;\n      editor.destroy();\n      setEditor(null);\n    };\n  }, [editor]);\n\n  return (\n    <Editor\n      defaultConfig={editorConfig}\n      value={value}\n      onCreated={setEditor}\n      onChange={(editor) => onChange?.(editor.getHtml())}\n      mode='default'\n      style={{ ...style }}\n    />\n  );\n};\n\nexport default NoteEditor;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAAuB;AACvB,mBAAO;AACP,mBAA+C;AAC/C,mBAAO;AASP,IAAM,aAA4B,CAAC,EAAE,OAAO,UAAU,OAAO,WAAW,MAAM,MAAM;AAElF,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA4B,IAAI;AAG5D,QAAM,eAAuC;AAAA,IAC3C,aAAa;AAAA,IACb;AAAA;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,UAAU;AAAA,UACR;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,UACA;AAAA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,WAAW;AAAM;AACrB,aAAO,QAAQ;AACf,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf;AAAA,MACA,WAAW;AAAA,MACX,UAAU,CAACC,YAAW,qCAAWA,QAAO,QAAQ;AAAA,MAChD,MAAK;AAAA,MACL,OAAO,EAAE,GAAG,MAAM;AAAA;AAAA,EACpB;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": ["React", "editor"]
+}

package/dist/lib/business/Editor/index.less

@@ -0,0 +1,31 @@
+.w-e-menu-tooltip-v5::before {
+  display: none !important;
+}
+
+.w-e-menu-tooltip-v5::after {
+  display: none !important;
+}
+
+.w-e-text-placeholder {
+  top: 4px !important;
+  font-style: normal !important;
+}
+
+.w-e-text-container [data-slate-editor] p {
+  margin: 0 !important;
+  color: #666 !important;
+  line-height: 1.5 !important;
+}
+
+.w-e-text-container [data-slate-editor] h1,
+.w-e-text-container [data-slate-editor] h2,
+.w-e-text-container [data-slate-editor] h3,
+.w-e-text-container [data-slate-editor] h4,
+.w-e-text-container [data-slate-editor] h5,
+.w-e-text-container [data-slate-editor] h6 {
+  margin: 5px 0 !important;
+}
+
+.w-e-drop-panel {
+  z-index: 1001 !important;
+}

package/dist/lib/business/Empty/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * 空状态占位组件的 Props（ref 由 forwardRef 注入，无需在 props 中声明）
+ */
+type EmptyProps = {
+    /** 空状态插图，不传则使用默认 empty.png */
+    image?: React.ReactNode | string;
+    /** 描述文案或自定义节点，默认「暂无数据」 */
+    description?: string | React.ReactNode;
+    /** 图片容器样式，会与默认宽高合并 */
+    imageStyle?: React.CSSProperties;
+    /** 根节点 Flex 的样式 */
+    style?: React.CSSProperties;
+};
+/**
+ * 空状态占位：居中展示默认图 + 描述，支持自定义图片与文案，支持 ref 透传。
+ */
+declare const ForwardedEmptyPlaceholder: React.ForwardRefExoticComponent<EmptyProps & React.RefAttributes<HTMLDivElement>>;
+export default ForwardedEmptyPlaceholder;

package/dist/lib/business/Empty/index.js

@@ -0,0 +1,65 @@
+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/business/Empty/index.tsx
+var Empty_exports = {};
+__export(Empty_exports, {
+  default: () => Empty_default
+});
+module.exports = __toCommonJS(Empty_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_empty = __toESM(require("./empty.png"));
+var descriptionStyle = {
+  color: "#999",
+  fontSize: 14,
+  height: 20,
+  lineHeight: "20px"
+};
+var ForwardedEmptyPlaceholder = import_react.default.forwardRef(
+  ({ image, description, imageStyle = {}, style = {} }, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { ref, style: { padding: "80px 0", ...style }, align: "center", justify: "center" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Empty,
+      {
+        image: image || import_empty.default,
+        styles: {
+          image: {
+            height: 60,
+            width: 150,
+            display: "inline-block",
+            ...imageStyle
+          }
+        },
+        description: description == null || description === "" ? /* @__PURE__ */ import_react.default.createElement("span", { style: descriptionStyle }, "暂无数据") : typeof description === "string" ? /* @__PURE__ */ import_react.default.createElement("span", { style: descriptionStyle }, description) : description
+      }
+    ));
+  }
+);
+ForwardedEmptyPlaceholder.displayName = "EmptyPlaceholder";
+var Empty_default = ForwardedEmptyPlaceholder;
+//# sourceMappingURL=index.js.map

package/dist/lib/business/Empty/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/Empty/index.tsx"],
+  "sourcesContent": ["import { Empty, Flex } from 'antd';\nimport type { ForwardedRef } from 'react';\nimport React from 'react';\nimport EmptyImg from './empty.png';\n\n/**\n * 空状态占位组件的 Props（ref 由 forwardRef 注入，无需在 props 中声明）\n */\ntype EmptyProps = {\n  /** 空状态插图，不传则使用默认 empty.png */\n  image?: React.ReactNode | string;\n  /** 描述文案或自定义节点，默认「暂无数据」 */\n  description?: string | React.ReactNode;\n  /** 图片容器样式，会与默认宽高合并 */\n  imageStyle?: React.CSSProperties;\n  /** 根节点 Flex 的样式 */\n  style?: React.CSSProperties;\n};\n\n/** 描述文字统一样式 */\nconst descriptionStyle: React.CSSProperties = {\n  color: '#999',\n  fontSize: 14,\n  height: 20,\n  lineHeight: '20px',\n};\n\n/**\n * 空状态占位：居中展示默认图 + 描述，支持自定义图片与文案，支持 ref 透传。\n */\nconst ForwardedEmptyPlaceholder = React.forwardRef(\n  ({ image, description, imageStyle = {}, style = {} }: EmptyProps, ref: ForwardedRef<HTMLDivElement>) => {\n    return (\n      <Flex ref={ref} style={{ padding: '80px 0', ...style }} align='center' justify='center'>\n        <Empty\n          image={image || EmptyImg}\n          styles={{\n            image: {\n              height: 60,\n              width: 150,\n              display: 'inline-block',\n              ...imageStyle,\n            },\n          }}\n          description={\n            description == null || description === '' ? (\n              <span style={descriptionStyle}>暂无数据</span>\n            ) : typeof description === 'string' ? (\n              <span style={descriptionStyle}>{description}</span>\n            ) : (\n              description\n            )\n          }\n        />\n      </Flex>\n    );\n  },\n);\n\nForwardedEmptyPlaceholder.displayName = 'EmptyPlaceholder';\n\nexport default ForwardedEmptyPlaceholder;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAE5B,mBAAkB;AAClB,mBAAqB;AAiBrB,IAAM,mBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd;AAKA,IAAM,4BAA4B,aAAAA,QAAM;AAAA,EACtC,CAAC,EAAE,OAAO,aAAa,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAe,QAAsC;AACtG,WACE,6BAAAA,QAAA,cAAC,oBAAK,KAAU,OAAO,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,OAAM,UAAS,SAAQ,YAC7E,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,aAAAC;AAAA,QAChB,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,SAAS;AAAA,YACT,GAAG;AAAA,UACL;AAAA,QACF;AAAA,QACA,aACE,eAAe,QAAQ,gBAAgB,KACrC,6BAAAD,QAAA,cAAC,UAAK,OAAO,oBAAkB,MAAI,IACjC,OAAO,gBAAgB,WACzB,6BAAAA,QAAA,cAAC,UAAK,OAAO,oBAAmB,WAAY,IAE5C;AAAA;AAAA,IAGN,CACF;AAAA,EAEJ;AACF;AAEA,0BAA0B,cAAc;AAExC,IAAO,gBAAQ;",
+  "names": ["React", "EmptyImg"]
+}

package/dist/lib/business/ModCommonFilter/components/FilterButton/IconClose.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * 关闭图标的 Props，继承 SVG 原生属性
+ */
+interface IconCloseProps extends React.SVGAttributes<SVGSVGElement> {
+    /** 图标尺寸（宽高），默认 14 */
+    size?: number;
+}
+/**
+ * 关闭图标：fill 为 currentColor，可通过 className 的 color 控制颜色。
+ */
+declare const IconClose: React.FC<IconCloseProps>;
+export default IconClose;

package/dist/lib/business/ModCommonFilter/components/FilterButton/IconClose.js

@@ -0,0 +1,50 @@
+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/business/ModCommonFilter/components/FilterButton/IconClose.tsx
+var IconClose_exports = {};
+__export(IconClose_exports, {
+  default: () => IconClose_default
+});
+module.exports = __toCommonJS(IconClose_exports);
+var import_react = __toESM(require("react"));
+var IconClose = ({ size = 14, className, ...rest }) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 1024 1024",
+    width: size,
+    height: size,
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...rest
+  },
+  /* @__PURE__ */ import_react.default.createElement("path", { d: "M512 15.675077a497.191385 497.191385 0 1 0 0 994.382769A497.191385 497.191385 0 0 0 512 15.675077z m213.228308 645.907692a45.607385 45.607385 0 0 1-64.433231 64.512L512 577.299692 363.204923 726.094769a45.607385 45.607385 0 1 1-64.433231-64.512l148.795077-148.716307-148.795077-148.795077a45.607385 45.607385 0 1 1 64.433231-64.433231L512 448.433231l148.795077-148.795077a45.607385 45.607385 0 0 1 64.433231 64.433231L576.433231 512.866462l148.795077 148.716307z" })
+);
+var IconClose_default = IconClose;
+//# sourceMappingURL=IconClose.js.map

package/dist/lib/business/ModCommonFilter/components/FilterButton/IconClose.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/business/ModCommonFilter/components/FilterButton/IconClose.tsx"],
+  "sourcesContent": ["import React from 'react';\n\n/**\n * 关闭图标的 Props，继承 SVG 原生属性\n */\ninterface IconCloseProps extends React.SVGAttributes<SVGSVGElement> {\n  /** 图标尺寸（宽高），默认 14 */\n  size?: number;\n}\n\n/**\n * 关闭图标：fill 为 currentColor，可通过 className 的 color 控制颜色。\n */\nconst IconClose: React.FC<IconCloseProps> = ({ size = 14, className, ...rest }) => (\n  <svg\n    className={className}\n    viewBox='0 0 1024 1024'\n    width={size}\n    height={size}\n    fill='currentColor'\n    xmlns='http://www.w3.org/2000/svg'\n    {...rest}\n  >\n    <path d='M512 15.675077a497.191385 497.191385 0 1 0 0 994.382769A497.191385 497.191385 0 0 0 512 15.675077z m213.228308 645.907692a45.607385 45.607385 0 0 1-64.433231 64.512L512 577.299692 363.204923 726.094769a45.607385 45.607385 0 1 1-64.433231-64.512l148.795077-148.716307-148.795077-148.795077a45.607385 45.607385 0 1 1 64.433231-64.433231L512 448.433231l148.795077-148.795077a45.607385 45.607385 0 0 1 64.433231 64.433231L576.433231 512.866462l148.795077 148.716307z' />\n  </svg>\n);\n\nexport default IconClose;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAalB,IAAM,YAAsC,CAAC,EAAE,OAAO,IAAI,WAAW,GAAG,KAAK,MAC3E,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,SAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA,cAAC,UAAK,GAAE,kdAAid;AAC3d;AAGF,IAAO,oBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/business/ModCommonFilter/components/FilterButton/IconXiala.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * 下拉箭头图标的 Props，继承 SVG 原生属性
+ */
+interface IconXialaProps extends React.SVGAttributes<SVGSVGElement> {
+    /** 图标尺寸（宽高），默认 14 */
+    size?: number;
+}
+/**
+ * 下拉箭头图标：fill 为 currentColor，可通过 className 的 color 控制颜色。
+ */
+declare const IconXiala: React.FC<IconXialaProps>;
+export default IconXiala;

package/dist/lib/business/ModCommonFilter/components/FilterButton/IconXiala.js

@@ -0,0 +1,50 @@
+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/business/ModCommonFilter/components/FilterButton/IconXiala.tsx
+var IconXiala_exports = {};
+__export(IconXiala_exports, {
+  default: () => IconXiala_default
+});
+module.exports = __toCommonJS(IconXiala_exports);
+var import_react = __toESM(require("react"));
+var IconXiala = ({ size = 14, className, ...rest }) => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 1024 1024",
+    width: size,
+    height: size,
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...rest
+  },
+  /* @__PURE__ */ import_react.default.createElement("path", { d: "M257.243429 371.053714c16.018286-16.091429 41.691429-17.261714 59.172571-2.925714l3.145143 2.925714 217.965714 217.965715 216.502857-219.428572a44.105143 44.105143 0 0 1 59.099429-3.218286l3.218286 2.779429c16.091429 15.945143 17.554286 41.618286 3.218285 59.245714l-2.852571 3.072L569.051429 682.496a44.105143 44.105143 0 0 1-59.538286 2.925714l-2.925714-2.706285-249.417143-249.344a44.105143 44.105143 0 0 1 0-62.317715z" })
+);
+var IconXiala_default = IconXiala;
+//# sourceMappingURL=IconXiala.js.map

package/dist/lib/business/ModCommonFilter/components/FilterButton/IconXiala.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/business/ModCommonFilter/components/FilterButton/IconXiala.tsx"],
+  "sourcesContent": ["import React from 'react';\n\n/**\n * 下拉箭头图标的 Props，继承 SVG 原生属性\n */\ninterface IconXialaProps extends React.SVGAttributes<SVGSVGElement> {\n  /** 图标尺寸（宽高），默认 14 */\n  size?: number;\n}\n\n/**\n * 下拉箭头图标：fill 为 currentColor，可通过 className 的 color 控制颜色。\n */\nconst IconXiala: React.FC<IconXialaProps> = ({ size = 14, className, ...rest }) => (\n  <svg\n    className={className}\n    viewBox='0 0 1024 1024'\n    width={size}\n    height={size}\n    fill='currentColor'\n    xmlns='http://www.w3.org/2000/svg'\n    {...rest}\n  >\n    <path d='M257.243429 371.053714c16.018286-16.091429 41.691429-17.261714 59.172571-2.925714l3.145143 2.925714 217.965714 217.965715 216.502857-219.428572a44.105143 44.105143 0 0 1 59.099429-3.218286l3.218286 2.779429c16.091429 15.945143 17.554286 41.618286 3.218285 59.245714l-2.852571 3.072L569.051429 682.496a44.105143 44.105143 0 0 1-59.538286 2.925714l-2.925714-2.706285-249.417143-249.344a44.105143 44.105143 0 0 1 0-62.317715z' />\n  </svg>\n);\n\nexport default IconXiala;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAalB,IAAM,YAAsC,CAAC,EAAE,OAAO,IAAI,WAAW,GAAG,KAAK,MAC3E,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,SAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA,cAAC,UAAK,GAAE,0aAAya;AACnb;AAGF,IAAO,oBAAQ;",
+  "names": ["React"]
+}

package/dist/lib/business/ModCommonFilter/components/FilterButton/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+/**
+ * 筛选按钮组件的 Props
+ */
+type PropsType = {
+    /** 按钮左侧图标 */
+    iconPrefix?: React.ReactNode;
+    /** 筛选维度名称，未选时展示「全{title}」 */
+    title: string;
+    /** 已选时展示前缀，如「品类」则显示「品类：已选N个」 */
+    prefixTitle?: string;
+    /** 当前选中项（code 或 id），有长度则按钮为已选样式并显示「已选N个」 */
+    value: Array<string | number>;
+    /** 弹层是否打开，用于控制箭头旋转与 hover 样式 */
+    popOpen: boolean;
+    /** 点击按钮切换弹层显隐 */
+    handlePopOpen: () => void;
+    /** 点击关闭图标清空选中（由父组件传入清空逻辑） */
+    handleClear: () => void;
+};
+/**
+ * 筛选器触发按钮：展示「全{title}」或「已选N个」，带下拉箭头与清空图标。
+ */
+declare const FilterButton: React.FC<PropsType>;
+export default FilterButton;

package/dist/lib/business/ModCommonFilter/components/FilterButton/index.js

@@ -0,0 +1,60 @@
+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/business/ModCommonFilter/components/FilterButton/index.tsx
+var FilterButton_exports = {};
+__export(FilterButton_exports, {
+  default: () => FilterButton_default
+});
+module.exports = __toCommonJS(FilterButton_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_IconClose = __toESM(require("./IconClose"));
+var import_IconXiala = __toESM(require("./IconXiala"));
+var import_index_module = __toESM(require("./index.module.less"));
+var FilterButton = ({
+  title,
+  prefixTitle,
+  value = [],
+  popOpen,
+  iconPrefix,
+  handlePopOpen,
+  handleClear
+}) => {
+  const buttonClassNames = (0, import_classnames.default)(import_index_module.default.filterBtn, {
+    [import_index_module.default.checked]: !(0, import_lodash.isEmpty)(value),
+    [import_index_module.default.isHover]: popOpen
+  });
+  const buttonTextClass = (0, import_classnames.default)({
+    [import_index_module.default.textUncheck]: true
+  });
+  return /* @__PURE__ */ import_react.default.createElement("button", { className: buttonClassNames, onClick: handlePopOpen, type: "button" }, iconPrefix && iconPrefix, value.length ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", null, prefixTitle ? `${prefixTitle}：` : ""), /* @__PURE__ */ import_react.default.createElement("span", { className: buttonTextClass }, value.length ? `已选${value.length}个` : "全部")) : /* @__PURE__ */ import_react.default.createElement("span", null, `全${title}`), /* @__PURE__ */ import_react.default.createElement(import_IconXiala.default, { className: (0, import_classnames.default)(import_index_module.default.iconSuffix, { [import_index_module.default.rotate]: popOpen }) }), /* @__PURE__ */ import_react.default.createElement(import_IconClose.default, { className: (0, import_classnames.default)(import_index_module.default.iconClose, import_index_module.default.iconSuffix), onClick: handleClear }));
+};
+var FilterButton_default = FilterButton;
+//# sourceMappingURL=index.js.map

package/dist/lib/business/ModCommonFilter/components/FilterButton/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/business/ModCommonFilter/components/FilterButton/index.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport { isEmpty } from 'lodash';\nimport React from 'react';\nimport IconClose from './IconClose';\nimport IconXiala from './IconXiala';\nimport styles from './index.module.less';\n\n/**\n * 筛选按钮组件的 Props\n */\ntype PropsType = {\n  /** 按钮左侧图标 */\n  iconPrefix?: React.ReactNode;\n  /** 筛选维度名称，未选时展示「全{title}」 */\n  title: string;\n  /** 已选时展示前缀，如「品类」则显示「品类：已选N个」 */\n  prefixTitle?: string;\n  /** 当前选中项（code 或 id），有长度则按钮为已选样式并显示「已选N个」 */\n  value: Array<string | number>;\n  /** 弹层是否打开，用于控制箭头旋转与 hover 样式 */\n  popOpen: boolean;\n  /** 点击按钮切换弹层显隐 */\n  handlePopOpen: () => void;\n  /** 点击关闭图标清空选中（由父组件传入清空逻辑） */\n  handleClear: () => void;\n};\n\n/**\n * 筛选器触发按钮：展示「全{title}」或「已选N个」，带下拉箭头与清空图标。\n */\nconst FilterButton: React.FC<PropsType> = ({\n  title,\n  prefixTitle,\n  value = [],\n  popOpen,\n  iconPrefix,\n  handlePopOpen,\n  handleClear,\n}) => {\n  const buttonClassNames = classNames(styles.filterBtn, {\n    [styles.checked]: !isEmpty(value),\n    [styles.isHover]: popOpen,\n  });\n\n  const buttonTextClass = classNames({\n    [styles.textUncheck]: true,\n  });\n\n  return (\n    <button className={buttonClassNames} onClick={handlePopOpen} type='button'>\n      {iconPrefix && iconPrefix}\n      {value.length ? (\n        <>\n          <span>{prefixTitle ? `${prefixTitle}：` : ''}</span>\n          <span className={buttonTextClass}>{value.length ? `已选${value.length}个` : '全部'}</span>\n        </>\n      ) : (\n        <span>{`全${title}`}</span>\n      )}\n\n      <IconXiala className={classNames(styles.iconSuffix, { [styles.rotate]: popOpen })} />\n      <IconClose className={classNames(styles.iconClose, styles.iconSuffix)} onClick={handleClear} />\n    </button>\n  );\n};\n\nexport default FilterButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,oBAAwB;AACxB,mBAAkB;AAClB,uBAAsB;AACtB,uBAAsB;AACtB,0BAAmB;AAyBnB,IAAM,eAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,uBAAmB,kBAAAA,SAAW,oBAAAC,QAAO,WAAW;AAAA,IACpD,CAAC,oBAAAA,QAAO,OAAO,GAAG,KAAC,uBAAQ,KAAK;AAAA,IAChC,CAAC,oBAAAA,QAAO,OAAO,GAAG;AAAA,EACpB,CAAC;AAED,QAAM,sBAAkB,kBAAAD,SAAW;AAAA,IACjC,CAAC,oBAAAC,QAAO,WAAW,GAAG;AAAA,EACxB,CAAC;AAED,SACE,6BAAAC,QAAA,cAAC,YAAO,WAAW,kBAAkB,SAAS,eAAe,MAAK,YAC/D,cAAc,YACd,MAAM,SACL,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,cAAM,cAAc,GAAG,iBAAiB,EAAG,GAC5C,6BAAAA,QAAA,cAAC,UAAK,WAAW,mBAAkB,MAAM,SAAS,KAAK,MAAM,YAAY,IAAK,CAChF,IAEA,6BAAAA,QAAA,cAAC,cAAM,IAAI,OAAQ,GAGrB,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,EAAU,eAAW,kBAAAH,SAAW,oBAAAC,QAAO,YAAY,EAAE,CAAC,oBAAAA,QAAO,MAAM,GAAG,QAAQ,CAAC,GAAG,GACnF,6BAAAC,QAAA,cAAC,iBAAAE,SAAA,EAAU,eAAW,kBAAAJ,SAAW,oBAAAC,QAAO,WAAW,oBAAAA,QAAO,UAAU,GAAG,SAAS,aAAa,CAC/F;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": ["classNames", "styles", "React", "IconXiala", "IconClose"]
+}

package/dist/lib/business/ModCommonFilter/components/FilterButton/index.module.less

@@ -0,0 +1,97 @@
+@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;
+
+.filterBtn {
+  position: relative;
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  min-width: 120px;
+  max-width: 200px;
+  height: 30px;
+  padding: 5px 30px 5px 8px;
+  color: #252934;
+  font-size: 14px;
+  line-height: 1;
+  white-space: nowrap;
+  text-align: left;
+  background: #ffffff;
+  border: 0.5px solid #e7e7e7;
+  border-radius: 2px;
+  box-shadow: 0px 0.5px 0px 0px #e7e7e7;
+  cursor: pointer;
+  transition:
+    all 0.2s,
+    width 0s;
+
+  .textUncheck {
+    color: #666666;
+    transition: color 0.2s;
+  }
+
+  .iconPrefix {
+    margin-right: 5px;
+    color: @iconPrimaryColor;
+    font-size: 14px;
+  }
+
+  .iconSuffix {
+    position: absolute;
+    right: 10px;
+    width: 14px;
+    height: 14px;
+    color: #666;
+    font-size: 14px;
+    transition:
+      z-index 0.2s,
+      opacity 0.2s,
+      transform 0.2s;
+
+    &.rotate {
+      transform: rotate(180deg);
+    }
+  }
+
+  .iconClose {
+    z-index: -1;
+    width: 14px;
+    height: 14px;
+    color: #0a6bfd;
+    opacity: 0;
+  }
+
+  &:hover,
+  &.isHover {
+    border-color: @borderPrimaryColor;
+  }
+
+  &.checked {
+    color: #0a6bfd;
+    background: #e7ecff;
+    border: 1px solid @borderPrimaryColor;
+
+    span {
+      color: #0a6bfd;
+    }
+
+    .iconSuffix {
+      opacity: 0;
+    }
+
+    .iconClose {
+      z-index: 1;
+      color: #0a6bfd;
+      opacity: 1;
+    }
+  }
+}

package/dist/lib/business/ModCommonFilter/components/PopoverContent/Category.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { CategoryItem } from '../../typing';
+/**
+ * 分类组件的 Props
+ */
+interface PropsType {
+    /** 分类项列表（code/name） */
+    category?: CategoryItem[];
+    /** 当前选中的分类 code */
+    categorySelected: string;
+    /** 设置选中的分类 */
+    setCategorySelected: (categorySelected: string) => void;
+}
+/**
+ * 筛选弹层左侧分类列表：垂直滚动，点击项切换分类并高亮当前项。
+ */
+declare const Category: React.FC<PropsType>;
+export default Category;