sard 1.0.0 → 1.0.2

package/components/dropdown/dropdown.d.ts

@@ -0,0 +1,19 @@
+import { type DropdownProps, type DropdownSlots } from './common';
+type __VLS_Slots = DropdownSlots;
+declare const __VLS_base: import("vue").DefineComponent<DropdownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownProps> & Readonly<{}>, {
+    direction: "down" | "up";
+    overlayClosable: boolean;
+    disabled: boolean;
+    separator: "shadow" | "line" | "none";
+    valueOnClear: () => any;
+    awayClosable: boolean;
+    togglable: 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/components/dropdown/dropdown.js

@@ -0,0 +1,90 @@
+import { createBem } from "../../utils/bem.js";
+import { defaultDropdownProps, dropdownContextKey } from "./common.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, ref, renderSlot, toRef, unref } from "vue";
+//#region packages/sard/components/dropdown/dropdown.vue
+var dropdown_default = /*@__PURE__*/ defineComponent({
+	__name: "dropdown",
+	props: /*@__PURE__*/ mergeDefaults({
+		direction: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		awayClosable: {
+			type: Boolean,
+			required: false
+		},
+		overlayClosable: {
+			type: Boolean,
+			required: false
+		},
+		togglable: {
+			type: Boolean,
+			required: false
+		},
+		valueOnClear: {
+			type: Function,
+			required: false
+		},
+		separator: {
+			type: String,
+			required: false
+		}
+	}, defaultDropdownProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("dropdown");
+		const items = ref([]);
+		const someVisible = computed(() => {
+			return [...items.value.values()].some((item) => item.visible);
+		});
+		const hideOthers = (instance) => {
+			items.value.forEach((item) => {
+				if (item !== instance) item.hide();
+			});
+		};
+		const register = (instance) => {
+			items.value.push(instance);
+		};
+		const unregister = (instance) => {
+			const index = items.value.indexOf(instance);
+			if (index !== -1) items.value.splice(index, 1);
+		};
+		provide(dropdownContextKey, reactive({
+			direction: toRef(() => props.direction),
+			disabled: toRef(() => props.disabled),
+			awayClosable: toRef(() => props.awayClosable),
+			overlayClosable: toRef(() => props.overlayClosable),
+			togglable: toRef(() => props.togglable),
+			valueOnClear: toRef(() => props.valueOnClear),
+			hideOthers,
+			register,
+			unregister
+		}));
+		const dropdownClass = computed(() => {
+			return [
+				bem.b(),
+				bem.is("show", someVisible.value),
+				bem.m(props.direction)
+			];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(dropdownClass.value) }, [
+				renderSlot(_ctx.$slots, "default"),
+				__props.separator === "shadow" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("shadow"))
+				}, null, 2)) : createCommentVNode("v-if", true),
+				__props.separator === "line" ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(bem).e("line"))
+				}, null, 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { dropdown_default as default };

package/components/dropdown/index.css

