chore: update

package.json

@@ -36,23 +36,23 @@
     "@pureadmin/descriptions": "^1.1.0",
     "@pureadmin/table": "^1.9.0",
     "@pureadmin/utils": "^1.8.5",
-    "@vueuse/core": "^9.6.0",
+    "@vueuse/core": "^9.10.0",
     "@vueuse/motion": "2.0.0-beta.12",
     "@wangeditor/editor": "^5.1.21",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "animate.css": "^4.1.1",
-    "axios": "^1.2.0",
+    "axios": "^1.2.2",
     "china-area-data": "^5.0.1",
     "cropperjs": "^1.5.12",
-    "dayjs": "^1.11.6",
+    "dayjs": "^1.11.7",
-    "echarts": "^5.4.0",
+    "echarts": "^5.4.1",
     "el-table-infinite-scroll": "^3.0.1",
-    "element-plus": "^2.2.27",
+    "element-plus": "^2.2.28",
     "element-resize-detector": "^1.2.4",
     "intro.js": "^6.0.0",
     "js-cookie": "^3.0.1",
     "jsbarcode": "^3.11.5",
-    "md-editor-v3": "^2.5.0",
+    "md-editor-v3": "^2.7.2",
     "mitt": "^3.0.0",
     "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",
@@ -63,7 +63,7 @@
     "responsive-storage": "^2.1.0",
     "sortablejs": "^1.15.0",
     "swiper": "^8.4.5",
-    "typeit": "^8.7.0",
+    "typeit": "^8.7.1",
     "v-contextmenu": "3.0.0",
     "vue": "^3.2.45",
     "vue-i18n": "^9.2.2",
@@ -74,15 +74,15 @@
     "vue-virtual-scroller": "2.0.0-beta.7",
     "vue3-danmaku": "^1.2.0",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^2.32.1",
+    "xgplayer": "^2.32.2",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@commitlint/cli": "13.1.0",
     "@commitlint/config-conventional": "13.1.0",
-    "@iconify-icons/ep": "^1.2.7",
+    "@iconify-icons/ep": "^1.2.10",
-    "@iconify-icons/ri": "^1.2.3",
+    "@iconify-icons/ri": "^1.2.4",
-    "@iconify/vue": "^4.0.0",
+    "@iconify/vue": "^4.0.2",
     "@intlify/unplugin-vue-i18n": "^0.8.1",
     "@pureadmin/theme": "^3.0.0",
     "@types/element-resize-detector": "1.1.3",
@@ -101,7 +101,7 @@
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
     "autoprefixer": "^10.4.13",
-    "cloc": "^2.10.0",
+    "cloc": "^2.11.0",
     "cssnano": "^5.1.14",
     "eslint": "^8.8.0",
     "eslint-plugin-prettier": "^4.0.0",
@@ -109,15 +109,15 @@
     "husky": "^7.0.4",
     "lint-staged": "11.1.2",
     "picocolors": "^1.0.0",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.21",
     "postcss-html": "^1.5.0",
-    "postcss-import": "^15.0.0",
+    "postcss-import": "^15.1.0",
-    "postcss-scss": "^4.0.5",
+    "postcss-scss": "^4.0.6",
     "prettier": "^2.5.1",
     "pretty-quick": "3.1.1",
     "rimraf": "3.0.2",
-    "rollup-plugin-visualizer": "^5.8.3",
+    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.56.1",
+    "sass": "^1.57.1",
     "sass-loader": "^13.2.0",
     "stylelint": "^14.3.0",
     "stylelint-config-html": "^1.0.0",
@@ -127,17 +127,17 @@
     "stylelint-order": "^5.0.0",
     "svgo": "^3.0.2",
     "tailwindcss": "^3.2.4",
-    "terser": "^5.15.1",
+    "terser": "^5.16.1",
-    "typescript": "^4.9.3",
+    "typescript": "^4.9.4",
     "unplugin-vue-define-options": "^1.0.0",
-    "vite": "^4.0.3",
+    "vite": "^4.0.4",
     "vite-plugin-cdn-import": "^0.3.5",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-remove-console": "^1.3.0",
-    "vite-svg-loader": "^3.6.0",
+    "vite-svg-loader": "^4.0.0",
     "vue-eslint-parser": "^9.1.0",
