@yoka-ui/ui 1.0.10-test

package/dist/es/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/es/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/es/business/Empty/index.js

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

package/dist/es/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,SAAS,OAAO,YAAY;AAE5B,OAAO,WAAW;AAClB,OAAO,cAAc;AAiBrB,IAAM,mBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd;AAKA,IAAM,4BAA4B,MAAM;AAAA,EACtC,CAAC,EAAE,OAAO,aAAa,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAe,QAAsC;AACtG,WACE,oCAAC,QAAK,KAAU,OAAO,iBAAE,SAAS,YAAa,QAAS,OAAM,UAAS,SAAQ,YAC7E;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS;AAAA,QAChB,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,SAAS;AAAA,aACN;AAAA,QAEP;AAAA,QACA,aACE,eAAe,QAAQ,gBAAgB,KACrC,oCAAC,UAAK,OAAO,oBAAkB,MAAI,IACjC,OAAO,gBAAgB,WACzB,oCAAC,UAAK,OAAO,oBAAmB,WAAY,IAE5C;AAAA;AAAA,IAGN,CACF;AAAA,EAEJ;AACF;AAEA,0BAA0B,cAAc;AAExC,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/es/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/es/business/ModCommonFilter/components/FilterButton/IconClose.js

@@ -0,0 +1,51 @@
+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;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/business/ModCommonFilter/components/FilterButton/IconClose.tsx
+import React from "react";
+var IconClose = (_a) => {
+  var _b = _a, { size = 14, className } = _b, rest = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      className,
+      viewBox: "0 0 1024 1024",
+      width: size,
+      height: size,
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, rest),
+    /* @__PURE__ */ React.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;
+export {
+  IconClose_default as default
+};
+//# sourceMappingURL=IconClose.js.map

package/dist/es/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,OAAO,WAAW;AAalB,IAAM,YAAsC,CAAC,OAAmC;AAAnC,eAAE,SAAO,IAAI,UAb1D,IAa6C,IAA2B,iBAA3B,IAA2B,CAAzB,QAAW;AACxD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,OACF;AAAA,IAEJ,oCAAC,UAAK,GAAE,kdAAid;AAAA,EAC3d;AAAA;AAGF,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/es/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/es/business/ModCommonFilter/components/FilterButton/IconXiala.js

@@ -0,0 +1,51 @@
+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;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/business/ModCommonFilter/components/FilterButton/IconXiala.tsx
+import React from "react";
+var IconXiala = (_a) => {
+  var _b = _a, { size = 14, className } = _b, rest = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      className,
+      viewBox: "0 0 1024 1024",
+      width: size,
+      height: size,
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, rest),
+    /* @__PURE__ */ React.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;
+export {
+  IconXiala_default as default
+};
+//# sourceMappingURL=IconXiala.js.map

package/dist/es/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,OAAO,WAAW;AAalB,IAAM,YAAsC,CAAC,OAAmC;AAAnC,eAAE,SAAO,IAAI,UAb1D,IAa6C,IAA2B,iBAA3B,IAA2B,CAAzB,QAAW;AACxD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,OACF;AAAA,IAEJ,oCAAC,UAAK,GAAE,0aAAya;AAAA,EACnb;AAAA;AAGF,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/es/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/es/business/ModCommonFilter/components/FilterButton/index.js