@@ -0,0 +1 @@
+:root{--s-dropdown-z-index:var(--s-z-index-tertiary);--s-dropdown-height:var(--s-content-height);--s-dropdown-bg:var(--s-bg-color-elevated);--s-dropdown-box-shadow:var(--s-box-shadow-tertiary);--s-dropdown-line-color:var(--s-border-color);--s-dropdown-item-padding-x:var(--s-size-xs);--s-dropdown-item-opacity-active:var(--s-opacity-active);--s-dropdown-item-show-color:var(--s-color-primary);--s-dropdown-value-font-size:var(--s-font-size);--s-dropdown-label-font-size:var(--s-font-size);--s-dropdown-label-color:var(--s-text-color-tertiary);--s-dropdown-label-margin-end:var(--s-size-xs);--s-dropdown-placeholder-color:var(--s-text-color-fourth);--s-dropdown-arrow-margin-start:var(--s-size-2xs);--s-dropdown-arrow-color:var(--s-border-color);--s-dropdown-arrow-font-size:var(--s-font-size-sm);--s-dropdown-option-color-active:var(--s-color-primary);--s-dropdown-option-icon-font-size:var(--s-font-size)}.s-dropdown{position:relative;display:flex;height:var(--s-dropdown-height);background:var(--s-dropdown-bg)}.s-dropdown__shadow{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:var(--s-dropdown-box-shadow);pointer-events:none}.s-dropdown__line{position:absolute;left:0;right:0;width:100%;height:var(--s-border-width);background:var(--s-dropdown-line-color);pointer-events:none;transform:scaleY(0.5)}.s-dropdown--up .s-dropdown__shadow{transform:rotateX(180deg)}.s-dropdown--up .s-dropdown__line{top:0;bottom:auto}.s-dropdown--down .s-dropdown__line{top:auto;bottom:0}.s-dropdown:is(.is-show) .s-dropdown__shadow,.s-dropdown:is(.is-show) .s-dropdown__line{z-index:var(--s-dropdown-z-index)}.s-dropdown-item{display:flex;align-items:center;justify-content:center;flex:1;padding:0 var(--s-dropdown-item-padding-x);overflow:hidden;cursor:pointer}.s-dropdown-item__label{margin-inline-end:var(--s-dropdown-label-margin-end);font-size:var(--s-dropdown-label-font-size);color:var(--s-dropdown-label-color)}.s-dropdown-item__title,.s-dropdown-item__value{font-size:var(--s-dropdown-value-font-size)}.s-dropdown-item__placeholder{color:var(--s-dropdown-placeholder-color);font-size:var(--s-dropdown-value-font-size)}.s-dropdown-item__arrow{display:flex;justify-content:center;align-items:center;margin-inline-start:var(--s-dropdown-arrow-margin-start);color:var(--s-dropdown-arrow-color);font-size:var(--s-dropdown-arrow-font-size)}.s-dropdown-item__popover{position:fixed;z-index:var(--s-dropdown-z-index);overflow:hidden;touch-action:none}.s-dropdown-item__popup{position:absolute;width:100%}.s-dropdown-item__popup--slide-top{top:0;left:0;width:100%}.s-dropdown-item__popup--slide-bottom{left:0;bottom:0;width:100%}.s-dropdown-item__option:is(.is-active){color:var(--s-dropdown-option-color-active)}.s-dropdown-item__option:not(.is-active) .s-dropdown-item__option-icon{display:none}.s-dropdown-item__option-icon{display:flex;align-items:center;justify-content:center;margin-inline-start:auto;font-size:var(--s-dropdown-option-icon-font-size)}.s-dropdown-item:is(.is-displayed){touch-action:none;color:var(--s-dropdown-item-show-color)}.s-dropdown-item:is(.is-displayed) .s-dropdown-item__arrow{color:var(--s-dropdown-option-color-active)}.s-dropdown-item:not(.is-disabled):active{opacity:var(--s-dropdown-item-opacity-active)}.s-dropdown-item:is(.is-disabled){cursor:not-allowed}.s-dropdown-item:is(.is-disabled) .s-dropdown-item__title,.s-dropdown-item:is(.is-disabled) .s-dropdown-item__value,.s-dropdown-item:is(.is-disabled) .s-dropdown-item__label{color:var(--s-text-color-disabled)}.s-dropdown-item--up .s-dropdown-item__arrow{transform:rotate(180deg)}

package/components/dropdown/index.d.ts

@@ -0,0 +1,7 @@
+import { type EnhancedComponent } from '../../utils';
+import _Dropdown from './dropdown.vue';
+import _DropdownItem from './dropdown-item.vue';
+export declare const Dropdown: EnhancedComponent<typeof _Dropdown>;
+export declare const DropdownItem: EnhancedComponent<typeof _DropdownItem>;
+export default Dropdown;
+export type { DropdownProps, DropdownSlots, DropdownItemProps, DropdownItemSlots, DropdownItemEmits, DropdownCloseType, DropdownBeforeClose, } from './common';

package/components/dropdown/index.js

@@ -0,0 +1,8 @@
+import { enhanceComponent } from "../../utils/component.js";
+import dropdown_default from "./dropdown.js";
+import dropdown_item_default from "./dropdown-item.js";
+//#region packages/sard/components/dropdown/index.ts
+const Dropdown = enhanceComponent(dropdown_default);
+const DropdownItem = enhanceComponent(dropdown_item_default);
+//#endregion
+export { Dropdown, Dropdown as default, DropdownItem };

