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

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

@@ -0,0 +1,47 @@
+import { defineComponent as g, inject as l, ref as m, createBlock as n, openBlock as i, unref as o, mergeProps as c, withCtx as u, createElementVNode as f, resolveDynamicComponent as h } from "vue";
+import { getWidget as W } from "./useFormDesigner.js";
+import v from "../../../lib/vuedraggable/src/vuedraggable.js";
+const L = { class: "transition-group-el" }, D = /* @__PURE__ */ g({
+  name: "RenderDesignerWigetList",
+  __name: "RenderDesignerWigetList",
+  props: {
+    parentWidget: {},
+    list: {},
+    end: {},
+    add: { type: Function, default: () => {
+    } },
+    update: { type: Function, default: () => {
+    } }
+  },
+  setup(r) {
+    const a = r, d = l("designer", m({})), s = (e) => d.value.checkWidgetMove(e);
+    return (e, k) => (i(), n(o(v), c({
+      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: s
+    }), {
+      item: u(({ element: t, index: p }) => [
+        f("div", L, [
+          (i(), n(h(o(W)(t)), {
+            parentList: a.list,
+            indexOfParentList: p,
+            parentWidget: e.parentWidget,
+            designState: !0,
+            widget: t,
+            field: t
+          }, null, 8, ["parentList", "indexOfParentList", "parentWidget", "widget", "field"]))
+        ])
+      ]),
+      _: 1
+    }, 16, ["list", "onAdd", "onUpdate"]));
+  }
+});
+export {
+  D as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./RenderDesignerWigetList.vue.js";
+export {
+  f as default
+};

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

@@ -1,106 +1,7 @@
-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 o from "./container-wrapper.vue2.js";
 /* 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);
-}
-const A = /* @__PURE__ */ h(f, [["render", V], ["__scopeId", "data-v-a5686394"]]);
+import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-22ca8dff"]]);
 export {
-  A as default
+  f as default
 };

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

@@ -0,0 +1,34 @@
+import { defineComponent as l, createElementBlock as m, openBlock as i, withModifiers as c, normalizeClass as u, unref as e, renderSlot as f, createBlock as g, createCommentVNode as w, normalizeProps as C, mergeProps as k } from "vue";
+import "../../../../utils/i18n.js";
+import { useContainerWidget as W } from "./useContainerWidget.js";
+import v from "../widgetAction.vue.js";
+const F = /* @__PURE__ */ l({
+  name: "container-wrapper",
+  __name: "container-wrapper",
+  props: {
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
+  },
+  setup(s) {
+    const t = s, { designState: r, selected: a, selectWidget: d, customClass: p } = W(t);
+    return (o, n) => (i(), m("div", {
+      class: u(["container-wrapper", [
+        e(a) ? "selected" : "",
+        e(p),
+        e(r) ? "container-design-widget" : ""
+      ]]),
+      onClick: n[0] || (n[0] = c((B) => e(d)(o.widget), ["stop"]))
+    }, [
+      f(o.$slots, "default", {}, void 0, !0),
+      e(r) ? (i(), g(v, C(k({ key: 0 }, t)), null, 16)) : w("", !0)
+    ], 2));
+  }
+});
+export {
+  F as default
+};

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

@@ -1,65 +1,7 @@
-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 t from "./data-table-widget.vue2.js";
 /* 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"]);
-}
-const W = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-1355f36c"]]);
+import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ o(t, [["__scopeId", "data-v-46e8d16c"]]);
 export {
-  W as default
+  d as default
 };

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

@@ -1,66 +1,75 @@
-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 R, watchEffect as _, onMounted as E, createBlock as P, createCommentVNode as W, unref as e, openBlock as z, normalizeProps as N, mergeProps as y, withCtx as F, createElementVNode as V, normalizeStyle as k, createVNode as D } from "vue";
+import I from "./container-wrapper.vue.js";
+import { ComponentNameEnum as L, ContainerTypeEnum as B } from "../../../../constants/WidgetTypeEnum.js";
+import { useTableWidget as M } from "./useTableWidget.js";
+import { useField as S } from "../field-widget/useField.js";
+import { useVxeTable as H, Table as O } from "tmgc2-share";
+const Q = /* @__PURE__ */ R({
+  name: B.DataTable,
+  componentName: L.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: ""
-    }
-  },
-  created() {
-    this.initRefList();
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  mounted() {
-    this.setPagination({
-      pageSize: this.widget.options.pagination.pageSize,
-      page: 1,
-      total: 1
+  setup(r, { expose: l }) {
+    const t = r, { fieldModel: d, handleHidden: s, defineExposed: p } = S(t), {
+      isLoading: m,
+      tableProps: n,
+      pagintion: u,
+      tableWidth: f,
+      setPagination: c,
+      handleTableChange: g,
+      setTableRef: b,
+      loadDataTableDataSource: h
+    } = M({
+      fieldModel: d,
+      props: t
+    }), { tableRef: o, setTableProps: C, register: w } = H({
+      props: n.value,
+      events: {
+        columnResizableChange: (i) => {
+          const { field: a, resizeWidth: x } = i.resizeColumn;
+          if (a) {
+            const T = t.field.options.tableColumns.find(
+              (v) => v.dataIndex === a
+            );
+            T.width = x;
+          }
+        }
+      }
     });
-  },
-  computed: {
-    data() {
-      return this.widget.options.dataSource;
-    },
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    }
-  },
-  methods: {}
-};
+    return _(() => {
+      C(n.value), o.value && b(o.value);
+    }), E(() => {
+    }), l({
+      ...p,
+      setPagination: c,
+      loadDataTableDataSource: h,
+      fieldEditor: o.value
+    }), (i, a) => e(s) ? W("", !0) : (z(), P(I, N(y({ key: 0 }, t)), {
+      default: F(() => [
+        V("div", {
+          class: "talbe-wrapper",
+          style: k({ width: e(f) })
+        }, [
+          D(e(O), {
+            onRegister: e(w),
+            loading: e(m),
+            pagination: e(u),
+            onChange: e(g)
+          }, null, 8, ["onRegister", "loading", "pagination", "onChange"])
+        ], 4)
+      ]),
+      _: 1
+    }, 16));
+  }
+});
 export {
-  c as default
+  Q as default
 };

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

