@yoka-ui/ui 1.0.10-test

package/dist/es/business/AiChat/useTaskWorkflow.js

@@ -0,0 +1,230 @@
+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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/business/AiChat/useTaskWorkflow.ts
+import { message } from "antd";
+import { useCallback, useState } from "react";
+import { recognizeIntent, parseTaskDescription } from "./intentRecognizer";
+import { NavigationManager, delay } from "./navigationManager";
+var DEFAULT_API_PATH = "/api/task/create";
+function useTaskWorkflow(options = {}) {
+  const {
+    enabled = true,
+    createTaskApi = DEFAULT_API_PATH,
+    autoNavigate = true,
+    refreshDelay = 1500,
+    taskIdParamName = "taskId",
+    taskTypeParamName = "type",
+    onTaskCreated,
+    onError
+  } = options;
+  const [tasks, setTasks] = useState([]);
+  const createTask = useCallback((task) => {
+    const newTask = __spreadProps(__spreadValues({}, task), {
+      id: Date.now().toString(),
+      createTime: Date.now()
+    });
+    setTasks((prev) => [...prev, newTask]);
+    return newTask;
+  }, []);
+  const updateTaskStatus = useCallback((taskId, status) => {
+    setTasks((prev) => prev.map((task) => task.id === taskId ? __spreadProps(__spreadValues({}, task), { status }) : task));
+  }, []);
+  const deleteTask = useCallback((taskId) => {
+    setTasks((prev) => prev.filter((task) => task.id !== taskId));
+  }, []);
+  const exportTasks = useCallback(
+    (format = "json") => {
+      if (tasks.length === 0) {
+        message.warning("没有任务可导出");
+        return;
+      }
+      let content;
+      let filename;
+      let mimeType;
+      if (format === "json") {
+        content = JSON.stringify(tasks, null, 2);
+        filename = `tasks_${Date.now()}.json`;
+        mimeType = "application/json";
+      } else {
+        const headers = "ID,Title,Description,Category,Priority,Status,CreateTime";
+        const rows = tasks.map(
+          (t) => `"${t.id}","${t.title}","${t.description}","${t.category}","${t.priority}","${t.status}","${new Date(t.createTime).toLocaleString()}"`
+        );
+        content = [headers, ...rows].join("\n");
+        filename = `tasks_${Date.now()}.csv`;
+        mimeType = "text/csv";
+      }
+      const blob = new Blob([content], { type: mimeType });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = filename;
+      a.click();
+      URL.revokeObjectURL(url);
+      message.success(`导出成功 (${tasks.length} 个任务)`);
+    },
+    [tasks]
+  );
+  const recognizeIntentCallback = useCallback((text) => recognizeIntent(text), []);
+  const createTaskFromNaturalLanguage = useCallback(
+    (description) => __async(this, null, function* () {
+      var _a, _b, _c;
+      try {
+        const taskDesc = parseTaskDescription(description);
+        const requestData = {
+          type: taskDesc.taskType,
+          name: taskDesc.taskName,
+          description: taskDesc.description,
+          priority: taskDesc.priority,
+          timestamp: Date.now()
+        };
+        const response = yield fetch(createTaskApi, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify(requestData)
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = yield response.json();
+        if (result.code !== 0 && result.code !== 200) {
+          throw new Error(result.message || "创建任务失败");
+        }
+        const taskId = ((_a = result.data) == null ? void 0 : _a.taskId) || ((_b = result.data) == null ? void 0 : _b.id);
+        if (!taskId) {
+          throw new Error("未获取到任务ID");
+        }
+        createTask({
+          title: taskDesc.taskName,
+          description: taskDesc.description,
+          category: taskDesc.taskType,
+          priority: taskDesc.priority,
+          status: "pending",
+          sourceMessageId: void 0,
+          apiResponse: result.data
+        });
+        onTaskCreated == null ? void 0 : onTaskCreated(taskId, result.data);
+        return {
+          success: true,
+          taskId,
+          taskData: result.data,
+          redirectUrl: (_c = result.data) == null ? void 0 : _c.redirectUrl
+        };
+      } catch (error) {
+        const err = error instanceof Error ? error : new Error(String(error));
+        onError == null ? void 0 : onError(err);
+        return {
+          success: false,
+          error: err.message
+        };
+      }
+    }),
+    [createTaskApi, createTask, onTaskCreated, onError]
+  );
+  const updateUrlWithTaskId = useCallback(
+    (taskId, options2) => {
+      const taskType = NavigationManager.getQueryParam(taskTypeParamName);
+      NavigationManager.updateQueryParams(
+        __spreadValues({
+          [taskIdParamName]: taskId
+        }, taskType ? { [taskTypeParamName]: taskType } : {}),
+        {
+          replace: (options2 == null ? void 0 : options2.replace) || false,
+          merge: (options2 == null ? void 0 : options2.merge) !== false,
+          queryParams: options2 == null ? void 0 : options2.queryParams
+        }
+      );
+    },
+    [taskIdParamName, taskTypeParamName]
+  );
+  const refreshCurrentPage = useCallback(
+    (taskId) => {
+      if (taskId) {
+        updateUrlWithTaskId(taskId);
+      }
+      setTimeout(() => {
+        window.location.reload();
+      }, refreshDelay);
+    },
+    [updateUrlWithTaskId, refreshDelay]
+  );
+  const executeTaskCreationWorkflow = useCallback(
+    (description) => __async(this, null, function* () {
+      if (!enabled) {
+        message.warning("任务工作流未启用");
+        return;
+      }
+      const result = yield createTaskFromNaturalLanguage(description);
+      if (!result.success) {
+        message.error(`创建任务失败: ${result.error}`);
+        return;
+      }
+      const taskId = result.taskId;
+      message.success(`任务创建成功，ID: ${taskId}`);
+      if (autoNavigate) {
+        updateUrlWithTaskId(taskId);
+      }
+      if (autoNavigate) {
+        yield delay(refreshDelay);
+        refreshCurrentPage(taskId);
+      }
+    }),
+    [enabled, createTaskFromNaturalLanguage, autoNavigate, updateUrlWithTaskId, refreshDelay, refreshCurrentPage]
+  );
+  return {
+    tasks,
+    createTask,
+    updateTaskStatus,
+    deleteTask,
+    exportTasks,
+    recognizeIntent: recognizeIntentCallback,
+    createTaskFromNaturalLanguage,
+    updateUrlWithTaskId,
+    refreshCurrentPage,
+    executeTaskCreationWorkflow
+  };
+}
+export {
+  useTaskWorkflow
+};
+//# sourceMappingURL=useTaskWorkflow.js.map

package/dist/es/business/AiChat/useTaskWorkflow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/AiChat/useTaskWorkflow.ts"],
+  "sourcesContent": ["import { message } from 'antd';\nimport { useCallback, useState } from 'react';\nimport { recognizeIntent, parseTaskDescription } from './intentRecognizer';\nimport { NavigationManager, delay } from './navigationManager';\nimport type { Task, TaskCreationResult, NavigationOptions, TaskTypeConfig } from './type';\n\nexport interface UseTaskWorkflowOptions {\n  enabled?: boolean;\n  createTaskApi?: string;\n  supportedTaskTypes?: TaskTypeConfig[];\n  autoNavigate?: boolean;\n  refreshDelay?: number;\n  taskIdParamName?: string;\n  taskTypeParamName?: string;\n  onTaskCreated?: (taskId: string, taskData?: any) => void;\n  onError?: (error: Error) => void;\n}\n\nexport interface UseTaskWorkflowReturn {\n  tasks: Task[];\n  createTask: (task: Omit<Task, 'id' | 'createTime'>) => void;\n  updateTaskStatus: (taskId: string, status: Task['status']) => void;\n  deleteTask: (taskId: string) => void;\n  exportTasks: (format?: 'json' | 'csv') => void;\n\n  // 意图识别\n  recognizeIntent: (text: string) => ReturnType<typeof recognizeIntent>;\n\n  // 任务工作流\n  createTaskFromNaturalLanguage: (description: string) => Promise<TaskCreationResult>;\n  updateUrlWithTaskId: (taskId: string, options?: NavigationOptions) => void;\n  refreshCurrentPage: (taskId?: string) => void;\n  executeTaskCreationWorkflow: (description: string) => Promise<void>;\n}\n\nconst DEFAULT_API_PATH = '/api/task/create';\n\nexport function useTaskWorkflow(options: UseTaskWorkflowOptions = {}): UseTaskWorkflowReturn {\n  const {\n    enabled = true,\n    createTaskApi = DEFAULT_API_PATH,\n    autoNavigate = true,\n    refreshDelay = 1500,\n    taskIdParamName = 'taskId',\n    taskTypeParamName = 'type',\n    onTaskCreated,\n    onError,\n  } = options;\n\n  const [tasks, setTasks] = useState<Task[]>([]);\n\n  // 创建任务\n  const createTask = useCallback((task: Omit<Task, 'id' | 'createTime'>) => {\n    const newTask: Task = {\n      ...task,\n      id: Date.now().toString(),\n      createTime: Date.now(),\n    };\n    setTasks((prev) => [...prev, newTask]);\n    return newTask;\n  }, []);\n\n  // 更新任务状态\n  const updateTaskStatus = useCallback((taskId: string, status: Task['status']) => {\n    setTasks((prev) => prev.map((task) => (task.id === taskId ? { ...task, status } : task)));\n  }, []);\n\n  // 删除任务\n  const deleteTask = useCallback((taskId: string) => {\n    setTasks((prev) => prev.filter((task) => task.id !== taskId));\n  }, []);\n\n  // 导出任务\n  const exportTasks = useCallback(\n    (format: 'json' | 'csv' = 'json') => {\n      if (tasks.length === 0) {\n        message.warning('没有任务可导出');\n        return;\n      }\n\n      let content: string;\n      let filename: string;\n      let mimeType: string;\n\n      if (format === 'json') {\n        content = JSON.stringify(tasks, null, 2);\n        filename = `tasks_${Date.now()}.json`;\n        mimeType = 'application/json';\n      } else {\n        const headers = 'ID,Title,Description,Category,Priority,Status,CreateTime';\n        const rows = tasks.map(\n          (t) =>\n            `\"${t.id}\",\"${t.title}\",\"${t.description}\",\"${t.category}\",\"${t.priority}\",\"${t.status}\",\"${new Date(t.createTime).toLocaleString()}\"`,\n        );\n        content = [headers, ...rows].join('\\n');\n        filename = `tasks_${Date.now()}.csv`;\n        mimeType = 'text/csv';\n      }\n\n      const blob = new Blob([content], { type: mimeType });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = filename;\n      a.click();\n      URL.revokeObjectURL(url);\n      message.success(`导出成功 (${tasks.length} 个任务)`);\n    },\n    [tasks],\n  );\n\n  // 识别意图\n  const recognizeIntentCallback = useCallback((text: string) => recognizeIntent(text), []);\n\n  // 从自然语言创建任务\n  const createTaskFromNaturalLanguage = useCallback(\n    async (description: string): Promise<TaskCreationResult> => {\n      try {\n        // 解析任务描述\n        const taskDesc = parseTaskDescription(description);\n\n        // 构建请求数据\n        const requestData = {\n          type: taskDesc.taskType,\n          name: taskDesc.taskName,\n          description: taskDesc.description,\n          priority: taskDesc.priority,\n          timestamp: Date.now(),\n        };\n\n        // 调用API创建任务\n        const response = await fetch(createTaskApi, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify(requestData),\n        });\n\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        const result = await response.json();\n\n        if (result.code !== 0 && result.code !== 200) {\n          throw new Error(result.message || '创建任务失败');\n        }\n\n        const taskId = result.data?.taskId || result.data?.id;\n\n        if (!taskId) {\n          throw new Error('未获取到任务ID');\n        }\n\n        // 创建本地任务记录\n        createTask({\n          title: taskDesc.taskName,\n          description: taskDesc.description,\n          category: taskDesc.taskType as Task['category'],\n          priority: taskDesc.priority as Task['priority'],\n          status: 'pending',\n          sourceMessageId: undefined,\n          apiResponse: result.data,\n        });\n\n        // 触发回调\n        onTaskCreated?.(taskId, result.data);\n\n        return {\n          success: true,\n          taskId,\n          taskData: result.data,\n          redirectUrl: result.data?.redirectUrl,\n        };\n      } catch (error) {\n        const err = error instanceof Error ? error : new Error(String(error));\n        onError?.(err);\n        return {\n          success: false,\n          error: err.message,\n        };\n      }\n    },\n    [createTaskApi, createTask, onTaskCreated, onError],\n  );\n\n  // 更新URL中的任务ID\n  const updateUrlWithTaskId = useCallback(\n    (taskId: string, options?: NavigationOptions) => {\n      const taskType = NavigationManager.getQueryParam(taskTypeParamName);\n      NavigationManager.updateQueryParams(\n        {\n          [taskIdParamName]: taskId,\n          ...(taskType ? { [taskTypeParamName]: taskType } : {}),\n        },\n        {\n          replace: options?.replace || false,\n          merge: options?.merge !== false,\n          queryParams: options?.queryParams,\n        },\n      );\n    },\n    [taskIdParamName, taskTypeParamName],\n  );\n\n  // 刷新当前页面\n  const refreshCurrentPage = useCallback(\n    (taskId?: string) => {\n      if (taskId) {\n        updateUrlWithTaskId(taskId);\n      }\n\n      // 延迟刷新，让用户看到成功消息\n      setTimeout(() => {\n        window.location.reload();\n      }, refreshDelay);\n    },\n    [updateUrlWithTaskId, refreshDelay],\n  );\n\n  // 执行任务创建工作流\n  const executeTaskCreationWorkflow = useCallback(\n    async (description: string) => {\n      if (!enabled) {\n        message.warning('任务工作流未启用');\n        return;\n      }\n\n      // 1. 调用API创建任务\n      const result = await createTaskFromNaturalLanguage(description);\n\n      if (!result.success) {\n        message.error(`创建任务失败: ${result.error}`);\n        return;\n      }\n\n      const taskId = result.taskId!;\n\n      // 2. 显示成功消息\n      message.success(`任务创建成功，ID: ${taskId}`);\n\n      // 3. 更新URL\n      if (autoNavigate) {\n        updateUrlWithTaskId(taskId);\n      }\n\n      // 4. 延迟刷新页面\n      if (autoNavigate) {\n        await delay(refreshDelay);\n        refreshCurrentPage(taskId);\n      }\n    },\n    [enabled, createTaskFromNaturalLanguage, autoNavigate, updateUrlWithTaskId, refreshDelay, refreshCurrentPage],\n  );\n\n  return {\n    tasks,\n    createTask,\n    updateTaskStatus,\n    deleteTask,\n    exportTasks,\n    recognizeIntent: recognizeIntentCallback,\n    createTaskFromNaturalLanguage,\n    updateUrlWithTaskId,\n    refreshCurrentPage,\n    executeTaskCreationWorkflow,\n  };\n}\n"],
+  "mappings": "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",
+  "names": ["options"]
+}

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

