@kp-ui/lowcode 1.0.31 → 1.0.32

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__1745894965292__");
+    var svgDom = document.getElementById("__svg__icons__dom__1746594346672__");
     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__1745894965292__";
+      svgDom.id = "__svg__icons__dom__1746594346672__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "publishConfig": {
     "access": "public"
   },

package/render.js

@@ -1,10 +1,9 @@
-import { createVNode, render, h, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withModifiers, normalizeClass, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, render, h } from "vue";
 import emitter from "./src/utils/emitter.js";
 import comps from "./src/components/form-designer/form-widget/field-widget/index.js";
 import { buildDefaultFormJson, getContainerWidgetByName, cloneFormConfigWithoutEventHandler, deepClone, getDSByName, overwriteObj, runDataSourceRequest, getAllContainerWidgets, getAllFieldWidgets, getDefaultFormConfig, traverseFieldWidgets, getFieldWidgetByName, traverseFieldWidgetsOfContainer, insertCustomCssToHead, insertGlobalFunctionsToHtml, generateId } from "./src/utils/util.js";
 import i18n, { changeLocale } from "./src/utils/i18n.js";
-import _sfc_main$1 from "./src/components/form-render/dynamic-dialog.vue.js";
-/* empty css                                               */
+import DynamicDialog from "./src/components/form-render/dynamic-dialog.vue.js";
 import DynamicDrawer from "./src/components/form-render/dynamic-drawer.vue.js";
 import { fmtHttpParams } from "./src/utils/request/fmtHttpParams.js";
 /* empty css                                     */
@@ -845,7 +844,7 @@ const _sfc_main = {
         formConfig: cloneFormConfigWithoutEventHandler(topFormRef.formConfig)
       };
       const wrapperDivId = generateId() + "";
