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

package/dist/empty/types.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, StyleValue, VNodeChild } from 'vue';
+export declare const EMPTY_LAYOUTS: readonly ["vertical", "horizontal"];
+export type EmptyLayout = (typeof EMPTY_LAYOUTS)[number];
+export interface EmptySvgNode {
+    id?: string;
+    viewBox?: string;
+    url?: string;
+}
+export type EmptyImage = VNodeChild | EmptySvgNode;
+export interface EmptyProps {
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    darkModeImage?: EmptyImage;
+    description?: VNodeChild;
+    image?: EmptyImage;
+    imageStyle?: StyleValue;
+    layout?: EmptyLayout;
+    style?: StyleValue;
+    title?: VNodeChild;
+}
+export interface EmptySlots {
+    default?: () => VNodeChild;
+    darkModeImage?: () => VNodeChild;
+    description?: () => VNodeChild;
+    image?: () => VNodeChild;
+    title?: () => VNodeChild;
+}

package/dist/empty-Bpms8Z5w.js

@@ -0,0 +1,152 @@
+import { l as e } from "./typography-DF8KwKuL.js";
+import { Comment as t, Text as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeStyle as d, onBeforeUnmount as f, onMounted as p, openBlock as m, shallowRef as h, unref as g, useAttrs as _, useSlots as v, withCtx as y } from "vue";
+//#region src/empty/EmptyNodeRenderer.ts
+var b = l({
+	name: "EmptyNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => e.content
+}), x = ["alt", "src"], S = {
+	key: 1,
+	"aria-hidden": "true"
+}, C = ["xlink:href"], w = { class: "semi-empty-content" }, T = {
+	key: 1,
+	class: "semi-empty-description",
+	"x-semi-prop": "description"
+}, E = {
+	key: 2,
+	class: "semi-empty-footer",
+	"x-semi-prop": "children"
+}, D = /* @__PURE__ */ l({
+	name: "Empty",
+	inheritAttrs: !1,
+	__name: "Empty",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		darkModeImage: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		description: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		image: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		imageStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		layout: { default: "vertical" },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] }
+	},
+	setup(l) {
+		let D = l, O = _(), k = v(), A = h(null), j = null, M = null;
+		function N(e) {
+			if (Array.isArray(e)) return !0;
+			if (e == null || e === !1 || e === "" || e === 0) return !1;
+			if (typeof e != "object") return !!e;
+			let r = e;
+			return r.type === t ? !1 : r.type !== n || N(r.children);
+		}
+		function P(e) {
+			return typeof e == "object" && !!e && !Array.isArray(e) && "id" in e;
+		}
+		let F = r(() => k.image?.() ?? D.image), I = r(() => k.darkModeImage?.() ?? D.darkModeImage), L = r(() => A.value === "dark" && N(I.value) ? I.value : F.value), R = r(() => typeof L.value == "string"), z = r(() => P(L.value) ? L.value : void 0), B = r(() => R.value || z.value ? void 0 : L.value), V = r(() => R.value || !!z.value || N(B.value)), H = r(() => k.title?.() ?? D.title), U = r(() => k.description?.() ?? D.description), W = r(() => k.default?.()), G = r(() => N(H.value)), K = r(() => N(U.value)), q = r(() => N(W.value)), J = r(() => typeof U.value == "string" ? U.value : "empty");
+		function Y() {
+			if (!j) return;
+			let e = j.getAttribute("theme-mode");
+			e !== A.value && (A.value = e);
+		}
+		return p(() => {
+			N(I.value) && (j = window.document.body, Y(), M = new MutationObserver((e) => {
+				e.some((e) => e.type === "attributes" && e.attributeName === "theme-mode") && Y();
+			}), M.observe(j, {
+				attributes: !0,
+				childList: !1,
+				subtree: !1
+			}));
+		}), f(() => {
+			M?.disconnect(), M = null, j = null;
+		}), (t, n) => (m(), o("div", u(g(O), {
+			class: ["semi-empty", [
+				D.class,
+				D.className,
+				`semi-empty-${D.layout}`
+			]],
+			style: D.style
+		}), [s("div", {
+			class: "semi-empty-image",
+			style: d(D.imageStyle),
+			"x-semi-prop": "image,darkModeImage"
+		}, [R.value ? (m(), o("img", {
+			key: 0,
+			alt: J.value,
+			src: L.value
+		}, null, 8, x)) : z.value ? (m(), o("svg", S, [s("use", { "xlink:href": `#${z.value.id}` }, null, 8, C)])) : (m(), i(g(b), {
+			key: 2,
+			content: B.value
+		}, null, 8, ["content"]))], 4), s("div", w, [
+			G.value ? (m(), i(g(e), {
+				key: 0,
+				class: "semi-empty-title",
+				heading: V.value ? 4 : 6,
+				style: d(V.value ? void 0 : { fontWeight: 400 }),
+				"x-semi-prop": "title"
+			}, {
+				default: y(() => [c(g(b), { content: H.value }, null, 8, ["content"])]),
+				_: 1
+			}, 8, ["heading", "style"])) : a("", !0),
+			K.value ? (m(), o("div", T, [c(g(b), { content: U.value }, null, 8, ["content"])])) : a("", !0),
+			q.value ? (m(), o("div", E, [c(g(b), { content: W.value }, null, 8, ["content"])])) : a("", !0)
+		])], 16));
+	}
+}), O = ["vertical", "horizontal"], k = D;
+//#endregion
+export { O as n, k as t };