@@ -0,0 +1,30 @@
+// src/business/ModCommonFilter/components/FilterButton/index.tsx
+import classNames from "classnames";
+import { isEmpty } from "lodash";
+import React from "react";
+import IconClose from "./IconClose";
+import IconXiala from "./IconXiala";
+import styles from "./index.module.less";
+var FilterButton = ({
+  title,
+  prefixTitle,
+  value = [],
+  popOpen,
+  iconPrefix,
+  handlePopOpen,
+  handleClear
+}) => {
+  const buttonClassNames = classNames(styles.filterBtn, {
+    [styles.checked]: !isEmpty(value),
+    [styles.isHover]: popOpen
+  });
+  const buttonTextClass = classNames({
+    [styles.textUncheck]: true
+  });
+  return /* @__PURE__ */ React.createElement("button", { className: buttonClassNames, onClick: handlePopOpen, type: "button" }, iconPrefix && iconPrefix, value.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", null, prefixTitle ? `${prefixTitle}：` : ""), /* @__PURE__ */ React.createElement("span", { className: buttonTextClass }, value.length ? `已选${value.length}个` : "全部")) : /* @__PURE__ */ React.createElement("span", null, `全${title}`), /* @__PURE__ */ React.createElement(IconXiala, { className: classNames(styles.iconSuffix, { [styles.rotate]: popOpen }) }), /* @__PURE__ */ React.createElement(IconClose, { className: classNames(styles.iconClose, styles.iconSuffix), onClick: handleClear }));
+};
+var FilterButton_default = FilterButton;
+export {
+  FilterButton_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/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,OAAO,gBAAgB;AACvB,SAAS,eAAe;AACxB,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,OAAO,eAAe;AACtB,OAAO,YAAY;AAyBnB,IAAM,eAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB,WAAW,OAAO,WAAW;AAAA,IACpD,CAAC,OAAO,OAAO,GAAG,CAAC,QAAQ,KAAK;AAAA,IAChC,CAAC,OAAO,OAAO,GAAG;AAAA,EACpB,CAAC;AAED,QAAM,kBAAkB,WAAW;AAAA,IACjC,CAAC,OAAO,WAAW,GAAG;AAAA,EACxB,CAAC;AAED,SACE,oCAAC,YAAO,WAAW,kBAAkB,SAAS,eAAe,MAAK,YAC/D,cAAc,YACd,MAAM,SACL,0DACE,oCAAC,cAAM,cAAc,GAAG,iBAAiB,EAAG,GAC5C,oCAAC,UAAK,WAAW,mBAAkB,MAAM,SAAS,KAAK,MAAM,YAAY,IAAK,CAChF,IAEA,oCAAC,cAAM,IAAI,OAAQ,GAGrB,oCAAC,aAAU,WAAW,WAAW,OAAO,YAAY,EAAE,CAAC,OAAO,MAAM,GAAG,QAAQ,CAAC,GAAG,GACnF,oCAAC,aAAU,WAAW,WAAW,OAAO,WAAW,OAAO,UAAU,GAAG,SAAS,aAAa,CAC/F;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/es/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/es/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;

package/dist/es/business/ModCommonFilter/components/PopoverContent/Category.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/business/ModCommonFilter/components/PopoverContent/Category.tsx
+import TextWithTooltip from "../../../../components/TextWithToolTip";
+import classNames from "classnames";
+import React, { useRef } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import IconXiala from "../FilterButton/IconXiala";
+import styles from "./index.module.less";
+var Category = ({ category, categorySelected, setCategorySelected }) => {
+  const scrollLeftRef = useRef(null);
+  return /* @__PURE__ */ React.createElement("div", { className: styles.category }, /* @__PURE__ */ React.createElement(
+    Scrollbars,
+    {
+      ref: scrollLeftRef,
+      style: { height: 365 },
+      renderThumbVertical: (_a) => {
+        var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+        return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, props), { style: __spreadProps(__spreadValues({}, style), { background: "#EFEFEF", borderRadius: 3 }) }));
+      }
+    },
+    category == null ? void 0 : category.map((item) => {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          onClick: () => {
+            setCategorySelected(item.code);
+          },
+          key: item.code,
+          className: classNames(styles.categoryItem, {
+            [styles.categoryItemActive]: categorySelected === item.code
+          })
+        },
+        /* @__PURE__ */ React.createElement(TextWithTooltip, { text: item.name, width: 100 }),
+        /* @__PURE__ */ React.createElement(IconXiala, { size: 16, className: styles.categoryItemIcon })
+      );
+    })
+  ));
+};
+var Category_default = Category;
+export {
+  Category_default as default
+};
+//# sourceMappingURL=Category.js.map