@@ -1,246 +1,7 @@
-import L from "../../../../utils/i18n.js";
-import C from "../field-widget/index.js";
-import { SvgIcon as k } from "tmgc2-share";
-import W from "../../refMixinDesign.js";
-import x from "../../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent as p, createBlock as c, createCommentVNode as g, openBlock as o, mergeProps as w, withModifiers as d, withCtx as f, createVNode as r, createElementBlock as h, createElementVNode as a, resolveDynamicComponent as y, toDisplayString as D } from "vue";
+import o from "./grid-col-widget.vue2.js";
 /* empty css                     */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const G = {
-  name: "GridColWidget",
-  componentName: "GridColWidget",
-  mixins: [L, W],
-  inject: ["refList"],
-  components: {
-    Draggable: x,
-    ...C,
-    SvgIcon: k
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    colHeight: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      layoutProps: {
-        span: this.widget.options.span || 12,
-        // md: this.widget.options.md || 12,
-        // sm: this.widget.options.sm || 12,
-        // xs: this.widget.options.xs || 12,
-        offset: this.widget.options.offset || 0,
-        push: this.widget.options.push || 0,
-        pull: this.widget.options.pull || 0
-      }
-    };
-  },
-  computed: {
-    selected() {
-      return this.widget.id === this.designer.selectedId;
-    },
-    customClass() {
-      return this.widget.options.customClass || "";
-    },
-    colHeightStyle() {
-      return this.colHeight ? { height: this.colHeight + "px" } : {};
-    }
-  },
-  watch: {
-    "designer.formConfig.layoutType": {
-      handler(e) {
-        this.widget.options.responsive ? e === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : e === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12 : this.layoutProps.span = this.widget.options.span || 12;
-      }
-    },
-    "widget.options.responsive": {
-      handler(e) {
-        const i = this.designer.formConfig.layoutType;
-        e ? i === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : i === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12 : this.layoutProps.span = this.widget.options.span || 12;
-      }
-    },
-    "widget.options.span": {
-      handler(e) {
-        this.layoutProps.span = e;
-      }
-    },
-    "widget.options.md": {
-      handler(e) {
-        this.layoutProps.span = e;
-      }
-    },
-    "widget.options.sm": {
-      handler(e) {
-        this.layoutProps.span = e;
-      }
-    },
-    "widget.options.xs": {
-      handler(e) {
-        this.layoutProps.span = e;
-      }
-    },
-    "widget.options.offset": {
-      handler(e) {
-        this.layoutProps.offset = e;
-      }
-    },
-    "widget.options.push": {
-      handler(e) {
-        this.layoutProps.push = e;
-      }
-    },
-    "widget.options.pull": {
-      handler(e) {
-        this.layoutProps.pull = e;
-      }
-    }
-  },
-  created() {
-    this.initRefList(), this.initLayoutProps();
-  },
-  methods: {
-    initLayoutProps() {
-      if (this.widget.options.responsive) {
-        const e = this.designer.formConfig.layoutType;
-        e === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : e === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12;
-      } else
-        this.layoutProps.spn = this.widget.options.span;
-    },
-    onGridDragEnd(e, i) {
-    },
-    onGridDragAdd(e, i) {
-      const t = e.newIndex;
-      i[t] && this.designer.setSelected(i[t]), this.designer.emitHistoryChange(), this.designer.emitEvent("field-selected", this.widget);
-    },
-    onGridDragUpdate() {
-      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);
-    },
-    cloneGridCol(e) {
-      this.designer.cloneGridCol(e, this.parentWidget);
-    },
-    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();
-        });
-      }
-    }
-  }
-}, H = { class: "form-widget-list" }, S = {
-  key: 0,
-  class: "grid-col-action"
-}, O = ["title"], U = ["title"], E = ["title"], I = ["title"], T = ["title"], b = {
-  key: 1,
-  class: "grid-col-handler"
-};
-function M(e, i, t, N, u, n) {
-  const v = p("draggable"), l = p("svg-icon"), P = p("a-col");
-  return t.widget.type === "grid-col" ? (o(), c(P, w({
-    key: 0,
-    class: "grid-cell"
-  }, u.layoutProps, {
-    class: [n.selected ? "selected" : "", n.customClass],
-    style: n.colHeightStyle,
-    key: t.widget.id,
-    onClick: i[7] || (i[7] = d((s) => n.selectWidget(t.widget), ["stop"]))
-  }), {
-    default: f(() => [
-      r(v, w({
-        list: t.widget.widgetList,
-        "item-key": "id"
-      }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
-        tag: "transition-group",
-        "component-data": { name: "fade" },
-        handle: ".drag-handler",
-        onEnd: i[0] || (i[0] = (s) => n.onGridDragEnd(s, t.widget.widgetList)),
-        onAdd: i[1] || (i[1] = (s) => n.onGridDragAdd(s, t.widget.widgetList)),
-        onUpdate: n.onGridDragUpdate,
-        move: n.checkContainerMove
-      }), {
-        item: f(({ element: s, index: m }) => [
-          a("div", H, [
-            s.category === "container" ? (o(), c(y(s.type + "-widget"), {
-              widget: s,
-              designer: t.designer,
-              key: s.id,
-              "parent-list": t.widget.widgetList,
-              "index-of-parent-list": m,
-              "parent-widget": t.widget
-            }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (o(), c(y(s.type + "-widget"), {
-              field: s,
-              designer: t.designer,
-              key: s.id,
-              "parent-list": t.widget.widgetList,
-              "index-of-parent-list": m,
-              "parent-widget": t.widget,
-              "design-state": !0
-            }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
-          ])
-        ]),
-        _: 1
-      }, 16, ["list", "onUpdate", "move"]),
-      t.designer.selectedId === t.widget.id && t.widget.type === "grid-col" ? (o(), h("div", S, [
-        a("i", {
-          title: e.i18nt("designer.hint.selectParentWidget"),
-          onClick: i[2] || (i[2] = d((s) => n.selectParentWidget(t.widget), ["stop"]))
-        }, [
-          r(l, { "icon-class": "icon-el-back" })
-        ], 8, O),
-        t.parentList && t.parentList.length > 1 ? (o(), h("i", {
-          key: 0,
-          title: e.i18nt("designer.hint.moveUpWidget"),
-          onClick: i[3] || (i[3] = d((s) => n.moveUpWidget(), ["stop"]))
-        }, [
-          r(l, { "icon-class": "icon-el-move-up" })
-        ], 8, U)) : g("", !0),
-        t.parentList && t.parentList.length > 1 ? (o(), h("i", {
-          key: 1,
-          title: e.i18nt("designer.hint.moveDownWidget"),
-          onClick: i[4] || (i[4] = d((s) => n.moveDownWidget(), ["stop"]))
-        }, [
-          r(l, { "icon-class": "icon-el-move-down" })
-        ], 8, E)) : g("", !0),
-        a("i", {
-          title: e.i18nt("designer.hint.cloneWidget"),
-          onClick: i[5] || (i[5] = d((s) => n.cloneGridCol(t.widget), ["stop"]))
-        }, [
-          r(l, { "icon-class": "icon-el-clone" })
-        ], 8, I),
-        a("i", {
-          title: e.i18nt("designer.hint.remove"),
-          onClick: i[6] || (i[6] = d((...s) => n.removeWidget && n.removeWidget(...s), ["stop"]))
-        }, [
-          r(l, { "icon-class": "icon-el-delete" })
-        ], 8, T)
-      ])) : g("", !0),
-      t.designer.selectedId === t.widget.id && t.widget.type === "grid-col" ? (o(), h("div", b, [
-        a("i", null, D(e.i18nt("designer.widgetLabel." + t.widget.type)), 1)
-      ])) : g("", !0)
-    ]),
-    _: 1
-  }, 16, ["class", "style"])) : g("", !0);
-}
-const J = /* @__PURE__ */ _(G, [["render", M], ["__scopeId", "data-v-458b94dd"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7f8f1668"]]);
 export {
-  J as default
+  m as default
 };