@yoka-ui/ui 1.0.1

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

@@ -0,0 +1,163 @@
+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/DrawerPageInfo/index.tsx
+var DrawerPageInfo_exports = {};
+__export(DrawerPageInfo_exports, {
+  default: () => DrawerPageInfo_default
+});
+module.exports = __toCommonJS(DrawerPageInfo_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_index_module = __toESM(require("./index.module.less"));
+var FEEDBACK_RESET_DELAY = 200;
+var DrawerPageInfo = ({ id, open, onOpenChange, loadData, onFeedback }) => {
+  const numericId = Number(id);
+  const onOpenChangeFn = onOpenChange ?? (() => {
+  });
+  const [title, setTitle] = (0, import_react.useState)("");
+  const [content, setContent] = (0, import_react.useState)("");
+  const [stared, setStared] = (0, import_react.useState)(false);
+  const [unstared, setUnstared] = (0, import_react.useState)(false);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [feedbackLoading, setFeedbackLoading] = (0, import_react.useState)(false);
+  const [previewOpen, setPreviewOpen] = (0, import_react.useState)(false);
+  const [previewSrc, setPreviewSrc] = (0, import_react.useState)("");
+  const richTextRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (!open || !numericId || Number.isNaN(numericId))
+      return;
+    setLoading(true);
+    loadData(numericId).then((data) => {
+      setTitle(data.tip_name);
+      setContent(data.content);
+      setStared(data.stared);
+      setUnstared(data.unstared);
+    }).finally(() => setLoading(false));
+  }, [open, numericId, loadData]);
+  const onClose = (0, import_react.useCallback)(() => {
+    setContent("");
+    onOpenChangeFn(false);
+  }, [onOpenChangeFn]);
+  const handleLike = (0, import_react.useCallback)(() => {
+    setFeedbackLoading(true);
+    const nextStared = !stared;
+    const run = unstared ? onFeedback(numericId, { unstared: false }).then(() => onFeedback(numericId, { stared: nextStared })) : onFeedback(numericId, { stared: nextStared });
+    run.then(() => {
+      setStared(nextStared);
+      if (unstared)
+        setUnstared(false);
+    }).finally(() => {
+      setTimeout(() => setFeedbackLoading(false), FEEDBACK_RESET_DELAY);
+    });
+  }, [numericId, stared, unstared, onFeedback]);
+  const handleDislike = (0, import_react.useCallback)(() => {
+    setFeedbackLoading(true);
+    const nextUnstared = !unstared;
+    const run = stared ? onFeedback(numericId, { stared: false }).then(() => onFeedback(numericId, { unstared: nextUnstared })) : onFeedback(numericId, { unstared: nextUnstared });
+    run.then(() => {
+      setUnstared(nextUnstared);
+      if (stared)
+        setStared(false);
+    }).finally(() => {
+      setTimeout(() => setFeedbackLoading(false), FEEDBACK_RESET_DELAY);
+    });
+  }, [numericId, stared, unstared, onFeedback]);
+  (0, import_react.useEffect)(() => {
+    const el = richTextRef.current;
+    if (!el || !content)
+      return;
+    const images = el.querySelectorAll("img");
+    const handler = (e) => {
+      const img = e.currentTarget;
+      if (img == null ? void 0 : img.src) {
+        setPreviewSrc(img.src);
+        setPreviewOpen(true);
+      }
+    };
+    images.forEach((img) => {
+      img.style.cursor = "pointer";
+      img.addEventListener("click", handler);
+    });
+    return () => images.forEach((img) => img.removeEventListener("click", handler));
+  }, [content]);
+  const showThanks = (stared || unstared) && !feedbackLoading;
+  if (!numericId || Number.isNaN(numericId))
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Drawer,
+    {
+      title,
+      width: 600,
+      open,
+      onClose,
+      extra: /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.pageInfoDrawerExtraClose, onClick: onClose, role: "button", tabIndex: 0 }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null)),
+      maskClosable: false,
+      className: import_index_module.default.drawerTipInfo
+    },
+    loading ? /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { active: true }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { ref: richTextRef, className: import_index_module.default.boxTipHtml, dangerouslySetInnerHTML: { __html: content } }), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.boxStared }, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { plain: true, style: { margin: "10px 0" } }, "此内容是否有帮助"), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.btnsStared }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: stared ? "primary" : "default",
+        shape: "circle",
+        loading: feedbackLoading,
+        disabled: feedbackLoading,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LikeOutlined, null),
+        onClick: handleLike
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: unstared ? "primary" : "default",
+        shape: "circle",
+        loading: feedbackLoading,
+        disabled: feedbackLoading,
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DislikeOutlined, null),
+        onClick: handleDislike
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.thanksTip, style: { cursor: "default", opacity: showThanks ? 1 : 0 } }, "感谢您的反馈"))),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Modal,
+      {
+        title: "图片",
+        style: { top: 20 },
+        open: previewOpen,
+        onCancel: () => {
+          setPreviewOpen(false);
+          setPreviewSrc("");
+        },
+        footer: null,
+        width: "80%"
+      },
+      /* @__PURE__ */ import_react.default.createElement("img", { src: previewSrc, alt: "预览", style: { width: "100%" } })
+    )
+  );
+};
+var DrawerPageInfo_default = DrawerPageInfo;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/DrawerPageInfo/index.tsx"],
+  "sourcesContent": ["import { CloseOutlined, DislikeOutlined, LikeOutlined } from '@ant-design/icons';\nimport { Button, Divider, Drawer, Modal, Skeleton } from 'antd';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport styles from './index.module.less';\n\n/** 提示内容数据结构，与 loadData 返回一致 */\nexport interface TipContentData {\n  tip_id: number;\n  tip_name: string;\n  content: string;\n  stared: boolean;\n  unstared: boolean;\n}\n\n/** 反馈接口参数 */\nexport interface FeedbackParams {\n  stared?: boolean;\n  unstared?: boolean;\n}\n\n/**\n * DrawerPageInfo 组件的 Props\n * 数据与请求通过 loadData / onFeedback 由父组件负责，组件仅负责展示与交互。\n */\nexport type PropsType = {\n  /** 当前提示页 id，用于 loadData / onFeedback 入参 */\n  id: number | string;\n  /** 抽屉是否打开 */\n  open: boolean;\n  /** 抽屉打开状态变化回调（关闭时由组件调用） */\n  onOpenChange?: (open: boolean) => void;\n  /** 加载内容：抽屉打开且 id 有效时由组件调用，父组件请求后返回数据 */\n  loadData: (id: number) => Promise<TipContentData>;\n  /** 提交反馈（点赞/点踩）：父组件请求接口，组件在成功后更新本地状态 */\n  onFeedback: (id: number, params: FeedbackParams) => Promise<void>;\n};\n\nconst FEEDBACK_RESET_DELAY = 200;\n\n/**\n * 抽屉式提示页：展示富文本内容与点赞/点踩反馈，内容与反馈请求通过 props 回调解耦。\n */\nconst DrawerPageInfo: React.FC<PropsType> = ({ id, open, onOpenChange, loadData, onFeedback }) => {\n  const numericId = Number(id);\n  const onOpenChangeFn = onOpenChange ?? (() => {});\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n  const [stared, setStared] = useState(false);\n  const [unstared, setUnstared] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [feedbackLoading, setFeedbackLoading] = useState(false);\n\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const [previewSrc, setPreviewSrc] = useState('');\n  const richTextRef = useRef<HTMLDivElement>(null);\n\n  /** 打开时根据 id 拉取内容 */\n  useEffect(() => {\n    if (!open || !numericId || Number.isNaN(numericId)) return;\n    setLoading(true);\n    loadData(numericId)\n      .then((data) => {\n        setTitle(data.tip_name);\n        setContent(data.content);\n        setStared(data.stared);\n        setUnstared(data.unstared);\n      })\n      .finally(() => setLoading(false));\n  }, [open, numericId, loadData]);\n\n  const onClose = useCallback(() => {\n    setContent('');\n    onOpenChangeFn(false);\n  }, [onOpenChangeFn]);\n\n  /** 点赞：若已点踩则先取消点踩再点赞，否则直接点赞 */\n  const handleLike = useCallback(() => {\n    setFeedbackLoading(true);\n    const nextStared = !stared;\n    const run = unstared\n      ? onFeedback(numericId, { unstared: false }).then(() => onFeedback(numericId, { stared: nextStared }))\n      : onFeedback(numericId, { stared: nextStared });\n\n    run\n      .then(() => {\n        setStared(nextStared);\n        if (unstared) setUnstared(false);\n      })\n      .finally(() => {\n        setTimeout(() => setFeedbackLoading(false), FEEDBACK_RESET_DELAY);\n      });\n  }, [numericId, stared, unstared, onFeedback]);\n\n  /** 点踩：若已点赞则先取消点赞再点踩，否则直接点踩 */\n  const handleDislike = useCallback(() => {\n    setFeedbackLoading(true);\n    const nextUnstared = !unstared;\n    const run = stared\n      ? onFeedback(numericId, { stared: false }).then(() => onFeedback(numericId, { unstared: nextUnstared }))\n      : onFeedback(numericId, { unstared: nextUnstared });\n\n    run\n      .then(() => {\n        setUnstared(nextUnstared);\n        if (stared) setStared(false);\n      })\n      .finally(() => {\n        setTimeout(() => setFeedbackLoading(false), FEEDBACK_RESET_DELAY);\n      });\n  }, [numericId, stared, unstared, onFeedback]);\n\n  /** 富文本内图片点击放大：content 变化后重新绑定 */\n  useEffect(() => {\n    const el = richTextRef.current;\n    if (!el || !content) return;\n    const images = el.querySelectorAll<HTMLImageElement>('img');\n    const handler = (e: Event) => {\n      const img = e.currentTarget as HTMLImageElement;\n      if (img?.src) {\n        setPreviewSrc(img.src);\n        setPreviewOpen(true);\n      }\n    };\n    images.forEach((img) => {\n      img.style.cursor = 'pointer';\n      img.addEventListener('click', handler);\n    });\n    return () => images.forEach((img) => img.removeEventListener('click', handler));\n  }, [content]);\n\n  const showThanks = (stared || unstared) && !feedbackLoading;\n\n  if (!numericId || Number.isNaN(numericId)) return null;\n\n  return (\n    <Drawer\n      title={title}\n      width={600}\n      open={open}\n      onClose={onClose}\n      extra={\n        <div className={styles.pageInfoDrawerExtraClose} onClick={onClose} role=\"button\" tabIndex={0}>\n          <CloseOutlined />\n        </div>\n      }\n      maskClosable={false}\n      className={styles.drawerTipInfo}\n    >\n      {loading ? (\n        <Skeleton active />\n      ) : (\n        <>\n          <div ref={richTextRef} className={styles.boxTipHtml} dangerouslySetInnerHTML={{ __html: content }} />\n          <div className={styles.boxStared}>\n            <Divider plain style={{ margin: '10px 0' }}>\n              此内容是否有帮助\n            </Divider>\n            <div className={styles.btnsStared}>\n              <Button\n                type={stared ? 'primary' : 'default'}\n                shape=\"circle\"\n                loading={feedbackLoading}\n                disabled={feedbackLoading}\n                icon={<LikeOutlined />}\n                onClick={handleLike}\n              />\n              <Button\n                type={unstared ? 'primary' : 'default'}\n                shape=\"circle\"\n                loading={feedbackLoading}\n                disabled={feedbackLoading}\n                icon={<DislikeOutlined />}\n                onClick={handleDislike}\n              />\n            </div>\n            <div className={styles.thanksTip} style={{ cursor: 'default', opacity: showThanks ? 1 : 0 }}>\n              感谢您的反馈\n            </div>\n          </div>\n        </>\n      )}\n      <Modal\n        title=\"图片\"\n        style={{ top: 20 }}\n        open={previewOpen}\n        onCancel={() => {\n          setPreviewOpen(false);\n          setPreviewSrc('');\n        }}\n        footer={null}\n        width=\"80%\"\n      >\n        <img src={previewSrc} alt=\"预览\" style={{ width: '100%' }} />\n      </Modal>\n    </Drawer>\n  );\n};\n\nexport default DrawerPageInfo;\n"],
+  "mappings": "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",
+  "names": ["React", "styles"]
+}

