release: update 6.0.0

.gitignore

@@ -1,9 +1,10 @@
 node_modules
 .DS_Store
+dist
+dist-ssr
 *.local
 .eslintcache
 report.html
-dist
 vite.config.*.timestamp*
 
 yarn.lock

.husky/commit-msg

@@ -0,0 +1,8 @@
+#!/bin/sh
+
+# shellcheck source=./_/husky.sh
+. "$(dirname "$0")/_/husky.sh"
+
+PATH="/usr/local/bin:$PATH"
+
+npx --no-install commitlint --edit "$1"

.husky/common.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+command_exists () {
+  command -v "$1" >/dev/null 2>&1
+}
+
+# Workaround for Windows 10, Git Bash and Pnpm
+if command_exists winpty && test -t 1; then
+  exec < /dev/tty
+fi

.husky/pre-commit

@@ -0,0 +1,10 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+. "$(dirname "$0")/common.sh"
+
+[ -n "$CI" ] && exit 0
+
+PATH="/usr/local/bin:$PATH"
+
+# Perform lint check on files in the staging area through .lintstagedrc configuration
+pnpm exec lint-staged

CHANGELOG.en_US.md

@@ -1,3 +1,32 @@
+# 6.0.0 (2025-04-10)
+
+### ✔️ Refactor
+
+- Refactor the icon module, use `@iconify/json` to replace the `@iconify-icons/*` dependency that is no longer maintained and updated, optimize the user experience, ensure that the icon library can be continuously updated and support `Tree-shaking`
+- Upgrade `tailwindcss` to `v4` version, bringing faster build speed, simpler installation and configuration, and providing a dedicated `vite` plug-in
+
+### 🎫 Feat
+
+- Add `Ai` chat component example
+- Add `tagOnClick` tag to switch global public events
+- Add code editor example
+- Add `Markdown` example
+- Add slider example
+
+### 🐞 Bug fixes
+
+- Fix `aria-hidden` error
+- Fix the problem that code hints cannot be displayed when using `this` syntax and update `pinia` related syntax
+
+### 🍏 Perf
+
+- Fix broken links in the waterfall infinite scrolling example
+- Update `vue-flow`, related compatibility processing
+- Delete the deprecated dependency package `eslint-define-config`, upgrade `eslint` to the latest version, related compatibility processing
+- Optimize `src/style/dark.scss` syntax
+- Optimize login parameter transfer
+- Use `keydown` to replace `keypress`, the `keypress` event has been deprecated
+
 # 5.9.0 (2024-12-10)
 
 ### ✔️Refactor

CHANGELOG.md

@@ -1,3 +1,32 @@
+# 6.0.0 (2025-04-10)
+
+### ✔️ Refactor
+
+- Refactor the icon module, use `@iconify/json` to replace the `@iconify-icons/*` dependency that is no longer maintained and updated, optimize the user experience, ensure that the icon library can be continuously updated and support `Tree-shaking`
+- Upgrade `tailwindcss` to `v4` version, bringing faster build speed, simpler installation and configuration, and providing a dedicated `vite` plug-in
+
+### 🎫 Feat
+
+- Add `Ai` chat component example
+- Add `tagOnClick` tag to switch global public events
+- Add code editor example
+- Add `Markdown` example
+- Add slider example
+
+### 🐞 Bug fixes
+
+- Fix `aria-hidden` error
+- Fix the problem that code hints cannot be displayed when using `this` syntax and update `pinia` related syntax
+
+### 🍏 Perf
+
+- Fix broken links in the waterfall infinite scrolling example
+- Update `vue-flow`, related compatibility processing
+- Delete the deprecated dependency package `eslint-define-config`, upgrade `eslint` to the latest version, related compatibility processing
+- Optimize `src/style/dark.scss` syntax
+- Optimize login parameter transfer
+- Use `keydown` to replace `keypress`, the `keypress` event has been deprecated
+
 # 5.9.0 (2024-12-10)
 
 ### ✔️Refactor

CHANGELOG.zh_CN.md

@@ -1,3 +1,32 @@
+# 6.0.0 (2025-04-10)
+
+### ✔️ Refactor
+
+- 重构图标模块，使用`@iconify/json`替换不再维护更新的`@iconify-icons/*`依赖，优化使用体验，确保图标库可持续更新并支持`Tree-shaking`
+- 升级`tailwindcss`至`v4`版本，带来更快的构建速度、更简化的安装和配置、提供专属`vite`插件
+
+### 🎫 Feat
+
+- 添加`Ai`聊天组件示例
+- 添加`tagOnClick`标签切换全局公共事件
+- 添加代码编辑器示例
+- 添加`Markdown`示例
+- 添加滑块示例
+
+### 🐞 Bug fixes
+
+- 修复`aria-hidden`报错
+- 修复使用`this`语法时无法显示代码提示的问题并更新`pinia`相关语法
+
+### 🍏 Perf
+
+- 修复组件-瀑布流无限滚动示例中失效的链接
+- 更新`vue-flow`，相关兼容处理
+- 删除已弃用的依赖包`eslint-define-config`，升级`eslint`至最新版本，相关兼容处理
+- 优化`src/style/dark.scss`语法
+- 优化登录传参
+- 使用`keydown`替换`keypress`，`keypress`事件已弃用
+
 # 5.9.0 (2024-12-10)
 
 ### ✔️ Refactor

