@aifuxi/semi-ui-vue 0.1.0-alpha.0 → 0.1.0-alpha.4

package/README.md

@@ -2,7 +2,7 @@
 
 面向 Vue 3.5+、以 Semi Design `v2.102.0` 为固定参考基线的独立组件库实现。
 
-> 当前为 `0.1.0-alpha.0` 预览版，只完成了仓库 README 所列的组件范围，API 和发布结构在 `1.0.0` 前仍可能调整。本项目不是 Semi Design 官方 Vue 版本，也不代表 DouyinFE 的授权、合作或品牌身份。
+> 当前为 `0.1.0-alpha.1` 预览版，只完成了仓库 README 所列的组件范围，API 和发布结构在 `1.0.0` 前仍可能调整。本项目不是 Semi Design 官方 Vue 版本，也不代表 DouyinFE 的授权、合作或品牌身份。
 
 ## 安装
 

package/dist/Button-BkiML-EG.js

@@ -0,0 +1,276 @@
+import { Fragment as e, cloneVNode as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, useAttrs as p, useId as m, useSlots as h } from "vue";
+//#region src/button/ButtonAiLoadingIcon.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	role: "img",
+	"aria-label": "ai_loading",
+	class: "semi-icon semi-icon-default semi-icon-ai_loading"
+}, _ = {
+	viewBox: "0 0 16 16",
+	width: "1em",
+	height: "1em",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	focusable: "false",
+	"aria-hidden": "true"
+}, v = ["stroke"], y = /* @__PURE__ */ s({
+	__name: "ButtonAiLoadingIcon",
+	setup(e) {
+		let t = `semi-ai-loading-${m().replaceAll(":", "")}`;
+		return (e, n) => (u(), a("span", g, [(u(), a("svg", _, [o("path", {
+			d: "M15.1112 7.99978C15.1112 4.07242 11.9275 0.888672 8.00009 0.888672C5.18219 0.888672 2.74711 2.52771 1.59619 4.90445",
+			stroke: `url(#${t})`,
+			"stroke-width": "1.77778",
+			"stroke-linecap": "round"
+		}, null, 8, v), o("defs", null, [o("linearGradient", {
+			id: t,
+			x1: "16",
+			y1: "8",
+			x2: "2.68594",
+			y2: "11.022",
+			gradientUnits: "userSpaceOnUse"
+		}, [...n[0] ||= [
+			o("stop", { "stop-color": "rgba(233,69,255)" }, null, -1),
+			o("stop", {
+				offset: "0.3",
+				"stop-color": "rgba(166,71,255)"
+			}, null, -1),
+			o("stop", {
+				offset: "0.6",
+				"stop-color": "rgba(107,97,255)"
+			}, null, -1),
+			o("stop", {
+				offset: "1",
+				"stop-color": "rgba(46,140,255)",
+				"stop-opacity": "0"
+			}, null, -1)
+		]])])]))]));
+	}
+}), b = s({
+	name: "ButtonIconRenderer",
+	props: {
+		fill: {
+			type: [String, Array],
+			default: void 0
+		},
+		nodes: {
+			type: Array,
+			required: !0
+		}
+	},
+	setup(e) {
+		return () => e.fill === void 0 ? e.nodes : e.nodes.map((n) => t(n, { fill: e.fill }));
+	}
+}), x = {
+	width: "48",
+	height: "48",
+	viewBox: "0 0 36 36",
+	version: "1.1",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	"data-icon": "spin"
+}, S = ["id"], C = {
+	stroke: "none",
+	"stroke-width": "1",
+	fill: "none",
+	"fill-rule": "evenodd"
+}, w = ["stroke"], T = /* @__PURE__ */ s({
+	__name: "ButtonLoadingIcon",
+	setup(e) {
+		let t = m(), r = n(() => `linearGradient-semi-spin-${t}`);
+		return (e, t) => (u(), a("svg", x, [o("defs", null, [o("linearGradient", {
+			id: r.value,
+			x1: "0%",
+			y1: "100%",
+			x2: "100%",
+			y2: "100%"
+		}, [...t[0] ||= [
+			o("stop", {
+				"stop-color": "currentColor",
+				"stop-opacity": "0",
+				offset: "0%"
+			}, null, -1),
+			o("stop", {
+				"stop-color": "currentColor",
+				"stop-opacity": "0.5",
+				offset: "39.9430698%"
+			}, null, -1),
+			o("stop", {
+				"stop-color": "currentColor",
+				offset: "100%"
+			}, null, -1)
+		]], 8, S)]), o("g", C, [t[1] ||= o("rect", {
+			"fill-opacity": "0.01",
+			fill: "none",
+			x: "0",
+			y: "0",
+			width: "36",
+			height: "36"
+		}, null, -1), o("path", {
+			d: "M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951",
+			stroke: `url(#${r.value})`,
+			"stroke-width": "4",
+			"stroke-linecap": "round"
+		}, null, 8, w)])]));
+	}
+}), E = [
+	"disabled",
+	"type",
+	"aria-disabled"
+], D = ["x-semi-prop"], O = /* @__PURE__ */ s({
+	name: "Button",
+	inheritAttrs: !1,
+	__name: "Button",
+	props: {
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		circle: {
+			type: Boolean,
+			default: !1
+		},
+		colorful: {
+			type: Boolean,
+			default: !1
+		},
+		contentClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		htmlType: { default: "button" },
+		iconPosition: { default: "left" },
+		iconSize: {},
+		iconStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		noHorizontalPadding: {
+			type: [
+				Boolean,
+				String,
+				Array
+			],
+			default: !1
+		},
+		prefixCls: { default: "semi-button" },
+		size: { default: "default" },
+		theme: { default: "light" },
+		type: { default: "primary" }
+	},
+	emits: [
+		"click",
+		"mousedown",
+		"mouseenter",
+		"mouseleave"
+	],
+	setup(t, { emit: s }) {
+		let m = t, g = s, _ = h(), v = h(), x = p(), S = n(() => !!v.default), C = n(() => !!v.icon || m.loading && !m.disabled), w = n(() => C.value && !S.value), O = n(() => m.colorful && [
+			"light",
+			"outline",
+			"borderless"
+		].includes(m.theme) || m.theme === "solid" && m.type === "tertiary"), k = n(() => [
+			m.prefixCls,
+			m.disabled ? `${m.prefixCls}-disabled` : `${m.prefixCls}-${m.type}`,
+			m.disabled ? `${m.prefixCls}-${m.type}-disabled` : null,
+			m.size === "large" ? `${m.prefixCls}-size-large` : null,
+			m.size === "small" ? `${m.prefixCls}-size-small` : null,
+			m.block ? `${m.prefixCls}-block` : null,
+			m.circle ? `${m.prefixCls}-circle` : null,
+			`${m.prefixCls}-${m.theme}`,
+			m.colorful ? `${m.prefixCls}-colorful` : null,
+			C.value ? `${m.prefixCls}-with-icon` : null,
+			w.value ? `${m.prefixCls}-with-icon-only` : null,
+			C.value && m.loading ? `${m.prefixCls}-loading` : null,
+			x.class
+		]), A = n(() => Object.fromEntries(Object.entries(x).filter(([e]) => !["class", "style"].includes(e)))), j = n(() => {
+			if (!C.value) return {};
+			let e = m.noHorizontalPadding, t = e === !0 || e === "left" || Array.isArray(e) && e.includes("left"), n = e === !0 || e === "right" || Array.isArray(e) && e.includes("right");
+			return {
+				...t ? { paddingLeft: 0 } : {},
+				...n ? { paddingRight: 0 } : {}
+			};
+		}), M = n(() => [j.value, x.style]), N = n(() => m.iconPosition === "right" ? `${m.prefixCls}-content-left` : `${m.prefixCls}-content-right`), P = n(() => {
+			if (!m.colorful) return;
+			let e = m.theme === "solid" && m.type === "tertiary" || m.type === "primary" && ["light", "borderless"].includes(m.theme), t = m.type === "tertiary" && [
+				"light",
+				"borderless",
+				"outline"
+			].includes(m.theme);
+			if (e) return m.disabled ? Array.from({ length: 4 }, () => "var(--semi-color-disabled-text)") : [
+				"var(--semi-button-colorful-multiple-fill-0)",
+				"var(--semi-button-colorful-multiple-fill-1)",
+				"var(--semi-button-colorful-multiple-fill-2)",
+				"var(--semi-button-colorful-multiple-fill-3)"
+			];
+			if (t) return m.disabled ? Array.from({ length: 2 }, () => "var(--semi-color-disabled-text)") : ["var(--semi-button-colorful-fill-primary)", "var(--semi-button-colorful-fill-secondary)"];
+		}), F = n(() => _.icon?.({
+			fill: P.value,
+			iconSize: m.iconSize,
+			iconStyle: m.iconStyle
+		}) ?? []);
+		function I(e, t) {
+			if (!m.disabled) switch (e) {
+				case "click":
+					g("click", t);
+					break;
+				case "mousedown":
+					g("mousedown", t);
+					break;
+				case "mouseenter":
+					g("mouseenter", t);
+					break;
+				case "mouseleave": g("mouseleave", t);
+			}
+		}
+		return (t, n) => (u(), a("button", c(A.value, {
+			disabled: m.disabled,
+			class: k.value,
+			style: M.value,
+			type: m.htmlType,
+			"aria-disabled": m.disabled,
+			onClick: n[0] ||= (e) => I("click", e),
+			onMousedown: n[1] ||= (e) => I("mousedown", e),
+			onMouseenter: n[2] ||= (e) => I("mouseenter", e),
+			onMouseleave: n[3] ||= (e) => I("mouseleave", e)
+		}), [o("span", {
+			class: l([`${m.prefixCls}-content`, m.contentClass]),
+			"x-semi-prop": C.value ? void 0 : "children"
+		}, [C.value ? (u(), a(e, { key: 0 }, [
+			m.iconPosition === "left" ? (u(), a(e, { key: 0 }, [m.loading && !m.disabled && O.value ? (u(), r(y, {
+				key: 0,
+				class: l(`${m.prefixCls}-content-loading-icon`)
+			}, null, 8, ["class"])) : m.loading && !m.disabled ? (u(), r(T, { key: 1 })) : (u(), r(f(b), c({
+				key: 2,
+				nodes: F.value
+			}, P.value === void 0 ? {} : { fill: P.value }), null, 16, ["nodes"]))], 64)) : i("", !0),
+			S.value ? (u(), a("span", {
+				key: 1,
+				class: l(N.value),
+				"x-semi-prop": "children"
+			}, [d(t.$slots, "default")], 2)) : i("", !0),
+			m.iconPosition === "right" ? (u(), a(e, { key: 2 }, [m.loading && !m.disabled && O.value ? (u(), r(y, {
+				key: 0,
+				class: l(`${m.prefixCls}-content-loading-icon`)
+			}, null, 8, ["class"])) : m.loading && !m.disabled ? (u(), r(T, { key: 1 })) : (u(), r(f(b), c({
+				key: 2,
+				nodes: F.value
+			}, P.value === void 0 ? {} : { fill: P.value }), null, 16, ["nodes"]))], 64)) : i("", !0)
+		], 64)) : d(t.$slots, "default", {}, void 0, void 0, 1)], 10, D)], 16, E));
+	}
+});
+//#endregion
+export { O as t };

