@sdata/web-vue 4.2.0 → 4.3.1

package/es/_components/auto-tooltip/auto-tooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,7 @@
 import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../_utils/global-config.js";
-import resize_observer_v2_default from "../resize-observer-v2.js";
-import Tooltip from "../../tooltip/index.js";
-import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, unref, withCtx } from "vue";
-import { createReusableTemplate } from "@vueuse/core";
+import Ellipsis from "../../ellipsis/index.js";
+import { computed, createBlock, createSlots, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region components/_components/auto-tooltip/auto-tooltip.vue?vue&type=script&setup=true&lang.ts
 var auto_tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "AutoTooltip",
@@ -12,53 +10,22 @@ var auto_tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	__name: "auto-tooltip",
 	props: { tooltipProps: {} },
 	setup(__props) {
-		const [DefineContent, ReuseContent] = createReusableTemplate();
-		const prefix = getPrefixCls("auto-tooltip");
-		const containerRef = ref(null);
-		const contentRef = ref(null);
-		const text = ref("");
-		const showTooltip = ref(false);
-		const calculateTooltip = () => {
-			if (containerRef.value && contentRef.value) {
-				const shouldShow = contentRef.value.offsetWidth > containerRef.value.offsetWidth;
-				if (shouldShow !== showTooltip.value) showTooltip.value = shouldShow;
-			}
-		};
-		const updateText = () => {
-			var _contentRef$value;
-			if (((_contentRef$value = contentRef.value) === null || _contentRef$value === void 0 ? void 0 : _contentRef$value.textContent) && contentRef.value.textContent !== text.value) text.value = contentRef.value.textContent;
-		};
-		const onResize = () => {
-			updateText();
-			calculateTooltip();
-		};
-		onMounted(onResize);
-		onUpdated(onResize);
+		const props = __props;
+		const prefixCls = getPrefixCls("auto-tooltip");
+		const ellipsisTooltipProps = computed(() => props.tooltipProps);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineContent), null, {
-				default: withCtx(() => [createElementVNode("span", mergeProps({
-					ref_key: "containerRef",
-					ref: containerRef,
-					class: unref(prefix)
-				}, _ctx.$attrs), [createVNode(unref(resize_observer_v2_default), { onResize }, {
-					default: withCtx(() => [createElementVNode("span", {
-						ref_key: "contentRef",
-						ref: contentRef,
-						class: normalizeClass(`${unref(prefix)}-content`)
-					}, [renderSlot(_ctx.$slots, "default")], 2)]),
-					_: 3
-				})], 16)]),
-				_: 3
-			}), showTooltip.value ? (openBlock(), createBlock(unref(Tooltip), normalizeProps(mergeProps({ key: 0 }, _objectSpread2({ content: text.value }, __props.tooltipProps))), {
-				default: withCtx(() => [createVNode(unref(ReuseContent))]),
-				_: 1
-			}, 16)) : (openBlock(), createBlock(unref(resize_observer_v2_default), {
-				key: 1,
-				onResize
-			}, {
-				default: withCtx(() => [createVNode(unref(ReuseContent))]),
-				_: 1
-			}))], 64);
+			var _props$tooltipProps;
+			return openBlock(), createBlock(unref(Ellipsis), mergeProps(_ctx.$attrs, {
+				class: unref(prefixCls),
+				tooltip: ellipsisTooltipProps.value
+			}), createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [((_props$tooltipProps = props.tooltipProps) === null || _props$tooltipProps === void 0 ? void 0 : _props$tooltipProps.content) !== void 0 ? {
+				name: "tooltip",
+				fn: withCtx(() => [createTextVNode(toDisplayString(props.tooltipProps.content), 1)]),
+				key: "0"
+			} : void 0]), 1040, ["class", "tooltip"]);
 		};
 	}
 }));

package/es/_components/input-label/input-label.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { useFormItem } from "../../_hooks/use-form-item.js";
 import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../../_utils/global-config.js";
+import { omit } from "../../_utils/omit.js";
+import Ellipsis from "../../ellipsis/index.js";
 import { useFitWidth } from "../../_hooks/use-fit-width.js";
 import { useSize } from "../../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../../_utils/constant.js";