-    "vue-tsc": "^1.0.9"
+    "vue-tsc": "^1.0.22"
   },
   "pnpm": {
     "peerDependencyRules": {

src/views/able/print.vue

@@ -10,6 +10,7 @@ defineOptions({
 interface User {
   date: string;
   name: string;
+  age: number;
   address: string;
 }
 
@@ -19,15 +20,15 @@ const options = [
   {
     value: "1",
     el: ".el-table",
-    label: "Element-Plus Table"
+    label: "Table"
   },
   {
-    value: "3",
+    value: "2",
     el: ".echart",
     label: "Echart"
   },
   {
-    value: "4",
+    value: "3",
     el: ".img",
     label: "Image"
   }
@@ -51,21 +52,25 @@ const tableData: User[] = [
   {
     date: "2016-05-03",
     name: "Tom",
+    age: 18,
     address: "No. 189, Grove St, Los Angeles"
   },
   {
     date: "2016-05-02",
     name: "Tom",
+    age: 18,
     address: "No. 189, Grove St, Los Angeles"
   },
   {
     date: "2016-05-04",
     name: "Tom",
+    age: 18,
     address: "No. 189, Grove St, Los Angeles"
   },
   {
     date: "2016-05-01",
     name: "Tom",
+    age: 18,
     address: "No. 189, Grove St, Los Angeles"
   }
 ];
@@ -98,12 +103,11 @@ const tableData: User[] = [
     </template>
     <el-row :gutter="24">
       <el-col
-        :xs="22"
+        :xs="24"
-        :sm="22"
+        :sm="24"
-        :md="11"
+        :md="24"
-        :lg="11"
+        :lg="24"
-        :xl="11"
+        :xl="24"
-        style="margin: 10px; border: 0.01rem solid var(--el-color-primary)"
         v-motion
         :initial="{
           opacity: 0,
@@ -117,31 +121,28 @@ const tableData: User[] = [
           }
         }"
       >
-        <p class="font-medium pt-1">Element-Plus Table</p>
+        <p class="font-medium pt-1">Table</p>
         <el-table
           border
           :data="tableData"
           :row-class-name="tableRowClassName"
-          class="el-table w-full mt-[40px] mr-[40px]"
+          class="el-table w-full mt-[10px]"
         >
-          <el-table-column prop="date" label="Date" width="180" />
+          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" width="180" />
+          <el-table-column prop="name" label="Name" />
+          <el-table-column prop="age" label="age" />
           <el-table-column prop="address" label="Address" />
         </el-table>
       </el-col>
 
+      <el-divider />
+
       <el-col
-        :xs="22"
+        :xs="11"
-        :sm="22"
+        :sm="11"
         :md="11"
         :lg="11"
         :xl="11"
-        style="
-          width: 200px;
-          height: 300px;
-          margin: 10px;
-          border: 0.01rem solid var(--el-color-primary);
-        "
         v-motion
         :initial="{
           opacity: 0,
@@ -156,21 +157,15 @@ const tableData: User[] = [
         }"
       >
         <p class="font-medium pt-1">Echart</p>
-        <Line class="echart" style="margin: 0 auto; height: 88%" />
+        <Line class="echart mt-[10px]" />
       </el-col>
 
       <el-col
-        :xs="22"
+        :xs="11"
-        :sm="22"
+        :sm="11"
         :md="11"
         :lg="11"
         :xl="11"
-        style="
-          width: 200px;
-          height: 300px;
-          margin: 10px;
-          border: 0.01rem solid var(--el-color-primary);
-        "
         v-motion
         :initial="{
           opacity: 0,
@@ -188,8 +183,7 @@ const tableData: User[] = [
         <img
           src="https://avatars.githubusercontent.com/u/44761321?v=4"
           alt="avatars"
-          class="img"
+          class="img mt-[10px] w-[250px] h-[250px] m-auto"
-          style="width: 200px; height: 200px; margin: 50px auto"
         />
       </el-col>
     </el-row>

src/views/welcome/components/Bar.vue

@@ -75,7 +75,7 @@ setOptions(
 watch(
   () => useAppStoreHook().getSidebarStatus,
   () => {
-    delay(360).then(() => resize());
+    delay(600).then(() => resize());
   }
 );
 </script>

src/views/welcome/components/Line.vue

@@ -63,7 +63,7 @@ setOptions(
 watch(
   () => useAppStoreHook().getSidebarStatus,
   () => {
-    delay(360).then(() => resize());
+    delay(600).then(() => resize());
   }
 );
 </script>

src/views/welcome/components/Pie.vue

@@ -71,7 +71,7 @@ setOptions(
 watch(
   () => useAppStoreHook().getSidebarStatus,
   () => {
-    delay(360).then(() => resize());
+    delay(600).then(() => resize());
   }
 );
 </script>