chore: lint fix

41410161 · vben · 21bae3ad · 41410161 · 41410161 · 41410161
--- a/package.json
+++ b/package.json
@@ -122,8 +122,10 @@
    "stylelint-config-html": "^1.0.0",
    "stylelint-config-prettier": "^9.0.3",
    "stylelint-config-recommended": "^7.0.0",
+    "stylelint-config-recommended-vue": "^1.3.0",
    "stylelint-config-standard": "^25.0.0",
    "stylelint-order": "^5.0.0",
+    "stylelint-processor-html": "^1.0.0",
    "ts-node": "^10.7.0",
    "typescript": "^4.6.2",
    "vite": "^2.9.0-beta.3",

--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -86,8 +86,10 @@ specifiers:
  stylelint-config-html: ^1.0.0
  stylelint-config-prettier: ^9.0.3
  stylelint-config-recommended: ^7.0.0
+  stylelint-config-recommended-vue: ^1.3.0
  stylelint-config-standard: ^25.0.0
  stylelint-order: ^5.0.0
+  stylelint-processor-html: ^1.0.0
  tinymce: ^5.10.3
  ts-node: ^10.7.0
  typescript: ^4.6.2
@@ -205,8 +207,10 @@ devDependencies:
  stylelint-config-html: 1.0.0_f552817e5b8b1b7dca381d844218922e
  stylelint-config-prettier: 9.0.3_stylelint@14.6.0
  stylelint-config-recommended: 7.0.0_stylelint@14.6.0
+  stylelint-config-recommended-vue: 1.3.0_f552817e5b8b1b7dca381d844218922e
  stylelint-config-standard: 25.0.0_stylelint@14.6.0
  stylelint-order: 5.0.0_stylelint@14.6.0
+  stylelint-processor-html: 1.0.0
  ts-node: 10.7.0_e79e62fe450383fd2d418267dc75e645
  typescript: 4.6.2
  vite: 2.9.0-beta.3_less@4.1.2
@@ -9086,6 +9090,20 @@ packages:
      stylelint: 14.6.0
    dev: true

+  /stylelint-config-recommended-vue/1.3.0_f552817e5b8b1b7dca381d844218922e:
+    resolution: {integrity: sha512-UEY/MZlBO2yiQdZoJm33trtqJ1MEDzBADhIAM0pTvfYbyXe5KwdbTtmALHETG1cXfDxuuUbJTvL9uENMy2Rjug==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.3.0
+      semver: 7.3.5
+      stylelint: 14.6.0
+      stylelint-config-html: 1.0.0_f552817e5b8b1b7dca381d844218922e
+      stylelint-config-recommended: 7.0.0_stylelint@14.6.0
+    dev: true
+
  /stylelint-config-recommended/7.0.0_stylelint@14.6.0:
    resolution: {integrity: sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==}
    peerDependencies:
@@ -9113,6 +9131,13 @@ packages:
      stylelint: 14.6.0
    dev: true

+  /stylelint-processor-html/1.0.0:
+    resolution: {integrity: sha1-aJK2soVaRfApHNhFGR1pCBMKKRg=}
+    deprecated: 'Please use stylelint-processor-arbitrary-tags https://github.com/mapbox/stylelint-processor-arbitrary-tags '
+    dependencies:
+      htmlparser2: 3.10.1
+    dev: true
+
  /stylelint/14.6.0:
    resolution: {integrity: sha512-Xk2sqXYPi9nXgq70nBiZkbQm/QOOKd83NBTaBE1fXEWAEeRlgHnKC/E7kJFlT6K0SaNDOK5yIvR7GFPGsNLuOg==}
    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}

--- a/src/components/Application/src/AppLocalePicker.vue
+++ b/src/components/Application/src/AppLocalePicker.vue
@@ -8,7 +8,7 @@
    :trigger="['click']"
    :dropMenuList="localeList"
    :selectedKeys="selectedKeys"
-    @menuEvent="handleMenuEvent"
+    @menu-event="handleMenuEvent"
    overlayClassName="app-locale-picker-overlay"
  >
    <span class="cursor-pointer flex items-center">

--- a/src/components/Cropper/src/CropperAvatar.vue
+++ b/src/components/Cropper/src/CropperAvatar.vue
@@ -22,7 +22,7 @@

    <CopperModal
      @register="register"
-      @uploadSuccess="handleUploadSuccess"
+      @upload-success="handleUploadSuccess"
      :uploadApi="uploadApi"
      :src="sourceValue"
    />

--- a/src/components/Icon/src/IconPicker.vue
+++ b/src/components/Icon/src/IconPicker.vue
@@ -31,18 +31,7 @@
                  v-for="icon in getPaginationList"
                  :key="icon"
                  :class="currentSelect === icon ? 'border border-primary' : ''"
-                  class="
-                    p-2
-                    w-1/8
-                    cursor-pointer
-                    mr-1
-                    mt-1
-                    flex
-                    justify-center
-                    items-center
-                    border border-solid
-                    hover:border-primary
-                  "
+                  class="p-2 w-1/8 cursor-pointer mr-1 mt-1 flex justify-center items-center border border-solid hover:border-primary"
                  @click="handleClick(icon)"
                  :title="icon"
                >

--- a/src/components/Markdown/src/MarkdownViewer.vue
+++ b/src/components/Markdown/src/MarkdownViewer.vue
@@ -4,7 +4,7 @@
 </template>

 <script lang="ts" setup>
-  import { computed,defineProps } from 'vue';
+  import { computed, defineProps } from 'vue';
  import showdown from 'showdown';

  const converter = new showdown.Converter();

