@sdata/web-vue 2.1.0 → 2.2.1

package/es/modal/{modal.vue_vue_type_script_lang.js → modal.vue_vue_type_script_setup_true_lang.js}

@@ -9,32 +9,22 @@ import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import IconInfoCircleFill from "../icon/icon-info-circle-fill/index.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
-import Button from "../button/index.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import { useI18n } from "../locale/index.js";
 import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
+import { useI18n } from "../locale/index.js";
 import Ellipsis from "../ellipsis/index.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { useDraggable } from "./hooks/use-draggable.js";
-import { computed, defineComponent, onBeforeUnmount, onMounted, ref, toRefs, watch } from "vue";
-//#region components/modal/modal.vue?vue&type=script&lang.tsx
-var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveComponent, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region components/modal/modal.vue?vue&type=script&setup=true&lang.tsx
+var modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Modal",
-	components: {
-		ClientOnly: client_only_default,
-		Ellipsis,
-		SDButton: Button,
-		IconHover: icon_hover_default,
-		IconClose,
-		IconInfoCircleFill,
-		IconCheckCircleFill,
-		IconExclamationCircleFill,
-		IconCloseCircleFill
-	},
-	inheritAttrs: false,
+	inheritAttrs: false
+}), {}, {
+	__name: "modal",
 	props: {
 		/**
 		* @zh 对话框是否可见
@@ -303,54 +293,28 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 			default: false
 		}
 	},
-	emits: {
-		"update:visible": (_visible) => true,
-		/**
-		* @zh 点击确定按钮时触发
-		* @en Triggered when the OK button is clicked
-		* @property {MouseEvent} ev
-		*/
-		"ok": (_e) => true,
-		/**
-		* @zh 点击取消、关闭按钮时触发
-		* @en Triggered when the cancel/close button is clicked
-		* @property {MouseEvent | KeyboardEvent} ev
-		*/
-		"cancel": (_e) => true,
-		/**
-		* @zh 对话框打开后（动画结束）触发
-		* @en Triggered after the modal is opened (the animation ends)
-		*/
-		"open": () => true,
+	emits: [
+		"update:visible",
+		"ok",
+		"cancel",
+		"open",
+		"close",
+		"beforeOpen",
+		"beforeClose"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
 		/**
-		* @zh 对话框关闭后（动画结束）触发
-		* @en Triggered after the modal is closed (the animation ends)
-		*/
-		"close": () => true,
-		/**
-		* @zh 对话框打开前触发
-		* @en Triggered before dialog is opened
-		* @version 2.16.0
+		* @zh 标题
+		* @en Title
+		* @slot title
 		*/
-		"beforeOpen": () => true,
 		/**
-		* @zh 对话框关闭前触发
-		* @en Triggered before dialog is closed
-		* @version 2.16.0
+		* @zh 页脚
+		* @en Footer
+		* @slot footer
 		*/
-		"beforeClose": () => true
-	},
-	/**
-	* @zh 标题
-	* @en Title
-	* @slot title
-	*/
-	/**
-	* @zh 页脚
-	* @en Footer
-	* @slot footer
-	*/
-	setup(props, { emit }) {
 		const { fullscreen, popupContainer, alignCenter, mask, maskClosable, maskStyle, closable, titleAlign, top, footer, hideCancel, escToClose, draggable, okText, cancelText, okButtonProps, cancelButtonProps, titleEllipsisTooltip, width } = toRefs(props);
 		const prefixCls = getPrefixCls("modal");
 		const { t } = useI18n();
@@ -627,47 +591,112 @@ var modal_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
 				[`${prefixCls}-fullscreen`]: props.fullscreen
 			}
 		]);
