@sdata/web-vue 4.4.3 → 4.5.1

package/es/ellipsis/performant-ellipsis.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import ellipsis_default from "./ellipsis.js";
 import { computed, createBlock, createSlots, defineComponent, mergeProps, nextTick, openBlock, renderSlot, resolveDynamicComponent, shallowRef, withCtx } from "vue";
 //#region components/ellipsis/performant-ellipsis.vue?vue&type=script&setup=true&lang.ts
@@ -68,6 +68,7 @@ var performant_ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			return (_ellipsisRef$value = ellipsisRef.value) === null || _ellipsisRef$value === void 0 ? void 0 : _ellipsisRef$value.triggerElement;
 		};
 		const replayInteraction = (type) => {
+			var _ellipsisRef$value2, _ellipsisRef$value2$t;
 			const triggerElement = getActivatedTriggerElement();
 			if (!triggerElement || !type) return;
 			if (type === "hover") {
@@ -79,17 +80,17 @@ var performant_ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 				triggerElement.focus();
 				return;
 			}
-			triggerElement.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+			(_ellipsisRef$value2 = ellipsisRef.value) === null || _ellipsisRef$value2 === void 0 || (_ellipsisRef$value2$t = _ellipsisRef$value2.toggleExpanded) === null || _ellipsisRef$value2$t === void 0 || _ellipsisRef$value2$t.call(_ellipsisRef$value2);
 		};
 		const activate = function() {
 			var _ref = _asyncToGenerator(function* (interactionType) {
-				var _ellipsisRef$value2, _ellipsisRef$value2$w;
+				var _ellipsisRef$value3, _ellipsisRef$value3$w;
 				if (activated.value) return;
 				activated.value = true;
 				yield nextTick();
 				yield nextTick();
 				yield new Promise((resolve) => requestAnimationFrame(() => resolve()));
-				const measurement = (_ellipsisRef$value2 = ellipsisRef.value) === null || _ellipsisRef$value2 === void 0 || (_ellipsisRef$value2$w = _ellipsisRef$value2.waitForMeasurement) === null || _ellipsisRef$value2$w === void 0 ? void 0 : _ellipsisRef$value2$w.call(_ellipsisRef$value2);
+				const measurement = (_ellipsisRef$value3 = ellipsisRef.value) === null || _ellipsisRef$value3 === void 0 || (_ellipsisRef$value3$w = _ellipsisRef$value3.waitForMeasurement) === null || _ellipsisRef$value3$w === void 0 ? void 0 : _ellipsisRef$value3$w.call(_ellipsisRef$value3);
 				if (measurement) yield measurement;
 				replayInteraction(interactionType);
 			});
@@ -103,11 +104,19 @@ var performant_ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		const handleFocus = () => {
 			activate("focus");
 		};
-		const handleClick = () => {
-			activate(props.expandTrigger === "click" ? "click" : void 0);
+		const handleClick = (event) => {
+			const target = event.target;
+			const interactive = target instanceof Element ? target.closest("a,button,input,textarea,select,[role=\"button\"]") : null;
+			const isInnerControl = interactive && interactive !== event.currentTarget;
+			activate(props.expandTrigger === "click" && !isInnerControl ? "click" : void 0);
 		};
 		return (_ctx, _cache) => {
-			return !activated.value ? (openBlock(), createBlock(resolveDynamicComponent(componentTag.value), mergeProps({ key: 0 }, _ctx.$attrs, {
+			return !activated.value ? (openBlock(), createBlock(resolveDynamicComponent(componentTag.value), mergeProps({
+				key: 0,
+				role: __props.expandTrigger === "click" ? "button" : void 0,
+				tabindex: __props.expandTrigger === "click" ? 0 : void 0,
+				"aria-expanded": __props.expandTrigger === "click" ? "false" : void 0
+			}, _ctx.$attrs, {
 				class: rootCls.value,
 				style: rootStyle.value,
 				onMouseenter: handleMouseenter,
@@ -116,7 +125,13 @@ var performant_ellipsis_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 16, ["class", "style"])) : (openBlock(), createBlock(ellipsis_default, mergeProps({
+			}, 16, [
+				"role",
+				"tabindex",
+				"aria-expanded",
+				"class",
+				"style"
+			])) : (openBlock(), createBlock(ellipsis_default, mergeProps({
 				key: 1,
 				ref_key: "ellipsisRef",
 				ref: ellipsisRef

package/es/empty/empty.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import IconEmpty from "../icon/icon-empty/index.js";
@@ -32,7 +32,7 @@ var empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			if (vnode && typeof vnode === "object") return vnode;
 		};
 		return (_ctx, _cache) => {
-			return !__props.inConfigProvider && getCustomEmpty() && !slots.image && !__props.imgSrc && !__props.description ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), [createVNode(CustomEmptyRenderer, { vnode: getCustomEmpty() }, null, 8, ["vnode"])], 16)) : (openBlock(), createElementBlock("div", mergeProps({
+			return !__props.inConfigProvider && getCustomEmpty() && !slots.default && !slots.image && !__props.imgSrc && !__props.description ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), [createVNode(CustomEmptyRenderer, { vnode: getCustomEmpty() }, null, 8, ["vnode"])], 16)) : (openBlock(), createElementBlock("div", mergeProps({
 				key: 1,
 				class: unref(prefixCls)
 			}, _ctx.$attrs), [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-image`) }, [renderSlot(_ctx.$slots, "image", {}, () => [__props.imgSrc ? (openBlock(), createElementBlock("img", {

package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,17 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isServerRendering } from "../_utils/dom.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
 import Image from "../image/index.js";
 import { usePdfJs } from "./use-pdf-js.js";
-import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, reactive, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, unref, useSlots, watch, withCtx } from "vue";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, openBlock, reactive, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, unref, useSlots, watch, withCtx } from "vue";
 //#region components/file-previewer/file-previewer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["tabindex"];
 var _hoisted_2 = [
@@ -134,6 +134,19 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const { src, type, visible, defaultVisible, fullscreen, popupContainer, renderToBody, maskClosable, closable, escToClose, title, imageProps, mediaProps, pdfProps } = toRefs(props);
 		const { t } = useI18n();
 		const prefixCls = getPrefixCls("file-previewer");
+		const previewSlotNames = [
+			"content",
+			"image",
+			"video",
+			"audio",
+			"pdf"
+		];
+		const getPreviewSlots = () => previewSlotNames.filter((name) => Boolean(slots[name]));
+		const previewSlots = shallowRef(getPreviewSlots());
+		onBeforeUpdate(() => {
+			const next = getPreviewSlots();
+			if (next.length !== previewSlots.value.length || next.some((name, index) => name !== previewSlots.value[index])) previewSlots.value = next;
+		});
 		const wrapperRef = shallowRef();
 		const status = shallowRef("beforeLoad");
 		const requestId = shallowRef(0);
@@ -145,10 +158,10 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			return (_visible$value = visible === null || visible === void 0 ? void 0 : visible.value) !== null && _visible$value !== void 0 ? _visible$value : localVisible.value;
 		});
 		const shouldRender = computed(() => !fullscreen.value || mergedVisible.value);
-		const useImagePreview = computed(() => type.value === "image" && fullscreen.value && !slots.content && !slots.image);
+		const useImagePreview = computed(() => type.value === "image" && fullscreen.value && !previewSlots.value.includes("content") && !previewSlots.value.includes("image"));
 		const container = usePopupContainer(document.body, reactive({ popupContainer }));
 		const popupVisible = computed(() => fullscreen.value && mergedVisible.value);
-		const { zIndex } = usePopupManager("dialog", { visible: popupVisible });
+		const { zIndex, close: releasePopup } = usePopupManager("dialog", { visible: popupVisible });
 		const isFixed = computed(() => container.value === document.body);
 		const currentSrc = computed(() => {
 			var _src$value;
@@ -234,6 +247,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			return (_mediaProps$value$ski2 = mediaProps === null || mediaProps === void 0 || (_mediaProps$value3 = mediaProps.value) === null || _mediaProps$value3 === void 0 ? void 0 : _mediaProps$value3.skinProps) !== null && _mediaProps$value$ski2 !== void 0 ? _mediaProps$value$ski2 : {};
 		});
 		const mergedMediaProps = computed(() => {
+			const currentRequestId = requestId.value;
 			const userProps = _objectSpread2({}, mediaProps === null || mediaProps === void 0 ? void 0 : mediaProps.value);
 			const { onLoadedData, onError } = userProps;
 			delete userProps.skin;
@@ -243,11 +257,13 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			delete userProps.onError;
 			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, useVideoJsMediaSkin.value ? void 0 : { controls: true }), type.value === "video" ? { playsinline: true } : void 0), userProps), {}, {
 				src: currentSrc.value,
-				onLoadedData: (event) => {
+				onLoadeddata: (event) => {
+					if (currentRequestId !== requestId.value) return;
 					callEventHandler(onLoadedData, event);
 					onPreviewLoad();
 				},
 				onError: (event) => {
+					if (currentRequestId !== requestId.value) return;
 					callEventHandler(onError, event);
 					onLoadError();
 				}
@@ -261,15 +277,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}
 		});
 		const pdfCanvasRef = shallowRef();
-		const hasTypeSlot = computed(() => {
-			switch (type.value) {
-				case "image": return !!slots.image;
-				case "video": return !!slots.video;
-				case "audio": return !!slots.audio;
-				case "pdf": return !!slots.pdf;
-				default: return false;
-			}
-		});
+		const hasTypeSlot = computed(() => previewSlots.value.includes(type.value));
 		const pdfSlotProps = computed(() => ({
 			src: currentSrc.value,
 			status: status.value,
@@ -328,10 +336,16 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				return pdfProps === null || pdfProps === void 0 || (_pdfProps$value2 = pdfProps.value) === null || _pdfProps$value2 === void 0 ? void 0 : _pdfProps$value2.rotation;
 			}
 		], () => {
-			if (!pdfDoc.value || !pdfCanvasRef.value) return;
+			if (!pdfCanvasRef.value) return;
+			if (!pdfDoc.value) {
+				pdfCanvasRef.value.width = 0;
+				pdfCanvasRef.value.height = 0;
+				return;
+			}
 			pdfRender(pdfCanvasRef.value, pdfCurrentPage.value);
 		}, { flush: "post" });
 		onBeforeUnmount(() => {
+			releasePopup();
 			destroyPdf();
 		});
 		function resetPreviewState() {
@@ -414,16 +428,18 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		watch([
 			src,
 			type,
-			shouldRender
+			shouldRender,
+			previewSlots
 		], () => {
 			requestId.value += 1;
+			if (!shouldRender.value || type.value !== "pdf" || previewSlots.value.includes("content")) destroyPdf();
 			if (!shouldRender.value) return;
 			resetPreviewState();
 			if (fullscreen.value) nextTick(() => {
 				var _wrapperRef$value;
 				return (_wrapperRef$value = wrapperRef.value) === null || _wrapperRef$value === void 0 ? void 0 : _wrapperRef$value.focus();
 			});
-			if (slots.content) {
+			if (previewSlots.value.includes("content")) {
 				status.value = "loaded";
 				return;
 			}