cnhis-design-vue 3.1.21-beta.1 → 3.1.21-beta.10

package/README.md

@@ -1,123 +1,123 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式 1(按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式 2(全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3. 注意
-
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
-        }
-      }
-    }
-  }
-});
-```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式 1(按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式 2(全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3. 注意
+
+由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import { CGrid } from 'cnhis-design-vue';
+// 或者
+import { CBigTable } from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(CGrid);
+// 或者
+app.use(CBigTable);
+app.mount('#app');
+```
+
+## 4.FAQ
+
+### 4.1 项目打包后样式丢失
+
+> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  rollupOptions: {
+    // ..otherOptions
+    output: {
+      dir: './dist',
+      manualChunks(id: string) {
+        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
+          return 'vendor';
+        }
+      }
+    }
+  }
+});
+```
+
+### 4.2 找不到文件
+
+> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
+
+```javascript
+// vite.config.ts
+const config = {
+  // ...otherOptions
+  resolve: {
+    // ...otherOptions
+    // 如果没有配置, 则不用考虑
+    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
+  }
+};
+```

package/es/components/big-table/index.d.ts

@@ -200,7 +200,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
 }, {
@@ -547,12 +547,15 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         resetInlineBatchEdit: FunctionConstructor;
         resetBatchEditRowStatus: FunctionConstructor;
         anchor: {
-            type: ArrayConstructor;
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
             default: () => never[];
         };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | undefined;
     }>>;
+    attr: {
+        [x: string]: unknown;
+    };
     formatData: (data?: {
         tableList: any[];
         fieldList: any[];
@@ -579,6 +582,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         'border-color': any;
         color?: undefined;
     };
+    getAttr: (field: string) => any;
     imgs2imgArr: (imgs: any) => any;
     parseDurationValue: (v: any, duration: any) => string | undefined;
     parseCombinationValue: (value: any, setting: any) => any;
@@ -599,11 +603,12 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         rowIndex: any;
     };
     deleteRow: (row: any, col: any, index: number) => void;
-    onFormChange: ({ value, row, column, index }: {
+    onFormChange: ({ value, row, column, index, type }: {
         value: string | number | null;
         row: any;
         column: any;
         index: number;
+        type?: string | undefined;
     }) => void;
     getDefaultValue: (params: any, item: any) => any;
     isAboutNestTable: import("vue").ComputedRef<any>;
@@ -621,9 +626,6 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         $event: KeyboardEvent;
     }) => void;
     scroll: (params: any) => void;
-    attr: {
-        [x: string]: unknown;
-    };
     currentCheckedKeys: import("vue").ComputedRef<never[]>;
     visibleCancelCheckAllBtn: import("vue").ComputedRef<boolean>;
     singleCheckedKey: import("vue").ComputedRef<string>;
@@ -701,7 +703,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     handleFilterChangeAll: (val: any, field: any) => void;
     handleFilterChange: (value: any, name: any, field: any) => void;
     handleFilterSearchChange: (value: any, columnName: any, field: any) => void;
-    handleFilterClearAll: (field: any) => void;
+    handleFilterClearAll: (columnName: any) => false | undefined;
     handleCancelFilter: () => void;
     mergeQuickSearchConfig: (filterFields: any, props: any) => void;
     handleFilter: (field: any) => void;
@@ -713,7 +715,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     setGroupTreeExpand: () => void;
     resetTableInlineEditStatus: () => false | undefined;
     renderAnnotation: (columnConfig: import("../../../es/shared/types").AnyObject) => JSX.Element | null;
-    toolTipTitle: (item: any, type: any) => any[] | (() => any[]);
+    toolTipTitle: (item: any, type: any) => any[] | (() => any);
     triggerExpand: (e: any, isExpand: any) => void;
     getOtherConfigInit: () => any;
     refreshTable: () => void;
@@ -1116,13 +1118,13 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
 }>> & {
     [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
-    anchor: unknown[];
+    anchor: import("../../../es/shared/types").AnyObject[];
     data: unknown[];
     showFooter: boolean;
     columnConfig: Record<string, any>;

package/es/components/big-table/src/BigTable.vue.d.ts

@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../shared/types").AnyObject[]>;
         default: () => never[];
     };
 }, {
@@ -545,12 +545,15 @@ declare const _default: import("vue").DefineComponent<{
         resetInlineBatchEdit: FunctionConstructor;
         resetBatchEditRowStatus: FunctionConstructor;
         anchor: {
-            type: ArrayConstructor;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject[]>;
             default: () => never[];
         };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | undefined;
     }>>;
+    attr: {
+        [x: string]: unknown;
+    };
     formatData: (data?: {
         tableList: any[];
         fieldList: any[];
@@ -577,6 +580,7 @@ declare const _default: import("vue").DefineComponent<{
         'border-color': any;
         color?: undefined;
     };
+    getAttr: (field: string) => any;
     imgs2imgArr: (imgs: any) => any;
     parseDurationValue: (v: any, duration: any) => string | undefined;
     parseCombinationValue: (value: any, setting: any) => any;
@@ -597,11 +601,12 @@ declare const _default: import("vue").DefineComponent<{
         rowIndex: any;
     };
     deleteRow: (row: any, col: any, index: number) => void;
-    onFormChange: ({ value, row, column, index }: {
+    onFormChange: ({ value, row, column, index, type }: {
         value: string | number | null;
         row: any;
         column: any;
         index: number;
+        type?: string | undefined;
     }) => void;
     getDefaultValue: (params: any, item: any) => any;
     isAboutNestTable: import("vue").ComputedRef<any>;
@@ -619,9 +624,6 @@ declare const _default: import("vue").DefineComponent<{
         $event: KeyboardEvent;
     }) => void;
     scroll: (params: any) => void;
-    attr: {
-        [x: string]: unknown;
-    };
     currentCheckedKeys: import("vue").ComputedRef<never[]>;
     visibleCancelCheckAllBtn: import("vue").ComputedRef<boolean>;
     singleCheckedKey: import("vue").ComputedRef<string>;
@@ -699,7 +701,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFilterChangeAll: (val: any, field: any) => void;
     handleFilterChange: (value: any, name: any, field: any) => void;
     handleFilterSearchChange: (value: any, columnName: any, field: any) => void;
-    handleFilterClearAll: (field: any) => void;
+    handleFilterClearAll: (columnName: any) => false | undefined;
     handleCancelFilter: () => void;
     mergeQuickSearchConfig: (filterFields: any, props: any) => void;
     handleFilter: (field: any) => void;
@@ -711,7 +713,7 @@ declare const _default: import("vue").DefineComponent<{
     setGroupTreeExpand: () => void;
     resetTableInlineEditStatus: () => false | undefined;
     renderAnnotation: (columnConfig: import("../../../shared/types").AnyObject) => JSX.Element | null;
-    toolTipTitle: (item: any, type: any) => any[] | (() => any[]);
+    toolTipTitle: (item: any, type: any) => any[] | (() => any);
     triggerExpand: (e: any, isExpand: any) => void;
     getOtherConfigInit: () => any;
     refreshTable: () => void;
@@ -1114,13 +1116,13 @@ declare const _default: import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../shared/types").AnyObject[]>;
         default: () => never[];
     };
 }>> & {
     [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
-    anchor: unknown[];
+    anchor: import("../../../shared/types").AnyObject[];
     data: unknown[];
     showFooter: boolean;
     columnConfig: Record<string, any>;

package/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, nextTick, createVNode, h, resolveComponent, Teleport, createTextVNode, watch, openBlock, createElementBlock, Fragment, createBlock, unref, withCtx, renderList, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, mergeProps, renderSlot, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
-import { isArray, isFunction } from 'lodash-es';
+import { isFunction, isArray } from 'lodash-es';
 import bigTableState from './bigTableState2.js';
 import bigTableProps from './bigTableProps2.js';
 import bigTableEmits from './bigTableEmits2.js';
@@ -57,11 +57,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const xGrid = ref({});
     const copyState = XEUtils.clone(bigTableState, true);
     const state = reactive(copyState);
+    const attr = useAttrs();
     const {
       formatData,
       htmlToText,
-      getBtnStyle
-    } = useFormat(state);
+      getBtnStyle,
+      getAttr
+    } = useFormat(state, attr);
     const {
       imgs2imgArr,
       parseDurationValue,
@@ -104,7 +106,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       keyDown,
       scroll
     } = useEvent(props, state, emit, xGrid, anchorEvent);
-    const attr = useAttrs();
     const currentCheckedKeys = computed(() => {
       var _a;
       return ((_a = state.checkedRows) == null ? void 0 : _a.map((row) => row[props.primaryKey])) || [];
@@ -433,8 +434,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         let filterField = false;
         let filterItems = [];
         try {
-          const fieldSetting = JSON.parse(item.fieldSetting);
-          filterField = ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
+          const fieldSetting = JSON.parse(item.fieldSetting || "{}");
+          let notParticipatingSearch = (fieldSetting == null ? void 0 : fieldSetting.notParticipatingSearch) || "";
+          filterField = notParticipatingSearch != 1 && ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
           filterItems = (_c2 = (_b2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _b2.mappingFiled) == null ? void 0 : _c2.map((item2) => item2.value[0]);
         } catch (e) {
         }
@@ -831,7 +833,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u62E9"), field.CONVERT.length, createTextVNode("\u9879")]), createVNode(NButton, {
             "class": "checkbox-btn checkbox-btn-clear",
             "text": true,
-            "onClick": () => handleFilterClearAll(field)
+            "onClick": () => handleFilterClearAll(item.columnName)
           }, {
             default: () => [createTextVNode("\u6E05\u7A7A")]
           })]) : null, createVNode("div", null, [createVNode(NButton, {
@@ -911,7 +913,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       field.searchFilterCONVERT = value;
       _beforeSearchConvert = XEUtils.clone(value, true);
     };
-    const handleFilterClearAll = (field) => {
+    const handleFilterClearAll = (columnName) => {
+      const field = state.filterFields[columnName];
+      if (!field)
+        return false;
       field.indeterminate = false;
       field.checkAll = false;
       state.filterFields[field.columnName].CONVERT = [];
@@ -970,6 +975,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (name && tooltipTitle && name !== tooltipTitle) {
         isAlias = !!tooltipTitle;
       }
+      if (isFunction(item.headerSlotFn))
+        return () => item.headerSlotFn(item);
       if (type === "format")
         return [createVNode(script, {
           "tooltipTitle": tooltipTitle,
@@ -2278,7 +2285,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       formatData,
       xGrid,
       loadColumn,
-      loadData
+      loadData,
+      handleFilterClearAll
     });
     return (_ctx, _cache) => {
       var _a;
@@ -2331,20 +2339,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "cell-class-name": _ctx.columnConfig.cellClassName || null,
         "row-config": {
           ...state.rowConfig,
-          ..._ctx.$attrs.rowConfig || {}
+          ...unref(getAttr)("row-config")
         },
         "show-footer": _ctx.showFooter && !props.isInlineOperating,
         "footer-method": footerMethod,
         "sort-config": {
           trigger: "cell",
           remote: true,
-          ..._ctx.$attrs.sortConfig || {}
+          ...unref(getAttr)("sort-config")
         },
         "span-method": colspanMethod,
         "footer-span-method": footerRowspanMethod,
         "tooltip-config": {
           enterable: false,
-          ..._ctx.$attrs.tooltipConfig || {}
+          ...unref(getAttr)("tooltip-config")
         },
         "checkbox-config": {
           checkField: "checked",
@@ -2354,18 +2362,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: "cell",
           reserve: true,
           highlight: true,
-          ..._ctx.$attrs.checkboxConfig || {}
+          ...unref(getAttr)("checkbox-config")
         },
         "radio-config": {
           checkField: "checked",
           trigger: "cell",
           reserve: true,
           highlight: true,
-          ..._ctx.$attrs.radioConfig || {}
+          ...unref(getAttr)("radio-config")
         },
         "scroll-y": {
           gt: 50,
-          ..._ctx.$attrs.scrollY || {}
+          ...unref(getAttr)("scroll-y")
         },
         "row-style": unref(getRowStyle),
         "edit-config": state.editConfig,
@@ -2376,7 +2384,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           toggleMethod: unref(toggleExpandMethod),
           iconOpen: "iconfont icon-a-xitongtubiaozhediejian",
           iconClose: "iconfont icon-a-xitongtubiaotianjia",
-          ..._ctx.$attrs.expandConfig || {}
+          ...unref(getAttr)("expand-config")
         },
         "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
         "edit-rules": _ctx.columnConfig.editRules || {},

package/es/components/big-table/src/bigTableProps.d.ts

@@ -200,7 +200,7 @@ declare const bigTableProps: {
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: PropType<AnyObject[]>;
         default: () => never[];
     };
 };

package/es/components/big-table/src/components/edit-form/edit-input.js

@@ -36,20 +36,21 @@ var EditInput = defineComponent({
       formRef
     } = useCommon(props, attrs);
     const __value = ref(attrs.value);
+    const commData = {
+      row: props.row,
+      column: props.col,
+      index: props.index
+    };
     const onUpdateValue = (value) => {
       emit("formChange", {
         value,
-        row: props.row,
-        column: props.col,
-        index: props.index
+        ...commData
       });
     };
     function onBlur() {
       emit("formChange", {
         value: __value.value,
-        row: props.row,
-        column: props.col,
-        index: props.index
+        ...commData
       });
     }
     const config = {
@@ -68,7 +69,14 @@ var EditInput = defineComponent({
     }), null) : createVNode(NInputNumber, mergeProps({
       "ref": formRef
     }, attrs, config, {
-      "onUpdateValue": onUpdateValue
+      "value": __value.value,
+      "onUpdate:value": ($event) => __value.value = $event,
+      "onUpdateValue": onUpdateValue,
+      "onBlur": () => emit("formChange", {
+        value: __value.value,
+        ...commData,
+        type: "blur"
+      })
     }), null);
   }
 });

package/es/components/big-table/src/hooks/useEdit.d.ts

@@ -326,11 +326,12 @@ export declare const useEdit: (props: any, state: any, emit: any, xGrid: any) =>
     initEditTable: () => Promise<void>;
     deleteRow: (row: any, col: any, index: number) => void;
     onClickSelectTable: (row: any) => Promise<void>;
-    onFormChange: ({ value, row, column, index }: {
+    onFormChange: ({ value, row, column, index, type }: {
         value: number | string | null;
         row: any;
         column: any;
         index: number;
+        type?: string | undefined;
     }) => void;
     getDefaultValue: (params: any, item: any) => any;
 };

package/es/components/big-table/src/hooks/useEdit2.js

@@ -60,7 +60,8 @@ const useEdit = (props, state, emit, xGrid) => {
     value,
     row,
     column,
-    index
+    index,
+    type
   }) => {
     var _a, _b;
     let oldValue = row[column.columnName];
@@ -84,7 +85,7 @@ const useEdit = (props, state, emit, xGrid) => {
     if (((column == null ? void 0 : column.formType) === "date" || (column == null ? void 0 : column.formType) === "time") && !value) {
       row[column.columnName] = void 0;
     }
-    emit("formChange", { value, row, column, index, oldValue });
+    emit("formChange", { value, row, column, index, oldValue, ...type ? { type } : {} });
   };
   const getDefaultValue = (params, item) => {
     var _a;

package/es/components/big-table/src/hooks/useFormat.d.ts

@@ -1,4 +1,5 @@
-export declare const useFormat: (state: any) => {
+import { AnyObject } from '../../../../../es/shared/types';
+export declare const useFormat: (state: any, attr: AnyObject) => {
     formatData: (data?: {
         tableList: any[];
         fieldList: any[];
@@ -25,4 +26,5 @@ export declare const useFormat: (state: any) => {
         'border-color': any;
         color?: undefined;
     };
+    getAttr: (field: string) => any;
 };