package/dist/env-BeIzjQx7.js

@@ -0,0 +1,4 @@
+//#region bundled-foundation
+var e = "semi";
+//#endregion
+export { e as t };

package/dist/es-CAWQuPuV.js

@@ -0,0 +1,93 @@
+//#region ../../node_modules/.pnpm/compute-scroll-into-view@1.0.20/node_modules/compute-scroll-into-view/dist/index.mjs
+function e(e) {
+	return typeof e == "object" && !!e && e.nodeType === 1;
+}
+function t(e, t) {
+	return (!t || e !== "hidden") && e !== "visible" && e !== "clip";
+}
+function n(e, n) {
+	if (e.clientHeight < e.scrollHeight || e.clientWidth < e.scrollWidth) {
+		var r = getComputedStyle(e, null);
+		return t(r.overflowY, n) || t(r.overflowX, n) || function(e) {
+			var t = function(e) {
+				if (!e.ownerDocument || !e.ownerDocument.defaultView) return null;
+				try {
+					return e.ownerDocument.defaultView.frameElement;
+				} catch {
+					return null;
+				}
+			}(e);
+			return !!t && (t.clientHeight < e.scrollHeight || t.clientWidth < e.scrollWidth);
+		}(e);
+	}
+	return !1;
+}
+function r(e, t, n, r, i, a, o, s) {
+	return a < e && o > t || a > e && o < t ? 0 : a <= e && s <= n || o >= t && s >= n ? a - e - r : o > t && s < n || a < e && s > n ? o - t + i : 0;
+}
+var i = function(t, i) {
+	var a = window, o = i.scrollMode, s = i.block, c = i.inline, l = i.boundary, u = i.skipOverflowHiddenElements, d = typeof l == "function" ? l : function(e) {
+		return e !== l;
+	};
+	if (!e(t)) throw TypeError("Invalid target");
+	for (var f, p = document.scrollingElement || document.documentElement, m = [], h = t; e(h) && d(h);) {
+		if ((h = (f = h).parentElement ?? (f.getRootNode().host || null)) === p) {
+			m.push(h);
+			break;
+		}
+		h != null && h === document.body && n(h) && !n(document.documentElement) || h != null && n(h, u) && m.push(h);
+	}
+	for (var g = a.visualViewport ? a.visualViewport.width : innerWidth, _ = a.visualViewport ? a.visualViewport.height : innerHeight, v = window.scrollX || pageXOffset, y = window.scrollY || pageYOffset, b = t.getBoundingClientRect(), x = b.height, S = b.width, C = b.top, w = b.right, T = b.bottom, E = b.left, D = s === "start" || s === "nearest" ? C : s === "end" ? T : C + x / 2, O = c === "center" ? E + S / 2 : c === "end" ? w : E, k = [], A = 0; A < m.length; A++) {
+		var j = m[A], M = j.getBoundingClientRect(), N = M.height, P = M.width, F = M.top, I = M.right, L = M.bottom, R = M.left;
+		if (o === "if-needed" && C >= 0 && E >= 0 && T <= _ && w <= g && C >= F && T <= L && E >= R && w <= I) return k;
+		var z = getComputedStyle(j), B = parseInt(z.borderLeftWidth, 10), V = parseInt(z.borderTopWidth, 10), H = parseInt(z.borderRightWidth, 10), U = parseInt(z.borderBottomWidth, 10), W = 0, G = 0, K = "offsetWidth" in j ? j.offsetWidth - j.clientWidth - B - H : 0, q = "offsetHeight" in j ? j.offsetHeight - j.clientHeight - V - U : 0, J = "offsetWidth" in j ? j.offsetWidth === 0 ? 0 : P / j.offsetWidth : 0, Y = "offsetHeight" in j ? j.offsetHeight === 0 ? 0 : N / j.offsetHeight : 0;
+		if (p === j) W = s === "start" ? D : s === "end" ? D - _ : s === "nearest" ? r(y, y + _, _, V, U, y + D, y + D + x, x) : D - _ / 2, G = c === "start" ? O : c === "center" ? O - g / 2 : c === "end" ? O - g : r(v, v + g, g, B, H, v + O, v + O + S, S), W = Math.max(0, W + y), G = Math.max(0, G + v);
+		else {
+			W = s === "start" ? D - F - V : s === "end" ? D - L + U + q : s === "nearest" ? r(F, L, N, V, U + q, D, D + x, x) : D - (F + N / 2) + q / 2, G = c === "start" ? O - R - B : c === "center" ? O - (R + P / 2) + K / 2 : c === "end" ? O - I + H + K : r(R, I, P, B, H + K, O, O + S, S);
+			var X = j.scrollLeft, Z = j.scrollTop;
+			D += Z - (W = Math.max(0, Math.min(Z + W / Y, j.scrollHeight - N / Y + q))), O += X - (G = Math.max(0, Math.min(X + G / J, j.scrollWidth - P / J + K)));
+		}
+		k.push({
+			el: j,
+			top: W,
+			left: G
+		});
+	}
+	return k;
+};
+//#endregion
+//#region ../../node_modules/.pnpm/scroll-into-view-if-needed@2.2.31/node_modules/scroll-into-view-if-needed/es/index.js
+function a(e) {
+	return e === Object(e) && Object.keys(e).length !== 0;
+}
+function o(e, t) {
+	t === void 0 && (t = "auto");
+	var n = "scrollBehavior" in document.body.style;
+	e.forEach(function(e) {
+		var r = e.el, i = e.top, a = e.left;
+		r.scroll && n ? r.scroll({
+			top: i,
+			left: a,
+			behavior: t
+		}) : (r.scrollTop = i, r.scrollLeft = a);
+	});
+}
+function s(e) {
+	return e === !1 ? {
+		block: "end",
+		inline: "nearest"
+	} : a(e) ? e : {
+		block: "start",
+		inline: "nearest"
+	};
+}
+function c(e, t) {
+	var n = e.isConnected || e.ownerDocument.documentElement.contains(e);
+	if (a(t) && typeof t.behavior == "function") return t.behavior(n ? i(e, t) : []);
+	if (n) {
+		var r = s(t);
+		return o(i(e, r), r.behavior);
+	}
+}
+//#endregion
+export { c as t };

