cnhis-design-vue 3.1.27-beta.6 → 3.1.28-beta.0

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/field-set/index.d.ts

@@ -60,7 +60,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             alias: string;
             fixedShow: boolean;
             fixedWay: "NONE" | "LEFT" | "RIGHT";
-            columnWidth: number;
+            columnWidth: number | null;
             editable: boolean;
             editableDisable: boolean;
             required: boolean;
@@ -80,7 +80,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         alias: string;
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
-        columnWidth: number;
+        columnWidth: number | null;
         editable: boolean;
         editableDisable: boolean;
         required: boolean;
@@ -107,7 +107,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         alias: string;
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
-        columnWidth: number;
+        columnWidth: number | null;
         editable: boolean;
         editableDisable: boolean;
         required: boolean;
@@ -124,7 +124,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         alias: string;
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
-        columnWidth: number;
+        columnWidth: number | null;
         editable: boolean;
         editableDisable: boolean;
         required: boolean;

package/es/components/field-set/src/FieldSet.js

@@ -105,17 +105,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             if (Reflect.has(item, key)) {
               if (key == "isFixed") {
                 item["fixedWay"] = item[key] == 1 ? "LEFT" : item[key] == 2 ? "RIGHT" : "NONE";
+              } else if (["isShow", "isSort"].includes(key) && typeof key !== "boolean") {
+                item[fieldsMapping[key]] = item[key] == 1 ? true : false;
               } else {
                 item[fieldsMapping[key]] = item[key];
               }
               Reflect.deleteProperty(item, key);
             }
           }
-          if (!Reflect.has(item, "columnWidth")) {
-            item.columnWidth = null;
-          } else {
-            item.columnWidth = +item.columnWidth;
-          }
+          item.columnWidth = +item.columnWidth || null;
           if (!Reflect.has(item, "alias")) {
             item.alias = "";
           }

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -8,7 +8,7 @@ declare type Ifields = {
     alias: string;
     fixedShow: boolean;
     fixedWay: 'NONE' | 'LEFT' | 'RIGHT';
-    columnWidth: number;
+    columnWidth: number | null;
     editable: boolean;
     editableDisable: boolean;
     required: boolean;

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

@@ -16,6 +16,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
+    annotation: {
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -30,6 +33,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
             default: () => never[];
         };
+        annotation: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onCopy?: ((...args: any[]) => any) | undefined;
@@ -2363,6 +2369,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         }>[]) | undefined;
         getTitle?: (() => string) | undefined;
         getKey?: (() => string) | undefined;
+        annotation?: boolean | undefined;
     }[]>;
     updateFieldListRef: () => void;
     dataTransfer: (data: import("../../../es/shared/types").AnyObject[]) => Promise<import("../../../es/shared/types").AnyObject[]>;
@@ -4395,11 +4402,17 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableFieldItem>;
             required: true;
         };
+        annotation: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+        };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         field: {
             type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableFieldItem>;
             required: true;
         };
+        annotation: {
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+        };
     }>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
@@ -4414,6 +4427,9 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
+    annotation: {
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;

package/es/components/iho-table/src/IhoTable.js

@@ -15,7 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     tableConfig: { type: Object, default: () => ({}) },
     fieldList: { type: Array, default: () => [] },
-    tableData: { type: Array, default: () => [] }
+    tableData: { type: Array, default: () => [] },
+    annotation: { type: Object }
   },
   emits: [
     "formChange",
@@ -98,8 +99,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {
               return openBlock(), createBlock(unref(ColumnComponent), {
                 key: field.field,
-                field
-              }, null, 8, ["field"]);
+                field,
+                annotation: __props.annotation
+              }, null, 8, ["field", "annotation"]);
             }), 128))
           ]),
           _: 1

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -15,6 +15,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -29,6 +32,9 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject[]>;
             default: () => never[];
         };
+        annotation: {
+            type: PropType<AnyObject>;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onCopy?: ((...args: any[]) => any) | undefined;
@@ -2362,6 +2368,7 @@ declare const _default: import("vue").DefineComponent<{
         }>[]) | undefined;
         getTitle?: (() => string) | undefined;
         getKey?: (() => string) | undefined;
+        annotation?: boolean | undefined;
     }[]>;
     updateFieldListRef: () => void;
     dataTransfer: (data: AnyObject[]) => Promise<AnyObject[]>;
@@ -4394,11 +4401,17 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<IhoTableFieldItem>;
             required: true;
         };
+        annotation: {
+            type: PropType<AnyObject>;
+        };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         field: {
             type: PropType<IhoTableFieldItem>;
             required: true;
         };
+        annotation: {
+            type: PropType<AnyObject>;
+        };
     }>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
@@ -4413,6 +4426,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;

package/es/components/iho-table/src/components/IhoTableColumn.d.ts

@@ -1,3 +1,4 @@
+import { AnyObject } from '../../../../../es/shared/types';
 import { PropType } from 'vue';
 import { IhoTableFieldItem } from '../../../../../es/components/iho-table/src/types';
 declare const ColumnComponent: import("vue").DefineComponent<{
@@ -5,10 +6,16 @@ declare const ColumnComponent: import("vue").DefineComponent<{
         type: PropType<IhoTableFieldItem>;
         required: true;
     };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     field: {
         type: PropType<IhoTableFieldItem>;
         required: true;
     };
+    annotation: {
+        type: PropType<AnyObject>;
+    };
 }>>, {}>;
 export default ColumnComponent;

package/es/components/iho-table/src/components/IhoTableColumn.js

@@ -1,5 +1,8 @@
 import { defineComponent, resolveComponent, createVNode } from 'vue';
