@kp-ui/lowcode 1.0.20 → 1.0.23

package/src/components/http-editor/index.vue2.js

@@ -0,0 +1,124 @@
+import r from "../../utils/i18n.js";
+import d from "../code-editor/index.vue.js";
+import { isArray as i } from "lodash-es";
+import { getHttp as l } from "../../utils/request/http.js";
+import n from "../code-editor/code-modal-editor.vue.js";
+import { getLocat as h, replaceVars as p } from "../../utils/util.js";
+const R = {
+  name: "http-editor",
+  inheritAttrs: !1,
+  mixins: [r],
+  inject: ["getGlobalDsv"],
+  components: {
+    CodeEditor: d,
+    CodeModalEditor: n
+  },
+  props: {
+    optionModel: Object,
+    drawerTitle: {
+      type: String,
+      default: ""
+    },
+    buttonName: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: "编辑接口配置"
+    }
+  },
+  data() {
+    return {
+      dataList: [],
+      paramsList: [],
+      formRules: {
+        url: [{
+          required: !0,
+          trigger: ["blur", "change"],
+          message: this.i18nt("designer.setting.fieldValueRequired")
+        }]
+      },
+      showDataSourceDialogFlag: !1,
+      dsvJson: `{
+  
+}`,
+      dsResultJson: "",
+      showTestDataSourceDialogFlag: !1
+    };
+  },
+  methods: {
+    editDataHandlerCode() {
+      this.$refs.CodeModalEditorRef.open(this.optionModel.dataHandlerCode);
+    },
+    editReqDataHandlerCode() {
+      this.$refs.CodeReqModalEditorRef.open(this.optionModel.dataReqHandlerCode);
+    },
+    addDataSource() {
+      this.showDataSourceDialogFlag = !0, this.dataList = Object.entries(this.optionModel.http.data).map(([t, a]) => ({
+        name: t,
+        value: a
+      })), this.paramsList = Object.entries(this.optionModel.http.params).map(([t, a]) => ({
+        name: t,
+        value: a
+      }));
+    },
+    saveHttpData() {
+      let t = {};
+      i(this.dataList) && this.dataList.length && (t = this.dataList.reduce((a, e) => (a[e.name] = e.value, a), {})), this.optionModel.http.data = t;
+    },
+    saveHttpParams() {
+      let t = {};
+      i(this.paramsList) && this.paramsList.length && (t = this.paramsList.reduce((a, e) => (a[e.name] = e.value, a), {})), this.optionModel.http.params = t;
+    },
+    saveDataSource() {
+      this.saveHttpData(), this.saveHttpParams(), this.showDataSourceDialogFlag = !1;
+    },
+    addRequestParam() {
+      this.paramsList.push({
+        name: "",
+        value: ""
+      });
+    },
+    deleteRequestParam(t) {
+      this.paramsList.splice(t, 1);
+    },
+    addRequestData() {
+      this.dataList.push({
+        name: "",
+        value: ""
+      });
+    },
+    deleteRequestData(t) {
+      this.dataList.splice(t, 1);
+    },
+    testDataSource() {
+      this.saveHttpData(), this.saveHttpParams();
+      const t = JSON.stringify(this.optionModel.http, null, "  "), a = {
+        fieldCode: this.optionModel.name,
+        ...h()
+      };
+      this.dsvJson = p(t, a), this.dsResultJson = "", this.showTestDataSourceDialogFlag = !0;
+    },
+    async doDataSourceRequest() {
+      const {
+        dataReqHandlerCode: t,
+        dataHandlerCode: a
+      } = this.optionModel;
+      try {
+        let e = JSON.parse(this.dsvJson);
+        if (t && (e = new Function("data", t).call(this, e)), !e) return;
+        let s = await l()(e);
+        a && (s = new Function("data", a).call(this, s)), this.$refs.dsResultEditor.setValue(JSON.stringify(s, null, "  "));
+      } catch (e) {
+        console.log("doDataSourceRequest: ", e);
+      }
+    },
+    clearRequestResult() {
+      this.$refs.dsResultEditor.setValue("");
+    }
+  }
+};
+export {
+  R as default
+};

