@skyfox2000/webui 1.2.10 → 1.2.12

package/.vscode/settings.json

@@ -5,7 +5,7 @@
    "explorer.fileNesting.patterns": {
       "*.ts": "$(capture).test.ts, $(capture).test.tsx",
       "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
-      "package.json": "index.html,pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitignore,.gitattributes,.gitpod.yml,CNAME,README*,.npmrc,.browserslistrc,.env.*,env.d.ts,.prettierrc,.eslintrc.js,*.md,.cursorignore",
+      "package.json": "index.html,pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitignore,.gitattributes,.gitpod.yml,CNAME,README*,.npmrc,.browserslistrc,.env.*,env.d.ts,.prettierrc,.eslintrc.js,*.md,.cursorignore,.npmignore",
       "vite.config.ts": "tsconfig.*.json,postcss.config.ts,tailwind.config.ts,tsconfig.json"
    },
    "editor.formatOnSave": true,

package/lib/AceEditor.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/BasicLayout.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/Error403.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/Error404.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/ExcelForm.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/UploadForm.d.ts

@@ -0,0 +1 @@
+export {}

package/lib/assets/modules/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/lib/assets/modules/file-upload-CGyzCx7I.js

@@ -0,0 +1,204 @@
+var m = Object.defineProperty;
+var E = (t, r, n) => r in t ? m(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
+var d = (t, r, n) => E(t, typeof r != "symbol" ? r + "" : r, n);
+import { hostUrl as v } from "@skyfox2000/fapi";
+import { ac as S, ab as w, u as g } from "./uploadList-DaUjVXLU.js";
+import { mainAppApis as a } from "@skyfox2000/microbase";
+import y from "dayjs";
+import p from "vue-m-message";
+var i = /* @__PURE__ */ ((t) => (t.Pending = "pending", t.Uploading = "uploading", t.Success = "success", t.Error = "error", t.Online = "online", t.Offline = "offline", t))(i || {});
+const U = () => a.value ? a.value.getHostInfo() : S().hostInfo, x = () => a.value && a.value.getAppInfo ? a.value.getAppInfo() : w().appInfo, L = (t) => a.value && a.value.userLogin ? a.value.userLogin(t) : g().login(t, !0), M = () => a.value && a.value.userLogout ? a.value.userLogout() : g().logout(), b = () => a.value && a.value.getToken ? a.value.getToken() : g().getToken(), N = () => a.value && a.value.getUserInfo ? a.value.getUserInfo() : g().getUserInfo();
+class z {
+  /**
+   * 连接路径参数，已判断 undefined 或 null 值
+   * @param args 路径参数数组
+   * @returns 连接后的路径字符串
+   */
+  static join(...r) {
+    return r.filter((u) => u != null).join("/").replace(/[\/]+/, "/");
+  }
+}
+class C {
+  /**
+   * AsyncUploader 构造函数
+   * @param urlInfo 文件上传的 API 配置（IUrlInfo 对象）
+   * @param maxConcurrent 最大允许并发上传的文件数量
+   */
+  constructor(r, n = 3) {
+    /**
+     * 设置 API 端点和最大并发数，所有上传文件通过该类控制
+     */
+    d(this, "urlInfo");
+    /**
+     * 最大并发上传数
+     */
+    d(this, "maxConcurrent");
+    /**
+     * 控制上传任务的中断信号
+     */
+    d(this, "abortController");
+    this.urlInfo = r, this.maxConcurrent = n;
+  }
+  /**
+   * 执行上传
+   * @param fileList 文件列表
+   * @param loading 加载状态
+   * @param continueOnError 错误时是否继续上传
+   * @param onComplete 上传完成回调
+   * @param onProgress 上传进度回调
+   * @returns 上传结果
+   */
+  async doUpload(r, n, c, u, o) {
+    if (r.length) {
+      if (r.length === 0) {
+        p.warning("请选择上传的文件！");
+        return;
+      }
+      n.value = !0, await this.uploadFiles(r, o, (f) => {
+        let e = !1, h = 0;
+        for (const s of f)
+          s.status === i.Error && h++;
+        h ? h < f.length ? c ? (p.error("上传结束，部分文件上传失败！"), p.warning("保存上传成功的文件！"), e = !0) : p.error("上传结束，部分文件上传失败，取消保存！") : p.error("上传结束，所有文件上传失败！") : (p.success("全部文件上传成功！"), e = !0), n.value = !1, u == null || u(e, f);
+      });
+    }
+  }
+  /**
+   * 上传多个文件，控制并发数量
+   * @param files 文件列表（File[] 或 FileList）
+   * @param onProgress 上传进度回调
+   * @param onComplete 上传完成回调
+   */
+  async uploadFiles(r, n, c) {
+    if (!r.length) return;
+    const u = Math.min(this.maxConcurrent, r.length), o = [];
+    for (const e of r)
+      switch (e.status) {
+        case i.Success:
+        case i.Online:
+        case i.Offline:
+          break;
+        default:
+          e.status = i.Pending, o.push(e);
+          break;
+      }
+    const f = [];
+    this.abortController = new AbortController();
+    try {
+      for (; f.length < u && o.length > 0; ) {
+        const e = o.shift();
+        if (!e) break;
+        f.push(this.handleFileStatus(e, f, o, n));
+      }
+      await Promise.all(f);
+    } catch (e) {
+      console.error("上传失败：", e), r.forEach((h) => {
+        h.status = i.Error, h.error = e instanceof Error ? e : new Error("上传失败"), n == null || n(h);
+      });
+    } finally {
+      c == null || c(r);
+    }
+  }
+  /**
+   * 处理单个文件的上传逻辑
+   * @param file 当前上传的文件
+   * @param activeUploads 当前正在上传的文件列表
+   * @param pendingFiles 等待上传的文件列表
+   * @param onProgress 上传进度回调
+   */
+  async handleFileStatus(r, n, c, u) {
+    try {
+      await this.uploadFile(r, this.abortController.signal, (o) => {
+        r.percent = o, u == null || u(r);
+      });
+    } catch (o) {
+      r.error = o instanceof Error ? o : new Error("上传失败"), console.error(r.error);
+    } finally {
+      if (c.length > 0) {
+        const o = c.shift();
+        o && n.push(this.handleFileStatus(o, n, c, u));
+      }
+    }
+  }
+  /**
+   * 使用 XMLHttpRequest 上传文件
+   * @param file 文件对象
+   * @param signal 中断信号
+   * @param onProgress 上传进度回调
+   */
+  async uploadFile(r, n, c) {
+    return r.status = i.Uploading, new Promise((u, o) => {
+      const f = new FormData();
+      if (f.append("file", r.originFileObj), r.params)
+        for (const s in r.params)
+          f.append(s, r.params[s]);
+      const e = new XMLHttpRequest(), h = v(this.urlInfo);
+      if (h === !1) return Promise.resolve(r);
+      if (e.open("POST", h, !0), this.urlInfo.header && typeof this.urlInfo.header == "object" && Object.entries(this.urlInfo.header).forEach(([s, l]) => {
+        e.setRequestHeader(s, l);
+      }), this.urlInfo.authorize) {
+        const s = b();
+        if (!s) {
+          o(new Error("未授权或授权过期"));
+          return;
+        }
+        e.setRequestHeader("Authorization", "Bearer " + s);
+      }
+      e.upload.addEventListener("progress", (s) => {
+        if (s.lengthComputable && s.total > 0) {
+          const l = Math.round(s.loaded / s.total * 100);
+          c(l);
+        }
+      }), e.addEventListener("load", () => {
+        if (e.status >= 200 && e.status < 300) {
+          const s = e.getResponseHeader("Content-Type");
+          if (!s || !s.includes("application/json")) {
+            o(new Error("返回的结果不是 JSON 格式"));
+            return;
+          }
+          try {
+            const l = JSON.parse(e.response);
+            if (l.status === "success")
+              l.data && (r.minioFile = {
+                ETag: l.data.ETag,
+                Bucket: l.data.Bucket,
+                FileName: r.fileName,
+                Key: l.data.Key,
+                Size: l.data.Size,
+                Type: r.type,
+                UpdateTime: y().format("YYYY-MM-DD HH:mm:ss"),
+                Status: i.Success
+              }), r.status = i.Success, u(r);
+            else {
+              const I = l.msg;
+              r.status = i.Error, o(new Error(I));
+            }
+          } catch (l) {
+            r.status = i.Error, o(new Error("无法解析返回的 JSON 数据: " + l));
+          }
+        } else
+          r.status = i.Error, o(new Error(`上传失败，状态码：${e.status}`));
+      }), e.addEventListener("error", () => {
+        r.status = i.Error, o(new Error("上传失败，网络异常"));
+      }), e.send(f), n.addEventListener("abort", () => {
+        e.abort(), o(new Error("上传已取消"));
+      });
+    });
+  }
+  /**
+   * 取消当前所有的上传任务
+   */
+  cancelUpload() {
+    this.abortController && this.abortController.abort();
+  }
+}
+export {
+  C as A,
+  i as U,
+  x as a,
+  M as b,
+  b as c,
+  N as d,
+  U as g,
+  z as p,
+  L as u
+};

package/lib/assets/modules/form-excel-DWirWVPA.js

@@ -0,0 +1,235 @@
+import k from "async-validator";
+import { httpPost as J, ResStatus as C } from "@skyfox2000/fapi";
+import { i as N, ae as R } from "./uploadList-DaUjVXLU.js";
+import E from "vue-m-message";
+const F = async (d) => {
+  const o = await import("exceljs"), g = new o.Workbook();
+  await g.xlsx.load(d);
+  const c = g.worksheets[0];
+  if (!c)
+    return E.error("Excel文件不包含工作表"), null;
+  const s = [], h = [], i = [];
+  return c.getRow(1).eachCell((e) => {
+    let r = "";
+    if (e.value !== null && e.value !== void 0)
+      if (typeof e.value == "object")
+        if ("richText" in e.value && Array.isArray(e.value.richText))
+          r = e.value.richText.map((a) => a.text || "").join("");
+        else if ("text" in e.value && typeof e.value.text == "string")
+          r = e.value.text;
+        else if (e.value instanceof Date)
+          r = e.value.toLocaleDateString();
+        else
+          try {
+            r = JSON.stringify(e.value);
+          } catch {
+            r = String(e.value);
+          }
+      else
+        r = String(e.value);
+    s.push(r);
+  }), c.eachRow((e, r) => {
+    if (r > 1) {
+      const a = {}, n = [];
+      s.forEach((l, y) => {
+        if (l) {
+          const m = e.getCell(y + 1).value;
+          m != null ? typeof m == "object" ? "richText" in m && Array.isArray(m.richText) ? a[l] = m.richText.map((O) => O.text || "").join("") : "text" in m && typeof m.text == "string" ? a[l] = m.text : (m instanceof Date, a[l] = m) : a[l] = m : a[l] = null, n.push(a[l]);
+        }
+      }), h.push(a), i.push(n);
+    }
+  }), { workbook: g, worksheet: c, headers: s, excelData: h, excelRows: i };
+}, b = async (d, o) => {
+  const g = await import("exceljs"), c = await F(d);
+  if (!c) return { hasError: !0 };
+  const { worksheet: s, headers: h } = c, { markCells: i, markHeaders: e } = o;
+  if (i.length === 0 && (!e || e.length === 0))
+    return { hasError: !1 };
+  const r = [...h];
+  e && e.length > 0 && e.forEach((f) => {
+    r.includes(f) || r.push(f);
+  });
+  const a = new g.Workbook(), n = a.addWorksheet("Sheet1"), l = 15, y = /* @__PURE__ */ new Map();
+  i.forEach(({ row: f, col: p, color: u }) => {
+    const v = `${f}-${p}`;
+    y.set(v, u || "FFFF0000");
+  });
+  for (let f = 0; f < r.length; f++) {
+    const p = n.getColumn(f + 1);
+    if (f < s.columnCount && f < h.length) {
+      const u = s.getColumn(f + 1);
+      u && u.width ? p.width = u.width : p.width = l;
+    } else
+      p.width = l;
+  }
+  const x = n.getRow(1);
+  r.forEach((f, p) => {
+    const u = x.getCell(p + 1);
+    u.value = f;
+    const v = p < h.length;
+    if (v && p < s.columnCount) {
+      const t = s.getRow(1).getCell(p + 1);
+      t.style && (u.style = JSON.parse(JSON.stringify(t.style))), t.font && (u.font = JSON.parse(JSON.stringify(t.font))), t.alignment && (u.alignment = JSON.parse(JSON.stringify(t.alignment))), t.border && (u.border = JSON.parse(JSON.stringify(t.border))), t.numFmt && (u.numFmt = t.numFmt), t.fill && (u.fill = JSON.parse(JSON.stringify(t.fill)));
+    }
+    e && e.includes(f) && !v && (u.fill = {
+      type: "pattern",
+      pattern: "solid",
+      fgColor: { argb: "FFFF0000" }
+      // 红色背景
+    }, u.font = {
+      name: "Arial",
+      size: 10,
+      bold: !0,
+      color: { argb: "FFFFFFFF" }
+      // 白色文字
+    });
+  }), x.commit(), s.eachRow((f, p) => {
+    if (p > 1) {
+      const u = n.getRow(p);
+      for (let v = 0; v < r.length; v++) {
+        const t = u.getCell(v + 1);
+        if (v < h.length && v < s.columnCount) {
+          const w = f.getCell(v + 1);
+          if (t.value = w.value, t.value !== null && t.value !== void 0 && typeof t.value == "object" && !("richText" in t.value) && !("formula" in t.value) && !("hyperlink" in t.value) && !(t.value instanceof Date))
+            try {
+              "text" in t.value && typeof t.value.text == "string" ? t.value = t.value.text : t.value = JSON.stringify(t.value);
+            } catch {
+              t.value = String(t.value);
+            }
+          w.style && (t.style = JSON.parse(JSON.stringify(w.style))), w.font && (t.font = JSON.parse(JSON.stringify(w.font))), w.alignment && (t.alignment = JSON.parse(JSON.stringify(w.alignment))), w.border && (t.border = JSON.parse(JSON.stringify(w.border))), w.numFmt && (t.numFmt = w.numFmt), w.fill && (t.fill = JSON.parse(JSON.stringify(w.fill)));
+          const S = `${p}-${v + 1}`;
+          y.has(S) && (t.fill = {
+            type: "pattern",
+            pattern: "solid",
+            fgColor: { argb: y.get(S) }
+          });
+        } else
+          t.value = null;
+      }
+      f.height && (u.height = f.height), f.outlineLevel && (u.outlineLevel = f.outlineLevel), u.commit();
+    }
+  });
+  const m = await a.xlsx.writeBuffer();
+  return { hasError: !0, errBlob: new Blob([m], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+  }) };
+}, W = async (d, o) => {
+  if (!o || N(o))
+    return { hasError: !1 };
+  const g = await F(d);
+  if (!g) return { hasError: !0 };
+  const { headers: c, excelData: s } = g, h = [];
+  if (Object.keys(o).forEach((r) => {
+    c.includes(r) || h.push(r);
+  }), c.length === 0 || s.length === 0)
+    return E.error("Excel文件不包含足够的数据"), { hasError: !0 };
+  const i = new k({});
+  i.messages(R.messages()), i.define(o);
+  const e = await D(c, s, i);
+  if (e.length > 0 || h.length > 0) {
+    const r = e.map((a) => ({
+      row: a.row + 2,
+      // 转为Excel行号（+2是因为表头占一行，且是1-based索引）
+      col: a.col + 1,
+      // 转为Excel列号（+1是因为是1-based索引）
+      color: "FFFF0000"
+      // 红色
+    }));
+    return b(d, {
+      markCells: r,
+      markHeaders: h
+    });
+  }
+  return { hasError: !1 };
+}, D = async (d, o, g) => {
+  const c = [];
+  for (let s = 0; s < o.length; s++) {
+    const h = o[s];
+    try {
+      await g.validate(h).catch(({ errors: i }) => {
+        const e = [];
+        i.forEach((r) => {
+          const a = d.indexOf(r.field);
+          a >= 0 && (e.some((l) => l.row === s && l.col === a) || e.push({
+            row: s,
+            col: a,
+            header: r.field,
+            message: r.message.replace("${label}", d[a])
+          }));
+        }), c.push(...e);
+      });
+    } catch (i) {
+      console.error("验证表格数据时发生错误:", i), E.error("验证表格数据时发生错误:" + i);
+    }
+  }
+  return c;
+}, $ = async (d, o, g) => {
+  if (!o || o.length === 0)
+    return { hasError: !1 };
+  const c = await F(d);
+  if (!c) return { hasError: !0 };
+  const { headers: s, excelData: h } = c, i = [];
+  if (o.forEach((n) => {
+    s.includes(n) || i.push(n);
+  }), i.length > 0)
+    return E.error(`表头缺少重复检测所需字段: ${i.join(", ")}`), { hasError: !0 };
+  const e = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), a = new Array();
+  if (h.forEach((n, l) => {
+    const y = o.map((x) => n[x]).join("|");
+    a.push(y), e.has(y) ? (r.add(l), r.add(e.get(y))) : e.set(y, l);
+  }), g) {
+    const n = await J(g, {
+      Data: a
+    });
+    if (n != null && n.data && n.data.forEach((l) => {
+      r.add(l);
+    }), (n == null ? void 0 : n.status) === C.ERROR)
+      throw new Error(n.msg);
+  }
+  if (r.size > 0) {
+    const n = [];
+    return r.forEach((l) => {
+      o.forEach((y) => {
+        const x = s.indexOf(y);
+        x >= 0 && n.push({
+          row: l + 2,
+          // Excel行号 = 数组索引 + 2（表头和1-based索引）
+          col: x + 1,
+          // Excel列号 = 数组索引 + 1（1-based索引）
+          color: "FFFF0000"
+          // 红色
+        });
+      });
+    }), b(d, { markCells: n, markHeaders: i });
+  }
+  return { hasError: !1 };
+}, B = async (d, o, g) => {
+  const c = d.originFileObj;
+  if (c) {
+    const s = await c.arrayBuffer(), h = await F(s);
+    if (!h) {
+      E.error("上传的文件不是Excel文件");
+      return;
+    }
+    const { headers: i, excelRows: e, excelData: r } = h;
+    g && g.length > 0 ? g.forEach((a) => {
+      switch (a) {
+        case "Headers":
+          o.Headers = i;
+          break;
+        case "RawRows":
+          o.RawRows = e;
+          break;
+        case "Records":
+          o.Records = r;
+          break;
+      }
+    }) : (o.Headers = i, o.RawRows = e, o.Records = r);
+  }
+};
+export {
+  B as a,
+  $ as c,
+  F as p,
+  W as v
+};