index.html

@@ -1,94 +1,84 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
+    />
+    <title>vue-pure-admin</title>
+    <link rel="icon" href="/favicon.ico" />
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="renderer" content="webkit" />
-  <meta name="viewport"
-    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-  <title>vue-pure-admin</title>
-  <link rel="icon" href="/favicon.ico" />
-  <script>
-    var _hmt = _hmt || [];
-    (function () {
-      var hm = document.createElement("script")
-      hm.src = "https://hm.baidu.com/hm.js?d3824e75ef2bf6d851035f74ae1aec68"
-      var s = document.getElementsByTagName("script")[0]
-      s.parentNode.insertBefore(hm, s)
-    })();
-  </script>
-</head>
-
-<body>
-  <div id="app">
-    <style>
-      html,
-      body,
-      #app {
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-      }
-
-      .loader,
-      .loader::before,
-      .loader::after {
-        width: 2.5em;
-        height: 2.5em;
-        border-radius: 50%;
-        animation: load-animation 1.8s infinite ease-in-out;
-        animation-fill-mode: both;
-      }
-
-      .loader {
-        position: relative;
-        top: 0;
-        margin: 80px auto;
-        font-size: 10px;
-        color: #406eeb;
-        text-indent: -9999em;
-        transform: translateZ(0);
-        transform: translate(-50%, 0);
-        animation-delay: -0.16s;
-      }
-
-      .loader::before,
-      .loader::after {
-        position: absolute;
-        top: 0;
-        content: "";
-      }
-
-      .loader::before {
-        left: -3.5em;
-        animation-delay: -0.32s;
-      }
-
-      .loader::after {
-        left: 3.5em;
-      }
-
-      @keyframes load-animation {
-
-        0%,
-        80%,
-        100% {
-          box-shadow: 0 2.5em 0 -1.3em;
+  <body>
+    <div id="app">
+      <style>
+        html,
+        body,
+        #app {
+          position: relative;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 100%;
+          height: 100%;
+          overflow: hidden;
         }
 
-        40% {
-          box-shadow: 0 2.5em 0 0;
+        .loader,
+        .loader::before,
+        .loader::after {
+          width: 2.5em;
+          height: 2.5em;
+          border-radius: 50%;
+          animation: load-animation 1.8s infinite ease-in-out;
+          animation-fill-mode: both;
         }
-      }
-    </style>
-    <div class="loader"></div>
-  </div>
-  <script type="module" src="/src/main.ts"></script>
-</body>
 
-</html>
+        .loader {
+          position: relative;
+          top: 0;
+          margin: 80px auto;
+          font-size: 10px;
+          color: #406eeb;
+          text-indent: -9999em;
+          transform: translateZ(0);
+          transform: translate(-50%, 0);
+          animation-delay: -0.16s;
+        }
+
+        .loader::before,
+        .loader::after {
+          position: absolute;
+          top: 0;
+          content: "";
+        }
+
+        .loader::before {
+          left: -3.5em;
+          animation-delay: -0.32s;
+        }
+
+        .loader::after {
+          left: 3.5em;
+        }
+
+        @keyframes load-animation {
+          0%,
+          80%,
+          100% {
+            box-shadow: 0 2.5em 0 -1.3em;
+          }
+
+          40% {
+            box-shadow: 0 2.5em 0 0;
+          }
+        }
+      </style>
+      <div class="loader"></div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-pure-admin",
-  "version": "5.9.0",
+  "version": "6.0.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -202,4 +202,4 @@
       "vue-demi"
     ]
   }
-}
+}

public/platform-config.json

