@kp-ui/lowcode 2.15.0-alpha.7 → 2.15.0-alpha.8

package/install.js

@@ -1,21 +1,22 @@
 /* empty css                       */
 import "./_virtual/virtual_svg-icons-register.js";
-import { VxeTooltip as i } from "vxe-pc-ui";
-import { basicFieldsEnums as x } from "./src/components/form-designer/widget-panel/basicFieldsEnums.js";
-import { default as P } from "./src/components/form-designer/index.vue.js";
-import { openCustomerModal as n } from "./src/components/public/CustomerModal/useCustomerModal.js";
-import { default as $ } from "./src/components/form-render/SubmitButtonRender.vue.js";
-import { useLowcode as F } from "./src/hooks/useLowcode.js";
-import { default as V } from "./src/components/FormRender/index.vue.js";
-const g = (e) => {
+import { VxeTooltip as f } from "vxe-pc-ui";
+import { basicFieldsEnums as b } from "./src/components/form-designer/widget-panel/basicFieldsEnums.js";
+import { default as R } from "./src/components/form-designer/index.vue.js";
+/* empty css                                        */
+import { openCustomerModal as m } from "./src/components/public/CustomerModal/useCustomerModal.js";
+import { default as C } from "./src/components/form-render/SubmitButtonRender.vue.js";
+import { useLowcode as M } from "./src/hooks/useLowcode.js";
+import { default as h } from "./src/components/FormRender/index.vue.js";
+const u = (e) => {
   const { app: o, http: r, factoryRender: t, useMountApp: p, getUserInfo: s } = e;
-  o.config.globalProperties.$http = r, o.config.globalProperties.$getUserInfo = s, o.config.globalProperties.$factoryRender = t, o.config.globalProperties.$openCustomerModal = (f) => n(f, p), o.use(i);
+  o.config.globalProperties.$http = r, o.config.globalProperties.$getUserInfo = s, o.config.globalProperties.$factoryRender = t, o.config.globalProperties.$openCustomerModal = (i) => m(i, p), o.use(f);
 };
 export {
-  $ as SubmitButtonRender,
-  P as VFormDesigner,
-  V as VFormRender,
-  x as basicFieldsEnums,
-  g as registerLowcodeCore,
-  F as useLowcode
+  C as SubmitButtonRender,
+  R as VFormDesigner,
+  h as VFormRender,
+  b as basicFieldsEnums,
+  u as registerLowcodeCore,
+  M as useLowcode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.15.0-alpha.7",
+  "version": "2.15.0-alpha.8",
   "publishConfig": {
     "access": "public"
   },

package/src/components/FormRender/Debugger.vue.js

@@ -1,97 +1,7 @@
-import r from "./Debugger.vue2.js";
-import { createElementBlock as n, openBlock as l, normalizeClass as g, createElementVNode as e, toDisplayString as o, Fragment as c, renderList as a } from "vue";
+import o from "./Debugger.vue2.js";
 /* empty css              */
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = { class: "debug-content" }, u = { class: "debug-section" }, f = { class: "debug-section" }, b = { class: "widget-list" }, v = ["onClick"], p = { class: "widget-key" }, w = { class: "debug-section" }, h = { class: "widget-list" };
-function k(C, s, D, i, V, F) {
-  return l(), n(
-    "div",
-    {
-      class: g(["debug-panel", { collapsed: !i.debugVisible }])
-    },
-    [
-      e(
-        "div",
-        {
-          class: "debug-toggle",
-          onClick: s[0] || (s[0] = (t) => i.debugVisible = !i.debugVisible)
-        },
-        o(i.debugVisible ? "收起" : "调试"),
-        1
-        /* TEXT */
-      ),
-      e("div", m, [
-        e("div", u, [
-          s[1] || (s[1] = e(
-            "h3",
-            null,
-            "Form Data Model",
-            -1
-            /* CACHED */
-          )),
-          e(
-            "pre",
-            null,
-            o(JSON.stringify(i.formDataModel, null, 2)),
-            1
-            /* TEXT */
-          )
-        ]),
-        e("div", f, [
-          e(
-            "h3",
-            null,
-            "Widget Ref List (" + o(i.widgetRefList.size) + " widgets)",
-            1
-            /* TEXT */
-          ),
-          e("div", b, [
-            (l(!0), n(
-              c,
-              null,
-              a(i.widgetRefList, ([t, d]) => (l(), n("div", {
-                onClick: (L) => console.log(d),
-                key: t,
-                class: "widget-item"
-              }, [
-                e(
-                  "div",
-                  p,
-                  o(t),
-                  1
-                  /* TEXT */
-                )
-              ], 8, v))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ])
-        ]),
-        e("div", w, [
-          s[2] || (s[2] = e(
-            "h3",
-            null,
-            "FormConfig",
-            -1
-            /* CACHED */
-          )),
-          e("div", h, [
-            e(
-              "pre",
-              null,
-              o(JSON.stringify(i.formConfig, null, 2)),
-              1
-              /* TEXT */
-            )
-          ])
-        ])
-      ])
-    ],
-    2
-    /* CLASS */
-  );
-}
-const N = /* @__PURE__ */ _(r, [["render", k], ["__scopeId", "data-v-3a7d0907"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/FormRender/Debugger.vue"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9289778f"]]);
 export {
-  N as default
+  m as default
 };

package/src/components/FormRender/Debugger.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, useModel as m, inject as t, ref as p } from "vue";
-const l = /* @__PURE__ */ u({
+import { defineComponent as v, useModel as m, inject as n, ref as _, createElementBlock as d, openBlock as r, normalizeClass as p, createElementVNode as e, toDisplayString as t, unref as l, Fragment as b, renderList as C } from "vue";
+const w = { class: "debug-content" }, h = { class: "debug-section" }, k = { class: "debug-section" }, D = { class: "widget-list" }, M = ["onClick"], y = { class: "widget-key" }, L = { class: "debug-section" }, B = { class: "widget-list" }, x = /* @__PURE__ */ v({
   __name: "Debugger",
   props: {
     visible: {
@@ -9,12 +9,42 @@ const l = /* @__PURE__ */ u({
     visibleModifiers: {}
   },
   emits: ["update:visible"],
-  setup(o, { expose: r }) {
-    r();
-    const i = m(o, "visible"), s = t("formData", {}), f = t("refList", p(/* @__PURE__ */ new Map())), a = t("formConfig"), n = { debugVisible: i, formDataModel: s, widgetRefList: f, formConfig: a, getWidgetType: (e) => e ? e.$ ? "Vue Component Instance" : typeof e : "undefined", getElementInfo: (e) => e ? e.tagName ? `<${e.tagName.toLowerCase()}>` : "Element" : "N/A" };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  setup(u) {
+    const i = m(u, "visible"), c = n("formData", {}), a = n("refList", _(/* @__PURE__ */ new Map())), g = n("formConfig");
+    return (F, s) => (r(), d("div", {
+      class: p(["debug-panel", { collapsed: !i.value }])
+    }, [
+      e("div", {
+        class: "debug-toggle",
+        onClick: s[0] || (s[0] = (o) => i.value = !i.value)
+      }, t(i.value ? "收起" : "调试"), 1),
+      e("div", w, [
+        e("div", h, [
+          s[1] || (s[1] = e("h3", null, "Form Data Model", -1)),
+          e("pre", null, t(JSON.stringify(l(c), null, 2)), 1)
+        ]),
+        e("div", k, [
+          e("h3", null, "Widget Ref List (" + t(l(a).size) + " widgets)", 1),
+          e("div", D, [
+            (r(!0), d(b, null, C(l(a), ([o, f]) => (r(), d("div", {
+              onClick: (N) => console.log(f),
+              key: o,
+              class: "widget-item"
+            }, [
+              e("div", y, t(o), 1)
+            ], 8, M))), 128))
+          ])
+        ]),
+        e("div", L, [
+          s[2] || (s[2] = e("h3", null, "FormConfig", -1)),
+          e("div", B, [
+            e("pre", null, t(JSON.stringify(l(g), null, 2)), 1)
+          ])
+        ])
+      ])
+    ], 2));
   }
 });
 export {
-  l as default
+  x as default
 };

package/src/components/FormRender/FormContainer.js

@@ -1,7 +1,7 @@
-import { defineComponent as w, ref as D, computed as o, onMounted as F, createVNode as l } from "vue";
+import { defineComponent as w, ref as D, computed as o, onMounted as F, createVNode as m } from "vue";
 import { Form as h } from "ant-design-vue";
 import E from "../form-render/RenderWigetList.vue.js";
-import { useEmitter as L } from "../../utils/useEmitter.js";
+import { useEmitter as O } from "../../utils/useEmitter.js";
 const P = /* @__PURE__ */ w({
   props: {
     context: {
@@ -12,17 +12,17 @@ const P = /* @__PURE__ */ w({
   emits: ["form-submit", "form-cancel"],
   setup(e, {
     emit: i,
-    expose: m
+    expose: c
   }) {
-    var r;
-    const c = D(), {
+    var l;
+    const n = D(), {
       emit$: d,
       on$: u,
       off$: f
-    } = L(), a = o(() => e.context.formDataModel.value), s = o(() => e.context.readModeFlag.value), v = o(() => e.context.formConfig.value), g = o(() => e.context.widgetList.value), x = o(() => e.context.labelPosition.value), y = o(() => e.context.customClass.value), b = (r = e == null ? void 0 : e.context) == null ? void 0 : r.formValidator, C = () => {
+    } = O(), a = o(() => e.context.formDataModel.value), s = o(() => e.context.readModeFlag.value), v = o(() => e.context.formConfig.value), g = o(() => e.context.widgetList.value), x = o(() => e.context.labelPosition.value), y = o(() => e.context.customClass.value), b = (l = e == null ? void 0 : e.context) == null ? void 0 : l.formValidator, C = () => {
       var t;
-      ((t = v.value) == null ? void 0 : t.isEnterSubmit) === 1 && n();
-    }, n = async () => {
+      ((t = v.value) == null ? void 0 : t.isEnterSubmit) === 1 && r();
+    }, r = async () => {
       try {
         if (await b.validate()) {
           const M = e.context.getFormData();
@@ -33,20 +33,21 @@ const P = /* @__PURE__ */ w({
       }
     };
     return F(() => {
-    }), m({
+    }), c({
+      renderForm: n,
       off$: f,
       on$: u,
       emit$: d,
-      handleOnSubmit: n
-    }), () => l(h, {
-      ref: c,
+      handleOnSubmit: r
+    }), () => m(h, {
+      ref: n,
       layout: x.value,
       class: ["render-form", "tpf-form", y.value, s.value ? "readonly-mode-form" : ""],
       validateOnRuleChange: !1,
       model: a.value,
       onKeydown: (t) => t.key === "Enter" && C()
     }, {
-      default: () => [l(E, {
+      default: () => [m(E, {
         "parent-widget": null,
         "widget-list": g.value,
         formDataModel: a.value,

package/src/components/FormRender/index.vue.js

@@ -1,37 +1,82 @@
-import t from "./index.vue2.js";
-import { createElementBlock as m, openBlock as o, Fragment as l, createElementVNode as a, createBlock as c, createCommentVNode as d, createVNode as n, mergeProps as f } from "vue";
-import s from "../../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "form-render-wrapper" };
-function b(_, r, p, e, u, v) {
-  return o(), m(
-    l,
-    null,
-    [
-      a("div", g, [
-        n(e.FormContainer, {
-          ref: "formContainer",
-          context: e.formContext,
-          onFormSubmit: e.handleFormSubmit
+import { defineComponent as L, computed as N, ref as f, getCurrentInstance as B, onMounted as V, watch as k, createElementBlock as S, openBlock as h, Fragment as w, createElementVNode as J, createVNode as t, unref as r, mergeProps as E } from "vue";
+import I from "../form-render/dynamic-dialog.vue.js";
+/* empty css                                 */
+import u from "./FormContainer.js";
+import { useFormContext as M } from "./useFormContext.js";
+import { useI18n as P } from "../../utils/i18n.js";
+import { storeToRefs as T } from "pinia";
+import { useLocaleStore as z } from "@kp-ui/i18n";
+import { getLocat as U } from "@kp-ui/tool";
+import $ from "./Debugger.vue.js";
+import { useComRef as j } from "tmgc2-share";
+const q = { class: "form-render-wrapper" }, oe = /* @__PURE__ */ L({
+  name: "VFormRender",
+  componentName: "VFormRender",
+  __name: "index",
+  props: {
+    vfCtx: { default: () => ({}) },
+    formJson: { default: () => ({ widgetList: [], formConfig: {} }) },
+    formData: { default: () => ({}) },
+    optionData: { default: () => ({}) },
+    disabledMode: { type: Boolean, default: !1 },
+    renderConfig: { default: () => ({ languageName: "zh-CN" }) },
+    globalDsv: { default: () => ({}) },
+    parentForm: { default: null },
+    dynamicCreation: { type: Boolean, default: !1 },
+    debug: { type: Boolean }
+  },
+  emits: ["form-submit", "form-cancel"],
+  setup(c, { expose: d, emit: p }) {
+    const { initLocale: g } = P(), b = z(), { locale: n } = T(b);
+    N(() => U().debug === "1");
+    const m = f(!1);
+    B();
+    const a = c, l = f(), o = j(u), v = p, e = M({
+      props: a,
+      renderForm: l
+    }), C = (i) => {
+      v("form-submit", i);
+    }, _ = () => (console.log(o.value), o.value);
+    V(() => {
+      console.log(321321321321), e.registerToRefList("v_form_ref");
+    }), k(
+      n,
+      () => {
+        g(n.value);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const F = () => {
+    }, { dynamicDialgRef: x, dialogProps: y, emitter: R } = e;
+    return d({
+      ...R,
+      ...e,
+      getNativeForm: _,
+      setLoading: F,
+      formJson: a.formJson,
+      renderForm: l
+    }), (i, s) => (h(), S(w, null, [
+      J("div", q, [
+        t(r(u), {
+          ref_key: "formContainer",
+          ref: o,
+          context: r(e),
+          onFormSubmit: C
         }, null, 8, ["context"]),
-        n(
-          e.DynamicDialog,
-          f(e.dialogProps, { ref: "dynamicDialgRef" }),
-          null,
-          16
-          /* FULL_PROPS */
-        )
+        t(I, E(r(y), {
+          ref_key: "dynamicDialgRef",
+          ref: x
+        }), null, 16)
       ]),
-      e.debug ? (o(), c(e.Debugger, {
-        key: 0,
-        visible: e.debugVisible,
-        "onUpdate:visible": r[0] || (r[0] = (i) => e.debugVisible = i)
-      }, null, 8, ["visible"])) : d("v-if", !0)
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const k = /* @__PURE__ */ s(t, [["render", b], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/FormRender/index.vue"]]);
+      t($, {
+        visible: m.value,
+        "onUpdate:visible": s[0] || (s[0] = (D) => m.value = D)
+      }, null, 8, ["visible"])
+    ], 64));
+  }
+});
 export {
-  k as default
+  oe as default
 };

package/src/components/FormRender/index.vue2.js

@@ -1,62 +1,4 @@
-import { defineComponent as D, computed as j, ref as n, getCurrentInstance as x, onMounted as L, watch as O } from "vue";
-import v from "../form-render/dynamic-dialog.vue.js";
-import R from "./FormContainer.js";
-import { useFormContext as S } from "./useFormContext.js";
-import { useI18n as h } from "../../utils/i18n.js";
-import { storeToRefs as B } from "pinia";
-import { useLocaleStore as J } from "@kp-ui/i18n";
-import { getLocat as N } from "@kp-ui/tool";
-import V from "./Debugger.vue.js";
-const G = /* @__PURE__ */ D({
-  name: "VFormRender",
-  componentName: "VFormRender",
-  __name: "index",
-  props: {
-    vfCtx: { type: Object, required: !1, default: () => ({}) },
-    formJson: { type: null, required: !1, default: () => ({ widgetList: [], formConfig: {} }) },
-    formData: { type: Object, required: !1, default: () => ({}) },
-    optionData: { type: Object, required: !1, default: () => ({}) },
-    disabledMode: { type: Boolean, required: !1, default: !1 },
-    renderConfig: { type: Object, required: !1, default: () => ({ languageName: "zh-CN" }) },
-    globalDsv: { type: Object, required: !1, default: () => ({}) },
-    parentForm: { type: null, required: !1, default: null },
-    dynamicCreation: { type: Boolean, required: !1, default: !1 },
-    debug: { type: Boolean, required: !1 }
-  },
-  emits: ["form-submit", "form-cancel"],
-  setup(u, { expose: d, emit: c }) {
-    const { initLocale: a } = h(), i = J(), { locale: t } = B(i), p = j(() => N().debug === "1"), g = n(!1), b = x(), o = u, r = n(), y = n(), m = c, e = S({
-      props: o,
-      renderForm: r
-    }), C = (F) => {
-      m("form-submit", F);
-    };
-    L(() => {
-      e.registerToRefList("v_form_ref");
-    }), O(
-      t,
-      () => {
-        a(t.value);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const s = () => {
-    }, { dynamicDialgRef: _, dialogProps: q, emitter: f } = e;
-    d({
-      ...f,
-      ...e,
-      setLoading: s,
-      formJson: o.formJson,
-      renderForm: r
-    });
-    const l = { initLocale: a, localeStore: i, locale: t, debug: p, debugVisible: g, instance: b, props: o, renderForm: r, formContainer: y, emit: m, formContext: e, handleFormSubmit: C, setLoading: s, dynamicDialgRef: _, dialogProps: q, emitter: f, DynamicDialog: v, get FormContainer() {
-      return R;
-    }, Debugger: V };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
-  }
-});
+import f from "./index.vue.js";
 export {
-  G as default
+  f as default
 };