package/components/ellipsis/common.d.ts

@@ -0,0 +1,20 @@
+import { type DefaultProps } from '../config';
+export type EllipsisPosition = 'start' | 'middle' | 'end';
+export interface EllipsisProps {
+    content?: string;
+    rows?: number;
+    position?: EllipsisPosition;
+    dots?: string;
+    expandText?: string;
+    collapseText?: string;
+    expanded?: boolean;
+}
+export declare const defaultEllipsisProps: DefaultProps<EllipsisProps>;
+export interface EllipsisSlots {
+}
+export interface EllipsisEmits {
+    (e: 'update:expanded', expanded: boolean): void;
+    (e: 'change', expanded: boolean): void;
+}
+export interface EllipsisExpose {
+}

package/components/ellipsis/common.js

@@ -0,0 +1,9 @@
+//#region packages/sard/components/ellipsis/common.ts
+const defaultEllipsisProps = {
+	content: "",
+	rows: 1,
+	position: "end",
+	dots: "..."
+};
+//#endregion
+export { defaultEllipsisProps };

package/components/ellipsis/ellipsis.d.ts

@@ -0,0 +1,25 @@
+import { type EllipsisPosition, type EllipsisProps, type EllipsisSlots } from './common';
+type __VLS_Slots = EllipsisSlots;
+declare const __VLS_base: import("vue").DefineComponent<EllipsisProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (expanded: boolean) => any;
+    "update:expanded": (expanded: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<EllipsisProps> & Readonly<{
+    onChange?: ((expanded: boolean) => any) | undefined;
+    "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
+}>, {
+    position: EllipsisPosition;
+    content: string;
+    expanded: boolean;
+    rows: number;
+    dots: string;
+    expandText: string;
+    collapseText: 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/components/ellipsis/ellipsis.js

@@ -0,0 +1,203 @@
+import { createBem } from "../../utils/bem.js";
+import { useResizeObserver } from "../../use/useResizeObserver.js";
+import { defaultEllipsisProps } from "./common.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, toDisplayString, unref, useModel, useTemplateRef, watch } from "vue";
+//#region packages/sard/components/ellipsis/ellipsis.vue
+var ellipsis_default = /*@__PURE__*/ defineComponent({
+	__name: "ellipsis",
+	props: /*@__PURE__*/ mergeDefaults({
+		content: {
+			type: String,
+			required: false
+		},
+		rows: {
+			type: Number,
+			required: false
+		},
+		position: {
+			type: String,
+			required: false
+		},
+		dots: {
+			type: String,
+			required: false
+		},
+		expandText: {
+			type: String,
+			required: false
+		},
+		collapseText: {
+			type: String,
+			required: false
+		},
+		expanded: {
+			type: Boolean,
+			required: false
+		}
+	}, defaultEllipsisProps),
+	emits: ["update:expanded", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("ellipsis");
+		const innerExpanded = useModel(props, "expanded");
+		const onToggle = () => {
+			const expanded = !innerExpanded.value;
+			innerExpanded.value = expanded;
+			emit("change", expanded);
+		};
+		const hasAction = computed(() => {
+			return !!props.expandText && !!props.collapseText;
+		});
+		const actionText = computed(() => {
+			return innerExpanded.value ? props.collapseText : props.expandText;
+		});
+		const rootRef = useTemplateRef("root");
+		const fullRef = useTemplateRef("full");
+		const lineRef = useTemplateRef("line");
+		const calcRef = useTemplateRef("calc");
+		const isOverflow = ref(false);
+		const truncatedContent = ref(props.content);
+		const measureContent = ref(props.content);
+		const resizeWidth = ref(0);
+		const initialized = ref(false);
+		const isMeasuring = ref(true);
+		let updateToken = 0;
+		const getCharacters = (content) => {
+			return Array.from(content);
+		};
+		const buildEllipsisText = (content, keepCount, position, dots) => {
+			const characters = getCharacters(content);
+			if (keepCount >= characters.length) return content;
+			if (keepCount <= 0) return dots;
+			if (position === "start") return dots + characters.slice(characters.length - keepCount).join("");
+			if (position === "middle") {
+				const leftCount = Math.ceil(keepCount / 2);
+				const rightCount = Math.floor(keepCount / 2);
+				return characters.slice(0, leftCount).join("") + dots + characters.slice(characters.length - rightCount).join("");
+			}
+			return characters.slice(0, keepCount).join("") + dots;
+		};
+		const getHeight = (el) => {
+			return el.getBoundingClientRect().height;
+		};
+		const update = async () => {
+			const token = ++updateToken;
+			const content = props.content || "";
+			isMeasuring.value = true;
+			if (!content) {
+				truncatedContent.value = content;
+				measureContent.value = content;
+				isOverflow.value = false;
+				initialized.value = true;
+				if (token === updateToken) isMeasuring.value = false;
+				return;
+			}
+			measureContent.value = content;
+			await nextTick();
+			if (token !== updateToken) return;
+			const fullHeight = getHeight(fullRef.value);
+			const lineHeight = getHeight(lineRef.value);
+			if (token !== updateToken) return;
+			const clampHeight = lineHeight * props.rows;
+			if (!(fullHeight - clampHeight > .5)) {
+				truncatedContent.value = content;
+				isOverflow.value = false;
+				initialized.value = true;
+				if (token === updateToken) isMeasuring.value = false;
+				return;
+			}
+			const characters = getCharacters(content);
+			let low = 0;
+			let high = characters.length;
+			let best = 0;
+			while (low <= high) {
+				const middle = Math.floor((low + high) / 2);
+				const nextText = buildEllipsisText(content, middle, props.position, props.dots);
+				measureContent.value = nextText;
+				await nextTick();
+				if (token !== updateToken) return;
+				const height = getHeight(calcRef.value);
+				if (token !== updateToken) return;
+				if (height <= clampHeight + .5) {
+					best = middle;
+					low = middle + 1;
+				} else high = middle - 1;
+			}
+			const nextTruncatedContent = buildEllipsisText(content, best, props.position, props.dots);
+			if (token !== updateToken) return;
+			truncatedContent.value = nextTruncatedContent;
+			isOverflow.value = true;
+			initialized.value = true;
+			if (token === updateToken) isMeasuring.value = false;
+		};
+		useResizeObserver(rootRef, (size) => {
+			if (resizeWidth.value && Math.abs(size.width - resizeWidth.value) <= .5) return;
+			resizeWidth.value = size.width;
+			update();
+		});
+		watch([
+			() => props.content,
+			() => props.rows,
+			() => props.position,
+			() => props.dots
+		], () => {
+			update();
+		});
+		onMounted(() => {
+			update();
+		});
+		const useClampFallback = computed(() => {
+			return isMeasuring.value && !innerExpanded.value;
+		});
+		const displayContent = computed(() => {
+			if (useClampFallback.value) return props.content;
+			if (innerExpanded.value || !isOverflow.value) return props.content;
+			return truncatedContent.value;
+		});
+		const showAction = computed(() => {
+			if (useClampFallback.value) return false;
+			if (!isOverflow.value) return false;
+			return hasAction.value;
+		});
+		const contentClass = computed(() => {
+			return [bem.e("content"), bem.em("content", "clamp", useClampFallback.value)];
+		});
+		const contentStyle = computed(() => {
+			if (useClampFallback.value) return { "-webkit-line-clamp": props.rows };
+			return "";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref: "root",
+				class: normalizeClass(unref(bem).b())
+			}, [
+				createElementVNode("div", {
+					class: normalizeClass(contentClass.value),
+					style: normalizeStyle(contentStyle.value)
+				}, [createTextVNode(toDisplayString(displayContent.value) + " ", 1), showAction.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("action")),
+					onClick: onToggle
+				}, toDisplayString(actionText.value), 3)) : createCommentVNode("v-if", true)], 6),
+				createElementVNode("div", {
+					ref: "full",
+					class: normalizeClass(unref(bem).e("measure"))
+				}, toDisplayString(props.content), 3),
+				createElementVNode("div", {
+					ref: "line",
+					class: normalizeClass([unref(bem).e("measure"), unref(bem).em("measure", "line")])
+				}, toDisplayString(props.content), 3),
+				createElementVNode("div", {
+					ref: "calc",
+					class: normalizeClass(unref(bem).e("measure"))
+				}, [createTextVNode(toDisplayString(measureContent.value) + " ", 1), hasAction.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("action"))
+				}, toDisplayString(props.expandText), 3)) : createCommentVNode("v-if", true)], 2)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { ellipsis_default as default };

