@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.3

package/src/components/{designer.js → form-designer/designer.js}

@@ -1,35 +1,37 @@
 var D = Object.defineProperty;
-var b = (d, t, e) => t in d ? D(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
-var a = (d, t, e) => b(d, typeof t != "symbol" ? t + "" : t, e);
-import { deepClone as o, getDefaultFormConfig as c, generateId as g, overwriteObj as p } from "../utils/util.js";
-import { containers as y, basicFields as f, advancedFields as u, customFields as m } from "./form-designer/widget-panel/widgetsConfig.js";
-import C from "../utils/event-bus.js";
-import { LayoutTypeEnum as W } from "../constants/LayoutTypeEnum.js";
+var b = (h, t, e) => t in h ? D(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var d = (h, t, e) => b(h, typeof t != "symbol" ? t + "" : t, e);
+import { deepClone as o, getDefaultFormConfig as c, overwriteObj as p, generateId as l } from "../../utils/util.js";
+import { containers as y, basicFields as f, advancedFields as m, customFields as C } from "./widget-panel/widgetsConfig.js";
+import u from "../../utils/event-bus.js";
 class T {
   constructor(t) {
-    a(this, "widgetList", []);
-    a(this, "formConfig");
-    a(this, "selectedId", null);
-    a(this, "selectedWidget", null);
-    a(this, "selectedWidgetName", null);
-    a(this, "vueInstance");
-    a(this, "cssClassList", []);
-    a(this, "layoutType", "PC");
-    a(this, "historyData", {
+    d(this, "widgetList", []);
+    d(this, "formConfig");
+    d(this, "selectedId", null);
+    d(this, "selectedWidget", null);
+    d(this, "selectedWidgetName", null);
+    d(this, "vueInstance");
+    d(this, "formWidget", null);
+    d(this, "cssClassList", []);
+    d(this, "historyData", {
       index: -1,
       maxStep: 20,
       steps: []
     });
-    this.vueInstance = t, this.widgetList = [], this.formConfig = o(c()), this.formConfig.layoutType || (this.formConfig.layoutType = "PC");
+    this.vueInstance = t, this.formConfig = o(c()), this.formConfig.layoutType || (this.formConfig.layoutType = "PC");
   }
-  generateWidgetId(t) {
-    return t.type.replace(/-/g, "") + g();
+  checkFieldMove(t) {
+    throw new Error("Method not implemented.");
   }
   emitEvent(t, e) {
-    C.$emit(t, e);
+    u.$emit(t, e);
   }
   handleEvent(t, e) {
-    C.$on(t, (i) => e(i));
+    u.$on(t, (i) => e(i));
+  }
+  initDesigner(t) {
+    this.widgetList = [], this.formConfig = o(c()), t || this.initHistoryData();
   }
   clearDesigner(t) {
     const e = this.widgetList.length === 0;
@@ -42,7 +44,7 @@ class T {
     return this.formConfig.layoutType || "PC";
   }
   changeLayoutType(t) {
-    this.formConfig.layoutType = t, this.layoutType = t;
+    this.formConfig.layoutType = t;
   }
   getImportTemplate() {
     return {
@@ -68,10 +70,10 @@ class T {
     this.selectedId = null, this.selectedWidgetName = null, this.selectedWidget = null;
   }
   checkWidgetMove(t) {
-    var h;
-    if (!((h = t.draggedContext) != null && h.element) || !t.to)
+    var g;
+    if (!((g = t.draggedContext) != null && g.element) || !t.to)
       return !0;
-    const { category: e, type: i } = t.draggedContext.element, s = String(i), n = t.to.className, r = s === "vf-dialog" || s === "vf-drawer", l = [
+    const { category: e, type: i } = t.draggedContext.element, s = String(i), n = t.to.className, a = s === "vf-dialog" || s === "vf-drawer", r = [
       // 子表单表格不允许容器类组件
       {
         condition: n === "sub-form-table" && e === "container",
@@ -84,32 +86,32 @@ class T {
       },
       // 对话框和抽屉的放置限制
       {
-        condition: n === "vf-dialog-drop-zone" && r,
+        condition: n === "vf-dialog-drop-zone" && a,
         reason: "对话框放置区不允许嵌套对话框或抽屉"
       },
       {
-        condition: n === "vf-drawer-drop-zone" && r,
+        condition: n === "vf-drawer-drop-zone" && a,
         reason: "抽屉放置区不允许嵌套对话框或抽屉"
       },
       {
-        condition: n !== "form-widget-canvas" && r,
+        condition: n !== "form-widget-canvas" && a,
         reason: "对话框和抽屉只能拖入表单画布"
       }
     ];
-    for (const w of l)
+    for (const w of r)
       if (w.condition)
         return !1;
     return !0;
   }
   getContainerByType(t) {
-    const e = [...y, ...f, ...u, ...m];
+    const e = [...y, ...f, ...m, ...C];
     let i = null;
     return e.forEach((s) => {
       s.category && s.type && s.type === t && (i = s);
     }), i;
   }
   getFieldWidgetByType(t) {
-    const e = [...y, ...f, ...u, ...m];
+    const e = [...y, ...f, ...m, ...C];
     let i = null;
     return e.forEach((s) => {
       !s.category && s.type && s.type === t && (i = s);
@@ -133,17 +135,25 @@ class T {
   cloneGridCol(t, e) {
     const i = o(this.getContainerByType("grid-col"));
     i.options.span = t.options.span;
-    const s = g();
+    const s = l();
     i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e.cols && e.cols.push(i);
   }
   cloneContainer(t) {
-    var e;
+    var e, i;
     if (t.type === "grid") {
-      const i = o(this.getContainerByType("grid"));
-      return i.id = i.type + g(), i.options.name = i.id, (e = t.cols) == null || e.forEach((s) => {
-        const n = o(this.getContainerByType("grid-col")), r = g();
-        n.id = "grid-col-" + r, n.options.name = "gridCol" + r, n.options.span = s.options.span, i.cols.push(n);
-      }), i;
+      const s = o(this.getContainerByType("grid"));
+      return s.id = s.type + l(), s.options.name = s.id, (e = t.cols) == null || e.forEach((n) => {
+        const a = o(this.getContainerByType("grid-col")), r = l();
+        a.id = "grid-col-" + r, a.options.name = "gridCol" + r, a.options.span = n.options.span, s.cols.push(a);
+      }), s;
+    } else if (t.type === "table") {
+      const s = o(this.getContainerByType("table"));
+      return s.id = s.type + l(), s.options.name = s.id, (i = t.rows) == null || i.forEach((n) => {
+        const a = o(n);
+        a.id = "table-row-" + l(), a.cols.forEach((r) => {
+          r.id = "table-cell-" + l(), r.options.name = r.id, r.widgetList = [];
+        }), s.rows.push(a);
+      }), s;
     } else
       return null;
   }
@@ -171,64 +181,56 @@ class T {
       t.splice(e, 1), t.splice(e + 1, 0, i);
     }
   }
-  copyWidget(t) {
-    return t.category === "bi" ? this.copyBiWidget(t) : t.category === "container" ? this.copyNewContainerWidget(t) : this.copyNewFieldWidget(t);
-  }
   copyNewFieldWidget(t) {
-    const e = o(t), i = this.generateWidgetId(e);
-    return e.id = i, e.options.name = i, e.options.label = e.options.label || e.type.toLowerCase(), e;
+    const e = o(t), i = l();
+    return e.id = e.type.replace(/-/g, "") + i, e.options.name = e.id, e.options.label = e.options.label || e.type.toLowerCase(), delete e.displayName, e;
   }
   copyNewContainerWidget(t) {
-    const e = o(t), i = this.generateWidgetId(e);
-    if (e.id = i, e.options.name = i, e.type === "grid") {
-      let s = o(this.getContainerByType("grid-col")), n = this.generateWidgetId(s);
-      s.id = n, s.options.name = n, e.cols = e.cols || [], e.cols.push(s), s = o(s), n = this.generateWidgetId(s), s.id = n, s.options.name = n, e.cols.push(s);
+    const e = o(t);
+    if (e.id = e.type.replace(/-/g, "") + l(), e.options.name = e.id, e.type === "grid") {
+      let i = o(this.getContainerByType("grid-col")), s = l();
+      i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e.cols = e.cols || [], e.cols.push(i), i = o(i), s = l(), i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e.cols.push(i);
     } else if (e.type === "tab") {
-      const s = o(this.getContainerByType("tab-pane"));
-      s.id = this.generateWidgetId(s), s.options.name = "tab1", s.options.label = "tab 1", e.tabs = e.tabs || [], e.tabs.push(s);
+      const i = o(this.getContainerByType("tab-pane"));
+      i.id = "tab-pane-" + l(), i.options.name = "tab1", i.options.label = "tab 1", e.tabs = e.tabs || [], e.tabs.push(i);
     }
-    return delete e.displayName, this.layoutType === W.BI && (e.options.widget = "200px", e.options.height = "200px"), e;
-  }
-  copyBiWidget(t) {
-    const e = o(t), i = this.generateWidgetId(e);
-    return e.id = i, e.options.name = i, e.options.label = e.options.label || e.type.toLowerCase(), e;
+    return delete e.displayName, e;
   }
   addWidget(t) {
-    let e;
-    t.category === "container" || t.category === "bi" ? e = this.addContainerByDbClick(t) : e = this.addFieldByDbClick(t), this.setSelected(e), this.emitHistoryChange();
+    t.category === "container" ? this.addContainerByDbClick(t) : this.addFieldByDbClick(t);
   }
   addContainerByDbClick(t) {
-    const e = this.copyWidget(t);
-    return this.widgetList.push(e), e;
+    const e = this.copyNewContainerWidget(t);
+    this.widgetList.push(e), this.setSelected(e);
   }
   addFieldByDbClick(t) {
     var i;
-    const e = this.copyWidget(t);
+    const e = this.copyNewFieldWidget(t);
     if (this.selectedWidget && this.selectedWidget.type === "tab") {
       let s = this.selectedWidget.tabs ? this.selectedWidget.tabs[0] : null;
       (i = this.selectedWidget.tabs) == null || i.forEach((n) => {
         n.options.active && (s = n);
       }), s && s.widgetList && s.widgetList.push(e);
     } else this.selectedWidget && this.selectedWidget.widgetList ? this.selectedWidget.widgetList.push(e) : this.widgetList.push(e);
-    return e;
+    this.setSelected(e), this.emitHistoryChange();
   }
   deleteColOfGrid(t, e) {
     t && t.cols && t.cols.splice(e, 1);
   }
   addNewColOfGrid(t) {
-    var n, r;
-    const e = t.cols, i = o(this.getContainerByType("grid-col")), s = this.generateWidgetId(i);
-    if (i.id = s, i.options.name = s, e && e.length > 0) {
-      let l = 0;
-      e.forEach((h) => {
-        l += h.options.span || 0;
-      }), l >= 24 ? (console.log("列栅格之和超出24"), (n = t.cols) == null || n.push(i)) : (i.options.span = 24 - l > 12 ? 12 : 24 - l, (r = t.cols) == null || r.push(i));
+    var n, a;
+    const e = t.cols, i = o(this.getContainerByType("grid-col")), s = l();
+    if (i.id = "grid-col-" + s, i.options.name = "gridCol" + s, e && e.length > 0) {
+      let r = 0;
+      e.forEach((g) => {
+        r += g.options.span || 0;
+      }), r >= 24 ? (console.log("列栅格之和超出24"), (n = t.cols) == null || n.push(i)) : (i.options.span = 24 - r > 12 ? 12 : 24 - r, (a = t.cols) == null || a.push(i));
     } else
       t.cols = [i];
   }
   addTabPaneOfTabs(t) {
-    const e = t.tabs, i = o(this.getContainerByType("tab-pane")), s = this.generateWidgetId(i);
-    i.id = s, i.options.name = s, i.options.label = "tab " + (((e == null ? void 0 : e.length) || 0) + 1), e == null || e.push(i);
+    const e = t.tabs, i = o(this.getContainerByType("tab-pane"));
+    i.id = "tab-pane-" + l(), i.options.name = i.id, i.options.label = "tab " + (((e == null ? void 0 : e.length) || 0) + 1), e == null || e.push(i);
   }
   deleteTabPaneOfTabs(t, e) {
     var i;
@@ -240,6 +242,9 @@ class T {
   getCssClassList() {
     return this.cssClassList;
   }
+  registerFormWidget(t) {
+    this.formWidget = t;
+  }
   initHistoryData() {
     this.loadFormContentFromStorage(), this.historyData.index++, this.historyData.steps[this.historyData.index] = {
       widgetList: o(this.widgetList),
@@ -276,11 +281,11 @@ class T {
   loadFormContentFromStorage() {
   }
 }
-function B(d) {
-  return new T(d);
+function x(h) {
+  return new T(h);
 }
 export {
   T as Designer,
-  B as createDesigner
+  x as createDesigner
 };
 //# sourceMappingURL=designer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"designer.js","sources":["../../../../src/components/form-designer/designer.ts"],"sourcesContent":["import { deepClone, generateId, getDefaultFormConfig, overwriteObj } from '@/utils/util';\nimport {\n    containers,\n    advancedFields,\n    basicFields,\n    customFields\n} from '@/components/form-designer/widget-panel/widgetsConfig';\nimport { FormConfig, Widget } from '@/types/schema';\nimport { FormDesigner, FormWidget, LayoutType, HistoryData } from '@/types/designer';\nimport eventBus from '@/utils/event-bus';\n\nexport class Designer implements FormDesigner {\n    widgetList: Widget[] = [];\n    formConfig: FormConfig;\n    selectedId: string | null = null;\n    selectedWidget: Widget | null = null;\n    selectedWidgetName: string | null = null;\n    vueInstance: any;\n    formWidget: FormWidget | null = null;\n    cssClassList: any[] = [];\n    historyData: HistoryData = {\n        index: -1,\n        maxStep: 20,\n        steps: []\n    };\n\n    constructor(vueInstance: any) {\n        this.vueInstance = vueInstance;\n        this.formConfig = deepClone(getDefaultFormConfig());\n        if (!this.formConfig.layoutType) {\n            this.formConfig.layoutType = 'PC';\n        }\n    }\n    checkFieldMove(evt: any): boolean {\n        throw new Error('Method not implemented.');\n    }\n    emitEvent(evtName: string, evtData: any): void {\n        eventBus.$emit(evtName, evtData);\n    }\n    handleEvent(evtName: string, callback: (data: any) => void): void {\n        eventBus.$on(evtName, (data: any) => callback(data));\n    }\n\n    initDesigner(resetFormJson?: boolean) {\n        this.widgetList = [];\n        this.formConfig = deepClone(getDefaultFormConfig());\n\n        if (!resetFormJson) {\n            this.initHistoryData();\n        }\n    }\n\n    clearDesigner(skipHistoryChange?: boolean) {\n        const emptyWidgetListFlag = this.widgetList.length === 0;\n        this.widgetList = [];\n        this.selectedId = null;\n        this.selectedWidgetName = null;\n        this.selectedWidget = null;\n        overwriteObj(this.formConfig, getDefaultFormConfig());\n\n        if (skipHistoryChange) {\n            // Do nothing\n        } else if (!emptyWidgetListFlag) {\n            this.emitHistoryChange();\n        } else {\n            this.saveCurrentHistoryStep();\n        }\n    }\n\n    loadPresetCssCode(preCssCode: string) {\n        if (this.formConfig.cssCode === '' && !!preCssCode) {\n            this.formConfig.cssCode = preCssCode;\n        }\n    }\n\n    getLayoutType(): LayoutType {\n        return this.formConfig.layoutType || 'PC';\n    }\n\n    changeLayoutType(newType: LayoutType) {\n        this.formConfig.layoutType = newType;\n    }\n\n    getImportTemplate() {\n        return {\n            widgetList: [],\n            formConfig: deepClone(getDefaultFormConfig())\n        };\n    }\n\n    loadFormJson(formJson: any) {\n        let modifiedFlag = false;\n\n        if (!!formJson && !!formJson.widgetList) {\n            this.widgetList = formJson.widgetList;\n            modifiedFlag = true;\n        }\n        if (!!formJson && !!formJson.formConfig) {\n            overwriteObj(this.formConfig, formJson.formConfig);\n            modifiedFlag = true;\n        }\n        return modifiedFlag;\n    }\n\n    setSelected(selected: Widget | null) {\n        if (!selected) {\n            this.clearSelected();\n            return;\n        }\n\n        this.selectedWidget = selected;\n        if (selected.id) {\n            this.selectedId = selected.id;\n            this.selectedWidgetName = selected.options.name;\n        }\n    }\n\n    updateSelectedWidgetNameAndLabel(selectedWidget: Widget, newName: string, newLabel: string) {\n        this.selectedWidgetName = newName;\n        if (!!newLabel && Object.keys(selectedWidget.options).indexOf('label') > -1) {\n            selectedWidget.options.label = newLabel;\n        }\n    }\n\n    clearSelected() {\n        this.selectedId = null;\n        this.selectedWidgetName = null;\n        this.selectedWidget = null;\n    }\n\n    checkWidgetMove(evt: any) {\n        // 早期返回:如果没有拖拽上下文或元素,允许移动\n        if (!evt.draggedContext?.element || !evt.to) {\n            return true;\n        }\n\n        const { category: wgCategory, type } = evt.draggedContext.element;\n        const wgType = String(type);\n        const targetClassName = evt.to.className;\n\n        // 提取重复的判断逻辑\n        const isDialogOrDrawer = wgType === 'vf-dialog' || wgType === 'vf-drawer';\n\n        // 定义不允许的拖拽规则\n        const disallowedRules = [\n            // 子表单表格不允许容器类组件\n            {\n                condition: targetClassName === 'sub-form-table' && wgCategory === 'container',\n                reason: '子表单表格不允许拖入容器组件'\n            },\n            // 网格子表单只允许 grid 类型\n            {\n                condition: targetClassName === 'grid-sub-form' && wgType !== 'grid',\n                reason: '网格子表单只允许拖入 grid 组件'\n            },\n            // 对话框和抽屉的放置限制\n            {\n                condition: targetClassName === 'vf-dialog-drop-zone' && isDialogOrDrawer,\n                reason: '对话框放置区不允许嵌套对话框或抽屉'\n            },\n            {\n                condition: targetClassName === 'vf-drawer-drop-zone' && isDialogOrDrawer,\n                reason: '抽屉放置区不允许嵌套对话框或抽屉'\n            },\n            {\n                condition: targetClassName !== 'form-widget-canvas' && isDialogOrDrawer,\n                reason: '对话框和抽屉只能拖入表单画布'\n            }\n        ];\n\n        // 检查是否违反任何规则\n        for (const rule of disallowedRules) {\n            if (rule.condition) {\n                return false;\n            }\n        }\n\n        return true;\n    }\n\n    getContainerByType(typeName: string): Widget | null {\n        const allWidgets = [...containers, ...basicFields, ...advancedFields, ...customFields];\n        let foundCon: Widget | null = null;\n        allWidgets.forEach((con: any) => {\n            if (!!con.category && !!con.type && con.type === typeName) {\n                foundCon = con;\n            }\n        });\n\n        return foundCon;\n    }\n\n    getFieldWidgetByType(typeName: string): Widget | null {\n        const allWidgets = [...containers, ...basicFields, ...advancedFields, ...customFields];\n        let foundWidget: Widget | null = null;\n        allWidgets.forEach((widget: any) => {\n            if (!widget.category && !!widget.type && widget.type === typeName) {\n                foundWidget = widget;\n            }\n        });\n\n        return foundWidget;\n    }\n\n    hasConfig(widget: Widget, configName: string) {\n        let originalWidget: Widget | null = null;\n        if (!!widget.category) {\n            originalWidget = this.getContainerByType(widget.type);\n        } else {\n            originalWidget = this.getFieldWidgetByType(widget.type);\n        }\n\n        if (!originalWidget || !originalWidget.options) {\n            return false;\n        }\n\n        return Object.keys(originalWidget.options).indexOf(configName) > -1;\n    }\n\n    upgradeWidgetConfig(oldWidget: Widget) {\n        let newWidget: Widget | null = null;\n        if (!!oldWidget.category) {\n            newWidget = this.getContainerByType(oldWidget.type);\n        } else {\n            newWidget = this.getFieldWidgetByType(oldWidget.type);\n        }\n\n        if (!newWidget || !newWidget.options) {\n            return;\n        }\n\n        Object.keys(newWidget.options).forEach(ck => {\n            if (!oldWidget.hasOwnProperty(ck)) {\n                oldWidget.options[ck] = deepClone(newWidget!.options[ck]);\n            }\n        });\n    }\n\n    upgradeFormConfig(oldFormConfig: FormConfig) {\n        Object.keys(this.formConfig).forEach(fc => {\n            if (!oldFormConfig.hasOwnProperty(fc)) {\n                oldFormConfig[fc] = deepClone(this.formConfig[fc]);\n            }\n        });\n    }\n\n    cloneGridCol(widget: Widget, parentWidget: Widget) {\n        const newGridCol = deepClone(this.getContainerByType('grid-col'));\n        newGridCol.options.span = widget.options.span;\n        const tmpId = generateId();\n        newGridCol.id = 'grid-col-' + tmpId;\n        newGridCol.options.name = 'gridCol' + tmpId;\n\n        if (parentWidget.cols) {\n            parentWidget.cols.push(newGridCol);\n        }\n    }\n\n    cloneContainer(containWidget: Widget) {\n        if (containWidget.type === 'grid') {\n            const newGrid = deepClone(this.getContainerByType('grid'));\n            newGrid.id = newGrid.type + generateId();\n            newGrid.options.name = newGrid.id;\n            containWidget.cols?.forEach((gridCol: Widget) => {\n                const newGridCol = deepClone(this.getContainerByType('grid-col'));\n                const tmpId = generateId();\n                newGridCol.id = 'grid-col-' + tmpId;\n                newGridCol.options.name = 'gridCol' + tmpId;\n                newGridCol.options.span = gridCol.options.span;\n                newGrid.cols.push(newGridCol);\n            });\n\n            return newGrid;\n        } else if (containWidget.type === 'table') {\n            const newTable = deepClone(this.getContainerByType('table'));\n            newTable.id = newTable.type + generateId();\n            newTable.options.name = newTable.id;\n            containWidget.rows?.forEach((tRow: any) => {\n                const newRow = deepClone(tRow);\n                newRow.id = 'table-row-' + generateId();\n                newRow.cols.forEach((col: Widget) => {\n                    col.id = 'table-cell-' + generateId();\n                    col.options.name = col.id;\n                    col.widgetList = [];\n                });\n                newTable.rows.push(newRow);\n            });\n\n            return newTable;\n        } else {\n            return null;\n        }\n    }\n\n    moveUpWidget(parentList: Widget[], indexOfParentList: number) {\n        if (parentList?.length) {\n            if (indexOfParentList === 0) {\n                this.vueInstance.$message.error(\n                    this.vueInstance.i18nt('designer.hint.moveUpFirstChildHint')\n                );\n                return;\n            }\n\n            const tempWidget = parentList[indexOfParentList];\n            parentList.splice(indexOfParentList, 1);\n            parentList.splice(indexOfParentList - 1, 0, tempWidget);\n        }\n    }\n\n    moveDownWidget(parentList: Widget[], indexOfParentList: number) {\n        if (parentList?.length) {\n            if (indexOfParentList === parentList.length - 1) {\n                this.vueInstance.$message.error(\n                    this.vueInstance.i18nt('designer.hint.moveDownLastChildHint')\n                );\n                return;\n            }\n\n            const tempWidget = parentList[indexOfParentList];\n            parentList.splice(indexOfParentList, 1);\n            parentList.splice(indexOfParentList + 1, 0, tempWidget);\n        }\n    }\n\n    copyNewFieldWidget(origin: Widget) {\n        const newWidget = deepClone(origin);\n        const tempId = generateId();\n        newWidget.id = newWidget.type.replace(/-/g, '') + tempId;\n        newWidget.options.name = newWidget.id;\n        newWidget.options.label = newWidget.options.label || newWidget.type.toLowerCase();\n\n        delete newWidget.displayName;\n        return newWidget;\n    }\n\n    copyNewContainerWidget(origin: Widget) {\n        const newCon = deepClone(origin);\n        newCon.id = newCon.type.replace(/-/g, '') + generateId();\n        newCon.options.name = newCon.id;\n        if (newCon.type === 'grid') {\n            let newCol = deepClone(this.getContainerByType('grid-col'));\n            let tmpId = generateId();\n            newCol.id = 'grid-col-' + tmpId;\n            newCol.options.name = 'gridCol' + tmpId;\n            newCon.cols = newCon.cols || [];\n            newCon.cols.push(newCol);\n\n            newCol = deepClone(newCol);\n            tmpId = generateId();\n            newCol.id = 'grid-col-' + tmpId;\n            newCol.options.name = 'gridCol' + tmpId;\n            newCon.cols.push(newCol);\n        } else if (newCon.type === 'tab') {\n            const newTabPane = deepClone(this.getContainerByType('tab-pane'));\n            newTabPane.id = 'tab-pane-' + generateId();\n            newTabPane.options.name = 'tab1';\n            newTabPane.options.label = 'tab 1';\n            newCon.tabs = newCon.tabs || [];\n            newCon.tabs.push(newTabPane);\n        }\n        delete newCon.displayName;\n        return newCon;\n    }\n\n    addWidget(widget: Widget) {\n        if (widget.category === 'container') {\n            this.addContainerByDbClick(widget);\n        } else {\n            this.addFieldByDbClick(widget);\n        }\n    }\n\n    addContainerByDbClick(container: Widget) {\n        const newCon = this.copyNewContainerWidget(container);\n        this.widgetList.push(newCon);\n        this.setSelected(newCon);\n    }\n\n    addFieldByDbClick(widget: Widget) {\n        const newWidget = this.copyNewFieldWidget(widget);\n        if (!!this.selectedWidget && this.selectedWidget.type === 'tab') {\n            let activeTab = this.selectedWidget.tabs ? this.selectedWidget.tabs[0] : null;\n            this.selectedWidget.tabs?.forEach((tabPane: Widget) => {\n                if (!!tabPane.options.active) {\n                    activeTab = tabPane;\n                }\n            });\n\n            if (activeTab && activeTab.widgetList) {\n                activeTab.widgetList.push(newWidget);\n            }\n        } else if (!!this.selectedWidget && !!this.selectedWidget.widgetList) {\n            this.selectedWidget.widgetList.push(newWidget);\n        } else {\n            this.widgetList.push(newWidget);\n        }\n\n        this.setSelected(newWidget);\n        this.emitHistoryChange();\n    }\n\n    deleteColOfGrid(gridWidget: Widget, colIdx: number) {\n        if (!!gridWidget && !!gridWidget.cols) {\n            gridWidget.cols.splice(colIdx, 1);\n        }\n    }\n\n    addNewColOfGrid(gridWidget: Widget) {\n        const cols = gridWidget.cols;\n        const newGridCol = deepClone(this.getContainerByType('grid-col'));\n        const tmpId = generateId();\n        newGridCol.id = 'grid-col-' + tmpId;\n        newGridCol.options.name = 'gridCol' + tmpId;\n        if (!!cols && cols.length > 0) {\n            let spanSum = 0;\n            cols.forEach((col: Widget) => {\n                spanSum += col.options.span || 0;\n            });\n\n            if (spanSum >= 24) {\n                console.log('列栅格之和超出24');\n                gridWidget.cols?.push(newGridCol);\n            } else {\n                newGridCol.options.span = 24 - spanSum > 12 ? 12 : 24 - spanSum;\n                gridWidget.cols?.push(newGridCol);\n            }\n        } else {\n            gridWidget.cols = [newGridCol];\n        }\n    }\n\n    addTabPaneOfTabs(tabsWidget: Widget) {\n        const tabPanes = tabsWidget.tabs;\n        const newTabPane = deepClone(this.getContainerByType('tab-pane'));\n        newTabPane.id = 'tab-pane-' + generateId();\n        newTabPane.options.name = newTabPane.id;\n        newTabPane.options.label = 'tab ' + ((tabPanes?.length || 0) + 1);\n        tabPanes?.push(newTabPane);\n    }\n\n    deleteTabPaneOfTabs(tabsWidget: Widget, tpIdx: number) {\n        tabsWidget.tabs?.splice(tpIdx, 1);\n    }\n\n    setCssClassList(cssClassList: any[]) {\n        this.cssClassList = cssClassList;\n    }\n\n    getCssClassList() {\n        return this.cssClassList;\n    }\n\n    registerFormWidget(formWidget: FormWidget) {\n        this.formWidget = formWidget;\n    }\n\n    initHistoryData() {\n        this.loadFormContentFromStorage();\n        this.historyData.index++;\n        this.historyData.steps[this.historyData.index] = {\n            widgetList: deepClone(this.widgetList),\n            formConfig: deepClone(this.formConfig)\n        };\n    }\n\n    emitHistoryChange() {\n        if (this.historyData.index === this.historyData.maxStep - 1) {\n            this.historyData.steps.shift();\n        } else {\n            this.historyData.index++;\n        }\n\n        this.historyData.steps[this.historyData.index] = {\n            widgetList: deepClone(this.widgetList),\n            formConfig: deepClone(this.formConfig)\n        };\n\n        this.saveFormContentToStorage();\n\n        if (this.historyData.index < this.historyData.steps.length - 1) {\n            this.historyData.steps = this.historyData.steps.slice(0, this.historyData.index + 1);\n        }\n    }\n\n    saveCurrentHistoryStep() {\n        this.historyData.steps[this.historyData.index] = deepClone({\n            widgetList: this.widgetList,\n            formConfig: this.formConfig\n        });\n\n        this.saveFormContentToStorage();\n    }\n\n    undoHistoryStep() {\n        if (this.historyData.index !== 0) {\n            this.historyData.index--;\n        }\n\n        this.widgetList = deepClone(this.historyData.steps[this.historyData.index].widgetList);\n        this.formConfig = deepClone(this.historyData.steps[this.historyData.index].formConfig);\n    }\n\n    redoHistoryStep() {\n        if (this.historyData.index !== this.historyData.steps.length - 1) {\n            this.historyData.index++;\n        }\n\n        this.widgetList = deepClone(this.historyData.steps[this.historyData.index].widgetList);\n        this.formConfig = deepClone(this.historyData.steps[this.historyData.index].formConfig);\n    }\n\n    undoEnabled() {\n        return this.historyData.index > 0 && this.historyData.steps.length > 0;\n    }\n\n    redoEnabled() {\n        return this.historyData.index < this.historyData.steps.length - 1;\n    }\n\n    saveFormContentToStorage() {\n        window.localStorage.setItem('widget__list__backup', JSON.stringify(this.widgetList));\n        window.localStorage.setItem('form__config__backup', JSON.stringify(this.formConfig));\n    }\n\n    loadFormContentFromStorage() {\n        const widgetListBackup = ''; //window.localStorage.getItem('widget__list__backup');\n        if (!!widgetListBackup) {\n            this.widgetList = JSON.parse(widgetListBackup);\n        }\n\n        const formConfigBackup = ''; //window.localStorage.getItem('form__config__backup');\n        if (!!formConfigBackup) {\n            overwriteObj(this.formConfig, JSON.parse(formConfigBackup));\n        }\n    }\n}\n\nexport function createDesigner(vueInstance: any): Designer {\n    return new Designer(vueInstance);\n}\n"],"names":["Designer","vueInstance","__publicField","deepClone","getDefaultFormConfig","evt","evtName","evtData","eventBus","callback","data","resetFormJson","skipHistoryChange","emptyWidgetListFlag","overwriteObj","preCssCode","newType","formJson","modifiedFlag","selected","selectedWidget","newName","newLabel","_a","wgCategory","type","wgType","targetClassName","isDialogOrDrawer","disallowedRules","rule","typeName","allWidgets","containers","basicFields","advancedFields","customFields","foundCon","con","foundWidget","widget","configName","originalWidget","oldWidget","newWidget","ck","oldFormConfig","fc","parentWidget","newGridCol","tmpId","generateId","containWidget","newGrid","gridCol","newTable","_b","tRow","newRow","col","parentList","indexOfParentList","tempWidget","origin","tempId","newCon","newCol","newTabPane","container","activeTab","tabPane","gridWidget","colIdx","cols","spanSum","tabsWidget","tabPanes","tpIdx","cssClassList","formWidget","createDesigner"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 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 "../../../hooks/useDesigner.js";
+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",

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

@@ -1 +1 @@
-{"version":3,"file":"RenderDesignerWigetList.vue.js","sources":["../../../../../src/components/form-designer/form-widget/RenderDesignerWigetList.vue"],"sourcesContent":["<template>\n    <Draggable\n        :list=\"list\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n        tag=\"transition-group\"\n        :component-data=\"{ name: 'fade' }\"\n        handle=\".drag-handler\"\n        @add=\"add\"\n        @update=\"update\"\n        :move=\"checkMove\"\n    >\n        <template #item=\"{ element: widget, index }\">\n            <div class=\"transition-group-el\">\n                <component\n                    :is=\"getWidget(widget)\"\n                    :parentList=\"props.list\"\n                    :indexOfParentList=\"index\"\n                    :parentWidget=\"parentWidget\"\n                    :designState=\"true\"\n                    :widget=\"widget\"\n                    :field=\"widget\"\n                />\n            </div>\n        </template>\n    </Draggable>\n</template>\n\n<script lang=\"ts\" setup>\n    import { getWidget } from '@/hooks/useDesigner';\n    import { Widget } from '@/types/schema';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { FormDesigner } from '@/types/designer';\n    import { inject, Ref, ref } from 'vue';\n\n    defineOptions({\n        name: 'RenderDesignerWigetList'\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            parentWidget: Widget | FormDesigner | null;\n            list: Widget[];\n            end?: (e: any) => void;\n            add?: (e: any) => void;\n            update?: (e: any) => void;\n        }>(),\n        {\n            add: () => {},\n            update: () => {}\n        }\n    );\n\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n\n    const checkMove = evt => {\n        return designer.value.checkWidgetMove(evt);\n    };\n</script>\n"],"names":["props","__props","designer","inject","ref","checkMove","evt","_openBlock","_createBlock","_unref","_mergeProps","list","add","update","_withCtx","widget","index","_createElementVNode","_hoisted_1","_resolveDynamicComponent","getWidget","parentWidget"],"mappings":";;;;;;;;;;;;;;;;AAuCI,UAAMA,IAAQC,GAcRC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GAExEC,IAAY,CAAAC,MACPJ,EAAS,MAAM,gBAAgBI,CAAG;sBAvD7CC,KAAAC,EAwBYC,MAxBZC,EAwBY;AAAA,MAvBP,MAAMC,EAAAA;AAAAA,MACP,YAAS;AAAA,IAAA,GACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,MACnE,KAAI;AAAA,MACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,MACjB,QAAO;AAAA,MACN,OAAKC,EAAAA;AAAAA,MACL,UAAQC,EAAAA;AAAAA,MACR,MAAMR;AAAA,IAAA;MAEI,MAAIS,EACX,CAUM,EAAA,SAXkBC,GAAQ,OAAAC,QAAK;AAAA,QACrCC,EAUM,OAVNC,GAUM;AAAA,gBATFV,EAQEW,EAPOV,EAAAW,CAAA,EAAUL,CAAM,CAAA,GAAA;AAAA,YACpB,YAAYf,EAAM;AAAA,YAClB,mBAAmBgB;AAAA,YACnB,cAAcK,EAAAA;AAAAA,YACd,aAAa;AAAA,YACb,QAAAN;AAAA,YACA,OAAOA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"RenderDesignerWigetList.vue.js","sources":["../../../../../src/components/form-designer/form-widget/RenderDesignerWigetList.vue"],"sourcesContent":["<template>\n    <Draggable\n        :list=\"list\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 300 }\"\n        tag=\"transition-group\"\n        :component-data=\"{ name: 'fade' }\"\n        handle=\".drag-handler\"\n        @add=\"add\"\n        @update=\"update\"\n        :move=\"checkMove\"\n    >\n        <template #item=\"{ element: widget, index }\">\n            <div class=\"transition-group-el\">\n                <component\n                    :is=\"getWidget(widget)\"\n                    :parentList=\"props.list\"\n                    :indexOfParentList=\"index\"\n                    :parentWidget=\"parentWidget\"\n                    :designState=\"true\"\n                    :widget=\"widget\"\n                    :field=\"widget\"\n                />\n            </div>\n        </template>\n    </Draggable>\n</template>\n\n<script lang=\"ts\" setup>\n    import { getWidget } from '@/components/form-designer/form-widget/useFormDesigner';\n    import { Widget } from '@/types/schema';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { FormDesigner } from '@/types/designer';\n    import { inject, ref } from 'vue';\n\n    defineOptions({\n        name: 'RenderDesignerWigetList'\n    });\n\n    const props = withDefaults(\n        defineProps<{\n            parentWidget: Widget | FormDesigner | null;\n            list: Widget[];\n            end?: (e: any) => void;\n            add?: (e: any) => void;\n            update?: (e: any) => void;\n        }>(),\n        {\n            add: () => {},\n            update: () => {}\n        }\n    );\n\n    const designer = inject<Ref<FormDesigner>>('designer', ref({} as FormDesigner));\n\n    const checkMove = evt => {\n        return designer.value.checkWidgetMove(evt);\n    };\n</script>\n"],"names":["props","__props","designer","inject","ref","checkMove","evt","_openBlock","_createBlock","_unref","_mergeProps","list","add","update","_withCtx","widget","index","_createElementVNode","_hoisted_1","_resolveDynamicComponent","getWidget","parentWidget"],"mappings":";;;;;;;;;;;;;;;;AAuCI,UAAMA,IAAQC,GAcRC,IAAWC,EAA0B,YAAYC,EAAI,CAAA,CAAkB,CAAC,GAExEC,IAAY,CAAAC,MACPJ,EAAS,MAAM,gBAAgBI,CAAG;sBAvD7CC,KAAAC,EAwBYC,MAxBZC,EAwBY;AAAA,MAvBP,MAAMC,EAAAA;AAAAA,MACP,YAAS;AAAA,IAAA,GACD,EAAA,OAAA,aAAA,YAAA,SAAA,WAAA,OAA2D;AAAA,MACnE,KAAI;AAAA,MACH,kBAAgB,EAAA,MAAA,OAAA;AAAA,MACjB,QAAO;AAAA,MACN,OAAKC,EAAAA;AAAAA,MACL,UAAQC,EAAAA;AAAAA,MACR,MAAMR;AAAA,IAAA;MAEI,MAAIS,EACX,CAUM,EAAA,SAXkBC,GAAQ,OAAAC,QAAK;AAAA,QACrCC,EAUM,OAVNC,GAUM;AAAA,gBATFV,EAQEW,EAPOV,EAAAW,CAAA,EAAUL,CAAM,CAAA,GAAA;AAAA,YACpB,YAAYf,EAAM;AAAA,YAClB,mBAAmBgB;AAAA,YACnB,cAAcK,EAAAA;AAAAA,YACd,aAAa;AAAA,YACb,QAAAN;AAAA,YACA,OAAOA;AAAA,UAAA;;;;;;;"}