@kp-ui/lowcode 2.14.0-beta.12 → 2.14.0-beta.13

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as J, ref as U, computed as K, resolveComponent as _, createElementBlock as W, openBlock as h, Fragment as Q, createVNode as g, unref as o, withCtx as r, createTextVNode as v, toDisplayString as C, createElementVNode as N, createBlock as m, createCommentVNode as f, normalizeClass as X } from "vue";
-import { useI18n as Y } from "../../../../../utils/i18n.js";
-import Z from "../../../../code-editor/code-modal-editor.vue.js";
+import { defineComponent as X, ref as z, computed as Y, resolveComponent as _, createElementBlock as N, openBlock as c, Fragment as Z, createVNode as m, unref as u, withCtx as r, createTextVNode as v, toDisplayString as C, createElementVNode as B, createBlock as p, createCommentVNode as g, normalizeClass as ee, nextTick as te } from "vue";
+import { useI18n as le } from "../../../../../utils/i18n.js";
+import ne from "../../../../code-editor/code-modal-editor.vue.js";
 import { cloneDeep as E } from "lodash-es";
-import { TpfModal as ee } from "tmgc2-share";
-import { message as te } from "ant-design-vue";
-const le = {
+import { TpfModal as ie } from "tmgc2-share";
+import { message as M } from "ant-design-vue";
+const ae = {
   class: "table-wrap"
-}, ie = {
+}, de = {
   key: 2,
   style: {
     "text-align": "center"
   }
-}, ne = {
+}, se = {
   class: "add-btn"
-}, ce = /* @__PURE__ */ J({
+}, fe = /* @__PURE__ */ X({
   name: "tableColumns-editor",
   inheritAttrs: !1,
   __name: "data-table-tableColumns-editor",
@@ -22,12 +22,12 @@ const le = {
     selectedWidget: {},
     optionModel: {}
   },
-  setup(M, {
-    expose: $
+  setup($, {
+    expose: V
   }) {
     const {
-      i18nt: l
-    } = Y(), I = M, A = U(null), y = U(!1), u = U([]), R = U(null), B = [{
+      i18nt: t
+    } = le(), I = $, A = z(null), w = z(!1), s = z([]), R = z(null), T = z(!0), O = [{
       value: "left",
       label: "left"
     }, {
@@ -36,194 +36,200 @@ const le = {
     }, {
       value: "right",
       label: "right"
-    }], V = K(() => [{
+    }], L = Y(() => [{
       title: "序号",
       dataIndex: "index",
-      width: 120,
+      width: 150,
       fixed: "left",
       rowDrag: !0,
       resizable: !0,
-      // customRender: ({ index }: { index: number }) => index + 1
       customRender: ({
-        record: n,
-        index: t
+        record: i,
+        index: l
       }) => {
-        const e = (p, c, b = []) => {
-          for (let k = 0; k < c.length; k++) {
-            const w = c[k];
-            if (w.columnId === p.columnId)
+        const e = (f, h, b = []) => {
+          for (let k = 0; k < h.length; k++) {
+            const y = h[k];
+            if (y.columnId === f.columnId)
               return [...b, k + 1].join(".");
-            if (w.children) {
-              const z = e(p, w.children, [...b, k + 1]);
-              if (z) return z;
+            if (y.children) {
+              const U = e(f, y.children, [...b, k + 1]);
+              if (U) return U;
             }
           }
           return "";
         };
-        return e(n, u.value);
+        return e(i, s.value);
       }
     }, {
-      title: l("designer.setting.columnName"),
+      title: t("designer.setting.columnName"),
       dataIndex: "dataIndex",
       resizable: !0,
       width: 150
     }, {
-      title: l("designer.setting.columnLabel"),
+      title: t("designer.setting.columnLabel"),
       dataIndex: "title",
       align: "center",
       resizable: !0,
       width: 100
     }, {
-      title: l("designer.setting.columnWidth"),
+      title: t("designer.setting.columnWidth"),
       dataIndex: "width",
       resizable: !0,
       width: 120
     }, {
-      title: l("designer.setting.visibleColumn"),
+      title: t("designer.setting.visibleColumn"),
       dataIndex: "show",
       resizable: !0,
       width: 90
     }, {
-      title: l("designer.setting.sortableColumn"),
+      title: t("designer.setting.sortableColumn"),
       dataIndex: "sorter",
       resizable: !0,
       width: 90
     }, {
-      title: l("designer.setting.resizableColumn"),
+      title: t("designer.setting.resizableColumn"),
       dataIndex: "resizable",
       resizable: !0,
       width: 120
     }, {
-      title: l("designer.setting.ellipsisColumn"),
+      title: t("designer.setting.ellipsisColumn"),
       dataIndex: "ellipsis",
       resizable: !0,
       width: 150
     }, {
-      title: l("designer.setting.fixedColumn"),
+      title: t("designer.setting.fixedColumn"),
       dataIndex: "fixed",
       resizable: !0,
       width: 100
     }, {
-      title: l("designer.setting.alignTypeOfColumn"),
+      title: t("designer.setting.alignTypeOfColumn"),
       dataIndex: "align",
       resizable: !0,
       width: 100
     }, {
-      title: l("designer.setting.customRender"),
+      title: t("designer.setting.customRender"),
       dataIndex: "customRender",
       width: 120,
       resizable: !0,
       fixed: "right"
     }, {
-      title: l("designer.setting.actionColumn"),
+      title: t("designer.setting.actionColumn"),
       dataIndex: "action",
       width: 160,
       fixed: "right"
-    }]), O = (n, t) => {
+    }]), F = (i, l) => {
       var e;
-      R.value = n, (e = A.value) == null || e.open(t.customRender || "");
-    }, F = (n) => {
-      R.value !== null && (u.value[R.value].customRender = n);
-    }, H = () => {
-      const n = {
-        isAutoWidth: !1,
-        columnId: (/* @__PURE__ */ new Date()).getTime(),
-        show: !0,
-        width: 150,
-        sorter: !1,
-        customRender: "",
-        fixed: "",
-        align: "left",
-        title: "标题名",
-        dataIndex: "",
-        resizable: !0,
-        showSorterTooltip: !1
+      R.value = i, (e = A.value) == null || e.open(l.customRender || "");
+    }, H = (i) => {
+      R.value !== null && (s.value[R.value].customRender = i);
+    }, P = {
+      isAutoWidth: !1,
+      columnId: "",
+      show: !0,
+      width: 150,
+      sorter: !1,
+      customRender: "",
+      fixed: "",
+      align: "left",
+      title: "标题名",
+      dataIndex: "",
+      resizable: !0,
+      showSorterTooltip: !1,
+      children: []
+    }, j = () => {
+      const i = {
+        ...P,
+        columnId: (/* @__PURE__ */ new Date()).getTime()
       };
-      u.value.push(n), I.designer.emitHistoryChange();
-    }, d = (n) => {
-      let t = u.value;
-      for (let e = 0; e < n.length; e++) {
-        const p = n[e];
-        if (Array.isArray(t))
-          t = t[p];
+      s.value.push(i), I.designer.emitHistoryChange();
+    }, d = (i) => {
+      let l = s.value;
+      for (let e = 0; e < i.length; e++) {
+        const f = i[e];
+        if (Array.isArray(l))
+          l = l[f];
         else
-          return t;
-        e !== n.length - 1 && (t = t.children || []);
+          return l;
+        e !== i.length - 1 && (l = l.children || []);
       }
-      return t;
-    }, T = (n, t, e) => {
-      for (let p = 0; p < n.length; p++) {
-        const c = n[p];
-        if (c.columnId === t.columnId) {
-          c.children || (c.children = []), c.children.push(e);
+      return l;
+    }, D = (i, l, e) => {
+      for (let f = 0; f < i.length; f++) {
+        const h = i[f];
+        if (h.columnId === l.columnId) {
+          h.children || (h.children = []), h.children.push(e);
           return;
         }
-        c.children && T(c.children, t, e);
+        h.children && D(h.children, l, e);
       }
-    }, S = (n, t) => n.filter((e) => {
-      if (e.columnId === t)
+    }, S = (i, l) => i.filter((e) => {
+      if (e.columnId === l)
         return !1;
       if (e.children && Array.isArray(e.children) && e.children.length > 0) {
-        const p = S(e.children, t);
-        e.children = p;
+        const f = S(e.children, l);
+        e.children = f;
       }
       return !0;
-    }), L = (n, t) => {
-      if (u.value.length === 1)
-        return te.warning(l("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
-      u.value = S(u.value, n.columnId);
-    }, P = (n, t) => {
+    }), q = (i, l) => {
+      if (s.value.length === 1 && !s.value[0].children)
+        return M.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      if (s.value.length === 1 && s.value[0].children.length === 0)
+        return M.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      s.value = S(s.value, i.columnId);
+    }, G = async (i, l) => {
       const e = {
-        ...u.value[t],
-        children: null,
+        ...s.value[l],
+        children: void 0,
         columnId: (/* @__PURE__ */ new Date()).getTime()
       };
-      T(u.value, n, e);
-    }, j = () => {
-      I.optionModel.tableColumns = E(u.value), y.value = !1;
-    }, D = () => {
-      y.value = !0, u.value = E(I.optionModel.tableColumns);
+      T.value = !1, D(s.value, i, e), await te(), T.value = !0;
+    }, J = () => {
+      I.optionModel.tableColumns = E(s.value), w.value = !1;
+    }, W = () => {
+      w.value = !0, s.value = E(I.optionModel.tableColumns);
     };
-    return $({
-      openSetting: D
-    }), (n, t) => {
-      const e = _("a-button"), p = _("a-form-item"), c = _("a-input"), b = _("a-switch"), k = _("a-select-option"), w = _("a-select"), z = _("a-space"), q = _("s-table");
-      return h(), W(Q, null, [g(p, {
-        label: o(l)("designer.setting.tableColEdit")
+    return V({
+      openSetting: W
+    }), (i, l) => {
+      const e = _("a-button"), f = _("a-form-item"), h = _("a-input"), b = _("a-switch"), k = _("a-select-option"), y = _("a-select"), U = _("a-space"), K = _("s-table");
+      return c(), N(Z, null, [m(f, {
+        label: u(t)("designer.setting.tableColEdit")
       }, {
-        default: r(() => [g(e, {
+        default: r(() => [m(e, {
           type: "primary",
           shape: "round",
-          onClick: D
+          onClick: W
         }, {
-          default: r(() => [v(C(o(l)("designer.setting.editAction")), 1)]),
+          default: r(() => [v(C(u(t)("designer.setting.editAction")), 1)]),
           _: 1
         })]),
         _: 1
-      }, 8, ["label"]), g(o(ee), {
-        title: o(l)("designer.setting.tableColEdit"),
-        visible: y.value,
-        "onUpdate:visible": t[2] || (t[2] = (s) => y.value = s),
+      }, 8, ["label"]), m(u(ie), {
+        title: u(t)("designer.setting.tableColEdit"),
+        visible: w.value,
+        "onUpdate:visible": l[2] || (l[2] = (o) => w.value = o),
         width: "1200px"
       }, {
-        footerRight: r(() => [g(e, {
+        footerRight: r(() => [m(e, {
           size: "default",
-          onClick: t[1] || (t[1] = (s) => y.value = !1)
+          onClick: l[1] || (l[1] = (o) => w.value = !1)
         }, {
-          default: r(() => [v(C(o(l)("designer.hint.cancel")), 1)]),
+          default: r(() => [v(C(u(t)("designer.hint.cancel")), 1)]),
           _: 1
-        }), g(e, {
+        }), m(e, {
           size: "default",
           type: "primary",
-          onClick: j
+          onClick: J
         }, {
-          default: r(() => [v(C(o(l)("designer.hint.confirm")), 1)]),
+          default: r(() => [v(C(u(t)("designer.hint.confirm")), 1)]),
           _: 1
         })]),
-        default: r(() => [N("div", le, [g(q, {
+        default: r(() => [B("div", ae, [T.value ? (c(), p(K, {
+          key: 0,
           class: "tpf-surely-table",
           "aria-hidden": "false",
-          dataSource: u.value,
+          dataSource: s.value,
           style: {
             width: "100%"
           },
@@ -240,130 +246,130 @@ const le = {
           },
           pagination: !1,
           resizable: "",
-          "row-key": (s) => s.columnId,
-          columns: V.value
+          "row-key": (o) => o.columnId,
+          columns: L.value
         }, {
           bodyCell: r(({
-            column: s,
+            column: o,
             record: x,
-            index: G,
+            index: Q,
             recordIndexs: a
-          }) => [s.dataIndex === "dataIndex" ? (h(), m(c, {
+          }) => [o.dataIndex === "dataIndex" ? (c(), p(h, {
             key: 0,
             value: d(a).dataIndex,
-            "onUpdate:value": (i) => d(a).dataIndex = i
-          }, null, 8, ["value", "onUpdate:value"])) : f("", !0), s.dataIndex === "title" ? (h(), m(c, {
+            "onUpdate:value": (n) => d(a).dataIndex = n
+          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "title" ? (c(), p(h, {
             key: 1,
             value: d(a).title,
-            "onUpdate:value": (i) => d(a).title = i
-          }, null, 8, ["value", "onUpdate:value"])) : f("", !0), s.dataIndex === "width" ? (h(), W("div", ie, [g(b, {
-            "checked-children": o(l)("designer.setting.autoWidth"),
-            checked: u.value[a[0]].isAutoWidth,
-            "onUpdate:checked": (i) => u.value[a[0]].isAutoWidth = i
-          }, null, 8, ["checked-children", "checked", "onUpdate:checked"]), x.isAutoWidth ? f("", !0) : (h(), m(c, {
+            "onUpdate:value": (n) => d(a).title = n
+          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "width" ? (c(), N("div", de, [m(b, {
+            "checked-children": u(t)("designer.setting.autoWidth"),
+            checked: s.value[a[0]].isAutoWidth,
+            "onUpdate:checked": (n) => s.value[a[0]].isAutoWidth = n
+          }, null, 8, ["checked-children", "checked", "onUpdate:checked"]), x.isAutoWidth ? g("", !0) : (c(), p(h, {
             key: 0,
             value: d(a).width,
-            "onUpdate:value": (i) => d(a).width = i
-          }, null, 8, ["value", "onUpdate:value"]))])) : f("", !0), s.dataIndex === "show" ? (h(), m(b, {
+            "onUpdate:value": (n) => d(a).width = n
+          }, null, 8, ["value", "onUpdate:value"]))])) : g("", !0), o.dataIndex === "show" ? (c(), p(b, {
             key: 3,
             checked: d(a).show,
-            "onUpdate:checked": (i) => d(a).show = i
-          }, null, 8, ["checked", "onUpdate:checked"])) : f("", !0), s.dataIndex === "sorter" ? (h(), m(b, {
+            "onUpdate:checked": (n) => d(a).show = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "sorter" ? (c(), p(b, {
             key: 4,
             checked: d(a).sorter,
-            "onUpdate:checked": (i) => d(a).sorter = i
-          }, null, 8, ["checked", "onUpdate:checked"])) : f("", !0), s.dataIndex === "resizable" ? (h(), m(b, {
+            "onUpdate:checked": (n) => d(a).sorter = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "resizable" ? (c(), p(b, {
             key: 5,
             checked: d(a).resizable,
-            "onUpdate:checked": (i) => d(a).resizable = i
-          }, null, 8, ["checked", "onUpdate:checked"])) : f("", !0), s.dataIndex === "ellipsis" ? (h(), m(b, {
+            "onUpdate:checked": (n) => d(a).resizable = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "ellipsis" ? (c(), p(b, {
             key: 6,
             checked: d(a).ellipsis,
-            "onUpdate:checked": (i) => d(a).ellipsis = i
-          }, null, 8, ["checked", "onUpdate:checked"])) : f("", !0), s.dataIndex === "fixed" ? (h(), m(w, {
+            "onUpdate:checked": (n) => d(a).ellipsis = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "fixed" ? (c(), p(y, {
             key: 7,
             value: d(a).fixed,
-            "onUpdate:value": (i) => d(a).fixed = i,
+            "onUpdate:value": (n) => d(a).fixed = n,
             allowClear: "",
             style: {
               width: "100%"
             }
           }, {
-            default: r(() => [g(k, {
+            default: r(() => [m(k, {
               value: "left"
             }, {
-              default: r(() => [v(C(o(l)("designer.setting.fixedLeft")), 1)]),
+              default: r(() => [v(C(u(t)("designer.setting.fixedLeft")), 1)]),
               _: 1
-            }), g(k, {
+            }), m(k, {
               value: "right"
             }, {
-              default: r(() => [v(C(o(l)("designer.setting.fixedRight")), 1)]),
+              default: r(() => [v(C(u(t)("designer.setting.fixedRight")), 1)]),
               _: 1
             })]),
             _: 2
-          }, 1032, ["value", "onUpdate:value"])) : f("", !0), s.dataIndex === "align" ? (h(), m(w, {
+          }, 1032, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "align" ? (c(), p(y, {
             key: 8,
             style: {
               width: "100%"
             },
             value: d(a).align,
-            "onUpdate:value": (i) => d(a).align = i,
-            options: B
-          }, null, 8, ["value", "onUpdate:value"])) : f("", !0), s.dataIndex === "customRender" ? (h(), m(e, {
+            "onUpdate:value": (n) => d(a).align = n,
+            options: O
+          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "customRender" ? (c(), p(e, {
             key: 9,
-            onClick: (i) => O(a[0], x),
-            class: X([{
+            onClick: (n) => F(a[0], x),
+            class: ee([{
               "button-text-highlight": !!x.customRender
             }]),
             size: "small",
             shape: "round"
           }, {
-            default: r(() => [v(C(o(l)("designer.setting.edit")), 1)]),
+            default: r(() => [v(C(u(t)("designer.setting.edit")), 1)]),
             _: 2
-          }, 1032, ["onClick", "class"])) : f("", !0), s.dataIndex === "action" ? (h(), m(z, {
+          }, 1032, ["onClick", "class"])) : g("", !0), o.dataIndex === "action" ? (c(), p(U, {
             key: 10
           }, {
-            default: r(() => [g(e, {
-              title: o(l)("designer.setting.addSubsets"),
+            default: r(() => [m(e, {
+              title: u(t)("designer.setting.addSubsets"),
               size: "small",
-              onClick: (i) => P(x, G),
+              onClick: (n) => G(x, Q),
               type: "text"
             }, {
-              default: r(() => t[3] || (t[3] = [v(" 增加子集 ")])),
+              default: r(() => l[3] || (l[3] = [v(" 增加子集 ")])),
               _: 2,
               __: [3]
-            }, 1032, ["title", "onClick"]), g(e, {
-              title: o(l)("designer.setting.deleteTableColumn"),
+            }, 1032, ["title", "onClick"]), m(e, {
+              title: u(t)("designer.setting.deleteTableColumn"),
               size: "small",
-              onClick: (i) => L(x),
+              onClick: (n) => q(x),
               type: "text"
             }, {
-              default: r(() => [v(C(o(l)("designer.setting.delete")), 1)]),
+              default: r(() => [v(C(u(t)("designer.setting.delete")), 1)]),
               _: 2
             }, 1032, ["title", "onClick"])]),
             _: 2
-          }, 1024)) : f("", !0)]),
+          }, 1024)) : g("", !0)]),
           _: 1
-        }, 8, ["dataSource", "row-key", "columns"]), N("div", ne, [g(e, {
-          title: o(l)("designer.setting.addTableColumn"),
+        }, 8, ["dataSource", "row-key", "columns"])) : g("", !0), B("div", se, [m(e, {
+          title: u(t)("designer.setting.addTableColumn"),
           type: "primary",
           size: "medium",
-          onClick: t[0] || (t[0] = (s) => H())
+          onClick: l[0] || (l[0] = (o) => j())
         }, {
-          default: r(() => [v(C(o(l)("designer.setting.addTableColumn")), 1)]),
+          default: r(() => [v(C(u(t)("designer.setting.addTableColumn")), 1)]),
           _: 1
         }, 8, ["title"])])])]),
         _: 1
-      }, 8, ["title", "visible"]), g(Z, {
-        onSave: F,
+      }, 8, ["title", "visible"]), m(ne, {
+        onSave: H,
         ref_key: "CodeModalEditorRef",
         ref: A,
-        title: o(l)("designer.setting.renderFunction"),
+        title: u(t)("designer.setting.renderFunction"),
         "fn-params": "scope"
       }, null, 8, ["title"])], 64);
     };
   }
 });
 export {
-  ce as default
+  fe as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/formCode-editor.vue.js

@@ -1,9 +1,9 @@
-import d from "../../../../../utils/i18n.js";
-import { resolveComponent as n, createBlock as m, openBlock as l, withCtx as p, createVNode as c } from "vue";
-import f from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const u = {
+import m from "../../../../../utils/i18n.js";
+import { resolveComponent as n, createBlock as l, openBlock as p, withCtx as f, createVNode as c } from "vue";
+import C from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
   name: "formCode-editor",
-  mixins: [d],
+  mixins: [m],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -18,8 +18,11 @@ const u = {
     this.getOps();
   },
   methods: {
+    handleChangeFormCode(o) {
+      this.optionModel.formCode = o, this.optionModel.formId = this.ops.find((e) => e.formCode === o).formId;
+    },
     async getOps() {
-      const t = {
+      const o = {
         pageCode: "FormDefinitionManagement",
         conditions: [],
         requiredFields: ["formCode", "terminalTypeName", "entityCode"],
@@ -27,28 +30,29 @@ const u = {
         pageSize: null,
         sorts: []
       };
-      this.ops = await this.$http.post("/api/tmgc2-query/dataQuery/execute", t).then((e) => e.data.object.list || []).then((e) => e.map((o) => ({ formCode: o.formCode })));
+      this.ops = await this.$http.post("/api/tmgc2-query/dataQuery/execute", o).then((e) => e.data.object.list || []).then((e) => e.map((t) => ({ formCode: t.formCode })));
     }
   }
 };
-function C(t, e, o, _, r, g) {
-  const i = n("a-select"), a = n("a-form-item");
-  return l(), m(a, {
-    label: t.i18nt("designer.setting.formCode")
+function u(o, e, t, g, r, a) {
+  const d = n("a-select"), i = n("a-form-item");
+  return p(), l(i, {
+    label: o.i18nt("designer.setting.formCode")
   }, {
-    default: p(() => [
-      c(i, {
-        value: o.optionModel.formCode,
-        "onUpdate:value": e[0] || (e[0] = (s) => o.optionModel.formCode = s),
+    default: f(() => [
+      c(d, {
+        value: t.optionModel.formCode,
+        "onUpdate:value": e[0] || (e[0] = (s) => t.optionModel.formCode = s),
         allowClear: "",
         options: r.ops,
-        fieldNames: { label: "formCode", value: "formCode" }
-      }, null, 8, ["value", "options"])
+        fieldNames: { label: "formCode", value: "formCode" },
+        onChange: a.handleChangeFormCode
+      }, null, 8, ["value", "options", "onChange"])
     ]),
     _: 1
   }, 8, ["label"]);
 }
-const x = /* @__PURE__ */ f(u, [["render", C]]);
+const v = /* @__PURE__ */ C(h, [["render", u]]);
 export {
-  x as default
+  v as default
 };

package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as d, createBlock as g, openBlock as m, unref as o, withCtx as p, createElementVNode as i, createVNode as u, createTextVNode as f, toDisplayString as h } from "vue";
+import { SvgIcon as k } from "tmgc2-share";
+import { useI18n as C } from "../../../utils/i18n.js";
+import _ from "../../../lib/vuedraggable/src/vuedraggable.js";
+const y = ["title", "onDblclick"], x = /* @__PURE__ */ d({
+  name: "PanelItemDrag",
+  __name: "PanelItemDrag",
+  props: {
+    designer: {},
+    items: {}
+  },
+  setup(s) {
+    const { i18n2t: l } = C(), n = s, r = (e) => n.designer.copyNewContainerWidget(e), a = (e) => n.designer.checkWidgetMove(e), c = (e) => {
+      n.designer.addWidget(e);
+    };
+    return (e, v) => (m(), g(o(_), {
+      tag: "ul",
+      list: e.items,
+      "item-key": "key",
+      group: { name: "dragGroup", pull: "clone", put: !1 },
+      clone: r,
+      "ghost-class": "ghost",
+      sort: !1,
+      move: a
+    }, {
+      item: p(({ element: t }) => [
+        i("li", {
+          class: "container-widget-item",
+          title: t.displayName,
+          onDblclick: (b) => c(t)
+        }, [
+          i("span", null, [
+            u(o(k), {
+              "icon-class": "icon-" + t.icon,
+              class: "color-svg-icon"
+            }, null, 8, ["icon-class"]),
+            f(" " + h(o(l)(
+              `designer.widgetLabel.${t.type}`,
+              `extension.widgetLabel.${t.type}`
+            )), 1)
+          ])
+        ], 40, y)
+      ]),
+      _: 1
+    }, 8, ["list"]));
+  }
+});
+export {
+  x as default
+};