hortimagic 1.0.7 → 1.1.1

package/src/apps/script-app.ts

@@ -0,0 +1,225 @@
+import { movePanelHolder } from '../holders/move-panel';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import *as script_tool from '../core/script-tools';
+import { notice } from '../easy-tools';
+import { HortimagicStore, saveStore, loadStore, reactive } from '../core/store';
+// import { logger } from '../main';
+
+const Tag = 'hm-script-app';
+
+class HmScriptApp extends LitElement {
+  @property({ type: String })
+  scriptName = '';
+  @property({ type: String })
+  scriptUrl = '';
+  @property({ type: Boolean })
+  scriptEnable = true;
+  @property({ type: Boolean })
+  scriptIngected = false;
+
+  @property({ type: Boolean })
+  dialogOpen = false;
+
+  private isUpdate = false;
+
+
+
+  // 返回一个只读的快照
+  storeSnap = reactive.snapshot(HortimagicStore);
+
+  constructor() {
+    super();
+    reactive.subscribe(HortimagicStore, () => {
+      this.storeSnap = reactive.snapshot(HortimagicStore);
+      this.requestUpdate();
+    });
+  }
+  // <hm-button @hm-button-click="${() => {
+  //     logger.debug(Tag, '镜像', this.storeSnap.scriptList);
+  //     logger.debug(Tag, '存储对象', HortimagicStore.scriptList);
+  //   }}">当前信息</hm-button>
+
+  render() {
+    return html`
+<hm-dialog ?isopen="${this.dialogOpen}"
+  @hm-dialog-close="${() => {
+        this.dialogOpen = false;
+      }}"
+  @hm-dialog-confirm="${() => {
+        if (this.scriptName.trim() == "" || this.scriptUrl.trim() == "") {
+          notice.error(Tag, "请填写完整的脚本信息"); return;
+        }
+        // logger.debug(Tag, '要添加的脚本', `${this.scriptName}${this.scriptUrl}`);
+        this.scriptEnable = true;
+        this.scriptIngected = false;
+        let script = new script_tool.Script(this.scriptName, this.scriptUrl, this.scriptEnable);
+        let res = false;
+        if (this.isUpdate)
+          res = script_tool.updateScriptInList(script);
+        else
+          res = script_tool.addScriptToList(script);
+        if (res) {
+          notice.success(Tag, "脚本添加成功");
+        } else {
+          notice.error(Tag, "脚本添加失败");
+        }
+        /** 关闭修改标志 */
+        this.isUpdate = false;
+        this.dialogOpen = false;
+        this.storeSnap = reactive.snapshot(HortimagicStore);
+        /** 刷新渲染 */
+        // this.requestUpdate();
+      }}"
+>
+  <h2>修改或添加脚本</h2>
+  <hm-input
+    label=" 脚本名称"
+    placeholder="请输入脚本名称"
+    value="${this.scriptName}"
+    @hm-input-change="${(e: CustomEvent) => { this.scriptName = e.detail.value; }}"
+  >
+  </hm-input>
+  <hm-input
+    label="脚本链接"
+    placeholder="请输入https的脚本链接"
+    value="${this.scriptUrl}"
+    @hm-input-change="${(e: CustomEvent) => { this.scriptUrl = e.detail.value; }}"
+  >
+  </hm-input>
+
+</hm-dialog>
+
+<hm-accordion>
+    <span slot="header"> 脚本列表 </span>
+    ${this.storeSnap.scriptList.map((script) => {
+        return html`
+    <hm-swipe-cell>
+      <div slot="left-actions">
+        <hm-button
+          icon="delete"
+          @hm-button-click="${() => {
+            let res = script_tool.removeScriptFromList(script);
+            if (res) {
+              notice.success(Tag, "脚本删除成功");
+            } else {
+              notice.error(Tag, "脚本已经不在脚本列表中");
+            }
+            this.storeSnap = reactive.snapshot(HortimagicStore);
+            /** 刷新渲染 */
+            // this.requestUpdate();
+          }
+          }"
+          >删除</hm-button
+        >
+      </div>
+      <hm-cell title-name="${script.name}" descripthion="${script.url}">
+        <hm-switch
+          ?checked="${script.enable}"
+          @hm-switch-change="${(e: CustomEvent) => {
+            let sc = new script_tool.Script(script.name, script.url, e.detail.checked);
+            let res = script_tool.updateScriptInList(sc);
+            if (res) {
+              notice.success(Tag, "脚本修改成功");
+            } else {
+              notice.error(Tag, "脚本修改失败");
+            }
+          }
+          }"
+        ></hm-switch>
+      </hm-cell>
+      <div slot="right-actions">
+        <hm-button
+          icon="edit"
+          @hm-button-click="${() => {
+            this.scriptName = script.name;
+            this.scriptUrl = script.url;
+            this.scriptEnable = script.enable;
+            /** 打开修改标志位 */
+            this.isUpdate = true;
+            this.dialogOpen = true;
+            // script_tool.addScriptToList(script);
+          }
+          }"
+          >修改</hm-button
+        >
+        <hm-button
+          icon="run"
+          ?enable="${!script_tool.ingectedUrlList.includes(script.url)}"
+          @hm-button-click="${() => {
+            let res = script_tool.ingecteScript(script);
+            if (res) {
+              notice.success(Tag, "脚本运行成功");
+            } else {
+              notice.error(Tag, "脚本运行失败,脚本已经在运行了");
+            }
+          }
+          }"
+          >运行</hm-button
+        >
+      </div>
+    </hm-swipe-cell>
+    ` })
+      }
+    <div slot="footer">
+      <hm-button
+        icon="refresh"
+        @click="${() => {
+        loadStore();
+        this.storeSnap = reactive.snapshot(HortimagicStore);
+        /** 刷新渲染 */
+        // this.requestUpdate();
+      }}"
+      >
+        刷新
+      </hm-button>
+      <hm-button
+        icon="post-add"
+        @click="${() => {
+        this.dialogOpen = true;
+      }}"
+      >
+        添加
+      </hm-button>
+      <hm-button
+        icon="save"
+        @click="${() => {
+        saveStore();
+      }}">
+            保存
+        </hm-button>
+    </div>
+</hm-accordion>`;
+  }
+}
+
+export function initScriptApp() {
+  customElements.define('hm-script-app', HmScriptApp);
+  let panel = document.createElement('hm-move-panel');
+  panel.titleContent = '脚本管理';
+  panel.icon = 'js';
+  panel.leftButtonText = "读取"
+  panel.leftIcon = 'load';
+  panel.addEventListener('left-button-click', function () {
+    loadStore();
+  });
+  panel.rightButtonText = "保存"
+  panel.rightIcon = 'save';
+  panel.addEventListener('right-button-click', function () {
+    saveStore();
+  });
+  // panel.showMovePanel();
+  movePanelHolder.appendChild(panel);
+  let template = `<hm-script-app> </hm-script-app>
+    `;
+  panel.innerHTML = template;
+  let menuItem = document.createElement('hm-menu');
+  menuItem.content = "脚本管理";
+  menuItem.isMenuItem = true;
+  menuItem.icon = 'js';
+
+  menuItem.addEventListener('hm-menu-click', function () {
+    panel.putTopToggel();
+  });
+  return menuItem;
+}