-import { omit } from "../../_utils/omit.js";
 import pick from "../../_utils/pick.js";
-import Ellipsis from "../../ellipsis/index.js";
 import { useInput } from "../../_hooks/use-input.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, toRef, unref, useAttrs, withCtx } from "vue";
 //#region components/_components/input-label/input-label.vue?vue&type=script&setup=true&lang.ts

package/es/_components/picker/input-range.vue_vue_type_script_setup_true_lang.js

@@ -4,11 +4,11 @@ import { getPrefixCls } from "../../_utils/global-config.js";
 import { isArray, isDayjs, isFunction, isNumber, isUndefined } from "../../_utils/is.js";
 import icon_hover_default from "../icon-hover.js";
 import IconClose from "../../icon/icon-close/index.js";
+import Tooltip from "../../tooltip/index.js";
 import feedback_icon_default from "../feedback-icon.js";
 import { useFitWidth } from "../../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../../_hooks/use-readonly-tip.js";
 import { useSize } from "../../_hooks/use-size.js";
-import Tooltip from "../../tooltip/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toRef, toRefs, unref, useSlots, withCtx, withKeys } from "vue";
 //#region components/_components/picker/input-range.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/es/_components/picker/input.vue_vue_type_script_setup_true_lang.js

@@ -4,11 +4,11 @@ import { getPrefixCls } from "../../_utils/global-config.js";
 import { isDayjs, isFunction } from "../../_utils/is.js";
 import icon_hover_default from "../icon-hover.js";
 import IconClose from "../../icon/icon-close/index.js";
+import Tooltip from "../../tooltip/index.js";
 import feedback_icon_default from "../feedback-icon.js";
 import { useFitWidth } from "../../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../../_hooks/use-readonly-tip.js";
 import { useSize } from "../../_hooks/use-size.js";
-import Tooltip from "../../tooltip/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toRef, toRefs, unref, useSlots, withCtx, withKeys } from "vue";
 //#region components/_components/picker/input.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/es/_components/select-view/style/index.css

@@ -849,14 +849,6 @@
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }
-.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow {
-  flex-shrink: 1;
-  white-space: nowrap;
-  word-break: normal;
-}
-.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow .sd-tag-text {
-  max-width: 100%;
-}
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-counter {
   flex-shrink: 0;
   white-space: nowrap;
@@ -899,37 +891,6 @@
   visibility: hidden;
   pointer-events: none;
 }
