@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/popconfirm-DQUtvI0A.js

@@ -0,0 +1,389 @@
+import "./src-DNBBthjO.js";
+import { s as e, t } from "./foundation-Cawx37mp.js";
+import { t as n } from "./env-BeIzjQx7.js";
+import { t as r } from "./isPromise-D2v3Ejff.js";
+import { n as ee } from "./popover-hD77YpUM.js";
+import { t as te } from "./config-context-CyynTtDb.js";
+import { n as i, o as ne } from "./config-provider-VMfNNSF1.js";
+import { t as a } from "./Button-RCaDTqHh.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as re, guardReactiveProps as m, inject as ie, isVNode as h, markRaw as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as x, renderSlot as S, shallowReactive as C, toDisplayString as w, unref as T, useSlots as E, useTemplateRef as D, withCtx as O } from "vue";
+import { IconAlertTriangle as ce, IconClose as le } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var ue = class extends t {
+	init() {}
+	destroy() {}
+	handleCancel(e) {
+		let t = this._adapter.notifyCancel(e);
+		r(t) ? (this._adapter.updateCancelLoading(!0), t.then((e) => {
+			this.handleVisibleChange(!1), this._adapter.updateCancelLoading(!1);
+		}, (e) => {
+			this._adapter.updateCancelLoading(!1);
+		})) : this.handleVisibleChange(!1);
+	}
+	handleConfirm(e) {
+		let t = this._adapter.notifyConfirm(e);
+		r(t) ? (this._adapter.updateConfirmLoading(!0), t.then((e) => {
+			this._adapter.updateConfirmLoading(!1), this.handleVisibleChange(!1);
+		}, (e) => {
+			this._adapter.updateConfirmLoading(!1);
+		})) : this.handleVisibleChange(!1);
+	}
+	handleClickOutSide(e) {
+		this._adapter.notifyClickOutSide(e);
+	}
+	handleVisibleChange(e) {
+		this._isControlledComponent("visible") || this._adapter.setVisible(e), e ? this.handleFocusOperateButton() : this._adapter.focusPrevFocusElement(), this._adapter.notifyVisibleChange(e);
+	}
+	handleFocusOperateButton() {
+		let { cancelButtonProps: t, okButtonProps: n } = this._adapter.getProps();
+		(0, e.default)(t, "autoFocus") && !(0, e.default)(t, "disabled") ? this._adapter.focusCancelButton() : (0, e.default)(n, "autoFocus") && !(0, e.default)(n, "disabled") && this._adapter.focusOkButton();
+	}
+}, k = {
+	PREFIX: `${n}-popconfirm`,
+	POPOVER: `${n}-popconfirm-popover`
+}, de = {
+	SPACING: 4,
+	DEFAULT_Z_INDEX: 1030
+}, A = p({
+	name: "PopconfirmNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), j = /* @__PURE__ */ p({
+	name: "Popconfirm",
+	inheritAttrs: !1,
+	__name: "Popconfirm",
+	props: {
+		cancelButtonProps: {},
+		cancelText: {},
+		cancelType: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		content: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		defaultVisible: { type: Boolean },
+		disabled: { type: Boolean },
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		okButtonProps: {},
+		okText: {},
+		okType: {},
+		position: {},
+		prefixCls: {},
+		showCloseIcon: { type: Boolean },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		trigger: {},
+		visible: { type: Boolean },
+		zIndex: {},
+		arrowStyle: {},
+		contentClassName: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showArrow: { type: Boolean },
+		arrowBounding: {},
+		arrowPointAtCenter: { type: Boolean },
+		autoAdjustOverflow: { type: Boolean },
+		clickToHide: { type: Boolean },
+		clickTriggerToHide: { type: Boolean },
+		closeOnEsc: { type: Boolean },
+		condition: { type: Boolean },
+		disableArrowKeyDown: { type: Boolean },
+		disableFocusListener: { type: Boolean },
+		getPopupContainer: { type: Function },
+		guardFocus: { type: Boolean },
+		keepDOM: { type: Boolean },
+		margin: {},
+		motion: { type: Boolean },
+		mouseEnterDelay: {},
+		mouseLeaveDelay: {},
+		preventScroll: { type: Boolean },
+		rePosKey: {},
+		returnFocusOnClose: { type: Boolean },
+		spacing: {},
+		stopPropagation: { type: Boolean },
+		transformFromCenter: { type: Boolean },
+		wrapWhenSpecial: { type: Boolean },
+		wrapperClassName: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		wrapperId: {}
+	},
+	emits: [
+		"cancel",
+		"clickOutside",
+		"confirm",
+		"escKeydown",
+		"visibleChange",
+		"update:visible"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, p = E(), j = re(), M = D("popover"), N = D("footer"), P = ie(te, void 0), F = /* @__PURE__ */ new Map(), I = C({
+			cancelLoading: !1,
+			confirmLoading: !1,
+			visible: n.defaultVisible || !1
+		});
+		function L(e) {
+			let t = j?.vnode.props, n = String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		function R(e, t) {
+			if (L(e) && n[e] !== void 0) return n[e];
+			let r = i.config.overrideDefaultProps?.Popconfirm?.[e];
+			return r === void 0 ? t : r;
+		}
+		let z = o(() => P ? P.value : {
+			direction: "ltr",
+			locale: ne,
+			getPopupContainer: void 0
+		}), B = o(() => R("prefixCls", k.PREFIX)), V = o(() => R("disabled", !1)), fe = o(() => R("showCloseIcon", !0)), pe = o(() => R("position", z.value.direction === "rtl" ? "bottomRight" : "bottomLeft")), me = o(() => L("visible") ? "custom" : R("trigger", "click")), H = o(() => L("visible") ? !!n.visible : I.visible), U = o(() => z.value.locale.Popconfirm ?? {
+			cancel: "取消",
+			confirm: "确定"
+		}), W = o(() => p.title?.() ?? n.title), G = o(() => n.content), K = o(() => p.icon?.() ?? n.icon), q = o(() => !p.icon && !L("icon")), J = o(() => {
+			if (q.value) return !0;
+			let e = K.value;
+			return Array.isArray(e) ? e.some((e) => h(e)) : h(e);
+		}), he = o(() => W.value !== null && W.value !== void 0), ge = o(() => !!p.content || G.value !== null && G.value !== void 0), _e = o(() => [
+			B.value,
+			n.class,
+			n.className,
+			{ [`${B.value}-rtl`]: z.value.direction === "rtl" }
+		]), ve = o(() => [`${B.value}-body`, { [`${B.value}-body-withIcon`]: J.value }]);
+		function ye(e) {
+			return j?.vnode.props?.[e];
+		}
+		function Y(e, t) {
+			let n = ye(e), r = (Array.isArray(n) ? n : n ? [n] : []).filter((e) => typeof e == "function").map((e) => e(t)).filter((e) => !!(e && typeof e.then == "function"));
+			return r.length > 0 ? Promise.all(r) : void 0;
+		}
+		function X() {
+			let e = { ...n };
+			return L("visible") || delete e.visible, e;
+		}
+		let Z = g(new ue({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => X()[e],
+			getProps: X,
+			getState: (e) => I[e],
+			getStates: () => I,
+			setState: (e, t) => {
+				Object.assign(I, e), t?.();
+			},
+			getCache: (e) => F.get(e),
+			getCaches: () => F,
+			setCache: (e, t) => F.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			setVisible: (e) => {
+				I.visible = e;
+			},
+			updateConfirmLoading: (e) => {
+				I.confirmLoading = e;
+			},
+			updateCancelLoading: (e) => {
+				I.cancelLoading = e;
+			},
+			notifyConfirm: (e) => Y("onConfirm", e),
+			notifyCancel: (e) => Y("onCancel", e),
+			notifyVisibleChange: (e) => {
+				r("visibleChange", e), r("update:visible", e);
+			},
+			notifyClickOutSide: (e) => r("clickOutside", e),
+			focusCancelButton: () => {
+				v(() => N.value?.querySelector("[data-type=cancel]")?.focus({ preventScroll: !0 }));
+			},
+			focusOkButton: () => {
+				v(() => N.value?.querySelector("[data-type=ok]")?.focus({ preventScroll: !0 }));
+			},
+			focusPrevFocusElement: () => M.value?.focusTrigger()
+		}));
+		function Q(e, t) {
+			let n = { ...t };
+			return delete n.autoFocus, {
+				...e === "cancel" ? {
+					"data-type": "cancel",
+					loading: I.cancelLoading,
+					onClick: (e) => Z.handleCancel(e),
+					type: R("cancelType", "tertiary")
+				} : {
+					"data-type": "ok",
+					loading: I.confirmLoading,
+					onClick: (e) => Z.handleConfirm(e),
+					theme: "solid",
+					type: R("okType", "primary")
+				},
+				...n
+			};
+		}
+		let be = o(() => Q("cancel", n.cancelButtonProps)), xe = o(() => Q("ok", n.okButtonProps)), Se = o(() => {
+			let e = /* @__PURE__ */ new Set([
+				"cancelButtonProps",
+				"cancelText",
+				"cancelType",
+				"class",
+				"className",
+				"content",
+				"defaultVisible",
+				"disabled",
+				"icon",
+				"okButtonProps",
+				"okText",
+				"okType",
+				"position",
+				"prefixCls",
+				"showCloseIcon",
+				"style",
+				"title",
+				"trigger",
+				"visible",
+				"zIndex"
+			]);
+			return Object.fromEntries(Object.entries(n).filter(([t, n]) => !e.has(t) && n !== void 0 && L(t)));
+		});
+		function Ce(e) {
+			e.stopImmediatePropagation();
+		}
+		function $(e) {
+			Z.handleCancel(e);
+		}
+		function we(e) {
+			Z.handleClickOutSide(e);
+		}
+		function Te(e) {
+			e !== H.value && Z.handleVisibleChange(e);
+		}
+		return se(() => Z.init()), oe(() => Z.destroy()), (e, t) => V.value ? S(e.$slots, "default", {}, void 0, void 0, 0) : (x(), s(T(ee), _({
+			key: 1,
+			ref: "popover"
+		}, Se.value, {
+			"class-name": T(k).POPOVER,
+			motion: R("motion", !0),
+			position: pe.value,
+			"show-arrow": R("showArrow", !1),
+			"stop-propagation": R("stopPropagation", !0),
+			trigger: me.value,
+			visible: H.value,
+			"z-index": R("zIndex", T(de).DEFAULT_Z_INDEX),
+			onClickOutside: we,
+			onEscKeydown: t[0] ||= (e) => r("escKeydown", e),
+			"onUpdate:visible": Te
+		}), {
+			content: O(({ initialFocusRef: t }) => [u("div", {
+				class: y(_e.value),
+				style: ae(n.style),
+				onClick: Ce
+			}, [u("div", { class: y(`${B.value}-inner`) }, [
+				u("div", { class: y(`${B.value}-header`) }, [
+					J.value ? (x(), l("i", {
+						key: 0,
+						class: y(`${B.value}-header-icon`),
+						"x-semi-prop": "icon"
+					}, [q.value ? (x(), s(T(ce), {
+						key: 0,
+						size: "extra-large"
+					})) : (x(), s(T(A), {
+						key: 1,
+						content: K.value
+					}, null, 8, ["content"]))], 2)) : c("", !0),
+					u("div", { class: y(`${B.value}-header-body`) }, [he.value ? (x(), l("div", {
+						key: 0,
+						class: y(`${B.value}-header-title`),
+						"x-semi-prop": "title"
+					}, [f(T(A), { content: W.value }, null, 8, ["content"])], 2)) : c("", !0)], 2),
+					fe.value ? (x(), s(a, {
+						key: 1,
+						class: y(`${B.value}-btn-close`),
+						size: "small",
+						theme: "borderless",
+						type: R("cancelType", "tertiary"),
+						onClick: $
+					}, {
+						icon: O(() => [f(T(le))]),
+						_: 1
+					}, 8, ["class", "type"])) : c("", !0)
+				], 2),
+				ge.value ? (x(), l("div", {
+					key: 0,
+					class: y(ve.value),
+					"x-semi-prop": "content"
+				}, [e.$slots.content ? S(e.$slots, "content", { initialFocusRef: t }, void 0, void 0, 0) : (x(), s(T(A), {
+					key: 1,
+					content: G.value
+				}, null, 8, ["content"]))], 2)) : c("", !0),
+				u("div", {
+					ref: "footer",
+					class: y(`${B.value}-footer`)
+				}, [f(a, b(m(be.value)), {
+					default: O(() => [d(w(n.cancelText || U.value.cancel), 1)]),
+					_: 1
+				}, 16), f(a, b(m(xe.value)), {
+					default: O(() => [d(w(n.okText || U.value.confirm), 1)]),
+					_: 1
+				}, 16)], 2)
+			], 2)], 6)]),
+			default: O(() => [S(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"class-name",
+			"motion",
+			"position",
+			"show-arrow",
+			"stop-propagation",
+			"trigger",
+			"visible",
+			"z-index"
+		]));
+	}
+}), M = j;
+//#endregion
+export { j as n, M as t };

package/dist/popover/Popover.vue.d.ts

@@ -0,0 +1,23 @@
+import { PopoverExposed, PopoverProps, PopoverSlots } from './types';
+type __VLS_Slots = PopoverSlots;
+declare const __VLS_base: import('vue').DefineComponent<PopoverProps, PopoverExposed, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    afterClose: () => any;
+    clickOutside: (event: MouseEvent) => any;
+    escKeydown: (event: KeyboardEvent) => any;
+    visibleChange: (visible: boolean) => any;
+    "update:visible": (visible: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{
+    onAfterClose?: () => any;
+    onClickOutside?: (event: MouseEvent) => any;
+    onEscKeydown?: (event: KeyboardEvent) => any;
+    onVisibleChange?: (visible: boolean) => any;
+    "onUpdate:visible"?: (visible: boolean) => any;
+}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/popover/PopoverArrow.vue.d.ts

@@ -0,0 +1,10 @@
+import { StyleValue } from 'vue';
+import { PopoverArrowStyle } from './types';
+type __VLS_Props = {
+    arrowStyle?: PopoverArrowStyle | undefined;
+    popStyle?: StyleValue | undefined;
+    position?: string | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/popover/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Popover } from './Popover.vue';
+export { Popover };
+export type { PopoverArrowBounding, PopoverArrowStyle, PopoverEmits, PopoverExposed, PopoverMargin, PopoverPosition, PopoverProps, PopoverSlots, PopoverSpacing, PopoverTrigger, } from './types';
+export default Popover;

package/dist/popover/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../popover-hD77YpUM.js";
+export { e as Popover, t as default };

package/dist/popover/types.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, HTMLAttributes, StyleValue, VNodeChild } from 'vue';
+import { TooltipArrowBounding, TooltipInitialFocusRef, TooltipMargin, TooltipPosition, TooltipProps, TooltipSpacing, TooltipTrigger } from '../tooltip';
+export interface PopoverArrowStyle {
+    backgroundColor?: CSSProperties['backgroundColor'];
+    borderColor?: CSSProperties['borderColor'];
+    borderOpacity?: CSSProperties['opacity'];
+}
+export interface PopoverProps extends Omit<TooltipProps, 'class' | 'content' | 'prefixCls' | 'role' | 'showArrow' | 'style' | 'zIndex'> {
+    arrowStyle?: PopoverArrowStyle;
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    content?: VNodeChild;
+    contentClassName?: HTMLAttributes['class'];
+    prefixCls?: string;
+    showArrow?: boolean;
+    style?: StyleValue;
+    zIndex?: number;
+}
+export interface PopoverEmits {
+    afterClose: [];
+    clickOutside: [event: MouseEvent];
+    escKeydown: [event: KeyboardEvent];
+    visibleChange: [visible: boolean];
+    'update:visible': [visible: boolean];
+}
+export interface PopoverSlots {
+    content?: (props: {
+        initialFocusRef: TooltipInitialFocusRef;
+    }) => VNodeChild;
+    default?: () => VNodeChild;
+}
+export interface PopoverExposed {
+    focusTrigger(): void;
+}
+export type { TooltipArrowBounding as PopoverArrowBounding, TooltipMargin as PopoverMargin, TooltipPosition as PopoverPosition, TooltipSpacing as PopoverSpacing, TooltipTrigger as PopoverTrigger, };