@kp-ui/lowcode 2.15.0-alpha.4 → 2.15.0-alpha.6

package/src/components/form-designer/form-widget/widgetAction.vue.js

@@ -1,7 +1,79 @@
-import o from "./widgetAction.vue2.js";
+import s from "./widgetAction.vue2.js";
+import { createElementBlock as o, openBlock as d, Fragment as a, createCommentVNode as c, createElementVNode as r, withModifiers as g, createVNode as n, toDisplayString as v } from "vue";
 /* empty css                  */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f72ea793"]]);
+import m from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  key: 0,
+  class: "container-action"
+}, f = ["title"], w = ["title"], k = ["title"], h = ["title"], W = ["title"], y = {
+  key: 1,
+  class: "drag-handler"
+}, I = ["title"], S = { key: 0 };
+function C(b, i, t, e, x, D) {
+  return d(), o(
+    a,
+    null,
+    [
+      e.selected ? (d(), o("div", _, [
+        r("i", {
+          title: e.i18nt("designer.hint.selectParentWidget"),
+          onClick: i[0] || (i[0] = g((l) => e.selectParentWidget(), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-back" })
+        ], 8, f),
+        r("i", {
+          title: e.i18nt("designer.hint.moveUpWidget"),
+          onClick: i[1] || (i[1] = g((l) => e.moveUpWidget(), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-move-up" })
+        ], 8, w),
+        t.parentList && t.parentList.length > 1 ? (d(), o("i", {
+          key: 0,
+          title: e.i18nt("designer.hint.moveDownWidget"),
+          onClick: i[2] || (i[2] = g((l) => e.moveDownWidget(), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-move-down" })
+        ], 8, k)) : c("v-if", !0),
+        t.widget.type === "grid" ? (d(), o("i", {
+          key: 1,
+          title: e.i18nt("designer.hint.cloneWidget"),
+          onClick: i[3] || (i[3] = g((l) => e.cloneContainer(t.widget), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-clone" })
+        ], 8, h)) : c("v-if", !0),
+        r("i", {
+          title: e.i18nt("designer.hint.remove"),
+          onClick: i[4] || (i[4] = g((...l) => e.removeWidget && e.removeWidget(...l), ["stop"]))
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-delete" })
+        ], 8, W)
+      ])) : c("v-if", !0),
+      e.selected && !t.widget.internal && t.isDrag ? (d(), o("div", y, [
+        r("i", {
+          title: e.i18nt("designer.hint.dragHandler")
+        }, [
+          n(e.SvgIcon, { "icon-class": "icon-el-drag-move" })
+        ], 8, I),
+        r(
+          "i",
+          null,
+          v(t.widget.showName || e.i18n2t(
+            `designer.widgetLabel.${t.widget.type}`,
+            `extension.widgetLabel.${t.widget.type}`
+          )),
+          1
+          /* TEXT */
+        ),
+        t.widget.options.hidden === !0 ? (d(), o("i", S, [
+          n(e.SvgIcon, { "icon-class": "icon-el-hide" })
+        ])) : c("v-if", !0)
+      ])) : c("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const A = /* @__PURE__ */ m(s, [["render", C], ["__scopeId", "data-v-840cd936"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/widgetAction.vue"]]);
 export {
-  f as default
+  A as default
 };

package/src/components/form-designer/form-widget/widgetAction.vue2.js

@@ -1,94 +1,39 @@
-import { defineComponent as C, createElementBlock as r, openBlock as d, Fragment as W, createCommentVNode as a, unref as e, createElementVNode as g, withModifiers as c, createVNode as n, toDisplayString as b } from "vue";
-import { useI18n as L } from "../../../utils/i18n.js";
-import { SvgIcon as o } from "tmgc2-share";
-import { useContainerWidget as $ } from "./container-widget/useContainerWidget.js";
-const D = {
-  key: 0,
-  class: "container-action"
-}, I = ["title"], F = ["title"], N = ["title"], _ = ["title"], B = ["title"], P = {
-  key: 1,
-  class: "drag-handler"
-}, V = ["title"], A = { key: 0 }, H = /* @__PURE__ */ C({
+import { defineComponent as f } from "vue";
+import { useI18n as c } from "../../../utils/i18n.js";
+import { SvgIcon as g } from "tmgc2-share";
+import { useContainerWidget as y } from "./container-widget/useContainerWidget.js";
+const I = /* @__PURE__ */ f({
   name: "container-action",
   inheritAttrs: !1,
   __name: "widgetAction",
   props: {
-    widget: {},
-    field: {},
-    parentWidget: {},
-    parentList: {},
-    indexOfParentList: {},
-    subFormRowIndex: {},
-    subFormRowId: {},
-    designer: {},
-    subFormColIndex: {},
-    isDrag: { type: Boolean, default: !0 }
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !1 },
+    parentList: { type: [Array, null], required: !1 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 },
+    designer: { type: null, required: !1 },
+    subFormColIndex: { type: Number, required: !1 },
+    isDrag: { type: Boolean, required: !1, default: !0 }
   },
-  setup(u) {
-    const { i18nt: s, i18n2t: w } = L(), v = u, {
-      selected: m,
-      moveUpWidget: f,
-      selectParentWidget: h,
-      cloneContainer: k,
+  setup(r, { expose: n }) {
+    n();
+    const { i18nt: i, i18n2t: o } = c(), e = r, {
+      selected: s,
+      moveUpWidget: u,
+      selectParentWidget: a,
+      cloneContainer: d,
       removeWidget: p,
-      moveDownWidget: y
-    } = $(v);
-    return (t, i) => (d(), r(W, null, [
-      e(m) ? (d(), r("div", D, [
-        g("i", {
-          title: e(s)("designer.hint.selectParentWidget"),
-          onClick: i[0] || (i[0] = c((l) => e(h)(), ["stop"]))
-        }, [
-          n(e(o), { "icon-class": "icon-el-back" })
-        ], 8, I),
-        g("i", {
-          title: e(s)("designer.hint.moveUpWidget"),
-          onClick: i[1] || (i[1] = c((l) => e(f)(), ["stop"]))
-        }, [
-          n(e(o), { "icon-class": "icon-el-move-up" })
-        ], 8, F),
-        t.parentList && t.parentList.length > 1 ? (d(), r("i", {
-          key: 0,
-          title: e(s)("designer.hint.moveDownWidget"),
-          onClick: i[2] || (i[2] = c((l) => e(y)(), ["stop"]))
-        }, [
-          n(e(o), { "icon-class": "icon-el-move-down" })
-        ], 8, N)) : a("", !0),
-        t.widget.type === "grid" ? (d(), r("i", {
-          key: 1,
-          title: e(s)("designer.hint.cloneWidget"),
-          onClick: i[3] || (i[3] = c((l) => e(k)(t.widget), ["stop"]))
-        }, [
-          n(e(o), { "icon-class": "icon-el-clone" })
-        ], 8, _)) : a("", !0),
-        g("i", {
-          title: e(s)("designer.hint.remove"),
-          onClick: i[4] || (i[4] = c(
-            //@ts-ignore
-            (...l) => e(p) && e(p)(...l),
-            ["stop"]
-          ))
-        }, [
-          n(e(o), { "icon-class": "icon-el-delete" })
-        ], 8, B)
-      ])) : a("", !0),
-      e(m) && !t.widget.internal && t.isDrag ? (d(), r("div", P, [
-        g("i", {
-          title: e(s)("designer.hint.dragHandler")
-        }, [
-          n(e(o), { "icon-class": "icon-el-drag-move" })
-        ], 8, V),
-        g("i", null, b(t.widget.showName || e(w)(
-          `designer.widgetLabel.${t.widget.type}`,
-          `extension.widgetLabel.${t.widget.type}`
-        )), 1),
-        t.widget.options.hidden === !0 ? (d(), r("i", A, [
-          n(e(o), { "icon-class": "icon-el-hide" })
-        ])) : a("", !0)
-      ])) : a("", !0)
-    ], 64));
+      moveDownWidget: l,
+      customClass: m
+    } = y(e), t = { i18nt: i, i18n2t: o, props: e, selected: s, moveUpWidget: u, selectParentWidget: a, cloneContainer: d, removeWidget: p, moveDownWidget: l, customClass: m, get SvgIcon() {
+      return g;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });
 export {
-  H as default
+  I as default
 };

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

@@ -1,157 +1,92 @@
-import { defineComponent as T, ref as l, provide as a, getCurrentInstance as $, computed as x, watch as M, onMounted as q, resolveComponent as s, createBlock as z, openBlock as G, withCtx as n, createVNode as r, createSlots as K, renderList as Q, renderSlot as X, createElementVNode as Y } from "vue";
-import Z from "./widget-panel/index.vue.js";
-import j from "./toolbar-panel/index.vue.js";
-import O from "./setting-panel/index.vue.js";
-import ee from "./form-widget/index.vue.js";
-import { createDesigner as te } from "./designer.js";
-import { useLocaleStore as oe } from "@kp-ui/i18n";
-import { deepClone as _, getAllFieldWidgets as W, getAllContainerWidgets as y } from "../../utils/util.js";
-import { isEmpty as w } from "lodash-es";
-import { useI18n as F } from "../../utils/i18n.js";
-import { message as b } from "ant-design-vue";
-import { storeToRefs as re } from "pinia";
-const ne = { class: "container-scroll-bar" }, he = /* @__PURE__ */ T({
-  name: "VFormDesigner",
-  componentName: "VFormDesigner",
-  __name: "index",
-  props: {
-    saveJsonApi: {},
-    fieldListApi: {},
-    designerConfig: { default: () => ({
-      eventCollapse: !0,
-      //是否显示组件事件属性折叠面板
-      widgetNameReadonly: !1,
-      //禁止修改组件名称
-      clearDesignerButton: !0,
-      //是否显示清空设计器按钮
-      previewFormButton: !0,
-      //是否显示预览表单按钮
-      importJsonButton: !0,
-      //是否显示导入JSON按钮
-      exportJsonButton: !0
-      //是否显示导出JSON器按钮
-    }) },
-    globalDsv: { default: () => ({}) }
-  },
-  setup(L, { expose: D }) {
-    const g = l(), { i18nt: J } = F(), A = oe(), { locale: m } = re(A), d = L;
-    a("serverFieldList", () => c.value), a("designState", !0);
-    const f = l(270), u = l(300), c = l([]), { initLocale: S } = F(), R = $(), t = l(te(R)), B = x(() => t.value.formConfig);
-    a("formConfig", B), a("designer", t), a("getDesignerConfig", () => d.designerConfig);
-    const V = (e) => {
-      if (!w(e))
-        try {
-          if (!e || !e.formConfig)
-            throw new Error(J("designer.hint.invalidJsonFormat"));
-          t.value.loadFormJson(e), t.value.emitHistoryChange(), t.value.emitEvent("form-json-imported", []);
-        } catch (o) {
-          b.error(o + "");
-        }
-    }, E = async () => {
-      d.fieldListApi && (c.value = await d.fieldListApi());
-    }, N = (e) => {
-      if (!w(e))
-        try {
-          let o = !1;
-          typeof e == "string" ? o = t.value.loadFormJson(JSON.parse(e)) : e.constructor === Object && (o = t.value.loadFormJson(e)), o && t.value.emitHistoryChange();
-        } catch (o) {
-          b.error(o + "");
-        }
-    }, k = () => ({
-      widgetList: _(t.value.widgetList),
-      formConfig: _(t.value.formConfig)
-    }), I = (e = []) => e.length ? W(e) : W(t.value.widgetList), P = (e = []) => e.length ? y(e) : y(t.value.widgetList), U = (e, o = !1) => g.value.getWidgetRef(e, o);
-    return M(
-      m,
-      () => {
-        S(m.value);
-      },
-      {
-        immediate: !0
-      }
-    ), q(() => {
-      t.value.initDesigner(), E();
-    }), D({
-      getWidgetRef: U,
-      getContainerWidgets: P,
-      getFieldWidgets: I,
-      getFormJson: k,
-      setFormJson: N,
-      setJsonImport: V
-    }), (e, o) => {
-      const v = s("a-layout-sider"), H = s("a-layout-header"), p = s("a-layout-content"), h = s("a-layout");
-      return G(), z(h, { class: "main-container full-height" }, {
-        default: n(() => [
-          r(h, null, {
-            default: n(() => [
-              r(v, {
-                width: f.value,
-                class: "side-panel"
-              }, {
-                default: n(() => [
-                  r(Z)
-                ]),
-                _: 1
-              }, 8, ["width"]),
-              r(p, { class: "center-layout-container" }, {
-                default: n(() => [
-                  r(H, { class: "toolbar-header" }, {
-                    default: n(() => [
-                      r(j, {
-                        saveJsonApi: e.saveJsonApi,
-                        "global-dsv": e.globalDsv,
-                        leftWidth: f.value,
-                        "onUpdate:leftWidth": o[0] || (o[0] = (i) => f.value = i),
-                        rightWidth: u.value,
-                        "onUpdate:rightWidth": o[1] || (o[1] = (i) => u.value = i),
-                        ref: "toolbarRef"
-                      }, K({ _: 2 }, [
-                        Q(e.$slots, (i, C) => ({
-                          name: C,
-                          fn: n(() => [
-                            X(e.$slots, C)
-                          ])
-                        }))
-                      ]), 1032, ["saveJsonApi", "global-dsv", "leftWidth", "rightWidth"])
-                    ]),
-                    _: 3
-                  }),
-                  r(p, { class: "form-widget-main" }, {
-                    default: n(() => [
-                      Y("div", ne, [
-                        r(ee, {
-                          "global-dsv": e.globalDsv,
-                          "form-config": t.value.formConfig,
-                          ref_key: "formRef",
-                          ref: g
-                        }, null, 8, ["global-dsv", "form-config"])
+import _ from "./index.vue2.js";
+import { resolveComponent as d, resolveDirective as h, createBlock as v, openBlock as W, withCtx as o, createVNode as t, createSlots as b, renderList as u, renderSlot as w, createElementVNode as y, withDirectives as x } from "vue";
+/* empty css           */
+import D from "../../../_virtual/_plugin-vue_export-helper.js";
+const C = { class: "container-scroll-bar" };
+function U(a, i, n, e, k, p) {
+  const r = d("a-layout-sider"), c = d("a-layout-header"), s = d("a-layout-content"), f = d("a-layout"), m = h("loading");
+  return W(), v(f, { class: "main-container full-height" }, {
+    default: o(() => [
+      t(f, null, {
+        default: o(() => [
+          t(r, {
+            width: e.leftWidth,
+            class: "side-panel"
+          }, {
+            default: o(() => [
+              t(e.WidgetPanel)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["width"]),
+          t(s, { class: "center-layout-container" }, {
+            default: o(() => [
+              t(c, { class: "toolbar-header" }, {
+                default: o(() => [
+                  t(e.ToolbarPanel, {
+                    saveJsonApi: n.saveJsonApi,
+                    "global-dsv": n.globalDsv,
+                    leftWidth: e.leftWidth,
+                    "onUpdate:leftWidth": i[0] || (i[0] = (l) => e.leftWidth = l),
+                    rightWidth: e.rightWidth,
+                    "onUpdate:rightWidth": i[1] || (i[1] = (l) => e.rightWidth = l),
+                    ref: "toolbarRef"
+                  }, b({
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    u(a.$slots, (l, g) => ({
+                      name: g,
+                      fn: o(() => [
+                        w(a.$slots, g)
                       ])
-                    ]),
-                    _: 1
-                  })
+                    }))
+                  ]), 1032, ["saveJsonApi", "global-dsv", "leftWidth", "rightWidth"])
                 ]),
                 _: 3
+                /* FORWARDED */
               }),
-              r(v, { width: u.value }, {
-                default: n(() => [
-                  r(O, {
-                    "selected-widget": t.value.selectedWidget,
-                    "onUpdate:selectedWidget": o[2] || (o[2] = (i) => t.value.selectedWidget = i),
-                    "global-dsv": e.globalDsv,
-                    "form-config": t.value.formConfig
-                  }, null, 8, ["selected-widget", "global-dsv", "form-config"])
+              t(s, { class: "form-widget-main" }, {
+                default: o(() => [
+                  y("div", C, [
+                    x(t(e.VFormWidget, {
+                      "global-dsv": n.globalDsv,
+                      "form-config": e.designer.formConfig,
+                      ref: "formRef"
+                    }, null, 8, ["global-dsv", "form-config"]), [
+                      [m, e.isLoading]
+                    ])
+                  ])
                 ]),
                 _: 1
-              }, 8, ["width"])
+                /* STABLE */
+              })
             ]),
             _: 3
-          })
+            /* FORWARDED */
+          }),
+          t(r, { width: e.rightWidth }, {
+            default: o(() => [
+              t(e.SettingPanel, {
+                "selected-widget": e.designer.selectedWidget,
+                "onUpdate:selectedWidget": i[2] || (i[2] = (l) => e.designer.selectedWidget = l),
+                "global-dsv": n.globalDsv,
+                "form-config": e.designer.formConfig
+              }, null, 8, ["selected-widget", "global-dsv", "form-config"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["width"])
         ]),
         _: 3
-      });
-    };
-  }
-});
+        /* FORWARDED */
+      })
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+const V = /* @__PURE__ */ D(_, [["render", U], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/index.vue"]]);
 export {
-  he as default
+  V as default
 };

package/src/components/form-designer/index.vue2.js

@@ -0,0 +1,93 @@
+import { defineComponent as P, ref as o, provide as i, getCurrentInstance as E, computed as I, watch as N, onMounted as V } from "vue";
+import j from "./widget-panel/index.vue.js";
+import H from "./toolbar-panel/index.vue.js";
+import O from "./setting-panel/index.vue.js";
+import T from "./form-widget/index.vue.js";
+import { createDesigner as M } from "./designer.js";
+import { useLocaleStore as k } from "@kp-ui/i18n";
+import { deepClone as w, getAllFieldWidgets as S, getAllContainerWidgets as D } from "../../utils/util.js";
+import { isEmpty as J } from "lodash-es";
+import { useI18n as A } from "../../utils/i18n.js";
+import { message as R } from "ant-design-vue";
+import { storeToRefs as z } from "pinia";
+import { useRef as G } from "tmgc2-share";
+const se = /* @__PURE__ */ P({
+  name: "VFormDesigner",
+  componentName: "VFormDesigner",
+  __name: "index",
+  props: {
+    saveJsonApi: { type: Function, required: !0 },
+    fieldListApi: { type: Function, required: !0 },
+    designerConfig: { type: Object, required: !1, default: () => ({
+      eventCollapse: !0,
+      //是否显示组件事件属性折叠面板
+      widgetNameReadonly: !1,
+      //禁止修改组件名称
+      clearDesignerButton: !0,
+      //是否显示清空设计器按钮
+      previewFormButton: !0,
+      //是否显示预览表单按钮
+      importJsonButton: !0,
+      //是否显示导入JSON按钮
+      exportJsonButton: !0
+      //是否显示导出JSON器按钮
+    }) },
+    globalDsv: { type: Object, required: !1, default: () => ({}) }
+  },
+  setup(b, { expose: q }) {
+    const l = o(), { i18nt: f } = A(), u = k(), { locale: s } = z(u), n = b;
+    i("serverFieldList", () => a.value), i("designState", !0);
+    const x = o(270), B = o(300), a = o([]), { initLocale: m } = A(), d = E(), t = o(M(d)), g = I(() => t.value.formConfig);
+    i("formConfig", g), i("designer", t), i("getDesignerConfig", () => n.designerConfig);
+    const c = (e) => {
+      if (!J(e))
+        try {
+          if (!e || !e.formConfig)
+            throw new Error(f("designer.hint.invalidJsonFormat"));
+          t.value.loadFormJson(e), t.value.emitHistoryChange(), t.value.emitEvent("form-json-imported", []);
+        } catch (r) {
+          R.error(r + "");
+        }
+    }, p = async () => {
+      n.fieldListApi && (a.value = await n.fieldListApi());
+    }, v = (e) => {
+      if (!J(e))
+        try {
+          let r = !1;
+          typeof e == "string" ? r = t.value.loadFormJson(JSON.parse(e)) : e.constructor === Object && (r = t.value.loadFormJson(e)), r && t.value.emitHistoryChange();
+        } catch (r) {
+          R.error(r + "");
+        }
+    }, F = () => ({
+      widgetList: w(t.value.widgetList),
+      formConfig: w(t.value.formConfig)
+    }), C = (e = []) => e.length ? S(e) : S(t.value.widgetList), y = (e = []) => e.length ? D(e) : D(t.value.widgetList), h = (e, r = !1) => l.value.getWidgetRef(e, r);
+    N(
+      s,
+      () => {
+        m(s.value);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const [L, W] = G(!1);
+    V(() => {
+      t.value.initDesigner(), p();
+    }), q({
+      isLoading: L,
+      setLoading: W,
+      getWidgetRef: h,
+      getContainerWidgets: y,
+      getFieldWidgets: C,
+      getFormJson: F,
+      setFormJson: v,
+      setJsonImport: c
+    });
+    const _ = { formRef: l, i18nt: f, localeStore: u, locale: s, props: n, leftWidth: x, rightWidth: B, fieldList: a, initLocale: m, instance: d, designer: t, formConfig: g, setJsonImport: c, loadFieldListFromServer: p, setFormJson: v, getFormJson: F, getFieldWidgets: C, getContainerWidgets: y, getWidgetRef: h, isLoading: L, setLoading: W, WidgetPanel: j, ToolbarPanel: H, SettingPanel: O, VFormWidget: T };
+    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+  }
+});
+export {
+  se as default
+};