@kp-ui/lowcode 1.0.24 → 1.0.26

package/src/api/useFilesystemApi/filesystem/index.js

@@ -1,44 +1,52 @@
-import { getHttp as a } from "../../../utils/request/http.js";
-import { saveAs as n } from "file-saver";
-const p = () => {
-  const o = a(), l = "/api/tmgc2-filesystem/";
+import { getHttp } from "../../../utils/request/http.js";
+import { saveAs } from "file-saver";
+const useFilesystemApi = () => {
+  const http = getHttp();
+  const tmgc2Filesystem = "/api/tmgc2-filesystem/";
+  const downloadFileObjectApi = async (params) => {
+    const response = await http.get(`${tmgc2Filesystem}/fileObject/downloadFileObject`, {
+      params,
+      responseType: "blob"
+    });
+    const fileName = window.decodeURI(response.headers["filename"]);
+    saveAs(new Blob([response.data], { type: "application/vnd.ms-excel;" }), fileName);
+  };
   return {
     /**
      * 上传文件获取 fileCode
      */
-    uploadFileObject: (e) => o.postForm(`${l}/fileObject/uploadFileObject`, e, {
-      timeout: 6e5
-    }),
+    uploadFileObject: (params) => {
+      return http.postForm(`${tmgc2Filesystem}/fileObject/uploadFileObject`, params, {
+        timeout: 6e5
+      });
+    },
     /**
      * 根据 fileCode下载文件
      */
-    downloadFileObject: async (e) => {
-      const t = await o.get(`${l}/fileObject/downloadFileObject`, {
-        params: e,
-        responseType: "blob"
-      }), i = window.decodeURI(t.headers.filename);
-      n(new Blob([t.data], { type: "application/vnd.ms-excel;" }), i);
-    },
+    downloadFileObject: downloadFileObjectApi,
     /**
      * 下载模版
      */
-    downloadTemplateObject: async (e) => {
-      const t = await o.get(`${l}/fileObject/downloadTemplateObject`, {
-        params: e,
+    downloadTemplateObject: async (params) => {
+      const response = await http.get(`${tmgc2Filesystem}/fileObject/downloadTemplateObject`, {
+        params,
         responseType: "blob"
-      }), i = window.decodeURI(t.headers.filename);
-      n(new Blob([t.data], { type: "application/vnd.ms-excel;" }), i);
+      });
+      const fileName = window.decodeURI(response.headers["filename"]);
+      saveAs(new Blob([response.data], { type: "application/vnd.ms-excel;" }), fileName);
     },
     /**
      * 展示文件
      * @param params
      * @returns
      */
-    getPreviewFileUrl: (e) => o.get(`${l}/fileObject/getPreviewFileUrl`, {
-      params: e
-    })
+    getPreviewFileUrl: (params) => {
+      return http.get(`${tmgc2Filesystem}/fileObject/getPreviewFileUrl`, {
+        params
+      });
+    }
   };
 };
 export {
-  p as useFilesystemApi
+  useFilesystemApi
 };

package/src/components/CustomRender/components/AttachmentRender.vue.js

@@ -1,7 +1,7 @@
-import t from "./AttachmentRender.vue2.js";
+import _sfc_main from "./AttachmentRender.vue2.js";
 /* empty css                      */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c0780063"]]);
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0780063"]]);
 export {
-  a as default
+  AttachmentRender as default
 };

package/src/components/CustomRender/components/AttachmentRender.vue2.js

@@ -1,74 +1,96 @@
-import { defineComponent as L, ref as p, onMounted as N, computed as u, resolveComponent as B, createElementBlock as a, createCommentVNode as D, openBlock as r, createElementVNode as s, createVNode as o, withCtx as c, Fragment as d, renderList as f, createBlock as F, unref as t, toDisplayString as I } from "vue";
-import { Image as O, Button as _ } from "ant-design-vue";
-import { useFilePreview as P } from "../../../hooks/useFilePreview.js";
-import V from "../../svg-icon/FileIcon.js";
-import b from "../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.13_typescript@5.7.3_/node_modules/@ant-design/icons-vue/es/icons/DownloadOutlined.js";
-import j from "../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.13_typescript@5.7.3_/node_modules/@ant-design/icons-vue/es/icons/EyeOutlined.js";
-const S = {
+import { defineComponent, ref, onMounted, computed, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, unref, toDisplayString } from "vue";
+import { Image, Button } from "ant-design-vue";
+import { DownloadOutlined, EyeOutlined } from "@ant-design/icons-vue";
+import { useFilePreview } from "../../../hooks/useFilePreview.js";
+import FileIcon from "../../svg-icon/FileIcon.js";
+const _hoisted_1 = {
   key: 0,
   class: "attachment-render"
-}, A = { class: "file-list" }, J = { class: "image-preview" }, M = { class: "file-name" }, G = /* @__PURE__ */ L({
+};
+const _hoisted_2 = { class: "file-list" };
+const _hoisted_3 = { class: "image-preview" };
+const _hoisted_4 = { class: "file-name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AttachmentRender",
   props: {
     data: { default: () => [] }
   },
-  setup(g) {
-    const v = g, { getPreviewData: h, handlePreview: w, handleDownload: k } = P(), i = p([]);
-    p(!1), N(async () => {
-      let e = v.data || [];
-      if (typeof e == "string" && (e = JSON.parse(e)), (e == null ? void 0 : e.length) === 0) {
-        i.value = [];
+  setup(__props) {
+    const props = __props;
+    const { getPreviewData, handlePreview, handleDownload } = useFilePreview();
+    const attachmentList = ref([]);
+    ref(false);
+    onMounted(async () => {
+      let data = props.data || [];
+      if (typeof data === "string") {
+        data = JSON.parse(data);
+      }
+      if ((data == null ? void 0 : data.length) === 0) {
+        attachmentList.value = [];
         return;
       }
-      i.value = await h(e);
+      attachmentList.value = await getPreviewData(data);
+    });
+    const isImageFile = (file) => {
+      const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp"];
+      return imageExtensions.some((ext) => file.fileType.toLowerCase().endsWith(ext));
+    };
+    const fileList = computed(() => {
+      return attachmentList.value.filter((file) => !isImageFile(file));
     });
-    const m = (e) => [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp"].some((l) => e.fileType.toLowerCase().endsWith(l)), y = u(() => i.value.filter((e) => !m(e))), C = u(() => i.value.filter((e) => m(e)));
-    return (e, x) => {
-      const l = B("a-image-preview-group");
-      return i.value.length ? (r(), a("div", S, [
-        s("div", A, [
-          s("div", J, [
-            o(l, null, {
-              default: c(() => [
-                (r(!0), a(d, null, f(C.value, (n) => (r(), F(t(O), {
-                  key: n.fileCode,
-                  src: n.previewUrl,
-                  class: "preview-image"
-                }, null, 8, ["src"]))), 128))
+    const imageList = computed(() => {
+      return attachmentList.value.filter((file) => isImageFile(file));
+    });
+    return (_ctx, _cache) => {
+      const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
+      return attachmentList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_a_image_preview_group, null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(imageList.value, (file) => {
+                  return openBlock(), createBlock(unref(Image), {
+                    key: file.fileCode,
+                    src: file.previewUrl,
+                    class: "preview-image"
+                  }, null, 8, ["src"]);
+                }), 128))
               ]),
               _: 1
             })
           ]),
-          (r(!0), a(d, null, f(y.value, (n, E) => (r(), a("div", {
-            key: E,
-            class: "file-item"
-          }, [
-            o(t(V), { file: n }, null, 8, ["file"]),
-            s("span", M, I(n.fileName), 1),
-            o(t(_), {
-              type: "link",
-              onClick: () => t(k)(n)
-            }, {
-              icon: c(() => [
-                o(t(b))
-              ]),
-              _: 2
-            }, 1032, ["onClick"]),
-            o(t(_), {
-              type: "link",
-              onClick: () => t(w)(n)
-            }, {
-              icon: c(() => [
-                o(t(j))
-              ]),
-              _: 2
-            }, 1032, ["onClick"])
-          ]))), 128))
+          (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (file, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "file-item"
+            }, [
+              createVNode(unref(FileIcon), { file }, null, 8, ["file"]),
+              createElementVNode("span", _hoisted_4, toDisplayString(file.fileName), 1),
+              createVNode(unref(Button), {
+                type: "link",
+                onClick: () => unref(handleDownload)(file)
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(DownloadOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(unref(Button), {
+                type: "link",
+                onClick: () => unref(handlePreview)(file)
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(EyeOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]);
+          }), 128))
         ])
-      ])) : D("", !0);
+      ])) : createCommentVNode("", true);
     };
   }
 });
 export {
-  G as default
+  _sfc_main as default
 };

package/src/components/CustomRender/index.js

@@ -1,36 +1,42 @@
-import { h as p } from "vue";
-function h() {
-  const u = /* @__PURE__ */ Object.assign({ "./components/AttachmentRender.vue": () => import("./components/AttachmentRender.vue.js") }), c = /* @__PURE__ */ new Map();
-  Object.entries(u).forEach(([n, o]) => {
-    var e;
-    const t = ((e = n.split("/").pop()) == null ? void 0 : e.replace(/\.vue$/, "")) || "";
-    o().then((r) => {
-      c.set(t, r.default);
+import { h } from "vue";
+function useCustomRender() {
+  const modules = /* @__PURE__ */ Object.assign({ "./components/AttachmentRender.vue": () => import("./components/AttachmentRender.vue.js") });
+  const componentCache = /* @__PURE__ */ new Map();
+  Object.entries(modules).forEach(([path, module]) => {
+    var _a;
+    const componentName = ((_a = path.split("/").pop()) == null ? void 0 : _a.replace(/\.vue$/, "")) || "";
+    module().then((comp) => {
+      componentCache.set(componentName, comp.default);
     });
   });
-  const l = (n) => {
-    const o = c.get(n);
-    if (!o)
-      throw console.error(`Component ${n} not found in cache`), new Error(`Component ${n} not found`);
-    return o;
-  }, s = (n, o) => {
-    console.log({ componentName: n });
-    const t = l(n);
-    return p(t, o);
+  const loadComponent = (componentName) => {
+    const component = componentCache.get(componentName);
+    if (!component) {
+      console.error(`Component ${componentName} not found in cache`);
+      throw new Error(`Component ${componentName} not found`);
+    }
+    return component;
   };
-  return {
-    renderComponent: s,
-    customRender: (n, o, t) => {
-      try {
-        console.log({ code: n, params: o });
-        const { text: e, record: r, index: d, column: m } = o;
-        return new Function("text", "record", "index", "column", "compontent", n).call(t, e, r, d, m, s);
-      } catch (e) {
-        return console.error("Custom render execution failed:", e), null;
-      }
+  const renderComponent = (componentName, props) => {
+    const component = loadComponent(componentName);
+    const vnode = h(component, props);
+    return vnode;
+  };
+  const customRender = (code, params, ctx) => {
+    try {
+      const { text, record, index, column } = params;
+      const cusFunc = new Function("text", "record", "index", "column", "compontent", code);
+      return cusFunc.call(ctx, text, record, index, column, renderComponent);
+    } catch (error) {
+      console.error("Custom render execution failed:", error);
+      return null;
     }
   };
+  return {
+    renderComponent,
+    customRender
+  };
 }
 export {
-  h as useCustomRender
+  useCustomRender
 };

package/src/components/TpfCollapse/TpfCollapseTitle.vue.js

@@ -1,7 +1,7 @@
-import o from "./TpfCollapseTitle.vue2.js";
+import _sfc_main from "./TpfCollapseTitle.vue2.js";
 /* empty css                      */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-07185a23"]]);
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const TpfCollapseTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07185a23"]]);
 export {
-  e as default
+  TpfCollapseTitle as default
 };

package/src/components/TpfCollapse/TpfCollapseTitle.vue2.js

@@ -1,17 +1,20 @@
-import { defineComponent as t, createElementBlock as o, openBlock as l, toDisplayString as p } from "vue";
-const s = {
+import { defineComponent, createElementBlock, openBlock, toDisplayString } from "vue";
+const _hoisted_1 = {
   class: "tpf-collapse-title"
-}, r = /* @__PURE__ */ t({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TpfCollapseTitle",
   props: {
     title: {
       default: "这里是标题"
     }
   },
-  setup(n) {
-    return (e, a) => (l(), o("div", s, p(e.title), 1));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.title), 1);
+    };
   }
 });
 export {
-  r as default
+  _sfc_main as default
 };

package/src/components/code-editor/code-modal-editor.vue.js

@@ -1,67 +1,70 @@
-import y from "./code-modal-editor.vue2.js";
-import { resolveComponent as l, createBlock as a, openBlock as r, withCtx as d, createCommentVNode as f, createVNode as i, createElementVNode as C, createTextVNode as u, toDisplayString as _ } from "vue";
-import b from "../../../_virtual/_plugin-vue_export-helper.js";
-const k = { class: "dialog-footer" };
-function E(s, e, o, V, t, g) {
-  const c = l("a-alert"), v = l("code-editor"), m = l("a-button"), p = l("a-modal");
-  return r(), a(p, {
-    title: o.title,
-    visible: t.showWidgetEventDialogFlag,
-    "onUpdate:visible": e[2] || (e[2] = (n) => t.showWidgetEventDialogFlag = n),
-    "show-close": !0,
-    centered: !0,
+import _sfc_main from "./code-modal-editor.vue2.js";
+import { resolveComponent, createBlock, openBlock, withCtx, createCommentVNode, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_alert = resolveComponent("a-alert");
+  const _component_code_editor = resolveComponent("code-editor");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createBlock(_component_a_modal, {
+    title: $props.title,
+    visible: $data.showWidgetEventDialogFlag,
+    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $data.showWidgetEventDialogFlag = $event),
+    "show-close": true,
+    centered: true,
     "append-to-body": "",
-    "close-on-click-modal": !1,
-    "close-on-press-escape": !1,
-    "destroy-on-close": !0,
+    "close-on-click-modal": false,
+    "close-on-press-escape": false,
+    "destroy-on-close": true,
     width: 800
   }, {
-    footer: d(() => [
-      C("div", k, [
-        i(m, {
-          onClick: e[1] || (e[1] = (n) => t.showWidgetEventDialogFlag = !1)
+    footer: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        createVNode(_component_a_button, {
+          onClick: _cache[1] || (_cache[1] = ($event) => $data.showWidgetEventDialogFlag = false)
         }, {
-          default: d(() => [
-            u(_(s.i18nt("designer.hint.cancel")), 1)
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
           ]),
           _: 1
         }),
-        i(m, {
+        createVNode(_component_a_button, {
           type: "primary",
-          onClick: g.saveEventHandler
+          onClick: $options.saveEventHandler
         }, {
-          default: d(() => [
-            u(_(s.i18nt("designer.hint.confirm")), 1)
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])
       ])
     ]),
-    default: d(() => [
-      o.eventHeader ? (r(), a(c, {
+    default: withCtx(() => [
+      $props.eventHeader ? (openBlock(), createBlock(_component_a_alert, {
         key: 0,
         type: "info",
-        closable: !1,
-        message: o.eventHeader
-      }, null, 8, ["message"])) : f("", !0),
-      i(v, {
-        mode: o.mode,
-        readonly: o.readonly,
-        modelValue: t.eventHandlerCode,
-        "onUpdate:modelValue": e[0] || (e[0] = (n) => t.eventHandlerCode = n),
+        closable: false,
+        message: $props.eventHeader
+      }, null, 8, ["message"])) : createCommentVNode("", true),
+      createVNode(_component_code_editor, {
+        mode: $props.mode,
+        readonly: $props.readonly,
+        modelValue: $data.eventHandlerCode,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.eventHandlerCode = $event),
         ref: "ecEditor"
       }, null, 8, ["mode", "readonly", "modelValue"]),
-      o.eventHeader ? (r(), a(c, {
+      $props.eventHeader ? (openBlock(), createBlock(_component_a_alert, {
         key: 1,
         type: "info",
-        closable: !1,
+        closable: false,
         message: "}"
-      })) : f("", !0)
+      })) : createCommentVNode("", true)
     ]),
     _: 1
   }, 8, ["title", "visible"]);
 }
-const D = /* @__PURE__ */ b(y, [["render", E]]);
+const CodeModalEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  D as default
+  CodeModalEditor as default
 };

package/src/components/code-editor/code-modal-editor.vue2.js

@@ -1,10 +1,10 @@
-import a from "./index.vue.js";
-import o from "../../utils/i18n.js";
-const n = {
+import CodeEditor from "./index.vue.js";
+import i18n from "../../utils/i18n.js";
+const _sfc_main = {
   name: "code-modal-editor",
-  mixins: [o],
+  mixins: [i18n],
   components: {
-    CodeEditor: a
+    CodeEditor
   },
   props: {
     modelValue: String,
@@ -15,7 +15,7 @@ const n = {
     },
     readonly: {
       type: Boolean,
-      default: !1
+      default: false
     },
     mode: {
       type: String,
@@ -24,21 +24,24 @@ const n = {
   },
   data() {
     return {
-      showWidgetEventDialogFlag: !1,
+      showWidgetEventDialogFlag: false,
       eventHandlerCode: ""
     };
   },
   methods: {
-    open(e) {
-      const t = this.modelValue || e || "";
-      this.showWidgetEventDialogFlag = !0, this.eventHandlerCode = t.trim();
+    open(val) {
+      const value = this.modelValue || val || "";
+      this.showWidgetEventDialogFlag = true;
+      this.eventHandlerCode = value.trim();
     },
     saveEventHandler() {
-      const e = this.eventHandlerCode.trim();
-      this.$emit("update:modelValue", e), this.showWidgetEventDialogFlag = !1, this.$emit("save");
+      const val = this.eventHandlerCode.trim();
+      this.$emit("update:modelValue", val);
+      this.showWidgetEventDialogFlag = false;
+      this.$emit("save");
     }
   }
 };
 export {
-  n as default
+  _sfc_main as default
 };