package/components/ellipsis/index.css

@@ -0,0 +1 @@
+:root{--s-ellipsis-action-margin-start:var(--s-size-2xs);--s-ellipsis-action-color:var(--s-color-primary)}.s-ellipsis{position:relative}.s-ellipsis__content{display:block;white-space:pre-wrap;word-break:break-all}.s-ellipsis__content--clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.s-ellipsis__action{position:relative;display:inline;margin-inline-start:var(--s-ellipsis-action-margin-start);color:var(--s-ellipsis-action-color);line-height:inherit;cursor:pointer;vertical-align:bottom;white-space:nowrap}.s-ellipsis__measure{position:absolute;display:block;left:0;top:0;z-index:-1;width:100%;opacity:0;pointer-events:none;white-space:pre-wrap;word-break:break-all}.s-ellipsis__measure--line{white-space:nowrap}

package/components/ellipsis/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Ellipsis from './ellipsis.vue';
+export declare const Ellipsis: EnhancedComponent<typeof _Ellipsis>;
+export default Ellipsis;
+export type { EllipsisProps, EllipsisSlots, EllipsisEmits, EllipsisExpose, EllipsisPosition, } from './common';

package/components/ellipsis/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import ellipsis_default from "./ellipsis.js";
+//#region packages/sard/components/ellipsis/index.ts
+const Ellipsis = enhanceComponent(ellipsis_default);
+//#endregion
+export { Ellipsis, Ellipsis as default };

