@kp-ui/lowcode 1.0.32 → 1.0.34

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1746594346672__");
+    var svgDom = document.getElementById("__svg__icons__dom__1746762172972__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1746594346672__";
+      svgDom.id = "__svg__icons__dom__1746762172972__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,28 +1,29 @@
 {
-  "name": "@kp-ui/lowcode",
-  "version": "1.0.32",
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "index.js",
-  "module": "index.js",
-  "types": "main.d.ts",
-  "dependencies": {
-    "@element-plus/icons-vue": "^0.2.4",
-    "animate.css": "^4.1.1",
-    "ant-design-vue": "3.2.20",
-    "axios": "^1.3.5",
-    "bpmn-js": "13.2.0",
-    "clipboard": "^2.0.8",
-    "core-js": "^3.6.5",
-    "dayjs": "^1.11.10",
-    "file-saver": "^2.0.5",
-    "json-bigint": "^1.0.0",
-    "lodash-es": "^4.17.21",
-    "mitt": "^3.0.0",
-    "query-string": "^9.1.1",
-    "sortablejs": "1.14.0",
-    "vue": "3.3.11",
-    "vue3-quill": "^0.2.6"
-  }
+    "name": "@kp-ui/lowcode",
+    "version": "1.0.34",
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "index.js",
+    "module": "index.js",
+    "types": "main.d.ts",
+    "dependencies": {
+        "@element-plus/icons-vue": "^0.2.4",
+        "@kp-ui/tool": "1.0.20",
+        "animate.css": "^4.1.1",
+        "ant-design-vue": "3.2.20",
+        "axios": "^1.3.5",
+        "bpmn-js": "13.2.0",
+        "clipboard": "^2.0.8",
+        "core-js": "^3.6.5",
+        "dayjs": "^1.11.10",
+        "file-saver": "^2.0.5",
+        "json-bigint": "^1.0.0",
+        "lodash-es": "^4.17.21",
+        "mitt": "^3.0.0",
+        "query-string": "^9.1.1",
+        "sortablejs": "1.14.0",
+        "vue": "3.3.11",
+        "vue3-quill": "^0.2.6"
+    }
 }

package/render.js

@@ -213,7 +213,10 @@ const _sfc_main = {
     },
     insertCustomStyleAndScriptNode() {
       if (!!this.formConfig && !!this.formConfig.cssCode) {
-        insertCustomCssToHead(this.formConfig.cssCode, !!this.previewState ? "" : this.formId);
+        insertCustomCssToHead(
+          this.formConfig.cssCode,
+          !!this.previewState ? "" : this.formId
+        );
       }
       if (!!this.formConfig && !!this.formConfig.functions) {
         insertGlobalFunctionsToHtml(
@@ -321,18 +324,27 @@ const _sfc_main = {
     },
     addFieldChangeEventHandler() {
       this.off$("fieldChange");
-      this.on$("fieldChange", (fieldName, newValue, oldValue, subFormName, subFormRowIndex) => {
-        this.handleFieldDataChange(fieldName, newValue, oldValue, subFormName, subFormRowIndex);
-        this.$emit(
-          "formChange",
-          fieldName,
-          newValue,
-          oldValue,
-          this.formDataModel,
-          subFormName,
-          subFormRowIndex
-        );
-      });
+      this.on$(
+        "fieldChange",
+        (fieldName, newValue, oldValue, subFormName, subFormRowIndex) => {
+          this.handleFieldDataChange(
+            fieldName,
+            newValue,
+            oldValue,
+            subFormName,
+            subFormRowIndex
+          );
+          this.$emit(
+            "formChange",
+            fieldName,
+            newValue,
+            oldValue,
+            this.formDataModel,
+            subFormName,
+            subFormRowIndex
+          );
+        }
+      );
     },
     addFieldValidateEventHandler() {
       this.off$("fieldValidation");
@@ -388,7 +400,11 @@ const _sfc_main = {
       }
     },
     findWidgetOfSubFormAndSetDisabled(widgetName, disabledFlag) {
-      const widgetSchema = getFieldWidgetByName(this.formJsonObj.widgetList, widgetName, true);
+      const widgetSchema = getFieldWidgetByName(
+        this.formJsonObj.widgetList,
+        widgetName,
+        true
+      );
       if (!!widgetSchema && !!widgetSchema.options && widgetSchema.options.hasOwnProperty("disabled")) {
         widgetSchema.options.disabled = disabledFlag;
       }
@@ -408,7 +424,11 @@ const _sfc_main = {
       }
     },
     findWidgetOfSubFormAndSetHidden(widgetName, hiddenFlag) {
-      const widgetSchema = getFieldWidgetByName(this.formJsonObj.widgetList, widgetName, true);
+      const widgetSchema = getFieldWidgetByName(
+        this.formJsonObj.widgetList,
+        widgetName,
+        true
+      );
       if (!!widgetSchema && !!widgetSchema.options && widgetSchema.options.hasOwnProperty("hidden")) {
         widgetSchema.options.hidden = hiddenFlag;
       }
@@ -456,7 +476,13 @@ const _sfc_main = {
             overwriteObj(localDsv, this.globalDsv || {});
             let dsResult = null;
             try {
-              dsResult = await runDataSourceRequest(curDS, localDsv, this, false, this.$message);
+              dsResult = await runDataSourceRequest(
+                curDS,
+                localDsv,
+                this,
+                false,
+                this.$message
+              );
               this.dsResultCache[dsName] = dsResult;
               this.broadcast("FieldWidget", "loadOptionItemsFromDataSet", dsName);
             } catch (err) {
@@ -903,7 +929,7 @@ const _sfc_main = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-const _hoisted_1 = { style: { "min-height": "200px" } };
+const _hoisted_1 = { style: { "min-height": "260px" } };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_form = resolveComponent("a-form");
   const _component_a_spin = resolveComponent("a-spin");
@@ -975,7 +1001,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["component-size"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-20edc56d"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fe3f93b2"]]);
 export {
   index as default
 };

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

@@ -1,4 +1,4 @@
-import { getHttp } from "../../../utils/request/http.js";
+import { getHttp } from "@kp-ui/tool";
 import { saveAs } from "file-saver";
 const useFilesystemApi = () => {
   const http = getHttp();

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, watch, computed, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, unref, toDisplayString } from "vue";
-import { Image, Button } from "ant-design-vue";
+import { defineComponent, ref, watchEffect, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, Fragment, renderList, unref, toDisplayString, withCtx } from "vue";
+import { 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";
@@ -8,8 +8,8 @@ const _hoisted_1 = {
   class: "attachment-render"
 };
 const _hoisted_2 = { class: "file-list" };
-const _hoisted_3 = { class: "image-preview" };
-const _hoisted_4 = { class: "file-name" };
+const _hoisted_3 = { class: "file-name" };
+const _hoisted_4 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AttachmentRender",
   props: {
@@ -17,68 +17,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { getPreviewData, handlePreview, handleDownload } = useFilePreview();
+    const {
+      previewVisible,
+      previewTitle,
+      previewImage,
+      handleCancel,
+      handlePreview,
+      handleDownload
+    } = useFilePreview();
     const attachmentList = ref([]);
-    ref(false);
-    watch(
-      () => props.data,
-      async (newData) => {
-        let data = newData || [];
-        if (typeof data === "string") {
-          try {
-            data = JSON.parse(data);
-          } catch (error) {
-            console.error("Failed to parse props.data:", error);
-            attachmentList.value = [];
-            return;
-          }
-        }
-        if (!Array.isArray(data) || data.length === 0) {
-          attachmentList.value = [];
-          return;
-        }
-        attachmentList.value = await getPreviewData(data);
-      },
-      { immediate: true }
-    );
-    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 imageList = computed(() => {
-      return attachmentList.value.filter((file) => isImageFile(file));
+    watchEffect(() => {
+      if (typeof props.data === "string") {
+        attachmentList.value = JSON.parse(props.data);
+      } else {
+        attachmentList.value = props.data;
+      }
     });
     onMounted(() => {
-      console.log(121212121);
     });
     return (_ctx, _cache) => {
-      const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
+      const _component_a_modal = resolveComponent("a-modal");
       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
-            })
-          ]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (file, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(attachmentList.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),
+              createElementVNode("span", _hoisted_3, toDisplayString(file.fileName), 1),
               createVNode(unref(Button), {
                 type: "link",
                 onClick: () => unref(handleDownload)(file)
@@ -99,7 +66,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1032, ["onClick"])
             ]);
           }), 128))
-        ])
+        ]),
+        createVNode(_component_a_modal, {
+          visible: unref(previewVisible),
+          class: "tpf-modal",
+          title: unref(previewTitle),
+          footer: null,
+          onCancel: unref(handleCancel),
+          width: "960px"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("img", {
+              style: { "width": "100%" },
+              src: unref(previewImage)
+            }, null, 8, _hoisted_4)
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "onCancel"])
       ])) : createCommentVNode("", true);
     };
   }