@ibiz-template/vue3-components 0.7.26-alpha.2 → 0.7.26

package/es/control/dashboard/custom-dashboard-container/custom-dashboard-container.mjs

@@ -30,7 +30,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     const clickCollapse = (type) => {
       showTypeDir.value = type === "left";
     };
-    const getPortletByCodeName = (codeName) => {
+    const getPortletModelByCodeName = (codeName) => {
       const app = ibiz.hub.getApp(ibiz.env.appId);
       if (app.model.appPortlets) {
         const appPortlet = app.model.appPortlets.find((portlet) => {
@@ -42,15 +42,25 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const convertData = (models) => {
+    const getPortletModel = async (data) => {
+      if (data.dynamodelFlag) {
+        if (data.portletModel) {
+          return data.portletModel;
+        }
+        const dynaPortlet = await props.dashboard.loadDynaPortletById(data.portletId);
+        return dynaPortlet;
+      }
+      return getPortletModelByCodeName(data.portletCodeName);
+    };
+    const convertData = async (models) => {
       const tempModelDatas = [];
       if (models.length > 0) {
-        models.forEach((item) => {
-          const temModelData = getPortletByCodeName(item.portletCodeName);
+        for (let i = 0; i < models.length; i++) {
+          const temModelData = await getPortletModel(models[i]);
           if (temModelData) {
             tempModelDatas.push(temModelData);
           }
-        });
+        }
       }
       return tempModelDatas;
     };
@@ -60,7 +70,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     };
     const onSaved = async (args) => {
       isShowDesign.value = false;
-      const tempModelDatas = convertData(args.model);
+      const tempModelDatas = await convertData(args.model);
       await handleCustomModelChange({
         model: tempModelDatas,
         config: args.config
@@ -82,7 +92,7 @@ const CustomDashboardContainer = /* @__PURE__ */ defineComponent({
     });
     onMounted(async () => {
       const response = await customC.loadCustomModelData();
-      const tempModelDatas = convertData(response.model);
+      const tempModelDatas = await convertData(response.model);
       emit("changed", {
         model: tempModelDatas
       });

package/es/control/dashboard/dashboard-design/dashboard-design.d.ts

@@ -4,6 +4,7 @@ import { PropType, Ref } from 'vue';
 import './dashboard-design.scss';
 interface IPortletList {
     type: string;
+    portletId?: string;
     portletCodeName: string;
     portletName: string;
     portletImage?: ISysImage;
@@ -11,6 +12,12 @@ interface IPortletList {
     groupName: string;
     appCodeName: string;
     appName: string;
+    dynamodelFlag?: number;
+}
+interface IList {
+    type: string;
+    name: string;
+    children: IData[];
 }
 export declare const DashboardDesign: import("vue").DefineComponent<{
     dashboard: {
@@ -28,37 +35,8 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     customC: CustomDashboardController;
-    portlets: Ref<{
-        type: string;
-        portletCodeName: string;
-        portletName: string;
-        portletImage?: {
-            codeName?: string | undefined;
-            cssClass?: string | undefined;
-            cssClassX?: string | undefined;
-            glyph?: string | undefined;
-            height?: number | undefined;
-            imagePath?: string | undefined;
-            imagePathX?: string | undefined;
-            rawContent?: string | undefined;
-            width?: number | undefined;
-            appId: string;
-            id?: string | undefined;
-            name?: string | undefined;
-            userParam?: Record<string, string> | undefined;
-            modelId?: string | undefined;
-            modelType?: string | undefined;
-        } | undefined;
-        groupCodeName: string;
-        groupName: string;
-        appCodeName: string;
-        appName: string;
-    }[]>;
-    list: Ref<{
-        type: string;
-        name: string;
-        children: IData[];
-    }[]>;
+    portlets: Ref<IPortletList[]>;
+    list: Ref<IList[]>;
     groups: Ref<IData[]>;
     filterVal: Ref<string>;
     defaultOpens: import("vue").ComputedRef<string[]>;
@@ -76,9 +54,9 @@ export declare const DashboardDesign: import("vue").DefineComponent<{
     portletControllers: Ref<{
         [key: string]: IPortletController;
     }>;
-    getPortletByCodeName: (codeName: string) => IDBPortletPart | undefined;
     maskSize: import("vue").ComputedRef<string>;
     designPanel: Ref<Element | null>;
+    getPortletModelByCodeName: (tag: string) => IDBPortletPart | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "saved")[], "reset" | "saved", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dashboard: {
         type: PropType<DashboardController>;

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -29,10 +29,20 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("dashboard-design");
+    const c = props.dashboard;
     const customC = props.customDashboard;
-    const filterData = (list2) => {
+    const portlets = ref([]);
+    const list = ref([]);
+    const groups = ref([]);
+    const filterVal = ref("");
+    const layoutModel = ref(clone(customC.customModelData));
+    const layoutConfig = ref(clone(customC.portletConfig));
+    const providers = ref({});
+    const portletControllers = ref({});
+    const designPanel = ref(null);
+    const filterData = (list1) => {
       const items = [];
-      list2.forEach((data) => {
+      list1.forEach((data) => {
         var _a;
         if (Object.is(data.type, "app")) {
           items.push(data);
@@ -96,10 +106,26 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       });
       return items;
     };
-    const prepareData = () => {
-      const list2 = [];
+    const prepareData = async () => {
+      const list3 = [];
       const app = ibiz.hub.getApp(ibiz.env.appId);
-      if (app.model.appPortletCats && app.model.appPortlets) {
+      if (c.enableDynamic) {
+        const dynamicPortlets = await c.loadAllDynaPortlet();
+        dynamicPortlets == null ? void 0 : dynamicPortlets.forEach((portlet) => {
+          const temp = {
+            type: "app",
+            dynamodelFlag: 1,
+            portletId: portlet.psappportletid,
+            portletCodeName: portlet.codename,
+            portletName: portlet.psappportletname,
+            groupCodeName: "Ungroup",
+            groupName: "\u672A\u5206\u7C7B",
+            appCodeName: app.model.pkgcodeName,
+            appName: app.model.name
+          };
+          list3.push(temp);
+        });
+      } else if (app.model.appPortletCats && app.model.appPortlets) {
         const isDEView = customC.model.appDataEntityId;
         const categoryTag = props.dashboard.controlParams.categorytag;
         app.model.appPortlets.forEach((portlet) => {
@@ -129,28 +155,14 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
             appCodeName: portlet.appDataEntityId || app.model.pkgcodeName,
             appName: app.model.name
           };
-          list2.push(temp);
+          list3.push(temp);
         });
       }
-      const datas = filterData(list2);
-      const result2 = prepareList(datas);
-      const groups2 = prepareGroup(datas);
-      return {
-        portlets: datas,
-        list: result2.reverse(),
-        groups: groups2
-      };
+      const datas = filterData(list3);
+      portlets.value = datas;
+      list.value = prepareList(datas).reverse();
+      groups.value = prepareGroup(datas);
     };
-    const result = prepareData();
-    const portlets = ref(result.portlets);
-    const list = ref(result.list);
-    const groups = ref(result.groups);
-    const filterVal = ref("");
-    const layoutModel = ref(clone(customC.customModelData));
-    const layoutConfig = ref(clone(customC.portletConfig));
-    const providers = ref({});
-    const portletControllers = ref({});
-    const designPanel = ref(null);
     const defaultOpens = computed(() => {
       let tempOpens = [];
       if (filterVal.value) {
@@ -186,41 +198,59 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const getPortletByCodeName = (codeName) => {
+    const getPortletModelByCodeName = (tag) => {
       const app = ibiz.hub.getApp(ibiz.env.appId);
       if (app.model.appPortlets) {
         const appPortlet = app.model.appPortlets.find((portlet) => {
           var _a;
-          return ((_a = portlet.control) == null ? void 0 : _a.codeName) === codeName;
+          return ((_a = portlet.control) == null ? void 0 : _a.codeName) === tag;
         });
         if (appPortlet) {
           return appPortlet.control;
         }
       }
     };
-    const convertData = (models) => {
+    const getPortletModel = async (data) => {
+      if (data.dynamodelFlag) {
+        if (data.portletModel) {
+          return data.portletModel;
+        }
+        const dynaPortlet = await c.loadDynaPortletById(data.portletId);
+        return dynaPortlet;
+      }
+      return getPortletModelByCodeName(data.portletCodeName);
+    };
+    const convertData = async (models) => {
       const tempModelDatas = [];
       if (models.length > 0) {
-        models.forEach((item) => {
-          const temModelData = getPortletByCodeName(item.portletCodeName);
+        for (let i = 0; i < models.length; i++) {
+          const temModelData = await getPortletModel(models[i]);
           if (temModelData) {
             tempModelDatas.push(temModelData);
           }
-        });
+        }
       }
       return tempModelDatas;
     };
-    const preparePortlet = async () => {
-      const tempModelDatas = convertData(layoutModel.value);
+    const preparePortlet = async (data) => {
+      const tempModelDatas = await convertData(data);
       await initPortlets(tempModelDatas);
       await initPortletsConfig();
+      return tempModelDatas;
     };
     watch(() => props.isShowDesign, async (newVal) => {
       if (newVal) {
+        await prepareData();
         const res = await customC.loadCustomModelData();
-        layoutModel.value = clone(res.model);
+        const model = clone(res.model);
+        const tempModelDatas = await preparePortlet(model);
+        layoutModel.value = model;
+        layoutModel.value.forEach((item, index) => {
+          if (item.dynamodelFlag) {
+            item.portletModel = tempModelDatas[index];
+          }
+        });
         layoutConfig.value = clone(res.config);
-        await preparePortlet();
       }
     }, {
       immediate: true
@@ -246,7 +276,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       const index = layoutModel.value.indexOf(child);
       if (index !== -1) {
         layoutModel.value.splice(index, 1);
-        const temModelData = getPortletByCodeName(child.portletCodeName);
+        const temModelData = await getPortletModel(child);
         if (temModelData) {
           const controller = portletControllers.value[temModelData.id];
           await controller.destroyed();
@@ -255,6 +285,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
     };
     const lastScrollHeight = ref(0);
     const addLayoutItem = async (child) => {
+      const tempModelDatas = await preparePortlet([child]);
       const element = designPanel.value;
       if (element) {
         lastScrollHeight.value = element.scrollHeight + 3 * customC.layoutRowH;
@@ -265,15 +296,20 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
           maxY = obj.y;
         }
       }
-      layoutModel.value.push({
+      const tempItemModel = {
         w: 4,
         h: 3,
         x: 0,
         y: maxY + 3,
         i: child.portletCodeName,
         ...child
-      });
-      await preparePortlet();
+      };
+      if (child.dynamodelFlag) {
+        Object.assign(tempItemModel, {
+          portletModel: tempModelDatas[0]
+        });
+      }
+      layoutModel.value.push(tempItemModel);
       if (element) {
         const intervalId = setInterval(() => {
           if (element.scrollHeight >= lastScrollHeight.value) {
@@ -319,9 +355,9 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       isDisabled,
       providers,
       portletControllers,
-      getPortletByCodeName,
       maskSize,
-      designPanel
+      designPanel,
+      getPortletModelByCodeName
     };
   },
   render() {
@@ -390,23 +426,24 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
       });
     };
     const renderPortlet = (item) => {
-      const portletModel = this.getPortletByCodeName(item.portletCodeName);
-      if (portletModel) {
-        const provider = this.providers[portletModel.id];
-        const controller = this.portletControllers[portletModel.id];
-        const commonProps = {
-          modelData: portletModel,
-          controller
-        };
-        if (!provider) {
-          return createVNode("div", null, [portletModel.portletType, ibiz.i18n.t("app.noSupport")]);
-        }
-        const providerComp = resolveComponent(provider.component);
-        return h(providerComp, {
-          ...commonProps,
-          key: portletModel.id
-        });
+      const portletModel = item.dynamodelFlag ? item.portletModel : this.getPortletModelByCodeName(item.portletCodeName);
+      if (!portletModel) {
+        return null;
+      }
+      const provider = this.providers[portletModel.id];
+      const controller = this.portletControllers[portletModel.id];
+      const commonProps = {
+        modelData: portletModel,
+        controller
+      };
+      if (!provider) {
+        return createVNode("div", null, [portletModel.portletType, ibiz.i18n.t("app.noSupport")]);
       }
+      const providerComp = resolveComponent(provider.component);
+      return h(providerComp, {
+        ...commonProps,
+        key: portletModel.id
+      });
     };
     return createVNode("div", {
       "class": this.ns.b()

package/es/control/drtab/drtab-control.util.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, watchEffect, onUnmounted } from 'vue';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.25_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.26_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 
 "use strict";
 function useAppDRTab(c, controlRef, counterData) {

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.d.ts

@@ -708,6 +708,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                                     } | undefined;
                                     tag?: string | undefined;
+                                    uniqueTag?: string | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -1565,6 +1566,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                                 } | undefined;
                                 tag?: string | undefined;
+                                uniqueTag?: string | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -2095,6 +2097,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                         } | undefined;
                         tag?: string | undefined;
+                        uniqueTag?: string | undefined;
                         appId: string;
                         id?: string | undefined;
                         name?: string | undefined;
@@ -2775,6 +2778,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                                     } | undefined;
                                     tag?: string | undefined;
+                                    uniqueTag?: string | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -3935,6 +3939,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                                 } | undefined;
                                 tag?: string | undefined;
+                                uniqueTag?: string | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -4705,6 +4710,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                                     } | undefined;
                                     tag?: string | undefined;
+                                    uniqueTag?: string | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -5562,6 +5568,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                                 } | undefined;
                                 tag?: string | undefined;
+                                uniqueTag?: string | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -6092,6 +6099,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                         } | undefined;
                         tag?: string | undefined;
+                        uniqueTag?: string | undefined;
                         appId: string;
                         id?: string | undefined;
                         name?: string | undefined;
@@ -6772,6 +6780,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                                     } | undefined;
                                     tag?: string | undefined;
+                                    uniqueTag?: string | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -7204,6 +7213,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                     } | undefined;
                     tag?: string | undefined;
+                    uniqueTag?: string | undefined;
                     appId: string;
                     id?: string | undefined;
                     name?: string | undefined;
@@ -8191,6 +8201,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                                     } | undefined;
                                     tag?: string | undefined;
+                                    uniqueTag?: string | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -8961,6 +8972,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                                         } | undefined;
                                         tag?: string | undefined;
+                                        uniqueTag?: string | undefined;
                                         appId: string;
                                         id?: string | undefined;
                                         name?: string | undefined;
@@ -9782,6 +9794,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                                     } | undefined;
                                     tag?: string | undefined;
+                                    uniqueTag?: string | undefined;
                                     appId: string;
                                     id?: string | undefined;
                                     name?: string | undefined;
@@ -10312,6 +10325,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                 propertyIsEnumerable: (v: PropertyKey) => boolean;
                             } | undefined;
                             tag?: string | undefined;
+                            uniqueTag?: string | undefined;
                             appId: string;
                             id?: string | undefined;
                             name?: string | undefined;
@@ -10992,6 +11006,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                                         } | undefined;
                                         tag?: string | undefined;
+                                        uniqueTag?: string | undefined;
                                         appId: string;
                                         id?: string | undefined;
                                         name?: string | undefined;
@@ -11400,6 +11415,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                         } | undefined;
                         tag?: string | undefined;
+                        uniqueTag?: string | undefined;
                         appId: string;
                         id?: string | undefined;
                         name?: string | undefined;
@@ -11964,6 +11980,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                                 } | undefined;
                                 tag?: string | undefined;
+                                uniqueTag?: string | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -12821,6 +12838,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                 propertyIsEnumerable: (v: PropertyKey) => boolean;
                             } | undefined;
                             tag?: string | undefined;
+                            uniqueTag?: string | undefined;
                             appId: string;
                             id?: string | undefined;
                             name?: string | undefined;
@@ -13351,6 +13369,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                         propertyIsEnumerable: (v: PropertyKey) => boolean;
                     } | undefined;
                     tag?: string | undefined;
+                    uniqueTag?: string | undefined;
                     appId: string;
                     id?: string | undefined;
                     name?: string | undefined;
@@ -14031,6 +14050,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                                 } | undefined;
                                 tag?: string | undefined;
+                                uniqueTag?: string | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -15276,6 +15296,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                 propertyIsEnumerable: (v: PropertyKey) => boolean;
                             } | undefined;
                             tag?: string | undefined;
+                            uniqueTag?: string | undefined;
                             appId: string;
                             id?: string | undefined;
                             name?: string | undefined;
@@ -16283,6 +16304,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                                 } | undefined;
                                 tag?: string | undefined;
+                                uniqueTag?: string | undefined;
                                 appId: string;
                                 id?: string | undefined;
                                 name?: string | undefined;
@@ -17147,6 +17169,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                             propertyIsEnumerable: (v: PropertyKey) => boolean;
                         } | undefined;
                         tag?: string | undefined;
+                        uniqueTag?: string | undefined;
                         appId: string;
                         id?: string | undefined;
                         name?: string | undefined;
@@ -17687,6 +17710,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                 } | undefined;
                 tag?: string | undefined;
+                uniqueTag?: string | undefined;
                 appId: string;
                 id?: string | undefined;
                 name?: string | undefined;
@@ -18367,6 +18391,7 @@ export declare const RepeaterGrid: import("vue").DefineComponent<{
                                 propertyIsEnumerable: (v: PropertyKey) => boolean;
                             } | undefined;
                             tag?: string | undefined;
+                            uniqueTag?: string | undefined;
                             appId: string;
                             id?: string | undefined;
                             name?: string | undefined;

package/es/control/form/form-detail/form-mdctrl/mdctrl-container2/mdctrl-container2.mjs

@@ -107,6 +107,7 @@ const MDCtrlContainer2 = /* @__PURE__ */ defineComponent({
     };
     const handleDragEnd = () => {
       draggingKey.value = "";
+      props.controller.updateData();
       updateArrowVisible();
     };
     return {

package/es/control/grid/grid/grid-control.util.d.ts

@@ -74,6 +74,14 @@ export declare function useAppGridBase(c: GridController, props: IGridProps): {
         columns: TableColumnCtx<IData>[];
         data: IData[];
     }) => string[];
+    spanMethod: ({ row, column, rowIndex, columnIndex, }: {
+        row: IData;
+        column: IData;
+        rowIndex: number;
+        columnIndex: number;
+    }) => IData | void;
+    cellMouseEnter: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
+    cellMouseLeave: (row: IData, column: IData, cell: HTMLTableCellElement, event: Event) => void;
 };
 /**
  * 监听表格头部高度变化，计算css变量