straw-ui-vue 0.1.20 → 0.1.22

package/README.md

@@ -1,146 +1,146 @@
-# Straw UI
-
-一个基于 Vue 3 + TypeScript + UnoCSS 的现代组件库。
-
-## 特性
-
-- 🚀 **Vue 3 + TypeScript** - 完整的类型支持
-- 🎨 **UnoCSS** - 原子化 CSS，按需生成
-- 📦 **零运行时依赖** - 仅对等依赖 Vue 3
-- 🔧 **按需导入** - 支持 tree-shaking
-- 🌙 **暗色主题** - 内置暗色模式支持
-
-## 安装
-
-```bash
-npm install straw-ui-vue
-```
-
-## 快速开始
-
-### 完整引入
-
-```ts
-import { createApp } from 'vue';
-import StrawUI from 'straw-ui-vue';
-
-const app = createApp(App);
-app.use(StrawUI);
-```
-
-### 按需导入
-
-```vue
-<script setup lang="ts">
-import { StButton, StInput } from 'straw-ui-vue';
-</script>
-
-<template>
-	<StButton>Click me</StButton>
-	<StInput v-model="value" placeholder="Type something" />
-</template>
-```
-
-## UnoCSS 集成
-
-Straw UI 基于 UnoCSS 构建：
-
-```ts
-// uno.config.ts
-import { defineConfig, presetWind4, presetIcons } from 'unocss';
-import { presetStrawUI } from 'straw-ui-vue/unocss';
-
-export default defineConfig({
-	presets: [
-		presetWind4(),
-		presetIcons(),
-		presetStrawUI(), // Straw UI 预设
-	],
-});
-```
-
-```ts
-// main.ts
-import 'straw-ui-vue/dist/variables.css'; // 主题预设变量，或使用自己的变量文件
-```
-
-详细配置请参阅 [UnoCSS 集成文档](./docs/unocss.md)。
-
-## TypeScript 支持
-
-Straw UI 提供完整的 TypeScript 类型支持。
-
-## 组件列表
-
-| 组件                                                                                                                                                                         | 说明                                                                                                                                                                                                            |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `StButton`                                                                                                                                                                   | 按钮组件                                                                                                                                                                                                        |
-| `StCard`                                                                                                                                                                     | 卡片组件（含 StCardGroup、StCardGroupHeader、StCardGroupTitle、StCardGroupContent、StCardGroupFooter、StCardGroupAction、StCardGroupDescription 子组件）                                                        |
-| `StCascade` / `StCascadePanel`                                                                                                                                               | 级联选择组件                                                                                                                                                                                                    |
-| `StCheckbox` / `StCheckboxGroup`                                                                                                                                             | 复选框 / 复选框组组件                                                                                                                                                                                           |
-| `StColorPicker` / `StColorPickerPanel`                                                                                                                                       | 颜色选择器组件                                                                                                                                                                                                  |
-| `StDatePicker` / `StDatePickerPanel`                                                                                                                                         | 日期选择器组件                                                                                                                                                                                                  |
-| `StDateTimePicker` / `StDateTimePickerPanel`                                                                                                                                 | 日期时间选择器组件                                                                                                                                                                                              |
-| `StDialog`                                                                                                                                                                   | 对话框组件（含 StDialogGroup、StDialogGroupHeader、StDialogGroupTitle、StDialogGroupBody、StDialogGroupContent、StDialogGroupFooter、StDialogGroupAction、StDialogGroupOverlay、StDialogGroupDraggable 子组件） |
-| `StDivider`                                                                                                                                                                  | 分割线组件                                                                                                                                                                                                      |
-| `StDrawer`                                                                                                                                                                   | 抽屉组件（含 StDrawerGroup、StDrawerGroupHeader、StDrawerGroupTitle、StDrawerGroupBody、StDrawerGroupContent、StDrawerGroupFooter、StDrawerGroupAction、StDrawerGroupOverlay 子组件）                           |
-| `StEmpty`                                                                                                                                                                    | 空状态组件                                                                                                                                                                                                      |
-| `StFormControl` / `StFormDescription` / `StFormField` / `StFormItem` / `StFormLabel` / `StFormMessage`                                                                       | 表单字段系列组件                                                                                                                                                                                                |
-| `StImage`                                                                                                                                                                    | 图片组件                                                                                                                                                                                                        |
-| `StInput` / `StInputGroup` / `StInputGroupAddon` / `StInputGroupButton` / `StInputGroupInput` / `StInputGroupText` / `StInputGroupTextarea` / `StInputNumber` / `StTextarea` | 输入框系列组件                                                                                                                                                                                                  |
-| `StLabel`                                                                                                                                                                    | 标签组件                                                                                                                                                                                                        |
-| `StMenu`（含 StMenuContainer、StMenuContent、StMenuDivider、StMenuGroup、StMenuItem、StMenuNode、StMenuTrigger）                                                             | 菜单组件                                                                                                                                                                                                        |
-| `StPagination`                                                                                                                                                               | 分页组件                                                                                                                                                                                                        |
-| `StPopover`（含 StPopoverArrow、StPopoverContainer、StPopoverContent、StPopoverTrigger）                                                                                     | 弹出卡片组件                                                                                                                                                                                                    |
-| `StProgress`                                                                                                                                                                 | 进度条组件                                                                                                                                                                                                      |
-| `StRadio` / `StRadioGroup`                                                                                                                                                   | 单选框 / 单选框组组件                                                                                                                                                                                           |
-| `StScrollbar`                                                                                                                                                                | 滚动条组件                                                                                                                                                                                                      |
-| `StSegmented`                                                                                                                                                                | 分段控制器组件                                                                                                                                                                                                  |
-| `StSelect`（含 StSelectContainer、StSelectContent、StSelectEmpty、StSelectGroup、StSelectItem、StSelectTrigger）                                                             | 下拉选择器组件                                                                                                                                                                                                  |
-| `StSidebar` / `StSidebarItem`                                                                                                                                                | 侧边栏 / 侧边栏项组件                                                                                                                                                                                           |
-| `StSkeleton` / `StSkeletonItem`                                                                                                                                              | 骨架屏组件                                                                                                                                                                                                      |
-| `StSlider`                                                                                                                                                                   | 滑块组件                                                                                                                                                                                                        |
-| `StSplitter` / `StSplitterPanel`                                                                                                                                             | 分割面板组件                                                                                                                                                                                                    |
-| `StSwitch`                                                                                                                                                                   | 开关组件                                                                                                                                                                                                        |
-| `StTabs` / `StTabsPane`                                                                                                                                                      | 标签页组件                                                                                                                                                                                                      |
-| `StTag`                                                                                                                                                                      | 标签组件                                                                                                                                                                                                        |
-| `StTimePicker` / `StTimePickerPanel`                                                                                                                                         | 时间选择器组件                                                                                                                                                                                                  |
-| `StToggle`                                                                                                                                                                   | 切换按钮组件                                                                                                                                                                                                    |
-| `StTooltip`（含 StTooltipContainer、StTooltipContent、StTooltipTrigger）                                                                                                     | 工具提示组件                                                                                                                                                                                                    |
-| `StTree` / `StTreeNode`                                                                                                                                                      | 树形组件                                                                                                                                                                                                        |
-
-## 自定义指令
-
-| 指令             | 说明             |
-| ---------------- | ---------------- |
-| `v-intersection` | 元素可视区域监听 |
-| `v-resize`       | 元素尺寸变化监听 |
-
-## 主题定制
-
-Straw UI 使用 CSS 变量定义主题，你可以通过覆盖变量来自定义主题：
-
-```css
-:root {
-	--primary: #3b82f6;
-	--primary-foreground: #ffffff;
-	--radius: 0.5rem;
-	/* 更多变量... */
-}
-
-[data-theme='dark'] {
-	--primary: #3b82f6;
-	/* 暗色主题变量... */
-}
-```
-
-完整变量列表请参阅 [UnoCSS 集成文档](./docs/unocss.md#主题变量)。
-
-## 文档
-
-- [UnoCSS 集成](./docs/unocss.md)
-- [TypeScript 配置](./docs/typescript.md)
-
-## License
-
-MIT
+# Straw UI
+
+一个基于 Vue 3 + TypeScript + UnoCSS 的现代组件库。
+
+## 特性
+
+- 🚀 **Vue 3 + TypeScript** - 完整的类型支持
+- 🎨 **UnoCSS** - 原子化 CSS，按需生成
+- 📦 **零运行时依赖** - 仅对等依赖 Vue 3
+- 🔧 **按需导入** - 支持 tree-shaking
+- 🌙 **暗色主题** - 内置暗色模式支持
+
+## 安装
+
+```bash
+npm install straw-ui-vue
+```
+
+## 快速开始
+
+### 完整引入
+
+```ts
+import { createApp } from 'vue';
+import StrawUI from 'straw-ui-vue';
+
+const app = createApp(App);
+app.use(StrawUI);
+```
+
+### 按需导入
+
+```vue
+<script setup lang="ts">
+import { StButton, StInput } from 'straw-ui-vue';
+</script>
+
+<template>
+	<StButton>Click me</StButton>
+	<StInput v-model="value" placeholder="Type something" />
+</template>
+```
+
+## UnoCSS 集成
+
+Straw UI 基于 UnoCSS 构建：
+
+```ts
+// uno.config.ts
+import { defineConfig, presetWind4, presetIcons } from 'unocss';
+import { presetStrawUI } from 'straw-ui-vue/unocss';
+
+export default defineConfig({
+	presets: [
+		presetWind4(),
+		presetIcons(),
+		presetStrawUI(), // Straw UI 预设
+	],
+});
+```
+
+```ts
+// main.ts
+import 'straw-ui-vue/dist/variables.css'; // 主题预设变量，或使用自己的变量文件
+```
+
+详细配置请参阅 [UnoCSS 集成文档](./docs/unocss.md)。
+
+## TypeScript 支持
+
+Straw UI 提供完整的 TypeScript 类型支持。
+
+## 组件列表
+
+| 组件                                                                                                                                                                         | 说明                                                                                                                                                                                                            |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `StButton`                                                                                                                                                                   | 按钮组件                                                                                                                                                                                                        |
+| `StCard`                                                                                                                                                                     | 卡片组件（含 StCardGroup、StCardGroupHeader、StCardGroupTitle、StCardGroupContent、StCardGroupFooter、StCardGroupAction、StCardGroupDescription 子组件）                                                        |
+| `StCascade` / `StCascadePanel`                                                                                                                                               | 级联选择组件                                                                                                                                                                                                    |
+| `StCheckbox` / `StCheckboxGroup`                                                                                                                                             | 复选框 / 复选框组组件                                                                                                                                                                                           |
+| `StColorPicker` / `StColorPickerPanel`                                                                                                                                       | 颜色选择器组件                                                                                                                                                                                                  |
+| `StDatePicker` / `StDatePickerPanel`                                                                                                                                         | 日期选择器组件                                                                                                                                                                                                  |
+| `StDateTimePicker` / `StDateTimePickerPanel`                                                                                                                                 | 日期时间选择器组件                                                                                                                                                                                              |
+| `StDialog`                                                                                                                                                                   | 对话框组件（含 StDialogGroup、StDialogGroupHeader、StDialogGroupTitle、StDialogGroupBody、StDialogGroupContent、StDialogGroupFooter、StDialogGroupAction、StDialogGroupOverlay、StDialogGroupDraggable 子组件） |
+| `StDivider`                                                                                                                                                                  | 分割线组件                                                                                                                                                                                                      |
+| `StDrawer`                                                                                                                                                                   | 抽屉组件（含 StDrawerGroup、StDrawerGroupHeader、StDrawerGroupTitle、StDrawerGroupBody、StDrawerGroupContent、StDrawerGroupFooter、StDrawerGroupAction、StDrawerGroupOverlay 子组件）                           |
+| `StEmpty`                                                                                                                                                                    | 空状态组件                                                                                                                                                                                                      |
+| `StFormControl` / `StFormDescription` / `StFormField` / `StFormItem` / `StFormLabel` / `StFormMessage`                                                                       | 表单字段系列组件                                                                                                                                                                                                |
+| `StImage`                                                                                                                                                                    | 图片组件                                                                                                                                                                                                        |
+| `StInput` / `StInputGroup` / `StInputGroupAddon` / `StInputGroupButton` / `StInputGroupInput` / `StInputGroupText` / `StInputGroupTextarea` / `StInputNumber` / `StTextarea` | 输入框系列组件                                                                                                                                                                                                  |
+| `StLabel`                                                                                                                                                                    | 标签组件                                                                                                                                                                                                        |
+| `StMenu`（含 StMenuContainer、StMenuContent、StMenuDivider、StMenuGroup、StMenuItem、StMenuNode、StMenuTrigger）                                                             | 菜单组件                                                                                                                                                                                                        |
+| `StPagination`                                                                                                                                                               | 分页组件                                                                                                                                                                                                        |
+| `StPopover`（含 StPopoverArrow、StPopoverContainer、StPopoverContent、StPopoverTrigger）                                                                                     | 弹出卡片组件                                                                                                                                                                                                    |
+| `StProgress`                                                                                                                                                                 | 进度条组件                                                                                                                                                                                                      |
+| `StRadio` / `StRadioGroup`                                                                                                                                                   | 单选框 / 单选框组组件                                                                                                                                                                                           |
+| `StScrollbar`                                                                                                                                                                | 滚动条组件                                                                                                                                                                                                      |
+| `StSegmented`                                                                                                                                                                | 分段控制器组件                                                                                                                                                                                                  |
+| `StSelect`（含 StSelectContainer、StSelectContent、StSelectEmpty、StSelectGroup、StSelectItem、StSelectTrigger）                                                             | 下拉选择器组件                                                                                                                                                                                                  |
+| `StSidebar` / `StSidebarItem`                                                                                                                                                | 侧边栏 / 侧边栏项组件                                                                                                                                                                                           |
+| `StSkeleton` / `StSkeletonItem`                                                                                                                                              | 骨架屏组件                                                                                                                                                                                                      |
+| `StSlider`                                                                                                                                                                   | 滑块组件                                                                                                                                                                                                        |
+| `StSplitter` / `StSplitterPanel`                                                                                                                                             | 分割面板组件                                                                                                                                                                                                    |
+| `StSwitch`                                                                                                                                                                   | 开关组件                                                                                                                                                                                                        |
+| `StTabs` / `StTabsPane`                                                                                                                                                      | 标签页组件                                                                                                                                                                                                      |
+| `StTag`                                                                                                                                                                      | 标签组件                                                                                                                                                                                                        |
+| `StTimePicker` / `StTimePickerPanel`                                                                                                                                         | 时间选择器组件                                                                                                                                                                                                  |
+| `StToggle`                                                                                                                                                                   | 切换按钮组件                                                                                                                                                                                                    |
+| `StTooltip`（含 StTooltipContainer、StTooltipContent、StTooltipTrigger）                                                                                                     | 工具提示组件                                                                                                                                                                                                    |
+| `StTree` / `StTreeNode`                                                                                                                                                      | 树形组件                                                                                                                                                                                                        |
+
+## 自定义指令
+
+| 指令             | 说明             |
+| ---------------- | ---------------- |
+| `v-intersection` | 元素可视区域监听 |
+| `v-resize`       | 元素尺寸变化监听 |
+
+## 主题定制
+
+Straw UI 使用 CSS 变量定义主题，你可以通过覆盖变量来自定义主题：
+
+```css
+:root {
+	--primary: #3b82f6;
+	--primary-foreground: #ffffff;
+	--radius: 0.5rem;
+	/* 更多变量... */
+}
+
+[data-theme='dark'] {
+	--primary: #3b82f6;
+	/* 暗色主题变量... */
+}
+```
+
+完整变量列表请参阅 [UnoCSS 集成文档](./docs/unocss.md#主题变量)。
+
+## 文档
+
+- [UnoCSS 集成](./docs/unocss.md)
+- [TypeScript 配置](./docs/typescript.md)
+
+## License
+
+MIT

package/dist/{cn-CiflBmGp.js → cn-CThBjlvA.js}

@@ -1733,11 +1733,11 @@ var n = (e, t) => {
 }, Fe = (e, t, n) => {
 	let r = t[n];
 	r !== void 0 && (e[n] = e[n] ? e[n].concat(r) : r);
-}, Ie = (e, ...t) => typeof e == "function" ? O(je, e, ...t) : O(() => Me(je(), e), ...t), Le = (e) => /^\d+(\.\d+)?$/.test(e), $ = (e) => /^(default|xxs|xs|sm|lg|xl|xxl)$/.test(e), Re = Ie({ extend: { classGroups: {
+}, Ie = (e, ...t) => typeof e == "function" ? O(je, e, ...t) : O(() => Me(je(), e), ...t), Le = (e) => /^\d+(\.\d+)?$/.test(e), Re = (e) => /^\d+(\.\d+)?(px|rem|em|vh|vw|dvh|svh|lvh|dvw|svw|lvw|%|cm|mm|pt|pc|ex|ch|vmin|vmax)$/.test(e), $ = (e) => /^(default|xxs|xs|sm|lg|xl|xxl)$/.test(e), ze = Ie({ extend: { classGroups: {
 	"font-size": [{ text: [Le] }],
-	h: [{ h: [$] }],
-	w: [{ w: [$] }],
-	size: [{ size: [$] }],
+	h: [{ h: [$, Re] }],
+	w: [{ w: [$, Re] }],
+	size: [{ size: [$, Re] }],
 	m: [{ m: [$] }],
 	mx: [{ mx: [$] }],
 	my: [{ my: [$] }],
@@ -1756,8 +1756,8 @@ var n = (e, t) => {
 	"gap-x": [{ "gap-x": [$] }],
 	"gap-y": [{ "gap-y": [$] }]
 } } });
-function ze(...e) {
-	return Re(t(e));
+function Be(...e) {
+	return ze(t(e));
 }
 //#endregion
-export { ze as t };
+export { Be as t };

package/dist/components/st-button/types.d.ts

@@ -1,63 +1,63 @@
-import type { ClassValue, StyleValue } from 'vue';
-
-/**
- * 按钮变体类型
- * */
-export type StButtonVariant = 'primary' | 'default' | 'ghost';
-
-/**
- * 按钮类型
- * */
-export type StButtonType = 'default' | 'icon';
-
-/**
- * 按钮组件属性
- * */
-export interface StButtonProps {
-	/** 按钮变体类型 */
-	variant?: StButtonVariant;
-	/** 按钮类型 */
-	type?: StButtonType;
-	/** 是否禁用 */
-	disabled?: boolean;
-	/** 是否显示加载状态 */
-	loading?: boolean;
-	/** 前缀图标名称 */
-	prefixIcon?: string;
-	/** 后缀图标名称 */
-	suffixIcon?: string;
-	/** 前缀图标类名 */
-	prefixIconClass?: ClassValue;
-	/** 前缀图标样式 */
-	prefixIconStyle?: StyleValue;
-	/** 后缀图标类名 */
-	suffixIconClass?: ClassValue;
-	/** 后缀图标样式 */
-	suffixIconStyle?: StyleValue;
-	/** loading图标类名 */
-	loadingIconClass?: ClassValue;
-	/** loading图标样式 */
-	loadingIconStyle?: StyleValue;
-}
-
-/**
- * 按钮组件插槽类型
- * */
-export interface StButtonSlots {
-	/** 默认插槽 */
-	default?: () => unknown;
-	/** 前缀图标插槽 */
-	prefixIcon?: () => unknown;
-	/** 后缀图标插槽 */
-	suffixIcon?: () => unknown;
-}
-
-/**
- * 按钮组件事件类型
- * */
-export interface StButtonEmits {
-	/** 点击事件 */
-	click: [event: MouseEvent];
-}
-
-export {};
+import type { ClassValue, StyleValue } from 'vue';
+
+/**
+ * 按钮变体类型
+ * */
+export type StButtonVariant = 'primary' | 'default' | 'ghost';
+
+/**
+ * 按钮类型
+ * */
+export type StButtonType = 'default' | 'icon';
+
+/**
+ * 按钮组件属性
+ * */
+export interface StButtonProps {
+	/** 按钮变体类型 */
+	variant?: StButtonVariant;
+	/** 按钮类型 */
+	type?: StButtonType;
+	/** 是否禁用 */
+	disabled?: boolean;
+	/** 是否显示加载状态 */
+	loading?: boolean;
+	/** 前缀图标名称 */
+	prefixIcon?: string;
+	/** 后缀图标名称 */
+	suffixIcon?: string;
+	/** 前缀图标类名 */
+	prefixIconClass?: ClassValue;
+	/** 前缀图标样式 */
+	prefixIconStyle?: StyleValue;
+	/** 后缀图标类名 */
+	suffixIconClass?: ClassValue;
+	/** 后缀图标样式 */
+	suffixIconStyle?: StyleValue;
+	/** loading图标类名 */
+	loadingIconClass?: ClassValue;
+	/** loading图标样式 */
+	loadingIconStyle?: StyleValue;
+}
+
+/**
+ * 按钮组件插槽类型
+ * */
+export interface StButtonSlots {
+	/** 默认插槽 */
+	default?: () => unknown;
+	/** 前缀图标插槽 */
+	prefixIcon?: () => unknown;
+	/** 后缀图标插槽 */
+	suffixIcon?: () => unknown;
+}
+
+/**
+ * 按钮组件事件类型
+ * */
+export interface StButtonEmits {
+	/** 点击事件 */
+	click: [event: MouseEvent];
+}
+
+export {};