package/components/empty/common.d.ts

@@ -0,0 +1,12 @@
+import { type DefaultProps } from '../config';
+export interface EmptyProps {
+    description?: string;
+    size?: 'small' | 'medium';
+    iconSize?: string | number;
+}
+export declare const defaultEmptyProps: DefaultProps<EmptyProps>;
+export interface EmptySlots {
+    default?(props: Record<string, never>): any;
+    icon?(props: Record<string, never>): any;
+    description?(props: Record<string, never>): any;
+}

package/components/empty/common.js

@@ -0,0 +1,4 @@
+//#region packages/sard/components/empty/common.ts
+const defaultEmptyProps = { size: "medium" };
+//#endregion
+export { defaultEmptyProps };

package/components/empty/empty.d.ts

@@ -0,0 +1,15 @@
+import { type EmptyProps, type EmptySlots } from './common';
+type __VLS_Slots = EmptySlots;
+declare const __VLS_base: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    size: "small" | "medium";
+    description: string;
+    iconSize: string | number;
+}, {}, {}, {}, 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/components/empty/empty.js

@@ -0,0 +1,51 @@
+import { createBem } from "../../utils/bem.js";
+import { addUnit } from "../../utils/utils.js";
+import { useTranslateWithPrefix } from "../../locale/index.js";
+import { defaultEmptyProps } from "./common.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import { Empty } from "@sard/icons";
+//#region packages/sard/components/empty/empty.vue
+var empty_default = /*@__PURE__*/ defineComponent({
+	__name: "empty",
+	props: /*@__PURE__*/ mergeDefaults({
+		description: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		iconSize: {
+			type: [String, Number],
+			required: false
+		}
+	}, defaultEmptyProps),
+	setup(__props) {
+		const { t } = useTranslateWithPrefix("empty");
+		const props = __props;
+		const slots = useSlots();
+		const bem = createBem("empty");
+		const emptyClass = computed(() => {
+			return [bem.b(), bem.m(props.size)];
+		});
+		const iconStyle = computed(() => {
+			return { fontSize: addUnit(props.iconSize) };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(emptyClass.value) }, [
+				createElementVNode("div", {
+					class: normalizeClass(unref(bem).e("icon")),
+					style: normalizeStyle(iconStyle.value)
+				}, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(Empty))])], 6),
+				renderSlot(_ctx.$slots, "description", {}, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("description")) }, toDisplayString(__props.description || unref(t)("noData")), 3)]),
+				slots.default ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("extra"))
+				}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { empty_default as default };

