hortimagic 1.1.0 → 1.1.2

package/src/easy-tools.ts

@@ -0,0 +1,141 @@
+/**
+ * 基于组件等组成的工具
+ */
+
+import { notificationHolder } from "./holders/notification";
+import { dialogApp } from "./apps/dialog-app";
+
+/**
+ * 消失通知函数
+ * @example
+ * ```javascript
+ * // 显示成功通知
+ * hortimagic.easy_tools.notice.success('操作成功', '您的操作已成功完成');
+ * 
+ * // 显示警告通知
+ * hortimagic.easy_tools.notice.warning('警告', '请注意检查输入信息', 5000);
+ * 
+ * // 显示错误通知
+ * hortimagic.easy_tools.notice.error('错误', '操作失败，请重试');
+ * 
+ * // 显示普通通知
+ * hortimagic.easy_tools.notice.normal('提示', '这是一条普通提示信息');
+ * ```
+ */
+export const notice = {
+    /**
+     * 显示成功通知
+     * 创建并显示一个成功状态的通知组件
+     * @param title - 通知的标题文本
+     * @param content - 通知的内容文本
+     * @param displayTime - 通知显示的时间（毫秒），默认为3000毫秒
+     * @returns 无返回值
+     */
+    success(title: string, content: string, displayTime: number = 3000) {
+        let notice = document.createElement('hm-notification');
+        notice.title = title;
+        notice.content = content;
+        notice.displayTime = displayTime;
+        notice.backgroundColor = 'rgba(57, 231, 34, 0.7)';
+        notice.color = 'rgb(255,255,255)';
+        notificationHolder.append(notice);
+    },
+    /**
+     * 显示警告通知
+     * 创建并显示一个警告状态的通知组件
+     * @param title - 通知的标题文本
+     * @param content - 通知的内容文本
+     * @param displayTime - 通知显示的时间（毫秒），默认为3000毫秒
+     * @returns 无返回值
+     */
+    warning(title: string, content: string, displayTime: number = 3000) {
+        let notice = document.createElement('hm-notification');
+        notice.title = title;
+        notice.content = content;
+        notice.displayTime = displayTime;
+        notice.backgroundColor = 'rgba(255,193,7,0.7)';
+        notice.color = 'rgb(255,255,255)';
+        notificationHolder.append(notice);
+    },
+    /**
+     * 显示错误通知
+     * 创建并显示一个错误状态的通知组件
+     * @param title - 通知的标题文本
+     * @param content - 通知的内容文本
+     * @param displayTime - 通知显示的时间（毫秒），默认为3000毫秒
+     * @returns 无返回值
+     */
+    error(title: string, content: string, displayTime: number = 3000) {
+        let notice = document.createElement('hm-notification');
+        notice.title = title;
+        notice.content = content;
+        notice.displayTime = displayTime;
+        notice.backgroundColor = 'rgba(255,0,0,0.7)';
+        notice.color = 'rgb(255,255,255)';
+        notificationHolder.append(notice);
+    },
+    /**
+     * 显示普通通知
+     * 创建并显示一个普通状态的通知组件
+     * @param title - 通知的标题文本
+     * @param content - 通知的内容文本
+     * @param displayTime - 通知显示的时间（毫秒），默认为3000毫秒
+     * @returns 无返回值
+     */
+    normal(title: string, content: string, displayTime: number = 3000) {
+        let notice = document.createElement('hm-notification');
+        notice.title = title;
+        notice.content = content;
+        notice.displayTime = displayTime;
+        notice.backgroundColor = 'rgba(33,33,33,0.7)';
+        notice.color = 'rgb(255,255,255)';
+        notificationHolder.append(notice);
+    }
+}
+/**
+ * 确认弹窗函数
+ * @param message 消息提示
+ * @param confirmCallback 选择确认时的回调函数
+ * @param cancelCallback 选择取消时的回调函数
+ * @param closeCallback 关闭弹窗时的回调函数
+ * @example ```javascript
+ * hortimagic.easy_tools.confirm('hhhhhhhhhhhhhh',()=>{console.log('qqqqqqqqqqq')},()=>{console.log('cccccccccccc')})
+ * ``` 
+ */
+export function confirm(message: string, confirmCallback?: Function, cancelCallback?: Function, closeCallback?: Function) {
+    dialogApp.message = message;
+    if (confirmCallback)
+        dialogApp.confirmCallback = confirmCallback;
+    else
+        dialogApp.confirmCallback = null;
+    if (cancelCallback)
+        dialogApp.cancelCallback = cancelCallback;
+    else
+        dialogApp.cancelCallback = null;
+    if (closeCallback)
+        dialogApp.closeCallback = closeCallback;
+    else
+        dialogApp.closeCallback = null;
+    dialogApp.dialogOpen = true;
+    console.debug('弹窗已打开', dialogApp)
+}
+
+/**
+ * 简单快速工具集
+ * @example
+ * ```javascript
+ * // 显示不同类型的通知
+ * hortimagic.easy_tools.notice.success('操作成功', '您的操作已成功完成');
+ * hortimagic.easy_tools.notice.warning('警告', '请注意检查输入信息', 5000);
+ * hortimagic.easy_tools.notice.error('错误', '操作失败，请重试');
+ * hortimagic.easy_tools.notice.normal('提示', '这是一条普通提示信息');
+ * 
+ * // 显示确认对话框
+ * hortimagic.easy_tools.confirm(
+ *   '您确定要执行此操作吗？', 
+ *   () => { console.log('用户点击了确认'); }, 
+ *   () => { console.log('用户点击了取消'); },
+ *   () => { console.log('对话框已关闭'); }
+ * );
+ * ```
+ */

