@skyfox2000/webui 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.2.0",
+   "version": "1.2.2",
    "description": "后台前端通用组件定义",
    "type": "module",
    "keywords": [],
@@ -32,7 +32,7 @@
    },
    "peerDependencies": {
       "@skyfox2000/fapi": "^1.1.19",
-      "@skyfox2000/microbase": "^1.2.0",
+      "@skyfox2000/microbase": "^1.2.1",
       "@vue-office/excel": "^1.7.14",
       "@json2csv/plainjs": "^7.0.6",
       "async-validator": "^4.2.5",

package/src/components/index.ts

@@ -1,7 +1,8 @@
-import '../assets/global.css';
+// 基础组件
+export { Button, Tooltip, AppIcon, Fullscreen, Helper, Icon, LayoutIcon, ProjectIcon, ToolIcon } from './common';
 
-import { Button, Tooltip, AppIcon, Fullscreen, Helper, Icon, LayoutIcon, ProjectIcon, ToolIcon } from './common';
-import {
+// 内容组件
+export {
    Dialog,
    Drawer,
    Form,
@@ -14,51 +15,9 @@ import {
    Icontool,
    Tree,
 } from './content';
-import {
-   AutoComplete,
-   Cascader,
-   Checkbox,
-   DatePicker,
-   Input,
-   InputIcon,
-   InputPassword,
-   InputNumber,
-   PropEditor,
-   Radio,
-   RadioStatus,
-   RangePicker,
-   Select,
-   Switch,
-   Textarea,
-   Transfer,
-   TransferTable,
-   TreeSelect,
-   UploadList,
-} from './form';
-
-import { Breadcrumb, Content, Datetime, Header, HeaderExits, Menu, MenuTabs } from './layout';
 
+// 表单组件
 export {
-   Button,
-   Tooltip,
-   AppIcon,
-   Fullscreen,
-   Helper,
-   Icon,
-   LayoutIcon,
-   ProjectIcon,
-   ToolIcon,
-   Dialog,
-   Drawer,
-   Form,
-   FormItem,
-   Search,
-   SearchItem,
-   Table,
-   TableOperate,
-   Toolbar,
-   Icontool,
-   Tree,
    AutoComplete,
    Cascader,
    Checkbox,
@@ -78,11 +37,7 @@ export {
    TransferTable,
    TreeSelect,
    UploadList,
-   Breadcrumb,
-   Content,
-   Datetime,
-   Header,
-   HeaderExits,
-   Menu,
-   MenuTabs,
-};
+} from './form';
+
+// 布局组件
+export { Breadcrumb, Content, Datetime, Header, HeaderExits, Menu, MenuTabs } from './layout';

package/src/index.ts

@@ -1,3 +1,53 @@
+import '@/assets/global.css';
+
+export {
+   Button,
+   Tooltip,
+   AppIcon,
+   Fullscreen,
+   Helper,
+   Icon,
+   LayoutIcon,
+   ProjectIcon,
+   ToolIcon,
+   Dialog,
+   Drawer,
+   Form,
+   FormItem,
+   Search,
+   SearchItem,
+   Table,
+   TableOperate,
+   Toolbar,
+   Icontool,
+   Tree,
+   AutoComplete,
+   Cascader,
+   Checkbox,
+   DatePicker,
+   Input,
+   InputIcon,
+   InputPassword,
+   InputNumber,
+   PropEditor,
+   Radio,
+   RadioStatus,
+   RangePicker,
+   Select,
+   Switch,
+   Textarea,
+   Transfer,
+   TransferTable,
+   TreeSelect,
+   UploadList,
+   Breadcrumb,
+   Content,
+   Datetime,
+   Header,
+   HeaderExits,
+   Menu,
+   MenuTabs,
+} from '@/components/index';
 // 类型定义 - 明确导出
 export type {
    // 基础数据类型
@@ -193,6 +243,7 @@ export {
 
 import router from '@/router';
 export { router as AppRouter };
+export { routes } from '@/router';
 
 export { useAppInfo } from '@/stores/appInfo';
 export { useHostInfo } from '@/stores/hostInfo';

package/src/utils/main-openapis.ts

@@ -17,7 +17,7 @@ export const getHostInfo = (): HostInfo => {
  * 获取当前应用信息
  */
 export const getAppInfo = (): AppInfo => {
-   if (mainAppApis.value) return mainAppApis.value.getAppInfo();
+   if (mainAppApis.value && mainAppApis.value.getAppInfo) return mainAppApis.value.getAppInfo();
    const appInfoStore = useAppInfo();
    return appInfoStore.appInfo;
 };

package/vite.config.ts

@@ -56,7 +56,7 @@ export default defineConfig(({ mode }: ConfigEnv) => {
          assetsDir: 'assets',
          lib: {
             entry: {
-               index: 'src/components/index.ts',
+               index: 'src/index.ts',
                AceEditor: 'src/components/form/aceEditor/index.vue',
                ExcelForm: 'src/components/content/dialog/excelForm.vue',
                UploadForm: 'src/components/content/dialog/uploadForm.vue',

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

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

package/lib/assets/modules/form-validate-CgX7aR7T.js

@@ -1,297 +0,0 @@
-import { defineComponent as A, useAttrs as _, createElementBlock as $, openBlock as R, createVNode as x, withCtx as b, unref as E, mergeProps as k, renderSlot as T, inject as h, ref as g, provide as S, watch as j, toRaw as K } from "vue";
-import { Button as C } from "ant-design-vue";
-import { a as M, _ as O } from "./index-DmWrkTXX.js";
-import { httpPost as V, ResStatus as Q } from "@skyfox2000/fapi";
-import d from "vue-m-message";
-import F from "async-validator";
-const W = /* @__PURE__ */ A({
-  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(e, { emit: r }) {
-    const a = _(), s = e, t = r, n = () => {
-      s.iconProps && s.iconProps.icons && (s.iconProps.iconIndex = (s.iconProps.iconIndex + 1) % s.iconProps.icons.length), t("click");
-    };
-    return (l, i) => (R(), $("div", null, [
-      x(M, {
-        title: s.tiptext,
-        disabled: s.tiptext ? void 0 : "disabled",
-        placement: e.placement
-      }, {
-        default: b(() => [
-          x(E(C), k({ class: "px-[10px] py-[4px] flex items-center gap-1" }, E(a), { onClick: n }), {
-            icon: b(() => [
-              T(l.$slots, "icon", {}, () => [
-                x(O, k({
-                  icon: s.icon,
-                  class: [
-                    E(a).type === "primary" ? "ant-btn-primary" : "",
-                    "cursor-pointer w-[17px] h-[17px] mx-auto"
-                  ],
-                  clickable: ""
-                }, s.iconProps), null, 16, ["icon", "class"])
-              ])
-            ]),
-            default: b(() => [
-              T(l.$slots, "default")
-            ]),
-            _: 3
-          }, 16)
-        ]),
-        _: 3
-      }, 8, ["title", "disabled", "placement"])
-    ]));
-  }
-});
-var m = /* @__PURE__ */ ((e) => (e.PageControl = "Page.PageControl", e.EditorControl = "Page.EditorControl", e.GridControl = "Page.GridControl", e.LabelText = "FormItem.LabelText", e.RuleKey = "FormItem.RuleKey", e.ErrInfo = "FormItem.ErrInfo", e))(m || {});
-const y = (e) => e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1, I = (e, r) => {
-  var t;
-  return {
-    url: "",
-    ...(t = e.page.urls) == null ? void 0 : t[r.urlKey],
-    ...e.url,
-    ...r.url,
-    loadingText: r.loadingText
-  };
-}, P = (e, r) => {
-  const a = e.page, s = r.url;
-  if (!s || !s.url) {
-    const n = `URL未设置: ${r.urlKey}`;
-    return console.warn(n), Promise.reject(new Error(n));
-  }
-  s.api || (s.api = a.api), s.authorize === void 0 && (s.authorize = a.authorize);
-  let t = JSON.parse(JSON.stringify(r.params));
-  return r.processParams && (t = r.processParams(t)), r.loadingState && (r.loadingState.value = !0), r.hideErrorToast && (s.hideErrorToast = !0), V(s, t).then((n) => (r.loadingState && (r.loadingState.value = !1), n)).catch((n) => (r.loadingState && (r.loadingState.value = !1), null));
-}, H = (e, r) => {
-  r.params || (r.params = {}), r.params.Query || (r.params.Query = {});
-  const a = I(e, r);
-  return r.url = a, P(e, r);
-}, X = (e, r = {}) => {
-  const a = r.primaryKey || "Id";
-  if (r.params || (r.params = {}), r.params.Query || (r.params.Query = {}), !r.params.Data)
-    return d.error("错误！无保存数据！"), Promise.resolve(null);
-  const s = {
-    ...r,
-    urlKey: r.urlKey || "save",
-    loadingText: r.loadingText === !1 ? !1 : r.loadingText || "数据保存中..."
-  };
-  s.params.Query[a] = s.params.Data[a];
-  const t = I(e, s);
-  return s.url = t, P(e, s).then((n) => ((n == null ? void 0 : n.status) === Q.SUCCESS && (r.hideErrorToast || d.success("保存成功！")), n));
-}, Y = (e, r, a = {}) => {
-  const s = a.primaryKey || "Id";
-  a.params || (a.params = {}), a.params.Query || (a.params.Query = {});
-  const t = {
-    ...a,
-    urlKey: "delete",
-    loadingText: a.loadingText === !1 ? !1 : a.loadingText || "数据删除中..."
-  };
-  if (Array.isArray(r) ? t.params.Query[s] = r : t.params.Query[s] = r[s], y(t.params.Query) || y(t.params.Query[s]))
-    return d.error("错误！禁止无条件删除数据！"), Promise.resolve(null);
-  const n = I(e, t);
-  return t.url = n, P(e, t).then((l) => ((l == null ? void 0 : l.status) === Q.SUCCESS && (a.hideErrorToast || d.success("删除成功！")), l));
-};
-let w;
-const Z = (e) => {
-  if (!e || y(e))
-    return [];
-  const r = [], a = w.messages(), s = (n, l, i) => {
-    const u = l.type;
-    if (u && a.types && u in a.types) {
-      const o = a.types[u];
-      t(o, n, { type: u }, i);
-    }
-    const c = ["string", "number", "array"];
-    for (const o of c)
-      if (u === o && a[o]) {
-        const f = a[o], v = ["len", "min", "max", "range"];
-        for (const p of v)
-          p === "range" && l.min != null && l.max != null && f.range ? t(f.range, n, { min: l.min, max: l.max }, i) : p !== "range" && l[p] != null && f[p] && t(f[p], n, { [p]: l[p] }, i);
-      }
-    if (l.required && a.required && t(a.required, n, {}, i), l.pattern && a.pattern && t(l.message, n, {}, i), l.enum && Array.isArray(l.enum) && a.enum) {
-      const o = l.enum.join(", ");
-      t(a.enum, n, { enum: o }, i);
-    }
-  }, t = (n, l, i, u) => {
-    if (n)
-      try {
-        let c;
-        if (typeof n == "function") {
-          const o = [l];
-          for (const f in i)
-            o.push(i[f]);
-          c = n.apply(null, o), c && u.push(c);
-        } else {
-          c = String(n);
-          for (const o in i)
-            c = c.replace(new RegExp(`\\$\\{${o}\\}`, "g"), i[o]);
-          c = c.replace(/\$\{label\}/g, ""), c && u.push(c);
-        }
-      } catch (c) {
-        console.error("格式化验证消息出错:", c);
-      }
-  };
-  return Object.keys(e).forEach((n) => {
-    const l = e[n], i = [];
-    try {
-      s(n, l, i), Array.isArray(l) && l.forEach((c) => {
-        c && typeof c == "object" && s(n, c, i);
-      }), l && typeof l == "object" && "fields" in l;
-    } catch (c) {
-      console.error("处理验证规则出错:", c);
-    }
-    const u = Array.from(new Set(i));
-    n && u.length > 0 && r.push({
-      field: n,
-      rules: u
-    });
-  }), r;
-}, ee = async (e) => {
-  const r = e.formData.value, a = e.formRules.value;
-  y(a) || (D(e), e.ruleValidator || (e.ruleValidator = new F({}), e.ruleValidator.messages(w.messages()), e.ruleValidator.define(a)), e.ruleResults.value = await e.ruleValidator.validate(r).then(() => {
-  }).catch(({ fields: s }) => s));
-}, D = (e) => {
-  e.ruleResults.value = void 0;
-}, re = () => {
-  const e = h(m.EditorControl, void 0), r = g(h(m.LabelText, "")), a = g(h(m.RuleKey, "")), s = h(m.ErrInfo, void 0);
-  return {
-    editorCtrl: e,
-    labelText: r,
-    ruleKey: a,
-    errInfo: s
-  };
-}, L = (e, r) => {
-  let a = g({
-    msg: "",
-    errClass: ""
-  });
-  if (!e.label || !e.rule)
-    return a;
-  const s = r == null ? void 0 : r.ruleResults;
-  return j(
-    () => s == null ? void 0 : s.value,
-    (t) => {
-      if (a.value.errClass = "", a.value.msg = "", !y(t)) {
-        const n = q(
-          {
-            label: e.label,
-            rule: e.rule
-          },
-          r == null ? void 0 : r.formRules.value,
-          K(t)
-        );
-        a.value.errClass = n.errClass.value, a.value.msg = n.msg.value;
-      }
-    },
-    { deep: !0 }
-  ), a;
-}, q = (e, r, a) => {
-  const s = g([]), t = g(""), n = g("");
-  if (!e.rule || !r || !a)
-    return { msg: t, ruleErrors: s, errClass: n };
-  e.rule.split("|").forEach((u) => {
-    if (u = u.trim(), u)
-      if (a[u])
-        s.value.push(...a[u]);
-      else {
-        const c = [];
-        for (let o in a)
-          o !== u && o.startsWith(u + ".") && c.push(...a[o]);
-        c.length > 0 && s.value.push(...c);
-      }
-  });
-  const i = /\${\w+}/g;
-  return s.value.forEach((u) => {
-    t.value && (t.value += " / "), t.value += u.message.replace("${label}", e.label ?? "");
-    const c = r[u.field];
-    if (c) {
-      const o = t.value.match(i);
-      o && o.forEach((f) => {
-        const v = f.replace("${", "").replace("}", "");
-        t.value = t.value.replace(f, c[v] ?? "");
-      });
-    }
-  }), s.value.length > 0 && (n.value = "error"), { msg: t, ruleErrors: s, errClass: n };
-}, ae = (e, r) => {
-  S(m.LabelText, e.label || ""), S(m.RuleKey, e.rule || "");
-  const a = L(e, r);
-  return S(m.ErrInfo, a), a;
-};
-export {
-  m as P,
-  W as _,
-  re as a,
-  X as b,
-  Y as c,
-  H as d,
-  ee as f,
-  Z as g,
-  y as i,
-  D as r,
-  ae as u,
-  w as v
-};