style: add code style rules

package.json

@@ -57,7 +57,7 @@
     "@typescript-eslint/parser": "^8.18.2",
     "@vitest/coverage-v8": "^2.0.5",
     "@vitest/ui": "^2.0.5",
-    "@zzxming/eslint-config": "^0.3.5",
+    "@zzxming/eslint-config": "^0.4.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^9.17.0",
     "gulp": "^4.0.0",

src/__tests__/unit/utils.ts

@@ -91,7 +91,7 @@ expect.extend({
 interface TableColDeltaValue extends Omit<TableColValue, 'width' | 'full'> {
   width: number;
   full?: 'true';
-};
+}
 interface TableCreatorOptions {
   isEmpty: boolean;
   tableId: string;

src/index.ts

@@ -312,7 +312,7 @@ export class TableUp {
       resizeOptions: {},
       resizeScaleOptions: {},
     } as TableUpOptions, options);
-  };
+  }
 
   resolveTexts(options: Partial<TableTextOptions>) {
     return Object.assign({
@@ -328,7 +328,7 @@ export class TableUp {
       transparent: 'Transparent',
       perWidthInsufficient: 'The percentage width is insufficient. To complete the operation, the table needs to be converted to a fixed width. Do you want to continue?',
     }, options);
-  };
+  }
 
   pasteTableHandler() {
     let tableId = randomId();
@@ -590,7 +590,7 @@ export class TableUp {
       dom.appendChild(isFulllLabel);
     }
     picker.options.appendChild(dom);
-  };
+  }
 
   setCellAttrs(selectedTds: TableCellInnerFormat[], attr: string, value?: any, isStyle: boolean = false) {
     if (selectedTds.length === 0) return;
@@ -1248,7 +1248,7 @@ export function updateTableConstants(data: Partial<TableConstantsData>) {
   TableRowFormat.blotName = blotName.tableRow;
   TableCellFormat.blotName = blotName.tableCell;
   TableCellInnerFormat.blotName = blotName.tableCellInner;
-};
+}
 export function defaultCustomSelect(tableModule: TableUp, picker: QuillThemePicker) {
   return createSelectBox({
     onSelect: (row: number, col: number) => {

src/modules/table-menu/table-menu-common.ts

@@ -66,7 +66,7 @@ export class TableMenuCommon {
       defaultColorMap,
     }, options);
     return value as TableMenuOptions;
-  };
+  }
 
   getUsedColors() {
     return usedColors;
@@ -116,7 +116,7 @@ export class TableMenuCommon {
       toolBox.appendChild(item);
     }
     return toolBox;
-  };
+  }
 
   createColorChoose(item: HTMLElement, { handle, key }: ToolOption) {
     const colorSelectWrapper = document.createElement('div');

src/modules/table-resize/table-resize-box.ts

@@ -10,7 +10,7 @@ import { isTableAlignRight } from './utils';
 interface Point {
   x: number;
   y: number;
-};
+}
 export class TableResizeBox extends TableResizeCommon {
   root!: HTMLElement;
   tableMain: TableMainFormat;
@@ -70,7 +70,7 @@ export class TableResizeBox extends TableResizeCommon {
       tableSelection.selectedTds = tableSelection.computeSelectedTds(...currentBoundary);
       tableSelection.show();
     }
-  };
+  }
 
   findCurrentColIndex(e: MouseEvent): number {
     return Array.from(this.root.getElementsByClassName(this.bem.be('col-separator'))).indexOf(e.target as HTMLElement);

src/modules/table-resize/table-resize-common.ts

@@ -167,7 +167,7 @@ export class TableResizeCommon {
     }
 
     this.quill.emitter.emit(tableUpEvent.AFTER_TABLE_RESIZE);
-  };
+  }
 
   handleColMouseMove(e: MouseEvent): { left: number; width: number } | undefined {
     e.preventDefault();
@@ -213,7 +213,7 @@ export class TableResizeCommon {
       left: resX,
       width,
     };
-  };
+  }
 
   handleColMouseDown(e: MouseEvent): { top: number; left: number; height: number } | undefined {
     if (e.button !== 0) return;
@@ -255,7 +255,7 @@ export class TableResizeCommon {
     this.dragColBreak = divDom;
 
     return styleValue;
-  };
+  }
 
   findCurrentRowIndex(_e: MouseEvent) {
     return -1;
@@ -336,7 +336,7 @@ export class TableResizeCommon {
     this.dragRowBreak = divDom;
 
     return styleValue;
-  };
+  }
 
   update() {}
   destroy() {}

src/utils/color.ts

