@veltra/desktop 1.3.2 → 1.3.3

package/dist/components/notification/index.js

@@ -1,140 +0,0 @@
-import _sfc_main from "./notification.js";
-import { createVNode, reactive, render } from "vue";
-import { zIndex } from "@veltra/utils";
-//#region src/components/notification/index.ts
-const notificationQueue = reactive({
-	"bottom-right": [],
-	"bottom-left": [],
-	"top-right": [],
-	"top-left": []
-});
-const length = (key) => {
-	return notificationQueue[key].length;
-};
-let count = 1;
-const close = (id, position, userClose) => {
-	const index = notificationQueue[position].findIndex(({ vm }) => {
-		return id === vm.component.props.id;
-	});
-	if (index > -1) {
-		const { vm } = notificationQueue[position][index];
-		userClose?.(vm);
-		let offset = Number(notificationQueue[position][index].vm.component.props.offset);
-		notificationQueue[position].splice(index, 1);
-		let temp = 0;
-		for (let i = length(position); i > 0; i--) if (i < index + 1) {
-			temp = Number(notificationQueue[position][i - 1].vm.component.props.offset);
-			notificationQueue[position][i - 1].vm.component.props.offset = offset;
-			offset = temp;
-		}
-	}
-	if (!notificationQueue[position].length) {
-		const wrapper = document.getElementById(`notification-${position}-id`);
-		wrapper.style.removeProperty("height");
-		wrapper.style.removeProperty("overflow");
-	}
-};
-const createWrapper = (options) => {
-	const position = options.position || "bottom-right";
-	if (document.getElementById(`notification-${position}-id`)) return document.getElementById(`notification-${position}-id`);
-	else {
-		const offset = options.offset || 20;
-		const wrapper = document.createElement("div");
-		wrapper.id = `notification-${position}-id`;
-		Object.assign(wrapper.style, {
-			position: "fixed",
-			textAlign: "center"
-		}, {
-			"top-right": {
-				top: `${offset}px`,
-				right: `${offset}px`
-			},
-			"top-left": {
-				top: `${offset}px`,
-				left: `${offset}px`
-			},
-			"bottom-left": {
-				bottom: `${offset}px`,
-				left: `${offset}px`
-			},
-			"bottom-right": {
-				bottom: `${offset}px`,
-				right: `${offset}px`
-			}
-		}[position]);
-		wrapper.addEventListener("mouseenter", (e) => {
-			if (length(position)) {
-				let innerCount = 0;
-				let innerOffset = 0;
-				let width = 0;
-				let height = 0;
-				for (let i = length(position); i > 0; i--) {
-					notificationQueue[position][i - 1].vm.component.exposed.clearTimer();
-					if (i === length(position)) width = notificationQueue[position][i - 1].vm.el?.offsetWidth + 8;
-					notificationQueue[position][i - 1].vm.component.props.offset = innerOffset;
-					innerOffset += notificationQueue[position][i - 1].vm.el?.offsetHeight / 2 + 5;
-					if (innerCount < 3) height += notificationQueue[position][i - 1].vm.el?.offsetHeight + 10;
-					innerCount++;
-				}
-				Object.assign(e.target.style, {
-					width: `${width}px`,
-					height: `${height}px`,
-					overflow: "hidden",
-					transition: "height 0.4s"
-				});
-			}
-		});
-		wrapper.addEventListener("mouseleave", (e) => {
-			if (length(position)) {
-				let innerOffset = 0;
-				let innerCount = 0;
-				let height = 0;
-				for (let i = length(position); i > 0; i--) {
-					notificationQueue[position][i - 1].vm.component.exposed.startTimer();
-					if (i === length(position)) height = notificationQueue[position][i - 1].vm.el?.offsetHeight + 80;
-					notificationQueue[position][i - 1].vm.component.props.offset = innerOffset;
-					if (innerCount < 2) innerOffset += 10;
-					innerCount++;
-				}
-				e.target.style.transition = "height 0.45s";
-				e.target.style.height = `${height}px`;
-			} else {
-				e.target.style.removeProperty("height");
-				e.target.style.removeProperty("overflow");
-			}
-		});
-		document.body.appendChild(wrapper);
-		return wrapper;
-	}
-};
-const Notification = (options) => {
-	const position = options.position || "bottom-right";
-	const container = document.createElement("div");
-	const id = `notification_${count++}`;
-	if (length(position)) {
-		let innerOffset = 0;
-		let innerCount = 0;
-		for (let i = length(position); i > 0; i--) {
-			if (innerCount < 2) innerOffset += 10;
-			notificationQueue[position][i - 1].vm.component.props.offset = innerOffset;
-			innerCount++;
-		}
-	}
-	const vm = createVNode(_sfc_main, {
-		...options,
-		offset: 0,
-		id,
-		zIndex: zIndex(),
-		onClose: () => {
-			close(id, position, options.onClose);
-		}
-	});
-	vm.props.onDestroy = () => render(null, container);
-	render(vm, container);
-	notificationQueue[position].push({ vm });
-	createWrapper(options)?.appendChild(container.firstElementChild);
-};
-//#endregion
-export { Notification };
-
-//# sourceMappingURL=index.js.map