-      const dialogInstance2 = h(_sfc_main$1, {
+      const dialogInstance = h(DynamicDialog, {
         options: dialogCon.options,
         formJson: dFormJson,
         formData: { ...formData },
@@ -856,13 +855,13 @@ const _sfc_main = {
         wrapperId: wrapperDivId,
         vfCtx: { ...formData }
       });
-      dialogInstance2.appContext = this.$root.$.appContext;
+      dialogInstance.appContext = this.$root.$.appContext;
       const wrapperDiv = document.createElement("div");
       wrapperDiv.id = "vf-dynamic-dialog-wrapper" + wrapperDivId;
       document.body.appendChild(wrapperDiv);
-      render(dialogInstance2, wrapperDiv);
-      document.body.appendChild(dialogInstance2.el);
-      dialogInstance2.component.exposed.show();
+      render(dialogInstance, wrapperDiv);
+      document.body.appendChild(dialogInstance.el);
+      dialogInstance.component.ctx.show();
     },
     showDrawer(drawerName, formData = {}, extraData = {}) {
       const topFormRef = this.getTopFormRef();
@@ -892,7 +891,7 @@ const _sfc_main = {
       document.body.appendChild(wrapperDiv);
       render(drawerInstance, wrapperDiv);
       document.body.appendChild(drawerInstance.el);
-      dialogInstance.component.exposed.show();
+      drawerInstance.component.ctx.show();
     },
     /**
      * 判断表单是否处于设计器预览状态
@@ -928,13 +927,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, ["prevent"]))
             }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList($options.widgetList, (widget, index) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.widgetList, (widget, index2) => {
                   return openBlock(), createElementBlock(Fragment, null, [
                     "container" === widget.category ? (openBlock(), createBlock(resolveDynamicComponent($options.getContainerWidgetName(widget)), {
                       widget,
                       key: widget.id,
                       "parent-list": $options.widgetList,
-                      "index-of-parent-list": index,
+                      "index-of-parent-list": index2,
                       "parent-widget": null
                     }, createSlots({ _: 2 }, [
                       renderList(Object.keys(_ctx.$slots), (slot) => {
@@ -951,7 +950,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       designer: null,
                       key: widget.id,
                       "parent-list": $options.widgetList,
-                      "index-of-parent-list": index,
+                      "index-of-parent-list": index2,
                       "parent-widget": null
                     }, createSlots({ _: 2 }, [
                       renderList(Object.keys(_ctx.$slots), (slot) => {
@@ -976,7 +975,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["component-size"]);
 }
-const VFormRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f3d61a23"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-20edc56d"]]);
 export {
-  VFormRender as default
+  index as default
 };

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-c0780063"]]);
+const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-412620ec"]]);
 export {
   AttachmentRender as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, computed, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, createBlock, unref, toDisplayString } from "vue";
+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 { DownloadOutlined, EyeOutlined } from "@ant-design/icons-vue";
 import { useFilePreview } from "../../../hooks/useFilePreview.js";
@@ -20,17 +20,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { getPreviewData, handlePreview, handleDownload } = useFilePreview();
     const attachmentList = ref([]);
     ref(false);
-    onMounted(async () => {
-      let data = props.data || [];
-      if (typeof data === "string") {
-        data = JSON.parse(data);
-      }
-      if ((data == null ? void 0 : data.length) === 0) {
-        attachmentList.value = [];
-        return;
-      }
-      attachmentList.value = await getPreviewData(data);
-    });
+    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));
@@ -41,6 +51,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const imageList = computed(() => {
       return attachmentList.value.filter((file) => isImageFile(file));
     });
+    onMounted(() => {
+      console.log(121212121);
+    });
     return (_ctx, _cache) => {
       const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
       return attachmentList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [

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

@@ -46,6 +46,7 @@ const _sfc_main = {
   },
   mounted() {
     this.loadDataTableDataSource();
+    log;
   },
   beforeUnmount() {
   },

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

@@ -36,7 +36,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "row-class-name": _ctx.rowClassName,
           rowSelection: _ctx.handleRowSelection(),
           pagination: _ctx.fmtPagination,
-          rowClassName: _ctx.rowClassName,
           onChange: _ctx.handleTablePageChange,
           customRow: _ctx.handleCustomRow,
           onResizeColumn: _ctx.handleResizeColumn
@@ -94,13 +93,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, 8, ["title", "width"])) : createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "rowClassName", "onChange", "customRow", "onResizeColumn"])
+        }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "onChange", "customRow", "onResizeColumn"])
       ], 2))
     ]),
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list", "style"]);
 }
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-19e67e23"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a667e0af"]]);
 export {
   dataTableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-item.vue.js

@@ -1,11 +1,11 @@
 import ContainerItemWrapper from "../../../form-render/container-item/container-item-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
+import { defineAsyncComponent, resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import comps from "../field-widget/index.js";
 import refMixin from "../../../form-render/refMixin.js";
 import containerItemMixin from "../../../form-render/container-item/containerItemMixin.js";
 import SvgIcon from "../../../svg-icon/index.vue.js";
-import { resolveComponent, withDirectives, createBlock, openBlock, withCtx, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
 /* empty css                 */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -16,7 +16,8 @@ const _sfc_main = {
   components: {
     ContainerItemWrapper,
     SvgIcon,
-    ...comps
+    ...comps,
+    VFormRender: defineAsyncComponent(() => import("../../../../../render.js"))
   },
   props: {
     widget: Object,
@@ -181,7 +182,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !$props.widget.options.hidden]
   ]);
 }
-const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0daceeb9"]]);
+const vfBoxItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b302cb7e"]]);
 export {
   vfBoxItem as default
 };

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

@@ -1,9 +1,9 @@
+import { defineAsyncComponent, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createCommentVNode, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 import i18n from "../../../../utils/i18n.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import comps from "../field-widget/index.js";
 import ContainerWrapper from "./container-wrapper.vue.js";
 import draggableComponent from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createElementBlock, withModifiers, normalizeClass, createCommentVNode, createVNode, mergeProps, createElementVNode, resolveDynamicComponent } from "vue";
 /* empty css                   */
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
@@ -14,7 +14,8 @@ const _sfc_main = {
   components: {
     Draggable: draggableComponent,
     ContainerWrapper,
-    ...comps
+    ...comps,
+    VFormRender: defineAsyncComponent(() => import("../../../../../render.js"))
   },
   props: {
     widget: Object,
@@ -177,7 +178,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-35053492"]]);
+const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6e190b21"]]);
 export {
   vfBoxWidget as default
 };

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

@@ -1,3 +1,4 @@
+import { defineAsyncComponent } from "vue";
 import ContainerWrapper from "./container-wrapper.vue.js";
 import emitter from "../../../../utils/emitter.js";
 import i18n from "../../../../utils/i18n.js";
@@ -18,6 +19,7 @@ const _sfc_main = {
     TpfCollapseTitle,
     SvgIcon,
     gridWidget,
+    VFormRender: defineAsyncComponent(() => import("../../../../../render.js")),
     ...comps
   },
   data() {

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue4.js

@@ -152,7 +152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8c02505a"]]);
+const vfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4278dc9a"]]);
 export {
   vfCollapseWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js

@@ -39,7 +39,9 @@ const _sfc_main = {
     }
   },
   data() {
-    return {};
+    return {
+      fieldModel: null
+    };
   },
   components: {
     StaticContentWrapper
@@ -86,7 +88,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         !!$props.designState ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.i18nt("designer.widgetLabel.diy-compontent")) + " " + toDisplayString($props.field.options.diyCompontent), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, [
           (openBlock(), createBlock(resolveDynamicComponent($options.renderComponent($props.field.options.diyCompontent)), normalizeProps(guardReactiveProps({
-            data: _ctx.fieldModel,
+            data: $data.fieldModel,
             ...$props.field.options.props
           })), null, 16))
         ]))
@@ -95,7 +97,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-const diyCompontentWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-09f07dbc"]]);
+const diyCompontentWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e35ce93b"]]);
 export {
   diyCompontentWidget as default
 };