--- a/src/components/Menu/src/BasicMenu.vue
+++ b/src/components/Menu/src/BasicMenu.vue
@@ -6,7 +6,7 @@
    :openKeys="getOpenKeys"
    :inlineIndent="inlineIndent"
    :theme="theme"
-    @openChange="handleOpenChange"
+    @open-change="handleOpenChange"
    :class="getMenuClass"
    @click="handleMenuClick"
    :subMenuOpenDelay="0.2"

--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -21,7 +21,7 @@
      :overlayClassName="`${prefixCls}-menu-popover`"
      v-else
      :visible="getIsOpend"
-      @visibleChange="handleVisibleChange"
+      @visible-change="handleVisibleChange"
      :overlayStyle="getOverlayStyle"
      :align="{ offset: [0, 0] }"
    >

--- a/src/components/Table/src/components/settings/ColumnSetting.vue
+++ b/src/components/Table/src/components/settings/ColumnSetting.vue
@@ -6,7 +6,7 @@
    <Popover
      placement="bottomLeft"
      trigger="click"
-      @visibleChange="handleVisibleChange"
+      @visible-change="handleVisibleChange"
      :overlayClassName="`${prefixCls}__cloumn-list`"
      :getPopupContainer="getPopupContainer"
    >

--- a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
+++ b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
@@ -18,6 +18,7 @@
    name: 'DropdownMenuItem',
    components: { MenuItem: Menu.Item, Icon },
    props: {
+      // eslint-disable-next-line
      key: propTypes.string,
      text: propTypes.string,
      icon: propTypes.string,

--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -66,7 +66,7 @@
          :items="childrenMenus"
          :theme="getMenuTheme"
          mixSider
-          @menuClick="handleMenuClick"
+          @menu-click="handleMenuClick"
        />
      </ScrollContainer>
      <div

--- a/src/layouts/default/tabs/components/TabContent.vue
+++ b/src/layouts/default/tabs/components/TabContent.vue
 <template>
-  <Dropdown :dropMenuList="getDropMenuList" :trigger="getTrigger" @menuEvent="handleMenuEvent">
+  <Dropdown :dropMenuList="getDropMenuList" :trigger="getTrigger" @menu-event="handleMenuEvent">
    <div :class="`${prefixCls}__info`" @contextmenu="handleContext" v-if="getIsTabs">
      <span class="ml-1">{{ getTitle }}</span>
    </div>

--- a/src/views/dashboard/analysis/components/SiteAnalysis.vue
+++ b/src/views/dashboard/analysis/components/SiteAnalysis.vue
@@ -3,7 +3,7 @@
    :tab-list="tabListTitle"
    v-bind="$attrs"
    :active-tab-key="activeKey"
-    @tabChange="onTabChange"
+    @tab-change="onTabChange"
  >
    <p v-if="activeKey === 'tab1'">
      <VisitAnalysis />

--- a/src/views/demo/comp/card-list/index.vue
+++ b/src/views/demo/comp/card-list/index.vue
 <template>
  <PageWrapper title="卡片列表示例" content="基础封装">
-    <CardList :params="params" :api="demoListApi" @getMethod="getMethod" @delete="handleDel">
+    <CardList :params="params" :api="demoListApi" @get-method="getMethod" @delete="handleDel">
      <template #header>
        <Button type="primary" color="error"> 按钮1 </Button>
        <Button type="primary" color="success"> 按钮2 </Button>

--- a/src/views/demo/feat/click-out-side/index.vue
+++ b/src/views/demo/feat/click-out-side/index.vue
 <template>
  <PageWrapper title="点内外部触发事件">
-    <ClickOutSide @clickOutside="handleClickOutside" class="flex justify-center">
+    <ClickOutSide @click-outside="handleClickOutside" class="flex justify-center">
      <div @click="innerClick" class="demo-box">
        {{ text }}
      </div>

--- a/src/views/sys/lock/LockPage.vue
+++ b/src/views/sys/lock/LockPage.vue
@@ -5,23 +5,7 @@
  >
    <div
      :class="`${prefixCls}__unlock`"
-      class="
-        absolute
-        top-0
-        left-1/2
-        flex
-        pt-5
-        h-16
-        items-center
-        justify-center
-        sm:text-md
-        xl:text-xl
-        text-white
-        flex-col
-        cursor-pointer
-        transform
-        translate-x-1/2
-      "
+      class="absolute top-0 left-1/2 flex pt-5 h-16 items-center justify-center sm:text-md xl:text-xl text-white flex-col cursor-pointer transform translate-x-1/2"
      @click="handleShowForm(false)"
      v-show="showDate"
    >

--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
@@ -32,23 +32,7 @@
        <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
          <div
            :class="`${prefixCls}-form`"
-            class="
-              relative
-              w-full
-              px-5
-              py-8
-              mx-auto
-              my-auto
-              rounded-md
-              shadow-md
-              xl:ml-16 xl:bg-transparent
-              sm:px-8
-              xl:p-4 xl:shadow-none
-              sm:w-3/4
-              lg:w-2/4
-              xl:w-auto
-              enter-x
-            "
+            class="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
          >
            <LoginForm />
            <ForgetPasswordForm />

--- a/stylelint.config.js
+++ b/stylelint.config.js
 module.exports = {
  root: true,
  plugins: ['stylelint-order'],
-  customSyntax: 'postcss-html',
-  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
+  processors: ['stylelint-processor-html'],
+  extends: [
+    'stylelint-config-standard',
+    'stylelint-config-prettier',
+    'stylelint-config-recommended-vue/less',
+  ],
+
  rules: {
    'selector-class-pattern': null,
    'selector-pseudo-class-no-unknown': [