fix: prettier quit unexpectedly and lint code (#1676)

* fix: `prettier` quit unexpectedly and lint code

chore: suppress deprecation notice of tsconfig `suppressImplicitAnyIndexErrors`

* chore: 忽略 `helper/**` 文件

.eslintignore

@@ -16,3 +16,5 @@ yarn-error.log
 vitest.config.js
 
 test
+
+helper/**

.github/workflows/issue-label.yml

@@ -47,4 +47,4 @@ jobs:
           token: ${{ secrets.GITHUB_TOKEN }}
           issue-number: ${{ github.event.issue.number }}
           body: ${{ steps.template.outputs.result }}
-          update-mode: 'append'
+          update-mode: 'append'

.github/workflows/pr-comment-ci.yml

@@ -244,7 +244,7 @@ jobs:
             git commit -m "chore: update snapshot"
           fi
           git status
- 
+
       - name: git push
         run: |
           git status

.prettierignore

@@ -0,0 +1 @@
+helper/**

helper/attributes.json

@@ -3894,4 +3894,4 @@
     "type": "Number",
     "description": "水印元素的 `z-index`，默认值写在 CSS 中\n\n[docs](https://tdesign.tencent.com/mobile-vue/components/watermark?tab=api#watermark-props)"
   }
-}
+}

helper/tags.json

@@ -1307,4 +1307,4 @@
     ],
     "description": "Watermark\n\n水印\n\n[docs](https://tdesign.tencent.com/mobile-vue/components/watermark)"
   }
-}
+}

package.json

@@ -44,7 +44,7 @@
     "lint:tsc": "vue-tsc --emitDeclarationOnly",
     "lint:fix": "npm run lint:fix-prettier && npm run lint:fix-eslint",
     "lint:fix-eslint": "eslint --ext .vue,.ts,.tsx ./ --max-warnings 0 --ignore-path .gitignore --ignore-path .eslintignore --fix",
-    "lint:fix-prettier": "prettier ./ --ignore-path .gitignore --ignore-path .eslintignore --write './*.{vue,ts,tsx}' --ignore-unknown",
+    "lint:fix-prettier": "prettier ./ --ignore-path .gitignore --ignore-path .eslintignore --ignore-path .prettierignore --write './*.{vue,ts,tsx}' --ignore-unknown",
     "lint:vue": "vue-tsc --noEmit -p tsconfig.build.json",
     "generate:coverage-badge": "npm run test:unit-coverage && node scripts/test/generate-coverage.js",
     "update:css": "node scripts/generate-css-vars.js",
@@ -142,9 +142,9 @@
     "esbuild": "^0.14.3",
     "eslint": "^8.4.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-vue": "^8.2.0",
     "gray-matter": "^4.0.3",
     "husky": "^6.0.0",
@@ -153,7 +153,7 @@
     "lint-staged": "^10.5.4",
     "mockdate": "^3.0.5",
     "postcss": "^8.2.1",
-    "prettier": "^2.5.1",
+    "prettier": "^3.4.2",
     "prismjs": "^1.23.0",
     "qrcode.vue": "^3.2.2",
     "regenerator-runtime": "^0.13.9",

src/date-time-picker/__test__/index.test.jsx

@@ -114,7 +114,7 @@ describe('DateTimePicker', () => {
           defaultValue: defaultDateTime,
           title: 'mode 测试',
           mode: ['date', 'second'],
-          onPick
+          onPick,
         },
       });
       // mode = ['date', 'second'], 渲染年月日时分秒，6列
@@ -136,11 +136,11 @@ describe('DateTimePicker', () => {
           value: '10:00:00',
           mode: [null, 'second'],
           format: 'HH:mm:ss',
-          start: '2023-06-13'
+          start: '2023-06-13',
         },
       });
-      expect(wrapper.vm.value).toStrictEqual('10:00:00')
-    })
+      expect(wrapper.vm.value).toStrictEqual('10:00:00');
+    });
 
     it(': start && end ', async () => {
       const start = '2020-6-30 10:00:00';
@@ -153,7 +153,7 @@ describe('DateTimePicker', () => {
           value: start,
           start,
           end,
-          mode: 'second'
+          mode: 'second',
         },
       });
       const $pickerItems = wrapper.findAllComponents(PickerItem);
@@ -164,12 +164,12 @@ describe('DateTimePicker', () => {
       expect(res[precisionRankRecord[0]].length).toEqual(endYear - startYear + 1);
 
       // 设置到最后一天
-      await wrapper.setProps({ value: end })
+      await wrapper.setProps({ value: end });
 
       $pickerItems.forEach((item, index) => {
         const { length } = item.findAll(`.${prefix}-picker-item__item`);
-        const counter = [6, 10, 10, 11, 11, 11]
-        expect(length).toBe(counter[index])
+        const counter = [6, 10, 10, 11, 11, 11];
+        expect(length).toBe(counter[index]);
       });
     });
 

src/dropdown-menu/__test__/index.test.jsx

@@ -29,7 +29,6 @@ options.push({
 
 describe('dropdown-menu', () => {
   describe('props', () => {
-
     it(': button', async () => {
       // 底部 button 仅在 multiple/optionsLayout === 'tree'时，有效
       const value1 = ref(['option_1']);
@@ -143,7 +142,6 @@ describe('dropdown-menu', () => {
       const value1 = ref('option_2');
       const value2 = ref('option_2');
 
-
       const options2 = emptyArr.map((_, i) => ({
         name: `选项${chineseMap[i]}`,
         val: `option_${i}`,
@@ -236,11 +234,7 @@ describe('dropdown-menu', () => {
         item.trigger('click', { item, index });
       });
       await sleep(200);
-      expect(
-        wrapper
-          .find(`.${prefix}-dropdown-item__content`)
-          .attributes('class')
-      ).toBeTruthy();
+      expect(wrapper.find(`.${prefix}-dropdown-item__content`).attributes('class')).toBeTruthy();
     });
 
     it(': onChange', async () => {
@@ -347,4 +341,4 @@ describe('dropdown-menu', () => {
       expect(onConfirm).toHaveBeenCalledTimes(1);
     });
   });
-});
+});

src/fab/props.ts

@@ -32,5 +32,5 @@ export default {
   draggable: {
     type: Boolean,
     default: false,
-  }
+  },
 };

src/grid/__test__/index.test.jsx

@@ -181,8 +181,8 @@ describe('grid-item', () => {
           </Grid>
         );
       });
-      if (l) { 
-        expect(wrapper.find('.t-grid-item').classes()).toContain(`t-grid-item--${l}`); 
+      if (l) {
+        expect(wrapper.find('.t-grid-item').classes()).toContain(`t-grid-item--${l}`);
       }
     });
   });

src/input/__test__/index.test.jsx

@@ -142,7 +142,7 @@ describe('Input.vue', async () => {
     });
 
     it(': type=password and disabled', async () => {
-      const wrapper = mount(<Input label="标题" type="password" disabled/>);
+      const wrapper = mount(<Input label="标题" type="password" disabled />);
       expect(wrapper.find('.t-icon-browse-off').exists()).toBeTruthy();
       wrapper.find('.t-icon-browse-off').trigger('click');
       await wrapper.vm.$nextTick();
@@ -163,7 +163,7 @@ describe('Input.vue', async () => {
 
     it(': autofocus', async () => {
       const value = ref('123');
-      const wrapper = mount(<Input label="标题" v-model={value.value} clearable clearTrigger="focus" autofocus/>);
+      const wrapper = mount(<Input label="标题" v-model={value.value} clearable clearTrigger="focus" autofocus />);
       await wrapper.vm.$nextTick();
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeTruthy();
       wrapper.vm.blur();
@@ -172,13 +172,14 @@ describe('Input.vue', async () => {
       wrapper.vm.focus();
       await wrapper.vm.$nextTick();
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeTruthy();
-
     });
 
     it(': clearTrigger=always', async () => {
       const value = ref('123');
       const handleClear = vi.fn();
-      const wrapper = mount(<Input label="标题" v-model={value.value} clearable clearTrigger="always" onClear={handleClear} />);
+      const wrapper = mount(
+        <Input label="标题" v-model={value.value} clearable clearTrigger="always" onClear={handleClear} />,
+      );
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeTruthy();
       await wrapper.find('.t-icon-close-circle-filled').trigger('touchend');
       expect(value.value).toBe('');
@@ -188,7 +189,9 @@ describe('Input.vue', async () => {
     it(': clearTrigger=always and disabled', async () => {
       const value = ref('123');
       const handleClear = vi.fn();
-      const wrapper = mount(<Input label="标题" v-model={value.value} disabled clearable clearTrigger="always" onClear={handleClear} />);
+      const wrapper = mount(
+        <Input label="标题" v-model={value.value} disabled clearable clearTrigger="always" onClear={handleClear} />,
+      );
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeFalsy();
       await wrapper.setProps({
         disabled: false,
@@ -199,7 +202,9 @@ describe('Input.vue', async () => {
     it(': clearTrigger=always and readonly', async () => {
       const value = ref('123');
       const handleClear = vi.fn();
-      const wrapper = mount(<Input label="标题" v-model={value.value} readonly clearable clearTrigger="always" onClear={handleClear} />);
+      const wrapper = mount(
+        <Input label="标题" v-model={value.value} readonly clearable clearTrigger="always" onClear={handleClear} />,
+      );
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeFalsy();
       await wrapper.setProps({
         readonly: false,
@@ -210,12 +215,14 @@ describe('Input.vue', async () => {
     it(': clearTrigger=focus', async () => {
       const value = ref('123');
       const handleClear = vi.fn();
-      const wrapper = mount(<Input label="标题" v-model={value.value} clearable clearTrigger="focus" onClear={handleClear} />);
+      const wrapper = mount(
+        <Input label="标题" v-model={value.value} clearable clearTrigger="focus" onClear={handleClear} />,
+      );
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeFalsy();
       wrapper.vm.focus();
       await wrapper.vm.$nextTick();
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeTruthy();
-      
+
       await wrapper.find('.t-icon-close-circle-filled').trigger('touchend');
       expect(value.value).toBe('');
       expect(handleClear).toBeCalled();
@@ -224,7 +231,9 @@ describe('Input.vue', async () => {
     it(': clearTrigger=focus and disabled', async () => {
       const value = ref('123');
       const handleClear = vi.fn();
-      const wrapper = mount(<Input label="标题" v-model={value.value} disabled clearable clearTrigger="focus" onClear={handleClear} />);
+      const wrapper = mount(
+        <Input label="标题" v-model={value.value} disabled clearable clearTrigger="focus" onClear={handleClear} />,
+      );
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeFalsy();
       wrapper.vm.focus();
       await wrapper.vm.$nextTick();
@@ -240,7 +249,9 @@ describe('Input.vue', async () => {
     it(': clearTrigger=focus and readonly', async () => {
       const value = ref('123');
       const handleClear = vi.fn();
-      const wrapper = mount(<Input label="标题" v-model={value.value} readonly clearable clearTrigger="focus" onClear={handleClear} />);
+      const wrapper = mount(
+        <Input label="标题" v-model={value.value} readonly clearable clearTrigger="focus" onClear={handleClear} />,
+      );
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeFalsy();
       wrapper.vm.focus();
       await wrapper.vm.$nextTick();
@@ -252,8 +263,6 @@ describe('Input.vue', async () => {
       await wrapper.vm.$nextTick();
       expect(wrapper.find('.t-icon-close-circle-filled').exists()).toBeTruthy();
     });
-
-
   });
   describe('event', async () => {
     it(': focus && blur', async () => {

src/layout/__test__/index.test.jsx

@@ -51,4 +51,3 @@ describe('col', () => {
     });
   });
 });
-

src/link/__test__/index.test.jsx

@@ -87,8 +87,8 @@ describe('Link', () => {
       expect(wrapper.find('.t-link--content')).toBeTruthy();
     });
     it('prefixIcon', () => {
-      const wrapper = mount(() => <Link prefixIcon={<Icon />}>text</Link>)
-      expect(wrapper.findComponent(Icon)).toBeTruthy()
+      const wrapper = mount(() => <Link prefixIcon={<Icon />}>text</Link>);
+      expect(wrapper.findComponent(Icon)).toBeTruthy();
     });
   });
 

src/loading/__test__/index.test.jsx

@@ -11,7 +11,6 @@ const sleep = (duration) =>
     }, duration),
   );
 
-
 describe('Loading.vue', () => {
   describe('props', () => {
     it(':delay', () => {

src/navbar/__test__/index.test.jsx

@@ -9,10 +9,10 @@ describe('navbar', () => {
   describe('props', () => {
     it('fixed', async () => {
       const navbar = mount(<NavBar title="标题" />);
-      expect(navbar.element.style.position).toBe('fixed')
+      expect(navbar.element.style.position).toBe('fixed');
 
       await navbar.setProps({ fixed: false });
-      expect(navbar.element.style.position).toBe('relative')
+      expect(navbar.element.style.position).toBe('relative');
     });
 
     it('leftArrow', () => {
@@ -54,7 +54,7 @@ describe('navbar', () => {
       const wrapper = mount(<NavBar title="标题" onLeftClick={fn} />, {
         // 插槽名称必须要和组件内部保持一致'left'
         slots: {
-          'left': iconFunc,
+          left: iconFunc,
         },
       });
       expect(wrapper.element).toMatchSnapshot();
@@ -69,7 +69,7 @@ describe('navbar', () => {
       const wrapper = mount(<NavBar title="标题" onRightClick={fn} />, {
         // 插槽名称必须要和组件内部保持一致'right'
         slots: {
-          'right': iconFunc,
+          right: iconFunc,
         },
       });
       expect(wrapper.element).toMatchSnapshot();
@@ -107,10 +107,10 @@ describe('navbar', () => {
 
   describe('slots', () => {
     it('left', () => {
-      const slot = <div className='left-content'>左侧内容</div>;
+      const slot = <div className="left-content">左侧内容</div>;
       const navbar = mount(<NavBar title="标题" />, {
         slots: {
-          'left': slot,
+          left: slot,
         },
       });
       expect(navbar.find('.t-navbar__left').find('.left-content').exists()).toBeTruthy();
@@ -119,17 +119,17 @@ describe('navbar', () => {
     it('capsule', () => {
       const navbar = mount(<NavBar title="标题" />, {
         slots: {
-          'capsule': iconFunc,
+          capsule: iconFunc,
         },
       });
       expect(navbar.find('.t-navbar__capsule').exists()).toBeTruthy();
     });
 
     it('right', () => {
-      const slot = <div className='right-content'>右侧内容</div>;
+      const slot = <div className="right-content">右侧内容</div>;
       const navbar = mount(<NavBar title="标题" />, {
         slots: {
-          'right': slot,
+          right: slot,
         },
       });
       expect(navbar.find('.t-navbar__right').find('.right-content').exists()).toBeTruthy();

src/notice-bar/__test__/index.test.jsx

@@ -39,7 +39,6 @@ describe('NoticeBar', async () => {
       await nextTick();
       // expect(wrapper3.vm.scroll.marquee).toBe(false);
 
-
       params.loop = 3;
       const wrapper4 = mount(<NoticeBar visible marquee={params} />);
       await nextTick();
@@ -97,7 +96,7 @@ describe('NoticeBar', async () => {
 
     it('direction', async () => {
       const content = ['君不见', '高堂明镜悲白发', '朝如青丝暮成雪', '人生得意须尽欢', '莫使金樽空对月'];
-      const wrapper = mount(<NoticeBar visible marquee direction='vertical' content={content} />);
+      const wrapper = mount(<NoticeBar visible marquee direction="vertical" content={content} />);
       await nextTick();
       expect(wrapper.find('.t-notice-bar__content--vertical').exists()).toBe(true);
     });
@@ -156,7 +155,15 @@ describe('NoticeBar', async () => {
         triggerName = name;
       });
       const wrapper = mount(
-        <NoticeBar visible prefix-icon="pre" content="test" extra="extra" suffix-icon="suffix" operation="operation" onClick={fn} />,
+        <NoticeBar
+          visible
+          prefix-icon="pre"
+          content="test"
+          extra="extra"
+          suffix-icon="suffix"
+          operation="operation"
+          onClick={fn}
+        />,
       );
       await wrapper.find('.t-notice-bar__prefix-icon').trigger('click');
       expect(triggerName).toBe('prefix-icon');