chore: update lit & format

Author: tangjinzhou

.eslintignore

@@ -8,5 +8,6 @@ lib/
 _site/
 dist/
 site/dist/
-components/version/version.tsx
+components/version/version.ts
 site/src/router/demoRoutes.js
+locale/

antd-tools/getWebpackConfig.js

@@ -185,7 +185,7 @@ All rights reserved.
   };
 
   if (process.env.RUN_ENV === 'PRODUCTION') {
-    let entry = ['./index'];
+    const entry = ['./index'];
     config.externals = [
       {
         vue: {

antd-tools/gulpfile.js

@@ -368,7 +368,7 @@ function pub(done) {
   }
 }
 
-let startTime = new Date();
+const startTime = new Date();
 gulp.task('compile-with-es', done => {
   console.log('start compile at ', startTime);
   console.log('[Parallel] Compile to es...');
@@ -452,7 +452,7 @@ gulp.task(
           newVersion.trim() === version
         ) {
           // eslint-disable-next-line no-unused-vars
-          runCmd('npm', ['run', 'pub'], code => {
+          runCmd('npm', ['run', 'pub'], _code => {
             done();
           });
         } else {

components/_util/supportsPassive.js

@@ -1,7 +1,7 @@
 // Test via a getter in the options object to see if the passive property is accessed
 let supportsPassive = false;
 try {
-  let opts = Object.defineProperty({}, 'passive', {
+  const opts = Object.defineProperty({}, 'passive', {
     get() {
       supportsPassive = true;
     },

components/_util/type.ts

@@ -31,6 +31,8 @@ export interface PropOptions<T = any, D = T> {
 }
 
 declare type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void;
+
+// eslint-disable-next-line no-undef
 export type VueNode = VNodeChildAtom | VNodeChildAtom[] | JSX.Element;
 
 export const withInstall = <T>(comp: T) => {

components/breadcrumb/BreadcrumbItem.tsx

@@ -8,7 +8,7 @@ import DownOutlined from '@ant-design/icons-vue/DownOutlined';
 import useConfigInject from '../config-provider/hooks/useConfigInject';
 import type { MouseEventHandler } from '../_util/EventInterface';
 import { eventType, objectType } from '../_util/type';
-import type { CustomSlotsType } from '../_util/type';
+import type { CustomSlotsType, VueNode } from '../_util/type';
 
 export const breadcrumbItemProps = () => ({
   prefixCls: String,
@@ -38,7 +38,7 @@ export default defineComponent({
      * if overlay is have
      * Wrap a Dropdown
      */
-    const renderBreadcrumbNode = (breadcrumbItem: JSX.Element, prefixCls: string) => {
+    const renderBreadcrumbNode = (breadcrumbItem: VueNode, prefixCls: string) => {
       const overlay = getPropsSlot(slots, props, 'overlay');
       if (overlay) {
         return (
@@ -59,7 +59,7 @@ export default defineComponent({
       const separator = getPropsSlot(slots, props, 'separator') ?? '/';
       const children = getPropsSlot(slots, props);
       const { class: cls, style, ...restAttrs } = attrs;
-      let link: JSX.Element;
+      let link: VueNode;
       if (props.href !== undefined) {
         link = (
           <a class={`${prefixCls.value}-link`} onClick={handleClick} {...restAttrs}>

components/locale-provider/__tests__/index.test.js

@@ -206,7 +206,7 @@ describe('Locale Provider', () => {
         return null;
       },
     };
-    for (let locale of locales) {
+    for (const locale of locales) {
       document.body.innerHTML = '';
       mount(
         {

components/message/__tests__/index.test.js

@@ -107,7 +107,7 @@ describe('message', () => {
 
   // https:// github.com/ant-design/ant-design/issues/8201
   it('should hide message correctly', async () => {
-    let hide = message.loading('Action in progress..', 0);
+    const hide = message.loading('Action in progress..', 0);
     await Promise.resolve();
     expect(document.querySelectorAll('.ant-message-notice').length).toBe(1);
     hide();

components/modal/useModal/index.tsx

@@ -12,15 +12,15 @@ import destroyFns from '../destroyFns';
 let uuid = 0;
 
 interface ElementsHolderRef {
-  addModal: (modal: () => JSX.Element) => () => void;
+  addModal: (modal: () => VueNode) => () => void;
 }
 
 const ElementsHolder = defineComponent({
   name: 'ElementsHolder',
   inheritAttrs: false,
   setup(_, { expose }) {
-    const modals = shallowRef<(() => JSX.Element)[]>([]);
-    const addModal = (modal: () => JSX.Element) => {
+    const modals = shallowRef<(() => VueNode)[]>([]);
+    const addModal = (modal: () => VueNode) => {
       modals.value.push(modal);
       modals.value = modals.value.slice();
       return () => {

components/progress/Circle.tsx

@@ -23,7 +23,7 @@ const getMinPercent = (width: number): number => (CIRCLE_MIN_STROKE_WIDTH / widt
 
 export default defineComponent({
   compatConfig: { MODE: 3 },
-  name: 'Circle',
+  name: 'ProgressCircle',
   inheritAttrs: false,
   props: initDefaultProps(circleProps(), {
     trailColor: null as unknown as string,