-import { isEmpty, omit } from 'lodash-es';
+import { widthAppend, arrayed } from '../../../../shared/utils/index.js';
+import { isEmpty, omit, isObject, isString, isFunction } from 'lodash-es';
+import Annotation from '../../../annotation-edit/index.js';
+import { NEllipsis } from 'naive-ui';
 
 const ColumnComponent = defineComponent({
   name: "IhoTableColumn",
@@ -7,18 +10,48 @@ const ColumnComponent = defineComponent({
     field: {
       type: Object,
       required: true
+    },
+    annotation: {
+      type: Object
     }
   },
   setup(props) {
     const VxeColumn = resolveComponent("vxe-column");
     const VxeColumnGroup = resolveComponent("vxe-colgroup");
+    function renderHeader(payload, headerSlot) {
+      const hasAnnotation = isObject(props.annotation) && props.field.annotation !== false;
+      const maxWidth = widthAppend(payload.column.renderWidth - (hasAnnotation ? 36 : 20));
+      const customHeader = isString(headerSlot) ? headerSlot : isFunction(headerSlot) ? headerSlot(payload) : null;
+      return createVNode("section", {
+        "class": "iho-table__headerWrapper"
+      }, [[...arrayed(customHeader != null ? customHeader : createVNode(NEllipsis, {
+        "style": {
+          maxWidth
+        }
+      }, {
+        default: () => props.field.title
+      }))], hasAnnotation ? createVNode(Annotation, {
+        "modelValue": props.annotation[props.field.field],
+        "onUpdate:modelValue": ($event) => props.annotation[props.field.field] = $event
+      }, null) : null]);
+    }
+    function columnSlot({
+      slots
+    }) {
+      return Object.assign({}, slots, {
+        header(payload) {
+          return renderHeader(payload, slots == null ? void 0 : slots.header);
+        }
+      });
+    }
     function renderColumn(field) {
-      return createVNode(VxeColumn, field, field.slots);
+      return createVNode(VxeColumn, omit(field, ["slots"]), columnSlot(field));
     }
     function renderColumnGroup(group, children) {
       return createVNode(VxeColumnGroup, omit(group, ["children"]), {
         default: () => children.map((child) => createVNode(ColumnComponent, {
-          "field": child
+          "field": child,
+          "annotation": props.annotation
         }, null))
       });
     }

package/es/components/iho-table/src/plugins/defaultConfigPlugin/index.js

@@ -20,7 +20,8 @@ function defaultConfigPlugin() {
             editConfig: {
               trigger: "click",
               mode: "cell",
-              autoClear: false
+              autoClear: false,
+              showIcon: false
             },
             keyboardConfig: { isArrow: true, isDel: true, isEnter: true, isTab: true, isEdit: true, isChecked: true }
           },

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/checkRendererPlugin.js

@@ -18,6 +18,7 @@ function checkRendererPlugin() {
             field: pluginName,
             width: 50,
             align: "center",
+            annotation: false,
             type: config.selectType
           });
         }

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/seqRendererPlugin.js

@@ -20,6 +20,8 @@ function seqRendererPlugin() {
             fixed: "left",
             width: 50,
             type: "seq",
+            field: "iho_table_sequence_unique_id",
+            annotation: false,
             slots: {
               header() {
                 const emits = inject(InjectionIhoTableEmits);
@@ -27,6 +29,9 @@ function seqRendererPlugin() {
                   emits && emits("settingClick");
                 }
                 return [createVNode(NIcon, {
+                  "style": {
+                    cursor: "pointer"
+                  },
                   "size": "14",
                   "color": "#777",
                   "component": SettingsSharp,

package/es/components/iho-table/src/types/index.d.ts

@@ -18,7 +18,9 @@ export declare type IhoTableConfig = VxeTableProps & Partial<{
 }>;
 export declare type IhoTableFieldItem = {
     [K in keyof VxeTableDefines.ColumnInfo]?: K extends 'children' ? IhoTableFieldItem[] : K extends keyof VxeTableDefines.ColumnInfo ? VxeTableDefines.ColumnInfo[K] : never;
-} & {
+} & Partial<{
+    annotation: boolean;
+}> & {
     [K: string]: unknown;
 };
 declare type LowCodeTableSettingObj = Partial<{

package/es/components/iho-table/style/index.css

@@ -1 +1 @@
-.iho-table .icon-dot{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.iho-table .icon-dot,.iho-table .icon-dot-red{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.iho-table .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.iho-table .icon-dot-blue,.iho-table .icon-dot-green{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.iho-table .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.iho-table .icon-dot-gray,.iho-table .icon-dot-yellow{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.iho-table .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.iho-table .icon-dot-huifu,.iho-table .icon-dot-resolved{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.iho-table .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.iho-table .icon-dot-audit,.iho-table .icon-dot-close{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.iho-table .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.iho-table .icon-dot-design,.iho-table .icon-dot-develop{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.iho-table .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}
+.iho-table .icon-dot{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.iho-table .icon-dot,.iho-table .icon-dot-red{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.iho-table .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.iho-table .icon-dot-blue,.iho-table .icon-dot-green{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.iho-table .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.iho-table .icon-dot-gray,.iho-table .icon-dot-yellow{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.iho-table .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.iho-table .icon-dot-huifu,.iho-table .icon-dot-resolved{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.iho-table .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.iho-table .icon-dot-audit,.iho-table .icon-dot-close{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.iho-table .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.iho-table .icon-dot-design,.iho-table .icon-dot-develop{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.iho-table .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .vxe-header--column [annotation-hover-show=true]{visibility:hidden}.iho-table .vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.iho-table__headerWrapper{display:inline-flex}