@kp-ui/lowcode 1.0.30 → 1.0.31

package/src/components/form-designer/widget-panel/advanced/attachment-render.js

@@ -1,9 +1,9 @@
 import { getUuidKey } from "../../../../utils/util.js";
-const attachmentRender = (ops = {}) => {
+const toolbar = (ops = {}) => {
   return {
     key: getUuidKey(),
     id: ops.name,
-    type: "attachment-render",
+    type: "toolbar",
     icon: "text-field",
     formItemFlag: true,
     options: {
@@ -23,5 +23,5 @@ const attachmentRender = (ops = {}) => {
   };
 };
 export {
-  attachmentRender
+  toolbar
 };

package/src/components/form-designer/widget-panel/advanced/diy-compontent.js

@@ -0,0 +1,23 @@
+import { getUuidKey } from "../../../../utils/util.js";
+const diyCompontent = (ops = {}) => {
+  return {
+    key: getUuidKey(),
+    id: ops.name,
+    type: "diy-compontent",
+    icon: "text-field",
+    formItemFlag: true,
+    options: {
+      name: "",
+      diyCompontent: "",
+      hidden: false,
+      holdHidden: true,
+      //   props:{},
+      onCreated: "",
+      onMounted: "",
+      ...ops
+    }
+  };
+};
+export {
+  diyCompontent
+};

package/src/components/form-designer/widget-panel/advanced/slot.js

@@ -7,8 +7,8 @@ const slot = (ops = {}) => {
     icon: "text-field",
     formItemFlag: true,
     options: {
-      name: "",
       slotCompontent: "",
+      slot: "",
       hidden: false,
       holdHidden: true,
       onCreated: "",

package/src/components/form-designer/widget-panel/advancedFieldsEnums.js

@@ -4,11 +4,13 @@ import { codeEditor } from "./advanced/code-editor.js";
 import { richEditor } from "./advanced/rich-editor.js";
 import { fileUpload } from "./advanced/file-upload.js";
 import { bpmnEditor } from "./advanced/bpmn-editor.js";
-import { attachmentRender } from "./advanced/attachment-render.js";
+import { toolbar } from "./advanced/attachment-render.js";
 import { slot } from "./advanced/slot.js";
+import { diyCompontent } from "./advanced/diy-compontent.js";
 const advancedFieldsEnums = {
   slot,
-  attachmentRender,
+  diyCompontent,
+  toolbar,
   cascader,
   treeSelect,
   richEditor,

package/src/components/form-designer/widget-panel/index.vue.js

@@ -1,4 +1,5 @@
 import SvgIcon from "../../svg-icon/index.vue.js";
+import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
 import { containers, basicFields, advancedFields, customFields, businessFields } from "./widgetsConfig.js";
 import { formTemplates } from "./templatesConfig.js";
 import { generateId, addWindowResizeHandler } from "../../../utils/util.js";
@@ -11,7 +12,7 @@ import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "FieldPanel",
   mixins: [i18n],
-  components: { SvgIcon },
+  components: { SvgIcon, Draggable: draggableComponent },
   props: {
     designer: Object
   },
@@ -380,7 +381,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const WidgetPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9380bfaa"]]);
+const WidgetPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ebed247a"]]);
 export {
   WidgetPanel as default
 };

package/src/components/form-render/container-item/index.js

@@ -6,7 +6,7 @@ import * as gridSubFormItem from "./grid-sub-form-item.vue.js";
 import * as subFormItem from "./sub-form-item.vue.js";
 import * as tabItem from "./tab-item.vue.js";
 import * as tableCellItem from "./table-cell-item.vue.js";
-import * as tableItem from "./table-item.vue2.js";
+import * as tableItem from "./table-item.vue.js";
 import * as vfCollapseItem from "./vf-collapse-item.vue.js";
 import * as vfDialogItem from "./vf-dialog-item.vue.js";
 import * as vfDrawerItem from "./vf-drawer-item.vue.js";

package/src/components/form-render/container-item/{table-item.vue2.js → table-item.vue.js}

@@ -5,7 +5,7 @@ import ContainerItemWrapper from "./container-item-wrapper.vue.js";
 import TableCellItem from "./table-cell-item.vue.js";
 import containerItemMixin from "./containerItemMixin.js";
 import { resolveComponent, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createElementVNode, normalizeClass, Fragment, renderList, createCommentVNode, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
-/* empty css               */
+/* empty css                */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "table-item",

package/src/components/form-render/container-item/vf-collapse-item.vue.js

@@ -273,7 +273,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !$props.widget.options.hidden]
   ]);
 }
-const vfCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-895997e5"]]);
+const vfCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7889e6b4"]]);
 export {
   vfCollapseItem as default
 };

package/src/components/form-render/dynamic-dialog.vue.js

@@ -1,264 +1,274 @@
-import i18n from "../../utils/i18n.js";
+import { defineComponent, getCurrentInstance, ref, computed, onBeforeUnmount, resolveComponent, createBlock, openBlock, withCtx, createVNode, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, nextTick } from "vue";
+import { useI18n } from "../../utils/i18n.js";
 import zhCN from "ant-design-vue/es/locale/zh_CN";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-/* empty css                    */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "dynamic-dialog",
-  mixins: [i18n],
+import VFormRender from "../../../render.js";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "footer-left" }, null, -1);
+const _hoisted_2 = { class: "footer-right" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dynamic-dialog",
   props: {
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      type: Object
-    },
-    formData: {
-      type: Object,
-      default: () => ({})
-    },
-    vfCtx: {
-      type: Object,
-      default: () => ({})
-    },
-    optionData: {
-      //prop传入的选项数据
-      type: Object,
-      default: () => ({})
-    },
-    globalDsv: {
-      // 全局数据源变量
-      type: Object,
-      default: () => ({})
-    },
-    parentFormRef: {
-      type: Object,
-      default: null
-    },
-    extraData: {
-      type: Object,
-      default: () => ({})
-    },
-    wrapperId: {
-      type: String,
-      default: null
-    }
+    options: { default: () => ({}) },
+    formJson: {},
+    formData: { default: () => ({}) },
+    vfCtx: { default: () => ({}) },
+    optionData: { default: () => ({}) },
+    globalDsv: { default: () => ({}) },
+    parentFormRef: { default: null },
+    extraData: { default: () => ({}) },
+    wrapperId: { default: null }
   },
-  data() {
-    return {
-      dialogVisible: false,
-      elLocaleMap: {
-        "zh-CN": { ...zhCN },
-        "en-US": {}
-      }
+  setup(__props, { expose: __expose }) {
+    const { i18nt } = useI18n();
+    const ctx = getCurrentInstance();
+    const isLoading = ref(false);
+    const props = __props;
+    const dialogVisible = ref(false);
+    const dFormRef = ref(null);
+    const elLocaleMap = {
+      "zh-CN": { ...zhCN },
+      "en-US": {}
     };
-  },
-  created() {
-  },
-  computed: {
-    elLocale() {
+    const elLocale = computed(() => {
       const curLocale = localStorage.getItem("v_form_locale") || "zh-CN";
-      return this.elLocaleMap[curLocale];
-    },
-    parentForm() {
-      return { ...this.parentFormRef, parentDom: this, getParentFormRef: this.getParentFormRef };
-    },
-    otherAttrs() {
-      if (this.options.cancelButtonHidden && this.options.okButtonHidden) {
+      return elLocaleMap[curLocale];
+    });
+    const parentForm = computed(() => {
+      var _a;
+      return { ...props.parentFormRef, parentDom: (_a = getCurrentInstance()) == null ? void 0 : _a.proxy, getParentFormRef };
+    });
+    const otherAttrs = computed(() => {
+      if (props.options.cancelButtonHidden && props.options.okButtonHidden) {
         return { footer: null };
       }
       return {};
-    },
-    cancelBtnLabel() {
-      return this.options.cancelButtonLabel || this.i18nt("designer.hint.cancel");
-    },
-    okBtnLabel() {
-      return this.options.okButtonLabel || this.i18nt("designer.hint.confirm");
-    }
-  },
-  mounted() {
-  },
-  beforeUnmount() {
-    this.parentFormRef.setChildFormRef(null);
-  },
-  methods: {
-    async loadFormCode() {
-      if (this.options.formCode) {
-        const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
-          params: { code: this.options.formCode }
-        }).then((res2) => res2.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(res));
+    });
+    const cancelBtnLabel = computed(() => {
+      return props.options.cancelButtonLabel || i18nt("designer.hint.cancel");
+    });
+    const okBtnLabel = computed(() => {
+      return props.options.okButtonLabel || i18nt("designer.hint.confirm");
+    });
+    onBeforeUnmount(() => {
+      var _a;
+      (_a = props.parentFormRef) == null ? void 0 : _a.setChildFormRef(null);
+    });
+    const loadFormCode = async () => {
+      var _a;
+      if (props.options.formCode) {
+        const http = ctx.appContext.config.globalProperties.$http;
+        try {
+          const { data } = await http.get(
+            `/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`,
+            {
+              params: { code: props.options.formCode }
+            }
+          );
+          (_a = dFormRef.value) == null ? void 0 : _a.setFormJson(JSON.parse(data.object.frontendDefinition || "{}"));
+        } finally {
+        }
       }
-    },
-    setTitle(title) {
-      this.options.title = title;
-    },
-    show() {
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        if (!!this.options.readMode) {
-          this.$refs["dFormRef"].setReadMode(true);
+    };
+    const setTitle = (title) => {
+      props.options.title = title;
+    };
+    const show = () => {
+      dialogVisible.value = true;
+      nextTick(async () => {
+        var _a, _b, _c, _d, _e, _f;
+        if (props.options.readMode) {
+          (_a = dFormRef.value) == null ? void 0 : _a.setReadMode(true);
         }
-        this.loadFormCode();
-        this.$refs["dFormRef"].setDialogOrDrawerRef(this);
-        this.parentFormRef.setChildFormRef(this.$refs["dFormRef"]);
-        this.handleOpenedEvent();
+        (_b = dFormRef.value) == null ? void 0 : _b.setLoading(true);
+        await loadFormCode();
+        (_d = dFormRef.value) == null ? void 0 : _d.setDialogOrDrawerRef((_c = getCurrentInstance()) == null ? void 0 : _c.proxy);
+        (_e = props.parentFormRef) == null ? void 0 : _e.setChildFormRef(dFormRef.value);
+        (_f = dFormRef.value) == null ? void 0 : _f.setLoading(false);
+        handleOpenedEvent();
       });
-    },
-    close() {
-      if (!!this.options.onDialogBeforeClose) {
-        const customFn = new Function("done", this.options.onDialogBeforeClose);
-        const closeResult = customFn.call(this);
-        if (closeResult === false) {
-          return;
+    };
+    const close = () => {
+      var _a;
+      if (props.options.onDialogBeforeClose) {
+        try {
+          const customFn = new Function("done", props.options.onDialogBeforeClose);
+          const closeResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+          if (closeResult === false) {
+            return;
+          }
+        } catch (error) {
+          console.error("Error executing onDialogBeforeClose:", error);
         }
       }
-      this.dialogVisible = false;
-      setTimeout(this.deleteWrapperNode, 150);
-    },
-    deleteWrapperNode() {
-      const wrapperNode = document.getElementById("vf-dynamic-dialog-wrapper" + this.wrapperId);
-      if (!!wrapperNode) {
+      dialogVisible.value = false;
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const deleteWrapperNode = () => {
+      const wrapperNode = document.getElementById("vf-dynamic-dialog-wrapper" + props.wrapperId);
+      if (wrapperNode) {
         document.body.removeChild(wrapperNode);
       }
-    },
-    handleBeforeClose() {
-      if (!!this.options.onDialogBeforeClose) {
-        const customFn = new Function(this.options.onDialogBeforeClose);
-        return customFn.call(this);
+    };
+    const handleBeforeClose = () => {
+      var _a;
+      if (props.options.onDialogBeforeClose) {
+        try {
+          const customFn = new Function(props.options.onDialogBeforeClose);
+          return customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+        } catch (error) {
+          console.error("Error executing onDialogBeforeClose:", error);
+          return true;
+        }
       }
       return true;
-    },
-    handleCloseEvent() {
-      if (!this.handleBeforeClose()) return;
-      this.dialogVisible = false;
-      setTimeout(this.deleteWrapperNode, 150);
-    },
-    handleOpenedEvent() {
-      if (!!this.options.onDialogOpened) {
-        const customFn = new Function(this.options.onDialogOpened);
-        customFn.call(this);
+    };
+    const handleCloseEvent = () => {
+      if (!handleBeforeClose()) return;
+      dialogVisible.value = false;
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const handleOpenedEvent = () => {
+      var _a;
+      if (props.options.onDialogOpened) {
+        try {
+          const customFn = new Function(props.options.onDialogOpened);
+          customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+        } catch (error) {
+          console.error("Error executing onDialogOpened:", error);
+        }
       }
-    },
-    handleCancelClick() {
-      if (!this.handleBeforeClose()) return;
-      if (!!this.options.onCancelButtonClick) {
-        const customFn = new Function(this.options.onCancelButtonClick);
-        const clickResult = customFn.call(this);
-        if (clickResult === false) {
-          return;
+    };
+    const handleCancelClick = () => {
+      var _a;
+      if (!handleBeforeClose()) return;
+      if (props.options.onCancelButtonClick) {
+        try {
+          const customFn = new Function(props.options.onCancelButtonClick);
+          const clickResult = customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
+          if (clickResult === false) {
+            return;
+          }
+        } catch (error) {
+          console.error("Error executing onCancelButtonClick:", error);
         }
       }
-      this.dialogVisible = false;
-      setTimeout(this.deleteWrapperNode, 150);
-    },
-    async handleOkClick() {
+      dialogVisible.value = false;
+      setTimeout(deleteWrapperNode, 150);
+    };
+    const handleOkClick = async () => {
+      var _a;
       try {
-        if (!!this.options.onOkButtonClick) {
-          const customFn = new Function(this.options.onOkButtonClick);
-          const clickResult = await customFn.call(this);
+        if (props.options.onOkButtonClick) {
+          const customFn = new Function(props.options.onOkButtonClick);
+          const clickResult = await customFn.call((_a = getCurrentInstance()) == null ? void 0 : _a.proxy);
           if (clickResult === false) {
             return;
           }
         }
-        this.dialogVisible = false;
-        setTimeout(this.deleteWrapperNode, 150);
+        dialogVisible.value = false;
+        setTimeout(deleteWrapperNode, 150);
       } catch (error) {
-        console.log("error: ", error);
+        console.error("Error:", error);
       }
-    },
-    getParentFormRef() {
-      return this.parentFormRef;
-    },
-    getFormRef() {
+    };
+    const getParentFormRef = () => {
+      return props.parentFormRef;
+    };
+    const getFormRef = () => {
       console.log("getFormRef");
-      return this.$refs["dFormRef"];
-    },
-    getWidgetRef(widgetName, showError = false) {
-      return this.$refs["dFormRef"].getWidgetRef(widgetName, showError);
-    },
-    getExtraData() {
-      return this.extraData;
-    }
-  }
-};
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "footer-left" }, null, -1);
-const _hoisted_2 = { class: "footer-right" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VFormRender = resolveComponent("VFormRender");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_a_config_provider = resolveComponent("a-config-provider");
-  return openBlock(), createBlock(_component_a_config_provider, {
-    locale: $options.elLocale,
-    input: { autocomplete: "off" }
-  }, {
-    default: withCtx(() => [
-      createVNode(_component_a_modal, mergeProps({
-        class: "tpf-model design-model",
-        transitionName: !$data.dialogVisible ? "" : "zoom",
-        maskTransitionName: !$data.dialogVisible ? "" : "fade",
-        destroyOnClose: true,
-        title: $props.options.title,
-        bodyStyle: {
-          height: $props.options.height,
-          overflow: "auto",
-          ...JSON.parse(this.options.bodyStyle || "{}")
-        },
-        centered: true,
-        visible: $data.dialogVisible,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.dialogVisible = $event),
-        width: $props.options.width,
-        mask: $props.options.showModal,
-        maskClosable: $props.options.closeOnClickModal,
-        keyboard: $props.options.closeOnPressEscape,
-        onCancel: $options.handleCloseEvent
-      }, $options.otherAttrs), {
-        footer: withCtx(() => [
-          _hoisted_1,
-          createElementVNode("div", _hoisted_2, [
-            !$props.options.cancelButtonHidden ? (openBlock(), createBlock(_component_a_button, {
-              key: 0,
-              onClick: $options.handleCancelClick
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString($options.cancelBtnLabel), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : createCommentVNode("", true),
-            !$props.options.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
-              key: 1,
-              type: "primary",
-              onClick: $options.handleOkClick
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString($options.okBtnLabel), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : createCommentVNode("", true)
-          ])
-        ]),
+      return dFormRef.value;
+    };
+    const getWidgetRef = (widgetName, showError = false) => {
+      var _a;
+      return (_a = dFormRef.value) == null ? void 0 : _a.getWidgetRef(widgetName, showError);
+    };
+    const getExtraData = () => {
+      return props.extraData;
+    };
+    __expose({
+      setTitle,
+      show,
+      close,
+      getFormRef,
+      getWidgetRef,
+      getExtraData,
+      getParentFormRef
+    });
+    return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_modal = resolveComponent("a-modal");
+      const _component_a_config_provider = resolveComponent("a-config-provider");
+      return openBlock(), createBlock(_component_a_config_provider, {
+        locale: elLocale.value,
+        input: { autocomplete: "off" }
+      }, {
         default: withCtx(() => [
-          createVNode(_component_VFormRender, {
-            ref: "dFormRef",
-            "form-json": $props.formJson,
-            "form-data": $props.formData,
-            vfCtx: $props.vfCtx,
-            "option-data": $props.optionData,
-            "global-dsv": $props.globalDsv,
-            "parent-form": $options.parentForm,
-            "disabled-mode": $props.options.disabledMode,
-            "dynamic-creation": true
-          }, null, 8, ["form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+          createVNode(_component_a_modal, mergeProps({
+            class: "tpf-model design-model",
+            transitionName: !dialogVisible.value ? "" : "zoom",
+            maskTransitionName: !dialogVisible.value ? "" : "fade",
+            destroyOnClose: true,
+            title: _ctx.options.title,
+            bodyStyle: {
+              height: _ctx.options.height,
+              overflow: "auto",
+              ...JSON.parse(_ctx.options.bodyStyle || "{}")
+            },
+            centered: true,
+            visible: dialogVisible.value,
+            "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
+            width: _ctx.options.width,
+            mask: _ctx.options.showModal,
+            maskClosable: _ctx.options.closeOnClickModal,
+            keyboard: _ctx.options.closeOnPressEscape,
+            onCancel: handleCloseEvent
+          }, otherAttrs.value), {
+            footer: withCtx(() => [
+              _hoisted_1,
+              createElementVNode("div", _hoisted_2, [
+                !_ctx.options.cancelButtonHidden ? (openBlock(), createBlock(_component_a_button, {
+                  key: 0,
+                  onClick: handleCancelClick
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(cancelBtnLabel.value), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                !_ctx.options.okButtonHidden ? (openBlock(), createBlock(_component_a_button, {
+                  key: 1,
+                  type: "primary",
+                  onClick: handleOkClick
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(okBtnLabel.value), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
+            ]),
+            default: withCtx(() => [
+              createVNode(VFormRender, {
+                isLoading: isLoading.value,
+                ref_key: "dFormRef",
+                ref: dFormRef,
+                "form-json": _ctx.formJson,
+                "form-data": _ctx.formData,
+                vfCtx: _ctx.vfCtx,
+                "option-data": _ctx.optionData,
+                "global-dsv": _ctx.globalDsv,
+                "parent-form": parentForm.value,
+                "disabled-mode": _ctx.options.disabledMode,
+                "dynamic-creation": true
+              }, null, 8, ["isLoading", "form-json", "form-data", "vfCtx", "option-data", "global-dsv", "parent-form", "disabled-mode"])
+            ]),
+            _: 1
+          }, 16, ["transitionName", "maskTransitionName", "title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard"])
         ]),
         _: 1
-      }, 16, ["transitionName", "maskTransitionName", "title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "onCancel"])
-    ]),
-    _: 1
-  }, 8, ["locale"]);
-}
-const DynamicDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+      }, 8, ["locale"]);
+    };
+  }
+});
 export {
-  DynamicDialog as default
+  _sfc_main as default
 };

package/src/components/form-render/dynamic-dialog.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./dynamic-dialog.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};