-.sd-select-view-multiple .sd-select-view-resize-observer {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-select-view-multiple .sd-select-view-measure {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-select-view-multiple .sd-select-view-measure .sd-select-view-tag {
-  display: inline-flex;
-  flex-shrink: 0;
-}
-.sd-select-view-multiple .sd-select-view-tag-ellipsis {
-  display: block;
-  min-width: 0;
-  max-width: 100%;
-  vertical-align: bottom;
-}
 .sd-select-view-multiple.sd-select-view-focus .sd-select-view-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
   background-color: var(--sd-color-fill-2);
   border-color: var(--sd-color-fill-2);

package/es/anchor/anchor.vue.d.ts

@@ -102,8 +102,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     smooth: boolean;
     direction: "horizontal" | "vertical";
-    offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
+    offsetTop: number;
     lineLess: boolean;
     affix: boolean;
     changeHash: boolean;

package/es/anchor/index.d.ts

@@ -55,8 +55,8 @@ declare const Anchor: {
     }, import("vue").PublicProps, {
         smooth: boolean;
         direction: "horizontal" | "vertical";
-        offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
+        offsetTop: number;
         lineLess: boolean;
         affix: boolean;
         changeHash: boolean;
@@ -116,8 +116,8 @@ declare const Anchor: {
     }>, {}, {}, {}, {}, {
         smooth: boolean;
         direction: "horizontal" | "vertical";
-        offsetTop: number;
         boundary: number | "center" | "end" | "start" | "nearest";
+        offsetTop: number;
         lineLess: boolean;
         affix: boolean;
         changeHash: boolean;
@@ -177,8 +177,8 @@ declare const Anchor: {
 }, string, {
     smooth: boolean;
     direction: "horizontal" | "vertical";
-    offsetTop: number;
     boundary: number | "center" | "end" | "start" | "nearest";
+    offsetTop: number;
     lineLess: boolean;
     affix: boolean;
     changeHash: boolean;

package/es/auto-complete/auto-complete.vue.d.ts

@@ -1,35 +1,19 @@
 import type { ComponentPublicInstance, PropType } from 'vue';
 import type { VirtualListProps } from '../_components/virtual-list/interface';
 import type { FloatingOptions } from '../_utils/floating';
-import type { FilterOption, SelectOptionData, SelectOptionGroup } from '../select/interface';
+import type { FilterOption, SelectOptionData, SelectOptionGroup, SelectOptionInfo } from '../select/interface';
 import { type TriggerProps } from '../trigger';
 declare var __VLS_7: {
-    data: {
-        [x: string]: unknown;
-        raw: {
-            [x: string]: unknown;
-            value?: import("../select/interface").SelectOptionValue | undefined;
-            label?: string | undefined;
-            disabled?: boolean | undefined;
-            tagProps?: Record<string, unknown> | undefined;
-        };
-        key: string;
-        index?: number | undefined;
-        origin: "options" | "extraOptions";
-        value: import("../select/interface").SelectOptionValue;
-        label: string;
-        disabled?: boolean | undefined;
-        tagProps?: Record<string, unknown> | undefined;
-    } | undefined;
-}, __VLS_50: {}, __VLS_65: {}, __VLS_68: {};
+    data: SelectOptionInfo;
+}, __VLS_56: {}, __VLS_71: {}, __VLS_74: {};
 type __VLS_Slots = {} & {
     option?: (props: typeof __VLS_7) => any;
 } & {
-    footer?: (props: typeof __VLS_50) => any;
+    footer?: (props: typeof __VLS_56) => any;
 } & {
-    prefix?: (props: typeof __VLS_65) => any;
+    prefix?: (props: typeof __VLS_71) => any;
 } & {
-    suffix?: (props: typeof __VLS_68) => any;
+    suffix?: (props: typeof __VLS_74) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {

package/es/auto-complete/auto-complete.vue_vue_type_script_setup_true_lang.js

@@ -7,11 +7,12 @@ import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
 import Trigger from "../trigger/index.js";
+import Ellipsis from "../ellipsis/index.js";
 import Input from "../input/index.js";
 import { getKeyFromValue } from "../select/utils.js";
 import { useSelect } from "../select/hooks/use-select.js";
 import select_dropdown_default from "../select/select-dropdown.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/auto-complete/auto-complete.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -88,7 +89,6 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const slots = useSlots();
 		const [DefineOption, ReuseOption] = createReusableTemplate();
 		const prefixCls = getPrefixCls("auto-complete");
-		const ellipsisPrefixCls = getPrefixCls("ellipsis");
 		const optionPrefixCls = getPrefixCls("select-option");
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
 		const { mergedAllowClear } = useAllowClear(toRef(props, "allowClear"));
@@ -217,10 +217,10 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					onClick: ($event) => handleOptionClick(item, $event),
 					onMouseenter: ($event) => handleOptionMouseEnter(item),
 					onMouseleave: ($event) => handleOptionMouseLeave(item)
-				}, [createElementVNode("span", { class: normalizeClass(`${unref(optionPrefixCls)}-content`) }, [unref(slots).option && item.value ? renderSlot(_ctx.$slots, "option", { data: unref(optionInfoMap).get(item.key) }, void 0, void 0, 0) : (openBlock(), createElementBlock("span", {
-					key: 1,
-					class: normalizeClass([unref(ellipsisPrefixCls), `${unref(ellipsisPrefixCls)}--single-line`])
-				}, [createElementVNode("span", { class: normalizeClass(`${unref(ellipsisPrefixCls)}-content`) }, toDisplayString(item.label), 3)], 2))], 2)], 42, _hoisted_1)]),
+				}, [createElementVNode("span", { class: normalizeClass(`${unref(optionPrefixCls)}-content`) }, [unref(slots).option && item.value ? renderSlot(_ctx.$slots, "option", { data: item }, void 0, void 0, 0) : (openBlock(), createBlock(unref(Ellipsis), { key: 1 }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+					_: 2
+				}, 1024))], 2)], 42, _hoisted_1)]),
 				_: 3
 			}), createVNode(unref(Trigger), mergeProps(mergedTriggerProps.value, { onPopupVisibleChange: handlePopupVisibleChange }), {
 				content: withCtx(() => [createVNode(select_dropdown_default, {

package/es/auto-complete/index.d.ts

@@ -1835,23 +1835,7 @@ declare const AutoComplete: {
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         option?: (props: {
-            data: {
-                [x: string]: unknown;
-                raw: {
-                    [x: string]: unknown;
-                    value?: import("../select/interface").SelectOptionValue | undefined;
-                    label?: string | undefined;
-                    disabled?: boolean | undefined;
-                    tagProps?: Record<string, unknown> | undefined;
-                };
-                key: string;
-                index?: number | undefined;
-                origin: "options" | "extraOptions";
-                value: import("../select/interface").SelectOptionValue;
-                label: string;
-                disabled?: boolean | undefined;
-                tagProps?: Record<string, unknown> | undefined;
-            } | undefined;
+            data: import("../select/interface").SelectOptionInfo;
         }) => any;
     } & {
         footer?: (props: {}) => any;

package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import resize_observer_v2_default from "../_components/resize-observer-v2.js";
+import IconLoading from "../icon/icon-loading/index.js";
 import { useIndex } from "../_hooks/use-index.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
 import { avatarGroupInjectionKey } from "./context.js";

package/es/button/button.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,9 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
+import Tooltip from "../tooltip/index.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
-import Tooltip from "../tooltip/index.js";
 import { buttonGroupInjectionKey } from "./context.js";
 import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, withCtx } from "vue";
 //#region components/button/button.vue?vue&type=script&setup=true&lang.ts

package/es/cascader/cascader-option.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
+import IconLoading from "../icon/icon-loading/index.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
 import IconRight from "../icon/icon-right/index.js";

package/es/cascader/cascader-panel.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderPanelProps, {},
     options: CascaderOption[];
     ellipsis: boolean | "performant-ellipsis";
     multiple: boolean;
-    valueKey: string;
     expandTrigger: import("./types").CascaderExpandTrigger;
+    valueKey: string;
     checkStrictly: boolean;
     pathMode: boolean;
     expandChild: boolean;

package/es/cascader/cascader.vue.d.ts

@@ -63,12 +63,12 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
     error: boolean;
     readonly: boolean | string;
     defaultPopupVisible: boolean;
+    expandTrigger: import("./types").CascaderExpandTrigger;
     allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
     loading: boolean;
     valueKey: string;
-    expandTrigger: import("./types").CascaderExpandTrigger;
     checkStrictly: boolean;
     pathMode: boolean;
     showPath: boolean;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -6,9 +6,9 @@ import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
 import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
-import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { debounce } from "../_utils/debounce.js";
 import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";

package/es/clamp/index.d.ts

@@ -0,0 +1,212 @@
+import type * as VueClamp from 'vue-clamp';
+import { InlineClamp as _InlineClamp, LineClamp as _LineClamp, RichLineClamp as _RichLineClamp } from 'vue-clamp';
+import type { SFCWithInstall } from '../_utils/types';
+export declare const LineClamp: SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        text?: string | undefined;
+        ellipsis?: string | undefined;
+        as?: string | undefined;
+        maxLines?: number | undefined;
+        maxHeight?: VueClamp.ClampLength | undefined;
+        location?: VueClamp.LineClampLocation | undefined;
+        boundary?: VueClamp.ClampBoundary | undefined;
+    } & {
+        expanded?: NonNullable<VueClamp.LineClampProps["expanded"]>;
+    }> & Readonly<{
+        "onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
+        onClampchange?: (value: boolean) => any;
+    }>, {
+        expand: () => void;
+        collapse: () => void;
+        toggle: () => void;
+        readonly clamped: boolean;
+        readonly expanded: NonNullable<boolean | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:expanded": (value: NonNullable<boolean | undefined>) => any;
+        clampchange: (value: boolean) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        text?: string | undefined;
+        ellipsis?: string | undefined;
+        as?: string | undefined;
+        maxLines?: number | undefined;
+        maxHeight?: VueClamp.ClampLength | undefined;
+        location?: VueClamp.LineClampLocation | undefined;
+        boundary?: VueClamp.ClampBoundary | undefined;
+    } & {
+        expanded?: NonNullable<VueClamp.LineClampProps["expanded"]>;
+    }> & Readonly<{
+        "onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
+        onClampchange?: (value: boolean) => any;
+    }>, {
+        expand: () => void;
+        collapse: () => void;
+        toggle: () => void;
+        readonly clamped: boolean;
+        readonly expanded: NonNullable<boolean | undefined>;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    text?: string | undefined;
+    ellipsis?: string | undefined;
+    as?: string | undefined;
+    maxLines?: number | undefined;
+    maxHeight?: VueClamp.ClampLength | undefined;
+    location?: VueClamp.LineClampLocation | undefined;
+    boundary?: VueClamp.ClampBoundary | undefined;
+} & {
+    expanded?: NonNullable<VueClamp.LineClampProps["expanded"]>;
+}> & Readonly<{
+    "onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
+    onClampchange?: (value: boolean) => any;
+}>, {
+    expand: () => void;
+    collapse: () => void;
+    toggle: () => void;
+    readonly clamped: boolean;
+    readonly expanded: NonNullable<boolean | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expanded": (value: NonNullable<boolean | undefined>) => any;
+    clampchange: (value: boolean) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: VueClamp.LineClampSlots;
+})>;
+export declare const RichLineClamp: SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        ellipsis?: string | undefined;
+        html: string;
+        as?: string | undefined;
+        maxLines?: number | undefined;
+        maxHeight?: VueClamp.ClampLength | undefined;
+        boundary?: VueClamp.ClampBoundary | undefined;
+    } & {
+        expanded?: NonNullable<VueClamp.RichLineClampProps["expanded"]>;
+    }> & Readonly<{
+        "onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
+        onClampchange?: (value: boolean) => any;
+    }>, {
+        expand: () => void;
+        collapse: () => void;
+        toggle: () => void;
+        readonly clamped: boolean;
+        readonly expanded: NonNullable<boolean | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:expanded": (value: NonNullable<boolean | undefined>) => any;
+        clampchange: (value: boolean) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        ellipsis?: string | undefined;
+        html: string;
+        as?: string | undefined;
+        maxLines?: number | undefined;
+        maxHeight?: VueClamp.ClampLength | undefined;
+        boundary?: VueClamp.ClampBoundary | undefined;
+    } & {
+        expanded?: NonNullable<VueClamp.RichLineClampProps["expanded"]>;
+    }> & Readonly<{
+        "onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
+        onClampchange?: (value: boolean) => any;
+    }>, {
+        expand: () => void;
+        collapse: () => void;
+        toggle: () => void;
+        readonly clamped: boolean;
+        readonly expanded: NonNullable<boolean | undefined>;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    ellipsis?: string | undefined;
+    html: string;
+    as?: string | undefined;
+    maxLines?: number | undefined;
+    maxHeight?: VueClamp.ClampLength | undefined;
+    boundary?: VueClamp.ClampBoundary | undefined;
+} & {
+    expanded?: NonNullable<VueClamp.RichLineClampProps["expanded"]>;
+}> & Readonly<{
+    "onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
+    onClampchange?: (value: boolean) => any;
+}>, {
+    expand: () => void;
+    collapse: () => void;
+    toggle: () => void;
+    readonly clamped: boolean;
+    readonly expanded: NonNullable<boolean | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expanded": (value: NonNullable<boolean | undefined>) => any;
+    clampchange: (value: boolean) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: VueClamp.RichLineClampSlots;
+})>;
+export declare const InlineClamp: SFCWithInstall<import("vue").DefineComponent<VueClamp.InlineClampProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VueClamp.InlineClampProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export declare const WrapClamp: SFCWithInstall<(<T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    emit: ((evt: "clampchange", value: boolean) => void) & ((event: "update:expanded", value: NonNullable<boolean | undefined>) => void);
+    slots: VueClamp.WrapClampSlots<T>;
+    attrs: any;
+}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & {
+        items?: readonly T[] | undefined;
+        as?: string | undefined;
+        maxLines?: number | undefined;
+        maxHeight?: VueClamp.ClampLength | undefined;
+        itemKey?: VueClamp.WrapClampItemKey<T> | undefined;
+        expanded?: NonNullable<VueClamp.WrapClampProps<T>["expanded"]> | undefined;
+        "onUpdate:expanded"?: ((value: NonNullable<boolean | undefined>) => any) | undefined;
+        onClampchange?: ((value: boolean) => any) | undefined;
+    } & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        expand: () => void;
+        collapse: () => void;
+        toggle: () => void;
+        readonly clamped: boolean;
+        readonly expanded: NonNullable<boolean | undefined>;
+    }>) => void;
+    attrs: any;
+    slots: VueClamp.WrapClampSlots<T>;
+    emit: ((evt: "clampchange", value: boolean) => void) & ((event: "update:expanded", value: NonNullable<boolean | undefined>) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+})>;
+export type LineClampInstance = InstanceType<typeof _LineClamp>;
+export type RichLineClampInstance = InstanceType<typeof _RichLineClamp>;
+export type InlineClampInstance = InstanceType<typeof _InlineClamp>;
+export type WrapClampInstance = import('vue-clamp').WrapClampExposed;
+export type ClampBoundary = VueClamp.ClampBoundary;
+export type ClampLength = VueClamp.ClampLength;
+export type InlineClampParts = VueClamp.InlineClampParts;
+export type InlineClampProps = VueClamp.InlineClampProps;
+export type InlineClampSplit = VueClamp.InlineClampSplit;
+export type LineClampExposed = VueClamp.LineClampExposed;
+export type LineClampLocation = VueClamp.LineClampLocation;
+export type LineClampProps = VueClamp.LineClampProps;
+export type LineClampSlotProps = VueClamp.LineClampSlotProps;
+export type LineClampSlots = VueClamp.LineClampSlots;
+export type RichLineClampExposed = VueClamp.RichLineClampExposed;
+export type RichLineClampProps = VueClamp.RichLineClampProps;
+export type RichLineClampSlotProps = VueClamp.RichLineClampSlotProps;
+export type RichLineClampSlots = VueClamp.RichLineClampSlots;
+export type WrapClampExposed = VueClamp.WrapClampExposed;
+export type WrapClampItemKey<T = unknown> = VueClamp.WrapClampItemKey<T>;
+export type WrapClampItemSlotProps<T = unknown> = VueClamp.WrapClampItemSlotProps<T>;
+export type WrapClampProps<T = unknown> = VueClamp.WrapClampProps<T>;
+export type WrapClampSlotProps<T = unknown> = VueClamp.WrapClampSlotProps<T>;
+export type WrapClampSlots<T = unknown> = VueClamp.WrapClampSlots<T>;
+export default LineClamp;