@@ -0,0 +1,35 @@
+import React from 'react';
+/** 提示内容数据结构，与 loadData 返回一致 */
+export interface TipContentData {
+    tip_id: number;
+    tip_name: string;
+    content: string;
+    stared: boolean;
+    unstared: boolean;
+}
+/** 反馈接口参数 */
+export interface FeedbackParams {
+    stared?: boolean;
+    unstared?: boolean;
+}
+/**
+ * DrawerPageInfo 组件的 Props
+ * 数据与请求通过 loadData / onFeedback 由父组件负责，组件仅负责展示与交互。
+ */
+export type PropsType = {
+    /** 当前提示页 id，用于 loadData / onFeedback 入参 */
+    id: number | string;
+    /** 抽屉是否打开 */
+    open: boolean;
+    /** 抽屉打开状态变化回调（关闭时由组件调用） */
+    onOpenChange?: (open: boolean) => void;
+    /** 加载内容：抽屉打开且 id 有效时由组件调用，父组件请求后返回数据 */
+    loadData: (id: number) => Promise<TipContentData>;
+    /** 提交反馈（点赞/点踩）：父组件请求接口，组件在成功后更新本地状态 */
+    onFeedback: (id: number, params: FeedbackParams) => Promise<void>;
+};
+/**
+ * 抽屉式提示页：展示富文本内容与点赞/点踩反馈，内容与反馈请求通过 props 回调解耦。
+ */
+declare const DrawerPageInfo: React.FC<PropsType>;
+export default DrawerPageInfo;

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