-		return {
-			prefixCls,
-			mounted,
-			computedVisible,
-			containerRef,
-			wrapperRef,
-			mergedModalStyle: computed(() => {
-				const style = _objectSpread2({}, props.modalStyle);
-				if (mergedWidth.value && !props.fullscreen) style.width = isNumber(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value;
-				if (!mergedAlignCenterBoolean.value && mergedTop.value) style.top = isNumber(mergedTop.value) ? `${mergedTop.value}px` : mergedTop.value;
-				if (position.value) style.transform = `translate(${position.value[0]}px, ${position.value[1]}px)`;
-				return style;
-			}),
-			okDisplayText,
-			cancelDisplayText,
-			mergedMask,
-			mergedMaskStyle,
-			mergedClosable,
-			mergedTitleAlign,
-			mergedFooter,
-			mergedHideCancel,
-			mergedOkButtonProps,
-			mergedCancelButtonProps,
-			mergedTitleEllipsisTooltip,
-			zIndex,
-			handleOk,
-			handleCancel,
-			handleMaskClick,
-			handleMaskMouseDown,
-			handleOpen,
-			handleClose,
-			mergedOkLoading,
-			modalRef,
-			wrapperCls,
-			headerCls,
-			modalCls,
-			showCloseButton,
-			teleportContainer,
-			handleMoveDown
+		const mergedModalStyle = computed(() => {
+			const style = _objectSpread2({}, props.modalStyle);
+			if (mergedWidth.value && !props.fullscreen) style.width = isNumber(mergedWidth.value) ? `${mergedWidth.value}px` : mergedWidth.value;
+			if (!mergedAlignCenterBoolean.value && mergedTop.value) style.top = isNumber(mergedTop.value) ? `${mergedTop.value}px` : mergedTop.value;
+			if (position.value) style.transform = `translate(${position.value[0]}px, ${position.value[1]}px)`;
+			return style;
+		});
+		return (_ctx, _cache) => {
+			const _component_sd_button = resolveComponent("sd-button");
+			return openBlock(), createBlock(unref(client_only_default), null, {
+				default: withCtx(() => [(openBlock(), createBlock(Teleport, {
+					to: unref(teleportContainer),
+					disabled: !__props.renderToBody
+				}, [!__props.unmountOnClose || computedVisible.value || mounted.value ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+					key: 0,
+					class: `${unref(prefixCls)}-container`,
+					style: { zIndex: unref(zIndex) }
+				}, _ctx.$attrs), [createVNode(Transition, {
+					name: __props.maskAnimationName,
+					appear: ""
+				}, {
+					default: withCtx(() => [unref(mergedMask) ? withDirectives((openBlock(), createElementBlock("div", {
+						key: 0,
+						ref: "maskRef",
+						class: normalizeClass(`${unref(prefixCls)}-mask`),
+						style: normalizeStyle(unref(mergedMaskStyle))
+					}, null, 6)), [[vShow, computedVisible.value]]) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, ["name"]), createElementVNode("div", {
+					ref_key: "wrapperRef",
+					ref: wrapperRef,
+					class: normalizeClass(wrapperCls.value),
+					onClick: withModifiers(handleMaskClick, ["self"]),
+					onMousedown: withModifiers(handleMaskMouseDown, ["self"])
+				}, [createVNode(Transition, {
+					name: __props.modalAnimationName,
+					appear: "",
+					onAfterEnter: handleOpen,
+					onAfterLeave: handleClose
+				}, {
+					default: withCtx(() => [withDirectives(createElementVNode("div", {
+						ref_key: "modalRef",
+						ref: modalRef,
+						class: normalizeClass(modalCls.value),
+						style: normalizeStyle(mergedModalStyle.value)
+					}, [
+						!__props.hideTitle && (_ctx.$slots.title || __props.title || unref(mergedClosable)) ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(headerCls.value),
+							onMousedown: _cache[0] || (_cache[0] = (...args) => unref(handleMoveDown) && unref(handleMoveDown)(...args))
+						}, [_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass([
+								`${unref(prefixCls)}-title`,
+								`${unref(prefixCls)}-title-align-${unref(mergedTitleAlign)}`,
+								{ [`${unref(prefixCls)}-title-with-close`]: showCloseButton.value }
+							])
+						}, [__props.messageType ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(`${unref(prefixCls)}-title-icon`)
+						}, [
+							__props.messageType === "info" ? (openBlock(), createBlock(unref(IconInfoCircleFill), { key: 0 })) : createCommentVNode("", true),
+							__props.messageType === "success" ? (openBlock(), createBlock(unref(IconCheckCircleFill), { key: 1 })) : createCommentVNode("", true),
+							__props.messageType === "warning" ? (openBlock(), createBlock(unref(IconExclamationCircleFill), { key: 2 })) : createCommentVNode("", true),
+							__props.messageType === "error" ? (openBlock(), createBlock(unref(IconCloseCircleFill), { key: 3 })) : createCommentVNode("", true)
+						], 2)) : createCommentVNode("", true), createVNode(unref(Ellipsis), {
+							class: normalizeClass(`${unref(prefixCls)}-title-text`),
+							tooltip: unref(mergedTitleEllipsisTooltip)
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
+							_: 3
+						}, 8, ["class", "tooltip"])], 2)) : createCommentVNode("", true), !__props.simple && unref(mergedClosable) ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							tabindex: "-1",
+							role: "button",
+							"aria-label": "Close",
+							class: normalizeClass(`${unref(prefixCls)}-close-btn`),
+							onClick: handleCancel
+						}, [createVNode(icon_hover_default, null, {
+							default: withCtx(() => [createVNode(unref(IconClose))]),
+							_: 1
+						})], 2)) : createCommentVNode("", true)], 34)) : createCommentVNode("", true),
+						createElementVNode("div", {
+							class: normalizeClass([`${unref(prefixCls)}-body`, __props.bodyClass]),
+							style: normalizeStyle(__props.bodyStyle)
+						}, [renderSlot(_ctx.$slots, "default")], 6),
+						unref(mergedFooter) ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass(`${unref(prefixCls)}-footer`)
+						}, [renderSlot(_ctx.$slots, "footer", {}, () => [!unref(mergedHideCancel) ? (openBlock(), createBlock(_component_sd_button, mergeProps({ key: 0 }, unref(mergedCancelButtonProps), { onClick: handleCancel }), {
+							default: withCtx(() => [createTextVNode(toDisplayString(cancelDisplayText.value), 1)]),
+							_: 1
+						}, 16)) : createCommentVNode("", true), createVNode(_component_sd_button, mergeProps({ type: "primary" }, unref(mergedOkButtonProps), {
+							loading: mergedOkLoading.value,
+							onClick: handleOk
+						}), {
+							default: withCtx(() => [createTextVNode(toDisplayString(okDisplayText.value), 1)]),
+							_: 1
+						}, 16, ["loading"])])], 2)) : createCommentVNode("", true)
+					], 6), [[vShow, computedVisible.value]])]),
+					_: 3
+				}, 8, ["name"])], 34)], 16)), [[vShow, computedVisible.value || mounted.value]]) : createCommentVNode("", true)], 8, ["to", "disabled"]))]),
+				_: 3
+			});
 		};
 	}
