@sdata/web-vue 3.7.1 → 3.9.0

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

@@ -137,6 +137,16 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 		"dropdownReachBottom": (_ev) => true
 	},
 	/**
+	* @zh 前缀元素
+	* @en Prefix
+	* @slot prefix
+	*/
+	/**
+	* @zh 后缀元素
+	* @en Suffix
+	* @slot suffix
+	*/
+	/**
 	* @zh 弹出框的页脚
 	* @en The footer of the popup menu box
 	* @slot footer

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

@@ -138,6 +138,7 @@ 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);
 		const container = usePopupContainer(document.body, reactive({ popupContainer }));
 		const popupVisible = computed(() => fullscreen.value && mergedVisible.value);
 		const { zIndex } = usePopupManager("dialog", { visible: popupVisible });
@@ -186,14 +187,15 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const mergedImageProps = computed(() => {
 			var _imageProps$value;
 			const userProps = (_imageProps$value = imageProps === null || imageProps === void 0 ? void 0 : imageProps.value) !== null && _imageProps$value !== void 0 ? _imageProps$value : {};
-			return _objectSpread2(_objectSpread2({
-				preview: false,
-				width: "100%",
-				height: "100%",
-				fit: "contain",
-				alt: (title === null || title === void 0 ? void 0 : title.value) || ""
-			}, userProps), {}, {
+			return _objectSpread2(_objectSpread2({ alt: (title === null || title === void 0 ? void 0 : title.value) || "" }, userProps), {}, {
 				src: currentSrc.value,
+				renderToBody: renderToBody.value,
+				previewProps: _objectSpread2({
+					maskClosable: maskClosable.value,
+					closable: closable.value,
+					popupContainer: popupContainer === null || popupContainer === void 0 ? void 0 : popupContainer.value,
+					escToClose: escToClose.value
+				}, userProps.previewProps),
 				onLoad: (event) => {
 					callEventHandler(userProps.onLoad, event);
 					onPreviewLoad();
@@ -281,6 +283,10 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		function onMaskClick() {
 			if (maskClosable.value) close();
 		}
+		function onImagePreviewVisibleChange(nextVisible) {
+			if (!nextVisible && mergedVisible.value) emit("close");
+			setVisible(nextVisible);
+		}
 		function onKeyDown(event) {
 			if (fullscreen.value && escToClose.value && event.key === KEYBOARD_KEY.ESC) {
 				event.stopPropagation();
@@ -376,7 +382,12 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			onLoadError
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, {
+			return useImagePreview.value ? (openBlock(), createBlock(unref(Image), mergeProps({ key: currentSrc.value + "image" }, mergedImageProps.value, {
+				"preview-visible": mergedVisible.value,
+				class: `${unref(prefixCls)}-image`,
+				onPreviewVisibleChange: onImagePreviewVisibleChange
+			}), null, 16, ["preview-visible", "class"])) : (openBlock(), createBlock(Teleport, {
+				key: 1,
 				to: unref(container),
 				disabled: !unref(fullscreen) || !unref(renderToBody)
 			}, [shouldRender.value ? (openBlock(), createElementBlock("div", {
@@ -431,7 +442,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					key: 3,
 					class: normalizeClass(`${unref(prefixCls)}-error`)
 				}, "文件预览加载失败", 2)) : createCommentVNode("", true)
-			], 46, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]);
+			], 46, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]));
 		};
 	}
 }));

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -209,11 +209,13 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			if (groupContext === null || groupContext === void 0 ? void 0 : groupContext.preview) groupContext.preview(imageId);
 			else {
 				emit("preview-visible-change", true);
+				emit("update:previewVisible", true);
 				setPreviewVisible(true);
 			}
 		}
 		function onPreviewClose() {
 			emit("preview-visible-change", false);
+			emit("update:previewVisible", false);
 			setPreviewVisible(false);
 		}
 		const imgStyle = sizeStyle;

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -361,6 +361,14 @@
             {
               "name": "footer",
               "description": "The footer of the popup menu box"
+            },
+            {
+              "name": "suffix",
+              "description": "Suffix"
+            },
+            {
+              "name": "prefix",
+              "description": "Prefix"
             }
           ]
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.7.1",
+  "version": "3.9.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -85,10 +85,9 @@
     "@vue/test-utils": "^2.4.11",
     "@vueuse/core": "^14.3.0",
     "clean-css": "^5.3.3",
+    "cypress": "15.18.0",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",
-    "jest-serializer-vue": "^3.1.0",
-    "jsdom": "^29.1.1",
     "sass": "^1.101.0",
     "semantic-release": "^25.0.5",
     "svgo": "^4.0.1",
@@ -96,7 +95,6 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
     "vite-plus": "^0.1.24",
-    "vitest": "^4.1.9",
     "vue-docgen-api": "4.79.2",
     "vue-tsc": "^3.3.5"
   },
@@ -126,7 +124,11 @@
     "dtsgen": "pnpm run build:dts",
     "pretypecheck": "pnpm run icongen",
     "typecheck": "vue-tsc --noEmit -p tsconfig.json",
-    "test": "vp test run",
-    "test:update": "vp test run -u"
+    "test": "cypress run --component --browser chrome",
+    "test:affected": "node ./scripts/find-affected-cypress-specs.mjs",
+    "test:affected:unit": "node --test ./scripts/find-affected-cypress-specs.test.mjs",
+    "test:headed": "cypress run --component --browser chrome --headed",
+    "cypress:open": "cypress open --component",
+    "cypress:run": "cypress run --component --browser chrome"
   }
 }