@litianxiang/portal-ui 0.0.3 → 0.0.4

package/README.md

@@ -3,3 +3,9 @@
 统一的流程表单公共控件库。
 
 目前只是搭好包结构，后续可以从各项目的 `components/control` 中逐步抽取 Base/Busi 系列组件到此包，并通过 pnpm workspace 或 npm 发布给各微服务项目复用。
+
+## 别名约定
+
+- `portal.ui` 内部新增专属别名：`@ui/* -> src/*`
+- 该别名仅用于 `portal.ui` 工程内的类型解析与开发体验
+- 当前包以 `src` 源码形式发布给宿主项目，库内运行时导入建议继续使用相对路径，避免宿主缺少 `@ui` 解析配置导致构建失败

package/dist/file-preview.d.ts

@@ -0,0 +1,4 @@
+export { default as BaseFilePreview } from './components/control/base/base-file-preview.vue'
+export { default as BusiFilePreview } from './components/control/busi/busi-file-preview.vue'
+/** @deprecated 请使用 BusiFilePreview */
+export { default as WorkflowFilePreview } from './components/control/busi/busi-file-preview.vue'

package/dist/file-preview.js

@@ -0,0 +1,180 @@
+import { defineComponent as k, computed as y, resolveComponent as x, openBlock as n, createElementBlock as i, createVNode as s, withCtx as h, unref as m, createElementVNode as _, Fragment as E, renderSlot as R, ref as v, onUnmounted as L, watch as T, onMounted as U } from "vue";
+import { Loading as j } from "@element-plus/icons-vue";
+import N from "@vue-office/docx";
+import $ from "@vue-office/excel";
+import B from "@vue-office/pdf";
+import { _ as b, g as P } from "./http-DePr1rnZ.js";
+const C = { class: "base-file-preview" }, F = {
+  key: 0,
+  class: "preview-loading"
+}, O = {
+  key: 0,
+  class: "preview-content preview-image"
+}, I = ["src", "alt"], V = {
+  key: 1,
+  class: "preview-content preview-pdf"
+}, D = {
+  key: 2,
+  class: "preview-content preview-docx"
+}, M = {
+  key: 3,
+  class: "preview-content preview-excel"
+}, S = {
+  key: 4,
+  class: "preview-content preview-unsupported"
+}, A = /* @__PURE__ */ k({
+  __name: "base-file-preview",
+  props: {
+    src: {},
+    fileExt: {},
+    fileName: { default: "" },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["rendered", "error"],
+  setup(l, { expose: o, emit: d }) {
+    const c = l, r = d, a = y(() => {
+      const e = c.fileExt.toLowerCase();
+      return ["png", "jpg", "jpeg", "gif", "bmp", "webp"].includes(e) ? "image" : e === "pdf" ? "pdf" : ["doc", "docx"].includes(e) ? "docx" : ["xls", "xlsx"].includes(e) ? "excel" : "unsupported";
+    }), w = y(() => a.value !== "unsupported");
+    function f() {
+      r("rendered");
+    }
+    function p(e) {
+      r("error", e);
+    }
+    return o({
+      previewType: a,
+      isSupported: w
+    }), (e, t) => {
+      const u = x("el-icon"), g = x("el-empty");
+      return n(), i("div", C, [
+        l.loading ? (n(), i("div", F, [
+          s(u, { class: "loading-icon" }, {
+            default: h(() => [
+              s(m(j))
+            ]),
+            _: 1
+          }),
+          t[0] || (t[0] = _("span", null, "加载中...", -1))
+        ])) : (n(), i(E, { key: 1 }, [
+          a.value === "image" ? (n(), i("div", O, [
+            _("img", {
+              src: l.src,
+              alt: l.fileName
+            }, null, 8, I)
+          ])) : a.value === "pdf" ? (n(), i("div", V, [
+            s(m(B), {
+              src: l.src,
+              onRendered: f,
+              onError: p
+            }, null, 8, ["src"])
+          ])) : a.value === "docx" ? (n(), i("div", D, [
+            s(m(N), {
+              src: l.src,
+              onRendered: f,
+              onError: p
+            }, null, 8, ["src"])
+          ])) : a.value === "excel" ? (n(), i("div", M, [
+            s(m($), {
+              src: l.src,
+              onRendered: f,
+              onError: p
+            }, null, 8, ["src"])
+          ])) : (n(), i("div", S, [
+            s(g, { description: "该文件类型不支持在线预览" }, {
+              default: h(() => [
+                R(e.$slots, "unsupported-action", {}, void 0, !0)
+              ]),
+              _: 3
+            })
+          ]))
+        ], 64))
+      ]);
+    };
+  }
+}), W = /* @__PURE__ */ b(A, [["__scopeId", "data-v-c69bdde9"]]), H = { class: "file-preview-page" }, q = {
+  key: 0,
+  class: "preview-error"
+}, z = {
+  key: 1,
+  class: "preview-body"
+}, G = /* @__PURE__ */ k({
+  __name: "busi-file-preview",
+  props: {
+    fid: {},
+    fileName: { default: "" },
+    fileExt: { default: "" },
+    watermarkText: { default: "" }
+  },
+  setup(l) {
+    const o = l, d = v(!0), c = v(""), r = v(""), a = v();
+    function w() {
+      if (!a.value || !o.watermarkText) return;
+      const e = document.createElement("canvas"), t = e.getContext("2d");
+      t && (e.width = 200, e.height = 150, t.font = "16px Arial", t.fillStyle = "rgba(0, 0, 0, 0.12)", t.textAlign = "center", t.textBaseline = "middle", t.translate(e.width / 2, e.height / 2), t.rotate(-25 * Math.PI / 180), t.fillText(o.watermarkText, 0, 0), a.value.style.backgroundImage = `url(${e.toDataURL("image/png")})`);
+    }
+    function f(e) {
+      return {
+        pdf: "application/pdf",
+        png: "image/png",
+        jpg: "image/jpeg",
+        jpeg: "image/jpeg",
+        gif: "image/gif",
+        bmp: "image/bmp",
+        webp: "image/webp",
+        doc: "application/msword",
+        docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+        xls: "application/vnd.ms-excel",
+        xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+      }[e.toLowerCase()] || "application/octet-stream";
+    }
+    async function p() {
+      if (!o.fid) {
+        c.value = "文件ID不能为空", d.value = !1;
+        return;
+      }
+      o.fileName && (document.title = `预览 - ${o.fileName}`);
+      try {
+        const t = await P().get(`/proxy/workflow/attachment/api/preview/${o.fid}`, {
+          responseType: "blob"
+        }), u = f(o.fileExt), g = new Blob([t], { type: u });
+        r.value = window.URL.createObjectURL(g);
+      } catch (e) {
+        console.error("加载文件失败:", e), c.value = "加载文件失败，请稍后重试";
+      } finally {
+        d.value = !1;
+      }
+    }
+    return L(() => {
+      r.value && window.URL.revokeObjectURL(r.value);
+    }), T(() => o.fid, (e) => {
+      e && (d.value = !0, c.value = "", r.value && (window.URL.revokeObjectURL(r.value), r.value = ""), p());
+    }), U(() => {
+      w(), p();
+    }), (e, t) => {
+      const u = x("el-empty");
+      return n(), i("div", H, [
+        _("div", {
+          class: "watermark-layer",
+          ref_key: "watermarkRef",
+          ref: a
+        }, null, 512),
+        c.value ? (n(), i("div", q, [
+          s(u, { description: c.value }, null, 8, ["description"])
+        ])) : (n(), i("div", z, [
+          s(W, {
+            src: r.value,
+            "file-ext": o.fileExt,
+            "file-name": o.fileName,
+            loading: d.value
+          }, null, 8, ["src", "file-ext", "file-name", "loading"])
+        ]))
+      ]);
+    };
+  }
+}), ee = /* @__PURE__ */ b(G, [["__scopeId", "data-v-b73ca84d"]]);
+export {
+  W as BaseFilePreview,
+  ee as BusiFilePreview,
+  ee as WorkflowFilePreview
+};

package/dist/http-DePr1rnZ.js

@@ -0,0 +1,31 @@
+import { createAuthHttpClient as s } from "@litianxiang/portal-core";
+const p = (t, o) => {
+  const r = t.__vccOpts || t;
+  for (const [i, a] of o)
+    r[i] = a;
+  return r;
+}, n = "__portalUiHttp__", e = "__portalUiLogoutToAuth__";
+function w(t, o) {
+  window[n] = t, o && (window[e] = o);
+}
+function c(t) {
+  const { http: o, logoutToAuth: r } = s({
+    baseURL: t.baseURL || "",
+    getUserStore: t.getUserStore,
+    getLoadingStore: t.getLoadingStore,
+    onShowError: t.onShowError
+  });
+  return window[n] = o, window[e] = r, { http: o, logoutToAuth: r };
+}
+function U() {
+  const t = window[n];
+  if (!t)
+    throw new Error("[portal-ui] http 未初始化，请先在 main.ts 中调用 initPortalUiHttp() 或 setPortalUiHttp()");
+  return t;
+}
+export {
+  p as _,
+  U as g,
+  c as i,
+  w as s
+};

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+/// <reference path="./vue-office.d.ts" />
+
+export { default as BaseInput } from './components/control/base/base-input.vue'
+export { default as BaseButton } from './components/control/base/base-button.vue'
+export { default as BaseCollapseToggle } from './components/control/base/base-collapse-toggle.vue'
+export { default as BaseSwitch } from './components/control/base/base-switch.vue'
+export { default as BaseTable } from './components/control/base/base-table.vue'
+export { default as BaseSelect } from './components/control/base/base-select.vue'
+export { default as BaseNumber } from './components/control/base/base-number.vue'
+export { default as BaseTextarea } from './components/control/base/base-textarea.vue'
+export { default as BaseDate } from './components/control/base/base-date.vue'
+export { default as BaseTime } from './components/control/base/base-time.vue'
+export { default as BaseUpload } from './components/control/base/base-upload.vue'
+export { default as BaseCheckbox } from './components/control/base/base-checkbox.vue'
+export { default as BaseRadio } from './components/control/base/base-radio.vue'
+export { default as BaseLink } from './components/control/base/base-link.vue'
+export { default as BaseDialog } from './components/control/base/base-dialog.vue'
+export { default as BaseChinaArea } from './components/control/base/base-china-area.vue'
+export { default as BasePagination } from './components/control/base/base-pagination.vue'
+export { default as BaseApprovalRecord } from './components/control/busi/busi-approval-record.vue'
+export { default as BaseUser } from './components/control/busi/busi-user.vue'
+export { default as BusiDept } from './components/control/busi/busi-dept.vue'
+export { default as BusiOutUser } from './components/control/busi/busi-outuser.vue'
+export { default as BusiUserDialog } from './components/control/busi/busi-user-dialog.vue'
+export { default as MainLayout } from './components/layout/main-layout.vue'
+export { default as MainAside } from './components/layout/main-aside.vue'
+export { default as MainHeader } from './components/layout/main-header.vue'
+export { default as MainHeaderCrumb } from './components/layout/main-header-crumb.vue'
+export { default as MainHeaderInfo } from './components/layout/main-header-info.vue'
+export { default as MainHeaderTab } from './components/layout/main-header-tab.vue'
+export { default as MainFullscreen } from './components/layout/main-fullscreen.vue'
+export { default as MainLanguage } from './components/layout/main-language.vue'
+export { default as MainMenu } from './components/layout/main-menu.vue'
+export { default as GlobalLoading } from './components/layout/global-loading.vue'
+export { baseMessageBox } from './components/control/base/base-messagebox.vue'
+
+export type { InitPortalUiHttpOptions } from './utils/http'
+export { initPortalUiHttp, setPortalUiHttp } from './utils/http'