@kp-ui/lowcode 1.0.20 → 1.0.23

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

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

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

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

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

@@ -0,0 +1,74 @@
+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 = {
+  key: 0,
+  class: "attachment-render"
+}, A = { class: "file-list" }, J = { class: "image-preview" }, M = { class: "file-name" }, G = /* @__PURE__ */ L({
+  __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 = [];
+        return;
+      }
+      i.value = await h(e);
+    });
+    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))
+              ]),
+              _: 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))
+        ])
+      ])) : D("", !0);
+    };
+  }
+});
+export {
+  G as default
+};

package/src/components/CustomRender/index.js

@@ -0,0 +1,36 @@
+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);
+    });
+  });
+  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);
+  };
+  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;
+      }
+    }
+  };
+}
+export {
+  h as useCustomRender
+};

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

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

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

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

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

@@ -0,0 +1,67 @@
+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,
+    "append-to-body": "",
+    "close-on-click-modal": !1,
+    "close-on-press-escape": !1,
+    "destroy-on-close": !0,
+    width: 800
+  }, {
+    footer: d(() => [
+      C("div", k, [
+        i(m, {
+          onClick: e[1] || (e[1] = (n) => t.showWidgetEventDialogFlag = !1)
+        }, {
+          default: d(() => [
+            u(_(s.i18nt("designer.hint.cancel")), 1)
+          ]),
+          _: 1
+        }),
+        i(m, {
+          type: "primary",
+          onClick: g.saveEventHandler
+        }, {
+          default: d(() => [
+            u(_(s.i18nt("designer.hint.confirm")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ]),
+    default: d(() => [
+      o.eventHeader ? (r(), a(c, {
+        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),
+        ref: "ecEditor"
+      }, null, 8, ["mode", "readonly", "modelValue"]),
+      o.eventHeader ? (r(), a(c, {
+        key: 1,
+        type: "info",
+        closable: !1,
+        message: "}"
+      })) : f("", !0)
+    ]),
+    _: 1
+  }, 8, ["title", "visible"]);
+}
+const D = /* @__PURE__ */ b(y, [["render", E]]);
+export {
+  D as default
+};

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

@@ -0,0 +1,44 @@
+import a from "./index.vue.js";
+import o from "../../utils/i18n.js";
+const n = {
+  name: "code-modal-editor",
+  mixins: [o],
+  components: {
+    CodeEditor: a
+  },
+  props: {
+    modelValue: String,
+    eventHeader: String,
+    title: {
+      type: String,
+      default: "事件处理函数"
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    mode: {
+      type: String,
+      default: "javascript"
+    }
+  },
+  data() {
+    return {
+      showWidgetEventDialogFlag: !1,
+      eventHandlerCode: ""
+    };
+  },
+  methods: {
+    open(e) {
+      const t = this.modelValue || e || "";
+      this.showWidgetEventDialogFlag = !0, this.eventHandlerCode = t.trim();
+    },
+    saveEventHandler() {
+      const e = this.eventHandlerCode.trim();
+      this.$emit("update:modelValue", e), this.showWidgetEventDialogFlag = !1, this.$emit("save");
+    }
+  }
+};
+export {
+  n as default
+};

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

@@ -0,0 +1,132 @@
+import i from "ace-builds";
+import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/theme-sqlserver.js";
+import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/mode-javascript.js";
+import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/mode-json.js";
+import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/mode-css.js";
+import "../../../node_modules/.pnpm/ace-builds@1.39.1/node_modules/ace-builds/src-min-noconflict/ext-language_tools.js";
+import { ACE_BASE_PATH as l } from "../../utils/config.js";
+import { createElementBlock as c, openBlock as m, createElementVNode as h } from "vue";
+import u from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
+  name: "CodeEditor",
+  props: {
+    modelValue: {
+      type: String
+      //required: true
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    mode: {
+      type: String,
+      default: "javascript"
+    },
+    userWorker: {
+      //是否开启语法检查，默认开启
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "change", "blur"],
+  mounted() {
+    this.init();
+  },
+  data() {
+    return {
+      aceEditor: null,
+      themePath: "ace/theme/sqlserver",
+      // 不导入 webpack-resolver，该模块路径会报错
+      modePath: "ace/mode/javascript",
+      // 同上
+      codeValue: this.modelValue
+    };
+  },
+  watch: {
+    //
+    mode(e) {
+      e && this.init();
+    },
+    readonly(e) {
+      this.init();
+    }
+  },
+  methods: {
+    init(e) {
+      this.aceEditor && this.aceEditor.destroy(), e = e || this.codeValue, this.$emit("update:modelValue", e), i.config.set("basePath", l), this.addAutoCompletion(i), this.aceEditor = i.edit(this.$refs.ace, {
+        maxLines: 20,
+        // 最大行数，超过会自动出现滚动条
+        minLines: 5,
+        // 最小行数，还未到最大行数时，编辑器会自动伸缩大小
+        fontSize: 12,
+        // 编辑器内字体大小
+        theme: this.themePath,
+        // 默认设置的主题
+        mode: this.modePath,
+        // 默认设置的语言模式
+        tabSize: 2,
+        // 制表符设置为2个空格大小
+        readOnly: this.readonly,
+        highlightActiveLine: !0,
+        value: e
+      }), this.aceEditor.setOptions({
+        enableBasicAutocompletion: !0,
+        enableSnippets: !0,
+        // 设置代码片段提示
+        enableLiveAutocompletion: !0
+        // 设置自动提示
+      }), this.mode === "json" ? this.setJsonMode() : this.mode === "css" ? this.setCssMode() : this.mode === "groovy" && this.setGroovyMode(), this.userWorker || this.aceEditor.getSession().setUseWorker(!1), this.aceEditor.getSession().on("change", (t) => {
+        this.$emit("update:modelValue", this.aceEditor.getValue()), this.$emit("change", this.aceEditor.getValue());
+      }), this.aceEditor.getSession().on("blur", (t) => {
+        this.$emit("blur", this.aceEditor.getValue());
+      });
+    },
+    addAutoCompletion(e) {
+      const t = [
+        { meta: "VForm API", caption: "getWidgetRef", value: "getWidgetRef()", score: 1 },
+        { meta: "VForm API", caption: "getFormRef", value: "getFormRef()", score: 1 },
+        { meta: "VForm API", caption: "getParentFormRef", value: "getParentFormRef()", score: 1 }
+        //TODO: 待补充！！
+      ];
+      e.require("ace/ext/language_tools").addCompleter({
+        getCompletions: function(r, a, n, d, s) {
+          return d.length === 0 ? s(null, []) : s(null, t);
+        }
+      });
+    },
+    setJsonMode() {
+      this.aceEditor.getSession().setMode("ace/mode/json");
+    },
+    setCssMode() {
+      this.aceEditor.getSession().setMode("ace/mode/css");
+    },
+    setGroovyMode() {
+      this.aceEditor.getSession().setMode("ace/mode/groovy");
+    },
+    getEditorAnnotations() {
+      return this.aceEditor.getSession().getAnnotations();
+    },
+    setValue(e) {
+      this.init(e);
+    },
+    validateCode() {
+      const e = this.getEditorAnnotations();
+      let t = !1;
+      return e && e.length > 0 && (e.forEach((o) => {
+        o.type === "error" && (t = !0);
+      }), t) ? (this.$message.error("语法存在错误,请检查"), !1) : !0;
+    }
+  }
+}, g = { class: "ace-container" }, f = {
+  class: "ace-editor",
+  ref: "ace"
+};
+function E(e, t, o, r, a, n) {
+  return m(), c("div", g, [
+    h("div", f, null, 512)
+  ]);
+}
+const M = /* @__PURE__ */ u(p, [["render", E]]);
+export {
+  M as default
+};