package/dist/components/notification/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["UNotification"],"sources":["../../../src/components/notification/index.ts"],"sourcesContent":["export { default as UNotification } from './notification.vue'\nimport { zIndex } from '@veltra/utils'\nimport { createVNode, render, type VNode, reactive } from 'vue'\n\nimport type { NotificationProps } from '../../types'\nimport UNotification from './notification.vue'\n\ntype NotificationItem = { vm: VNode }\n\nconst notificationQueue = reactive({\n  'bottom-right': [] as NotificationItem[],\n  'bottom-left': [] as NotificationItem[],\n  'top-right': [] as NotificationItem[],\n  'top-left': [] as NotificationItem[]\n})\n\nconst length = (key: string) => {\n  return notificationQueue[key].length\n}\n\nlet count = 1\n\nconst close = (id: string, position: string, userClose?: (vm: VNode) => void) => {\n  const index = notificationQueue[position].findIndex(({ vm }) => {\n    return id === vm.component!.props.id\n  })\n  if (index > -1) {\n    const { vm } = notificationQueue[position][index]!\n    userClose?.(vm)\n    let offset = Number(notificationQueue[position][index]!.vm.component!.props.offset)\n    notificationQueue[position].splice(index, 1)\n    let temp = 0\n    for (let i = length(position); i > 0; i--) {\n      if (i < index + 1) {\n        temp = Number(notificationQueue[position][i - 1]!.vm.component!.props.offset)\n        notificationQueue[position][i - 1]!.vm.component!.props.offset = offset\n        offset = temp\n      }\n    }\n  }\n  if (!notificationQueue[position].length) {\n    const wrapper = document.getElementById(`notification-${position}-id`)!\n    wrapper.style.removeProperty('height')\n    wrapper.style.removeProperty('overflow')\n  }\n}\n\nconst createWrapper = (options: NotificationProps) => {\n  const position = options.position || 'bottom-right'\n  if (document.getElementById(`notification-${position}-id`)) {\n    return document.getElementById(`notification-${position}-id`)\n  } else {\n    const offset = options.offset || 20\n    const wrapper = document.createElement('div')\n    wrapper.id = `notification-${position}-id`\n    Object.assign(\n      wrapper.style,\n      { position: 'fixed', textAlign: 'center' },\n      {\n        'top-right': { top: `${offset}px`, right: `${offset}px` },\n        'top-left': { top: `${offset}px`, left: `${offset}px` },\n        'bottom-left': { bottom: `${offset}px`, left: `${offset}px` },\n        'bottom-right': { bottom: `${offset}px`, right: `${offset}px` }\n      }[position]\n    )\n    wrapper.addEventListener('mouseenter', (e: MouseEvent) => {\n      if (length(position)) {\n        let innerCount = 0\n        let innerOffset = 0\n        let width = 0\n        let height = 0\n        for (let i = length(position); i > 0; i--) {\n          notificationQueue[position][i - 1]!.vm.component!.exposed!.clearTimer()\n          if (i === length(position)) {\n            width = notificationQueue[position][i - 1]!.vm.el?.offsetWidth + 8\n          }\n          notificationQueue[position][i - 1]!.vm.component!.props.offset = innerOffset\n          innerOffset += notificationQueue[position][i - 1]!.vm.el?.offsetHeight / 2 + 5\n          if (innerCount < 3) height += notificationQueue[position][i - 1]!.vm.el?.offsetHeight + 10\n          innerCount++\n        }\n\n        Object.assign((e.target as HTMLElement).style, {\n          width: `${width}px`,\n          height: `${height}px`,\n          overflow: 'hidden',\n          transition: 'height 0.4s'\n        })\n      }\n    })\n    wrapper.addEventListener('mouseleave', (e: MouseEvent) => {\n      if (length(position)) {\n        let innerOffset = 0\n        let innerCount = 0\n        let height = 0\n        for (let i = length(position); i > 0; i--) {\n          notificationQueue[position][i - 1]!.vm.component!.exposed!.startTimer()\n          if (i === length(position))\n            height = notificationQueue[position][i - 1]!.vm.el?.offsetHeight + 80\n          notificationQueue[position][i - 1]!.vm.component!.props.offset = innerOffset\n          if (innerCount < 2) innerOffset += 10\n          innerCount++\n        }\n        ;(e.target as HTMLElement).style.transition = 'height 0.45s'\n        ;(e.target as HTMLElement).style.height = `${height}px`\n      } else {\n        ;(e.target as HTMLElement).style.removeProperty('height')\n        ;(e.target as HTMLElement).style.removeProperty('overflow')\n      }\n    })\n    document.body.appendChild(wrapper)\n    return wrapper\n  }\n}\n\nexport const Notification = (options: NotificationProps): void => {\n  const position = options.position || 'bottom-right'\n  const container = document.createElement('div')\n  const id = `notification_${count++}`\n\n  if (length(position)) {\n    let innerOffset = 0\n    let innerCount = 0\n    for (let i = length(position); i > 0; i--) {\n      if (innerCount < 2) innerOffset += 10\n      notificationQueue[position][i - 1]!.vm.component!.props.offset = innerOffset\n      innerCount++\n    }\n  }\n\n  const vm = createVNode(UNotification, {\n    ...options,\n    offset: 0,\n    id,\n    zIndex: zIndex(),\n    onClose: () => {\n      close(id, position, options.onClose)\n    }\n  })\n  vm.props!.onDestroy = () => render(null, container)\n  render(vm, container)\n  notificationQueue[position].push({ vm })\n  const wrapper = createWrapper(options)\n  wrapper?.appendChild(container.firstElementChild!)\n}\n"],"mappings":"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"}