@@ -0,0 +1,133 @@
+// src/business/DrawerPageInfo/index.tsx
+import { CloseOutlined, DislikeOutlined, LikeOutlined } from "@ant-design/icons";
+import { Button, Divider, Drawer, Modal, Skeleton } from "antd";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import styles from "./index.module.less";
+var FEEDBACK_RESET_DELAY = 200;
+var DrawerPageInfo = ({ id, open, onOpenChange, loadData, onFeedback }) => {
+  const numericId = Number(id);
+  const onOpenChangeFn = onOpenChange != null ? onOpenChange : () => {
+  };
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+  const [stared, setStared] = useState(false);
+  const [unstared, setUnstared] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [feedbackLoading, setFeedbackLoading] = useState(false);
+  const [previewOpen, setPreviewOpen] = useState(false);
+  const [previewSrc, setPreviewSrc] = useState("");
+  const richTextRef = useRef(null);
+  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 = useCallback(() => {
+    setContent("");
+    onOpenChangeFn(false);
+  }, [onOpenChangeFn]);
+  const handleLike = 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 = 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]);
+  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__ */ React.createElement(
+    Drawer,
+    {
+      title,
+      width: 600,
+      open,
+      onClose,
+      extra: /* @__PURE__ */ React.createElement("div", { className: styles.pageInfoDrawerExtraClose, onClick: onClose, role: "button", tabIndex: 0 }, /* @__PURE__ */ React.createElement(CloseOutlined, null)),
+      maskClosable: false,
+      className: styles.drawerTipInfo
+    },
+    loading ? /* @__PURE__ */ React.createElement(Skeleton, { active: true }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { ref: richTextRef, className: styles.boxTipHtml, dangerouslySetInnerHTML: { __html: content } }), /* @__PURE__ */ React.createElement("div", { className: styles.boxStared }, /* @__PURE__ */ React.createElement(Divider, { plain: true, style: { margin: "10px 0" } }, "此内容是否有帮助"), /* @__PURE__ */ React.createElement("div", { className: styles.btnsStared }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        type: stared ? "primary" : "default",
+        shape: "circle",
+        loading: feedbackLoading,
+        disabled: feedbackLoading,
+        icon: /* @__PURE__ */ React.createElement(LikeOutlined, null),
+        onClick: handleLike
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        type: unstared ? "primary" : "default",
+        shape: "circle",
+        loading: feedbackLoading,
+        disabled: feedbackLoading,
+        icon: /* @__PURE__ */ React.createElement(DislikeOutlined, null),
+        onClick: handleDislike
+      }
+    )), /* @__PURE__ */ React.createElement("div", { className: styles.thanksTip, style: { cursor: "default", opacity: showThanks ? 1 : 0 } }, "感谢您的反馈"))),
+    /* @__PURE__ */ React.createElement(
+      Modal,
+      {
+        title: "图片",
+        style: { top: 20 },
+        open: previewOpen,
+        onCancel: () => {
+          setPreviewOpen(false);
+          setPreviewSrc("");
+        },
+        footer: null,
+        width: "80%"
+      },
+      /* @__PURE__ */ React.createElement("img", { src: previewSrc, alt: "预览", style: { width: "100%" } })
+    )
+  );
+};
+var DrawerPageInfo_default = DrawerPageInfo;
+export {
+  DrawerPageInfo_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/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": []
+}

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

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

package/dist/es/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": ";;;;;;;;;;;;;;;;;;AACA,SAAS,cAAc;AACvB,OAAO;AACP,OAAO,SAAa,WAAW,gBAAgB;AAC/C,OAAO;AASP,IAAM,aAA4B,CAAC,EAAE,OAAO,UAAU,OAAO,WAAW,MAAM,MAAM;AAElF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA4B,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,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,WAAW;AAAM;AACrB,aAAO,QAAQ;AACf,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf;AAAA,MACA,WAAW;AAAA,MACX,UAAU,CAACA,YAAW,qCAAWA,QAAO,QAAQ;AAAA,MAChD,MAAK;AAAA,MACL,OAAO,mBAAK;AAAA;AAAA,EACd;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": ["editor"]
+}