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

package/dist/breadcrumb-BmBbFmGK.js

@@ -0,0 +1,451 @@
+import "./src-DNBBthjO.js";
+import { t as e } from "./foundation-Cawx37mp.js";
+import { t } from "./isEnterPress-HTy0eCBp.js";
+import { t as n } from "./Tooltip-Bq7HZwnS.js";
+import { u as r } from "./typography-DF8KwKuL.js";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Comment as a, Fragment as o, Text as s, cloneVNode as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, h as _, inject as v, isVNode as y, markRaw as b, mergeProps as x, normalizeClass as ee, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, openBlock as T, provide as E, renderSlot as D, resolveDynamicComponent as O, shallowRef as k, toDisplayString as te, unref as A, useAttrs as ne, useSlots as j, withCtx as M } from "vue";
+import { IconMore as N } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var P = class extends e {
+	constructor(e) {
+		super({ ...e });
+	}
+	handleClick(e, t) {
+		this._adapter.notifyClick(e, t);
+	}
+	handleExpand(e) {
+		this._adapter.expandCollapsed(e);
+	}
+	handleExpandEnterPress(e) {
+		t(e) && this.handleExpand(e);
+	}
+	genRoutes(e) {
+		return e.map((e) => {
+			if (typeof e != "object") return {
+				name: e,
+				_origin: { name: e }
+			};
+			let t = {};
+			return t._origin = e, {
+				...t,
+				...e
+			};
+		});
+	}
+}, F = class extends e {
+	constructor(e) {
+		super({ ...e });
+	}
+	handleClick(e, t) {
+		this._adapter.notifyClick(e, t), this._adapter.notifyParent(e, t);
+	}
+};
+//#endregion
+//#region src/breadcrumb/BreadcrumbIconRenderer.ts
+function I(e, t) {
+	return Array.isArray(e) ? e.map((e) => I(e, t)) : y(e) ? c(e, {
+		class: [e.props?.class, "semi-breadcrumb-item-icon"],
+		size: t
+	}) : e;
+}
+var L = g({
+	name: "BreadcrumbIconRenderer",
+	props: {
+		compact: {
+			type: Boolean,
+			required: !0
+		},
+		content: {
+			type: null,
+			default: void 0
+		}
+	},
+	setup: (e) => () => I(e.content, e.compact ? "small" : "default")
+}), R = g({
+	name: "BreadcrumbNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => e.content
+}), z = Symbol("semi-breadcrumb-context"), B = ["aria-current"], V = {
+	key: 1,
+	class: "semi-breadcrumb-item-title"
+}, H = {
+	key: 2,
+	class: "semi-breadcrumb-item-title semi-breadcrumb-item-title-inline"
+}, U = {
+	key: 1,
+	class: "semi-breadcrumb-separator"
+}, W = /* @__PURE__ */ g({
+	name: "BreadcrumbItem",
+	inheritAttrs: !1,
+	__name: "BreadcrumbItem",
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		className: {},
+		href: {},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		noLink: {
+			type: Boolean,
+			default: !1
+		},
+		route: {},
+		separator: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		shouldRenderSeparator: {
+			type: Boolean,
+			default: !0
+		},
+		style: {}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, c = ne(), p = j(), g = {
+			width: 150,
+			ellipsisPos: "end"
+		}, _ = v(z, {
+			compact: l(() => !0),
+			separator: l(() => "/"),
+			showTooltip: l(() => g),
+			onClick: () => void 0
+		});
+		function E(e) {
+			let t = [], n = (e) => {
+				if (Array.isArray(e)) {
+					e.forEach(n);
+					return;
+				}
+				if (!y(e) || e.type === a) {
+					e != null && typeof e != "boolean" && t.push(e);
+					return;
+				}
+				if (e.type === o && Array.isArray(e.children)) {
+					e.children.forEach((e) => n(e));
+					return;
+				}
+				(e.type !== s || String(e.children ?? "").trim() !== "") && t.push(e);
+			};
+			return e.forEach(n), t;
+		}
+		let D = l(() => E(p.default?.() ?? [])), k = l(() => {
+			if (D.value.length !== 1) return;
+			let e = D.value[0];
+			return typeof e == "string" ? e.trim() : y(e) && e.type === s ? String(e.children ?? "").trim() : void 0;
+		}), N = l(() => p.icon?.() ?? n.icon), P = l(() => n.href !== null && n.href !== void 0), I = l(() => n.active || !P.value ? "span" : "a"), W = l(() => [
+			"semi-breadcrumb-item",
+			n.active ? "semi-breadcrumb-item-active" : null,
+			n.noLink ? null : "semi-breadcrumb-item-link"
+		]), G = l(() => Object.fromEntries(Object.entries(c).filter(([e]) => !["class", "style"].includes(e)))), K = l(() => p.separator ? p.separator() : n.separator || _.separator.value), q = l(() => {
+			let e = _.showTooltip.value;
+			if (!e) return {
+				ellipsisPos: "end",
+				opts: void 0,
+				width: 150
+			};
+			let t = typeof e == "object" ? e : {};
+			return {
+				ellipsisPos: t.ellipsisPos ?? "end",
+				opts: {
+					autoAdjustOverflow: !0,
+					position: "top",
+					...t.opts ?? {}
+				},
+				width: t.width ?? 150
+			};
+		}), J = l(() => typeof q.value.width == "number" ? `${q.value.width}px` : q.value.width), Y = l(() => ({
+			pos: q.value.ellipsisPos,
+			showTooltip: q.value.opts ? { opts: q.value.opts } : !1
+		}));
+		function X() {
+			if (n.route) return n.route;
+			let e = { name: k.value ?? D.value };
+			return n.href !== null && n.href !== void 0 && (e.href = n.href), e;
+		}
+		let Z = b(new F({
+			notifyClick: (e, t) => i("click", e, t),
+			notifyParent: (e, t) => _.onClick(e, t)
+		}));
+		w(() => Z.init()), C(() => Z.destroy());
+		function Q(e) {
+			Z.handleClick(X(), e);
+		}
+		return (t, n) => (T(), f("span", x(G.value, {
+			"aria-current": e.active ? "page" : void 0,
+			class: [
+				"semi-breadcrumb-item-wrap",
+				e.className,
+				A(c).class
+			],
+			style: [e.style, A(c).style]
+		}), [(T(), u(O(I.value), {
+			class: ee(W.value),
+			href: e.href,
+			onClick: Q
+		}, {
+			default: M(() => [N.value !== void 0 && N.value !== null ? (T(), u(A(L), {
+				key: 0,
+				compact: A(_).compact.value,
+				content: N.value
+			}, null, 8, ["compact", "content"])) : d("", !0), k.value ? (T(), f("span", V, [h(r, {
+				ellipsis: Y.value,
+				size: A(_).compact.value ? "small" : "normal",
+				style: S({ maxWidth: J.value })
+			}, {
+				default: M(() => [m(te(k.value), 1)]),
+				_: 1
+			}, 8, [
+				"ellipsis",
+				"size",
+				"style"
+			])])) : D.value.length ? (T(), f("span", H, [h(A(R), { content: D.value }, null, 8, ["content"])])) : d("", !0)]),
+			_: 1
+		}, 8, ["class", "href"])), e.shouldRenderSeparator ? (T(), f(o, { key: 0 }, [t.$slots.separator || e.separator ? (T(), u(A(R), {
+			key: 0,
+			content: K.value
+		}, null, 8, ["content"])) : (T(), f("span", U, [h(A(R), { content: K.value }, null, 8, ["content"])]))], 64)) : d("", !0)], 16, B));
+	}
+}), G = {}, K = {
+	"aria-hidden": "true",
+	class: "semi-popover-icon-arrow",
+	width: "24",
+	height: "8",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function q(e, t) {
+	return T(), f("svg", K, [...t[0] ||= [p("path", {
+		d: "M0 0.5L0 1.5C4 1.5 5.5 3 7.5 5S10 8 12 8 14.5 7 16.5 5 20 1.5 24 1.5V0.5H0Z",
+		style: { fill: "var(--semi-color-border)" }
+	}, null, -1), p("path", {
+		d: "M0 0V1C4 1 5.5 2 7.5 4S10 7 12 7 14.5 6 16.5 4 20 1 24 1V0H0Z",
+		style: { fill: "var(--semi-color-bg-3)" }
+	}, null, -1)]]);
+}
+var J = /*#__PURE__*/ i(G, [["render", q]]), Y = { class: "semi-popover" }, X = { class: "semi-popover-content" }, Z = /* @__PURE__ */ g({
+	name: "BreadcrumbPopover",
+	__name: "BreadcrumbPopover",
+	props: { content: { type: [
+		Object,
+		String,
+		Number,
+		Boolean,
+		null,
+		Array
+	] } },
+	setup(e) {
+		return (t, r) => (T(), u(n, {
+			"arrow-bounding": {
+				width: 24,
+				height: 8,
+				offsetX: 0,
+				offsetY: 6
+			},
+			"auto-adjust-overflow": "",
+			"close-on-esc": "",
+			"disable-focus-listener": "",
+			"guard-focus": "",
+			position: "bottom",
+			"prefix-cls": "semi-popover",
+			"return-focus-on-close": "",
+			"show-arrow": !0,
+			spacing: 10,
+			style: { padding: "12px" },
+			trigger: "hover",
+			"z-index": 1030
+		}, {
+			content: M(() => [p("div", Y, [p("div", X, [h(A(R), { content: e.content }, null, 8, ["content"])])])]),
+			arrow: M(() => [h(J)]),
+			default: M(() => [D(t.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), Q = ["default", "popover"];
+//#endregion
+//#region src/breadcrumb/Breadcrumb.ts
+function $(e) {
+	let t = [], n = (e) => {
+		if (Array.isArray(e)) {
+			e.forEach(n);
+			return;
+		}
+		if (!(!y(e) || e.type === a) && (e.type !== s || String(e.children ?? "").trim() !== "")) {
+			if (e.type === o && Array.isArray(e.children)) {
+				e.children.forEach((e) => n(e));
+				return;
+			}
+			t.push(e);
+		}
+	};
+	return e.forEach(n), t;
+}
+var re = g({
+	name: "Breadcrumb",
+	inheritAttrs: !1,
+	props: {
+		activeIndex: {
+			type: Number,
+			default: void 0
+		},
+		autoCollapse: {
+			type: Boolean,
+			default: !0
+		},
+		className: {
+			type: String,
+			default: void 0
+		},
+		compact: {
+			type: Boolean,
+			default: !0
+		},
+		maxItemCount: {
+			type: Number,
+			default: 4
+		},
+		moreType: {
+			type: String,
+			default: "default",
+			validator: (e) => Q.includes(e)
+		},
+		renderItem: {
+			type: Function,
+			default: void 0
+		},
+		renderMore: {
+			type: Function,
+			default: void 0
+		},
+		routes: {
+			type: Array,
+			default: () => []
+		},
+		separator: {
+			type: null,
+			default: "/"
+		},
+		showTooltip: {
+			type: [Boolean, Object],
+			default: () => ({
+				width: 150,
+				ellipsisPos: "end"
+			})
+		},
+		style: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: { click: (e, t) => !0 },
+	setup(e, { attrs: t, emit: n, slots: r }) {
+		let i = k(!0), a = b(new P({
+			notifyClick: (e, t) => n("click", e, t),
+			expandCollapsed: () => {
+				i.value = !1;
+			}
+		})), o = l(() => r.separator?.() ?? e.separator);
+		E(z, {
+			compact: l(() => e.compact),
+			separator: o,
+			showTooltip: l(() => e.showTooltip),
+			onClick: (e, t) => a.handleClick(e, t)
+		}), w(() => a.init()), C(() => a.destroy());
+		let s = (e) => a.handleExpand(e);
+		function u(e) {
+			let t = [];
+			return e.forEach((n, r) => {
+				t.push(n), r !== e.length - 1 && t.push(_("span", {
+					class: "semi-breadcrumb-restItem",
+					key: `rest-separator-${r}`
+				}, [o.value]));
+			}), t;
+		}
+		function d(t) {
+			return r.more ? r.more({
+				expand: s,
+				items: t
+			}) : e.renderMore ? e.renderMore(t) : e.moreType === "popover" ? _(Z, { content: u(t) }, { default: () => _(N) }) : _(N);
+		}
+		function f(t, n) {
+			let r = t.slice(1, n - e.maxItemCount + 1);
+			return _("span", {
+				class: "semi-breadcrumb-collapse",
+				key: `more-${n}`
+			}, [_("span", { class: "semi-breadcrumb-item-wrap" }, [_("span", {
+				"aria-label": "Expand breadcrumb items",
+				class: ["semi-breadcrumb-item", "semi-breadcrumb-item-more"],
+				onClick: (e) => a.handleExpand(e),
+				onKeypress: (e) => a.handleExpandEnterPress(e),
+				role: "button",
+				tabindex: 0
+			}, [d(r)]), _("span", {
+				class: "semi-breadcrumb-separator",
+				"x-semi-prop": "separator"
+			}, [o.value])])]);
+		}
+		function p(t, n, i) {
+			let o = a.genRoutes(e.routes), s = o.length - e.maxItemCount;
+			return o.map((a, c) => {
+				let { _origin: l, ...u } = a, d = c > 0 && c <= s, f = r.item ? r.item({
+					index: c,
+					route: l
+				}) : e.renderItem ? e.renderItem(l, c) : a.name, p = l.key;
+				return _(W, {
+					...u,
+					active: e.activeIndex === void 0 ? c === o.length - 1 : e.activeIndex === c,
+					key: p === void 0 ? `item-${String(a.name ?? a.path ?? "")}-${c}` : String(p),
+					route: l,
+					shouldRenderSeparator: c !== o.length - 1 && !(t && (n || i) && d)
+				}, { default: () => f });
+			});
+		}
+		function m(t, n, i) {
+			let a = $(r.default?.() ?? []), o = a.length - e.maxItemCount;
+			return a.map((r, s) => {
+				let l = s > 0 && s <= o;
+				return r.type === W ? c(r, {
+					active: e.activeIndex === void 0 ? s === a.length - 1 : e.activeIndex === s,
+					key: `${s}-item`,
+					shouldRenderSeparator: s !== a.length - 1 && !(t && (n || i) && l)
+				}) : (console.warn("[Semi Breadcrumb]: Only accepts Breadcrumb.Item as its children"), r);
+			});
+		}
+		function h() {
+			let t = e.routes.length ? e.routes.length : $(r.default?.() ?? []).length, n = e.autoCollapse && t > e.maxItemCount && i.value, a = !!(r.more || e.renderMore), o = e.moreType === "popover", s = e.routes.length ? p(n, a, o) : m(n, a, o);
+			if (!n) return s;
+			let c = [...s];
+			return c.splice(1, t - e.maxItemCount, f(s, t)), c;
+		}
+		return () => {
+			let { class: n, style: r, ...i } = t;
+			return _("nav", x(i, {
+				"aria-label": t["aria-label"] ?? "Breadcrumb",
+				class: [
+					"semi-breadcrumb-wrapper",
+					e.compact ? "semi-breadcrumb-wrapper-compact" : "semi-breadcrumb-wrapper-loose",
+					e.className,
+					n
+				],
+				style: [e.style, r]
+			}), h());
+		};
+	}
+}), ie = Object.assign(re, { Item: W });
+//#endregion
+export { z as i, Q as n, W as r, ie as t };

package/dist/button/Button.vue.d.ts

@@ -0,0 +1,34 @@
+import { ButtonProps, ButtonSlots } from './types';
+type __VLS_Slots = ButtonSlots;
+declare const __VLS_base: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+    mousedown: (event: MouseEvent) => any;
+    mouseenter: (event: MouseEvent) => any;
+    mouseleave: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+    onMousedown?: (event: MouseEvent) => any;
+    onMouseenter?: (event: MouseEvent) => any;
+    onMouseleave?: (event: MouseEvent) => any;
+}>, {
+    disabled: boolean;
+    size: import('./types').ButtonSize;
+    type: import('./types').ButtonType;
+    prefixCls: string;
+    circle: boolean;
+    block: boolean;
+    loading: boolean;
+    colorful: boolean;
+    htmlType: import('./types').ButtonHtmlType;
+    iconPosition: import('./types').ButtonIconPosition;
+    noHorizontalPadding: import('./types').ButtonNoHorizontalPadding;
+    theme: import('./types').ButtonTheme;
+}, {}, {}, {}, 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/button/ButtonAiLoadingIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/button/ButtonGroup.d.ts

@@ -0,0 +1,69 @@
+import { PropType, VNode } from 'vue';
+import { ButtonSize, ButtonTheme, ButtonType } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    colorful: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prefixCls: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    theme: {
+        type: PropType<ButtonTheme>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    type: {
+        type: PropType<ButtonType>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    colorful: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    prefixCls: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    theme: {
+        type: PropType<ButtonTheme>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    type: {
+        type: PropType<ButtonType>;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    size: "small" | "default" | "large";
+    type: "primary" | "secondary" | "danger" | "warning" | "tertiary";
+    prefixCls: string;
+    colorful: boolean;
+    theme: "light" | "solid" | "borderless" | "outline";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/button/ButtonIconRenderer.d.ts

@@ -0,0 +1,28 @@
+import { Fragment, PropType, VNode } from 'vue';
+import { ButtonIconFill } from './types';
+/**
+ * Vue templates cannot inject the colorful fill contract into arbitrary icon slot VNodes.
+ * Keep the render-function boundary isolated here so Button.vue remains declarative.
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fill: {
+        type: PropType<ButtonIconFill>;
+        default: undefined;
+    };
+    nodes: {
+        type: PropType<readonly VNode[]>;
+        required: true;
+    };
+}>, () => VNode<typeof Fragment>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fill: {
+        type: PropType<ButtonIconFill>;
+        default: undefined;
+    };
+    nodes: {
+        type: PropType<readonly VNode[]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    fill: ButtonIconFill;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/button/ButtonLoadingIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/button/SplitButtonGroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { SplitButtonGroupProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<SplitButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SplitButtonGroupProps> & Readonly<{}>, {
+    prefixCls: string;
+}, {}, {}, {}, 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/button/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Button } from './Button.vue';
+export { default as ButtonGroup } from './ButtonGroup';
+export { default as SplitButtonGroup } from './SplitButtonGroup.vue';
+export { BUTTON_HTML_TYPES, BUTTON_ICON_POSITIONS, BUTTON_SIZES, BUTTON_THEMES, BUTTON_TYPES, } from './types';
+export type { ButtonEmits, ButtonGroupProps, ButtonHorizontalPadding, ButtonHtmlType, ButtonIconFill, ButtonIconPosition, ButtonIconSize, ButtonNoHorizontalPadding, ButtonProps, ButtonSize, ButtonSlots, ButtonTheme, ButtonType, SplitButtonGroupProps, } from './types';

package/dist/button/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../Button-RCaDTqHh.js";
+import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../button-Rcn5pYGh.js";
+export { a as BUTTON_HTML_TYPES, n as BUTTON_ICON_POSITIONS, t as BUTTON_SIZES, i as BUTTON_THEMES, o as BUTTON_TYPES, e as Button, r as ButtonGroup, s as SplitButtonGroup };

package/dist/button/types.d.ts

@@ -0,0 +1,57 @@
+import { HTMLAttributes, StyleValue } from 'vue';
+export declare const BUTTON_SIZES: readonly ["default", "small", "large"];
+export declare const BUTTON_THEMES: readonly ["solid", "borderless", "light", "outline"];
+export declare const BUTTON_TYPES: readonly ["primary", "secondary", "tertiary", "warning", "danger"];
+export declare const BUTTON_HTML_TYPES: readonly ["button", "reset", "submit"];
+export declare const BUTTON_ICON_POSITIONS: readonly ["left", "right"];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+export type ButtonTheme = (typeof BUTTON_THEMES)[number];
+export type ButtonType = (typeof BUTTON_TYPES)[number];
+export type ButtonHtmlType = (typeof BUTTON_HTML_TYPES)[number];
+export type ButtonIconPosition = (typeof BUTTON_ICON_POSITIONS)[number];
+export type ButtonIconSize = 'inherit' | 'extra-small' | 'small' | 'default' | 'large' | 'extra-large';
+export type ButtonHorizontalPadding = 'left' | 'right';
+export type ButtonNoHorizontalPadding = boolean | ButtonHorizontalPadding | readonly ButtonHorizontalPadding[];
+export type ButtonIconFill = string | readonly string[];
+export interface ButtonProps {
+    block?: boolean;
+    circle?: boolean;
+    colorful?: boolean;
+    contentClass?: HTMLAttributes['class'];
+    disabled?: boolean;
+    htmlType?: ButtonHtmlType;
+    iconPosition?: ButtonIconPosition;
+    iconSize?: ButtonIconSize;
+    iconStyle?: StyleValue;
+    loading?: boolean;
+    noHorizontalPadding?: ButtonNoHorizontalPadding;
+    prefixCls?: string;
+    size?: ButtonSize;
+    theme?: ButtonTheme;
+    type?: ButtonType;
+}
+export interface ButtonSlots {
+    default?: () => unknown;
+    icon?: (props: {
+        fill: ButtonIconFill | undefined;
+        iconSize: ButtonIconSize | undefined;
+        iconStyle: StyleValue | undefined;
+    }) => unknown;
+}
+export interface ButtonEmits {
+    click: [event: MouseEvent];
+    mousedown: [event: MouseEvent];
+    mouseenter: [event: MouseEvent];
+    mouseleave: [event: MouseEvent];
+}
+export interface ButtonGroupProps {
+    colorful?: boolean;
+    disabled?: boolean;
+    prefixCls?: string;
+    size?: ButtonSize;
+    theme?: ButtonTheme;
+    type?: ButtonType;
+}
+export interface SplitButtonGroupProps {
+    prefixCls?: string;
+}