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

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js

@@ -1,128 +1,66 @@
-import { defineAsyncComponent as r } from "vue";
-import i from "./container-wrapper.vue.js";
-import n from "../../../../utils/emitter.js";
-import s from "../../../../utils/i18n.js";
-import a from "../field-widget/index.js";
-import d from "./containerMixin.js";
-import m from "../../refMixinDesign.js";
-import p from "../../../svg-icon/index.vue.js";
-import { TpfCollapse as f } from "tmgc2-share";
-import l from "./grid-widget.vue.js";
-import g from "../../../../lib/vuedraggable/src/vuedraggable.js";
-const D = {
-  name: "VfCollapseWidget",
-  mixins: [s, d, m, n],
-  inject: ["refList"],
-  components: {
-    Draggable: g,
-    ContainerWrapper: i,
-    TpfCollapse: f,
-    SvgIcon: p,
-    gridWidget: l,
-    VFormRender: r(() => import("../../../form-render/index.vue.js")),
-    ...a
-  },
-  data() {
-    return {};
-  },
+import { defineComponent as f, computed as m, createBlock as h, openBlock as w, normalizeProps as C, guardReactiveProps as v, withCtx as a, createElementVNode as n, createVNode as r, unref as o, withDirectives as W, normalizeStyle as _, vShow as L } from "vue";
+import R from "./container-wrapper.vue.js";
+import { useAppRef as S } from "../../useAppRef.js";
+import { TpfCollapse as N } from "tmgc2-share";
+import u from "../RenderDesignerWigetList.vue.js";
+import { useContainerWidget as y } from "./useContainerWidget.js";
+import { ComponentNameEnum as D, ContainerTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
+const P = { class: "collapse-container" }, V = { class: "collapse-right" }, O = /* @__PURE__ */ f({
+  name: E.VfCollapseWidget,
+  componentName: D.ContainerWidget,
+  __name: "vf-collapse-widget",
   props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    },
-    options: {
-      type: Object,
-      default: () => ({})
-    },
-    formJson: {
-      type: Object
-    },
-    formData: {
-      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
-    }
-  },
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-    this.loadFormCode(this.widget.options.formCode);
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  beforeUnmount() {
-  },
-  computed: {
-    rightSlotCss() {
-      return this.widget.options.rightSlotCss || "";
-    },
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    }
-  },
-  watch: {
-    "widget.options.formCode"(t) {
-      this.loadFormCode(t);
-    }
-  },
-  methods: {
-    selectWidget(t) {
-      this.designer.setSelected(t);
-    },
-    toggleCollapse() {
-      this.widget.options.isCollapse = !this.widget.options.isCollapse;
-    },
-    async loadFormCode(t) {
-      if (t) {
-        const e = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
-          params: {
-            code: t
-          }
-        }).then((o) => o.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(e));
-      }
-    },
-    getFormRef() {
-      return this.$refs.dFormRef;
-    }
+  setup(c) {
+    const e = c, s = m(() => e.widget.defaultSlotsList || []), d = m(() => e.widget.headerRightSlotList || []), { initRefList: g } = S(e), { onContainerDragAdd: p, onContainerDragUpdate: l } = y(e);
+    return g(), (t, b) => (w(), h(R, C(v(e)), {
+      default: a(() => [
+        n("div", P, [
+          r(o(N), {
+            title: t.widget.options.title
+          }, {
+            right: a(() => [
+              n("div", V, [
+                r(u, {
+                  list: d.value,
+                  parentWidget: t.widget,
+                  add: (i) => o(p)(i, d.value),
+                  update: o(l)
+                }, null, 8, ["list", "parentWidget", "add", "update"])
+              ])
+            ]),
+            default: a(() => [
+              W(n("div", {
+                class: "tpf-collapse-content-wrapper",
+                style: _({
+                  height: t.widget.options.height || "unset"
+                })
+              }, [
+                r(u, {
+                  list: s.value,
+                  parentWidget: t.widget,
+                  add: (i) => o(p)(i, s.value),
+                  update: o(l)
+                }, null, 8, ["list", "parentWidget", "add", "update"])
+              ], 4), [
+                [L, !t.widget.options.isCollapse]
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ])
+      ]),
+      _: 1
+    }, 16));
   }
-};
+});
 export {
-  D as default
+  O as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js

@@ -1,100 +1,7 @@
-import d from "../../../../utils/i18n.js";
-import a from "../../refMixinDesign.js";
-import o from "../field-widget/index.js";
-import g from "./container-wrapper.vue.js";
-import { resolveComponent as l, createBlock as c, openBlock as n, withCtx as h, createElementBlock as m, withModifiers as p, normalizeClass as f, createElementVNode as w, toDisplayString as x } from "vue";
+import o from "./vf-dialog-widget.vue2.js";
 /* empty css                      */
-import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const W = {
-  name: "vf-dialog-widget",
-  componentName: "VfDialogWidget",
-  mixins: [d, a],
-  inject: ["refList"],
-  components: {
-    // Draggable,
-    ContainerWrapper: g,
-    ...o
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object
-  },
-  data() {
-    return {
-      //
-    };
-  },
-  computed: {
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    },
-    customClass() {
-      return this.widget.options.customClass || "";
-    }
-  },
-  created() {
-    this.initRefList();
-  },
-  methods: {
-    onDialogDragEnd(e, i) {
-    },
-    onDialogDragAdd(e, i) {
-      const t = e.newIndex;
-      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
-    },
-    onDialogDragUpdate() {
-      this.designer.emitHistoryChange();
-    },
-    selectWidget(e) {
-      console.log("id: " + e.id), this.designer.setSelected(e);
-    },
-    checkContainerMove(e) {
-      return this.designer.checkWidgetMove(e);
-    },
-    selectParentWidget() {
-      this.parentWidget ? this.designer.setSelected(this.parentWidget) : this.designer.clearSelected();
-    },
-    moveUpWidget() {
-      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
-    },
-    moveDownWidget() {
-      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
-    },
-    removeWidget() {
-      if (this.parentList) {
-        let e = null;
-        this.parentList.length === 1 ? this.parentWidget && (e = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? e = this.parentList[this.indexOfParentList - 1] : e = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(e), this.designer.emitHistoryChange();
-        });
-      }
-    }
-  }
-}, v = { class: "dialog-title" };
-function u(e, i, t, _, C, s) {
-  const r = l("container-wrapper");
-  return n(), c(r, {
-    designer: t.designer,
-    widget: t.widget,
-    "parent-widget": t.parentWidget,
-    "parent-list": t.parentList,
-    "index-of-parent-list": t.indexOfParentList
-  }, {
-    default: h(() => [
-      (n(), m("div", {
-        class: f(["dialog-container", [s.selected ? "selected" : "", s.customClass]]),
-        key: t.widget.id,
-        onClick: i[0] || (i[0] = p((D) => s.selectWidget(t.widget), ["stop"]))
-      }, [
-        w("div", v, x(t.widget.options.title), 1)
-      ], 2))
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
-}
-const E = /* @__PURE__ */ L(W, [["render", u], ["__scopeId", "data-v-48ae3673"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3fc6eab3"]]);
 export {
-  E as default
+  e as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as p, createBlock as l, openBlock as n, normalizeProps as c, guardReactiveProps as f, withCtx as g, createElementBlock as w, createElementVNode as r, toDisplayString as u } from "vue";
+import h from "./container-wrapper.vue.js";
+import { useAppRef as C } from "../../useAppRef.js";
+import { ComponentNameEnum as k, ContainerTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
+const P = { class: "dialog-title" }, W = /* @__PURE__ */ p({
+  name: _.VfDialogWidget,
+  componentName: k.VfDialogWidget,
+  __name: "vf-dialog-widget",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(a) {
+    const t = a, { initRefList: s } = C(t), d = () => {
+      const e = new URL(window.location.href), { title: o, formCode: m, formId: i } = t.widget.options;
+      i && (e.searchParams.set("formCode", m), e.searchParams.set("remark", o), e.searchParams.set("id", i), window.open(e.href));
+    };
+    return s(), (e, o) => (n(), l(h, c(f(t)), {
+      default: g(() => [
+        (n(), w("div", {
+          class: "dialog-container",
+          key: e.widget.id
+        }, [
+          r("div", P, [
+            r("span", {
+              class: "tpf-link",
+              onClick: d
+            }, u(e.widget.options.title), 1)
+          ])
+        ]))
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  W as default
+};

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js

@@ -1,106 +1,7 @@
-import d from "./form-item-wrapper.vue.js";
-import s from "../../../../utils/emitter.js";
-import l from "../../../../utils/i18n.js";
-import m from "./fieldMixin.js";
-import a from "bpmn-js/lib/Viewer";
-import { resolveComponent as f, createBlock as u, createCommentVNode as p, openBlock as c, withCtx as b, createElementVNode as h } from "vue";
+import o from "./bpmn-editor-widget.vue2.js";
 /* empty css                        */
-import w from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = {
-  name: "bpmn-editor-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [s, m, l],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    FormItemWrapper: d
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: null,
-      rules: [],
-      bpmnModeler: null
-    };
-  },
-  computed: {},
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initFieldModel(), this.initEventHandler(), this.buildFieldRules(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  watch: {
-    fieldModel(t) {
-      t ? this.preview(t) : this.bpmnModeler && this.bpmnModeler.destroy && this.bpmnModeler.destroy();
-    }
-  },
-  methods: {
-    preview(t) {
-      this.bpmnModeler && this.bpmnModeler.destroy && this.bpmnModeler.destroy(), this.bpmnModeler = new a({ container: this.$refs.fieldEditor });
-      const r = this.bpmnModeler;
-      this.bpmnModeler.importXML(t, (e) => {
-        e ? console.error(e) : r.get("canvas").zoom("fit-viewport");
-      });
-    }
-  }
-}, x = {
-  ref: "fieldEditor",
-  class: "t-w-full t-h-[30vh]"
-};
-function M(t, r, e, i, o, _) {
-  const n = f("form-item-wrapper");
-  return t.handleHidden() ? p("", !0) : (c(), u(n, {
-    key: 0,
-    designer: e.designer,
-    field: e.field,
-    rules: o.rules,
-    "design-state": e.designState,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList,
-    "sub-form-row-index": e.subFormRowIndex,
-    "sub-form-col-index": e.subFormColIndex,
-    "sub-form-row-id": e.subFormRowId
-  }, {
-    default: b(() => [
-      h("div", x, null, 512)
-    ]),
-    _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]));
-}
-const N = /* @__PURE__ */ w(g, [["render", M], ["__scopeId", "data-v-6e398d04"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b840c39"]]);
 export {
-  N as default
+  i as default
 };

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue2.js

@@ -0,0 +1,47 @@
+import { defineComponent as c, ref as v, watchEffect as w, createBlock as g, createCommentVNode as x, unref as l, openBlock as E, mergeProps as _, withCtx as y, createElementVNode as b } from "vue";
+import h from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as F, WidgetTypeEnum as C } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as k } from "./useField.js";
+import I from "bpmn-js/lib/Viewer";
+const P = /* @__PURE__ */ c({
+  name: C.bpmnEditor,
+  componentName: F.FieldWidget,
+  __name: "bpmn-editor-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(d, { expose: s }) {
+    const o = d, { rules: m, fieldEditor: t, fieldModel: r, handleHidden: p, defineExposed: u } = k(o), e = v(), f = (n) => {
+      e.value && e.value.destroy && e.value.destroy(), e.value = new I({ container: t.value });
+      const i = e.value;
+      e.value.importXML(n, (a) => {
+        a ? console.error(a) : i.get("canvas").zoom("fit-viewport");
+      });
+    };
+    return w(() => {
+      r.value ? f(r.value) : e.value && e.value.destroy && e.value.destroy();
+    }), s({
+      ...u
+    }), (n, i) => l(p) ? x("", !0) : (E(), g(h, _({ key: 0 }, o, { rules: l(m) }), {
+      default: y(() => [
+        b("div", {
+          ref_key: "fieldEditor",
+          ref: t,
+          class: "t-w-full t-h-[30vh]"
+        }, null, 512)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
+  }
+});
+export {
+  P as default
+};

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue.js

@@ -1,113 +1,7 @@
-import d from "./static-content-wrapper.vue.js";
-import a from "../../../../utils/emitter.js";
-import l from "../../../../utils/i18n.js";
-import c from "./fieldMixin.js";
-import u from "../../../svg-icon/index.vue.js";
-import f from "../../../public/ActionButtonListRender.vue.js";
-import { resolveComponent as o, createBlock as m, openBlock as b, withCtx as p, createVNode as g } from "vue";
+import t from "./button-list-widget.vue2.js";
 /* empty css                        */
-import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
-  name: "button-list-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [a, c, l],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    widget: Object,
-    designState: {
-      type: Boolean,
-      default: !1
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {};
-  },
-  components: {
-    ActionButtonListRender: f,
-    SvgIcon: u,
-    StaticContentWrapper: d
-  },
-  computed: {
-    customClass() {
-      return this.field.options.customClass || [];
-    },
-    buttonList() {
-      return this.field.options.buttonList.filter((e) => !this.handleHidden(e));
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList(), this.initEventHandler(), this.handleOnCreated();
-  },
-  mounted() {
-    this.handleOnMounted();
-  },
-  methods: {
-    hanldeClick(e) {
-      if (!this.designState && e.onClick)
-        return new Function(e.onClick).call(this);
-    },
-    handleDisabled(e) {
-      const { onDisabled: n } = e;
-      return n ? new Function(n).call(this) : !1;
-    },
-    handleHidden(e) {
-      const { onHidden: n } = e;
-      return n ? new Function(n).call(this) : !1;
-    }
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  }
-};
-function w(e, n, t, F, _, i) {
-  const s = o("ActionButtonListRender"), r = o("static-content-wrapper");
-  return b(), m(r, {
-    designer: t.designer,
-    field: t.field,
-    "design-state": t.designState,
-    "parent-widget": t.parentWidget,
-    "parent-list": t.parentList,
-    "index-of-parent-list": t.indexOfParentList,
-    "sub-form-row-index": t.subFormRowIndex,
-    "sub-form-col-index": t.subFormColIndex,
-    "sub-form-row-id": t.subFormRowId
-  }, {
-    default: p(() => [
-      g(s, {
-        options: t.field.options,
-        designState: t.designState,
-        buttonList: i.buttonList,
-        customClass: i.customClass,
-        flex: t.field.options.flex,
-        ctx: this
-      }, null, 8, ["options", "designState", "buttonList", "customClass", "flex"])
-    ]),
-    _: 1
-  }, 8, ["designer", "field", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
-}
-const N = /* @__PURE__ */ h(x, [["render", w], ["__scopeId", "data-v-f92bf90a"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-15ea0ae1"]]);
 export {
-  N as default
+  i as default
 };

package/src/components/form-designer/form-widget/field-widget/button-list-widget.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as u, computed as a, createBlock as c, createCommentVNode as l, unref as t, openBlock as f, normalizeProps as x, mergeProps as b, withCtx as g, createVNode as C } from "vue";
+import { ComponentNameEnum as L, WidgetTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
+import w from "./static-content-wrapper.vue.js";
+import E from "../../../public/ActionButtonListRender.vue.js";
+import { useField as F } from "./useField.js";
+const I = /* @__PURE__ */ u({
+  name: _.buttonList,
+  componentName: L.FieldWidget,
+  __name: "button-list-widget",
+  props: {
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
+  },
+  setup(i, { expose: s }) {
+    const o = i, r = a(() => e.options.buttonList || []), { fieldEditor: d, field: e, designState: p, handleHidden: m, defineExposed: n } = F(o);
+    return s({
+      buttonList: r,
+      ...n
+    }), (k, N) => t(m) ? l("", !0) : (f(), c(w, x(b({ key: 0 }, o)), {
+      default: g(() => [
+        C(E, {
+          ref_key: "fieldEditor",
+          ref: d,
+          options: t(e).options,
+          designState: t(p),
+          buttonList: t(e).options.buttonList || [],
+          customClass: t(e).options.customClass || [],
+          flex: t(e).options.flex,
+          ctx: t(n)
+        }, null, 8, ["options", "designState", "buttonList", "customClass", "flex", "ctx"])
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  I as default
+};