package/components/empty/index.css

@@ -0,0 +1 @@
+:root{--s-empty-icon-font-size:var(--s-size-4xl);--s-empty-icon-color:var(--s-gray-300);--s-empty-icon-line-height:var(--s-line-height-none);--s-empty-description-margin-top:var(--s-size);--s-empty-description-font-size:var(--s-font-size);--s-empty-description-color:var(--s-text-color-fourth);--s-empty-extra-margin-top:var(--s-size-lg);--s-empty-small-icon-font-size:var(--s-size-3xl);--s-empty-small-description-margin-top:var(--s-size-sm);--s-empty-small-description-font-size:var(--s-font-size-sm)}.s-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.s-empty__icon-wrapper{display:flex;align-items:center;justify-content:center}.s-empty__icon{font-size:var(--s-empty-icon-font-size);line-height:var(--s-empty-icon-line-height);color:var(--s-empty-icon-color)}.s-empty__description{margin-top:var(--s-empty-description-margin-top);font-size:var(--s-empty-description-font-size);color:var(--s-empty-description-color)}.s-empty__extra{margin-top:var(--s-empty-extra-margin-top)}.s-empty--small .s-empty__icon{font-size:var(--s-empty-small-icon-font-size)}.s-empty--small .s-empty__description{margin-top:var(--s-empty-small-description-margin-top);font-size:var(--s-empty-small-description-font-size)}

package/components/empty/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Empty from './empty.vue';
+export declare const Empty: EnhancedComponent<typeof _Empty>;
+export default Empty;
+export type { EmptyProps, EmptySlots } from './common';

package/components/empty/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import empty_default from "./empty.js";
+//#region packages/sard/components/empty/index.ts
+const Empty = enhanceComponent(empty_default);
+//#endregion
+export { Empty, Empty as default };

package/components/fab/common.d.ts

@@ -0,0 +1,60 @@
+import type { InjectionKey } from 'vue';
+import { type DefaultProps } from '../config';
+export interface FabProps {
+    visible?: boolean;
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+    color?: string;
+    background?: string;
+    hideName?: boolean;
+    overlayClosable?: boolean;
+    draggable?: boolean;
+    axis?: 'x' | 'y' | 'both' | 'none';
+    magnet?: 'x' | 'y';
+    marginX?: number;
+    marginY?: number;
+    offset?: {
+        x: number;
+        y: number;
+    };
+}
+export declare const defaultFabProps: DefaultProps<FabProps>;
+export interface FabSlots {
+    default?(): any;
+    entry?(props: {
+        visible: boolean;
+    }): any;
+}
+export interface FabEmits {
+    (e: 'click', event: MouseEvent): void;
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:offset', offset: {
+        x: number;
+        y: number;
+    }): void;
+}
+export interface FabContext {
+    hideName?: boolean;
+    visible?: boolean;
+    isLeft?: boolean;
+    onItemClick: () => void;
+}
+export declare const fabContextKey: InjectionKey<FabContext>;
+export interface FabItemProps {
+    name?: string;
+    color?: string;
+    background?: string;
+    isEntry?: boolean;
+}
+export declare const defaultFabItemProps: DefaultProps<FabItemProps>;
+export interface FabItemSlots {
+    default?(): any;
+    name?(): any;
+}
+export interface FabItemEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+export interface FabItemExpose {
+}

package/components/fab/common.js

@@ -0,0 +1,13 @@
+//#region packages/sard/components/fab/common.ts
+const defaultFabProps = {
+	overlayClosable: false,
+	hideName: false,
+	draggable: false,
+	axis: "y",
+	marginX: 24,
+	marginY: 24
+};
+const fabContextKey = Symbol("fabContext");
+const defaultFabItemProps = {};
+//#endregion
+export { defaultFabItemProps, defaultFabProps, fabContextKey };

package/components/fab/fab-item.d.ts

@@ -0,0 +1,20 @@
+import { type FabItemProps, type FabItemSlots, type FabItemExpose } from './common';
+type __VLS_Slots = FabItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<FabItemProps, FabItemExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<FabItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    background: string;
+    name: string;
+    color: string;
+    isEntry: 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;
+    };
+};