@kp-ui/lowcode 2.15.0-alpha.9 → 2.15.0-beta.7

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

@@ -1,57 +1,51 @@
-import { defineComponent as L, mergeModels as M, defineAsyncComponent as T, provide as V, ref as B, useModel as E, computed as N, watchEffect as P, nextTick as J, resolveComponent as S, createBlock as A, openBlock as H, unref as s, withCtx as i, createElementVNode as g, createVNode as a, createTextVNode as n, toDisplayString as u } from "vue";
-import { useI18n as I } from "../../../utils/i18n.js";
+import { defineComponent as h, mergeModels as D, defineAsyncComponent as L, provide as R, ref as T, useModel as M, computed as V, watchEffect as B, nextTick as E, resolveComponent as N, createBlock as J, openBlock as P, unref as o, withCtx as t, createElementVNode as u, createVNode as i, createTextVNode as a, toDisplayString as m } from "vue";
+import { useI18n as S } from "../../../utils/i18n.js";
 import { getLocat as c } from "@kp-ui/tool";
-import { useLowcode as U } from "../../../hooks/useLowcode.js";
-import { TpfModal as W } from "tmgc2-share";
-import { fmtHttpParams as j } from "../../../utils/request/fmtHttpParams.js";
-import { cloneDeep as C } from "lodash-es";
-import { useDesigner as q } from "../form-widget/useFormDesigner.js";
-const z = { class: "form-render-wrapper" }, te = /* @__PURE__ */ L({
+import { useLowcode as A } from "../../../hooks/useLowcode.js";
+import { TpfModal as I } from "tmgc2-share";
+import { cloneDeep as p } from "lodash-es";
+import { useDesigner as U } from "../../../hooks/useDesigner.js";
+const j = { class: "form-render-wrapper" }, X = /* @__PURE__ */ h({
   __name: "PreviewDialog",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ D({
     layoutType: {}
   }, {
     visible: { default: !1 },
     visibleModifiers: {}
   }),
   emits: ["update:visible"],
-  setup(b) {
-    const y = T(() => import("../../FormRender/index.vue2.js"));
-    V("designState", !1);
-    const { formConfig: _, designer: d } = q(), w = B({ type: "add", ...c() }), { i18nt: l } = I(), f = E(b, "visible"), F = () => {
+  setup(v) {
+    const g = L(() => import("../../FormRender/index.vue.js"));
+    R("designState", !1);
+    const { designer: f } = U(), C = T({ type: "add", ...c() }), { i18nt: s } = S(), d = M(v, "visible"), b = () => {
       var e;
-      (e = t.value) == null || e.resetForm();
-    }, k = () => {
+      (e = n.value) == null || e.resetForm();
+    }, y = () => {
       var e;
-      (e = t.value) == null || e.disableForm();
-    }, D = () => {
+      (e = n.value) == null || e.disableForm();
+    }, _ = () => {
       var e;
-      (e = t.value) == null || e.enableForm();
-    }, { vfdRef: t, goBack: G } = U({
+      (e = n.value) == null || e.enableForm();
+    }, { vfdRef: n, goBack: q } = A({
       formCode: c().formCode
-    }), x = async () => {
-      var m, p, v;
-      const { id: e } = c(), o = await j(_.value.serveList.vformDetail, { _id: e }), r = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
-      (m = t.value) == null || m.getWidgetRef("leaveDates").setValue(r), (p = t.value) == null || p.setFormData({
-        ...o
-      }), (v = t.value) == null || v.setReadMode(!0);
-    }, h = () => {
-      f.value = !1;
-    }, R = N(() => ({
-      widgetList: C(d.value.widgetList),
-      formConfig: C(d.value.formConfig)
+    }), w = async () => {
+    }, k = () => {
+      d.value = !1;
+    }, F = V(() => ({
+      widgetList: p(f.value.widgetList),
+      formConfig: p(f.value.formConfig)
     }));
-    return P(async () => {
-      f.value === !0 && (await J(), d.value.formConfig, d.value.widgetList, setTimeout(() => {
+    return B(async () => {
+      d.value === !0 && (await E(), f.value.formConfig, f.value.widgetList, setTimeout(() => {
         var e;
-        (e = t.value) == null || e.setFormJson(R.value);
+        (e = n.value) == null || e.setFormJson(F.value);
       }, 1e3));
-    }), (e, o) => {
-      const r = S("a-button");
-      return H(), A(s(W), {
-        title: s(l)("designer.toolbar.preview"),
-        visible: f.value,
-        "onUpdate:visible": o[0] || (o[0] = (m) => f.value = m),
+    }), (e, r) => {
+      const l = N("a-button");
+      return P(), J(o(I), {
+        title: o(s)("designer.toolbar.preview"),
+        visible: d.value,
+        "onUpdate:visible": r[0] || (r[0] = (x) => d.value = x),
         "show-close": !0,
         "close-on-click-modal": !1,
         "close-on-press-escape": !1,
@@ -59,58 +53,58 @@ const z = { class: "form-render-wrapper" }, te = /* @__PURE__ */ L({
         class: "drag-dialog",
         fullscreen: !0
       }, {
-        footerRight: i(() => [
-          o[2] || (o[2] = g("span", {
+        footerRight: t(() => [
+          r[2] || (r[2] = u("span", {
             id: "footerRight",
             style: { "margin-right": "8px" }
           }, null, -1)),
-          a(r, { onClick: x }, {
-            default: i(() => o[1] || (o[1] = [
-              n("数据回显")
+          i(l, { onClick: w }, {
+            default: t(() => r[1] || (r[1] = [
+              a("数据回显")
             ])),
             _: 1,
             __: [1]
           }),
-          a(r, {
+          i(l, {
             type: "primary",
-            onClick: F
+            onClick: b
           }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.resetForm")), 1)
+            default: t(() => [
+              a(m(o(s)("designer.hint.resetForm")), 1)
             ]),
             _: 1
           }),
-          a(r, {
+          i(l, {
             type: "primary",
-            onClick: k
+            onClick: y
           }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.disableForm")), 1)
+            default: t(() => [
+              a(m(o(s)("designer.hint.disableForm")), 1)
             ]),
             _: 1
           }),
-          a(r, {
+          i(l, {
             type: "primary",
-            onClick: D
+            onClick: _
           }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.enableForm")), 1)
+            default: t(() => [
+              a(m(o(s)("designer.hint.enableForm")), 1)
             ]),
             _: 1
           }),
-          a(r, { onClick: h }, {
-            default: i(() => [
-              n(u(s(l)("designer.hint.closePreview")), 1)
+          i(l, { onClick: k }, {
+            default: t(() => [
+              a(m(o(s)("designer.hint.closePreview")), 1)
             ]),
             _: 1
           })
         ]),
-        default: i(() => [
-          g("div", z, [
-            a(s(y), {
-              vfCtx: w.value,
+        default: t(() => [
+          u("div", j, [
+            i(o(g), {
+              vfCtx: C.value,
               ref_key: "vfdRef",
-              ref: t
+              ref: n
             }, null, 8, ["vfCtx"])
           ])
         ]),
@@ -120,5 +114,6 @@ const z = { class: "form-render-wrapper" }, te = /* @__PURE__ */ L({
   }
 });
 export {
-  te as default
+  X as default
 };
+//# sourceMappingURL=PreviewDialog.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewDialog.vue.js","sources":["../../../../../src/components/form-designer/toolbar-panel/PreviewDialog.vue"],"sourcesContent":["<template>\n    <TpfModal\n        :title=\"i18nt('designer.toolbar.preview')\"\n        v-model:visible=\"visible\"\n        :show-close=\"true\"\n        :close-on-click-modal=\"false\"\n        :close-on-press-escape=\"false\"\n        center\n        class=\"drag-dialog\"\n        :fullscreen=\"true\"\n    >\n        <div class=\"form-render-wrapper\">\n            <VFormRender :vfCtx=\"vfCtx\" ref=\"vfdRef\" />\n        </div>\n        <template #footerRight>\n            <span id=\"footerRight\" style=\"margin-right: 8px\"> </span>\n            <a-button @click=\"showData\">数据回显</a-button>\n            <!-- <a-button type=\"primary\" @click=\"getFormData\">\n                {{ i18nt('designer.hint.getFormData') }}\n            </a-button> -->\n            <a-button type=\"primary\" @click=\"resetForm\">\n                {{ i18nt('designer.hint.resetForm') }}\n            </a-button>\n            <a-button type=\"primary\" @click=\"setFormDisabled\">\n                {{ i18nt('designer.hint.disableForm') }}\n            </a-button>\n            <a-button type=\"primary\" @click=\"setFormEnabled\">\n                {{ i18nt('designer.hint.enableForm') }}\n            </a-button>\n            <a-button @click=\"handleCloseDialog\">\n                {{ i18nt('designer.hint.closePreview') }}\n            </a-button>\n        </template>\n    </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n    import { useI18n } from '@/utils/i18n';\n    import { computed, defineAsyncComponent, nextTick, provide, ref, watchEffect } from 'vue';\n    import { getLocat } from '@kp-ui/tool';\n    import { useLowcode } from '@/hooks/useLowcode';\n    import { TpfModal } from 'tmgc2-share';\n    import { cloneDeep } from 'lodash-es';\n    import { useDesigner } from '@/hooks/useDesigner';\n    const VFormRender = defineAsyncComponent(() => import('@/components/FormRender/index.vue'));\n    defineProps<{\n        layoutType: string;\n    }>();\n\n    provide('designState', false);\n    const { formConfig, designer } = useDesigner();\n    const vfCtx = ref({ type: 'add', ...getLocat() });\n\n    const { i18nt } = useI18n();\n    const visible = defineModel('visible', { default: false });\n\n    const resetForm = () => {\n        vfdRef.value?.resetForm();\n    };\n\n    const setFormDisabled = () => {\n        vfdRef.value?.disableForm();\n    };\n\n    const setFormEnabled = () => {\n        vfdRef.value?.enableForm();\n    };\n\n    const { vfdRef, goBack } = useLowcode({\n        formCode: getLocat().formCode\n    });\n\n    const showData = async () => {\n        // const { id: _id } = getLocat();\n        // // const dsResult = await fmtHttpParams(formConfig.value.serveList.vformDetail, { _id });\n        // const leaveDates = [{ date: '2024-10-28' }, { date: '2024-10-29' }, { date: '2024-10-20' }];\n        // vfdRef.value?.getWidgetRef('leaveDates').setValue(leaveDates);\n        // vfdRef.value?.setFormData({\n        //     ...dsResult\n        // });\n        // vfdRef.value?.setReadMode(true);\n    };\n\n    const handleCloseDialog = () => {\n        visible.value = false;\n    };\n\n    // 计算属性\n    const formJson = computed(() => {\n        return {\n            widgetList: cloneDeep(designer.value.widgetList),\n            formConfig: cloneDeep(designer.value.formConfig)\n        };\n    });\n\n    watchEffect(async () => {\n        if (visible.value === true) {\n            await nextTick();\n            const formConfig = designer.value.formConfig;\n            const widgetList = designer.value.widgetList;\n            setTimeout(() => {\n                vfdRef.value?.setFormJson(formJson.value);\n            }, 1000);\n        }\n    });\n</script>\n"],"names":["VFormRender","defineAsyncComponent","provide","designer","useDesigner","vfCtx","ref","getLocat","i18nt","useI18n","visible","_useModel","__props","resetForm","_a","vfdRef","setFormDisabled","setFormEnabled","goBack","useLowcode","showData","handleCloseDialog","formJson","computed","cloneDeep","watchEffect","nextTick","_createBlock","_unref","TpfModal","$event","_createElementVNode","_createVNode","_component_a_button","_cache","_hoisted_1"],"mappings":"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"}

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

@@ -2,3 +2,4 @@ import f from "./PreviewDialog.vue.js";
 export {
   f as default
 };
+//# sourceMappingURL=PreviewDialog.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewDialog.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,7 +1,8 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-1ca870c4"]]);
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-4565cd1a"]]);
 export {
-  m as default
+  p as default
 };
+//# sourceMappingURL=index.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}