-});
+}));
 //#endregion
-export { modal_vue_vue_type_script_lang_default as default };
+export { modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/notification/notification.js

@@ -1,50 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import notification_vue_vue_type_script_lang_default from "./notification.vue_vue_type_script_lang.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, normalizeClass, openBlock, renderSlot, resolveComponent, withCtx } from "vue";
+import notification_vue_vue_type_script_setup_true_lang_default from "./notification.vue_vue_type_script_setup_true_lang.js";
 //#region components/notification/notification.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_icon_info_circle_fill = resolveComponent("icon-info-circle-fill");
-	const _component_icon_check_circle_fill = resolveComponent("icon-check-circle-fill");
-	const _component_icon_exclamation_circle_fill = resolveComponent("icon-exclamation-circle-fill");
-	const _component_icon_close_circle_fill = resolveComponent("icon-close-circle-fill");
-	const _component_icon_close = resolveComponent("icon-close");
-	const _component_a_icon_hover = resolveComponent("a-icon-hover");
-	return openBlock(), createElementBlock("li", {
-		role: "alert",
-		class: normalizeClass([
-			_ctx.prefixCls,
-			`${_ctx.prefixCls}-${_ctx.type}`,
-			{ [`${_ctx.prefixCls}-closable`]: _ctx.closable }
-		])
-	}, [
-		_ctx.showIcon ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: normalizeClass(`${_ctx.prefixCls}-left`)
-		}, [createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-icon`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [_ctx.type === "info" ? (openBlock(), createBlock(_component_icon_info_circle_fill, { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("", true)])], 2)], 2)) : createCommentVNode("", true),
-		createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-right`) }, [
-			_ctx.$slots.default ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(`${_ctx.prefixCls}-title`)
-			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true),
-			_ctx.$slots.content ? (openBlock(), createElementBlock("div", {
-				key: 1,
-				class: normalizeClass(`${_ctx.prefixCls}-content`)
-			}, [renderSlot(_ctx.$slots, "content")], 2)) : createCommentVNode("", true),
-			_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-				key: 2,
-				class: normalizeClass(`${_ctx.prefixCls}-footer`)
-			}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
-		], 2),
-		_ctx.closable ? (openBlock(), createElementBlock("div", {
-			key: 1,
-			class: normalizeClass(`${_ctx.prefixCls}-close-btn`),
-			onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
-		}, [renderSlot(_ctx.$slots, "closeIconElement", {}, () => [createVNode(_component_a_icon_hover, null, {
-			default: withCtx(() => [renderSlot(_ctx.$slots, "closeIcon", {}, () => [createVNode(_component_icon_close)])]),
-			_: 3
-		})])], 2)) : createCommentVNode("", true)
-	], 2);
-}
-var notification_default = /*#__PURE__*/ _plugin_vue_export_helper_default(notification_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var notification_default = notification_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { notification_default as default };