@@ -3,13 +3,13 @@ export interface HSB {
   s: number;
   b: number;
   a: number;
-};
+}
 export interface RGB {
   r: number;
   g: number;
   b: number;
   a: number;
-};
+}
 const normalizeValue = function (value: number | string, max: number | string) {
   value = Math.min(max as number, Math.max(0, Number.parseFloat(`${value}`)));
 

src/utils/components/button.ts

@@ -4,7 +4,7 @@ import { isString } from '../is';
 interface ButtonOptions {
   type: 'confirm' | 'default';
   content: HTMLElement | string;
-};
+}
 export const createButton = (options?: Partial<ButtonOptions>) => {
   const { type = 'default', content } = options || {};
   const bem = createBEM('button');

src/utils/components/color-picker.ts

@@ -5,7 +5,7 @@ import { HEXtoRGB, HSBtoHEX, HSBtoRGB, RGBtoHEX, RGBtoHSB, validateHSB } from '.
 interface ColorPickerOptions {
   color: string;
   onChange: (color: string) => void;
-};
+}
 export const createColorPicker = (options: Partial<ColorPickerOptions> = {}) => {
   const contentWidth = 230;
   const contentHeight = 150;

src/utils/components/input.ts

@@ -6,7 +6,7 @@ interface InputOptions {
   max?: number;
   min?: number;
   [key: string]: any;
-};
+}
 export const createInputItem = (label: string, options: InputOptions) => {
   const bem = createBEM('input');
   options.type || (options.type = 'text');

src/utils/components/tooltip.ts

@@ -38,7 +38,7 @@ export interface TooltipInstance {
   destroy: () => void;
   show: (force?: boolean) => void;
   hide: (force?: boolean) => void;
-};
+}
 export const createTooltip = (target: HTMLElement, options: ToolTipOptions = {}): TooltipInstance | null => {
   const { msg = '', delay = 150, content, direction = 'bottom', type = 'hover', container, onOpen, onClose, closed, onDestroy } = options;
   const bem = createBEM('tooltip');

src/utils/types.ts

@@ -25,7 +25,7 @@ export interface TableMenuOptions {
   tools: Tool[];
   localstorageKey: string;
   defaultColorMap: string[];
-};
+}
 export interface TableSelectionOptions {
   selectColor: string;
   tableMenu?: Constructor<InternalModule, [TableUp, Quill, Partial<TableMenuOptions>]>;
@@ -43,7 +43,7 @@ export interface TableCreatorTextOptions {
   colText: string;
   notPositiveNumberError: string;
   perWidthInsufficient: string;
-};
+}
 export type TableMenuTexts = Record<string, string>;
 export interface TableTextOptions extends TableCreatorTextOptions, TableMenuTexts {
   custom: string;
@@ -75,15 +75,15 @@ export interface TableColValue {
   width: string;
   full?: boolean;
   align?: string;
-};
+}
 export interface TableCellValue {
   tableId: string;
   rowId: string;
   colId: string;
   rowspan: number;
   colspan: number;
   style?: string;
-};
+}
 export interface TableRowValue {
   tableId: string;
   rowId: string;
@@ -92,7 +92,7 @@ export interface TableValue {
   tableId: string;
   full?: boolean;
   align?: string;
-};
+}
 
 export interface RelactiveRect {
   x: number;
@@ -108,7 +108,7 @@ export interface InternalModule {
   hide: () => void;
   update: () => void;
   destroy: () => void;
-};
+}
 export type Constructor<T = any, U extends Array<any> = any[]> = new (...args: U) => T;
 export interface InternalTableSelectionModule extends InternalModule {
   dragging: boolean;
@@ -132,4 +132,4 @@ export interface TableConstantsData {
   blotName: Record<string, string>;
   tableUpSize: Record<string, number>;
   tableUpEvent: Record<string, string>;
-};
+}

src/utils/utils.ts

@@ -25,7 +25,7 @@ interface ParentBlotReturnMap {
   [blotName.tableRow]: TableRowFormat;
   [blotName.tableCell]: TableCellFormat;
   [blotName.tableCellInner]: TableCellInnerFormat;
-};
+}
 type ParentBlotReturn = {
   [key: string]: TypeParchment.Parent;
 } & ParentBlotReturnMap;
@@ -82,7 +82,7 @@ function mixinProps<T = any, U = any>(target: T, source: U) {
     Object.defineProperty(target, prop, Object.getOwnPropertyDescriptor(source, prop)!);
   }
   return target as typeof target & Omit<typeof source, 'constructor'>;
-};
+}
 export function mixinClass<
   T extends Constructor,
   U extends Constructor[],
@@ -100,7 +100,7 @@ export function mixinClass<
   }
 
   return targetClass;
-};
+}
 
 const viewportPadding = 8;
 export const limitDomInViewPort = (rect: { left: number; top: number; width: number; height: number }) => {
@@ -134,7 +134,7 @@ export const limitDomInViewPort = (rect: { left: number; top: number; width: num
 
 interface ScrollHandle {
   scrollHandler: [HTMLElement, (e: Event) => void][];
-};
+}
 export function addScrollEvent(this: ScrollHandle, dom: HTMLElement, handle: (e: Event) => void) {
   dom.addEventListener('scroll', handle);
   this.scrollHandler.push([dom, handle]);