package/dist/float-button/FloatButton.vue.d.ts

@@ -0,0 +1,20 @@
+import { FloatButtonProps, FloatButtonSlots } from './types';
+type __VLS_Slots = FloatButtonSlots;
+declare const __VLS_base: import('vue').DefineComponent<FloatButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {
+    disabled: boolean;
+    size: import('./types').FloatButtonSize;
+    colorful: boolean;
+    shape: import('./types').FloatButtonShape;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/float-button/FloatButtonBadge.vue.d.ts

@@ -0,0 +1,18 @@
+import { FloatButtonBadgeProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<FloatButtonBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonBadgeProps> & Readonly<{}>, {
+    type: import('./types').FloatButtonBadgeType;
+    dot: boolean;
+    theme: import('./types').FloatButtonBadgeTheme;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/float-button/FloatButtonGroup.vue.d.ts

@@ -0,0 +1,17 @@
+import { FloatButtonGroupProps, FloatButtonGroupSlots } from './types';
+type __VLS_Slots = FloatButtonGroupSlots;
+declare const __VLS_base: import('vue').DefineComponent<FloatButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (value: string, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<FloatButtonGroupProps> & Readonly<{
+    onClick?: (value: string, event: MouseEvent) => any;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/float-button/FloatButtonNodeRenderer.d.ts

@@ -0,0 +1,17 @@
+import { PropType, VNodeChild } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/float-button/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FloatButton } from './FloatButton.vue';
+export { default as FloatButtonGroup } from './FloatButtonGroup.vue';
+export { FLOAT_BUTTON_BADGE_POSITIONS, FLOAT_BUTTON_BADGE_THEMES, FLOAT_BUTTON_BADGE_TYPES, FLOAT_BUTTON_SHAPES, FLOAT_BUTTON_SIZES, } from './types';
+export type { FloatButtonBadgePosition, FloatButtonBadgeProps, FloatButtonBadgeTheme, FloatButtonBadgeType, FloatButtonEmits, FloatButtonGroupEmits, FloatButtonGroupItem, FloatButtonGroupProps, FloatButtonGroupSlots, FloatButtonProps, FloatButtonShape, FloatButtonSize, FloatButtonSlots, } from './types';

package/dist/float-button/index.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../float-button-qU3b0WBX.js";
+export { o as FLOAT_BUTTON_BADGE_POSITIONS, n as FLOAT_BUTTON_BADGE_THEMES, i as FLOAT_BUTTON_BADGE_TYPES, t as FLOAT_BUTTON_SHAPES, e as FLOAT_BUTTON_SIZES, a as FloatButton, r as FloatButtonGroup };

package/dist/float-button/types.d.ts

@@ -0,0 +1,59 @@
+import { CSSProperties, VNodeChild } from 'vue';
+export declare const FLOAT_BUTTON_SHAPES: readonly ["square", "round"];
+export declare const FLOAT_BUTTON_SIZES: readonly ["small", "default", "large"];
+export declare const FLOAT_BUTTON_BADGE_TYPES: readonly ["primary", "secondary", "tertiary", "danger", "warning", "success"];
+export declare const FLOAT_BUTTON_BADGE_THEMES: readonly ["solid", "light", "inverted"];
+export declare const FLOAT_BUTTON_BADGE_POSITIONS: readonly ["leftTop", "leftBottom", "rightTop", "rightBottom"];
+export type FloatButtonShape = (typeof FLOAT_BUTTON_SHAPES)[number];
+export type FloatButtonSize = (typeof FLOAT_BUTTON_SIZES)[number];
+export type FloatButtonBadgeType = (typeof FLOAT_BUTTON_BADGE_TYPES)[number];
+export type FloatButtonBadgeTheme = (typeof FLOAT_BUTTON_BADGE_THEMES)[number];
+export type FloatButtonBadgePosition = (typeof FLOAT_BUTTON_BADGE_POSITIONS)[number];
+export interface FloatButtonBadgeProps {
+    count?: VNodeChild;
+    dot?: boolean;
+    type?: FloatButtonBadgeType;
+    theme?: FloatButtonBadgeTheme;
+    position?: FloatButtonBadgePosition;
+    overflowCount?: number;
+    style?: CSSProperties;
+    className?: string;
+    countClassName?: string;
+    countStyle?: CSSProperties;
+    onClick?: (event: MouseEvent) => unknown;
+    onMouseEnter?: (event: MouseEvent) => unknown;
+    onMouseLeave?: (event: MouseEvent) => unknown;
+}
+export interface FloatButtonProps {
+    shape?: FloatButtonShape;
+    colorful?: boolean;
+    icon?: VNodeChild;
+    href?: string;
+    target?: string;
+    disabled?: boolean;
+    size?: FloatButtonSize;
+    badge?: FloatButtonBadgeProps;
+}
+export interface FloatButtonEmits {
+    click: [event: MouseEvent];
+}
+export interface FloatButtonSlots {
+    icon?: () => unknown;
+}
+export interface FloatButtonGroupItem extends FloatButtonProps {
+    value?: string;
+    content?: VNodeChild;
+}
+export interface FloatButtonGroupProps {
+    disabled?: boolean;
+    items: readonly FloatButtonGroupItem[];
+}
+export interface FloatButtonGroupEmits {
+    click: [value: string, event: MouseEvent];
+}
+export interface FloatButtonGroupSlots {
+    item?: (props: {
+        item: FloatButtonGroupItem;
+        index: number;
+    }) => unknown;
+}

package/dist/float-button-qU3b0WBX.js

@@ -0,0 +1,190 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, h as c, mergeProps as l, normalizeClass as u, normalizeProps as d, normalizeStyle as f, openBlock as p, renderList as m, renderSlot as h, unref as g, useAttrs as _, withCtx as v } from "vue";
+//#region src/float-button/FloatButtonNodeRenderer.ts
+var y = s({
+	name: "FloatButtonNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(t) {
+		return () => c(e, null, [t.content]);
+	}
+}), b = /* @__PURE__ */ s({
+	name: "FloatButtonBadge",
+	inheritAttrs: !1,
+	__name: "FloatButtonBadge",
+	props: {
+		count: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		dot: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "primary" },
+		theme: { default: "solid" },
+		position: {},
+		overflowCount: {},
+		style: {},
+		className: {},
+		countClassName: {},
+		countStyle: {},
+		onClick: {},
+		onMouseEnter: {},
+		onMouseLeave: {}
+	},
+	setup(e) {
+		let o = e, s = t(() => typeof o.count == "number" || typeof o.count == "string"), c = t(() => !!o.count && !s.value), l = t(() => o.count !== null && o.count !== void 0), d = t(() => o.position ?? "rightTop"), m = t(() => [
+			o.countClassName,
+			c.value ? null : `semi-badge-${o.type}`,
+			c.value ? null : `semi-badge-${o.theme}`,
+			`semi-badge-${d.value}`,
+			o.dot ? "semi-badge-dot" : null,
+			!o.dot && !c.value && l.value ? "semi-badge-count" : null,
+			c.value ? "semi-badge-custom" : null
+		]), _ = t(() => typeof o.count == "number" ? o.overflowCount && o.overflowCount < o.count ? `${o.overflowCount}+` : `${o.count}` : o.count);
+		return (e, t) => (p(), i("span", {
+			class: u(["semi-badge", o.className]),
+			onClick: t[0] ||= (e) => o.onClick?.(e),
+			onMouseenter: t[1] ||= (e) => o.onMouseEnter?.(e),
+			onMouseleave: t[2] ||= (e) => o.onMouseLeave?.(e)
+		}, [h(e.$slots, "default"), a("span", {
+			class: u(m.value),
+			style: f(o.style || o.countStyle),
+			"x-semi-prop": "count"
+		}, [o.dot ? r("", !0) : (p(), n(g(y), {
+			key: 0,
+			content: _.value
+		}, null, 8, ["content"]))], 6)], 34));
+	}
+}), x = /* @__PURE__ */ s({
+	name: "FloatButton",
+	inheritAttrs: !1,
+	__name: "FloatButton",
+	props: {
+		shape: { default: "round" },
+		colorful: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		href: {},
+		target: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		badge: {}
+	},
+	emits: ["click"],
+	setup(e, { emit: r }) {
+		let s = e, c = r, f = _(), m = t(() => Object.fromEntries(Object.entries(f).filter(([e]) => !["class", "style"].includes(e)))), x = t(() => [
+			"semi-floatButton",
+			`semi-floatButton-${s.size}`,
+			`semi-floatButton-${s.shape}`,
+			f.class
+		]), S = t(() => [
+			"semi-floatButton-body",
+			`semi-floatButton-${s.shape}`,
+			s.colorful ? "semi-floatButton-colorful" : null,
+			s.disabled ? "semi-floatButton-disabled" : null,
+			`semi-floatButton-${s.size}`
+		]);
+		function C(e) {
+			s.disabled || (s.href && typeof window < "u" && (s.target === "_blank" ? window.open(s.href, "_blank") : window.location.href = s.href), c("click", e));
+		}
+		return (e, t) => (p(), i("div", l(m.value, {
+			class: x.value,
+			style: g(f).style,
+			onClick: C
+		}), [s.badge ? (p(), n(b, d(l({ key: 0 }, s.badge)), {
+			default: v(() => [a("div", { class: u(S.value) }, [h(e.$slots, "icon", {}, () => [o(g(y), { content: s.icon }, null, 8, ["content"])])], 2)]),
+			_: 3
+		}, 16)) : (p(), i("div", {
+			key: 1,
+			class: u(S.value)
+		}, [h(e.$slots, "icon", {}, () => [o(g(y), { content: s.icon }, null, 8, ["content"])])], 2))], 16));
+	}
+}), S = ["data-value"], C = ["data-value"], w = /* @__PURE__ */ s({
+	name: "FloatButtonGroup",
+	inheritAttrs: !1,
+	__name: "FloatButtonGroup",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		items: {}
+	},
+	emits: ["click"],
+	setup(r, { emit: s }) {
+		let c = r, u = s, d = _(), f = t(() => [
+			"semi-floatButtonGroup",
+			c.disabled ? "semi-floatButtonGroup-disabled" : null,
+			d.class
+		]), x = t(() => Object.fromEntries(Object.entries(d).filter(([e]) => !["class", "style"].includes(e))));
+		function w(e) {
+			let t = e.target, n = t instanceof HTMLElement ? t.dataset.value : void 0;
+			u("click", n, e);
+		}
+		return (t, r) => (p(), i("div", l(x.value, {
+			class: f.value,
+			style: g(d).style,
+			onClick: w
+		}), [(p(!0), i(e, null, m(c.items, (r, s) => (p(), i(e, { key: s }, [r.badge ? (p(), n(b, l({
+			key: 0,
+			ref_for: !0
+		}, r.badge), {
+			default: v(() => [a("div", {
+				class: "semi-floatButtonGroup-item",
+				"data-value": r.value
+			}, [h(t.$slots, "item", {
+				item: r,
+				index: s
+			}, () => [o(g(y), { content: r.icon }, null, 8, ["content"]), o(g(y), { content: r.content }, null, 8, ["content"])])], 8, S)]),
+			_: 2
+		}, 1040)) : (p(), i("div", {
+			key: 1,
+			class: "semi-floatButtonGroup-item",
+			"data-value": r.value
+		}, [h(t.$slots, "item", {
+			item: r,
+			index: s
+		}, () => [o(g(y), { content: r.icon }, null, 8, ["content"]), o(g(y), { content: r.content }, null, 8, ["content"])])], 8, C))], 64))), 128))], 16));
+	}
+}), T = ["square", "round"], E = [
+	"small",
+	"default",
+	"large"
+], D = [
+	"primary",
+	"secondary",
+	"tertiary",
+	"danger",
+	"warning",
+	"success"
+], O = [
+	"solid",
+	"light",
+	"inverted"
+], k = [
+	"leftTop",
+	"leftBottom",
+	"rightTop",
+	"rightBottom"
+];
+//#endregion
+export { E as a, T as i, O as n, w as o, D as r, x as s, k as t };