package/es/clamp/index.js

@@ -0,0 +1,15 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import { InlineClamp, LineClamp, RichLineClamp, WrapClamp } from "vue-clamp";
+//#region components/clamp/index.ts
+function withInstall(component, name) {
+	return Object.assign(component, { install(app, options) {
+		setGlobalConfig(app, options);
+		app.component(`${getComponentPrefix(options)}${name}`, component);
+	} });
+}
+var LineClamp$1 = withInstall(LineClamp, "LineClamp");
+var RichLineClamp$1 = withInstall(RichLineClamp, "RichLineClamp");
+var InlineClamp$1 = withInstall(InlineClamp, "InlineClamp");
+var WrapClamp$1 = withInstall(WrapClamp, "WrapClamp");
+//#endregion
+export { InlineClamp$1 as InlineClamp, LineClamp$1 as LineClamp, LineClamp$1 as default, RichLineClamp$1 as RichLineClamp, WrapClamp$1 as WrapClamp };

package/es/clamp/style/css.js

@@ -0,0 +1 @@
+import "../../style/index.css";

package/es/clamp/style/index.d.ts

@@ -0,0 +1 @@
+import '../../style/index.scss';

package/es/clamp/style/index.js

@@ -0,0 +1 @@
+import "../../style/index.scss";

package/es/clamp/style/index.scss

@@ -0,0 +1 @@
+@use './token.scss' as *;