build: upgrade dependencies (#1068)

IDuxFE · Aug 11, 2022 · 3f8b5a5 · 3f8b5a5
1 parent 806460f
commit 3f8b5a5
Show file tree

Hide file tree

Showing 25 changed files with 141 additions and 134 deletions.
diff --git a/.markdownlintrc b/.markdownlintrc
@@ -8,5 +8,6 @@
   "MD029": false,
   "MD033": false,
   "MD036": false,
-  "MD041": false
+  "MD041": false,
+  "MD051": false
 }
diff --git a/.stylelintrc b/.stylelintrc
@@ -4,13 +4,15 @@
   "rules": {
     "keyframes-name-pattern": null,
     "at-rule-no-unknown": null,
+    "function-no-unknown": null,
     "function-name-case": ["lower", { "ignoreFunctions": ["/colorPalette/"] }],
     "rule-empty-line-before": null,
     "no-duplicate-selectors": null,
     "no-empty-source": null,
     "no-invalid-double-slash-comments": null,
     "no-invalid-position-at-import-rule": null,
-    "font-family-no-missing-generic-family-keyword": null
+    "font-family-no-missing-generic-family-keyword": null,
+    "selector-not-notation": null
   },
   "ignoreFiles": [
     "dist/**/*.less",

diff --git a/package.json b/package.json
@@ -49,16 +49,16 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-typescript": "^7.16.7",
-    "@commitlint/cli": "^16.2.3",
-    "@commitlint/config-angular": "^16.2.3",
-    "@juggle/resize-observer": "^3.3.0",
-    "@ls-lint/ls-lint": "^1.11.0",
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-typescript": "^7.18.6",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-angular": "^17.0.3",
+    "@juggle/resize-observer": "^3.3.1",
+    "@ls-lint/ls-lint": "^1.11.2",
     "@rollup/plugin-alias": "^3.1.9",
-    "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-replace": "^3.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-replace": "^4.0.0",
     "@rollup/pluginutils": "^4.2.1",
     "@types/bluebird": "^3.5.36",
     "@types/figlet": "^1.5.4",
@@ -68,74 +68,75 @@
     "@types/less": "^3.0.3",
     "@types/lodash-es": "^4.17.6",
     "@types/marked": "^4.0.3",
-    "@types/node": "^17.0.27",
-    "@types/parse5": "^6.0.3",
+    "@types/node": "^17.0.45",
+    "@types/parse5": "^7.0.0",
     "@types/prismjs": "^1.26.0",
     "@types/svgo": "^2.6.3",
     "@types/yaml-front-matter": "^4.1.0",
-    "@typescript-eslint/eslint-plugin": "^5.20.0",
-    "@typescript-eslint/parser": "^5.20.0",
-    "@vitejs/plugin-vue": "^1.10.2",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@typescript-eslint/eslint-plugin": "^5.33.0",
+    "@typescript-eslint/parser": "^5.33.0",
+    "@vitejs/plugin-vue": "^3.0.1",
+    "@vitejs/plugin-vue-jsx": "^2.0.0",
     "@vue/babel-plugin-jsx": "^1.1.1",
-    "@vue/compiler-dom": "^3.2.33",
-    "@vue/compiler-sfc": "^3.2.33",
+    "@vue/compiler-dom": "^3.2.37",
+    "@vue/compiler-sfc": "^3.2.37",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/reactivity": "^3.2.33",
-    "@vue/runtime-core": "^3.2.33",
-    "@vue/runtime-dom": "^3.2.33",
-    "@vue/shared": "^3.2.33",
-    "@vue/test-utils": "2.0.0-rc.17",
-    "c8": "^7.11.2",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "@vue/reactivity": "^3.2.37",
+    "@vue/runtime-core": "^3.2.37",
+    "@vue/runtime-dom": "^3.2.37",
+    "@vue/shared": "^3.2.37",
+    "@vue/test-utils": "2.0.2",
+    "c8": "^7.12.0",
     "chalk": "^4.1.2",
     "codecov": "^3.8.3",
-    "cz-git": "^1.3.3",
-    "esbuild": "^0.14.38",
-    "eslint": "^8.14.0",
+    "cz-git": "^1.3.10",
+    "esbuild": "^0.15.0",
+    "eslint": "^8.21.0",
     "eslint-import-resolver-custom-alias": "^1.3.0",
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsdoc": "^37.9.7",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
+    "eslint-plugin-jsdoc": "^39.3.6",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.3.0",
     "fast-glob": "^3.2.11",
     "figlet": "^1.5.2",
     "fs-extra": "^10.1.0",
     "gulp": "^4.0.2",
-    "husky": "^7.0.4",
+    "husky": "^8.0.1",
     "inquirer": "^8.2.2",
-    "jsdom": "^19.0.0",
-    "lerna": "^4.0.0",
-    "less": "^4.1.2",
+    "jsdom": "^20.0.0",
+    "lerna": "^5.4.0",
+    "less": "^4.1.3",
     "less-plugin-clean-css": "^1.5.1",
     "less-plugin-npm-import": "^2.1.0",
-    "lint-staged": "^12.4.0",
-    "lodash-es": "^4.17.0",
-    "markdownlint-cli": "^0.30.0",
-    "marked": "^4.0.14",
+    "lint-staged": "^13.0.3",
+    "lodash-es": "^4.17.21",
+    "markdownlint-cli": "^0.32.0",
+    "marked": "^4.0.18",
     "npm-run-all": "^4.1.5",
     "ora": "^5.4.1",
-    "parse5": "^6.0.1",
-    "postcss-less": "^5.0.0",
-    "prettier": "^2.6.2",
+    "parse5": "^7.0.0",
+    "postcss": "^8.4.16",
+    "postcss-less": "^6.0.0",
+    "prettier": "^2.7.1",
     "prismjs": "^1.28.0",
     "remark": "^13.0.0",
-    "resolve-bin": "^1.0.0",
-    "rollup": "^2.70.2",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "stylelint": "^14.8.3",
+    "resolve-bin": "^1.0.1",
+    "rollup": "^2.77.2",
+    "rollup-plugin-typescript2": "^0.32.0",
+    "stylelint": "^14.9.1",
     "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^24.0.0",
+    "stylelint-config-standard": "^26.0.0",
     "svgo": "^2.8.0",
-    "ts-node": "^10.7.0",
+    "ts-node": "^10.9.1",
     "ts-toolbelt": "^9.6.0",
     "tslib": "^2.4.0",
-    "typescript": "^4.6.3",
-    "unplugin-vue-components": "^0.17.21",
-    "vite": "^2.9.5",
-    "vitest": "^0.8.5",
-    "vue": "^3.2.33",
+    "typescript": "^4.7.4",
+    "unplugin-vue-components": "^0.22.4",
+    "vite": "^3.0.5",
+    "vitest": "^0.21.1",
+    "vue": "^3.2.37",
     "yaml-front-matter": "^4.1.1"
   },
   "engines": {

diff --git a/packages/cdk/scroll/__tests__/blockScrollStrategy.spec.ts b/packages/cdk/scroll/__tests__/blockScrollStrategy.spec.ts
@@ -1,6 +1,6 @@
 import { BlockScrollStrategy } from '../src/strategy/blockScrollStrategy'
 
-describe('blockScrollStrategy.ts', () => {
+describe.skip('blockScrollStrategy.ts', () => {
   const defaultClassName = 'cdk-scroll-block'
   let blockScrollStrategy: BlockScrollStrategy
 
@@ -14,7 +14,7 @@ describe('blockScrollStrategy.ts', () => {
     }
   })
 
-  it.skip('enable and disable work', () => {
+  it('enable and disable work', () => {
     blockScrollStrategy.enable()
 
     expect(document.documentElement.className).toBe(defaultClassName)
@@ -24,7 +24,7 @@ describe('blockScrollStrategy.ts', () => {
     expect(document.documentElement.className).toBe('')
   })
 
-  it.skip('className work', () => {
+  it('className work', () => {
     const testClassName = 'test-block'
     const scrollLocker1 = new BlockScrollStrategy({ className: testClassName })
 
@@ -44,7 +44,7 @@ describe('blockScrollStrategy.ts', () => {
     expect(document.documentElement.className).toBe('')
   })
 
-  it.skip('multiple enable and disable work', () => {
+  it('multiple enable and disable work', () => {
     blockScrollStrategy.enable()
     blockScrollStrategy.enable()
 
@@ -59,7 +59,7 @@ describe('blockScrollStrategy.ts', () => {
     expect(document.documentElement.className).toBe('')
   })
 
-  it.skip('multiple instance work', () => {
+  it('multiple instance work', () => {
     const scrollLocker1 = new BlockScrollStrategy()
     const scrollLocker2 = new BlockScrollStrategy()
 

diff --git a/packages/cdk/utils/src/props.ts b/packages/cdk/utils/src/props.ts
@@ -7,6 +7,7 @@
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+// eslint-disable-next-line vue/prefer-import-from-vue
 import type { IfAny } from '@vue/shared'
 import type { Prop } from 'vue'
 

diff --git a/packages/cdk/utils/src/typeof.ts b/packages/cdk/utils/src/typeof.ts
@@ -7,6 +7,7 @@
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+// eslint-disable-next-line vue/prefer-import-from-vue
 import { toRawType } from '@vue/shared'
 
 import { isFunction, isObject } from 'lodash-es'

diff --git a/packages/components/badge/__tests__/__snapshots__/badge.spec.ts.snap b/packages/components/badge/__tests__/__snapshots__/badge.spec.ts.snap
@@ -1,6 +1,10 @@
 // Vitest Snapshot v1
 
-exports[`Badge > color work 1`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\" style=\\"background-color: rgb(255, 0, 0);\\"><!----></sup>"`;
+exports[`Badge > color work 1`] = `
+"<sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\" style=\\"background-color: rgb(255, 0, 0);\\">
+  <!---->
+</sup>"
+`;
 
 exports[`Badge > count slot work 1`] = `"<span class=\\"ix-badge-wrapper\\"><!----><sup class=\\"ix-badge ix-badge-empty ix-badge-slot-count\\"><div class=\\"count-slot\\"></div></sup></span>"`;
 
@@ -10,9 +14,17 @@ exports[`Badge > count work 2`] = `"<sup class=\\"ix-badge ix-badge-empty ix-bad
 
 exports[`Badge > count work 3`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-count\\">1-1</sup>"`;
 
-exports[`Badge > dot work 1`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\"><!----></sup>"`;
+exports[`Badge > dot work 1`] = `
+"<sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\">
+  <!---->
+</sup>"
+`;
 
-exports[`Badge > dot work 2`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-dot\\"><!----></sup>"`;
+exports[`Badge > dot work 2`] = `
+"<sup class=\\"ix-badge ix-badge-empty ix-badge-dot\\">
+  <!---->
+</sup>"
+`;
 
 exports[`Badge > overflowCount work 1`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-count\\">99+</sup>"`;
 
@@ -24,6 +36,10 @@ exports[`Badge > overflowCount work 4`] = `"<sup class=\\"ix-badge ix-badge-empt
 
 exports[`Badge > render work 1`] = `"<span class=\\"ix-badge-wrapper\\"><!----><sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\"><!----></sup></span>"`;
 
-exports[`Badge > showZero work 1`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\"><!----></sup>"`;
+exports[`Badge > showZero work 1`] = `
+"<sup class=\\"ix-badge ix-badge-empty ix-badge-count ix-badge-hide-zero\\">
+  <!---->
+</sup>"
+`;
 
 exports[`Badge > showZero work 2`] = `"<sup class=\\"ix-badge ix-badge-empty ix-badge-count\\">0</sup>"`;
diff --git a/packages/components/cascader/src/contents/OverlayContent.tsx b/packages/components/cascader/src/contents/OverlayContent.tsx
@@ -7,8 +7,7 @@
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import { computed } from '@vue/reactivity'
-import { type VNode, defineComponent, inject } from 'vue'
+import { type VNode, computed, defineComponent, inject } from 'vue'
 
 import { ɵInput } from '@idux/components/_private/input'
 

diff --git a/packages/components/cascader/src/contents/OverlayOptionGroup.tsx b/packages/components/cascader/src/contents/OverlayOptionGroup.tsx
@@ -5,8 +5,7 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import { computed } from '@vue/reactivity'
-import { type PropType, type VNode, defineComponent, inject, normalizeClass } from 'vue'
+import { type PropType, type VNode, computed, defineComponent, inject, normalizeClass } from 'vue'
 
 import { CdkVirtualScroll, type VirtualItemRenderFn } from '@idux/cdk/scroll'
 import { ɵEmpty } from '@idux/components/_private/empty'

diff --git a/packages/components/date-picker/__tests__/__snapshots__/datePicker.spec.ts.snap b/packages/components/date-picker/__tests__/__snapshots__/datePicker.spec.ts.snap
@@ -5,6 +5,5 @@ exports[`DatePicker > render work 1`] = `
   <div class=\\"ix-date-picker-input\\"><input class=\\"ix-date-picker-input-inner\\" autocomplete=\\"off\\" placeholder=\\"请选择日期\\" readonly=\\"\\" size=\\"12\\"></div>
   <div class=\\"ix-trigger-suffix\\"><i class=\\"ix-icon ix-icon-calendar\\" role=\\"img\\" aria-label=\\"calendar\\"></i></div>
   <!---->
-</div>
-<!---->"
+</div>"
 `;
diff --git a/packages/components/date-picker/__tests__/__snapshots__/dateRangePicker.spec.ts.snap b/packages/components/date-picker/__tests__/__snapshots__/dateRangePicker.spec.ts.snap
@@ -5,6 +5,5 @@ exports[`DateRangePicker > render work 1`] = `
   <div class=\\"ix-date-range-picker-input\\"><input class=\\"ix-date-range-picker-input-inner\\" autocomplete=\\"off\\" placeholder=\\"开始日期\\" readonly=\\"\\" size=\\"12\\"><span class=\\"ix-date-range-picker-input-separator\\">至</span><input class=\\"ix-date-range-picker-input-inner\\" autocomplete=\\"off\\" placeholder=\\"结束日期\\" readonly=\\"\\" size=\\"12\\"></div>
   <div class=\\"ix-trigger-suffix\\"><i class=\\"ix-icon ix-icon-calendar\\" role=\\"img\\" aria-label=\\"calendar\\"></i></div>
   <!---->
-</div>
-<!---->"
+</div>"
 `;
diff --git a/packages/components/date-picker/__tests__/datePicker.spec.ts b/packages/components/date-picker/__tests__/datePicker.spec.ts
@@ -224,8 +224,7 @@ describe('DatePicker', () => {
 
     await wrapper
       .findComponent(Content)
-      .find('.ix-date-picker-overlay-inputs-date-input')
-      .find('input')
+      .find<HTMLInputElement>('.ix-date-picker-overlay-inputs-date-input')
       .setValue('2021-11-22')
     expect(onUpdateValue).toBeCalledWith(new Date('2021-11-22 00:00:00'))
     expect(onChange).toBeCalledWith(new Date('2021-11-22 00:00:00'), new Date('2021-10-11 00:00:00'))
@@ -235,8 +234,7 @@ describe('DatePicker', () => {
 
     await wrapper
       .findComponent(Content)
-      .find('.ix-date-picker-overlay-inputs-time-input')
-      .find('input')
+      .find<HTMLInputElement>('.ix-date-picker-overlay-inputs-time-input')
       .setValue('13:03:04')
     expect(onUpdateValue).toBeCalledWith(new Date('2021-10-11 13:03:04'))
     expect(onChange).toBeCalledWith(new Date('2021-10-11 13:03:04'), new Date('2021-10-11 00:00:00'))
@@ -262,10 +260,10 @@ describe('DatePicker', () => {
 
     expect(wrapper.find('.ix-date-picker').find('input').element.value).toBe('2021-10-11 13/03/04')
     expect(
-      wrapper.findComponent(Content).find('.ix-date-picker-overlay-inputs-date-input').find('input').element.value,
+      wrapper.findComponent(Content).find<HTMLInputElement>('.ix-date-picker-overlay-inputs-date-input').element.value,
     ).toBe('2021年10月11日')
     expect(
-      wrapper.findComponent(Content).find('.ix-date-picker-overlay-inputs-time-input').find('input').element.value,
+      wrapper.findComponent(Content).find<HTMLInputElement>('.ix-date-picker-overlay-inputs-time-input').element.value,
     ).toBe('13时03分04秒')
   })
 })
diff --git a/packages/components/date-picker/__tests__/dateRangePicker.spec.ts b/packages/components/date-picker/__tests__/dateRangePicker.spec.ts
@@ -231,14 +231,8 @@ describe('DateRangePicker', () => {
       },
     })
 
-    const dateInputs = wrapper
-      .findComponent(RangeContent)
-      .findAll('.ix-date-range-picker-overlay-inputs-date-input')
-      .map(el => el.find('input'))
-    const timeInputs = wrapper
-      .findComponent(RangeContent)
-      .findAll('.ix-date-range-picker-overlay-inputs-time-input')
-      .map(el => el.find('input'))
+    const dateInputs = wrapper.findComponent(RangeContent).findAll('.ix-date-range-picker-overlay-inputs-date-input')
+    const timeInputs = wrapper.findComponent(RangeContent).findAll('.ix-date-range-picker-overlay-inputs-time-input')
 
     await dateInputs[0].setValue('2021-11-22')
     await dateInputs[1].setValue('2021-12-25')

diff --git a/packages/components/form/docs/Api.zh.md b/packages/components/form/docs/Api.zh.md
@@ -119,16 +119,9 @@ const onInput = (evt: Event) => {
 | `@form-padding-horizontal-sm` | `@spacing-sm - 2px` | - | - |
 | `@form-padding-horizontal-md` | `@spacing-md` | - | - |
 | `@form-padding-horizontal-lg` | `@spacing-sm + 2px` | - | - |
-| `@form-padding-vertical-sm` | `max(
-  (round(((@form-height-sm - @form-font-size-sm * @form-line-height) / 2) * 10) / 10) - @form-border-width,
-  0
-)` | - | - |
-| `@form-padding-vertical-md` | `max(
-  (round(((@form-height-md - @form-font-size-md * @form-line-height) / 2) * 10) / 10) - @form-border-width,
-  2px
-)` | - | - |
-| `@form-padding-vertical-lg` | `(ceil(((@form-height-lg - @form-font-size-lg * @form-line-height) / 2) * 10) / 10) -
-  @form-border-width` | - | - |
+| `@form-padding-vertical-sm` | `max((round(((@form-height-sm - @form-font-size-sm * @form-line-height) / 2) * 10) / 10) - @form-border-width, 0)` | - | - |
+| `@form-padding-vertical-md` | `max((round(((@form-height-md - @form-font-size-md * @form-line-height) / 2) * 10) / 10) - @form-border-width, 2px)` | - | - |
+| `@form-padding-vertical-lg` | `(ceil(((@form-height-lg - @form-font-size-lg * @form-line-height) / 2) * 10) / 10) - @form-border-width` | - | - |
 | `@form-border-width` | `@border-width-sm` | - | - |
 | `@form-border-style` | `@border-style` | - | - |
 | `@form-border-color` | `@border-color` | - | - |

diff --git a/packages/components/image/__tests__/__snapshots__/imageViewer.spec.ts.snap b/packages/components/image/__tests__/__snapshots__/imageViewer.spec.ts.snap
@@ -1,3 +1,3 @@
 // Vitest Snapshot v1
 
-exports[`ImageViewer > render work 1`] = `"<!---->"`;
+exports[`ImageViewer > render work 1`] = `""`;
diff --git a/packages/components/loading-bar/__tests__/__snapshots__/loadingBar.spec.ts.snap b/packages/components/loading-bar/__tests__/__snapshots__/loadingBar.spec.ts.snap
@@ -2,5 +2,6 @@
 
 exports[`LoadingBarProvider > render work 1`] = `
 "<!--teleport start-->
-<!--teleport end-->&lt;button&gt;ok&lt;/button&gt;"
+<!--teleport end-->
+&lt;button&gt;ok&lt;/button&gt;"
 `;