@kp-ui/lowcode 1.0.21 → 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/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/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/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
+};

package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue.js

@@ -0,0 +1,103 @@
+import c from "../../../../utils/i18n.js";
+import w from "./containerMixin.js";
+import u from "../../../svg-icon/index.vue.js";
+import { resolveComponent as v, createElementBlock as o, openBlock as s, normalizeClass as k, renderSlot as C, createCommentVNode as l, createElementVNode as g, withModifiers as a, createVNode as d, toDisplayString as y } from "vue";
+/* empty css                       */
+import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "container-wrapper",
+  mixins: [c, w],
+  components: {
+    SvgIcon: u
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  computed: {
+    customClass() {
+      return this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
+    }
+  }
+}, b = {
+  key: 0,
+  class: "container-action"
+}, p = ["title"], W = ["title"], L = ["title"], N = ["title"], j = ["title"], I = ["title"], O = ["title"], D = {
+  key: 1,
+  class: "drag-handler"
+}, P = ["title"], S = { key: 0 };
+function V(t, i, e, _, B, m) {
+  const n = v("svg-icon");
+  return s(), o("div", {
+    class: k(["container-wrapper", [m.customClass]])
+  }, [
+    C(t.$slots, "default", {}, void 0, !0),
+    e.designer.selectedId === e.widget.id && !e.widget.internal ? (s(), o("div", b, [
+      g("i", {
+        title: t.i18nt("designer.hint.selectParentWidget"),
+        onClick: i[0] || (i[0] = a((r) => t.selectParentWidget(e.widget), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-back" })
+      ], 8, p),
+      e.parentList && e.parentList.length > 1 ? (s(), o("i", {
+        key: 0,
+        title: t.i18nt("designer.hint.moveUpWidget"),
+        onClick: i[1] || (i[1] = a((r) => t.moveUpWidget(), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-move-up" })
+      ], 8, W)) : l("", !0),
+      e.parentList && e.parentList.length > 1 ? (s(), o("i", {
+        key: 1,
+        title: t.i18nt("designer.hint.moveDownWidget"),
+        onClick: i[2] || (i[2] = a((r) => t.moveDownWidget(), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-move-down" })
+      ], 8, L)) : l("", !0),
+      e.widget.type === "table" ? (s(), o("i", {
+        key: 2,
+        title: t.i18nt("designer.hint.insertRow"),
+        onClick: i[3] || (i[3] = a((r) => t.appendTableRow(e.widget), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-insert-row" })
+      ], 8, N)) : l("", !0),
+      e.widget.type === "table" ? (s(), o("i", {
+        key: 3,
+        title: t.i18nt("designer.hint.insertColumn"),
+        onClick: i[4] || (i[4] = a((r) => t.appendTableCol(e.widget), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-insert-column" })
+      ], 8, j)) : l("", !0),
+      e.widget.type === "grid" || e.widget.type === "table" ? (s(), o("i", {
+        key: 4,
+        title: t.i18nt("designer.hint.cloneWidget"),
+        onClick: i[5] || (i[5] = a((r) => t.cloneContainer(e.widget), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-clone" })
+      ], 8, I)) : l("", !0),
+      g("i", {
+        title: t.i18nt("designer.hint.remove"),
+        onClick: i[6] || (i[6] = a((...r) => t.removeWidget && t.removeWidget(...r), ["stop"]))
+      }, [
+        d(n, { "icon-class": "el-delete" })
+      ], 8, O)
+    ])) : l("", !0),
+    e.designer.selectedId === e.widget.id && !e.widget.internal ? (s(), o("div", D, [
+      g("i", {
+        title: t.i18nt("designer.hint.dragHandler")
+      }, [
+        d(n, { "icon-class": "el-drag-move" })
+      ], 8, P),
+      g("i", null, y(e.widget.showName || t.i18n2t(`designer.widgetLabel.${e.widget.type}`, `extension.widgetLabel.${e.widget.type}`)), 1),
+      e.widget.options.hidden === !0 ? (s(), o("i", S, [
+        d(n, { "icon-class": "el-hide" })
+      ])) : l("", !0)
+    ])) : l("", !0)
+  ], 2);
+}
+const A = /* @__PURE__ */ h(f, [["render", V], ["__scopeId", "data-v-a00b7598"]]);
+export {
+  A as default
+};

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -0,0 +1,97 @@
+import R from "./data-table-widget.vue2.js";
+import { resolveComponent as i, createBlock as d, openBlock as o, normalizeStyle as f, withCtx as l, createElementBlock as s, withModifiers as C, normalizeClass as w, createVNode as g, createCommentVNode as c, Fragment as h, renderList as p, mergeProps as B, withDirectives as v, createTextVNode as N, toDisplayString as T, vShow as W } from "vue";
+/* empty css                       */
+import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function I(t, r, e, L, P, u) {
+  const y = i("a-empty"), m = i("a-table-column"), b = i("a-button"), k = i("a-space"), _ = i("a-table"), z = i("container-wrapper");
+  return o(), d(z, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList,
+    style: f({ display: "flex", height: parseFloat(t.tableHeight || 0) + "px" })
+  }, {
+    default: l(() => [
+      (o(), s("div", {
+        key: e.widget.id,
+        class: w(["collapse-container data-table-container", { selected: u.selected }]),
+        onClick: r[1] || (r[1] = C((n) => u.selectWidget(e.widget), ["stop"]))
+      }, [
+        g(_, {
+          ref: "dataTable1",
+          class: w(["tpf-table", [t.customClass]]),
+          dataSource: e.widget.options.dataSource,
+          rowKey: (n) => n[e.widget.options.rowKey],
+          scroll: { y: parseFloat(t.tableHeight || 0), x: 300 },
+          size: t.widgetSize,
+          bordered: e.widget.options.border,
+          style: f({ width: e.widget.options.tableWidth }),
+          onClick: r[0] || (r[0] = C((n) => u.selectWidget(e.widget), ["stop"])),
+          "row-class-name": t.rowClassName,
+          rowSelection: t.handleRowSelection(),
+          pagination: t.fmtPagination,
+          rowClassName: t.rowClassName,
+          onChange: t.handleTablePageChange,
+          customRow: t.handleCustomRow,
+          onResizeColumn: t.handleResizeColumn
+        }, {
+          emptyText: l(() => [
+            g(y)
+          ]),
+          default: l(() => [
+            e.widget.options.showIndex ? (o(), d(m, {
+              key: 0,
+              title: "序号",
+              align: "left",
+              width: 80,
+              fixed: "left",
+              customRender: t.customRenderIndex
+            }, null, 8, ["customRender"])) : c("", !0),
+            (o(!0), s(h, null, p(e.widget.options.tableColumns, (n, a) => (o(), s(h, null, [
+              n.show !== !1 ? (o(), d(m, B({ key: a }, t.handleColumnItem(n), { showSorterTooltip: !1 }), null, 16)) : c("", !0)
+            ], 64))), 256)),
+            e.widget.options.showButtonsColumn ? (o(), d(m, {
+              key: 1,
+              fixed: "right",
+              align: "center",
+              title: e.widget.options.buttonsColumnTitle,
+              width: e.widget.options.buttonsColumnWidth
+            }, {
+              default: l((n) => [
+                g(k, null, {
+                  default: l(() => [
+                    (o(!0), s(h, null, p(e.widget.options.operationButtons, (a, S) => v((o(), d(b, {
+                      key: S,
+                      type: a.type,
+                      size: a.size,
+                      shape: a.shape,
+                      disabled: t.disableOperationButton(a, n.index, n.record),
+                      onClick: (x) => t.handleOperationButtonClick(a.name, n.index, n.record, n, a),
+                      class: w(["data-table-" + a.name + "-button"])
+                    }, {
+                      default: l(() => [
+                        N(T(t.getOperationButtonLabel(a, n.index, n.record)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
+                      [W, t.showOperationButton(a, n.index, n.record)]
+                    ])), 128))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            }, 8, ["title", "width"])) : c("", !0)
+          ]),
+          _: 1
+        }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "rowClassName", "onChange", "customRow", "onResizeColumn"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
+}
+const H = /* @__PURE__ */ O(R, [["render", I], ["__scopeId", "data-v-19e67e23"]]);
+export {
+  H as default
+};