package/lib/assets/modules/index-C1zkNPmi.js

@@ -0,0 +1,109 @@
+import { defineComponent as d, useAttrs as f, createElementBlock as u, openBlock as x, createVNode as e, withCtx as n, unref as o, mergeProps as r, renderSlot as p } from "vue";
+import { Button as _ } from "ant-design-vue";
+import { a as P, _ as k } from "./toolIcon-vJF7OgP6.js";
+const C = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    /**
+     * 提示标题
+     * @props
+     * @name content
+     * @type {string}
+     */
+    tiptext: String,
+    /**
+     * 提示显示位置
+     * @props
+     * @name placement
+     * @type {string}
+     * @default 'top'
+     */
+    placement: {
+      type: String,
+      default: "top"
+    },
+    /**
+     * 内置图标属性设置
+     * @props
+     * @name iconProps
+     * @type {object}
+     * @summary 内置图标复杂属性设置，仅支持前置图标
+     */
+    iconProps: Object,
+    /**
+     * 默认使用框架图标
+     * 其它图标请自定义
+     * @props
+     * @name icon
+     * @type {string}
+     */
+    icon: String
+    // /**
+    //  * 点击事件
+    //  * @props
+    //  * @name clickEvent
+    //  * @summary 格式 "空间名#事件名"，空间名和事件名用#分隔，事件名用.分隔
+    //  * @type {string}
+    //  */
+    // clickEvent: {
+    //   type: String
+    // },
+    // /**
+    //  * 点击传输数据
+    //  * @props
+    //  * @name data
+    //  * @summary 点击事件传输的默认数据
+    //  * @type {object|string}
+    //  */
+    // data: {
+    //   type: [Object, String]
+    // }
+  },
+  emits: [
+    /**
+     * 点击事件
+     * @emits
+     * @name click
+     * @summary 图标按钮点击时触发的事件
+     */
+    "click"
+  ],
+  setup(i, { emit: l }) {
+    const c = f(), t = i, a = l, m = () => {
+      t.iconProps && t.iconProps.icons && (t.iconProps.iconIndex = (t.iconProps.iconIndex + 1) % t.iconProps.icons.length), a("click");
+    };
+    return (s, b) => (x(), u("div", null, [
+      e(P, {
+        title: t.tiptext,
+        disabled: t.tiptext ? void 0 : "disabled",
+        placement: i.placement
+      }, {
+        default: n(() => [
+          e(o(_), r({ class: "px-[10px] py-[4px] flex items-center gap-1" }, o(c), { onClick: m }), {
+            icon: n(() => [
+              p(s.$slots, "icon", {}, () => [
+                e(k, r({
+                  icon: t.icon,
+                  class: [
+                    o(c).type === "primary" ? "ant-btn-primary" : "",
+                    "cursor-pointer w-[17px] h-[17px] mx-auto"
+                  ],
+                  clickable: ""
+                }, t.iconProps), null, 16, ["icon", "class"])
+              ])
+            ]),
+            default: n(() => [
+              p(s.$slots, "default")
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      }, 8, ["title", "disabled", "placement"])
+    ]));
+  }
+});
+export {
+  C as _
+};