⬆️

Author: nanarino

CHANGELOG.md

@@ -1,4 +1,8 @@
-# 更新日志 20/1/2025
+# 更新日志 24/5/2025
+
+## v0.10.0
+
+新增 `select` 樣式
 
 ## v0.9.0
 

docs/components/markdown/a.astro

@@ -7,6 +7,10 @@ interface Props {
 const href = Astro.props.href.replace(/^\//, import.meta.env.BASE_URL)
 ---
 
-<a class={`${prefix}-link`} href={href}>
+<a
+    class={`${prefix}-link`}
+    href={href}
+    target={/^\//.test(Astro.props.href) ? "_self" : "_blank"}
+>
     <slot />
 </a>

docs/pages/menu/form/select.mdx

@@ -67,7 +67,7 @@ select.☘-select(disabled style="width:120px")
 
 ## `.sm` & `.lg`
 
-全局变量控制内边距
+全局变量控制内边距，数值和预设都与 `input.☘-input` 一致
 
 - `--padding-horizonal-select` 纵向内边距
 - `--padding-vertical-select` 横向内边距
@@ -77,7 +77,7 @@ select.☘-select(disabled style="width:120px")
 -   <T class="☘-form-item">
         <label>更小 `select.☘-select.sm`</label>
         <T class="☘-input-wrapper" data-primary>
-            <T tag="select" class="☘-select sm" style="width:120px">
+            <T tag="select" class="☘-select sm" style="width:90px">
                 <option value="genshin">原神</option>
                 <option value="hsr">崩鉄</option>
                 <option value="zzz">絕區零</option>
@@ -87,7 +87,7 @@ select.☘-select(disabled style="width:120px")
 -   <T class="☘-form-item">
         <label>更大 `select.☘-select.lg`</label>
         <T class="☘-input-wrapper" data-primary>
-            <T tag="select" class="☘-select lg" style="width:120px">
+            <T tag="select" class="☘-select lg" style="width:90px">
                 <option value="genshin">原神</option>
                 <option value="hsr">崩鉄</option>
                 <option value="zzz">絕區零</option>
@@ -97,9 +97,9 @@ select.☘-select(disabled style="width:120px")
 
 
 
-## custom
+## custom style
 
-自定义图标很容易
+自定义图标很容易，不需要覆盖 `select::picker-icon` 直接使用 `select>button:first-of-type` 来狸猫换太子
 
 <T class="☘-form-item">
     <label>故障机型</label>

docs/pages/menu/layout.mdx

@@ -3,6 +3,7 @@ layout: "docs/layouts/main.astro"
 title: 布局
 ---
 
+import T from "docs/components/T.astro"
 import Layouts from "docs/components/kanban/layouts.astro"
 import Menu from "docs/components/kanban/menu-tree.astro"
 import watermark from "docs/assets/images/watermark.svg?raw";
@@ -31,7 +32,7 @@ export {components}
 
 - 全局变量 `--opacity-watermark` 水印调整透明度（默认0.1）
 - 全局变量 `--border-radius-watermark` 水印调整圆角（默认unset）
-- 全局变量 `--background-watermark` 水印调整图案（默认<a class="na-link" href="https://github.com/nanarino/stylus/blob/main/docs/assets/images/watermark.svg" style="vertical-align: top; box-shadow: var(--box-shadow-drop-right);"><Fragment set:html={watermark} /></a>）填充色推荐是 `fill="#808080"`
+- 全局变量 `--background-watermark` 水印调整图案（默认<T tag="a" class="☘-link" href="https://github.com/nanarino/stylus/blob/main/docs/assets/images/watermark.svg" style="vertical-align: top; box-shadow: var(--box-shadow-drop-right);"><Fragment set:html={watermark} /></T>）填充色推荐是 `fill="#808080"`
 
 
 ## menu

lib/components/select.styl

@@ -71,11 +71,11 @@ select.{prefix}-select
         ^[0]:open^[-1..-1]
             display grid
 
-    &:where(:has(selectedcontent))
-        &::picker-icon
-            display none
-        button
-            color rgb(var(--black))
+    &:where(:has(selectedcontent))::picker-icon
+        display none
+    
+    button
+        color rgb(var(--black))
 
     selectedcontent
         flex 1

package.json

@@ -1,7 +1,7 @@
 {
     "name": "nanarinostyl",
     "description": "style lib",
-    "version": "0.10.0",
+    "version": "0.10.1",
     "main": "./dist/style.min.css",
     "scripts": {
         "dev": "astro dev --host",
@@ -30,10 +30,10 @@
         "stylus": "^0.64.0"
     },
     "devDependencies": {
-        "@astrojs/mdx": "^4.2.6",
+        "@astrojs/mdx": "^4.3.0",
         "@holy-two/data-theme": "^0.0.6",
-        "@types/node": "^22.15.15",
-        "astro": "^5.7.11",
+        "@types/node": "^22.15.21",
+        "astro": "^5.8.0",
         "astro-icon": "^1.1.5",
         "copy-to-clipboard": "^3.3.3",
         "css-doodle": "^0.42.3",