package/src/holders/dialog.ts

@@ -0,0 +1,9 @@
+/** 弹窗容器 */
+export let dialogHolder: HTMLDivElement = document.createElement('div');
+
+/** 初始化弹窗容器 */
+export function initDialogHolder() {
+    dialogHolder.id = 'hmDialogHolder';
+    dialogHolder.style.zIndex = '999999';
+    document.body.append(dialogHolder);
+}

package/src/holders/index.ts

@@ -0,0 +1,4 @@
+export * as move_panel from './move-panel';
+export * as menu from './menu';
+export * as notification from './notification';
+export * as dialog from './dialog';

package/src/holders/menu.ts

@@ -0,0 +1,20 @@
+/** 菜单容器 */
+export let menuHolder: HTMLDivElement = document.createElement('div');
+
+/** 初始化菜单容器 */
+export function initMenuHolder() {
+    menuHolder.id = 'hmMenuHolder';
+    let img = document.querySelector('#functionHolderImg');
+    console.debug(img)
+    console.debug(menuHolder);
+    if (img !== null) {
+        //@ts-ignore
+        img.parentElement.insertAdjacentElement('afterend', menuHolder);
+    }
+    // // 将menuHolder插入到img元素的父元素之后
+    // if (img && img.parentElement) {
+    //     img.parentElement.insertAdjacentElement('afterend', menuHolder);
+    // } else {
+    //     document.body.append(menuHolder);
+    // }
+}

package/src/holders/move-panel.ts

@@ -0,0 +1,9 @@
+/** 移动面板容器 */
+export let movePanelHolder: HTMLDivElement = document.createElement('div');
+
+/** 初始化移动面板容器 */
+export function initMovePanelHolder() {
+    movePanelHolder.id = 'hmMovePanelHolder';
+    movePanelHolder.style.zIndex = '999999';
+    document.body.append(movePanelHolder);
+}

package/src/holders/notification.ts

@@ -0,0 +1,9 @@
+/** 渲染的容器元素 */
+export let notificationHolder: HTMLDivElement = document.createElement('div');;
+
+/** 初始化通知容器 */
+export function initNotificationHolder() {
+    notificationHolder.id = 'hmNotificationHolder';
+    notificationHolder.style.zIndex = '999999';
+    document.body.append(notificationHolder);
+}

package/src/main.ts

@@ -0,0 +1,49 @@
+import * as core from './core';
+import * as components from './components';
+import * as apps from './apps';
+import *as holders from './holders';
+import *as easy_tools from './easy-tools';
+import pkg from '../package.json' with { type: 'json' };
+import { logger } from './core/log-tools';
+import { notice, confirm } from './easy-tools';
+
+/** package配置信息 */
+const information = {
+    /** 项目名称 */
+    name: pkg.name,
+    /** 项目版本 */
+    version: pkg.version,
+    /** 项目更新日志 */
+    changelog: pkg.changelog,
+    /** 项目描述 */
+    description: pkg.description,
+    /** 项目作者 */
+    author: pkg.author,
+    /** 项目许可证 */
+    license: pkg.license,
+    /** 项目仓库 */
+    repository: pkg.repository,
+    /** 项目构建时间 */
+    buildTime: new Date().toISOString(),
+
+    /** 项目是否注入完成 */
+    ingected: false
+}
+async function main() {
+    await apps.main_app.init();
+    information.ingected = true;
+}
+main()
+export {
+    information,
+    core,
+    components,
+    apps,
+    holders,
+    easy_tools,
+
+    logger,
+    confirm,
+    notice
+
+}