@sdata/web-vue 4.1.0 → 4.3.0

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

@@ -21,15 +21,15 @@ declare var __VLS_7: {
         disabled?: boolean | undefined;
         tagProps?: Record<string, unknown> | undefined;
     } | undefined;
-}, __VLS_50: {}, __VLS_65: {}, __VLS_68: {};
+}, __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: unref(optionInfoMap).get(item.key) }, 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/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/bloom-menu/bloom-menu.js

@@ -0,0 +1,5 @@
+import bloom_menu_vue_vue_type_script_setup_true_lang_default from "./bloom-menu.vue_vue_type_script_setup_true_lang.js";
+//#region components/bloom-menu/bloom-menu.vue
+var bloom_menu_default = bloom_menu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { bloom_menu_default as default };

package/es/bloom-menu/bloom-menu.vue.d.ts

@@ -0,0 +1,52 @@
+import type { Merge, UnknownRecord } from 'type-fest';
+import type { HTMLAttributes, VNode } from 'vue';
+import type { ButtonInstance } from '../button';
+import type { BloomMenuItem, BloomMenuOffset } from './types';
+type BloomMenuButtonProps = Merge<HTMLAttributes, ButtonInstance['$props']> & UnknownRecord;
+type __VLS_Props = {
+    items: readonly BloomMenuItem[];
+    modelValue?: boolean;
+    defaultOpen?: boolean;
+    columns?: number;
+    title?: string;
+    triggerText?: string;
+    buttonProps?: BloomMenuButtonProps;
+    offset?: BloomMenuOffset;
+    closeAriaLabel?: string;
+};
+type __VLS_Slots = {
+    trigger(props: {
+        open: () => void;
+    }): VNode[];
+    header(props: {
+        close: (restoreFocus?: boolean) => void;
+    }): VNode[];
+    icon(props: {
+        item: BloomMenuItem;
+        index: number;
+    }): VNode[];
+    item(props: {
+        item: BloomMenuItem;
+        index: number;
+    }): VNode[];
+    empty(): VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+    close: () => any;
+    select: (item: BloomMenuItem, index: number) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSelect?: ((item: BloomMenuItem, index: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};