@will-ui/vue 1.0.0

package/dist/components/modal/Modal.js

@@ -0,0 +1,297 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { getWindowSize, setStyle } from "../../util/dom.js";
+import { propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import Btn from "../btn/Btn.js";
+import useGlobalZIndex from "../../use/useGlobalZIndex.js";
+import useEscStack from "../../use/useEscStack.js";
+import Mask_default from "../mask/Mask.js";
+import Close_default from "../close/Close.js";
+import Loading_default from "../loading/Loading.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import useScaleFromPoint, { captureScaleFromPoint } from "../../use/useScaleFromPoint.js";
+import { MODAL_FALLBACK } from "./config.js";
+import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, mergeProps, nextTick, reactive, ref, useTemplateRef, watch } from "vue";
+//#region components/modal/Modal.tsx
+var Modal_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	name: "Modal",
+	components: {
+		Mask: Mask_default,
+		Close: Close_default,
+		Btn,
+		Loading: Loading_default
+	},
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		title: [
+			String,
+			Object,
+			Array
+		],
+		width: {
+			type: String,
+			default: void 0
+		},
+		maxWidth: {
+			type: String,
+			default: void 0
+		},
+		height: {
+			type: String,
+			default: void 0
+		},
+		minHeight: {
+			type: String,
+			default: void 0
+		},
+		maxHeight: {
+			type: String,
+			default: void 0
+		},
+		okText: {
+			type: String,
+			default: void 0
+		},
+		cancelText: {
+			type: String,
+			default: void 0
+		},
+		beforeCancel: Function,
+		hasMask: {
+			type: Boolean,
+			default: void 0
+		},
+		hasFooter: {
+			type: Boolean,
+			default: void 0
+		},
+		zIndex: Number,
+		canCloseByClickSelf: {
+			type: Boolean,
+			default: void 0
+		},
+		to: {
+			type: HTMLElement,
+			default: () => document.body
+		},
+		type: {
+			type: String,
+			default: void 0
+		},
+		loading: {
+			type: Object,
+			default: () => ({ show: false })
+		},
+		/** 尺度核 → `--w-prop-modal-size`（标题 / header / Close / Btn / Loading） */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:show": (_b) => true,
+		"before-enter": (_el) => true,
+		enter: (_el) => true,
+		"after-enter": (_el) => true,
+		"after-leave": () => true,
+		"after-ok": (_opts) => true,
+		"after-cancel": () => true
+	},
+	setup(props, ctx) {
+		const cfg = useComponentConfig("Modal", props, MODAL_FALLBACK);
+		const modal = useTemplateRef("modal");
+		const emptyModal = useTemplateRef("emodal");
+		const showMask = ref(false);
+		const showContainer = ref(false);
+		const showEmptyModal = ref(false);
+		const showModal = ref(false);
+		const { zIndex, add, get } = useGlobalZIndex();
+		const { transformOrigin, measureOrigin, morphCss, fromTrigger, pinTriggerForLeave, unpinTrigger } = useScaleFromPoint("modal");
+		const pos = reactive({
+			x: void 0,
+			y: void 0
+		});
+		const { t } = useUII18n();
+		const hasHeader = computed(() => !!(props.title || ctx.slots.title?.()));
+		const resolvedOkText = computed(() => cfg.value.okText || t("modal.ok"));
+		const resolvedCancelText = computed(() => cfg.value.cancelText || t("modal.cancel"));
+		const modalOptions = computed(() => mergeProps(ctx.attrs, {
+			class: [
+				"w-modal",
+				`w-modal--${cfg.value.type}`,
+				fromTrigger.value && "w-scale-from-trigger"
+			],
+			style: {
+				...toCssVarsStyle({
+					...propSizeToCssVars("modal", cfg.value.size),
+					...props.cssVars
+				}),
+				"--w-modal-width": cfg.value.width,
+				"--w-modal-max-width": cfg.value.maxWidth,
+				"--w-modal-height": cfg.value.height,
+				"--w-modal-min-height": cfg.value.minHeight,
+				"--w-modal-max-height": cfg.value.maxHeight,
+				transformOrigin: `${transformOrigin.x}px ${transformOrigin.y}px`,
+				...morphCss.value,
+				left: pos.x === void 0 ? "" : `${pos.x}px`,
+				top: pos.y === void 0 ? "" : `${pos.y}px`,
+				position: pos.x === void 0 ? "" : "absolute"
+			},
+			onClick: (e) => {
+				e.stopPropagation();
+			}
+		}));
+		watch(() => props.show, (v) => {
+			if (v) showContainer.value = v;
+			else {
+				showModal.value = v;
+				showMask.value = v;
+			}
+		}, { immediate: true });
+		watch(showContainer, (v) => {
+			if (v) {
+				captureScaleFromPoint(null, { force: true });
+				add();
+			}
+			setTimeout(async () => {
+				if (!v) return;
+				showMask.value = v;
+				showEmptyModal.value = v;
+				await nextTick();
+				measureOrigin(emptyModal.value);
+				showEmptyModal.value = false;
+				await nextTick();
+				showModal.value = v;
+			});
+		}, { immediate: true });
+		async function hideFromInner() {
+			if (props.beforeCancel) await props.beforeCancel();
+			showModal.value = false;
+			showMask.value = false;
+		}
+		useEscStack(showContainer, () => {
+			hideFromInner();
+		}, () => props.zIndex || get());
+		function renderLoading() {
+			return createVNode(Loading_default, {
+				...props.loading,
+				show: props.loading?.show,
+				transitionName: "w-fade-white",
+				class: "w-modal-loading",
+				style: { "z-index": zIndex.value }
+			}, null);
+		}
+		function onStartDrag(ev) {
+			let offsetLeft = 0;
+			let offsetTop = 0;
+			if (modal.value) {
+				offsetLeft = modal.value.offsetLeft;
+				offsetTop = modal.value.offsetTop;
+				setStyle(modal.value, { position: "absolute" });
+				setStyle(modal.value, {
+					left: offsetLeft + "px",
+					top: offsetTop + "px",
+					margin: 0
+				});
+			}
+			ev.preventDefault();
+			ev.stopImmediatePropagation();
+			const disX = ev.clientX - offsetLeft;
+			const disY = ev.clientY - offsetTop;
+			const { inner } = getWindowSize();
+			document.onmousemove = function(e) {
+				e.preventDefault();
+				e.stopImmediatePropagation();
+				let x = e.clientX;
+				let y = e.clientY;
+				if (x < 0) x = 0;
+				else if (x > inner.width) x = inner.width;
+				if (y < 0) y = 0;
+				else if (y > inner.height) y = inner.height;
+				pos.x = x - disX;
+				pos.y = y - disY;
+				document.onmouseup = function() {
+					document.onmousemove = null;
+				};
+			};
+		}
+		return () => createVNode(Fragment, null, [
+			ctx.slots.trigger?.({
+				show: () => {
+					showContainer.value = true;
+					showMask.value = true;
+				},
+				hide: hideFromInner
+			}),
+			createVNode(Mask_default, {
+				"show": !!cfg.value.hasMask && showMask.value,
+				"zIndex": (props.zIndex || zIndex.value) - 1,
+				"to": props.to,
+				"class": "w-mask--modal",
+				"onUpdate:show": (v) => {
+					ctx.emit("update:show", v);
+				}
+			}, null),
+			showContainer.value && createVNode(Teleport, { "to": props.to }, { default: () => [createVNode("div", {
+				"class": "w-modal-container",
+				"style": { zIndex: props.zIndex || zIndex.value },
+				"onClick": () => {
+					if (cfg.value.canCloseByClickSelf) hideFromInner();
+				}
+			}, [showEmptyModal.value ? createVNode("div", mergeProps(modalOptions.value, { "ref": "emodal" }), null) : null, createVNode(Transition, {
+				"name": "w-scale",
+				"onBeforeEnter": (el) => {
+					ctx.emit("before-enter", el);
+				},
+				"onEnter": (el) => {
+					ctx.emit("enter", el);
+				},
+				"onAfterEnter": (el) => {
+					ctx.emit("after-enter", el);
+				},
+				"onBeforeLeave": (el) => {
+					pinTriggerForLeave(props.zIndex || zIndex.value, el);
+				},
+				"onAfterLeave": () => {
+					showContainer.value = false;
+					ctx.emit("after-leave");
+					ctx.emit("update:show", false);
+					nextTick(() => unpinTrigger());
+				}
+			}, { default: () => [showModal.value && createVNode("div", mergeProps(modalOptions.value, { "ref": "modal" }), [
+				createVNode(Close_default, {
+					"class": "w-modal-close",
+					"onClick": hideFromInner
+				}, null),
+				hasHeader.value ? createVNode("div", { "class": "w-modal-header" }, [ctx.slots.title?.() || createVNode("span", { "class": "w-modal-title" }, [props.title]), createVNode("span", {
+					"class": "w-modal-dragger",
+					"onMousedown": onStartDrag
+				}, null)]) : null,
+				createVNode("div", { "class": "w-modal-body" }, [ctx.slots.default?.({ hide: hideFromInner })]),
+				cfg.value.hasFooter ? ctx.slots.footer?.({ hide: hideFromInner }) || createVNode("div", { "class": "w-modal-footer" }, [createVNode("div", null, [ctx.slots["footer-prepend"]?.({ hide: hideFromInner })]), createVNode("div", null, [createVNode(Btn, { "onClick": () => {
+					hideFromInner();
+					ctx.emit("after-cancel");
+				} }, { default: () => [resolvedCancelText.value] }), createVNode(Btn, {
+					"disabled": props.loading?.show,
+					"type": "primary",
+					"onClick": () => {
+						ctx.emit("after-ok", { hide: hideFromInner });
+					}
+				}, { default: () => [resolvedOkText.value] })])]) : null,
+				renderLoading()
+			])] })])] })
+		]);
+	}
+});
+//#endregion
+export { Modal_default as default };
+
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["Teleport","Transition","ref","computed","reactive","watch","defineComponent","nextTick","useTemplateRef","mergeProps","createVNode","_createVNode","Fragment","_Fragment","_mergeProps","Mask","Close","Btn","Loading","useGlobalZIndex","useComponentConfig","useScaleFromPoint","captureScaleFromPoint","useEscStack","getWindowSize","setStyle","propSizeToCssVars","toCssVarsStyle","useUII18n","MODAL_FALLBACK","inheritAttrs","name","components","props","show","type","Boolean","default","title","String","Object","Array","width","undefined","maxWidth","height","minHeight","maxHeight","okText","cancelText","beforeCancel","Function","hasMask","hasFooter","zIndex","Number","canCloseByClickSelf","to","HTMLElement","document","body","loading","size","cssVars","emits","_b","_el","enter","after-leave","_opts","after-cancel","setup","ctx","cfg","modal","emptyModal","showMask","showContainer","showEmptyModal","showModal","add","get","transformOrigin","measureOrigin","morphCss","fromTrigger","pinTriggerForLeave","unpinTrigger","pos","x","y","t","hasHeader","slots","resolvedOkText","value","resolvedCancelText","modalOptions","attrs","class","style","left","top","position","onClick","e","stopPropagation","v","immediate","force","setTimeout","hideFromInner","renderLoading","transitionName","onStartDrag","ev","offsetLeft","offsetTop","margin","preventDefault","stopImmediatePropagation","disX","clientX","disY","clientY","inner","onmousemove","onmouseup","trigger","hide","emit","el","onAfterLeave","footer"],"sources":["../../../components/modal/Modal.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport {\r\n  Teleport,\r\n  Transition,\r\n  Fragment,\r\n  ref,\r\n  computed,\r\n  reactive,\r\n  watch,\r\n  defineComponent,\r\n  nextTick,\r\n  useTemplateRef,\r\n  mergeProps,\r\n} from 'vue'\r\nimport Mask from '../mask/index'\r\nimport Close from '../close/index'\r\nimport Btn from '../btn/index'\r\nimport Loading from '../loading/index'\r\nimport type { LoadingComponentProps } from '../loading/type'\r\nimport useGlobalZIndex from '../../use/useGlobalZIndex'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useScaleFromPoint, {\r\n  captureScaleFromPoint,\r\n} from '../../use/useScaleFromPoint'\r\nimport useEscStack from '../../use/useEscStack'\r\nimport { getWindowSize, setStyle, propSizeToCssVars, toCssVarsStyle, type CssVars } from '../../util'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport { MODAL_FALLBACK } from './config'\r\n\r\nexport type { ModalGlobalConfig } from './config'\r\nexport { MODAL_FALLBACK } from './config'\r\n\r\ninterface IMethods {\r\n  hide: () => void\r\n}\r\n\r\nexport default defineComponent({\r\n  inheritAttrs: false,\r\n  name: 'Modal',\r\n  components: { Mask, Close, Btn, Loading },\r\n  props: {\r\n    show: { type: Boolean, default: false },\r\n    title: [String, Object, Array],\r\n    width: { type: String, default: undefined },\r\n    maxWidth: { type: String, default: undefined },\r\n    height: { type: String, default: undefined },\r\n    minHeight: { type: String, default: undefined },\r\n    maxHeight: { type: String, default: undefined },\r\n    okText: { type: String, default: undefined },\r\n    cancelText: { type: String, default: undefined },\r\n    beforeCancel: Function,\r\n    hasMask: { type: Boolean, default: undefined },\r\n    hasFooter: { type: Boolean, default: undefined },\r\n    zIndex: Number,\r\n    canCloseByClickSelf: { type: Boolean, default: undefined },\r\n    to: {\r\n      type: HTMLElement,\r\n      default: () => document.body,\r\n    },\r\n    type: {\r\n      type: String as PropType<'white' | 'black'>,\r\n      default: undefined,\r\n    },\r\n    loading: {\r\n      type: Object as PropType<LoadingComponentProps>,\r\n      default: () => ({ show: false }),\r\n    },\r\n    /** 尺度核 → `--w-prop-modal-size`（标题 / header / Close / Btn / Loading） */\r\n    size: { type: Number, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    'update:show': (_b: boolean) => true,\r\n    'before-enter': (_el: HTMLElement) => true,\r\n    enter: (_el: HTMLElement) => true,\r\n    'after-enter': (_el: HTMLElement) => true,\r\n    'after-leave': () => true,\r\n    'after-ok': (_opts: IMethods) => true,\r\n    'after-cancel': () => true,\r\n  },\r\n  setup(props, ctx) {\r\n    const cfg = useComponentConfig('Modal', props, MODAL_FALLBACK)\r\n    const modal = useTemplateRef<HTMLElement>('modal')\r\n    const emptyModal = useTemplateRef<HTMLElement>('emodal')\r\n    const showMask = ref(false)\r\n    const showContainer = ref(false)\r\n    const showEmptyModal = ref(false)\r\n    const showModal = ref(false)\r\n    const { zIndex, add, get } = useGlobalZIndex()\r\n    const {\r\n      transformOrigin,\r\n      measureOrigin,\r\n      morphCss,\r\n      fromTrigger,\r\n      pinTriggerForLeave,\r\n      unpinTrigger,\r\n    } = useScaleFromPoint('modal')\r\n    const pos = reactive<{ x?: number; y?: number }>({\r\n      x: undefined,\r\n      y: undefined,\r\n    })\r\n    const { t } = useUII18n()\r\n\r\n    const hasHeader = computed(() => !!(props.title || ctx.slots.title?.()))\r\n\r\n    const resolvedOkText = computed(() => cfg.value.okText || t('modal.ok'))\r\n    const resolvedCancelText = computed(\r\n      () => cfg.value.cancelText || t('modal.cancel'),\r\n    )\r\n\r\n    const modalOptions = computed(() =>\r\n      mergeProps(ctx.attrs, {\r\n        class: [\r\n          'w-modal',\r\n          `w-modal--${cfg.value.type}`,\r\n          fromTrigger.value && 'w-scale-from-trigger',\r\n        ],\r\n        style: {\r\n          ...toCssVarsStyle({\r\n            ...propSizeToCssVars('modal', cfg.value.size),\r\n            ...props.cssVars,\r\n          }),\r\n          '--w-modal-width': cfg.value.width,\r\n          '--w-modal-max-width': cfg.value.maxWidth,\r\n          '--w-modal-height': cfg.value.height,\r\n          '--w-modal-min-height': cfg.value.minHeight,\r\n          '--w-modal-max-height': cfg.value.maxHeight,\r\n          transformOrigin: `${transformOrigin.x}px ${transformOrigin.y}px`,\r\n          ...morphCss.value,\r\n          left: pos.x === undefined ? '' : `${pos.x}px`,\r\n          top: pos.y === undefined ? '' : `${pos.y}px`,\r\n          position: pos.x === undefined ? '' : 'absolute',\r\n        },\r\n        onClick: (e: MouseEvent) => {\r\n          e.stopPropagation()\r\n        },\r\n      }),\r\n    )\r\n\r\n    watch(\r\n      () => props.show,\r\n      (v) => {\r\n        if (v) {\r\n          showContainer.value = v\r\n        } else {\r\n          showModal.value = v\r\n          showMask.value = v\r\n        }\r\n      },\r\n      { immediate: true },\r\n    )\r\n\r\n    watch(\r\n      showContainer,\r\n      (v) => {\r\n        if (v) {\r\n          captureScaleFromPoint(null, { force: true })\r\n          add()\r\n        }\r\n        setTimeout(async () => {\r\n          if (!v) return\r\n          showMask.value = v\r\n          showEmptyModal.value = v\r\n          await nextTick()\r\n          measureOrigin(emptyModal.value)\r\n          showEmptyModal.value = false\r\n          await nextTick()\r\n          showModal.value = v\r\n        })\r\n      },\r\n      { immediate: true },\r\n    )\r\n\r\n    async function hideFromInner() {\r\n      if (props.beforeCancel) {\r\n        await props.beforeCancel()\r\n      }\r\n      showModal.value = false\r\n      showMask.value = false\r\n    }\r\n\r\n    useEscStack(\r\n      showContainer,\r\n      () => {\r\n        void hideFromInner()\r\n      },\r\n      () => props.zIndex || get(),\r\n    )\r\n\r\n    function renderLoading() {\r\n      return (\r\n        <Loading\r\n          {...{\r\n            ...props.loading,\r\n            show: props.loading?.show,\r\n            transitionName: 'w-fade-white',\r\n            class: 'w-modal-loading',\r\n            style: { 'z-index': zIndex.value },\r\n          }}\r\n        />\r\n      )\r\n    }\r\n\r\n    function onStartDrag(ev: MouseEvent): void {\r\n      let offsetLeft = 0\r\n      let offsetTop = 0\r\n      if (modal.value) {\r\n        offsetLeft = modal.value.offsetLeft\r\n        offsetTop = modal.value.offsetTop\r\n        setStyle(modal.value, { position: 'absolute' })\r\n        setStyle(modal.value, {\r\n          left: offsetLeft + 'px',\r\n          top: offsetTop + 'px',\r\n          margin: 0,\r\n        })\r\n      }\r\n      ev.preventDefault()\r\n      ev.stopImmediatePropagation()\r\n      const disX = ev.clientX - offsetLeft\r\n      const disY = ev.clientY - offsetTop\r\n      const { inner } = getWindowSize()\r\n      document.onmousemove = function (e: MouseEvent) {\r\n        e.preventDefault()\r\n        e.stopImmediatePropagation()\r\n        let x = e.clientX\r\n        let y = e.clientY\r\n        if (x < 0) x = 0\r\n        else if (x > inner.width) x = inner.width\r\n        if (y < 0) y = 0\r\n        else if (y > inner.height) y = inner.height\r\n        pos.x = x - disX\r\n        pos.y = y - disY\r\n        document.onmouseup = function () {\r\n          document.onmousemove = null\r\n        }\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <>\r\n        {ctx.slots.trigger?.({\r\n          show: () => {\r\n            showContainer.value = true\r\n            showMask.value = true\r\n          },\r\n          hide: hideFromInner,\r\n        })}\r\n        <Mask\r\n          show={!!cfg.value.hasMask && showMask.value}\r\n          zIndex={(props.zIndex || zIndex.value) - 1}\r\n          to={props.to}\r\n          class=\"w-mask--modal\"\r\n          onUpdate:show={(v: boolean) => {\r\n            ctx.emit('update:show', v)\r\n          }}\r\n        />\r\n        {showContainer.value && (\r\n          <Teleport to={props.to}>\r\n            <div\r\n              class=\"w-modal-container\"\r\n              style={{ zIndex: props.zIndex || zIndex.value }}\r\n              onClick={() => {\r\n                if (cfg.value.canCloseByClickSelf) hideFromInner()\r\n              }}>\r\n              {showEmptyModal.value ? (\r\n                <div {...modalOptions.value} ref=\"emodal\"></div>\r\n              ) : null}\r\n              <Transition\r\n                name=\"w-scale\"\r\n                onBeforeEnter={(el) => {\r\n                  ctx.emit('before-enter', el as HTMLElement)\r\n                }}\r\n                onEnter={(el) => {\r\n                  ctx.emit('enter', el as HTMLElement)\r\n                }}\r\n                onAfterEnter={(el) => {\r\n                  ctx.emit('after-enter', el as HTMLElement)\r\n                }}\r\n                onBeforeLeave={(el) => {\r\n                  pinTriggerForLeave(\r\n                    props.zIndex || zIndex.value,\r\n                    el as HTMLElement,\r\n                  )\r\n                }}\r\n                onAfterLeave={() => {\r\n                  showContainer.value = false\r\n                  ctx.emit('after-leave')\r\n                  ctx.emit('update:show', false)\r\n                  nextTick(() => unpinTrigger())\r\n                }}>\r\n                {showModal.value && (\r\n                  <div {...modalOptions.value} ref=\"modal\">\r\n                    <Close class=\"w-modal-close\" onClick={hideFromInner} />\r\n                    {hasHeader.value ? (\r\n                      <div class=\"w-modal-header\">\r\n                        {ctx.slots.title?.() || (\r\n                          <span class=\"w-modal-title\">{props.title}</span>\r\n                        )}\r\n                        <span\r\n                          class=\"w-modal-dragger\"\r\n                          onMousedown={onStartDrag}></span>\r\n                      </div>\r\n                    ) : null}\r\n                    <div class=\"w-modal-body\">\r\n                      {ctx.slots.default?.({ hide: hideFromInner })}\r\n                    </div>\r\n                    {cfg.value.hasFooter\r\n                      ? ctx.slots.footer?.({ hide: hideFromInner }) || (\r\n                          <div class=\"w-modal-footer\">\r\n                            <div>\r\n                              {ctx.slots['footer-prepend']?.({\r\n                                hide: hideFromInner,\r\n                              })}\r\n                            </div>\r\n                            <div>\r\n                              <Btn\r\n                                onClick={() => {\r\n                                  hideFromInner()\r\n                                  ctx.emit('after-cancel')\r\n                                }}>\r\n                                {resolvedCancelText.value}\r\n                              </Btn>\r\n                              <Btn\r\n                                disabled={props.loading?.show}\r\n                                type=\"primary\"\r\n                                onClick={() => {\r\n                                  ctx.emit('after-ok', {\r\n                                    hide: hideFromInner,\r\n                                  })\r\n                                }}>\r\n                                {resolvedOkText.value}\r\n                              </Btn>\r\n                            </div>\r\n                          </div>\r\n                        )\r\n                      : null}\r\n                    {renderLoading()}\r\n                  </div>\r\n                )}\r\n              </Transition>\r\n            </div>\r\n          </Teleport>\r\n        )}\r\n      </>\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/modal/config.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 可通过 `app.use(UI, { components: { Modal: {...} } })` 配置。
+ * 不宜全局配置：show / title / loading / to / zIndex（实例态）。
+ */
+export type ModalGlobalConfig = Partial<{
+    width: string;
+    maxWidth: string;
+    height: string;
+    minHeight: string;
+    maxHeight: string;
+    okText: string;
+    cancelText: string;
+    hasMask: boolean;
+    hasFooter: boolean;
+    canCloseByClickSelf: boolean;
+    type: 'white' | 'black';
+    /** 尺度核 → `--w-prop-modal-size`（标题 / header / Close / Btn / Loading） */
+    size: number;
+}>;
+export declare const MODAL_FALLBACK: {
+    width: string;
+    maxWidth: string;
+    height: string;
+    minHeight: string;
+    maxHeight: string;
+    okText: string | undefined;
+    cancelText: string | undefined;
+    hasMask: boolean;
+    hasFooter: boolean;
+    canCloseByClickSelf: boolean;
+    type: "white" | "black";
+    size: number | undefined;
+};

package/dist/components/modal/config.js

@@ -0,0 +1,19 @@
+//#region components/modal/config.ts
+var MODAL_FALLBACK = {
+	width: "600px",
+	maxWidth: "100vw",
+	height: "50vh",
+	minHeight: "200px",
+	maxHeight: "100vh",
+	okText: void 0,
+	cancelText: void 0,
+	hasMask: true,
+	hasFooter: true,
+	canCloseByClickSelf: false,
+	type: "black",
+	size: void 0
+};
+//#endregion
+export { MODAL_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/modal/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/modal/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Modal: {...} } })` 配置。\r\n * 不宜全局配置：show / title / loading / to / zIndex（实例态）。\r\n */\r\nexport type ModalGlobalConfig = Partial<{\r\n  width: string\r\n  maxWidth: string\r\n  height: string\r\n  minHeight: string\r\n  maxHeight: string\r\n  okText: string\r\n  cancelText: string\r\n  hasMask: boolean\r\n  hasFooter: boolean\r\n  canCloseByClickSelf: boolean\r\n  type: 'white' | 'black'\r\n  /** 尺度核 → `--w-prop-modal-size`（标题 / header / Close / Btn / Loading） */\r\n  size: number\r\n}>\r\n\r\nexport const MODAL_FALLBACK = {\r\n  width: '600px',\r\n  maxWidth: '100vw',\r\n  height: '50vh',\r\n  minHeight: '200px',\r\n  maxHeight: '100vh',\r\n  okText: undefined as string | undefined,\r\n  cancelText: undefined as string | undefined,\r\n  hasMask: true,\r\n  hasFooter: true,\r\n  canCloseByClickSelf: false,\r\n  type: 'black' as 'white' | 'black',\r\n  size: undefined as number | undefined,\r\n}\r\n"],"mappings":";AAoBA,IAAa,iBAAiB;CAC5B,OAAO;CACP,UAAU;CACV,QAAQ;CACR,WAAW;CACX,WAAW;CACX,QAAQ,KAAA;CACR,YAAY,KAAA;CACZ,SAAS;CACT,WAAW;CACX,qBAAqB;CACrB,MAAM;CACN,MAAM,KAAA;AACR"}

package/dist/components/modal/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Modal';
+export type { ModalGlobalConfig } from './config';
+export { MODAL_FALLBACK } from './config';

package/dist/components/modal/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/modal.css';

package/dist/components/notice/Notice.d.ts

@@ -0,0 +1,137 @@
+import { PropType, CSSProperties, VNodeChild } from 'vue';
+import { CssVars } from '../../util';
+import { NoticePlacementType, NoticeType } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<NoticePlacementType>;
+        default: string;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    manual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<NoticeType>;
+        default: string;
+    };
+    title: {
+        type: PropType<VNodeChild>;
+    };
+    icon: {
+        type: PropType<string | boolean | VNodeChild | (() => VNodeChild)>;
+        default: any;
+    };
+    itemClass: {
+        type: PropType<any>;
+    };
+    itemStyle: {
+        type: PropType<CSSProperties | Record<string, string>>;
+    };
+    hoverKeep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例尺度（px）→ `--w-prop-notice-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:show" | "close" | "after-enter" | "after-leave" | "get-uid" | "closing")[], "update:show" | "close" | "after-enter" | "after-leave" | "get-uid" | "closing", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<NoticePlacementType>;
+        default: string;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    manual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<NoticeType>;
+        default: string;
+    };
+    title: {
+        type: PropType<VNodeChild>;
+    };
+    icon: {
+        type: PropType<string | boolean | VNodeChild | (() => VNodeChild)>;
+        default: any;
+    };
+    itemClass: {
+        type: PropType<any>;
+    };
+    itemStyle: {
+        type: PropType<CSSProperties | Record<string, string>>;
+    };
+    hoverKeep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例尺度（px）→ `--w-prop-notice-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{
+    "onUpdate:show"?: (...args: any[]) => any;
+    "onAfter-enter"?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+    "onAfter-leave"?: (...args: any[]) => any;
+    "onGet-uid"?: (...args: any[]) => any;
+    onClosing?: (...args: any[]) => any;
+}>, {
+    type: NoticeType;
+    size: number;
+    placement: NoticePlacementType;
+    color: string;
+    show: boolean;
+    cssVars: CssVars;
+    manual: boolean;
+    icon: VNodeChild | (() => VNodeChild);
+    duration: number;
+    showClose: boolean;
+    hoverKeep: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+export type { NoticePlacementType, NoticeOptions, NoticeType, } from './types';