@@ -1,5 +1,5 @@
 {
-  "Version": "5.9.0",
+  "Version": "6.0.0",
   "Title": "PureAdmin",
   "FixedHeader": true,
   "HiddenSideBar": false,

src/App.vue

@@ -16,7 +16,6 @@ import en from "element-plus/es/locale/lang/en";
 import zhCn from "element-plus/es/locale/lang/zh-cn";
 import plusEn from "plus-pro-components/es/locale/lang/en";
 import plusZhCn from "plus-pro-components/es/locale/lang/zh-cn";
-// import { ElNotification } from "element-plus";
 
 export default defineComponent({
   name: "app",
@@ -55,23 +54,5 @@ export default defineComponent({
       );
     }
   }
-  // mounted() {
-  //   ElNotification({
-  //     title: "优惠活动即将结束",
-  //     duration: 0,
-  //     //@ts-expect-error
-  //     style: { width: "200px" },
-  //     position: "bottom-right",
-  //     dangerouslyUseHTMLString: true,
-  //     message: `
-  //       <a target='_blank' style='font-size: 16px' class='block text-center border mb-2 rounded hover:text-[red]' href='https://pure-admin.github.io/pure-admin-doc/pages/js/'>
-  //       JS版本
-  //       </a>
-  //       <a target='_blank' style='font-size: 16px' class='block text-center border mb-2 rounded hover:text-[red]' href='https://pure-admin.github.io/pure-admin-doc/pages/max/'>
-  //       Max版本
-  //       </a>
-  //       `
-  //   });
-  // }
 });
 </script>

src/layout/components/lay-footer/index.vue

@@ -8,7 +8,7 @@ const TITLE = getConfig("Title");
   <footer
     class="layout-footer text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
   >
-    Copyright © 2020-2025
+    Copyright © 2020-present
     <a
       class="hover:text-primary"
       href="https://github.com/pure-admin"
@@ -16,23 +16,12 @@ const TITLE = getConfig("Title");
     >
       &nbsp;{{ TITLE }}
     </a>
-    <!-- <div class="ml-8">
-      <span>赞助商：</span>
-      <a
-        class="hover:text-primary"
-        href="https://ai-tools.cn/resume/start"
-        target="_blank"
-      >
-        二猫 AI 简历
-      </a>
-    </div> -->
   </footer>
 </template>
 
 <style lang="scss" scoped>
 .layout-footer {
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   width: 100%;

src/style/sidebar.scss

@@ -235,7 +235,6 @@
     .is-active.submenu-title-noDropdown.outer-most > * {
       z-index: 1;
       color: #fff;
-      background: transparent !important;
     }
 
     .is-active.submenu-title-noDropdown.outer-most::before {

src/views/components/waterfall/index.vue

@@ -115,7 +115,7 @@ onMounted(() => {
               <div class="text-gray-50">$ {{ item.price }}</div>
               <div>
                 <button
-                  class="px-3 h-7 rounded-full bg-red-500 text-sm text-white shadow-lg transition-all duration-300 hover:bg-red-600"
+                  class="px-3! rounded-full bg-red-500 text-sm text-white shadow-lg transition-all duration-300 hover:bg-red-600 border-0"
                   @click.stop="handleDelete(item, index)"
                 >
                   删除
@@ -129,7 +129,7 @@ onMounted(() => {
 
     <!-- <div class="flex justify-center py-10">
         <button
-          class="px-5 py-2 rounded-full bg-gray-700 text-md text-white cursor-pointer hover:bg-gray-800 transition-all duration-300"
+          class="px-5! py-2! rounded-full bg-gray-700 text-md text-white cursor-pointer hover:bg-gray-800 transition-all duration-300 border-0"
           @click="handleLoadMore"
         >
           加载更多

src/views/login/index.vue

@@ -336,9 +336,9 @@ watch(loginDay, value => {
       </div>
     </div>
     <div
-      class="w-full flex-c flex-wrap absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
+      class="w-full flex-c absolute bottom-3 text-sm text-[rgba(0,0,0,0.6)] dark:text-[rgba(220,220,242,0.8)]"
     >
-      Copyright © 2020-2025
+      Copyright © 2020-present
       <a
         class="hover:text-primary"
         href="https://github.com/pure-admin"
@@ -346,16 +346,6 @@ watch(loginDay, value => {
       >
         &nbsp;{{ title }}
       </a>
-      <!-- <div class="ml-8">
-        <span>赞助商：</span>
-        <a
-          class="hover:text-primary"
-          href="https://ai-tools.cn/resume/start"
-          target="_blank"
-        >
-          二猫 AI 简历
-        </a>
-      </div> -->
     </div>
   </div>
 </template>

src/views/system/user/utils/hook.tsx

@@ -419,7 +419,7 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
               />
             </ElFormItem>
           </ElForm>
-          <div class="mt-4 flex">
+          <div class="my-4 flex">
             {pwdProgress.map(({ color, text }, idx) => (
               <div
                 class="w-[19vw]"

vite.config.ts

@@ -59,4 +59,4 @@ export default ({ mode }: ConfigEnv): UserConfigExport => {
       __APP_INFO__: JSON.stringify(__APP_INFO__)
     }
   };
-};
+};