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

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

@@ -1,89 +0,0 @@
-import _ from "../../../../utils/i18n.js";
-import b from "./containerMixin.js";
-import h from "./container-wrapper.vue.js";
-import x from "./table-cell-widget.vue.js";
-import C from "../../refMixinDesign.js";
-import { resolveComponent as o, createBlock as s, openBlock as t, withCtx as y, createElementBlock as n, withModifiers as k, normalizeClass as L, createElementVNode as c, Fragment as d, renderList as g, createCommentVNode as O } from "vue";
-/* empty css                  */
-import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const j = {
-  name: "table-widget",
-  componentName: "ContainerWidget",
-  mixins: [_, b, C],
-  inject: ["refList"],
-  components: {
-    ContainerWrapper: h,
-    TableCellWidget: x
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object
-  },
-  computed: {
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    },
-    customClass() {
-      return this.widget.options.customClass || "";
-    }
-  },
-  watch: {
-    //
-  },
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-  },
-  methods: {}
-}, v = { class: "table-layout" };
-function N(m, a, e, B, M, l) {
-  const w = o("table-cell-widget"), u = o("container-wrapper");
-  return t(), s(u, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
-  }, {
-    default: y(() => [
-      (t(), n("div", {
-        key: e.widget.id,
-        class: L(["table-container", [l.selected ? "selected" : "", l.customClass]]),
-        onClick: a[0] || (a[0] = k((i) => m.selectWidget(e.widget), ["stop"]))
-      }, [
-        c("table", v, [
-          c("tbody", null, [
-            (t(!0), n(d, null, g(e.widget.rows, (i, f) => (t(), n("tr", {
-              key: i.id
-            }, [
-              (t(!0), n(d, null, g(i.cols, (r, p) => (t(), n(d, null, [
-                r.merged ? O("", !0) : (t(), s(w, {
-                  widget: r,
-                  designer: e.designer,
-                  key: r.id,
-                  "parent-list": e.widget.cols,
-                  "row-index": f,
-                  "row-length": e.widget.rows.length,
-                  "col-index": p,
-                  "col-length": i.cols.length,
-                  "col-array": i.cols,
-                  "row-array": e.widget.rows,
-                  "parent-widget": e.widget
-                }, null, 8, ["widget", "designer", "parent-list", "row-index", "row-length", "col-index", "col-length", "col-array", "row-array", "parent-widget"]))
-              ], 64))), 256))
-            ]))), 128))
-          ])
-        ])
-      ], 2))
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
-}
-const R = /* @__PURE__ */ W(j, [["render", N], ["__scopeId", "data-v-12bc6713"]]);
-export {
-  R as default
-};

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

@@ -1,178 +0,0 @@
-import F from "../../../form-render/container-item/container-item-wrapper.vue2.js";
-import R from "../../../../utils/emitter.js";
-import { defineAsyncComponent as O, resolveComponent as c, withDirectives as _, createBlock as a, openBlock as n, withCtx as m, createElementBlock as f, normalizeStyle as L, normalizeClass as S, createCommentVNode as g, Fragment as p, renderList as u, resolveDynamicComponent as w, createSlots as b, renderSlot as h, mergeProps as x, vShow as k } from "vue";
-import $ from "../../../../utils/i18n.js";
-import j from "../field-widget/index.js";
-import B from "../../../form-render/refMixin.js";
-import I from "../../../form-render/container-item/containerItemMixin.js";
-import M from "../../../svg-icon/index.vue.js";
-/* empty css                 */
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const D = {
-  name: "VfBoxItem",
-  componentName: "boxItem",
-  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
-  mixins: [R, $, B, I],
-  components: {
-    ContainerItemWrapper: F,
-    SvgIcon: M,
-    ...j,
-    VFormRender: O(() => import("../../../form-render/index.vue.js"))
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      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
-    }
-  },
-  inject: ["refList", "sfRefList", "globalModel", "getFormConfig", "getGlobalDsv"],
-  data() {
-    return {};
-  },
-  computed: {
-    customClass() {
-      return this.widget.options.customClass || "";
-    },
-    formConfig() {
-      return this.getFormConfig();
-    },
-    boxStyle() {
-      const e = this.widget.options.boxModel || {}, o = {};
-      return (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (o.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (o.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), e.borderShow && (o.border = `${e.borderWidth || 1}px ${e.borderStyle || "solid"} ${e.borderColor || "#cccccc"}`, e.borderRadius !== void 0 && (o.borderRadius = `${e.borderRadius}px`)), e.backgroundColor && (o.backgroundColor = e.backgroundColor), e.borderRadius !== void 0 && !e.borderShow && (o.borderRadius = `${e.borderRadius}px`), e.shadowShow && (o.boxShadow = `${e.shadowOffsetX || 0}px ${e.shadowOffsetY || 2}px ${e.shadowBlur || 4}px ${e.shadowSpread || 0}px ${e.shadowColor || "rgba(0,0,0,0.2)"}`), o;
-    }
-  },
-  created() {
-    this.initRefList(), this.handleOnCreated();
-  },
-  mounted() {
-    this.loadFormCode(this.widget.options.formCode), this.$nextTick(() => {
-      this.handleOnMounted();
-    });
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    async loadFormCode(e) {
-      if (e) {
-        const o = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
-          params: { code: e }
-        }).then((t) => t.data.object.frontendDefinition || "{}");
-        this.$refs.dFormRef.setFormJson(JSON.parse(o));
-      }
-    },
-    handleOnCreated() {
-      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
-    },
-    handleOnMounted() {
-      this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
-    },
-    getFormRef() {
-      return this.$refs.dFormRef;
-    }
-  }
-};
-function N(e, o, t, T, V, l) {
-  const y = c("VFormRender"), C = c("container-item-wrapper");
-  return _((n(), a(C, { widget: t.widget }, {
-    default: m(() => [
-      (n(), f("div", {
-        class: S(["box-container-item", [l.customClass]]),
-        style: L(l.boxStyle),
-        key: t.widget.id
-      }, [
-        t.widget.options.formCode ? (n(), a(y, {
-          key: 0,
-          ref: "dFormRef",
-          "parent-form": t.parentFormRef,
-          "disabled-mode": t.widget.options.disabledMode,
-          "dynamic-creation": !0
-        }, null, 8, ["parent-form", "disabled-mode"])) : g("", !0),
-        t.widget.widgetList && t.widget.widgetList.length > 0 ? (n(!0), f(p, { key: 1 }, u(t.widget.widgetList, (i, d) => (n(), f(p, null, [
-          i.category === "container" ? (n(), a(w(e.getComponentByContainer(i)), {
-            widget: i,
-            key: d,
-            "parent-list": t.widget.widgetList,
-            "index-of-parent-list": d,
-            "parent-widget": t.widget,
-            "sub-form-row-id": t.subFormRowId,
-            "sub-form-row-index": t.subFormRowIndex,
-            "sub-form-col-index": t.subFormColIndex
-          }, b({ _: 2 }, [
-            u(Object.keys(e.$slots), (r) => ({
-              name: r,
-              fn: m((s) => [
-                h(e.$slots, r, x({ ref_for: !0 }, s), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (n(), a(w(i.type + "-widget"), {
-            field: i,
-            designer: null,
-            key: d,
-            "parent-list": t.widget.widgetList,
-            "index-of-parent-list": d,
-            "parent-widget": t.widget
-          }, b({ _: 2 }, [
-            u(Object.keys(e.$slots), (r) => ({
-              name: r,
-              fn: m((s) => [
-                h(e.$slots, r, x({ ref_for: !0 }, s), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
-        ], 64))), 256)) : g("", !0)
-      ], 6))
-    ]),
-    _: 3
-  }, 8, ["widget"])), [
-    [k, !t.widget.options.hidden]
-  ]);
-}
-const Y = /* @__PURE__ */ v(D, [["render", N], ["__scopeId", "data-v-7b4bc88d"]]);
-export {
-  Y as default
-};

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

@@ -1,132 +0,0 @@
-import w from "../../../../utils/i18n.js";
-import h from "../../refMixinDesign.js";
-import f from "../field-widget/index.js";
-import p from "./container-wrapper.vue.js";
-import L from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent as g, createBlock as s, openBlock as d, withCtx as o, createElementBlock as x, withModifiers as v, normalizeClass as D, createVNode as C, mergeProps as u, createElementVNode as _, resolveDynamicComponent as l } from "vue";
-/* empty css                      */
-import k from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const y = {
-  name: "vf-drawer-widget",
-  componentName: "VfDialogWidget",
-  mixins: [w, h],
-  inject: ["refList"],
-  components: {
-    Draggable: L,
-    ContainerWrapper: p,
-    ...f
-  },
-  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: {
-    onDrawerDragEnd(t, n) {
-    },
-    onDrawerDragAdd(t, n) {
-      const e = t.newIndex;
-      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
-    },
-    onDrawerDragUpdate() {
-      this.designer.emitHistoryChange();
-    },
-    selectWidget(t) {
-      console.log("id: " + t.id), this.designer.setSelected(t);
-    },
-    checkContainerMove(t) {
-      return this.designer.checkWidgetMove(t);
-    },
-    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 t = null;
-        this.parentList.length === 1 ? this.parentWidget && (t = this.parentWidget) : this.parentList.length === 1 + this.indexOfParentList ? t = this.parentList[this.indexOfParentList - 1] : t = this.parentList[this.indexOfParentList + 1], this.$nextTick(() => {
-          this.parentList.splice(this.indexOfParentList, 1), this.designer.setSelected(t), this.designer.emitHistoryChange();
-        });
-      }
-    }
-  }
-}, W = { class: "vf-drawer-drop-zone" };
-function O(t, n, e, P, E, r) {
-  const c = g("draggable"), m = g("container-wrapper");
-  return d(), s(m, {
-    designer: e.designer,
-    widget: e.widget,
-    "parent-widget": e.parentWidget,
-    "parent-list": e.parentList,
-    "index-of-parent-list": e.indexOfParentList
-  }, {
-    default: o(() => [
-      (d(), x("div", {
-        class: D(["drawer-container", [r.selected ? "selected" : "", r.customClass]]),
-        key: e.widget.id,
-        onClick: n[2] || (n[2] = v((i) => r.selectWidget(e.widget), ["stop"]))
-      }, [
-        C(c, u({
-          list: e.widget.widgetList,
-          "item-key": "id"
-        }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
-          handle: ".drag-handler",
-          onEnd: n[0] || (n[0] = (i) => r.onDrawerDragEnd(i, e.widget.widgetList)),
-          onAdd: n[1] || (n[1] = (i) => r.onDrawerDragAdd(i, e.widget.widgetList)),
-          onUpdate: r.onDrawerDragUpdate,
-          move: r.checkContainerMove
-        }), {
-          item: o(({ element: i, index: a }) => [
-            _("div", W, [
-              i.category === "container" ? (d(), s(l(i.type + "-widget"), {
-                widget: i,
-                designer: e.designer,
-                key: i.id,
-                "parent-list": e.widget.widgetList,
-                "index-of-parent-list": a,
-                "parent-widget": e.widget
-              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (d(), s(l(i.type + "-widget"), {
-                field: i,
-                designer: e.designer,
-                key: i.id,
-                "parent-list": e.widget.widgetList,
-                "index-of-parent-list": a,
-                "parent-widget": e.widget,
-                "design-state": !0
-              }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
-            ])
-          ]),
-          _: 1
-        }, 16, ["list", "onUpdate", "move"])
-      ], 2))
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
-}
-const I = /* @__PURE__ */ k(y, [["render", O], ["__scopeId", "data-v-30dce532"]]);
-export {
-  I as default
-};