package/dist/form/ArrayField.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    initValue: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
+}>, (() => null) | (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined), {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    field: {
+        type: StringConstructor;
+        required: true;
+    };
+    initValue: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    initValue: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/form/Form.vue.d.ts

@@ -0,0 +1,38 @@
+import { FormApi, FormFieldError, FormProps, FormSlots, FormState } from './types';
+type __VLS_Props = FormProps;
+type __VLS_Slots = FormSlots;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    formApi: import('vue').Raw<FormApi<Record<string, unknown>>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (formState: FormState<Record<string, unknown>>) => any;
+    reset: () => any;
+    submit: (values: Record<string, unknown>, event?: Event | undefined) => any;
+    errorChange: (errors: Record<string, FormFieldError>, changedErrors: Record<string, FormFieldError>) => any;
+    submitFail: (errors: unknown, values: Record<string, unknown>, event?: Event | undefined) => any;
+    valueChange: (values: Record<string, unknown>, changedValues: Record<string, unknown>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (formState: FormState<Record<string, unknown>>) => any;
+    onReset?: () => any;
+    onSubmit?: (values: Record<string, unknown>, event?: Event | undefined) => any;
+    onErrorChange?: (errors: Record<string, FormFieldError>, changedErrors: Record<string, FormFieldError>) => any;
+    onSubmitFail?: (errors: unknown, values: Record<string, unknown>, event?: Event | undefined) => any;
+    onValueChange?: (values: Record<string, unknown>, changedValues: Record<string, unknown>) => any;
+}>, {
+    layout: import('./types').FormLayout;
+    labelPosition: import('./types').FormLabelPosition;
+    trigger: import('./types').FormTrigger | import('./types').FormTrigger[];
+    extraTextPosition: "middle" | "bottom";
+    labelAlign: import('./types').FormLabelAlign;
+    stopValidateWithError: boolean;
+    allowEmpty: boolean;
+    autoScrollToError: boolean | import('./types').ScrollIntoViewOptions;
+    showValidateIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};