From 1801c1bc73a4d7c7a9ac2d120de64f1df500dcd6 Mon Sep 17 00:00:00 2001
From: kailong321200875 <321200875@qq.com>
Date: Tue, 6 Jun 2023 14:29:10 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=9B=B4=E6=96=B0=E4=BE=9D=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json  | 10 +++---
 uno.config.ts | 84 ++++++++++++++++++++++++++++++++++++++++++++-------
 2 files changed, 78 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 7e9acb2..9fd5519 100644
--- a/package.json
+++ b/package.json
@@ -65,9 +65,9 @@
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.5.0",
     "@types/qs": "^6.9.7",
-    "@typescript-eslint/eslint-plugin": "^5.59.8",
-    "@typescript-eslint/parser": "^5.59.8",
-    "@unocss/transformer-variant-group": "^0.52.7",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "@unocss/transformer-variant-group": "^0.53.0",
     "@vitejs/plugin-legacy": "^4.0.4",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
@@ -89,7 +89,7 @@
     "prettier": "^2.8.8",
     "rimraf": "^5.0.1",
     "rollup": "^3.23.1",
-    "stylelint": "^15.6.3",
+    "stylelint": "^15.7.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-recommended": "^12.0.0",
@@ -97,7 +97,7 @@
     "stylelint-order": "^6.0.3",
     "terser": "^5.17.7",
     "typescript": "5.1.3",
-    "unocss": "^0.52.7",
+    "unocss": "^0.53.0",
     "unplugin-vue-define-options": "^1.3.7",
     "vite": "4.3.9",
     "vite-plugin-ejs": "^1.6.4",
diff --git a/uno.config.ts b/uno.config.ts
index 8e214e1..32dd18b 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -24,20 +24,82 @@ ${selector}:hover {
 .dark ${selector}:hover {
   background-color: var(--el-bg-color-overlay);
 }
+`
+      }
+    ],
+    [
+      /^layout-border__left$/,
+      ([], { rawSelector }) => {
+        const selector = e(rawSelector)
+        return `
+${selector}:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 100%;
+  background-color: var(--layout-border-color);
+  z-index: 10;
+}
+`
+      }
+    ],
+    [
+      /^layout-border__right$/,
+      ([], { rawSelector }) => {
+        const selector = e(rawSelector)
+        return `
+${selector}:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 1px;
+  height: 100%;
+  background-color: var(--layout-border-color);
+  z-index: 10;
+}
+`
+      }
+    ],
+    [
+      /^layout-border__top$/,
+      ([], { rawSelector }) => {
+        const selector = e(rawSelector)
+        return `
+${selector}:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--layout-border-color);
+  z-index: 10;
+}
+`
+      }
+    ],
+    [
+      /^layout-border__bottom$/,
+      ([], { rawSelector }) => {
+        const selector = e(rawSelector)
+        return `
+${selector}:after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--layout-border-color);
+  z-index: 10;
+}
 `
       }
     ]
   ],
   presets: [presetUno({ dark: 'class', attributify: false })],
-  transformers: [transformerVariantGroup()],
-  shortcuts: {
-    'layout-border__left':
-      'before:(content-none absolute top-0 left-0 w-1px h-full bg-[var(--layout-border-color)]) z-10',
-    'layout-border__right':
-      'after:(content-none absolute top-0 right-0 w-1px h-full bg-[var(--layout-border-color)]) z-10',
-    'layout-border__top':
-      'before:(content-none absolute top-0 left-0 w-full h-1px bg-[var(--layout-border-color)]) z-10',
-    'layout-border__bottom':
-      'after:(content-none absolute bottom-0 left-0 w-full h-1px bg-[var(--layout-border-color)]) z-10'
-  }
+  transformers: [transformerVariantGroup()]
 })