package/dist/{Modal-BhmFYVFw.js → Modal-DMalrKbc.js}

@@ -6,7 +6,7 @@ import { t as a } from "./isElement-Cx0AsIov.js";
 import { l as o } from "./typography-DF8KwKuL.js";
 import { t as s } from "./config-context-CyynTtDb.js";
 import { n as c, o as l } from "./config-provider-VMfNNSF1.js";
-import { t as u } from "./Button-RCaDTqHh.js";
+import { t as u } from "./Button-BkiML-EG.js";
 import { Teleport as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, getCurrentInstance as b, h as ee, inject as x, markRaw as S, mergeProps as C, nextTick as te, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, onMounted as D, openBlock as O, shallowReactive as k, shallowRef as A, toDisplayString as j, unref as M, useAttrs as N, useId as P, useSlots as F, useTemplateRef as I, watch as L, withCtx as R } from "vue";
 import { IconClose as z } from "@aifuxi/semi-icons-vue";
 //#region bundled-foundation

package/dist/SBOM.spdx.json

@@ -2,13 +2,13 @@
   "spdxVersion": "SPDX-2.3",
   "dataLicense": "CC0-1.0",
   "SPDXID": "SPDXRef-DOCUMENT",
-  "name": "@aifuxi/semi-ui-vue-0.1.0-alpha.0",
-  "documentNamespace": "https://github.com/aifuxi/semi-ui-vue/spdx/%40aifuxi%2Fsemi-ui-vue/0.1.0-alpha.0/cdfba6e520fc83ad871b30f51f36d8af3aaa5a21/bd3afe62f095a6c0",
+  "name": "@aifuxi/semi-ui-vue-0.1.0-alpha.4",
+  "documentNamespace": "https://github.com/aifuxi/semi-ui-vue/spdx/%40aifuxi%2Fsemi-ui-vue/0.1.0-alpha.4/cdfba6e520fc83ad871b30f51f36d8af3aaa5a21/80761e066c49e5a4",
   "documentDescribes": [
     "SPDXRef-Package-Workspace"
   ],
   "creationInfo": {
-    "created": "2026-08-30T08:40:30.454Z",
+    "created": "2026-08-31T02:43:48.849Z",
     "creators": [
       "Tool: semi-ui-vue-workspace"
     ]
@@ -17,7 +17,7 @@
     {
       "SPDXID": "SPDXRef-Package-Workspace",
       "name": "@aifuxi/semi-ui-vue",
-      "versionInfo": "0.1.0-alpha.0",
+      "versionInfo": "0.1.0-alpha.4",
       "supplier": "Person: aifuxi",
       "downloadLocation": "https://github.com/aifuxi/semi-ui-vue",
       "filesAnalyzed": false,
@@ -45,7 +45,7 @@
     {
       "SPDXID": "SPDXRef-Package--aifuxi-semi-icons-vue",
       "name": "@aifuxi/semi-icons-vue",
-      "versionInfo": "0.1.0-alpha.0",
+      "versionInfo": "0.1.0-alpha.4",
       "downloadLocation": "NOASSERTION",
       "filesAnalyzed": false,
       "licenseConcluded": "NOASSERTION",

package/dist/anchor/Anchor.vue.d.ts

@@ -1,11 +1,11 @@
 import { AnchorProps, AnchorSlots } from './types';
 type __VLS_Slots = AnchorSlots;
 declare const __VLS_base: import('vue').DefineComponent<AnchorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent | KeyboardEvent, currentLink: string) => any;
     change: (currentLink: string, previousLink: string) => any;
+    click: (event: MouseEvent | KeyboardEvent, currentLink: string) => any;
 }, string, import('vue').PublicProps, Readonly<AnchorProps> & Readonly<{
-    onClick?: (event: MouseEvent | KeyboardEvent, currentLink: string) => any;
     onChange?: (currentLink: string, previousLink: string) => any;
+    onClick?: (event: MouseEvent | KeyboardEvent, currentLink: string) => any;
 }>, {
     className: string;
     size: import('./types').AnchorSize;

package/dist/auto-complete/AutoComplete.vue.d.ts

@@ -4,10 +4,10 @@ declare const __VLS_base: import('vue').DefineComponent<AutoCompleteProps, AutoC
     clear: () => any;
     search: (value: string) => any;
     select: (value: import('./types').AutoCompletePrimitive | import('./types').AutoCompleteDataItem) => any;
-    keydown: (event: KeyboardEvent) => any;
     blur: (event: FocusEvent) => any;
     change: (value: import('./types').AutoCompletePrimitive) => any;
     focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
     "update:modelValue": (value: import('./types').AutoCompletePrimitive) => any;
     "update:value": (value: import('./types').AutoCompletePrimitive) => any;
     dropdownVisibleChange: (visible: boolean) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import('vue').DefineComponent<AutoCompleteProps, AutoC
     onClear?: () => any;
     onSearch?: (value: string) => any;
     onSelect?: (value: import('./types').AutoCompletePrimitive | import('./types').AutoCompleteDataItem) => any;
-    onKeydown?: (event: KeyboardEvent) => any;
     onBlur?: (event: FocusEvent) => any;
     onChange?: (value: import('./types').AutoCompletePrimitive) => any;
     onFocus?: (event: FocusEvent) => any;
+    onKeydown?: (event: KeyboardEvent) => any;
     "onUpdate:modelValue"?: (value: import('./types').AutoCompletePrimitive) => any;
     "onUpdate:value"?: (value: import('./types').AutoCompletePrimitive) => any;
     onDropdownVisibleChange?: (visible: boolean) => any;

package/dist/back-top/BackTop.vue.d.ts

@@ -5,8 +5,8 @@ declare const __VLS_base: import('vue').DefineComponent<BackTopProps, {}, {}, {}
 }, string, import('vue').PublicProps, Readonly<BackTopProps> & Readonly<{
     onClick?: (event: MouseEvent) => any;
 }>, {
-    duration: number;
     target: () => BackTopTarget | null | undefined;
+    duration: number;
     visibilityHeight: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/back-top/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../back-top-C2XqUzoN.js";
+import { t as e } from "../back-top-CF5T5Xk3.js";
 export { e as BackTop, e as default };

package/dist/{back-top-C2XqUzoN.js → back-top-CF5T5Xk3.js}

@@ -1,6 +1,6 @@
 import { r as e, t } from "./src-DNBBthjO.js";
 import { P as n, t as r } from "./foundation-Cawx37mp.js";
-import { t as i } from "./Button-RCaDTqHh.js";
+import { t as i } from "./Button-BkiML-EG.js";
 import { computed as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, markRaw as u, mergeProps as d, onBeforeUnmount as f, onMounted as p, openBlock as m, renderSlot as h, shallowReactive as g, shallowRef as _, unref as v, useAttrs as y, withCtx as b } from "vue";
 import { IconChevronUp as x } from "@aifuxi/semi-icons-vue";
 //#region bundled-foundation

package/dist/banner/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../banner-B3O4uDoR.js";
+import { n as e, t } from "../banner-CVgD_01P.js";
 export { e as BANNER_TYPES, t as Banner, t as default };

package/dist/{banner-B3O4uDoR.js → banner-CVgD_01P.js}

@@ -1,7 +1,7 @@
 import "./src-DNBBthjO.js";
 import { t as e } from "./foundation-Cawx37mp.js";
 import { d as t, l as n } from "./typography-DF8KwKuL.js";
-import { t as ee } from "./Button-RCaDTqHh.js";
+import { t as ee } from "./Button-BkiML-EG.js";
 import { Comment as r, Text as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, markRaw as p, mergeProps as m, onBeforeUnmount as h, onMounted as g, openBlock as _, resolveDynamicComponent as v, shallowReactive as y, unref as b, useAttrs as x, useSlots as S, withCtx as C } from "vue";
 import { IconAlertCircle as te, IconAlertTriangle as ne, IconClose as re, IconInfoCircle as w, IconTickCircle as T } from "@aifuxi/semi-icons-vue";
 //#region bundled-foundation

package/dist/breadcrumb/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../breadcrumb-BmBbFmGK.js";
+import { i as e, n as t, r as n, t as r } from "../breadcrumb-NR4ESZor.js";
 export { t as BREADCRUMB_MORE_TYPES, r as Breadcrumb, r as default, n as BreadcrumbItem, e as breadcrumbContextKey };