@kp-ui/lowcode 2.15.0-alpha.14 → 2.15.0-alpha.16

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, mergeModels as W, ref as b, useModel as E, createVNode as i, resolveComponent as n, computed as N, createElementBlock as B, openBlock as O, Fragment as j, unref as o, withCtx as a, createTextVNode as f, toDisplayString as m, createElementVNode as F, nextTick as k, isVNode as L } from "vue";
+import { defineComponent as N, mergeModels as V, ref as b, useModel as W, createVNode as i, resolveComponent as n, computed as E, createElementBlock as B, openBlock as O, Fragment as j, unref as s, withCtx as r, createTextVNode as m, toDisplayString as p, createElementVNode as F, nextTick as k, isVNode as L } from "vue";
 import { useI18n as $ } from "../../../../../utils/i18n.js";
 import q from "../../../../code-editor/code-modal-editor.vue.js";
 import { cloneDeep as K } from "lodash-es";
@@ -8,14 +8,14 @@ import { useDesigner as Q } from "../../../form-widget/useFormDesigner.js";
 const X = {
   class: "add-btn t-flex t-justify-center t-mt-[10px]"
 };
-function p(u) {
+function f(u) {
   return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !L(u);
 }
-const se = /* @__PURE__ */ V({
+const oe = /* @__PURE__ */ N({
   name: "tableColumns-editor",
   inheritAttrs: !1,
   __name: "data-table-tableColumns-editor",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ V({
     selectedWidget: {}
   }, {
     optionModel: {
@@ -27,12 +27,12 @@ const se = /* @__PURE__ */ V({
   }),
   emits: ["update:optionModel"],
   setup(u, {
-    expose: y
+    expose: _
   }) {
     Q();
     const {
       i18nt: l
-    } = $(), v = b(null), c = b(!1), h = b(), C = E(u, "optionModel"), _ = [{
+    } = $(), v = b(null), c = b(!1), h = b(), C = W(u, "optionModel"), y = [{
       value: "left",
       label: "left"
     }, {
@@ -162,26 +162,28 @@ const se = /* @__PURE__ */ V({
     }, {
       field: "fixed",
       title: l("designer.setting.fixedColumn"),
-      width: 100,
+      width: 120,
       slots: {
         default({
           row: e
         }) {
-          let t, s;
-          return i(n("a-select"), {
+          let t, o, a;
+          return i(n("a-radio-group"), {
             value: e.fixed,
-            "onUpdate:value": (d) => e.fixed = d,
-            allowClear: !0,
-            style: "width: 100%"
+            "onUpdate:value": (d) => e.fixed = d
           }, {
-            default: () => [i(n("a-select-option"), {
+            default: () => [i(n("a-radio-button"), {
               value: "left"
-            }, p(t = l("designer.setting.fixedLeft")) ? t : {
+            }, f(t = l("designer.setting.fixedLeft")) ? t : {
               default: () => [t]
-            }), i(n("a-select-option"), {
+            }), i(n("a-radio-button"), {
+              value: null
+            }, f(o = l("designer.setting.fixedNull")) ? o : {
+              default: () => [o]
+            }), i(n("a-radio-button"), {
               value: "right"
-            }, p(s = l("designer.setting.fixedRight")) ? s : {
-              default: () => [s]
+            }, f(a = l("designer.setting.fixedRight")) ? a : {
+              default: () => [a]
             })]
           });
         }
@@ -197,7 +199,7 @@ const se = /* @__PURE__ */ V({
           return i(n("a-select"), {
             value: e.align,
             "onUpdate:value": (t) => e.align = t,
-            options: _,
+            options: y,
             style: "width: 100%"
           }, null);
         }
@@ -213,7 +215,7 @@ const se = /* @__PURE__ */ V({
           row: e,
           rowIndex: t
         }) {
-          let s;
+          let o;
           return i(n("a-button"), {
             class: [{
               "button-text-highlight": !!e.customRender
@@ -221,8 +223,8 @@ const se = /* @__PURE__ */ V({
             onClick: () => M(e),
             size: "small",
             shape: "round"
-          }, p(s = l("designer.setting.edit")) ? s : {
-            default: () => [s]
+          }, f(o = l("designer.setting.edit")) ? o : {
+            default: () => [o]
           });
         }
       }
@@ -241,12 +243,12 @@ const se = /* @__PURE__ */ V({
             type: "link",
             onClick: () => S(e),
             size: "small"
-          }, p(t = l("designer.setting.delete")) ? t : {
+          }, f(t = l("designer.setting.delete")) ? t : {
             default: () => [t]
           });
         }
       }
-    }], T = N(() => ({
+    }], T = E(() => ({
       columnConfig: {
         resizable: !0
       },
@@ -275,7 +277,7 @@ const se = /* @__PURE__ */ V({
     }, U = (e) => {
       h.value && (h.value.customRender = e);
     }, D = async () => {
-      var t, s, d, r;
+      var t, o, a, d;
       const e = {
         isAutoWidth: !0,
         columnId: (/* @__PURE__ */ new Date()).getTime(),
@@ -291,7 +293,7 @@ const se = /* @__PURE__ */ V({
         ellipsis: !1,
         showSorterTooltip: !1
       };
-      await ((t = g.value) == null ? void 0 : t.insertAt(e, -1)), await k(), console.log((s = g.value) == null ? void 0 : s.getRowById(e.columnId)), (r = g.value) == null || r.scrollToRow((d = g.value) == null ? void 0 : d.getRowById(e.columnId));
+      await ((t = g.value) == null ? void 0 : t.insertAt(e, -1)), await k(), console.log((o = g.value) == null ? void 0 : o.getRowById(e.columnId)), (d = g.value) == null || d.scrollToRow((a = g.value) == null ? void 0 : a.getRowById(e.columnId));
     }, S = (e) => {
       var t;
       if (w().length === 1)
@@ -304,52 +306,52 @@ const se = /* @__PURE__ */ V({
         I(K(C.value.tableColumns));
       }, 100);
     };
-    return y({
+    return _({
       openSetting: x
     }), (e, t) => {
-      const s = n("a-button"), d = n("a-form-item");
-      return O(), B(j, null, [i(d, {
-        label: o(l)("designer.setting.tableColEdit")
+      const o = n("a-button"), a = n("a-form-item");
+      return O(), B(j, null, [i(a, {
+        label: s(l)("designer.setting.tableColEdit")
       }, {
-        default: a(() => [i(s, {
+        default: r(() => [i(o, {
           type: "primary",
           shape: "round",
           onClick: x
         }, {
-          default: a(() => [f(m(o(l)("designer.setting.editAction")), 1)]),
+          default: r(() => [m(p(s(l)("designer.setting.editAction")), 1)]),
           _: 1
         })]),
         _: 1
-      }, 8, ["label"]), i(o(G), {
-        title: o(l)("designer.setting.tableColEdit"),
+      }, 8, ["label"]), i(s(G), {
+        title: s(l)("designer.setting.tableColEdit"),
         visible: c.value,
-        "onUpdate:visible": t[2] || (t[2] = (r) => c.value = r),
+        "onUpdate:visible": t[2] || (t[2] = (d) => c.value = d),
         width: "1280px",
         height: "70vh"
       }, {
-        footerRight: a(() => [i(s, {
+        footerRight: r(() => [i(o, {
           size: "default",
-          onClick: t[1] || (t[1] = (r) => c.value = !1)
+          onClick: t[1] || (t[1] = (d) => c.value = !1)
         }, {
-          default: a(() => [f(m(o(l)("designer.hint.cancel")), 1)]),
+          default: r(() => [m(p(s(l)("designer.hint.cancel")), 1)]),
           _: 1
-        }), i(s, {
+        }), i(o, {
           size: "default",
           type: "primary",
           onClick: A
         }, {
-          default: a(() => [f(m(o(l)("designer.hint.confirm")), 1)]),
+          default: r(() => [m(p(s(l)("designer.hint.confirm")), 1)]),
           _: 1
         })]),
-        default: a(() => [i(o(H), {
-          onRegister: o(z)
-        }, null, 8, ["onRegister"]), F("div", X, [i(s, {
-          title: o(l)("designer.setting.addTableColumn"),
+        default: r(() => [i(s(H), {
+          onRegister: s(z)
+        }, null, 8, ["onRegister"]), F("div", X, [i(o, {
+          title: s(l)("designer.setting.addTableColumn"),
           type: "primary",
           size: "medium",
-          onClick: t[0] || (t[0] = (r) => D())
+          onClick: t[0] || (t[0] = (d) => D())
         }, {
-          default: a(() => [f(m(o(l)("designer.setting.addTableColumn")), 1)]),
+          default: r(() => [m(p(s(l)("designer.setting.addTableColumn")), 1)]),
           _: 1
         }, 8, ["title"])])]),
         _: 1
@@ -357,12 +359,12 @@ const se = /* @__PURE__ */ V({
         onSave: U,
         ref_key: "CodeModalEditorRef",
         ref: v,
-        title: o(l)("designer.setting.renderFunction"),
+        title: s(l)("designer.setting.renderFunction"),
         "fn-params": "scope"
       }, null, 8, ["title"])], 64);
     };
   }
 });
 export {
-  se as default
+  oe as default
 };

package/src/components/form-designer/toolbar-panel/PreviewDialog.vue.js

@@ -16,7 +16,7 @@ const z = { class: "form-render-wrapper" }, te = /* @__PURE__ */ L({
   }),
   emits: ["update:visible"],
   setup(b) {
-    const y = T(() => import("../../FormRender/index.vue2.js"));
+    const y = T(() => import("../../FormRender/index.vue.js"));
     V("designState", !1);
     const { formConfig: _, designer: d } = q(), w = B({ type: "add", ...c() }), { i18nt: l } = I(), f = E(b, "visible"), F = () => {
       var e;

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

@@ -1,6 +1,6 @@
-import { getUuidKey as t } from "@kp-ui/tool";
-const l = (a = {}) => ({
-  key: t(),
+import { getUuidKey as a } from "@kp-ui/tool";
+const l = (t = {}) => ({
+  key: a(),
   type: "data-table",
   category: "container",
   icon: "data-table",
@@ -57,23 +57,11 @@ const l = (a = {}) => ({
     },
     dataReqHandlerCode: "",
     dataHandlerCode: "",
-    rowKey: "name",
+    rowKey: "_id",
     childrenKey: "children",
-    dataSource: [
-      {
-        date: "2016-05-02",
-        date2: "2016-05-02 23:12:12",
-        date3: "2016-05-02 9:11:12",
-        name: "小二",
-        add: "上海市普陀区金沙江路 1518 弄",
-        age: 100
-      }
-    ],
+    dataSource: [],
     onCreated: "",
     onMounted: "",
-    // onHideOperationButton: '',
-    // onDisableOperationButton: '',
-    // onOperationButtonClick: '',
     customRow: {
       onClick: "",
       onDblclick: "",
@@ -97,7 +85,7 @@ const l = (a = {}) => ({
       hasRowSelection: !1,
       preserveSelectedRowKeys: !1,
       fixed: !0,
-      onChange: "console.log(122222,selectedRowKeys, selectedRows)",
+      onChange: "console.log(selectedRowKeys, selectedRows)",
       columnWidth: 32,
       getCheckboxProps: (e) => ({
         disabled: e.name === "Disabled User",
@@ -105,7 +93,7 @@ const l = (a = {}) => ({
         name: e.name
       })
     },
-    ...a
+    ...t
   }
 });
 export {

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

@@ -1,7 +1,7 @@
 import t from "./data-table-widget.vue2.js";
 /* empty css                       */
 import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-ad273c72"]]);
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-d5ee76ba"]]);
 export {
   m as default
 };

package/src/components/form-render/container-items/data-table-widget.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as v, watchEffect as D, onMounted as _, createBlock as M, createCommentVNode as N, unref as e, openBlock as W, mergeProps as y, withCtx as F, createElementVNode as S, normalizeStyle as V, createVNode as I } from "vue";
-import L from "./container-wrapper.vue.js";
-import { ComponentNameEnum as P, ContainerTypeEnum as B } from "../../../constants/WidgetTypeEnum.js";
-import { useVxeTable as z, Table as H } from "tmgc2-share";
-import { useField as O } from "../../form-designer/form-widget/field-widget/useField.js";
-import { useTableWidget as j } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
-const X = /* @__PURE__ */ v({
-  name: B.DataTable,
-  componentName: P.FieldWidget,
+import { defineComponent as M, watchEffect as s, onMounted as N, createBlock as P, createCommentVNode as S, unref as e, openBlock as W, mergeProps as y, withCtx as F, createElementVNode as V, normalizeStyle as I, createVNode as L } from "vue";
+import z from "./container-wrapper.vue.js";
+import { ComponentNameEnum as B, ContainerTypeEnum as H } from "../../../constants/WidgetTypeEnum.js";
+import { useVxeTable as O, Table as j } from "tmgc2-share";
+import { useField as q } from "../../form-designer/form-widget/field-widget/useField.js";
+import { useTableWidget as A } from "../../form-designer/form-widget/container-widget/useTableWidget.js";
+const Y = /* @__PURE__ */ M({
+  name: H.DataTable,
+  componentName: B.FieldWidget,
   __name: "data-table-widget",
   props: {
     widget: {},
@@ -17,59 +17,67 @@ const X = /* @__PURE__ */ v({
     subFormRowIndex: {},
     subFormRowId: {}
   },
-  setup(l, { expose: r }) {
-    const t = l, { fieldModel: i, handleHidden: s, defineExposed: d, customClass: c } = O(t), {
-      isLoading: m,
-      tableProps: p,
-      tableWidth: u,
-      pagintion: f,
-      setTableRef: b,
-      initTableSoureData: g,
-      handleTableChange: C,
-      loadDataTableDataSource: h,
+  setup(d, { expose: c }) {
+    const t = d, { fieldModel: p, handleHidden: m, defineExposed: u, customClass: f } = q(t), {
+      isLoading: g,
+      tableProps: b,
+      tableWidth: C,
+      pagintion: l,
+      setPagination: i,
+      setTableRef: h,
+      initTableSoureData: w,
+      handleTableChange: x,
+      loadDataTableDataSource: r,
       onRunEvent: a,
-      onSortChange: x,
-      onCheckboxChange: T,
-      tableDefinExpoed: w
-    } = j({
+      onSortChange: T,
+      onCheckboxChange: v,
+      tableDefinExpoed: E
+    } = A({
       props: t,
-      fieldModel: i
-    }), { tableRef: n, register: E, selectedRowInfo: R, sorts: k } = z({
-      props: p,
+      fieldModel: p
+    });
+    s(() => {
+      t.field.options.showPagination || i({
+        total: 0
+      });
+    }), l.value.onChange = (o, _) => {
+      r();
+    };
+    const { tableRef: n, register: R, selectedRowInfo: k, sorts: D } = O({
+      props: b,
       events: {
         cellDblclick: (o) => a(o, "onDblclick"),
         cellMouseenter: (o) => a(o, "onMouseenter"),
         cellMouseleave: (o) => a(o, "onMouseleave")
       },
       callbacks: {
-        onCheckboxChange: T,
-        onSortChange: x
+        onCheckboxChange: v,
+        onSortChange: T
       }
     });
-    return D(() => {
-      n.value && b(n.value);
-    }), _(() => {
-      setTimeout(() => {
-        g();
-      }, 1e3);
-    }), r({
-      ...d,
-      ...w,
-      sorts: k,
-      selectedRowInfo: R,
-      loadDataTableDataSource: h,
+    return s(() => {
+      n.value && h(n.value);
+    }), N(() => {
+      w();
+    }), c({
+      ...u,
+      ...E,
+      setPagination: i,
+      sorts: D,
+      selectedRowInfo: k,
+      loadDataTableDataSource: r,
       fieldEditor: n
-    }), (o, q) => e(s) ? N("", !0) : (W(), M(L, y({ key: 0 }, t, { customClass: e(c) }), {
+    }), (o, _) => e(m) ? S("", !0) : (W(), P(z, y({ key: 0 }, t, { customClass: e(f) }), {
       default: F(() => [
-        S("div", {
+        V("div", {
           class: "talbe-wrapper",
-          style: V({ width: e(u) })
+          style: I({ width: e(C) })
         }, [
-          I(e(H), {
-            onRegister: e(E),
-            onChange: e(C),
-            loading: e(m),
-            pagination: e(f)
+          L(e(j), {
+            onRegister: e(R),
+            onChange: e(x),
+            loading: e(g),
+            pagination: e(l)
           }, null, 8, ["onRegister", "onChange", "loading", "pagination"])
         ], 4)
       ]),
@@ -78,5 +86,5 @@ const X = /* @__PURE__ */ v({
   }
 });
 export {
-  X as default
+  Y as default
 };

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

@@ -1,9 +1,9 @@
-import { defineComponent as H, computed as u, ref as c, onBeforeUnmount as J, resolveDirective as L, createBlock as N, openBlock as x, unref as s, mergeProps as P, withCtx as C, withDirectives as U, createElementBlock as V, createVNode as D, nextTick as $ } from "vue";
-import { useExecFunction as A, TpfModal as I } from "tmgc2-share";
-import q from "./SubmitButtonRender.vue.js";
-import { useLowcode as z } from "../../hooks/useLowcode.js";
-import G from "../FormRender/index.vue.js";
-const K = { class: "dialog-content" }, le = /* @__PURE__ */ H({
+import { defineComponent as M, computed as f, ref as u, onBeforeUnmount as S, createBlock as V, openBlock as N, unref as i, mergeProps as H, withCtx as y, createElementVNode as J, createVNode as x, nextTick as L } from "vue";
+import { useExecFunction as P, TpfModal as U } from "tmgc2-share";
+import A from "./SubmitButtonRender.vue.js";
+import { useLowcode as I } from "../../hooks/useLowcode.js";
+import $ from "../FormRender/index.vue.js";
+const q = { class: "dialog-content" }, ne = /* @__PURE__ */ M({
   name: "dynamic-dialog",
   __name: "dynamic-dialog",
   props: {
@@ -45,119 +45,116 @@ const K = { class: "dialog-content" }, le = /* @__PURE__ */ H({
       default: null
     }
   },
-  setup(n, { expose: h }) {
-    const e = n, O = u(() => e.options.height || "500px"), p = c(null), m = c(!1), a = c(!1), { context: r, asyncExecuteFunction: v, executeFunction: B } = A(), { vfdRef: i, formConfig: Q, isLoading: b, getComponentJson: R, goBack: W } = z({
+  setup(n, { expose: C }) {
+    const e = n, D = f(() => e.options.height || "500px"), c = u(null), p = u(!1), l = u(!1), { context: r, asyncExecuteFunction: m, executeFunction: R } = P(), { vfdRef: s, formConfig: z, isLoading: v, getComponentJson: F, goBack: G } = I({
       formCode: e.options.formCode,
       ...e.vfCtx
-    }), k = u(() => ({
+    }), O = f(() => ({
       ...e.parentFormRef,
       parentDom: r.value,
-      getParentFormRef: S
-    })), w = u(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
-    J(() => {
+      getParentFormRef: E
+    })), h = f(() => e.options.cancelButtonHidden && e.options.okButtonHidden ? { footer: null } : {});
+    S(() => {
       var t, o;
       console.log(e.parentFormRef), (o = (t = e.parentFormRef) == null ? void 0 : t.setChildFormRef) == null || o.call(t, null);
     });
-    const F = (t) => {
-      b.value = t;
-    }, T = (t) => {
+    const B = (t) => {
+      v.value = t;
+    }, k = (t) => {
       e.options.title = t;
-    }, j = () => {
-      a.value = !0;
-    }, E = () => {
-      a.value = !0, $(async () => {
-        var t, o, l;
-        (t = e.options) != null && t.readMode && ((o = i.value) == null || o.setReadMode(!0)), await R([], e.options.formCode), (l = i.value) == null || l.setDialogOrDrawerRef(r.value), e.parentFormRef && e.parentFormRef.setChildFormRef(i.value), y();
+    }, w = () => {
+      l.value = !0;
+    }, T = () => {
+      l.value = !0, L(async () => {
+        var t, o, a;
+        (t = e.options) != null && t.readMode && ((o = s.value) == null || o.setReadMode(!0)), await F([], e.options.formCode), (a = s.value) == null || a.setDialogOrDrawerRef(r.value), e.parentFormRef && e.parentFormRef.setChildFormRef(s.value), g();
       });
-    }, M = async () => {
+    }, j = async () => {
       if (e.options.onDialogBeforeClose)
-        return await v({
+        return await m({
           functionBody: e.options.onDialogBeforeClose
         });
-      a.value = !1;
-    }, g = () => {
-      d() && (a.value = !1);
-    }, d = async () => e.options.onDialogBeforeClose ? B({
+      l.value = !1;
+    }, b = () => {
+      d() && (l.value = !1);
+    }, d = async () => e.options.onDialogBeforeClose ? R({
       functionBody: e.options.onDialogBeforeClose
-    }) : !0, y = async () => {
+    }) : !0, g = async () => {
       if (e.options.onDialogOpened)
-        return await v({
+        return await m({
           functionBody: e.options.onDialogOpened
         });
-    }, S = () => e.parentFormRef;
-    return h({
+    }, E = () => e.parentFormRef;
+    return C({
+      getFormRef: () => s.value,
       setDisabled: (t) => {
-        m.value = t;
+        p.value = t;
       },
       setleftText: (t) => {
-        p.value = t;
+        c.value = t;
       },
-      setLoading: F,
-      setTitle: T,
-      beforeOpen: j,
-      show: E,
-      close: M,
+      setLoading: B,
+      setTitle: k,
+      beforeOpen: w,
+      show: T,
+      close: j,
       handleBeforeClose: d,
-      handleCloseEvent: g,
-      handleOpenedEvent: y,
+      handleCloseEvent: b,
+      handleOpenedEvent: g,
       updateTable: () => {
-        var t, o, l;
-        (l = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && l.updateTable && e.vfCtx.parent.exposed.updateTable();
+        var t, o, a;
+        (a = (o = (t = e.vfCtx) == null ? void 0 : t.parent) == null ? void 0 : o.exposed) != null && a.updateTable && e.vfCtx.parent.exposed.updateTable();
       },
       getExtraData: () => e.extraData
-    }), (t, o) => {
-      const l = L("loading");
-      return x(), N(s(I), P({
-        class: "tpf-model design-model",
-        destroyOnClose: !0,
-        title: n.options.title,
-        bodyStyle: {
-          height: O.value,
-          overflow: "auto",
-          ...JSON.parse(n.options.bodyStyle || "{}")
-        },
-        centered: !0,
-        visible: a.value,
-        "onUpdate:visible": o[1] || (o[1] = (f) => a.value = f),
-        width: n.options.width,
-        mask: n.options.showModal,
-        maskClosable: n.options.closeOnClickModal,
-        keyboard: n.options.closeOnPressEscape,
-        onCancel: g,
-        "left-num": p.value
-      }, w.value), {
-        footerRight: C(() => [
-          D(q, {
-            disabled: m.value,
-            "dialog-visible": a.value,
-            "onUpdate:dialogVisible": o[0] || (o[0] = (f) => a.value = f),
-            handleBeforeClose: d,
-            options: n.options,
-            ctx: s(i)
-          }, null, 8, ["disabled", "dialog-visible", "options", "ctx"])
-        ]),
-        default: C(() => [
-          U((x(), V("div", K, [
-            D(G, {
-              ref_key: "vfdRef",
-              ref: i,
-              vfCtx: {
-                ...n.vfCtx,
-                instance: s(r)
-              },
-              "parent-form": k.value,
-              "disabled-mode": n.options.disabledMode,
-              "dynamic-creation": !0
-            }, null, 8, ["vfCtx", "parent-form", "disabled-mode"])
-          ])), [
-            [l, s(b)]
-          ])
-        ]),
-        _: 1
-      }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]);
-    };
+    }), (t, o) => (N(), V(i(U), H({
+      class: "tpf-model design-model",
+      destroyOnClose: !0,
+      title: n.options.title,
+      bodyStyle: {
+        height: D.value,
+        overflow: "auto",
+        ...JSON.parse(n.options.bodyStyle || "{}")
+      },
+      centered: !0,
+      visible: l.value,
+      "onUpdate:visible": o[1] || (o[1] = (a) => l.value = a),
+      width: n.options.width,
+      mask: n.options.showModal,
+      maskClosable: n.options.closeOnClickModal,
+      keyboard: n.options.closeOnPressEscape,
+      onCancel: b,
+      "left-num": c.value
+    }, h.value), {
+      footerRight: y(() => [
+        x(A, {
+          disabled: p.value,
+          "dialog-visible": l.value,
+          "onUpdate:dialogVisible": o[0] || (o[0] = (a) => l.value = a),
+          handleBeforeClose: d,
+          options: n.options,
+          ctx: i(s)
+        }, null, 8, ["disabled", "dialog-visible", "options", "ctx"])
+      ]),
+      default: y(() => [
+        J("div", q, [
+          x($, {
+            ref_key: "vfdRef",
+            ref: s,
+            loading: i(v),
+            vfCtx: {
+              ...n.vfCtx,
+              instance: i(r)
+            },
+            "parent-form": O.value,
+            "disabled-mode": n.options.disabledMode,
+            "dynamic-creation": !0
+          }, null, 8, ["loading", "vfCtx", "parent-form", "disabled-mode"])
+        ])
+      ]),
+      _: 1
+    }, 16, ["title", "bodyStyle", "visible", "width", "mask", "maskClosable", "keyboard", "left-num"]));
   }
 });
 export {
-  le as default
+  ne as default
 };