package/dist/es/business/ModCommonFilter/components/PopoverContent/Category.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/business/ModCommonFilter/components/PopoverContent/Category.tsx"],
+  "sourcesContent": ["import TextWithTooltip from '@/components/TextWithToolTip';\nimport classNames from 'classnames';\nimport React, { useRef } from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars';\nimport type { CategoryItem } from '../../typing';\nimport IconXiala from '../FilterButton/IconXiala';\nimport styles from './index.module.less';\n\n/**\n * 分类组件的 Props\n */\ninterface PropsType {\n  /** 分类项列表（code/name） */\n  category?: CategoryItem[];\n  /** 当前选中的分类 code */\n  categorySelected: string;\n  /** 设置选中的分类 */\n  setCategorySelected: (categorySelected: string) => void;\n}\n\n/**\n * 筛选弹层左侧分类列表：垂直滚动，点击项切换分类并高亮当前项。\n */\nconst Category: React.FC<PropsType> = ({ category, categorySelected, setCategorySelected }) => {\n  const scrollLeftRef = useRef<typeof Scrollbars>(null);\n\n  return (\n    <div className={styles.category}>\n      <Scrollbars\n        ref={scrollLeftRef}\n        style={{ height: 365 }}\n        renderThumbVertical={({ style, ...props }) => (\n          <div {...props} style={{ ...style, background: '#EFEFEF', borderRadius: 3 }} />\n        )}\n      >\n        {category?.map((item) => {\n          return (\n            <div\n              onClick={() => {\n                setCategorySelected(item.code);\n                // setSelfKind(item.isSelf ? item.code : '');\n              }}\n              key={item.code}\n              className={classNames(styles.categoryItem, {\n                [styles.categoryItemActive]: categorySelected === item.code,\n              })}\n            >\n              <TextWithTooltip text={item.name} width={100}></TextWithTooltip>\n              <IconXiala size={16} className={styles.categoryItemIcon} />\n            </div>\n          );\n        })}\n      </Scrollbars>\n    </div>\n  );\n};\n\nexport default Category;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,qBAAqB;AAC5B,OAAO,gBAAgB;AACvB,OAAO,SAAS,cAAc;AAC9B,SAAS,kBAAkB;AAE3B,OAAO,eAAe;AACtB,OAAO,YAAY;AAiBnB,IAAM,WAAgC,CAAC,EAAE,UAAU,kBAAkB,oBAAoB,MAAM;AAC7F,QAAM,gBAAgB,OAA0B,IAAI;AAEpD,SACE,oCAAC,SAAI,WAAW,OAAO,YACrB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO,EAAE,QAAQ,IAAI;AAAA,MACrB,qBAAqB,CAAC,OAAqB;AAArB,qBAAE,QA/BhC,IA+B8B,IAAY,kBAAZ,IAAY,CAAV;AACtB,mDAAC,wCAAQ,QAAR,EAAe,OAAO,iCAAK,QAAL,EAAY,YAAY,WAAW,cAAc,EAAE,KAAG;AAAA;AAAA;AAAA,IAG9E,qCAAU,IAAI,CAAC,SAAS;AACvB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AACb,gCAAoB,KAAK,IAAI;AAAA,UAE/B;AAAA,UACA,KAAK,KAAK;AAAA,UACV,WAAW,WAAW,OAAO,cAAc;AAAA,YACzC,CAAC,OAAO,kBAAkB,GAAG,qBAAqB,KAAK;AAAA,UACzD,CAAC;AAAA;AAAA,QAED,oCAAC,mBAAgB,MAAM,KAAK,MAAM,OAAO,KAAK;AAAA,QAC9C,oCAAC,aAAU,MAAM,IAAI,WAAW,OAAO,kBAAkB;AAAA,MAC3D;AAAA,IAEJ;AAAA,EACF,CACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/es/business/ModCommonFilter/components/PopoverContent/Content.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { ListItem, TerminalItem } from '../../typing';
+/**
+ * 可选列表内容区的 Props
+ */
+interface PropsType {
+    /** 终端 Tab 数据（如 全部/PC/APP），无则不展示终端 Tab */
+    terminal?: TerminalItem[];
+    /** 当前分类下的可选列表 */
+    list: ListItem[];
+    /** 当前已选中的 code 列表 */
+    selected: string[];
+    /** 更新已选中列表 */
+    setSelected: (selected: string[]) => void;
+    /** 搜索框占位文案 */
+    placeholder: string;
+    /** 当前选中的分类 code，用于过滤 list */
+    categorySelected: string;
+    /** 网格列数 */
+    columnCount?: number;
+    /** 内容区宽度 */
+    contentWidth?: number;
+    /** 每行高度 */
+    rowHeight?: number;
+    /** 每格自定义渲染 */
+    cellRender?: (item: ListItem) => React.ReactNode;
+    /** 是否在名称后展示 code */
+    showCode?: boolean;
+    /** 通知父组件「用户是否有过勾选操作」 */
+    setHasOperation: (hasOperation: boolean) => void;
+}
+/**
+ * 筛选弹层中间区域：终端 Tab（可选）+ 搜索 + 全选 + 虚拟列表勾选。
+ * 内部维护 modalChecked 与外部 selected 同步，并用 isInternalUpdate 区分内外更新避免循环。
+ */
+declare const Content: React.FC<PropsType>;
+export default Content;