package/src/components/hm-swipe-cell.ts

@@ -1,6 +1,6 @@
 import { LitElement, css, html } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
-import { logger } from '../core/log-tools';
+// import { logger } from '../core/log-tools';
 
 /** 
  * 滑动单元格组件
@@ -37,7 +37,7 @@ export class HmSwipeCell extends LitElement {
      */
     @property()
     rightButtonCallback = function () {
-        logger.log('cell', '点击了一下');
+        // logger.log('cell', '点击了一下');
     };
 
     @query('.slider') sliderElement!: HTMLElement;

package/src/core/Emitter.ts

@@ -0,0 +1,129 @@
+/**
+ * 事件监听器类型定义，表示一个可以接收任意参数的函数
+ */
+type Listener = (...args: any[]) => void;
+
+/**
+ * Emitter 类提供事件驱动的编程模式，允许对象间通过事件进行通信
+ * 支持事件监听、取消监听、一次性监听和事件触发功能
+ */
+export class Emitter {
+    /**
+     * 存储事件名称和对应监听器数组的映射
+     * @private
+     */
+    private events: { [key: string]: Listener[] } = {};
+
+    /**
+     * 为指定事件添加监听器
+     * @param eventName 事件名称
+     * @param listener 事件触发时要调用的回调函数
+     * @example
+     * ```ts
+     * const emitter = new Emitter();
+     * emitter.on('test', (data) => console.log('接收到数据:', data));
+     * emitter.emit('test', { message: 'Hello' }); // 输出: 接收到数据: { message: 'Hello' }
+     * ```
+     */
+    on(eventName: string, listener: Listener): void {
+        if (!this.events[eventName]) this.events[eventName] = [];
+        this.events[eventName].push(listener);
+    }
+
+    /**
+     * 移除指定事件的监听器
+     * @param eventName 事件名称
+     * @param listener 要移除的监听器函数，如果未提供则移除该事件的所有监听器
+     * @example
+     * ```ts
+     * const emitter = new Emitter();
+     * const listener = (data) => console.log(data);
+     * emitter.on('test', listener);
+     * emitter.off('test', listener); // 移除特定监听器
+     * emitter.off('test'); // 移除所有 'test' 事件的监听器
+     * ```
+     */
+    off(eventName: string, listener?: Listener): void {
+        if (!this.events[eventName]) return;
+        if (listener) {
+            this.events[eventName] = this.events[eventName].filter(fn => fn !== listener);
+        } else {
+            delete this.events[eventName];
+        }
+    }
+
+    /**
+     * 为指定事件添加一次性监听器，监听器在第一次触发后将被移除
+     * @param eventName 事件名称
+     * @param listener 事件触发时要调用的回调函数，只执行一次
+     * @example
+     * ```ts
+     * const emitter = new Emitter();
+     * emitter.once('start', () => console.log('仅执行一次'));
+     * emitter.emit('start'); // 输出: 仅执行一次
+     * emitter.emit('start'); // 没有输出，因为监听器已被移除
+     * ```
+     */
+    once(eventName: string, listener: Listener): void {
+        const onceWrapper: Listener = (...args) => {
+            listener(...args);
+            this.off(eventName, onceWrapper);
+        };
+        this.on(eventName, onceWrapper);
+    }
+
+    /**
+     * 触发指定事件，并传递参数给监听器
+     * @param eventName 事件名称
+     * @param args 传递给监听器的参数
+     * @returns 如果至少有一个监听器被调用则返回 true，否则返回 false
+     * @example
+     * ```ts
+     * const emitter = new Emitter();
+     * emitter.on('greet', (name, age) => console.log(`你好 ${name}, 你 ${age} 岁了`));
+     * emitter.emit('greet', '小明', 25); // 输出: 你好 小明, 你 25 岁了
+     * ```
+     */
+    emit(eventName: string, ...args: any[]): boolean {
+        const listeners = this.events[eventName];
+        if (!listeners || listeners.length === 0) return false;
+        // 使用副本防止遍历时修改
+        [...listeners].forEach(fn => fn(...args));
+        return true;
+    }
+}
+
+// 以下是完整的使用示例
+/*
+// 示例1：基本事件监听和触发
+const emitter = new Emitter();
+
+// 监听事件
+emitter.on('dataReceived', (data) => {
+  console.log('收到数据:', data);
+});
+
+// 触发事件
+emitter.emit('dataReceived', { id: 1, value: 'example' }); // 输出: 收到数据: { id: 1, value: 'example' }
+
+// 示例2：一次性事件监听
+emitter.once('startup', () => {
+  console.log('系统启动了一次');
+});
+
+emitter.emit('startup'); // 输出: 系统启动了一次
+emitter.emit('startup'); // 无输出，因为once的监听器已被移除
+
+// 示例3：移除监听器
+const handler = (msg) => console.log('消息:', msg);
+emitter.on('message', handler);
+emitter.emit('message', '测试消息'); // 输出: 消息: 测试消息
+
+emitter.off('message', handler); // 移除特定监听器
+emitter.emit('message', '这不会被处理'); // 无输出
+
+// 示例4：多个监听器
+emitter.on('multiEvent', () => console.log('第一个监听器'));
+emitter.on('multiEvent', () => console.log('第二个监听器'));
+emitter.emit('multiEvent'); // 输出: 第一个监听器 和 第二个监听器
+*/