package/src/components/svg-icon/FileIcon.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, createVNode as e } from "vue";
+import o from "./index.vue.js";
+import t 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/FileOutlined.js";
+const u = /* @__PURE__ */ n({
+  name: "FileIcon",
+  props: {
+    file: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(r) {
+    return () => {
+      const l = r.file.fileType || "";
+      try {
+        if ([".xls", ".xlsx"].includes(l.toLowerCase()))
+          return e(o, {
+            "icon-class": "excel"
+          }, null);
+        if ([".doc", ".docx"].includes(l.toLowerCase()))
+          return e(o, {
+            "icon-class": "word"
+          }, null);
+        if ([".pdf"].includes(l.toLowerCase()))
+          return e(o, {
+            "icon-class": "pdf"
+          }, null);
+      } catch {
+      }
+      return e(t, null, null);
+    };
+  }
+});
+export {
+  u as default
+};

package/src/components/svg-icon/index.vue.js

@@ -0,0 +1,53 @@
+import { createElementBlock as s, openBlock as r, normalizeStyle as i, normalizeClass as n, createElementVNode as a, createCommentVNode as c, toDisplayString as l } from "vue";
+/* empty css           */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  name: "SvgIcon",
+  props: {
+    iconClass: {
+      type: String,
+      required: !0
+    },
+    className: {
+      type: String
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "1.1em"
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`;
+    },
+    svgClass() {
+      return this.className ? "svg-icon " + this.className : "svg-icon";
+    },
+    getStyle() {
+      return {
+        width: this.size,
+        height: this.size,
+        cursor: "pointer"
+        //cursor ? 'pointer' : move ? 'move' : ''
+      };
+    }
+  }
+}, d = ["xlink:href"], u = { key: 0 };
+function g(h, _, t, f, p, e) {
+  return r(), s("svg", {
+    class: n(e.svgClass),
+    "aria-hidden": "true",
+    style: i(e.getStyle)
+  }, [
+    a("use", { "xlink:href": e.iconName }, null, 8, d),
+    t.title ? (r(), s("title", u, l(t.title), 1)) : c("", !0)
+  ], 6);
+}
+const N = /* @__PURE__ */ o(m, [["render", g], ["__scopeId", "data-v-dfe46d5e"]]);
+export {
+  N as default
+};

package/src/hooks/TpfConfirm.js

@@ -0,0 +1,33 @@
+import { createVNode as n } from "vue";
+import i from "../components/svg-icon/index.vue.js";
+import { Modal as l } from "ant-design-vue";
+const f = (o) => {
+  const e = typeof o == "string" ? {} : o, {
+    type: c = "confirm"
+  } = e;
+  return new Promise((r, t) => {
+    l[c]({
+      class: "tpf-model-confirm",
+      centered: !0,
+      icon: n("span", {
+        class: "anticon anticon-exclamation-circle"
+      }, [n(i, {
+        iconClass: "el-error-circle"
+      }, null)]),
+      title: "确认删除",
+      okText: "确定",
+      cancelText: "取消",
+      closable: !1,
+      onOk() {
+        r("confirm");
+      },
+      onCancel: () => {
+        t("cancel");
+      },
+      ...e
+    });
+  });
+};
+export {
+  f as TpfConfirm
+};

package/src/hooks/useFilePreview.js

@@ -0,0 +1,46 @@
+import { useFilesystemApi as p } from "../api/useFilesystemApi/filesystem/index.js";
+import { ref as f } from "vue";
+import { getUserInfo as g } from "../utils/request/useGetUseInfo.js";
+import * as u from "../../node_modules/.pnpm/query-string@9.1.1/node_modules/query-string/base.js";
+const v = () => window.location.origin;
+function F() {
+  const i = f(/* @__PURE__ */ new Map()), r = p(), a = async (e) => {
+    if (i.value.has(e))
+      return i.value.get(e);
+    const n = await r.getPreviewFileUrl({ fileCode: e });
+    return i.value.set(e, n.data.value), n.data.value;
+  };
+  return {
+    fileUrlCache: i,
+    handleDownload: async (e) => {
+      try {
+        await r.downloadFileObject({ fileCode: e.fileCode });
+      } catch (n) {
+        console.error("下载文件失败:", n);
+      }
+    },
+    handlePreview: async (e) => {
+      var n, t;
+      if (![".png", ".jpg", ".jpeg", ".gif"].includes(e.fileType || "")) {
+        const o = g(), l = (n = o == null ? void 0 : o.loginInfo) == null ? void 0 : n.employeeId, { tokenId: c, tenantId: w } = (t = o == null ? void 0 : o.loginInfo) == null ? void 0 : t.userToken, s = v(), d = {
+          tenantId: w,
+          tokenId: c,
+          employeeId: l,
+          fileCode: e.fileCode
+        };
+        console.log({ doMain: s }), window.open(`${s}/view-file/preview?${u.stringify(d)}`);
+      }
+    },
+    getPreviewData: async (e) => {
+      const n = e.map(async (t) => ({
+        ...t,
+        previewUrl: await a(t.fileCode)
+      }));
+      return Promise.all(n);
+    },
+    getPreviewFileUrl: a
+  };
+}
+export {
+  F as useFilePreview
+};