savor-ui 0.0.6 → 0.0.8

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 
 
+## [0.0.8](https://gitee.com/mach552/savor-ui/compare/v0.0.7...v0.0.8) (2026-05-11)
+
+## [0.0.7](https://gitee.com/mach552/savor-ui/compare/v0.0.6...v0.0.7) (2026-05-11)
+
 ## [0.0.6](https://gitee.com/mach552/savor-ui/compare/v0.0.5...v0.0.6) (2026-05-11)
 
 ## [0.0.5](https://gitee.com/mach552/savor-ui/compare/v0.0.4...v0.0.5) (2026-05-10)

package/README.md

@@ -4,3 +4,5 @@
 - Written in TypeScript
 
 ## 快速开始
+
+# 安装

package/dist/es/components/src/button/button.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,9 +4,9 @@ import "../../../hooks/index.mjs";
 import n from "../../../icons/src/loading.vue.mjs";
 import "../../../icons/index.mjs";
 import { buttonGroupContextKey as r } from "./types.mjs";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useTemplateRef as g } from "vue";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, inject as d, normalizeClass as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useTemplateRef as v } from "vue";
 //#region ../components/src/button/button.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var _ = ["disabled", "html-type"], v = /* @__PURE__ */ l({
+var y = ["disabled", "html-type"], b = /* @__PURE__ */ u({
 	name: "SButton",
 	__name: "button",
 	props: {
@@ -23,36 +23,36 @@ var _ = ["disabled", "html-type"], v = /* @__PURE__ */ l({
 		link: { type: Boolean },
 		secondary: { type: Boolean }
 	},
-	setup(l) {
-		let v = l, y = e("button"), b = g("btnRef");
-		t(b);
-		let x = u(r, void 0), S = i(() => x?.size?.value || v.size);
-		return (e, t) => (f(), o("button", {
-			class: d([
-				h(y).b(),
-				h(y).m(l.type),
-				h(y).m(S.value),
-				h(y).is("circle", l.circle),
-				h(y).is("block", l.block),
-				h(y).is("text", l.text),
-				h(y).is("secondary", l.secondary),
-				h(y).is("link", l.link),
-				h(y).is("disabled", l.disabled),
-				h(y).is("loading", l.loading),
-				h(y).is("only-icon", !e.$slots.default && !l.label)
+	setup(u) {
+		let b = u, x = e("button"), S = v("btnRef");
+		t(S);
+		let C = d(r, void 0), w = i(() => C?.size?.value || b.size);
+		return (e, t) => (p(), s("button", {
+			class: f([
+				_(x).b(),
+				_(x).m(u.type),
+				_(x).m(w.value),
+				_(x).is("circle", u.circle),
+				_(x).is("block", u.block),
+				_(x).is("text", u.text),
+				_(x).is("secondary", u.secondary),
+				_(x).is("link", u.link),
+				_(x).is("disabled", u.disabled),
+				_(x).is("loading", u.loading),
+				_(x).is("only-icon", !e.$slots.default && !u.label)
 			]),
-			disabled: l.disabled || l.loading,
-			"html-type": l.htmlType,
+			disabled: u.disabled || u.loading,
+			"html-type": u.htmlType,
 			ref_key: "btnRef",
-			ref: b
-		}, [e.$slots.icon && !l.loading ? (f(), o("div", {
+			ref: S
+		}, [(e.$slots.icon || u.icon) && !u.loading ? (p(), s("div", {
 			key: 0,
-			class: d([h(y).e("icon")])
-		}, [p(e.$slots, "icon")], 2)) : l.loading ? (f(), o("div", {
+			class: f([_(x).e("icon")])
+		}, [m(e.$slots, "icon", {}, () => [(p(), a(h(u.icon)))])], 2)) : u.loading ? (p(), s("div", {
 			key: 1,
-			class: d([h(y).e("icon")])
-		}, [c(h(n))], 2)) : a("", !0), p(e.$slots, "default", {}, () => [s(m(l.label), 1)])], 10, _));
+			class: f([_(x).e("icon")])
+		}, [l(_(n))], 2)) : o("", !0), m(e.$slots, "default", {}, () => [c(g(u.label), 1)])], 10, y));
 	}
 });
 //#endregion
-export { v as default };
+export { b as default };

package/dist/es/components/src/button/index.d.ts

@@ -1,5 +1,5 @@
 import { ButtonSlots, ButtonGroupProps, ButtonGroupSlots } from './types';
-import { PublicProps, VNode, Plugin, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { PublicProps, Component, VNode, Plugin, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
 export declare const SButton: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
     attrs: any;
     slots: ButtonSlots;
@@ -12,7 +12,7 @@ export declare const SButton: ((__VLS_props: NonNullable<Awaited<typeof __VLS_se
         label?: string | undefined;
         disabled?: boolean | undefined;
         loading?: boolean | undefined;
-        icon?: string | undefined;
+        icon?: Component | undefined;
         circle?: boolean | undefined;
         block?: boolean | undefined;
         text?: boolean | undefined;

package/dist/es/components/src/button/types.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref } from 'vue';
+import { Component, InjectionKey, Ref } from 'vue';
 export interface ButtonProps {
     /** 按钮类型
      * @default default
@@ -19,7 +19,7 @@ export interface ButtonProps {
     /** 是否加载中 */
     loading?: boolean;
     /** 按钮图标 */
-    icon?: string;
+    icon?: Component;
     /** 是否为圆形按钮 */
     circle?: boolean;
     /** 是否为块级按钮 */

package/dist/es/components/src/divider/divider.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -11,14 +11,14 @@ var d = /* @__PURE__ */ a({
 		vertical: { type: Boolean },
 		margin: { default: 8 },
 		position: { default: "center" },
-		style: { default: "solid" },
+		boderStyle: {},
 		label: {}
 	},
 	setup(a) {
 		let d = a, f = t("divider"), p = n(() => ({
 			margin: d.vertical ? `0 ${e(d.margin)}` : `${e(d.margin)} 0`,
-			borderLeftStyle: d.vertical ? d.style : "none",
-			borderTopStyle: d.vertical ? "none" : d.style
+			borderLeftStyle: d.vertical ? d.boderStyle : "none",
+			borderTopStyle: d.vertical ? "none" : d.boderStyle
 		}));
 		return (e, t) => (c(), i("div", {
 			class: o([

package/dist/es/components/src/divider/index.d.ts

@@ -8,7 +8,7 @@ export declare const SDivider: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         vertical?: boolean | undefined;
         margin?: string | number | undefined;
         position?: "left" | "center" | "right" | undefined;
-        style?: "solid" | "dashed" | "dotted" | "double" | undefined;
+        boderStyle?: "solid" | "dashed" | "dotted" | "double" | undefined;
         label?: string | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/es/components/src/divider/types.d.ts

@@ -12,7 +12,7 @@ export interface DividerProps {
     /** 分隔线样式
      * @default solid
      */
-    style?: "solid" | "dashed" | "dotted" | "double";
+    boderStyle?: "solid" | "dashed" | "dotted" | "double";
     /** 分隔线标签 */
     label?: string;
 }

package/dist/es/core/index.d.ts

@@ -1,3 +1,4 @@
+import type {} from "./global";
 import { Plugin } from 'vue';
 declare const installer: Plugin;
 export * from '../components/index.ts';

package/dist/es/theme/components/button.scss

@@ -18,7 +18,11 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: getCssVar("color", "text-1");
+    color: inherit;
+    svg {
+      height: 1em;
+      width: 1em;
+    }
   }
   @include when(circle) {
     border-radius: getCssVar("radius", "circle");

package/dist/es/theme/components/layout.scss

@@ -6,6 +6,7 @@
   flex-direction: column;
   width: 100%;
   box-sizing: border-box;
+  background-color: getCssVar("color", "bg-1");
 
   @include when(horizontal) {
     flex-direction: row;

package/dist/json/vetur-attributes.json

@@ -143,8 +143,7 @@
     "type": "boolean"
   },
   "s-button/icon": {
-    "description": "按钮图标",
-    "type": "string"
+    "description": "按钮图标"
   },
   "s-button/circle": {
     "description": "是否为圆形按钮",
@@ -546,7 +545,7 @@
   "s-divider/position": {
     "description": "分隔线位置"
   },
-  "s-divider/style": {
+  "s-divider/boderStyle": {
     "description": "分隔线样式"
   },
   "s-divider/label": {

package/dist/json/vetur-tags.json

@@ -235,7 +235,7 @@
       "vertical",
       "margin",
       "position",
-      "style",
+      "boderStyle",
       "label"
     ]
   },

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "savor-ui",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -380,7 +380,7 @@
               "name": "icon",
               "description": "按钮图标",
               "value": {
-                "type": "string",
+                "type": "Component",
                 "kind": "expression"
               }
             },
@@ -1431,7 +1431,7 @@
               }
             },
             {
-              "name": "style",
+              "name": "boderStyle",
               "description": "分隔线样式",
               "value": {
                 "type": "solid | dashed | dotted | double",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "savor-ui",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A Vue3 Components Library",
   "keywords": [
     "component library",

package/dist/es/core/env.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module '*' {
-  import type { DefineComponent } from "vue";
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const component: DefineComponent<object, object, any>;
-  export default component;
-}