cloud-web-corejs 1.0.54-dev.202 → 1.0.54-dev.204

package/src/components/xform/utils/util.js

@@ -1,44 +1,52 @@
-import Clipboard from 'clipboard'
-import axios from 'axios'
-import request from '../../../utils/request.js'
+import Clipboard from "clipboard";
+import axios from "axios";
+import request from "../../../utils/request.js";
 import {decode} from "js-base64";
 
 export function getAccessUrl() {
-  return SUPPORT_PREFIX + '/report_ins/getData';
+  return SUPPORT_PREFIX + "/report_ins/getData";
 }
 
 export function isNull(value) {
-  return (value === null) || (value === undefined);
+  return value === null || value === undefined;
 }
 
 export function isNotNull(value) {
-  return (value !== null) && (value !== undefined);
+  return value !== null && value !== undefined;
 }
 
 export function isEmptyStr(str) {
   //return (str === undefined) || (!str) || (!/[^\s]/.test(str));
-  return (str === undefined) || (!str && (str !== 0) && (str !== '0')) || (!/[^\s]/.test(str));
+  return (
+    str === undefined ||
+    (!str && str !== 0 && str !== "0") ||
+    !/[^\s]/.test(str)
+  );
 }
 
 export const generateId = function () {
-  return Math.floor(Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000);
+  return Math.floor(
+    Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000
+  );
 };
 
 export const createUUID = function () {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = (Math.random() * 16) | 0,
-      v = c == 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  }).replaceAll("-", "");
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"
+    .replace(/[xy]/g, function (c) {
+      var r = (Math.random() * 16) | 0,
+        v = c == "x" ? r : (r & 0x3) | 0x8;
+      return v.toString(16);
+    })
+    .replaceAll("-", "");
 };
 
 export const deepClone = function (origin) {
   if (origin === undefined) {
-    return undefined
+    return undefined;
   }
 
-  return JSON.parse(JSON.stringify(origin))
-}
+  return JSON.parse(JSON.stringify(origin));
+};
 
 export const overwriteObj = function (obj1, obj2) {
   /* 浅拷贝对象属性，obj2覆盖obj1 */
@@ -48,46 +56,48 @@ export const overwriteObj = function (obj1, obj2) {
   //   }
   // }
 
-  Object.keys(obj2).forEach(prop => {
-    obj1[prop] = obj2[prop]
-  })
-}
+  Object.keys(obj2).forEach((prop) => {
+    obj1[prop] = obj2[prop];
+  });
+};
 
 export const addWindowResizeHandler = function (handler) {
-  let oldHandler = window.onresize
-  if (typeof window.onresize != 'function') {
-    window.onresize = handler
+  let oldHandler = window.onresize;
+  if (typeof window.onresize != "function") {
+    window.onresize = handler;
   } else {
     window.onresize = function () {
-      oldHandler()
-      handler()
-    }
+      oldHandler();
+      handler();
+    };
   }
-}
+};
 
 const createStyleSheet = function () {
-  let head = document.head || document.getElementsByTagName('head')[0];
-  let style = document.createElement('style');
-  style.type = 'text/css';
+  let head = document.head || document.getElementsByTagName("head")[0];
+  let style = document.createElement("style");
+  style.type = "text/css";
   head.appendChild(style);
   return style.sheet;
-}
+};
 
-export const insertCustomCssToHead = function (cssCode, formId = '') {
-  let head = document.getElementsByTagName('head')[0];
-  let oldStyle = document.getElementById('vform-custom-css');
+export const insertCustomCssToHead = function (cssCode, formId = "") {
+  let head = document.getElementsByTagName("head")[0];
+  let oldStyle = document.getElementById("vform-custom-css");
   if (!!oldStyle) {
     head.removeChild(oldStyle); //先清除后插入！！
   }
   if (!!formId) {
-    oldStyle = document.getElementById('vform-custom-css' + '-' + formId);
+    oldStyle = document.getElementById("vform-custom-css" + "-" + formId);
     !!oldStyle && head.removeChild(oldStyle); //先清除后插入！！
   }
 
-  let newStyle = document.createElement('style');
-  newStyle.type = 'text/css';
-  newStyle.rel = 'stylesheet';
-  newStyle.id = !!formId ? 'vform-custom-css' + '-' + formId : 'vform-custom-css';
+  let newStyle = document.createElement("style");
+  newStyle.type = "text/css";
+  newStyle.rel = "stylesheet";
+  newStyle.id = !!formId
+    ? "vform-custom-css" + "-" + formId
+    : "vform-custom-css";
   try {
     newStyle.appendChild(document.createTextNode(cssCode));
   } catch (ex) {
@@ -95,354 +105,644 @@ export const insertCustomCssToHead = function (cssCode, formId = '') {
   }
 
   head.appendChild(newStyle);
-}
+};
 
-export const insertGlobalFunctionsToHtml = function (functionsCode, formId = '') {
-  let bodyEle = document.getElementsByTagName('body')[0];
-  let oldScriptEle = document.getElementById('v_form_global_functions');
+export const insertGlobalFunctionsToHtml = function (
+  functionsCode,
+  formId = ""
+) {
+  let bodyEle = document.getElementsByTagName("body")[0];
+  let oldScriptEle = document.getElementById("v_form_global_functions");
   !!oldScriptEle && bodyEle.removeChild(oldScriptEle); //先清除后插入！！
   if (!!formId) {
-    oldScriptEle = document.getElementById('v_form_global_functions' + '-' + formId);
+    oldScriptEle = document.getElementById(
+      "v_form_global_functions" + "-" + formId
+    );
     !!oldScriptEle && bodyEle.removeChild(oldScriptEle); //先清除后插入！！
   }
 
-  let newScriptEle = document.createElement('script');
-  newScriptEle.id = !!formId ? 'v_form_global_functions' + '-' + formId : 'v_form_global_functions';
-  newScriptEle.type = 'text/javascript';
+  let newScriptEle = document.createElement("script");
+  newScriptEle.id = !!formId
+    ? "v_form_global_functions" + "-" + formId
+    : "v_form_global_functions";
+  newScriptEle.type = "text/javascript";
   newScriptEle.innerHTML = functionsCode;
   bodyEle.appendChild(newScriptEle);
-}
+};
 
 export const optionExists = function (optionsObj, optionName) {
   if (!optionsObj) {
-    return false
+    return false;
   }
 
-  return Object.keys(optionsObj).indexOf(optionName) > -1
-}
+  return Object.keys(optionsObj).indexOf(optionName) > -1;
+};
 
 export const loadRemoteScript = function (srcPath, callback) {
   /*加载远程js，加载成功后执行回调函数*/
-  let sid = encodeURIComponent(srcPath)
-  let oldScriptEle = document.getElementById(sid)
+  let sid = encodeURIComponent(srcPath);
+  let oldScriptEle = document.getElementById(sid);
 
   if (!oldScriptEle) {
-    let s = document.createElement('script')
-    s.src = srcPath
-    s.id = sid
-    document.body.appendChild(s)
+    let s = document.createElement("script");
+    s.src = srcPath;
+    s.id = sid;
+    document.body.appendChild(s);
 
     s.onload = s.onreadystatechange = function (_, isAbort) {
       /* 借鉴自ace.js */
-      if (isAbort || !s.readyState || s.readyState === "loaded" || s.readyState === "complete") {
-        s = s.onload = s.onreadystatechange = null
+      if (
+        isAbort ||
+        !s.readyState ||
+        s.readyState === "loaded" ||
+        s.readyState === "complete"
+      ) {
+        s = s.onload = s.onreadystatechange = null;
         if (!isAbort) {
-          callback()
+          callback();
         }
       }
-    }
+    };
   }
-}
+};
 