package/dist/lib/business/DrawerPageInfo/index.module.less

@@ -0,0 +1,87 @@
+.drawerTipInfo {
+  :global(.ant-drawer-close) {
+    display: none;
+  }
+
+  .boxTipHtml {
+    p {
+      margin-top: 1em;
+      line-height: 1.25;
+    }
+
+    ul {
+      list-style: disc;
+    }
+
+    ol {
+      list-style: decimal;
+    }
+
+    blockquote {
+      display: block;
+      margin: 10px 0;
+      padding: 10px;
+      font-size: 100%;
+      line-height: 1.5;
+      background-color: #f1f1f1;
+      border-left: 8px solid #3b86f9;
+    }
+
+    table {
+      th {
+        background-color: #f0f4ff;
+      }
+      th,
+      td {
+        padding: 10px;
+        border: 0.5px solid rgb(231, 231, 231);
+      }
+    }
+
+    video {
+      width: 100%;
+      height: auto;
+    }
+  }
+
+  .boxStared {
+    padding: 100px 160px 20px 160px;
+
+    :global(.ant-divider-inner-text) {
+      color: #666666;
+      font-size: 12px;
+    }
+
+    .btnsStared {
+      display: flex;
+      gap: 30px;
+      justify-content: center;
+
+      button {
+        line-height: 24px;
+      }
+    }
+
+    .thanksTip {
+      margin-top: 10px;
+      color: #666666;
+      font-size: 12px;
+      line-height: 18px;
+      text-align: center;
+    }
+  }
+}
+
+.pageInfoDrawerExtraClose {
+  position: absolute;
+  top: 5px;
+  left: -45px;
+  width: 45px;
+  height: 40px;
+  color: #fff;
+  line-height: 40px;
+  text-align: center;
+  background: rgb(59, 134, 249);
+  border-radius: 8px 0px 0px 8px;
+  cursor: pointer;
+}

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

@@ -0,0 +1,11 @@
+import '@wangeditor/editor/dist/css/style.css';
+import React, { FC } from 'react';
+import './index.less';
+type PageTypes = {
+    value: string;
+    onChange?: (value: string) => void;
+    style?: React.CSSProperties;
+    readOnly?: boolean;
+};
+declare const NoteEditor: FC<PageTypes>;
+export default NoteEditor;

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;