various-ui/es/methods/message/index.mjs.map

This is a test version of the Vue 3 component library

{"version":3,"file":"index.mjs","sources":["../../../../packages/methods/message/index.ts"],"sourcesContent":["import Message from \"./src/message.vue\";\r\nimport { UiMessageOption } from \"./src/message\";\r\nimport { createApp } from \"vue\";\r\nimport { node } from \"@various/utils\";\r\n\r\nconst UiMessage = (option: UiMessageOption, callBack?: Function) => {\r\n    //* 1. 创建Vue实例和包裹容器\r\n    const app = createApp(Message, option);\r\n    const container = document.createElement(\"div\");\r\n    //* 2. 将Vue实例挂载到容器中\r\n    app.mount(container);\r\n    //* 3. 为容器添加css样式\r\n    container.style.left = \"50%\";\r\n    container.style.position = \"fixed\";\r\n    container.style.transform = `translateX(-50%)`;\r\n    container.style.transition = \"all 0.4s\";\r\n    //* 4. 将容器添加到#ui-messages中\r\n    node.append(\"ui-messages\", container);\r\n    //* 5. 重置message位置\r\n    reset(option.offset || 20);\r\n    //* 6. 设置定时器移除message\r\n    setTimeout(() => {\r\n        container.style.opacity = \"0\";\r\n        container.style.transform = `translate(-50%, -${option.offset || 20}px)`;\r\n        setTimeout(() => {\r\n            app.unmount();\r\n            node.remove(\"ui-messages\", container);\r\n            reset(option.offset || 20);\r\n            callBack && callBack();\r\n        }, 400);\r\n    }, option.delay || 3000);\r\n};\r\n\r\n//* 重置Message的位置\r\nconst reset = (offset: number) => {\r\n    const container = node.use(\"ui-messages\");\r\n    if (container && container.children?.length) {\r\n        let size = 0;\r\n        for (let i = 0; i < container.children.length; i++) {\r\n            const node = container.children[i] as HTMLElement;\r\n            const rect = node.getBoundingClientRect();\r\n\r\n            node.style.top = `${i * offset + size}px`;\r\n            size += rect.height;\r\n        }\r\n    }\r\n};\r\n\r\nUiMessage.success = (message: string, callBack?: Function) => {\r\n    return UiMessage({ icon: \"success\", type: \"success\", message: message }, callBack);\r\n};\r\n\r\nUiMessage.warning = (message: string, callBack?: Function) => {\r\n    return UiMessage({ icon: \"warning\", type: \"warning\", message: message }, callBack);\r\n};\r\n\r\nUiMessage.error = (message: string, callBack?: Function) => {\r\n    return UiMessage({ icon: \"error\", type: \"error\", message: message }, callBack);\r\n};\r\n\r\nUiMessage.info = (message: string, callBack?: Function) => {\r\n    return UiMessage({ type: \"info\", message: message }, callBack);\r\n};\r\n\r\nexport * from \"./src/message\";\r\nexport const $message = UiMessage;\r\nexport default $message;\r\n"],"names":["node.append","node.remove","node.use","node"],"mappings":"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"}