package/src/core/Message.ts

@@ -0,0 +1,179 @@
+/**
+ * 公共消息类
+ * 用于表示公共频道中的消息
+ */
+class Public {
+    /** 时间戳 */
+    timeStamp: string = '';
+    /** 头像链接 */
+    headPortrait: string = '';
+    /** 名字 */
+    name: string = '';
+    /** 消息 */
+    message: string = '';
+    /** 消息气泡背景颜色 */
+    color: string = '';
+    /** 性别 */
+    gender: string = '';
+    /** 唯一标识 */
+    uid: string = '';
+    /** 称号 */
+    designation: string = '';
+    /** 消息UID */
+    messageUid: string = '';
+    /** 消息类别 */
+    // readonly messageClass = 'public';
+}
+
+/**
+ * 私聊消息类
+ * 用于表示私聊消息
+ */
+class Private {
+    /** 时间戳 */
+    timeStamp: string = '';
+    /** 头像链接 */
+    headPortrait: string = '';
+    /** 名字 */
+    name: string = '';
+    /** 消息 */
+    message: string = '';
+    /** 消息颜色 */
+    color: string = '';
+    /** 性别 */
+    gender: string = '';
+    /** 唯一标识UID */
+    uid: string = '';
+    /** 消息唯一标识 */
+    messageUid: string = '';
+    /** 消息类型 */
+    // readonly messageClass = 'private';
+}
+
+/**
+ * 隐藏消息类
+ * 用于表示隐藏类型的消息
+ */
+class Hidden {
+    /** 消息的标题，名字？主题 */
+    messageName: string = '';
+    /** 发送过来的唯一标识 */
+    uid: string = '';
+    /** 数据 */
+    data: string = '';
+    /** 消息类型 */
+    // readonly messageClass = 'hidden';
+}
+
+/**
+ * 弹幕消息类
+ * 用于表示弹幕类型的消息
+ */
+class Danmu {
+    /** 用户名 */
+    username: string = '';
+    /** 头像链接 */
+    avatar: string = '';
+    /** 消息 */
+    message: string = '';
+    /** 消息颜色 */
+    color: string = '';
+    /** 性别 */
+    gender: string = '';
+    /** 时间戳 */
+    timeStamp: string = '';
+    /** 唯一id */
+    uid: string = '';
+    /** 消息类型 */
+    // readonly messageClass = 'danmu';
+}
+
+/**
+ * 撤回消息类
+ * 用于表示撤回操作的消息
+ */
+class Withdrawn {
+    /** 可选的，撤回私聊对象窗口的UID */
+    privateUID: string = '';
+    /** 需要要撤回的气泡用户uid */
+    uid: string = '';
+    /** 消息唯一标识，一串随机数 */
+    messageUid: string = '';
+    /** 数据唯一标识，上面两个组合在一起 */
+    dataUid: string = '';
+    /** 消息类型 */
+    // readonly messageClass = 'withdrawn';
+}
+
+/**
+ * 系统消息类
+ * 用于表示系统通知类消息
+ */
+class System {
+    /** 消息列表 */
+    userMessageList: string[] = [];
+    /** 消息类型 */
+    // readonly messageClass = 'system';
+}
+
+/**
+ * 股票消息类
+ * 用于表示股票相关数据消息
+ */
+class Stock {
+    /** 
+     * '*' 表示股价过低无法买股票
+     * '>' 表示卖出的股票超出数量
+     * '<' 表示余额不够
+     * 数字表示正常
+     */
+    result: string = '';
+    /** 股价 */
+    stockPrice: number = NaN;
+    /** 总股数 */
+    totalStock: number = NaN;
+    /** 持股数 */
+    holdingAmount: number = NaN;
+    /** 总金 */
+    totalEquity: number = NaN;
+    /** 账户余额 */
+    balance: number = NaN;
+    /** 消息类型 */
+    // readonly messageClass = 'stock';
+}
+
+/**
+ * 未知消息类
+ * 用于表示无法识别的消息类型
+ */
+class Unkonw {
+    /** 未知消息的原型 */
+    message: string = '';
+    /** 消息类型 */
+    // readonly messageClass = 'unkonw';
+}
+
+/**
+ * 所有消息类型的联合类型
+ * 用于类型检查和类型安全
+ */
+export type MessageClass =
+    Public |
+    Private |
+    Hidden |
+    Danmu |
+    Withdrawn |
+    System |
+    Stock |
+    Unkonw;
+
+export {
+    Public,
+    Private,
+    Hidden,
+    Danmu,
+    Withdrawn,
+    System,
+    Stock,
+    Unkonw
+};