-export function traverseFieldWidgets(widgetList, handler, parent = null) {
-  widgetList.forEach(w => {
-    if (w.formItemFlag) {
+export function traverseFieldWidgets(
+  widgetList,
+  handler,
+  parent = null,
+  staticWidgetsIncluded
+) {
+  if (!widgetList) {
+    return;
+  }
+
+  loopHandleWidget(widgetList, (w, parent) => {
+    if (w.formItemFlag || ((w.formItemFlag === false) && staticWidgetsIncluded)) {
       handler(w, parent)
-    } else if (w.type === 'grid') {
-      w.cols.forEach(col => {
-        traverseFieldWidgets(col.widgetList, handler, w)
-      })
-    } else if (w.type === 'table') {
-      w.rows.forEach(row => {
-        row.cols.forEach(cell => {
-          traverseFieldWidgets(cell.widgetList, handler, w)
-        })
-      })
-    } else if (w.type === 'h5-table') {
-      w.rows.forEach(row => {
-        row.cols.forEach(cell => {
-          traverseFieldWidgets(cell.widgetList, handler, w)
-        })
-      })
-    } else if (w.type === 'tab') {
-      w.tabs.forEach(tab => {
-        traverseFieldWidgets(tab.widgetList, handler, w)
-      })
-    } else if (w.type === 'sub-form') {
-      traverseFieldWidgets(w.widgetList, handler, w)
-    } else if (w.category === 'container') { //自定义容器
-      traverseFieldWidgets(w.widgetList, handler, w)
     }
-  })
+  });
+
+  /* widgetList.forEach((w) => {
+    if (w.formItemFlag || (w.formItemFlag === false && staticWidgetsIncluded)) {
+      handler(w, parent);
+    } else if (w.type === "grid") {
+      w.cols.forEach((col) => {
+        traverseFieldWidgets(col.widgetList, handler, w, staticWidgetsIncluded);
+      });
+    } else if (w.type === "table") {
+      w.rows.forEach((row) => {
+        row.cols.forEach((cell) => {
+          traverseFieldWidgets(
+            cell.widgetList,
+            handler,
+            w,
+            staticWidgetsIncluded
+          );
+        });
+      });
+    } else if (w.type === "tab") {
+      w.tabs.forEach((tab) => {
+        traverseFieldWidgets(tab.widgetList, handler, w, staticWidgetsIncluded);
+      });
+    } else if (w.type === "sub-form" || w.type === "grid-sub-form") {
+      traverseFieldWidgets(w.widgetList, handler, w, staticWidgetsIncluded);
+    } else if (w.category === "container") {
+      //自定义容器
+      traverseFieldWidgets(w.widgetList, handler, w, staticWidgetsIncluded);
+    }
+  }); */
 }
 
-export function traverseContainWidgets(widgetList, handler) {
-  widgetList.forEach(w => {
-    if (w.category === 'container') {
-      handler(w)
+export function traverseContainerWidgets(
+  widgetList,
+  handler,
+  skipDialogAndDrawer
+) {
+  if (!widgetList) {
+    return;
+  }
+
+  loopHandleWidget(widgetList, (w, parent) => {
+    if (w.category === "container") {
+      if (
+        skipDialogAndDrawer &&
+        (w.type === "vf-dialog" || w.type === "vf-drawer")
+      ) {
+        //什么也不做
+      } else {
+        handler(w);
+      }
     }
+  });
 
-    if (w.type === 'grid') {
-      w.cols.forEach(col => {
-        traverseContainWidgets(col.widgetList, handler)
-      })
-    } else if (w.type === 'table') {
-      w.rows.forEach(row => {
-        row.cols.forEach(cell => {
-          traverseContainWidgets(cell.widgetList, handler)
-        })
-      })
-    } else if (w.type === 'h5-table') {
-      w.rows.forEach(row => {
-        row.cols.forEach(cell => {
-          traverseContainWidgets(cell.widgetList, handler)
-        })
-      })
-    } else if (w.type === 'tab') {
-      w.tabs.forEach(tab => {
-        traverseContainWidgets(tab.widgetList, handler)
-      })
-    } else if (w.type === 'sub-form') {
-      traverseContainWidgets(w.widgetList, handler)
-    } else if (w.category === 'container') { //自定义容器
-      traverseContainWidgets(w.widgetList, handler)
+  /* widgetList.forEach((w) => {
+    if (w.category === "container") {
+      if (
+        skipDialogAndDrawer &&
+        (w.type === "vf-dialog" || w.type === "vf-drawer")
+      ) {
+        //什么也不做
+      } else {
+        handler(w);
+      }
     }
-  })
+
+    if (w.type === "grid") {
+      w.cols.forEach((col) => {
+        traverseContainerWidgets(col.widgetList, handler);
+      });
+    } else if (w.type === "table") {
+      w.rows.forEach((row) => {
+        row.cols.forEach((cell) => {
+          traverseContainerWidgets(cell.widgetList, handler);
+        });
+      });
+    } else if (w.type === "tab") {
+      w.tabs.forEach((tab) => {
+        traverseContainerWidgets(tab.widgetList, handler);
+      });
+    } else if (w.type === "sub-form" || w.type === "grid-sub-form") {
+      traverseContainerWidgets(w.widgetList, handler);
+    } else if (w.category === "container") {
+      //自定义容器
+      if (
+        skipDialogAndDrawer &&
+        (w.type === "vf-dialog" || w.type === "vf-drawer")
+      ) {
+        //什么也不做
+      } else {
+        traverseContainerWidgets(w.widgetList, handler);
+      }
+    }
+  }); */
 }
 
-export function traverseContainerWidgets(e, t) {
-  e.forEach((function (e) {
-      "container" === e.category && t(e),
-        "grid" === e.type ? e.cols.forEach((function (e) {
-            traverseContainerWidgets(e.widgetList, t)
-          }
-        )) : "detail" === e.type ? e.panes.forEach((function (e) {
-            traverseContainerWidgets(e.widgetList, t)
-          }
-        )) : "table" === e.type ? e.rows.forEach((function (e) {
-            e.cols.forEach((function (e) {
-                traverseContainerWidgets(e.widgetList, t)
-              }
-            ))
-          }
-        )) : "tab" === e.type ? e.tabs.forEach((function (e) {
-            traverseContainerWidgets(e.widgetList, t)
-          }
-        )) : ("sub-form" === e.type || "grid-sub-form" === e.type || "container" === e.category) && traverseContainerWidgets(e.widgetList, t)
+export function traverseAllWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return;
+  }
+
+  loopHandleWidget(widgetList, (w, parent) => {
+    handler(w);
+  });
+
+  /* widgetList.forEach((w) => {
+    handler(w);
+
+    if (w.type === "grid") {
+      w.cols.forEach((col) => {
+        handler(col);
+        traverseAllWidgets(col.widgetList, handler);
+      });
+    } else if (w.type === "table") {
+      w.rows.forEach((row) => {
+        row.cols.forEach((cell) => {
+          handler(cell);
+          traverseAllWidgets(cell.widgetList, handler);
+        });
+      });
+    } else if (w.type === "tab") {
+      w.tabs.forEach((tab) => {
+        traverseAllWidgets(tab.widgetList, handler);
+      });
+    } else if (w.type === "sub-form" || w.type === "grid-sub-form") {
+      traverseAllWidgets(w.widgetList, handler);
+    } else if (w.category === "container") {
+      //自定义容器
+      traverseAllWidgets(w.widgetList, handler);
     }
-  ))
+  }); */
+}
+
+function handleWidgetForTraverse(
+  widget,
+  handler,
+  staticWidgetsIncluded = false
+) {
+  if (!!widget.category && widget.category === "container") {
+    traverseFieldWidgetsOfContainer(widget, handler);
+  } else if (widget.formItemFlag) {
+    handler(widget);
+  }
 }
 
-let itemFieldMap = {
+export const itemFieldMap = {
   grid: "cols",
   table: "rows",
+  "table-cell": "widgetList",
   'h5-table': "rows",
+  "h5-table-cell": "widgetList",
   tab: "tabs",
+  "tab-pane": "widgetList",
+  "grid-col": "widgetList",
+  "vf-box": "widgetList",
+  "card": "widgetList",
   "detail": "panes",
+  "detail-pane": "widgetList",
   "detail-h5": "panes",
   "h5-card": "panes",
+  "h5-card-pane": "widgetList",
 }
 
-export function traverseAllWidgets(widgetList, handler) {
-  if (!widgetList) return
-  widgetList.forEach(w => {
-    handler(w)
-    if (w.type === 'grid') {
-      w.cols.forEach(col => {
-        handler(col)
-        traverseAllWidgets(col.widgetList, handler)
-      })
-    } else if (w.type === 'detail') {
-      w.panes.forEach(item => {
-        handler(item)
-        traverseAllWidgets(item.widgetList, handler)
-        traverseAllWidgets(item.buttonWidgetList, handler)
-      })
-      w.widgetList.forEach(item => {
-        handler(item)
-        traverseAllWidgets(item.widgetList, handler)
-      })
-    } else if (w.type === 'table') {
-      w.rows.forEach(row => {
-        row.cols.forEach(cell => {
-          handler(cell)
-          traverseAllWidgets(cell.widgetList, handler)
-        })
-      })
-    } else if (w.type === 'h5-table') {
-      w.rows.forEach(row => {
-        row.cols.forEach(cell => {
-          handler(cell)
-          traverseAllWidgets(cell.widgetList, handler)
-        })
-      })
-    } else if (w.type === 'tab') {
-      w.tabs.forEach(tab => {
-        traverseAllWidgets(tab.widgetList, handler)
-      })
-    } else if (w.type === 'sub-form') {
-      traverseAllWidgets(w.widgetList, handler)
-    } else if (w.category === 'container') { //自定义容器
-      traverseAllWidgets(w.widgetList, handler)
+/**
+ * 遍历容器内的字段组件
+ * @param con
+ * @param handler
+ * @param staticWidgetsIncluded
+ */
+export function traverseFieldWidgetsOfContainer(
+  con,
+  handler,
+  staticWidgetsIncluded = false
+) {
+
+  /*loopHandleWidget([con],(w, parent)=>{
+		handleWidgetForTraverse(w, handler, staticWidgetsIncluded);
+  });*/
+  if (con.type === "grid") {
+    con.cols.forEach((col) => {
+      col.widgetList.forEach((cw) => {
+        handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+      });
+    });
+  } else if (con.type === "table") {
+    con.rows.forEach((row) => {
+      row.cols.forEach((cell) => {
+        cell.widgetList.forEach((cw) => {
+          handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+        });
+      });
+    });
+  } else if (con.type === "tab") {
+    con.tabs.forEach((tab) => {
+      tab.widgetList.forEach((cw) => {
+        handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+      });
+    });
+  } else if (con.type === "sub-form" || con.type === "grid-sub-form") {
+    con.widgetList.forEach((cw) => {
+      handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+    });
+  } else if (con.type === "data-table") {
+    /*con.widgetList.forEach((cw) => {
+      handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+    });*/
+    for (let column of con.options.tableColumns) {
+      if (column.widget) {
+        handleWidgetForTraverse(column.widget, handler, staticWidgetsIncluded);
+      }
+      if (column.widgetList) {
+        loopHandleWidget(column.widgetList, (cw) => {
+          handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+        });
+      }
     }
-  })
+  } else if (con.category === "container") {
+    //自定义容器
+    /*let key = itemFieldMap[con.type]
+    con[key].forEach((cw) => {
+      handleWidgetForTraverse(cw, handler, staticWidgetsIncluded);
+    });*/
+
+
+    /*con.widgetList.forEach(cw => {
+      handleWidgetForTraverse(cw, handler, staticWidgetsIncluded)
+    })*/
+    loopHandleWidgetItem(con, null, (w) => {
+      if (con.id != w.id)
+        handleWidgetForTraverse(w, handler, staticWidgetsIncluded)
+    })
+
+  }
 }
 
-function handleWidgetForTraverse(widget, handler) {
-  if (!!widget.category) {
-    traverseFieldWidgetsOfContainer(widget, handler)
+function handleContainerTraverse(
+  widget,
+  fieldHandler,
+  containerHandler,
+  internalContainerCallFlag,
+  staticWidgetsIncluded
+) {
+  if (!!widget.category && widget.category === "container") {
+    traverseWidgetsOfContainer(
+      widget,
+      fieldHandler,
+      containerHandler,
+      internalContainerCallFlag,
+      staticWidgetsIncluded
+    );
   } else if (widget.formItemFlag) {
-    handler(widget)
+    fieldHandler(widget);
+  } else if (staticWidgetsIncluded) {
+    fieldHandler(widget);
   }
 }
 
 /**
- * 遍历容器内的字段组件
+ * 遍历容器内部的字段组件和容器组件
  * @param con
- * @param handler
+ * @param fieldHandler
+ * @param containerHandler
+ * @param internalContainerCallFlag 是否需要处理内部容器组件，默认不处理
+ * @param staticWidgetsIncluded 是否需要处理静态非表单交互类组件
  */
-export function traverseFieldWidgetsOfContainer(con, handler) {
-  if (con.type === 'grid') {
-    con.cols.forEach(col => {
-      col.widgetList.forEach(cw => {
-        handleWidgetForTraverse(cw, handler)
-      })
-    })
-  }else if (con.type === 'detail') {
-    con.panes.forEach(col => {
-      col.widgetList.forEach(cw => {
-        handleWidgetForTraverse(cw, handler)
-      })
-      col.buttonWidgetList.forEach(cw => {
-        handleWidgetForTraverse(cw, handler)
-      })
-    })
-    con.widgetList.forEach(col => {
-      handleWidgetForTraverse(col, handler)
-    })
-  } else if (con.type === 'table') {
-    con.rows.forEach(row => {
-      row.cols.forEach(cell => {
-        cell.widgetList.forEach(cw => {
-          handleWidgetForTraverse(cw, handler)
-        })
-      })
-    })
-  } else if (con.type === 'h5-table') {
-    con.rows.forEach(row => {
-      row.cols.forEach(cell => {
-        cell.widgetList.forEach(cw => {
-          handleWidgetForTraverse(cw, handler)
-        })
-      })
-    })
-  } else if (con.type === 'tab') {
-    con.tabs.forEach(tab => {
-      tab.widgetList.forEach(cw => {
-        handleWidgetForTraverse(cw, handler)
-      })
-    })
-  } else if (con.type === 'sub-form') {
-    con.widgetList.forEach(cw => {
-      handleWidgetForTraverse(cw, handler)
-    })
-  } else if (con.category === 'container') { //自定义容器
-    con.widgetList.forEach(cw => {
-      handleWidgetForTraverse(cw, handler)
-    })
+export function traverseWidgetsOfContainer(
+  con,
+  fieldHandler,
+  containerHandler,
+  internalContainerCallFlag,
+  staticWidgetsIncluded
+) {
+  if (con.category === "container") {
+    containerHandler(con);
+  }
+
+  /*loopHandleWidget([con], (cw, parent) => {
+    if (con.id !== cw.id) {
+      handleContainerTraverse(
+        cw,
+        fieldHandler,
+        containerHandler,
+        internalContainerCallFlag,
+        staticWidgetsIncluded
+      );
+    }
+  });*/
+
+  if (con.type === "grid") {
+    con.cols.forEach((col) => {
+      if (internalContainerCallFlag) {
+        containerHandler(col);
+      }
+      col.widgetList.forEach((cw) => {
+        handleContainerTraverse(
+          cw,
+          fieldHandler,
+          containerHandler,
+          internalContainerCallFlag,
+          staticWidgetsIncluded
+        );
+      });
+    });
+  } else if (con.type === "table") {
+    con.rows.forEach((row) => {
+      if (internalContainerCallFlag) {
+        containerHandler(row);
+      }
+      row.cols.forEach((cell) => {
+        if (internalContainerCallFlag) {
+          containerHandler(cell);
+        }
+        cell.widgetList.forEach((cw) => {
+          handleContainerTraverse(
+            cw,
+            fieldHandler,
+            containerHandler,
+            internalContainerCallFlag,
+            staticWidgetsIncluded
+          );
+        });
+      });
+    });
+  } else if (con.type === "tab") {
+    con.tabs.forEach((tab) => {
+      if (internalContainerCallFlag) {
+        containerHandler(tab);
+      }
+      tab.widgetList.forEach((cw) => {
+        handleContainerTraverse(
+          cw,
+          fieldHandler,
+          containerHandler,
+          internalContainerCallFlag,
+          staticWidgetsIncluded
+        );
+      });
+    });
+  } else if (con.type === "sub-form" || con.type === "grid-sub-form") {
+    con.widgetList.forEach((cw) => {
+      handleContainerTraverse(
+        cw,
+        fieldHandler,
+        containerHandler,
+        internalContainerCallFlag,
+        staticWidgetsIncluded
+      );
+    });
+  } else if (con.category === "container") {
+    //自定义容器
+    let key = itemFieldMap[con.type]
+    con[key].forEach((cw) => {
+      handleContainerTraverse(
+        cw,
+        fieldHandler,
+        containerHandler,
+        internalContainerCallFlag,
+        staticWidgetsIncluded
+      );
+    });
+  }
+}
+
+export function traverseWidgetsOfGridCol(
+  gridCol,
+  fieldHandler,
+  containerHandler
+) {
+  // if (gridCol.category === 'container') {
+  //   containerHandler(gridCol)
+  // }
+
+  if (gridCol.type === "grid-col") {
+    gridCol.widgetList.forEach((cw) => {
+      handleContainerTraverse(cw, fieldHandler, containerHandler);
+    });
   }
 }
 
 /**
  * 获取所有字段组件
  * @param widgetList
+ * @param staticWidgetsIncluded 是否包含按钮等静态组件，默认不包含
  * @returns {[]}
  */
-export function getAllFieldWidgets(widgetList) {
-  let result = []
+export function getAllFieldWidgets(widgetList, staticWidgetsIncluded) {
+  if (!widgetList) {
+    return [];
+  }
+
+  let result = [];
   let handlerFn = (w) => {
     result.push({
       type: w.type,
       name: w.options.name,
-      field: w
-    })
-  }
-  traverseFieldWidgets(widgetList, handlerFn)
+      field: w,
+    });
+  };
+  traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded);
 
-  return result
+  return result;
 }
 
 /**
  * 获取所有容器组件
  * @param widgetList
+ * @param skipDialogAndDrawer 是否跳过弹窗和抽屉内部组件，默认不跳过
  * @returns {[]}
  */
-export function getAllContainerWidgets(widgetList) {
-  let result = []
+export function getAllContainerWidgets(widgetList, skipDialogAndDrawer) {
+  if (!widgetList) {
+    return [];
+  }
+
+  let result = [];
   let handlerFn = (w) => {
     result.push({
       type: w.type,
       name: w.options.name,
-      container: w
-    })
+      container: w,
+    });
+  };
+  traverseContainerWidgets(widgetList, handlerFn, skipDialogAndDrawer);
+
+  return result;
+}
+
+export function getFieldWidgetByName(
+  widgetList,
+  fieldName,
+  staticWidgetsIncluded
+) {
+  if (!widgetList) {
+    return null;
   }
-  traverseContainWidgets(widgetList, handlerFn)
 
-  return result
+  let foundWidget = null;
+  let handlerFn = (widget) => {
+    if (widget.options.name === fieldName) {
+      foundWidget = widget;
+    }
+  };
+
+  traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded);
+  return foundWidget;
 }
 
-export function getFieldWidgetByName(e, t) {
-  var i = null,
-    n = function (e) {
-      e.options.name === t && (i = e)
-    };
-  return traverseFieldWidgets(e, n),
-    i
+export const columnFormatMap = {
+  editInput: "input",
+  editNumber: "number",
+  editDate: "date",
+  editSelect: "select",
+  editSearch: "vabsearch",
+  editAttachment: "baseAttachment",
+  editStatus: "status",
+  aText: "a-text",
+  aLink: "a-link",
+  editDelete: "a-link",
+  editButton: "a-link",
+  button: "button",
+  addSiblingEditRow: "a-link",
+  addChildTreeRow: "a-link",
+  moveUpRow: "a-link",
+  moveDownRow: "a-link",
+  removeTreeRow: "a-link",
+  text: "text",
+  checkbox: "checkbox",
+  radio: "radio",
+};
+
+export function getFieldWidgetById(widgetList, fieldId, staticWidgetsIncluded) {
+  if (!widgetList) {
+    return null;
+  }
+
+  let foundWidget = null;
+  let handlerFn = (widget) => {
+    if (widget.id === fieldId) {
+      foundWidget = widget;
+    } else if (widget.type == "data-table") {
+      for (let column of widget.options.tableColumns) {
+        if (column?.widget?.id + "" === fieldId) {
+          foundWidget = column.widget;
+          break
+        } else if (column.widgetList) {
+          loopHandleWidget(column.widgetList, (item1) => {
+            if (item1.id === fieldId) {
+              foundWidget = item1;
+            }
+          });
+        }
+      }
+    }
+  };
+
+  traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded);
+  return foundWidget;
 }
 
-export function getContainerWidgetByName(e, t) {
-  var i = null,
-    n = function (e) {
-      e.options.name === t && (i = e)
-    };
-  return traverseContainerWidgets(e, n),
-    i
+export function getContainerWidgetByName(widgetList, containerName) {
+  if (!widgetList) {
+    return null;
+  }
+
+  let foundContainer = null;
+  let handlerFn = (con) => {
+    if (con.options.name === containerName) {
+      foundContainer = con;
+    }
+  };
+
+  traverseContainerWidgets(widgetList, handlerFn);
+  return foundContainer;
 }
 
-export function getContainerWidgetById(e, t) {
-  var i = null,
-    n = function (e) {
-      e.id === t && (i = e)
-    };
-  return traverseContainerWidgets(e, n),
-    i
+export function getContainerWidgetById(widgetList, containerId) {
+  if (!widgetList) {
+    return null;
+  }
+
+  let foundContainer = null;
+  let handlerFn = (con) => {
+    if (con.id === containerId) {
+      foundContainer = con;
+    }
+  };
+
+  traverseContainerWidgets(widgetList, handlerFn);
+  return foundContainer;
 }
 
-export function copyToClipboard(content, clickEvent, $message, successMsg, errorMsg) {
+export function copyToClipboard(
+  content,
+  clickEvent,
+  $message,
+  successMsg,
+  errorMsg
+) {
   const clipboard = new Clipboard(clickEvent.target, {
-    text: () => content
-  })
+    text: () => content,
+  });
 
-  clipboard.on('success', () => {
-    $message.success(successMsg)
-    clipboard.destroy()
-  })
+  clipboard.on("success", () => {
+    $message.success(successMsg);
+    clipboard.destroy();
+  });
 
-  clipboard.on('error', () => {
-    $message.error(errorMsg)
-    clipboard.destroy()
-  })
+  clipboard.on("error", () => {
+    $message.error(errorMsg);
+    clipboard.destroy();
+  });
 
-  clipboard.onClick(clickEvent)
+  clipboard.onClick(clickEvent);
 }
 
 export function getQueryParam(variable) {
   let query = window.location.search.substring(1);
-  let vars = query.split("&")
+  let vars = query.split("&");
   for (let i = 0; i < vars.length; i++) {
-    let pair = vars[i].split("=")
+    let pair = vars[i].split("=");
     if (pair[0] == variable) {
-      return pair[1]
+      return pair[1];
     }
   }
 
@@ -469,7 +769,7 @@ export function getDefaultFormConfig() {
     onFormDataChange: "",
     gridConfig: {
       accessReturnType: 1,
-      isLoadDataByAccess: false
+      isLoadDataByAccess: false,
     },
     getConfig: {
       accessType: "1",
@@ -477,7 +777,7 @@ export function getDefaultFormConfig() {
       accessParam: null,
       accessCallback: null,
       scriptName: null,
-      scriptCode: null
+      scriptCode: null,
     },
     saveConfig: {
       accessType: "1",
@@ -485,7 +785,7 @@ export function getDefaultFormConfig() {
       accessParam: null,
       accessCallback: null,
       scriptName: null,
-      scriptCode: null
+      scriptCode: null,
     },
     scriptList: [],
     formType: 0,
@@ -503,36 +803,38 @@ export function getDefaultFormConfig() {
     formScriptSuccess: null,
     saveScriptCode: "saveUpdate",
     wfConfig: null,
-    wfStartBindSave: false
-  }
+    wfStartBindSave: false,
+  };
 }
 
 export function buildDefaultFormJson() {
   return {
     widgetList: [],
-    formConfig: deepClone(getDefaultFormConfig())
-  }
+    formConfig: deepClone(getDefaultFormConfig()),
+  };
 }
 
 export function cloneFormConfigWithoutEventHandler(e) {
   var t = deepClone(e);
-  return t.onFormCreated = "",
-    t.onFormMounted = "",
-    t.onFormDataChange = "",
-    t
+  return (
+    (t.onFormCreated = ""), (t.onFormMounted = ""), (t.onFormDataChange = ""), t
+  );
 }
 
 export function translateOptionItems(e, t, i, n) {
-  if ("cascader" === t)
-    return deepClone(e);
+  if ("cascader" === t) return deepClone(e);
   var o = [];
-  return e && e.length > 0 && e.forEach((function (e) {
-    o.push({
-      [i]: e[i],
-      [n]: e[n]
-    })
-  })),
-    o
+  return (
+    e &&
+    e.length > 0 &&
+    e.forEach(function (e) {
+      o.push({
+        [i]: e[i],
+        [n]: e[n],
+      });
+    }),
+      o
+  );
 }
 
 export function assembleAxiosConfig(arrayObj, DSV, VFR) {
@@ -540,15 +842,17 @@ export function assembleAxiosConfig(arrayObj, DSV, VFR) {
   if (arrayObj && arrayObj.length) {
     arrayObj.map(function (ai) {
       if ("String" === ai.type) {
-        result[ai.name] = String(ai.value)
+        result[ai.name] = String(ai.value);
       } else if ("Number" === ai.type) {
-        result[ai.name] = Number(ai.value)
+        result[ai.name] = Number(ai.value);
       } else if ("Boolean" === ai.type) {
-        "false" === ai.value
-          .toLowerCase() || "0" === ai.value ? result[ai.name] = !1 : "true" === ai.value.toLowerCase()
-        || "1" === ai.value ? result[ai.name] = !0 : result[ai.name] = null
+        "false" === ai.value.toLowerCase() || "0" === ai.value
+          ? (result[ai.name] = !1)
+          : "true" === ai.value.toLowerCase() || "1" === ai.value
+            ? (result[ai.name] = !0)
+            : (result[ai.name] = null);
       } else if ("Variable" === ai.type) {
-        result[ai.name] = eval(ai.value)
+        result[ai.name] = eval(ai.value);
       } else if ("FormData" === ai.type) {
         if (VFR.formDataModel.hasOwnProperty(ai.value)) {
           result[ai.name] = VFR.formDataModel[ai.value];
@@ -559,7 +863,7 @@ export function assembleAxiosConfig(arrayObj, DSV, VFR) {
           }
         }
       }
-    })
+    });
   }
   return result;
 
@@ -585,14 +889,14 @@ export function buildRequestConfig(dataSource, DSV, VFR, isSandbox) {
   let requestAccess = DSV.requestAccess;
   // config.url = dataSource.requestURL;
   config.url = getAccessUrl();
-  config.method = dataSource.requestMethod || "post",
-    config.headers = assembleAxiosConfig(dataSource.headers, DSV, VFR),
-    config.params = assembleAxiosConfig(dataSource.params, DSV, VFR);
+  (config.method = dataSource.requestMethod || "post"),
+    (config.headers = assembleAxiosConfig(dataSource.headers, DSV, VFR)),
+    (config.params = assembleAxiosConfig(dataSource.params, DSV, VFR));
   // config.data = assembleAxiosConfig(dataSource.data, DSV, VFR);
   let data = {};
   let conditions = assembleAxiosConfig(dataSource.data, DSV, VFR);
 
-  let globalReqData = getReportGlobalMap();//全局请求参数
+  let globalReqData = getReportGlobalMap(); //全局请求参数
   Object.assign(conditions, globalReqData);
 
   let doms = VFR.getWidgetRef(DSV.widgetName);
@@ -619,20 +923,39 @@ export function buildRequestConfig(dataSource, DSV, VFR, isSandbox) {
   } */
 
   config.data = data;
-  var chFn = new Function("config", "isSandbox", "DSV", "VFR", dataSource.configHandlerCode);
-  return chFn.call(null, config, isSandbox, DSV, VFR)
+  var chFn = new Function(
+    "config",
+    "isSandbox",
+    "DSV",
+    "VFR",
+    dataSource.configHandlerCode
+  );
+  return chFn.call(null, config, isSandbox, DSV, VFR);
 }
 
 export function runDataSourceRequest(e, t, i, n, o) {
-  return _runDataSourceRequest.apply(this, arguments)
+  return _runDataSourceRequest.apply(this, arguments);
 }
 
 export function _runDataSourceRequest() {
   let _runDataSourceRequestN = function (t, i, n, o, a) {
     var l, s, r, d;
-    l = buildRequestConfig(t, i, n, o),
-      r = new Function("result", "isSandbox", "DSV", "VFR", t.dataHandlerCode),
-      d = new Function("error", "isSandbox", "DSV", "$message", "VFR", t.errorHandlerCode);
+    (l = buildRequestConfig(t, i, n, o)),
+      (r = new Function(
+        "result",
+        "isSandbox",
+        "DSV",
+        "VFR",
+        t.dataHandlerCode
+      )),
+      (d = new Function(
+        "error",
+        "isSandbox",
+        "DSV",
+        "$message",
+        "VFR",
+        t.errorHandlerCode
+      ));
 
     /*
      axios.request(l).then(() => {
@@ -645,13 +968,13 @@ export function _runDataSourceRequest() {
       request({
         ...l,
         callback: (res) => {
-          resolve(r.call(null, res, o, i, n))
+          resolve(r.call(null, res, o, i, n));
         },
         error: (error) => {
           d.call(null, error, o, i, a, n);
           reject(error);
-        }
-      })
+        },
+      });
     });
 
     /* return s = e.sent,
@@ -661,7 +984,7 @@ export function _runDataSourceRequest() {
     d = new Function("error","isSandbox","DSV","$message","VFR",t.errorHandlerCode),
     d.call(null, null, o, i, a, n), */
   };
-  return _runDataSourceRequestN.apply(this, arguments)
+  return _runDataSourceRequestN.apply(this, arguments);
   /* return _runDataSourceRequest = Object(D_dev2021_variant_form_pro_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["a"])(regeneratorRuntime.mark((function e(t, i, n, o, a) {
       var l, s, r, d;
       return regeneratorRuntime.wrap((function(e) {
@@ -695,10 +1018,14 @@ export function _runDataSourceRequest() {
 
 export function getDSByName(e, t) {
   var i = null;
-  return t && e.dataSources && e.dataSources.forEach((function (e) {
-    e.uniqueName === t && (i = e)
-  })),
-    i
+  return (
+    t &&
+    e.dataSources &&
+    e.dataSources.forEach(function (e) {
+      e.uniqueName === t && (i = e);
+    }),
+      i
+  );
 }
 
 export function setReportGlobalParam(value) {
@@ -720,8 +1047,8 @@ export function getSubFormNameByFieldId(o, e) {
       const c = (u) => {
         u.id === e && (n = s.name);
       };
-      (s.type === "sub-form" || s.type === "grid-sub-form")
-      && traverseFieldWidgetsOfContainer(s.container, c);
+      (s.type === "sub-form" || s.type === "grid-sub-form") &&
+      traverseFieldWidgetsOfContainer(s.container, c);
     }),
       n
   );
@@ -739,41 +1066,25 @@ export function fieldIsUsedInFormula(o, e, n) {
       if (u.substring(0, u.length - 2) === "func") return;
       const g = c.split(".")[0],
         y = g.substring(2, g.length);
-      getFieldWidgetById(n.formJsonObj.widgetList, y, !1).options
-        .name === o && (s = !0);
+      getFieldWidgetById(n.formJsonObj.widgetList, y, !1).options.name === o &&
+      (s = !0);
     }),
       s
   );
 }
 
-export function getFieldWidgetById(o, e, n) {
-  if (!o) return null;
-  let l = null;
-  return (
-    traverseFieldWidgets(
-      o,
-      (c) => {
-        c.id === e && (l = c);
-      },
-      null,
-      n
-    ),
-      l
-  );
-}
-
 export function calculateFormula(o, e, n, l, s) {
   if (
-    !!l.subFormItemFlag
-    && !!s.subFormItemFlag
-    && s.subFormRowId !== l.subFormRowId
+    !!l.subFormItemFlag &&
+    !!s.subFormItemFlag &&
+    s.subFormRowId !== l.subFormRowId
   )
     return;
   let c = l.field.options.formula;
   c = replaceFieldsAndFunctionsOfFormula(o, l);
   const u = c.match(/[A-Za-z]*/g);
-  u
-  && u.forEach((g) => {
+  u &&
+  u.forEach((g) => {
     if (!!g && findCalFunStartIndex(g) !== -1) {
       const y = g.toUpperCase();
       c = c.replace(g, "formulaJs." + y);
@@ -808,9 +1119,7 @@ export function replaceFieldsAndFunctionsOfFormula(o, e) {
           const w = o.getSubFormNameOfWidget(f.options.name);
           if (e.subFormItemFlag)
             w === e.subFormName
-              ? ((v = o.getWidgetRef(
-                f.options.name + "@row" + e.subFormRowId
-              )),
+              ? ((v = o.getWidgetRef(f.options.name + "@row" + e.subFormRowId)),
               v && (s = s.replaceAll(c, v.getValue())))
               : console.error("Invalid formula!");
           else {
@@ -953,10 +1262,7 @@ export function trimEx(o, e, n) {
       ? o.replace(new RegExp("^%%" + e + "+", "g"), "")
       : n === "right"
         ? o.replace(new RegExp("%%" + e + "+$", "g"), "")
-        : o.replace(
-          new RegExp("^%%" + e + "+|%%" + e + "+$", "g"),
-          ""
-        )
+        : o.replace(new RegExp("^%%" + e + "+|%%" + e + "+$", "g"), "")
     : o.replace(/^%s+|%s+$/g, "");
 }
 
@@ -985,647 +1291,104 @@ export function objectKeysToArray(o) {
 }
 
 //begin
-/*export class EditorView {
-  get state() {
-    return this.viewState.state;
-  }
-  get viewport() {
-    return this.viewState.viewport;
-  }
-  get visibleRanges() {
-    return this.viewState.visibleRanges;
-  }
-  get inView() {
-    return this.viewState.inView;
-  }
-  get composing() {
-    return this.inputState.composing > 0;
-  }
-  get compositionStarted() {
-    return this.inputState.composing >= 0;
-  }
-  get root() {
-    return this._root;
-  }
-  get win() {
-    return this.dom.ownerDocument.defaultView || window;
-  }
-  constructor(e = {}) {
-    (this.plugins = []),
-      (this.pluginMap = new Map()),
-      (this.editorAttrs = {}),
-      (this.contentAttrs = {}),
-      (this.bidiCache = []),
-      (this.destroyed = !1),
-      (this.updateState = 2),
-      (this.measureScheduled = -1),
-      (this.measureRequests = []),
-      (this.contentDOM = document.createElement("div")),
-      (this.scrollDOM = document.createElement("div")),
-      (this.scrollDOM.tabIndex = -1),
-      (this.scrollDOM.className = "cm-scroller"),
-      this.scrollDOM.appendChild(this.contentDOM),
-      (this.announceDOM = document.createElement("div")),
-      (this.announceDOM.style.cssText =
-        "position: fixed; top: -10000px"),
-      this.announceDOM.setAttribute("aria-live", "polite"),
-      (this.dom = document.createElement("div")),
-      this.dom.appendChild(this.announceDOM),
-      this.dom.appendChild(this.scrollDOM);
-    let { dispatch: n } = e;
-    (this.dispatchTransactions =
-      e.dispatchTransactions ||
-      (n && ((l) => l.forEach((s) => n(s, this)))) ||
-      ((l) => this.update(l))),
-      (this.dispatch = this.dispatch.bind(this)),
-      (this._root = e.root || getRoot(e.parent) || document),
-      (this.viewState = new ViewState(
-        e.state || EditorState.create(e)
-      )),
-      (this.plugins = this.state
-        .facet(viewPlugin)
-        .map((l) => new PluginInstance(l)));
-    for (let l of this.plugins) l.update(this);
-    (this.observer = new DOMObserver(this)),
-      (this.inputState = new InputState(this)),
-      this.inputState.ensureHandlers(this.plugins),
-      (this.docView = new DocView(this)),
-      this.mountStyles(),
-      this.updateAttrs(),
-      (this.updateState = 0),
-      this.requestMeasure(),
-    e.parent && e.parent.appendChild(this.dom);
-  }
-  dispatch(...e) {
-    let n =
-      e.length == 1 && e[0] instanceof Transaction
-        ? e
-        : e.length == 1 && Array.isArray(e[0])
-          ? e[0]
-          : [this.state.update(...e)];
-    this.dispatchTransactions(n, this);
-  }
-  update(e) {
-    if (this.updateState != 0)
-      throw new Error(
-        "Calls to EditorView.update are not allowed while an update is in progress"
-      );
-    let n = !1,
-      l = !1,
-      s,
-      c = this.state;
-    for (let w of e) {
-      if (w.startState != c)
-        throw new RangeError(
-          "Trying to update state with a transaction that doesn't start from the previous state."
-        );
-      c = w.state;
-    }
-    if (this.destroyed) {
-      this.viewState.state = c;
-      return;
-    }
-    let u = this.hasFocus,
-      $ = 0,
-      g = null;
-    e.some((w) => w.annotation(isFocusChange))
-      ? ((this.inputState.notifiedFocused = u), ($ = 1))
-      : u != this.inputState.notifiedFocused &&
-      ((this.inputState.notifiedFocused = u),
-        (g = focusChangeTransaction(c, u)),
-      g || ($ = 1));
-    let y = this.observer.delayedAndroidKey,
-      f = null;
-    if (
-      (y
-        ? (this.observer.clearDelayedAndroidKey(),
-          (f = this.observer.readChange()),
-        ((f && !this.state.doc.eq(c.doc)) ||
-          !this.state.selection.eq(c.selection)) &&
-        (f = null))
-        : this.observer.clear(),
-      c.facet(EditorState.phrases) !=
-      this.state.facet(EditorState.phrases))
-    )
-      return this.setState(c);
-    (s = ViewUpdate.create(this, c, e)), (s.flags |= $);
-    let v = this.viewState.scrollTarget;
-    try {
-      this.updateState = 2;
-      for (let w of e) {
-        if ((v && (v = v.map(w.changes)), w.scrollIntoView)) {
-          let { main: _ } = w.state.selection;
-          v = new ScrollTarget(
-            _.empty
-              ? _
-              : EditorSelection.cursor(
-                _.head,
-                _.head > _.anchor ? -1 : 1
-              )
-          );
-        }
-        for (let _ of w.effects)
-          _.is(scrollIntoView$1) && (v = _.value);
+export function loopHandleWidget(widgetList, callback) {
+  widgetList &&
+  widgetList.length > 0 &&
+  widgetList.forEach(function (e) {
+    loopHandleWidgetItem(e, null, callback);
+  });
+}
+
+function loopHandleWidgetItem(e, p, callback) {
+  if ("container" === e.category) {
+    callback(e, p);
+    if ("vf-dialog" === e.type || "vf-drawer" === e.type) ;
+    else if ("data-table" === e.type) {
+      if (!!e.widgetList) {
+        e.widgetList.forEach((childItem) => {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
       }
-      this.viewState.update(s, v),
-        (this.bidiCache = CachedOrder.update(
-          this.bidiCache,
-          s.changes
-        )),
-      s.empty ||
-      (this.updatePlugins(s), this.inputState.update(s)),
-        (n = this.docView.update(s)),
-      this.state.facet(styleModule) != this.styleModules &&
-      this.mountStyles(),
-        (l = this.updateAttrs()),
-        this.showAnnouncements(e),
-        this.docView.updateSelection(
-          n,
-          e.some((w) => w.isUserEvent("select.pointer"))
-        );
-    } finally {
-      this.updateState = 0;
-    }
-    if (
-      (s.startState.facet(theme) != s.state.facet(theme) &&
-      (this.viewState.mustMeasureContent = !0),
-      (n ||
-        l ||
-        v ||
-        this.viewState.mustEnforceCursorAssoc ||
-        this.viewState.mustMeasureContent) &&
-      this.requestMeasure(),
-        !s.empty)
-    )
-      for (let w of this.state.facet(updateListener)) w(s);
-    (g || f) &&
-    Promise.resolve().then(() => {
-      g && this.state == g.startState && this.dispatch(g),
-      f &&
-      !applyDOMChange(this, f) &&
-      y.force &&
-      dispatchKey(this.contentDOM, y.key, y.keyCode);
-    });
-  }
-  setState(e) {
-    if (this.updateState != 0)
-      throw new Error(
-        "Calls to EditorView.setState are not allowed while an update is in progress"
-      );
-    if (this.destroyed) {
-      this.viewState.state = e;
-      return;
-    }
-    this.updateState = 2;
-    let n = this.hasFocus;
-    try {
-      for (let l of this.plugins) l.destroy(this);
-      (this.viewState = new ViewState(e)),
-        (this.plugins = e
-          .facet(viewPlugin)
-          .map((l) => new PluginInstance(l))),
-        this.pluginMap.clear();
-      for (let l of this.plugins) l.update(this);
-      (this.docView = new DocView(this)),
-        this.inputState.ensureHandlers(this.plugins),
-        this.mountStyles(),
-        this.updateAttrs(),
-        (this.bidiCache = []);
-    } finally {
-      this.updateState = 0;
-    }
-    n && this.focus(), this.requestMeasure();
-  }
-  updatePlugins(e) {
-    let n = e.startState.facet(viewPlugin),
-      l = e.state.facet(viewPlugin);
-    if (n != l) {
-      let s = [];
-      for (let c of l) {
-        let u = n.indexOf(c);
-        if (u < 0) s.push(new PluginInstance(c));
-        else {
-          let $ = this.plugins[u];
-          ($.mustUpdate = e), s.push($);
-        }
+      if (!!e.buttons) {
+        e.buttons.forEach((childItem) => {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
       }
-      for (let c of this.plugins)
-        c.mustUpdate != e && c.destroy(this);
-      (this.plugins = s), this.pluginMap.clear();
-    } else for (let s of this.plugins) s.mustUpdate = e;
-    for (let s = 0; s < this.plugins.length; s++)
-      this.plugins[s].update(this);
-    n != l && this.inputState.ensureHandlers(this.plugins);
-  }
-  measure(e = !0) {
-    if (this.destroyed) return;
-    if (
-      (this.measureScheduled > -1 &&
-      this.win.cancelAnimationFrame(this.measureScheduled),
-        this.observer.delayedAndroidKey)
-    ) {
-      (this.measureScheduled = -1), this.requestMeasure();
-      return;
-    }
-    (this.measureScheduled = 0), e && this.observer.forceFlush();
-    let n = null,
-      l = this.scrollDOM,
-      s = l.scrollTop * this.scaleY,
-      { scrollAnchorPos: c, scrollAnchorHeight: u } = this.viewState;
-    Math.abs(s - this.viewState.scrollTop) > 1 && (u = -1),
-      (this.viewState.scrollAnchorHeight = -1);
-    try {
-      for (let $ = 0; ; $++) {
-        if (u < 0)
-          if (isScrolledToBottom(l))
-            (c = -1), (u = this.viewState.heightMap.height);
-          else {
-            let _ = this.viewState.scrollAnchorAt(s);
-            (c = _.from), (u = _.top);
-          }
-        this.updateState = 1;
-        let g = this.viewState.measure(this);
-        if (
-          !g &&
-          !this.measureRequests.length &&
-          this.viewState.scrollTarget == null
-        )
-          break;
-        if ($ > 5) {
-          console.warn(
-            this.measureRequests.length
-              ? "Measure loop restarted more than 5 times"
-              : "Viewport failed to stabilize"
-          );
-          break;
-        }
-        let y = [];
-        g & 4 ||
-        ([this.measureRequests, y] = [y, this.measureRequests]);
-        let f = y.map((_) => {
-            try {
-              return _.read(this);
-            } catch (O) {
-              return logException(this.state, O), BadMeasure;
-            }
-          }),
-          v = ViewUpdate.create(this, this.state, []),
-          w = !1;
-        (v.flags |= g),
-          n ? (n.flags |= g) : (n = v),
-          (this.updateState = 2),
-        v.empty ||
-        (this.updatePlugins(v),
-          this.inputState.update(v),
-          this.updateAttrs(),
-          (w = this.docView.update(v)));
-        for (let _ = 0; _ < y.length; _++)
-          if (f[_] != BadMeasure)
-            try {
-              let O = y[_];
-              O.write && O.write(f[_], this);
-            } catch (O) {
-              logException(this.state, O);
-            }
-        if (
-          (w && this.docView.updateSelection(!0),
-          !v.viewportChanged && this.measureRequests.length == 0)
-        ) {
-          if (this.viewState.editorHeight)
-            if (this.viewState.scrollTarget) {
-              this.docView.scrollIntoView(
-                this.viewState.scrollTarget
-              ),
-                (this.viewState.scrollTarget = null);
-              continue;
-            } else {
-              let O =
-                (c < 0
-                  ? this.viewState.heightMap.height
-                  : this.viewState.lineBlockAt(c).top) -
-                u;
-              if (O > 1 || O < -1) {
-                (s = s + O),
-                  (l.scrollTop = s / this.scaleY),
-                  (u = -1);
-                continue;
-              }
-            }
-          break;
-        }
+    } else if ("list-h5" === e.type) {
+      if (!!e.widgetList && e.widgetList.length > 0) {
+        e.widgetList.forEach((childItem) => {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
       }
-    } finally {
-      (this.updateState = 0), (this.measureScheduled = -1);
-    }
-    if (n && !n.empty)
-      for (let $ of this.state.facet(updateListener)) $(n);
-  }
-  get themeClasses() {
-    return (
-      baseThemeID +
-      " " +
-      (this.state.facet(darkTheme) ? baseDarkID : baseLightID) +
-      " " +
-      this.state.facet(theme)
-    );
-  }
-  updateAttrs() {
-    let e = attrsFromFacet(this, editorAttributes, {
-        class:
-          "cm-editor" +
-          (this.hasFocus ? " cm-focused " : " ") +
-          this.themeClasses,
-      }),
-      n = {
-        spellcheck: "false",
-        autocorrect: "off",
-        autocapitalize: "off",
-        translate: "no",
-        contenteditable: this.state.facet(editable)
-          ? "true"
-          : "false",
-        class: "cm-content",
-        style: `${browser.tabSize}: ${this.state.tabSize}`,
-        role: "textbox",
-        "aria-multiline": "true",
-      };
-    this.state.readOnly && (n["aria-readonly"] = "true"),
-      attrsFromFacet(this, contentAttributes, n);
-    let l = this.observer.ignore(() => {
-      let s = updateAttrs(this.contentDOM, this.contentAttrs, n),
-        c = updateAttrs(this.dom, this.editorAttrs, e);
-      return s || c;
-    });
-    return (this.editorAttrs = e), (this.contentAttrs = n), l;
-  }
-  showAnnouncements(e) {
-    let n = !0;
-    for (let l of e)
-      for (let s of l.effects)
-        if (s.is(EditorView.announce)) {
-          n && (this.announceDOM.textContent = ""), (n = !1);
-          let c = this.announceDOM.appendChild(
-            document.createElement("div")
-          );
-          c.textContent = s.value;
-        }
-  }
-  mountStyles() {
-    this.styleModules = this.state.facet(styleModule);
-    let e = this.state.facet(EditorView.cspNonce);
-    StyleModule.mount(
-      this.root,
-      this.styleModules.concat(baseTheme$1$3).reverse(),
-      e ? { nonce: e } : void 0
-    );
-  }
-  readMeasured() {
-    if (this.updateState == 2)
-      throw new Error(
-        "Reading the editor layout isn't allowed during an update"
-      );
-    this.updateState == 0 &&
-    this.measureScheduled > -1 &&
-    this.measure(!1);
-  }
-  requestMeasure(e) {
-    if (
-      (this.measureScheduled < 0 &&
-      (this.measureScheduled = this.win.requestAnimationFrame(
-        () => this.measure()
-      )),
-        e)
-    ) {
-      if (this.measureRequests.indexOf(e) > -1) return;
-      if (e.key != null) {
-        for (let n = 0; n < this.measureRequests.length; n++)
-          if (this.measureRequests[n].key === e.key) {
-            this.measureRequests[n] = e;
-            return;
-          }
+    } else if ("grid" === e.type) {
+      e.cols &&
+      e.cols.length > 0 &&
+      e.cols.forEach(function (childItem) {
+        loopHandleWidgetItem(childItem, e, callback);
+      });
+    } else if ("table" === e.type) {
+      e.rows &&
+      e.rows.length > 0 &&
+      e.rows.forEach(function (rowItem) {
+        rowItem.cols &&
+        rowItem.cols.length > 0 &&
+        rowItem.cols.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      });
+    } else if ("h5-table" === e.type) {
+      e.rows &&
+      e.rows.length > 0 &&
+      e.rows.forEach(function (rowItem) {
+        rowItem.cols &&
+        rowItem.cols.length > 0 &&
+        rowItem.cols.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      });
+    } else if ("tab" === e.type) {
+      e.tabs &&
+      e.tabs.length > 0 &&
+      e.tabs.forEach(function (tabItem) {
+        tabItem.widgetList &&
+        tabItem.widgetList.length > 0 &&
+        tabItem.widgetList.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      });
+    } else if ("detail" === e.type) {
+      if (e.panes) {
+        e.panes.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
       }
-      this.measureRequests.push(e);
+      if (e.widgetList) {
+        e.widgetList.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      }
+    } else if ("detail-pane" === e.type) {
+      if (e.widgetList) {
+        e.widgetList.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      }
+      if (e.buttonWidgetList) {
+        e.buttonWidgetList.forEach(function (childItem) {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      }
+    } else {
+      "grid-col" === e.type || e.type,
+      e.widgetList &&
+      e.widgetList.length > 0 &&
+      e.widgetList.forEach(function (childItem) {
+        loopHandleWidgetItem(childItem, e, callback);
+      });
     }
-  }
-  plugin(e) {
-    let n = this.pluginMap.get(e);
-    return (
-      (n === void 0 || (n && n.spec != e)) &&
-      this.pluginMap.set(
-        e,
-        (n = this.plugins.find((l) => l.spec == e) || null)
-      ),
-      n && n.update(this).value
-    );
-  }
-  get documentTop() {
-    return (
-      this.contentDOM.getBoundingClientRect().top +
-      this.viewState.paddingTop
-    );
-  }
-  get documentPadding() {
-    return {
-      top: this.viewState.paddingTop,
-      bottom: this.viewState.paddingBottom,
-    };
-  }
-  get scaleX() {
-    return this.viewState.scaleX;
-  }
-  get scaleY() {
-    return this.viewState.scaleY;
-  }
-  elementAtHeight(e) {
-    return this.readMeasured(), this.viewState.elementAtHeight(e);
-  }
-  lineBlockAtHeight(e) {
-    return this.readMeasured(), this.viewState.lineBlockAtHeight(e);
-  }
-  get viewportLineBlocks() {
-    return this.viewState.viewportLines;
-  }
-  lineBlockAt(e) {
-    return this.viewState.lineBlockAt(e);
-  }
-  get contentHeight() {
-    return this.viewState.contentHeight;
-  }
-  moveByChar(e, n, l) {
-    return skipAtoms(this, e, moveByChar(this, e, n, l));
-  }
-  moveByGroup(e, n) {
-    return skipAtoms(
-      this,
-      e,
-      moveByChar(this, e, n, (l) => byGroup(this, e.head, l))
-    );
-  }
-  moveToLineBoundary(e, n, l = !0) {
-    return moveToLineBoundary(this, e, n, l);
-  }
-  moveVertically(e, n, l) {
-    return skipAtoms(this, e, moveVertically(this, e, n, l));
-  }
-  domAtPos(e) {
-    return this.docView.domAtPos(e);
-  }
-  posAtDOM(e, n = 0) {
-    return this.docView.posFromDOM(e, n);
-  }
-  posAtCoords(e, n = !0) {
-    return this.readMeasured(), posAtCoords(this, e, n);
-  }
-  coordsAtPos(e, n = 1) {
-    this.readMeasured();
-    let l = this.docView.coordsAt(e, n);
-    if (!l || l.left == l.right) return l;
-    let s = this.state.doc.lineAt(e),
-      c = this.bidiSpans(s),
-      u = c[BidiSpan.find(c, e - s.from, -1, n)];
-    return flattenRect(l, (u.dir == Direction.LTR) == n > 0);
-  }
-  coordsForChar(e) {
-    return this.readMeasured(), this.docView.coordsForChar(e);
-  }
-  get defaultCharacterWidth() {
-    return this.viewState.heightOracle.charWidth;
-  }
-  get defaultLineHeight() {
-    return this.viewState.heightOracle.lineHeight;
-  }
-  get textDirection() {
-    return this.viewState.defaultTextDirection;
-  }
-  textDirectionAt(e) {
-    return !this.state.facet(perLineTextDirection) ||
-    e < this.viewport.from ||
-    e > this.viewport.to
-      ? this.textDirection
-      : (this.readMeasured(), this.docView.textDirectionAt(e));
-  }
-  get lineWrapping() {
-    return this.viewState.heightOracle.lineWrapping;
-  }
-  bidiSpans(e) {
-    if (e.length > MaxBidiLine) return trivialOrder(e.length);
-    let n = this.textDirectionAt(e.from),
-      l;
-    for (let c of this.bidiCache)
-      if (
-        c.from == e.from &&
-        c.dir == n &&
-        (c.fresh ||
-          isolatesEq(
-            c.isolates,
-            (l = getIsolatedRanges(this, e.from, e.to))
-          ))
-      )
-        return c.order;
-    l || (l = getIsolatedRanges(this, e.from, e.to));
-    let s = computeOrder(e.text, n, l);
-    return (
-      this.bidiCache.push(new CachedOrder(e.from, e.to, n, l, !0, s)),
-        s
-    );
-  }
-  get hasFocus() {
-    var e;
-    return (
-      (this.dom.ownerDocument.hasFocus() ||
-        (browser.safari &&
-          ((e = this.inputState) === null || e === void 0
-            ? void 0
-            : e.lastContextMenu) >
-          Date.now() - 3e4)) &&
-      this.root.activeElement == this.contentDOM
-    );
-  }
-  focus() {
-    this.observer.ignore(() => {
-      focusPreventScroll(this.contentDOM),
-        this.docView.updateSelection();
-    });
-  }
-  setRoot(e) {
-    this._root != e &&
-    ((this._root = e),
-      this.observer.setWindow(
-        (e.nodeType == 9 ? e : e.ownerDocument).defaultView ||
-        window
-      ),
-      this.mountStyles());
-  }
-  destroy() {
-    for (let e of this.plugins) e.destroy(this);
-    (this.plugins = []),
-      this.inputState.destroy(),
-      this.dom.remove(),
-      this.observer.destroy(),
-    this.measureScheduled > -1 &&
-    this.win.cancelAnimationFrame(this.measureScheduled),
-      (this.destroyed = !0);
-  }
-  static scrollIntoView(e, n = {}) {
-    return scrollIntoView$1.of(
-      new ScrollTarget(
-        typeof e == "number" ? EditorSelection.cursor(e) : e,
-        n.y,
-        n.x,
-        n.yMargin,
-        n.xMargin
-      )
-    );
-  }
-  static domEventHandlers(e) {
-    return ViewPlugin.define(() => ({}), { eventHandlers: e });
-  }
-  static domEventObservers(e) {
-    return ViewPlugin.define(() => ({}), { eventObservers: e });
-  }
-  static theme(e, n) {
-    let l = StyleModule.newName(),
-      s = [theme.of(l), styleModule.of(buildTheme(`.${l}`, e))];
-    return n && n.dark && s.push(darkTheme.of(!0)), s;
-  }
-  static baseTheme(e) {
-    return Prec.lowest(
-      styleModule.of(buildTheme("." + baseThemeID, e, lightDarkIDs))
-    );
-  }
-  static findFromDOM(e) {
-    var n;
-    let l = e.querySelector(".cm-content"),
-      s = (l && ContentView.get(l)) || ContentView.get(e);
-    return (
-      ((n = s == null ? void 0 : s.rootView) === null || n === void 0
-        ? void 0
-        : n.view) || null
-    );
+  } else {
+    callback && callback(e);
   }
 }
-(EditorView.styleModule = styleModule),
-  (EditorView.inputHandler = inputHandler$1),
-  (EditorView.focusChangeEffect = focusChangeEffect),
-  (EditorView.perLineTextDirection = perLineTextDirection),
-  (EditorView.exceptionSink = exceptionSink),
-  (EditorView.updateListener = updateListener),
-  (EditorView.editable = editable),
-  (EditorView.mouseSelectionStyle = mouseSelectionStyle),
-  (EditorView.dragMovesSelection = dragMovesSelection$1),
-  (EditorView.clickAddsSelectionRange = clickAddsSelectionRange),
-  (EditorView.decorations = decorations),
-  (EditorView.atomicRanges = atomicRanges),
-  (EditorView.bidiIsolatedRanges = bidiIsolatedRanges),
-  (EditorView.scrollMargins = scrollMargins),
-  (EditorView.darkTheme = darkTheme),
-  (EditorView.cspNonce = Facet.define({
-    combine: (o) => (o.length ? o[0] : ""),
-  })),
-  (EditorView.contentAttributes = contentAttributes),
-  (EditorView.editorAttributes = editorAttributes),
-  (EditorView.lineWrapping = EditorView.contentAttributes.of({
-    class: "cm-lineWrapping",
-  })),
-  (EditorView.announce = StateEffect.define());*/
+
 //end