@kp-ui/lowcode 2.14.0-beta.2 → 2.14.0-beta.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.14.0-beta.2",
+  "version": "2.14.0-beta.20",
   "publishConfig": {
     "access": "public"
   },

package/src/components/FormRender/useFormRender.js

@@ -0,0 +1,18 @@
+import { ContainerWidgetMap as t } from "../form-render/container-item/index.js";
+import o from "../form-designer/form-widget/field-widget/index.js";
+function m() {
+  function i(e) {
+    var n;
+    if (!e) return "";
+    const r = `./${e.type}-item.vue`;
+    return t[r] || console.warn(`未找到容器组件类型: ${e.type}，请确保已注册该组件。`), (n = t[r]) == null ? void 0 : n.default;
+  }
+  return {
+    getFieldWidget: (e) => e && o[e.type + "-widget"] || "",
+    getContainerWidget: i,
+    ContainerWidgetMap: t
+  };
+}
+export {
+  m as useFormRender
+};

package/src/components/form-designer/designer.js

@@ -1,8 +1,8 @@
-import { deepClone as g, getDefaultFormConfig as F, generateId as p, overwriteObj as u } from "../../utils/util.js";
+import { deepClone as d, getDefaultFormConfig as F, generateId as r, overwriteObj as u } from "../../utils/util.js";
 import { containers as w, basicFields as y, advancedFields as b, customFields as L } from "./widget-panel/widgetsConfig.js";
 import D from "../../utils/event-bus.js";
 function E(T) {
-  const m = g(F());
+  const m = d(F());
   return {
     widgetList: [],
     formConfig: { cssCode: "" },
@@ -22,7 +22,7 @@ function E(T) {
       steps: []
     },
     initDesigner(e) {
-      this.widgetList = [], this.formConfig = g(m), e || this.initHistoryData();
+      this.widgetList = [], this.formConfig = d(m), e || this.initHistoryData();
     },
     clearDesigner(e) {
       const t = this.widgetList.length === 0;
@@ -41,7 +41,7 @@ function E(T) {
       return {
         widgetList: [],
         //formConfig: deepClone(this.formConfig)
-        formConfig: g(m)
+        formConfig: d(m)
       };
     },
     loadFormJson(e) {
@@ -86,9 +86,9 @@ function E(T) {
      * @param widget
      */
     appendTableRow(e) {
-      const t = e.rows.length, s = g(e.rows[e.rows.length - 1]);
-      s.id = "table-row-" + p(), s.merged = !1, s.cols.forEach((i) => {
-        i.id = "table-cell-" + p(), i.options.name = i.id, i.merged = !1, i.options.colspan = 1, i.options.rowspan = 1, i.widgetList.length = 0;
+      const t = e.rows.length, s = d(e.rows[e.rows.length - 1]);
+      s.id = "table-row-" + r(), s.merged = !1, s.cols.forEach((i) => {
+        i.id = "table-cell-" + r(), i.options.name = i.id, i.merged = !1, i.options.colspan = 1, i.options.rowspan = 1, i.widgetList.length = 0;
       }), e.rows.splice(t, 0, s), this.emitHistoryChange();
     },
     /**
@@ -98,47 +98,47 @@ function E(T) {
     appendTableCol(e) {
       const t = e.rows[0].cols.length;
       e.rows.forEach((s) => {
-        const i = g(this.getContainerByType("table-cell"));
-        i.id = "table-cell-" + p(), i.options.name = i.id, i.merged = !1, i.options.colspan = 1, i.options.rowspan = 1, i.widgetList.length = 0, s.cols.splice(t, 0, i);
+        const i = d(this.getContainerByType("table-cell"));
+        i.id = "table-cell-" + r(), i.options.name = i.id, i.merged = !1, i.options.colspan = 1, i.options.rowspan = 1, i.widgetList.length = 0, s.cols.splice(t, 0, i);
       }), this.emitHistoryChange();
     },
     insertTableRow(e, t, s, i, l) {
       let o = l ? t : t + 1;
       if (!l) {
-        let h = o, r = !1;
+        let h = o, g = !1;
         for (; h < e.rows.length; )
           if (e.rows[h].cols[i].merged)
             h++;
           else {
-            o = h, r = !0;
+            o = h, g = !0;
             break;
           }
-        r || (o = e.rows.length);
+        g || (o = e.rows.length);
       }
-      const n = g(e.rows[s]);
-      n.id = "table-row-" + p(), n.merged = !1, n.cols.forEach((h) => {
-        h.id = "table-cell-" + p(), h.options.name = h.id, h.merged = !1, h.options.colspan = 1, h.options.rowspan = 1, h.widgetList.length = 0;
+      const n = d(e.rows[s]);
+      n.id = "table-row-" + r(), n.merged = !1, n.cols.forEach((h) => {
+        h.id = "table-cell-" + r(), h.options.name = h.id, h.merged = !1, h.options.colspan = 1, h.options.rowspan = 1, h.widgetList.length = 0;
       }), e.rows.splice(o, 0, n);
       let a = 0;
       for (; o < e.rows.length - 1 && a < e.rows[0].cols.length; ) {
         const h = e.rows[o + 1].cols[a];
         if (h.merged) {
           const f = e.rows;
-          let d = {}, C = null;
+          let p = {}, C = null;
           for (let c = o; c >= 0; c--)
             if (!f[c].cols[a].merged && f[c].cols[a].options.rowspan > 1) {
-              C = c, d = f[c].cols[a];
+              C = c, p = f[c].cols[a];
               break;
             }
-          if (d.options) {
-            const c = d.options.rowspan + 1;
+          if (p.options) {
+            const c = p.options.rowspan + 1;
             this.setPropsOfMergedRows(
               e.rows,
               C,
               a,
-              d.options.colspan,
+              p.options.colspan,
               c
-            ), a += d.options.colspan;
+            ), a += p.options.colspan;
           } else
             a += 1;
         } else
@@ -161,29 +161,29 @@ function E(T) {
         }
       }
       e.rows.forEach((n) => {
-        const a = g(this.getContainerByType("table-cell"));
-        a.id = "table-cell-" + p(), a.options.name = a.id, a.merged = !1, a.options.colspan = 1, a.options.rowspan = 1, a.widgetList.length = 0, n.cols.splice(l, 0, a);
+        const a = d(this.getContainerByType("table-cell"));
+        a.id = "table-cell-" + r(), a.options.name = a.id, a.merged = !1, a.options.colspan = 1, a.options.rowspan = 1, a.widgetList.length = 0, n.cols.splice(l, 0, a);
       });
       let o = 0;
       for (; l < e.rows[0].cols.length - 1 && o < e.rows.length; ) {
         const n = e.rows[o].cols[l + 1];
         if (n.merged) {
           const h = e.rows[o].cols;
-          let r = {}, f = null;
-          for (let d = l; d >= 0; d--)
-            if (!h[d].merged && h[d].options.colspan > 1) {
-              f = d, r = h[d];
+          let g = {}, f = null;
+          for (let p = l; p >= 0; p--)
+            if (!h[p].merged && h[p].options.colspan > 1) {
+              f = p, g = h[p];
               break;
             }
-          if (r.options) {
-            const d = r.options.colspan + 1;
+          if (g.options) {
+            const p = g.options.colspan + 1;
             this.setPropsOfMergedCols(
               e.rows,
               o,
               f,
-              d,
-              r.options.rowspan
-            ), o += r.options.rowspan;
+              p,
+              g.options.rowspan
+            ), o += g.options.rowspan;
           } else
             o += 1;
         } else
@@ -225,16 +225,16 @@ function E(T) {
       const n = l ? i : i + t[i].options.colspan;
       let a = l ? i - 1 : i;
       if (l) {
-        let r = a;
-        for (; r >= 0; )
-          if (e[s].cols[r].merged)
-            r--;
+        let g = a;
+        for (; g >= 0; )
+          if (e[s].cols[g].merged)
+            g--;
           else {
-            a = r;
+            a = g;
             break;
           }
       }
-      t[n].widgetList && t[n].widgetList.length > 0 && (!t[a].widgetList || t[a].widgetList.length === 0) && (t[a].widgetList = g(
+      t[n].widgetList && t[n].widgetList.length > 0 && (!t[a].widgetList || t[a].widgetList.length === 0) && (t[a].widgetList = d(
         t[n].widgetList
       ));
       const h = t[n].options.colspan * 1 + t[a].options.colspan * 1;
@@ -261,7 +261,7 @@ function E(T) {
         return;
       }
       const n = t.filter((a) => !a.merged && !!a.widgetList && a.widgetList.length > 0);
-      n && n.length > 0 && n[0].id !== t[0].id && (!t[0].widgetList || t[0].widgetList.length <= 0) && (t[0].widgetList = g(n[0].widgetList)), this.setPropsOfMergedCols(
+      n && n.length > 0 && n[0].id !== t[0].id && (!t[0].widgetList || t[0].widgetList.length <= 0) && (t[0].widgetList = d(n[0].widgetList)), this.setPropsOfMergedCols(
         e,
         s,
         0,
@@ -282,7 +282,7 @@ function E(T) {
             break;
           }
       }
-      e[o].cols[s].widgetList && e[o].cols[s].widgetList.length > 0 && (!e[n].cols[s].widgetList || e[n].cols[s].widgetList.length === 0) && (e[n].cols[s].widgetList = g(
+      e[o].cols[s].widgetList && e[o].cols[s].widgetList.length > 0 && (!e[n].cols[s].widgetList || e[n].cols[s].widgetList.length === 0) && (e[n].cols[s].widgetList = d(
         e[o].cols[s].widgetList
       ));
       const a = e[o].cols[s].options.rowspan * 1 + e[n].cols[s].options.rowspan * 1;
@@ -310,11 +310,11 @@ function E(T) {
       }
       const n = [];
       e.forEach((h) => {
-        const r = h.cols[i];
-        !r.merged && r.widgetList && r.widgetList.length > 0 && n.push(r);
+        const g = h.cols[i];
+        !g.merged && g.widgetList && g.widgetList.length > 0 && n.push(g);
       });
       const a = e[0].cols[i];
-      n && n.length > 0 && n[0].id !== a.id && (!a.widgetList || a.widgetList.length <= 0) && (a.widgetList = g(n[0].widgetList)), this.setPropsOfMergedRows(
+      n && n.length > 0 && n[0].id !== a.id && (!a.widgetList || a.widgetList.length <= 0) && (a.widgetList = d(n[0].widgetList)), this.setPropsOfMergedRows(
         e,
         0,
         i,
@@ -403,33 +403,33 @@ function E(T) {
     upgradeWidgetConfig(e) {
       let t = null;
       e.category ? t = this.getContainerByType(e.type) : t = this.getFieldWidgetByType(e.type), !(!t || !t.options) && Object.keys(t.options).forEach((s) => {
-        e.hasOwnProperty(s) || (e.options[s] = g(t.options[s]));
+        e.hasOwnProperty(s) || (e.options[s] = d(t.options[s]));
       });
     },
     upgradeFormConfig(e) {
       Object.keys(this.formConfig).forEach((t) => {
-        e.hasOwnProperty(t) || (e[t] = g(this.formConfig[t]));
+        e.hasOwnProperty(t) || (e[t] = d(this.formConfig[t]));
       });
     },
     cloneGridCol(e, t) {
-      const s = g(this.getContainerByType("grid-col"));
+      const s = d(this.getContainerByType("grid-col"));
       s.options.span = e.options.span;
-      const i = p();
+      const i = r();
       s.id = "grid-col-" + i, s.options.name = "gridCol" + i, t.cols.push(s);
     },
     cloneContainer(e) {
       if (e.type === "grid") {
-        const t = g(this.getContainerByType("grid"));
-        return t.id = t.type + p(), t.options.name = t.id, e.cols.forEach((s) => {
-          const i = g(this.getContainerByType("grid-col")), l = p();
+        const t = d(this.getContainerByType("grid"));
+        return t.id = t.type + r(), t.options.name = t.id, e.cols.forEach((s) => {
+          const i = d(this.getContainerByType("grid-col")), l = r();
           i.id = "grid-col-" + l, i.options.name = "gridCol" + l, i.options.span = s.options.span, t.cols.push(i);
         }), t;
       } else if (e.type === "table") {
-        const t = g(this.getContainerByType("table"));
-        return t.id = t.type + p(), t.options.name = t.id, e.rows.forEach((s) => {
-          const i = g(s);
-          i.id = "table-row-" + p(), i.cols.forEach((l) => {
-            l.id = "table-cell-" + p(), l.options.name = l.id, l.widgetList = [];
+        const t = d(this.getContainerByType("table"));
+        return t.id = t.type + r(), t.options.name = t.id, e.rows.forEach((s) => {
+          const i = d(s);
+          i.id = "table-row-" + r(), i.cols.forEach((l) => {
+            l.id = "table-cell-" + r(), l.options.name = l.id, l.widgetList = [];
           }), t.rows.push(i);
         }), t;
       } else
@@ -460,25 +460,28 @@ function E(T) {
       }
     },
     copyNewFieldWidget(e) {
-      const t = g(e), s = p();
+      const t = d(e), s = r();
       return t.id = t.type.replace(/-/g, "") + s, t.options.name = t.id, t.options.label = t.options.label || t.type.toLowerCase(), delete t.displayName, t;
     },
     copyNewContainerWidget(e) {
-      const t = g(e);
-      if (t.id = t.type.replace(/-/g, "") + p(), t.options.name = t.id, t.type === "grid") {
-        let s = g(this.getContainerByType("grid-col")), i = p();
-        s.id = "grid-col-" + i, s.options.name = "gridCol" + i, t.cols.push(s), s = g(s), i = p(), s.id = "grid-col-" + i, s.options.name = "gridCol" + i, t.cols.push(s);
+      const t = d(e);
+      if (t.id = t.type.replace(/-/g, "") + r(), t.options.name = t.id, t.type === "grid") {
+        let s = d(this.getContainerByType("grid-col")), i = r();
+        s.id = "grid-col-" + i, s.options.name = "gridCol" + i, t.cols.push(s), s = d(s), i = r(), s.id = "grid-col-" + i, s.options.name = "gridCol" + i, t.cols.push(s);
       } else if (t.type === "table") {
         const s = { cols: [] };
-        s.id = "table-row-" + p(), s.merged = !1;
-        const i = g(this.getContainerByType("table-cell"));
-        i.id = "table-cell-" + p(), i.options.name = i.id, i.merged = !1, i.options.colspan = 1, i.options.rowspan = 1, s.cols.push(i), t.rows.push(s);
+        s.id = "table-row-" + r(), s.merged = !1;
+        const i = d(this.getContainerByType("table-cell"));
+        i.id = "table-cell-" + r(), i.options.name = i.id, i.merged = !1, i.options.colspan = 1, i.options.rowspan = 1, s.cols.push(i), t.rows.push(s);
       } else if (t.type === "tab") {
-        const s = g(this.getContainerByType("tab-pane"));
-        s.id = "tab-pane-" + p(), s.options.name = "tab1", s.options.label = "tab 1", t.tabs.push(s);
+        const s = d(this.getContainerByType("tab-pane"));
+        s.id = "tab-pane-" + r(), s.options.name = "tab1", s.options.label = "tab 1", t.tabs.push(s);
       }
       return delete t.displayName, t;
     },
+    addWidget(e) {
+      e.category === "container" ? this.addContainerByDbClick(e) : this.addFieldByDbClick(e);
+    },
     addContainerByDbClick(e) {
       const t = this.copyNewContainerWidget(e);
       this.widgetList.push(t), this.setSelected(t);
@@ -497,7 +500,7 @@ function E(T) {
       e && e.cols && e.cols.splice(t, 1);
     },
     addNewColOfGrid(e) {
-      const t = e.cols, s = g(this.getContainerByType("grid-col")), i = p();
+      const t = e.cols, s = d(this.getContainerByType("grid-col")), i = r();
       if (s.id = "grid-col-" + i, s.options.name = "gridCol" + i, t && t.length > 0) {
         let l = 0;
         t.forEach((o) => {
@@ -507,8 +510,8 @@ function E(T) {
         e.cols = [s];
     },
     addTabPaneOfTabs(e) {
-      const t = e.tabs, s = g(this.getContainerByType("tab-pane"));
-      s.id = "tab-pane-" + p(), s.options.name = s.id, s.options.label = "tab " + (t.length + 1), t.push(s);
+      const t = e.tabs, s = d(this.getContainerByType("tab-pane"));
+      s.id = "tab-pane-" + r(), s.options.name = s.id, s.options.label = "tab " + (t.length + 1), t.push(s);
     },
     deleteTabPaneOfTabs(e, t) {
       e.tabs.splice(t, 1);
@@ -530,30 +533,30 @@ function E(T) {
     },
     initHistoryData() {
       this.loadFormContentFromStorage(), this.historyData.index++, this.historyData.steps[this.historyData.index] = {
-        widgetList: g(this.widgetList),
-        formConfig: g(this.formConfig)
+        widgetList: d(this.widgetList),
+        formConfig: d(this.formConfig)
       };
     },
     emitHistoryChange() {
       this.historyData.index === this.historyData.maxStep - 1 ? this.historyData.steps.shift() : this.historyData.index++, this.historyData.steps[this.historyData.index] = {
-        widgetList: g(this.widgetList),
-        formConfig: g(this.formConfig)
+        widgetList: d(this.widgetList),
+        formConfig: d(this.formConfig)
       }, this.saveFormContentToStorage(), this.historyData.index < this.historyData.steps.length - 1 && (this.historyData.steps = this.historyData.steps.slice(
         0,
         this.historyData.index + 1
       ));
     },
     saveCurrentHistoryStep() {
-      this.historyData.steps[this.historyData.index] = g({
+      this.historyData.steps[this.historyData.index] = d({
         widgetList: this.widgetList,
         formConfig: this.formConfig
       }), this.saveFormContentToStorage();
     },
     undoHistoryStep() {
-      this.historyData.index !== 0 && this.historyData.index--, this.widgetList = g(this.historyData.steps[this.historyData.index].widgetList), this.formConfig = g(this.historyData.steps[this.historyData.index].formConfig);
+      this.historyData.index !== 0 && this.historyData.index--, this.widgetList = d(this.historyData.steps[this.historyData.index].widgetList), this.formConfig = d(this.historyData.steps[this.historyData.index].formConfig);
     },
     redoHistoryStep() {
-      this.historyData.index !== this.historyData.steps.length - 1 && this.historyData.index++, this.widgetList = g(this.historyData.steps[this.historyData.index].widgetList), this.formConfig = g(this.historyData.steps[this.historyData.index].formConfig);
+      this.historyData.index !== this.historyData.steps.length - 1 && this.historyData.index++, this.widgetList = d(this.historyData.steps[this.historyData.index].widgetList), this.formConfig = d(this.historyData.steps[this.historyData.index].formConfig);
     },
     undoEnabled() {
       return this.historyData.index > 0 && this.historyData.steps.length > 0;

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

@@ -1,35 +1,35 @@
 import u from "./data-table-widget.vue2.js";
-import { resolveComponent as a, createBlock as s, openBlock as l, withCtx as i, createElementBlock as C, withModifiers as p, normalizeClass as r, createElementVNode as y, createVNode as m, normalizeStyle as b, createCommentVNode as f } from "vue";
+import { resolveComponent as a, createBlock as s, openBlock as n, withCtx as l, createElementBlock as C, withModifiers as p, normalizeClass as r, createElementVNode as b, createVNode as m, normalizeStyle as y, createCommentVNode as f } from "vue";
 /* empty css                       */
 import R from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const z = { class: "talbe-wrapper" };
-function S(e, d, t, N, _, n) {
-  const c = a("a-empty"), w = a("RenderBodyCell"), g = a("s-table"), h = a("container-wrapper");
-  return l(), s(h, {
+function S(e, i, t, N, k, d) {
+  const c = a("a-empty"), g = a("RenderBodyCell"), w = 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: i(() => [
-      (l(), C("div", {
+    default: l(() => [
+      (n(), C("div", {
         key: t.widget.id,
-        class: r(["collapse-container data-table-container", { selected: n.selected }]),
-        onClick: d[0] || (d[0] = p((o) => n.selectWidget(t.widget), ["stop"]))
+        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, {
+        b("div", z, [
+          m(w, {
             ref: "dataTable2",
             columns: e.columns.columns,
             scroll: { y: e.tableHeight },
             height: e.tableHeight,
-            dataSource: n.data,
-            class: r([e.customClass]),
+            dataSource: d.data,
+            class: r(["tpf-surely-table", [e.customClass]]),
             size: e.widgetSize,
             rowKey: (o) => o[t.widget.options.rowKey],
             bordered: t.widget.options.border,
-            style: b({ width: t.widget.options.tableWidth }),
+            style: y({ width: t.widget.options.tableWidth, height: e.tableHeight + "px" }),
             "row-class-name": e.rowClassName,
             rowSelection: e.handleRowSelection(),
             pagination: e.fmtPagination,
@@ -41,11 +41,11 @@ function S(e, d, t, N, _, n) {
             loading: e.loading,
             "row-height": e.lineHeight
           }, {
-            emptyText: i(() => [
+            emptyText: l(() => [
               m(c)
             ]),
-            bodyCell: i((o) => [
-              e.isShowBodyCell(o.column.dataIndex) ? (l(), s(w, {
+            bodyCell: l((o) => [
+              e.isShowBodyCell(o.column.dataIndex) ? (n(), s(g, {
                 key: 0,
                 bodyCell: e.columns.bodyCell,
                 scope: o
@@ -59,7 +59,7 @@ function S(e, d, t, N, _, n) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const W = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-83fedb64"]]);
+const T = /* @__PURE__ */ R(u, [["render", S], ["__scopeId", "data-v-bcb92396"]]);
 export {
-  W as default
+  T as default
 };

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

@@ -1,18 +1,18 @@
-import t from "./container-wrapper.vue.js";
-import i from "../../../../utils/emitter.js";
-import r from "../../../../utils/i18n.js";
-import o from "../field-widget/index.js";
-import a from "./containerMixin.js";
-import n from "../../refMixinDesign.js";
-import m from "../../../../mixins/useDataTableMixin.js";
-const l = {
+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: [r, a, n, i, m],
+  mixins: [i, o, a, t, n],
   inject: ["refList"],
   components: {
-    ContainerWrapper: t,
-    ...o
+    ContainerWrapper: e,
+    ...r
   },
   data() {
     return {
@@ -45,9 +45,11 @@ const l = {
     this.initRefList();
   },
   mounted() {
-    this.loadDataTableDataSource();
-  },
-  beforeUnmount() {
+    this.setPagination({
+      pageSize: this.widget.options.pagination.pageSize,
+      page: 1,
+      total: 1
+    });
   },
   computed: {
     data() {
@@ -57,12 +59,8 @@ const l = {
       return this.widget.id === this.designer.selectedId;
     }
   },
-  methods: {
-    selectWidget(e) {
-      this.designer.setSelected(e);
-    }
-  }
+  methods: {}
 };
 export {
-  l as default
+  c as default
 };

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

@@ -1,8 +1,8 @@
-import F from "../../../form-render/container-item/container-item-wrapper.vue.js";
+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 L, createBlock as a, openBlock as n, withCtx as m, createElementBlock as f, normalizeStyle as S, normalizeClass as _, 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 j from "../../../../utils/i18n.js";
-import $ from "../field-widget/index.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";
@@ -12,11 +12,11 @@ const D = {
   name: "VfBoxItem",
   componentName: "boxItem",
   // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
-  mixins: [R, j, B, I],
+  mixins: [R, $, B, I],
   components: {
     ContainerItemWrapper: F,
     SvgIcon: M,
-    ...$,
+    ...j,
     VFormRender: O(() => import("../../../form-render/index.vue.js"))
   },
   props: {
@@ -118,11 +118,11 @@ const D = {
 };
 function N(e, o, t, T, V, l) {
   const y = c("VFormRender"), C = c("container-item-wrapper");
-  return L((n(), a(C, { widget: t.widget }, {
+  return _((n(), a(C, { widget: t.widget }, {
     default: m(() => [
       (n(), f("div", {
-        class: _(["box-container-item", [l.customClass]]),
-        style: S(l.boxStyle),
+        class: S(["box-container-item", [l.customClass]]),
+        style: L(l.boxStyle),
         key: t.widget.id
       }, [
         t.widget.options.formCode ? (n(), a(y, {

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

@@ -1,19 +1,18 @@
-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 l from "../../../../utils/i18n.js";
+import g from "../../refMixinDesign.js";
+import c from "../field-widget/index.js";
+import h from "./container-wrapper.vue.js";
+import { resolveComponent as m, createBlock as f, openBlock as d, withCtx as p, createElementBlock as w, withModifiers as L, normalizeClass as x, createElementVNode as a, toDisplayString as C } from "vue";
 /* empty css                      */
-import L from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const W = {
+import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
   name: "vf-dialog-widget",
   componentName: "VfDialogWidget",
-  mixins: [d, a],
+  mixins: [l, g],
   inject: ["refList"],
   components: {
-    // Draggable,
-    ContainerWrapper: g,
-    ...o
+    ContainerWrapper: h,
+    ...c
   },
   props: {
     widget: Object,
@@ -39,6 +38,10 @@ const W = {
     this.initRefList();
   },
   methods: {
+    handleClickTitle() {
+      const e = new URL(window.location.href), { title: i, formCode: t, formId: n } = this.widget.options;
+      n && (e.searchParams.set("formCode", t), e.searchParams.set("remark", i), e.searchParams.set("id", n), window.open(e.href));
+    },
     onDialogDragEnd(e, i) {
     },
     onDialogDragAdd(e, i) {
@@ -73,28 +76,33 @@ const W = {
     }
   }
 }, v = { class: "dialog-title" };
-function u(e, i, t, _, C, s) {
-  const r = l("container-wrapper");
-  return n(), c(r, {
+function k(e, i, t, n, D, s) {
+  const o = m("container-wrapper");
+  return d(), f(o, {
     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]]),
+    default: p(() => [
+      (d(), w("div", {
+        class: x(["dialog-container", [s.selected ? "selected" : "", s.customClass]]),
         key: t.widget.id,
-        onClick: i[0] || (i[0] = p((D) => s.selectWidget(t.widget), ["stop"]))
+        onClick: i[1] || (i[1] = L((r) => s.selectWidget(t.widget), ["stop"]))
       }, [
-        w("div", v, x(t.widget.options.title), 1)
+        a("div", v, [
+          a("span", {
+            class: "tpf-link",
+            onClick: i[0] || (i[0] = (...r) => s.handleClickTitle && s.handleClickTitle(...r))
+          }, C(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"]]);
+const j = /* @__PURE__ */ W(u, [["render", k], ["__scopeId", "data-v-3833bfd1"]]);
 export {
-  E as default
+  j as default
 };