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

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

@@ -0,0 +1,36 @@
+import a from "./RenderDesignerWigetList.vue2.js";
+import { createBlock as r, openBlock as i, mergeProps as d, withCtx as s, createElementVNode as g, resolveDynamicComponent as m } from "vue";
+import c from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = { class: "transition-group-el" };
+function p(f, _, e, t, h, u) {
+  return i(), r(t.Draggable, d({
+    list: e.list,
+    "item-key": "id"
+  }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
+    tag: "transition-group",
+    "component-data": { name: "fade" },
+    handle: ".drag-handler",
+    onAdd: e.add,
+    onUpdate: e.update,
+    move: t.checkMove
+  }), {
+    item: s(({ element: n, index: o }) => [
+      g("div", l, [
+        (i(), r(m(t.getWidget(n)), {
+          parentList: t.props.list,
+          indexOfParentList: o,
+          parentWidget: e.parentWidget,
+          designState: !0,
+          widget: n,
+          field: n
+        }, null, 8, ["parentList", "indexOfParentList", "parentWidget", "widget", "field"]))
+      ])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 16, ["list", "onAdd", "onUpdate"]);
+}
+const W = /* @__PURE__ */ c(a, [["render", p], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/RenderDesignerWigetList.vue"]]);
+export {
+  W as default
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent as u, inject as d, ref as s } from "vue";
+import { getWidget as a } from "./useFormDesigner.js";
+import p from "../../../lib/vuedraggable/src/vuedraggable.js";
+const m = /* @__PURE__ */ u({
+  name: "RenderDesignerWigetList",
+  __name: "RenderDesignerWigetList",
+  props: {
+    parentWidget: { type: [Object, null], required: !0 },
+    list: { type: Array, required: !0 },
+    end: { type: Function, required: !1 },
+    add: { type: Function, required: !1, default: () => {
+    } },
+    update: { type: Function, required: !1, default: () => {
+    } }
+  },
+  setup(r, { expose: n }) {
+    n();
+    const i = r, e = d("designer", s({})), t = { props: i, designer: e, checkMove: (o) => e.value.checkWidgetMove(o), get getWidget() {
+      return a;
+    }, get Draggable() {
+      return p;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  m as default
+};

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

@@ -1,106 +1,33 @@
-import m from "../../../../utils/i18n.js";
-import w from "./containerMixin.js";
-import { SvgIcon as u } from "tmgc2-share";
-import { resolveComponent as v, createElementBlock as o, openBlock as s, normalizeClass as k, renderSlot as C, createCommentVNode as l, createElementVNode as g, withModifiers as a, createVNode as d, toDisplayString as y } from "vue";
+import i from "./container-wrapper.vue2.js";
+import { createElementBlock as a, openBlock as o, withModifiers as s, normalizeClass as c, renderSlot as d, createBlock as l, createCommentVNode as m, normalizeProps as p, mergeProps as f } from "vue";
 /* empty css                       */
-import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
-  name: "container-wrapper",
-  mixins: [m, w],
-  components: {
-    SvgIcon: u
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object
-  },
-  computed: {
-    customClass() {
-      return this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
-    }
-  }
-}, b = {
-  key: 0,
-  class: "container-action"
-}, p = ["title"], W = ["title"], L = ["title"], N = ["title"], j = ["title"], I = ["title"], O = ["title"], D = {
-  key: 1,
-  class: "drag-handler"
-}, P = ["title"], S = { key: 0 };
-function V(t, i, e, _, B, c) {
-  const n = v("svg-icon");
-  return s(), o("div", {
-    class: k(["container-wrapper", [c.customClass]])
-  }, [
-    C(t.$slots, "default", {}, void 0, !0),
-    e.designer.selectedId === e.widget.id && !e.widget.internal ? (s(), o("div", b, [
-      g("i", {
-        title: t.i18nt("designer.hint.selectParentWidget"),
-        onClick: i[0] || (i[0] = a((r) => t.selectParentWidget(e.widget), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-back" })
-      ], 8, p),
-      e.parentList && e.parentList.length > 1 ? (s(), o("i", {
-        key: 0,
-        title: t.i18nt("designer.hint.moveUpWidget"),
-        onClick: i[1] || (i[1] = a((r) => t.moveUpWidget(), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-move-up" })
-      ], 8, W)) : l("", !0),
-      e.parentList && e.parentList.length > 1 ? (s(), o("i", {
-        key: 1,
-        title: t.i18nt("designer.hint.moveDownWidget"),
-        onClick: i[2] || (i[2] = a((r) => t.moveDownWidget(), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-move-down" })
-      ], 8, L)) : l("", !0),
-      e.widget.type === "table" ? (s(), o("i", {
-        key: 2,
-        title: t.i18nt("designer.hint.insertRow"),
-        onClick: i[3] || (i[3] = a((r) => t.appendTableRow(e.widget), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-insert-row" })
-      ], 8, N)) : l("", !0),
-      e.widget.type === "table" ? (s(), o("i", {
-        key: 3,
-        title: t.i18nt("designer.hint.insertColumn"),
-        onClick: i[4] || (i[4] = a((r) => t.appendTableCol(e.widget), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-insert-column" })
-      ], 8, j)) : l("", !0),
-      e.widget.type === "grid" || e.widget.type === "table" ? (s(), o("i", {
-        key: 4,
-        title: t.i18nt("designer.hint.cloneWidget"),
-        onClick: i[5] || (i[5] = a((r) => t.cloneContainer(e.widget), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-clone" })
-      ], 8, I)) : l("", !0),
-      g("i", {
-        title: t.i18nt("designer.hint.remove"),
-        onClick: i[6] || (i[6] = a((...r) => t.removeWidget && t.removeWidget(...r), ["stop"]))
-      }, [
-        d(n, { "icon-class": "icon-el-delete" })
-      ], 8, O)
-    ])) : l("", !0),
-    e.designer.selectedId === e.widget.id && !e.widget.internal ? (s(), o("div", D, [
-      g("i", {
-        title: t.i18nt("designer.hint.dragHandler")
-      }, [
-        d(n, { "icon-class": "icon-el-drag-move" })
-      ], 8, P),
-      g("i", null, y(e.widget.showName || t.i18n2t(
-        `designer.widgetLabel.${e.widget.type}`,
-        `extension.widgetLabel.${e.widget.type}`
-      )), 1),
-      e.widget.options.hidden === !0 ? (s(), o("i", S, [
-        d(n, { "icon-class": "icon-el-hide" })
-      ])) : l("", !0)
-    ])) : l("", !0)
-  ], 2);
+import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function _(t, r, n, e, v, w) {
+  return o(), a(
+    "div",
+    {
+      class: c(["container-wrapper", [
+        e.selected ? "selected" : "",
+        e.customClass,
+        e.designState ? "container-design-widget" : ""
+      ]]),
+      onClick: r[0] || (r[0] = s((k) => e.selectWidget(n.widget), ["stop"]))
+    },
+    [
+      d(t.$slots, "default", {}, void 0, !0),
+      e.designState ? (o(), l(
+        e.WidgetAction,
+        p(f({ key: 0 }, e.props)),
+        null,
+        16
+        /* FULL_PROPS */
+      )) : m("v-if", !0)
+    ],
+    2
+    /* CLASS */
+  );
 }
-const A = /* @__PURE__ */ h(f, [["render", V], ["__scopeId", "data-v-a5686394"]]);
+const S = /* @__PURE__ */ g(i, [["render", _], ["__scopeId", "data-v-c4401aa5"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/container-widget/container-wrapper.vue"]]);
 export {
-  A as default
+  S as default
 };

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

@@ -0,0 +1,25 @@
+import { defineComponent as d } from "vue";
+import { useI18n as m } from "../../../../utils/i18n.js";
+import { useContainerWidget as c } from "./useContainerWidget.js";
+import f from "../widgetAction.vue.js";
+const g = /* @__PURE__ */ d({
+  name: "container-wrapper",
+  __name: "container-wrapper",
+  props: {
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
+    parentList: { type: Array, required: !0 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 }
+  },
+  setup(r, { expose: i }) {
+    i();
+    const { i18nt: n, i18n2t: o } = m(), e = r, { designState: p, selected: s, selectWidget: u, customClass: a } = c(e), t = { i18nt: n, i18n2t: o, props: e, designState: p, selected: s, selectWidget: u, customClass: a, WidgetAction: f };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+export {
+  g as default
+};

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

@@ -1,65 +1,39 @@
-import u from "./data-table-widget.vue2.js";
-import { resolveComponent as a, createBlock as s, openBlock as n, withCtx as l, createElementBlock as C, withModifiers as p, normalizeClass as r, createElementVNode as y, createVNode as m, normalizeStyle as b, createCommentVNode as f } from "vue";
+import a from "./data-table-widget.vue2.js";
+import { createBlock as o, createCommentVNode as n, openBlock as r, normalizeProps as t, mergeProps as i, withCtx as d, createElementVNode as l, normalizeStyle as c, createVNode as g } from "vue";
 /* empty css                       */
-import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "talbe-wrapper" };
-function S(e, i, t, N, k, d) {
-  const c = a("a-empty"), w = a("RenderBodyCell"), g = a("s-table"), h = a("container-wrapper");
-  return n(), s(h, {
-    designer: t.designer,
-    widget: t.widget,
-    "parent-widget": t.parentWidget,
-    "parent-list": t.parentList,
-    "index-of-parent-list": t.indexOfParentList
-  }, {
-    default: l(() => [
-      (n(), C("div", {
-        key: t.widget.id,
-        class: r(["collapse-container data-table-container", { selected: d.selected }]),
-        onClick: i[0] || (i[0] = p((o) => e.selectWidget(t.widget), ["stop"]))
-      }, [
-        y("div", z, [
-          m(g, {
-            ref: "dataTable2",
-            columns: e.columns.columns,
-            scroll: { y: e.tableHeight },
-            height: e.tableHeight,
-            dataSource: d.data,
-            class: r([e.customClass]),
-            size: e.widgetSize,
-            rowKey: (o) => o[t.widget.options.rowKey],
-            bordered: t.widget.options.border,
-            style: b({ width: t.widget.options.tableWidth }),
-            "row-class-name": e.rowClassName,
-            rowSelection: e.handleRowSelection(),
-            pagination: e.fmtPagination,
-            customRow: e.handleCustomRow,
-            rowClassName: e.rowClassName,
-            onChange: e.handleTablePageChange,
-            onResizeColumn: e.handleResizeColumn,
-            "deep-watch-data-source": !0,
-            loading: e.loading,
-            "row-height": e.lineHeight
-          }, {
-            emptyText: l(() => [
-              m(c)
-            ]),
-            bodyCell: l((o) => [
-              e.isShowBodyCell(o.column.dataIndex) ? (n(), s(w, {
-                key: 0,
-                bodyCell: e.columns.bodyCell,
-                scope: o
-              }, null, 8, ["bodyCell", "scope"])) : f("", !0)
-            ]),
-            _: 1
-          }, 8, ["columns", "scroll", "height", "dataSource", "class", "size", "rowKey", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading", "row-height"])
-        ])
-      ], 2))
-    ]),
-    _: 1
-  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+function p(s, f, _, e, h, b) {
+  return e.handleHidden ? n("v-if", !0) : (r(), o(
+    e.ContainerWrapper,
+    t(i({ key: 0 }, e.props)),
+    {
+      default: d(() => [
+        l(
+          "div",
+          {
+            class: "talbe-wrapper",
+            style: c({ width: e.tableWidth })
+          },
+          [
+            g(e.Table, {
+              onRegister: e.register,
+              loading: e.isLoading,
+              pagination: e.pagintion,
+              onChange: e.handleTableChange
+            }, null, 8, ["onRegister", "loading", "pagination", "onChange"])
+          ],
+          4
+          /* STYLE */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  ));
 }
-const W = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-1355f36c"]]);
+const x = /* @__PURE__ */ m(a, [["render", p], ["__scopeId", "data-v-7c3b00ad"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/container-widget/data-table-widget.vue"]]);
 export {
-  W as default
+  x as default
 };

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

@@ -1,66 +1,66 @@
-import e from "./container-wrapper.vue.js";
-import t from "../../../../utils/emitter.js";
-import i from "../../../../utils/i18n.js";
-import r from "../field-widget/index.js";
-import o from "./containerMixin.js";
-import a from "../../refMixinDesign.js";
-import n from "../../../../mixins/useDataTableMixin.js";
-const c = {
-  name: "DataTableWidget",
-  componentName: "DataTableWidget",
-  mixins: [i, o, a, t, n],
-  inject: ["refList"],
-  components: {
-    ContainerWrapper: e,
-    ...r
-  },
-  data() {
-    return {
-      // selectAllFlag: false
-    };
-  },
+import { defineComponent as w, watchEffect as E, onMounted as R } from "vue";
+import W from "./container-wrapper.vue.js";
+import { ComponentNameEnum as O, ContainerTypeEnum as P } from "../../../../constants/WidgetTypeEnum.js";
+import { useTableWidget as S } from "./useTableWidget.js";
+import { useField as j } from "../field-widget/useField.js";
+import { useVxeTable as D, Table as F } from "tmgc2-share";
+const H = /* @__PURE__ */ w({
+  name: P.DataTable,
+  componentName: O.FieldWidget,
+  __name: "data-table-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: ""
-    }
+    widget: { type: Object, required: !0 },
+    field: { type: Object, required: !0 },
+    parentWidget: { type: [Object, null], required: !0 },
+    parentList: { type: Array, required: !0 },
+    indexOfParentList: { type: Number, required: !1 },
+    subFormRowIndex: { type: Number, required: !1 },
+    subFormRowId: { type: String, required: !1 }
   },
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-    this.setPagination({
-      pageSize: this.widget.options.pagination.pageSize,
-      page: 1,
-      total: 1
+  setup(p, { expose: m }) {
+    const e = p, { fieldModel: a, handleHidden: f, defineExposed: n } = j(e), {
+      isLoading: b,
+      tableProps: r,
+      pagintion: c,
+      tableWidth: g,
+      setPagination: i,
+      handleTableChange: T,
+      onRunEvent: y,
+      setTableRef: o,
+      initTableSoureData: _,
+      loadDataTableDataSource: l
+    } = S({
+      fieldModel: a,
+      props: e
+    }), { tableRef: t, setTableProps: d, register: h } = D({
+      props: r.value,
+      events: {
+        columnResizableChange: (v) => {
+          const { field: s, resizeWidth: C } = v.resizeColumn;
+          if (s) {
+            const q = e.field.options.tableColumns.find(
+              (x) => x.dataIndex === s
+            );
+            q.width = C;
+          }
+        }
+      }
     });
-  },
-  computed: {
-    data() {
-      return this.widget.options.dataSource;
-    },
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    }
-  },
-  methods: {}
-};
+    E(() => {
+      d(r.value), t.value && o(t.value);
+    }), R(() => {
+    }), m({
+      ...n,
+      setPagination: i,
+      loadDataTableDataSource: l,
+      fieldEditor: t.value
+    });
+    const u = { props: e, fieldModel: a, handleHidden: f, defineExposed: n, isLoading: b, tableProps: r, pagintion: c, tableWidth: g, setPagination: i, handleTableChange: T, onRunEvent: y, setTableRef: o, initTableSoureData: _, loadDataTableDataSource: l, tableRef: t, setTableProps: d, register: h, ContainerWrapper: W, get Table() {
+      return F;
+    } };
+    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+  }
+});
 export {
-  c as default
+  H as default
 };