@kp-ui/lowcode 1.0.25 → 1.0.27

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

@@ -1,17 +1,17 @@
-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 = {
+import i18n from "../../utils/i18n.js";
+import CodeEditor from "../code-editor/index.vue.js";
+import { isArray } from "lodash-es";
+import { getHttp } from "../../utils/request/http.js";
+import CodeModalEditor from "../code-editor/code-modal-editor.vue.js";
+import { getLocat, replaceVars } from "../../utils/util.js";
+const _sfc_main = {
   name: "http-editor",
-  inheritAttrs: !1,
-  mixins: [r],
+  inheritAttrs: false,
+  mixins: [i18n],
   inject: ["getGlobalDsv"],
   components: {
-    CodeEditor: d,
-    CodeModalEditor: n
+    CodeEditor,
+    CodeModalEditor
   },
   props: {
     optionModel: Object,
@@ -34,17 +34,15 @@ const R = {
       paramsList: [],
       formRules: {
         url: [{
-          required: !0,
+          required: true,
           trigger: ["blur", "change"],
           message: this.i18nt("designer.setting.fieldValueRequired")
         }]
       },
-      showDataSourceDialogFlag: !1,
-      dsvJson: `{
-  
-}`,
+      showDataSourceDialogFlag: false,
+      dsvJson: "{\n  \n}",
       dsResultJson: "",
-      showTestDataSourceDialogFlag: !1
+      showTestDataSourceDialogFlag: false
     };
   },
   methods: {
@@ -55,24 +53,40 @@ const R = {
       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
+      this.showDataSourceDialogFlag = true;
+      this.dataList = Object.entries(this.optionModel.http.data).map(([name, value]) => ({
+        name,
+        value
+      }));
+      this.paramsList = Object.entries(this.optionModel.http.params).map(([name, value]) => ({
+        name,
+        value
       }));
     },
     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;
+      let data = {};
+      if (isArray(this.dataList) && this.dataList.length) {
+        data = this.dataList.reduce((t, v) => {
+          t[v.name] = v.value;
+          return t;
+        }, {});
+      }
+      this.optionModel.http.data = data;
     },
     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;
+      let params = {};
+      if (isArray(this.paramsList) && this.paramsList.length) {
+        params = this.paramsList.reduce((t, v) => {
+          t[v.name] = v.value;
+          return t;
+        }, {});
+      }
+      this.optionModel.http.params = params;
     },
     saveDataSource() {
-      this.saveHttpData(), this.saveHttpParams(), this.showDataSourceDialogFlag = !1;
+      this.saveHttpData();
+      this.saveHttpParams();
+      this.showDataSourceDialogFlag = false;
     },
     addRequestParam() {
       this.paramsList.push({
@@ -80,8 +94,8 @@ const R = {
         value: ""
       });
     },
-    deleteRequestParam(t) {
-      this.paramsList.splice(t, 1);
+    deleteRequestParam(idx) {
+      this.paramsList.splice(idx, 1);
     },
     addRequestData() {
       this.dataList.push({
@@ -89,29 +103,41 @@ const R = {
         value: ""
       });
     },
-    deleteRequestData(t) {
-      this.dataList.splice(t, 1);
+    deleteRequestData(idx) {
+      this.dataList.splice(idx, 1);
     },
     testDataSource() {
-      this.saveHttpData(), this.saveHttpParams();
-      const t = JSON.stringify(this.optionModel.http, null, "  "), a = {
+      this.saveHttpData();
+      this.saveHttpParams();
+      const sendParams = JSON.stringify(this.optionModel.http, null, "  ");
+      const paramsMap = {
         fieldCode: this.optionModel.name,
-        ...h()
+        ...getLocat()
       };
-      this.dsvJson = p(t, a), this.dsResultJson = "", this.showTestDataSourceDialogFlag = !0;
+      this.dsvJson = replaceVars(sendParams, paramsMap);
+      this.dsResultJson = "";
+      this.showTestDataSourceDialogFlag = true;
     },
     async doDataSourceRequest() {
       const {
-        dataReqHandlerCode: t,
-        dataHandlerCode: a
+        dataReqHandlerCode,
+        dataHandlerCode
       } = 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);
+        let p = JSON.parse(this.dsvJson);
+        if (dataReqHandlerCode) {
+          const dataReqHandlerCodeFn = new Function("data", dataReqHandlerCode);
+          p = dataReqHandlerCodeFn.call(this, p);
+        }
+        if (!p) return;
+        let dsResult = await getHttp()(p);
+        if (dataHandlerCode) {
+          const dhFn = new Function("data", dataHandlerCode);
+          dsResult = dhFn.call(this, dsResult);
+        }
+        this.$refs.dsResultEditor.setValue(JSON.stringify(dsResult, null, "  "));
+      } catch (error) {
+        console.log("doDataSourceRequest: ", error);
       }
     },
     clearRequestResult() {
@@ -120,5 +146,5 @@ const R = {
   }
 };
 export {
-  R as default
+  _sfc_main as default
 };

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

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

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

@@ -1,12 +1,12 @@
-import { createElementBlock as s, openBlock as r, normalizeStyle as i, normalizeClass as n, createElementVNode as a, createCommentVNode as c, toDisplayString as l } from "vue";
+import { createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, toDisplayString } from "vue";
 /* empty css           */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = {
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "SvgIcon",
   props: {
     iconClass: {
       type: String,
-      required: !0
+      required: true
     },
     className: {
       type: String
@@ -25,7 +25,11 @@ const m = {
       return `#icon-${this.iconClass}`;
     },
     svgClass() {
-      return this.className ? "svg-icon " + this.className : "svg-icon";
+      if (this.className) {
+        return "svg-icon " + this.className;
+      } else {
+        return "svg-icon";
+      }
     },
     getStyle() {
       return {
@@ -36,18 +40,20 @@ const m = {
       };
     }
   }
-}, d = ["xlink:href"], u = { key: 0 };
-function g(h, _, t, f, p, e) {
-  return r(), s("svg", {
-    class: n(e.svgClass),
+};
+const _hoisted_1 = ["xlink:href"];
+const _hoisted_2 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    class: normalizeClass($options.svgClass),
     "aria-hidden": "true",
-    style: i(e.getStyle)
+    style: normalizeStyle($options.getStyle)
   }, [
-    a("use", { "xlink:href": e.iconName }, null, 8, d),
-    t.title ? (r(), s("title", u, l(t.title), 1)) : c("", !0)
+    createElementVNode("use", { "xlink:href": $options.iconName }, null, 8, _hoisted_1),
+    !!$props.title ? (openBlock(), createElementBlock("title", _hoisted_2, toDisplayString($props.title), 1)) : createCommentVNode("", true)
   ], 6);
 }
-const N = /* @__PURE__ */ o(m, [["render", g], ["__scopeId", "data-v-dfe46d5e"]]);
+const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dfe46d5e"]]);
 export {
-  N as default
+  SvgIcon as default
 };

package/src/hooks/TpfConfirm.js

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

package/src/hooks/useFilePreview.js

@@ -1,46 +1,62 @@
-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;
+import { useFilesystemApi } from "../api/useFilesystemApi/filesystem/index.js";
+import { ref } from "vue";
+import { getUserInfo } from "../utils/request/useGetUseInfo.js";
+import queryString from "query-string";
+const getDoMain = () => {
+  return window.location.origin;
+};
+function useFilePreview() {
+  const fileUrlCache = ref(/* @__PURE__ */ new Map());
+  const filesystemApi = useFilesystemApi();
+  const getPreviewFileUrl = async (fileCode) => {
+    if (fileUrlCache.value.has(fileCode)) {
+      return fileUrlCache.value.get(fileCode);
+    }
+    const fileUrlObj = await filesystemApi.getPreviewFileUrl({ fileCode });
+    fileUrlCache.value.set(fileCode, fileUrlObj.data.value);
+    return fileUrlObj.data.value;
+  };
+  const getPreviewData = async (data) => {
+    const res = data.map(async (item) => {
+      return {
+        ...item,
+        previewUrl: await getPreviewFileUrl(item.fileCode)
+      };
+    });
+    return Promise.all(res);
+  };
+  const handlePreview = async (file) => {
+    var _a, _b;
+    if (![".png", ".jpg", ".jpeg", ".gif"].includes(file.fileType || "")) {
+      const localUserInfo = getUserInfo();
+      const employeeId = (_a = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _a.employeeId;
+      const { tokenId, tenantId } = (_b = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _b.userToken;
+      const doMain = getDoMain();
+      const obj = {
+        tenantId,
+        tokenId,
+        employeeId,
+        fileCode: file.fileCode
+      };
+      console.log({ doMain });
+      window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);
+    }
+  };
+  const handleDownload = async (file) => {
+    try {
+      await filesystemApi.downloadFileObject({ fileCode: file.fileCode });
+    } catch (error) {
+      console.error("下载文件失败:", error);
+    }
   };
   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
+    fileUrlCache,
+    handleDownload,
+    handlePreview,
+    getPreviewData,
+    getPreviewFileUrl
   };
 }
 export {
-  F as useFilePreview
+  useFilePreview
 };

package/src/lang/en-US.js

@@ -1,4 +1,4 @@
-const e = {
+const enLocale = {
   application: {
     "zh-CN": "简体中文",
     "en-US": "English",
@@ -439,5 +439,5 @@ const e = {
   }
 };
 export {
-  e as default
+  enLocale as default
 };

package/src/lang/en-US_extension.js

@@ -1,4 +1,4 @@
-const e = {
+const enLocale_extension = {
   extension: {
     widgetLabel: {
       card: "Card",
@@ -21,5 +21,5 @@ const e = {
   }
 };
 export {
-  e as default
+  enLocale_extension as default
 };

package/src/lang/en-US_render.js

@@ -1,4 +1,4 @@
-const e = {
+const enLocale_render = {
   render: {
     hint: {
       prompt: "Prompt",
@@ -36,5 +36,5 @@ const e = {
   }
 };
 export {
-  e as default
+  enLocale_render as default
 };

package/src/lang/zh-CN.js

@@ -1,4 +1,7 @@
-const e = {
+import "clipboard";
+import "lodash-es";
+import "../components/form-designer/widget-panel/widgetsConfig.js";
+const zhLocale = {
   application: {
     "zh-CN": "简体中文",
     "en-US": "English",
@@ -436,11 +439,12 @@ const e = {
       dsRequestNumberTypeError: "数据类型值错误",
       dsRequestBooleanTypeError: "布尔类型值错误",
       dsValidationError: "数据源设置存在错误，请修改",
-      dsDuplicatedNameError: "数据源名称重复，请修改！"
+      dsDuplicatedNameError: "数据源名称重复，请修改！",
+      slotCompontent: "组件名"
     }
   },
   复制: "复制"
 };
 export {
-  e as default
+  zhLocale as default
 };

package/src/lang/zh-CN_extension.js

@@ -1,4 +1,4 @@
-const e = {
+const zhLocale_extension = {
   extension: {
     widgetLabel: {
       card: "卡片",
@@ -21,5 +21,5 @@ const e = {
   }
 };
 export {
-  e as default
+  zhLocale_extension as default
 };

package/src/lang/zh-CN_render.js

@@ -1,4 +1,4 @@
-const e = {
+const zhLocale_render = {
   render: {
     hint: {
       prompt: "提示",
@@ -36,5 +36,5 @@ const e = {
   }
 };
 export {
-  e as default
+  zhLocale_render as default
 };

package/src/lib/vuedraggable/src/core/componentBuilderHelper.js

@@ -1,35 +1,39 @@
-import { camelize as s } from "../util/string.js";
-import { isReadOnly as b, events as f } from "./sortableEvents.js";
-import { isHtmlAttribute as a } from "../util/tags.js";
-function c(r) {
-  return r.reduce((t, [e, n]) => (t[e] = n, t), {});
+import { camelize } from "../util/string.js";
+import { isReadOnly, events } from "./sortableEvents.js";
+import { isHtmlAttribute } from "../util/tags.js";
+function project(entries) {
+  return entries.reduce((res, [key, value]) => {
+    res[key] = value;
+    return res;
+  }, {});
 }
-function d({ $attrs: r, componentData: t = {} }) {
+function getComponentAttributes({ $attrs, componentData = {} }) {
+  const attributes = project(
+    Object.entries($attrs).filter(([key, _]) => isHtmlAttribute(key))
+  );
   return {
-    ...c(
-      Object.entries(r).filter(([n, o]) => a(n))
-    ),
-    ...t
+    ...attributes,
+    ...componentData
   };
 }
-function O({ $attrs: r, callBackBuilder: t }) {
-  const e = c(l(r));
-  Object.entries(t).forEach(([o, u]) => {
-    f[o].forEach((i) => {
-      e[`on${i}`] = u(i);
+function createSortableOption({ $attrs, callBackBuilder }) {
+  const options = project(getValidSortableEntries($attrs));
+  Object.entries(callBackBuilder).forEach(([eventType, eventBuilder]) => {
+    events[eventType].forEach((event) => {
+      options[`on${event}`] = eventBuilder(event);
     });
   });
-  const n = `[data-draggable]${e.draggable || ""}`;
+  const draggable = `[data-draggable]${options.draggable || ""}`;
   return {
-    ...e,
-    draggable: n
+    ...options,
+    draggable
   };
 }
-function l(r) {
-  return Object.entries(r).filter(([t, e]) => !a(t)).map(([t, e]) => [s(t), e]).filter(([t, e]) => !b(t));
+function getValidSortableEntries(value) {
+  return Object.entries(value).filter(([key, _]) => !isHtmlAttribute(key)).map(([key, value2]) => [camelize(key), value2]).filter(([key, _]) => !isReadOnly(key));
 }
 export {
-  O as createSortableOption,
-  d as getComponentAttributes,
-  l as getValidSortableEntries
+  createSortableOption,
+  getComponentAttributes,
+  getValidSortableEntries
 };