@widget-js/core 0.1.6 → 0.1.12

package/dist/esm/model/WidgetParams.js

@@ -1,140 +1,135 @@
-/**
- * 组件参数，如宽，高，id，语言等环境参数
- */
-import { parseQuery } from "../router/query";
-import { snakeCase } from "change-case";
-export class WidgetParams {
-    /**
-     * 将组件参数转为url参数
-     * @param object
-     * @return URLSearchParams  w_w=2&w_h=2&w_id=21&w_width=156&w_height=156
-     */
-    toUrlParams() {
-        const urlParams = new URLSearchParams();
-        const ownPropertyNames = Object.getOwnPropertyNames(this);
-        for (let ownPropertyName of ownPropertyNames) {
-            const key = ownPropertyName;
-            const value = this[key];
-            if (value) {
-                urlParams.append(WidgetParams.PARAM_PREFIX + snakeCase(ownPropertyName), value.toString());
-            }
-        }
-        return urlParams;
-    }
-    getPersistKey() {
-        return `${this.name}-${this.id}`;
-    }
-    /**
-     * 从当前地址解析组件参数：
-     * http://localhost:8080/#/widget/config/labor_progress?w_w=2&w_h=2&w_width=156&w_height=156
-     * =>
-     *  {width:2,height:2,id:21,width_px:156,height_px:156}
-     */
-    static fromCurrentLocation() {
-        const href = window.location.href;
-        let queryString = href.split("?")[1];
-        return this.fromObject(parseQuery(queryString));
-    }
-    static setValue(widgetEnv, key, value) {
-        const keyWithoutPrefix = key.replace(this.PARAM_PREFIX, "");
-        if (keyWithoutPrefix == WidgetParams.PARAM_ID) {
-            widgetEnv.id = value;
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_X) {
-            widgetEnv.x = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_Y) {
-            widgetEnv.y = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_HEIGHT) {
-            widgetEnv.height = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_WIDTH) {
-            widgetEnv.width = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_LANG) {
-            widgetEnv.lang = value;
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_THEME) {
-            widgetEnv.theme = value;
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_MODE) {
-            widgetEnv.mode = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_RADIUS) {
-            widgetEnv.radius = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_WIDTH_PX) {
-            widgetEnv.widthPx = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_HEIGHT_PX) {
-            widgetEnv.heightPx = parseInt(value);
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_NAME) {
-            widgetEnv.name = value;
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_TITLE) {
-            widgetEnv.title = value;
-        }
-        else if (keyWithoutPrefix == WidgetParams.PARAM_PREVIEW) {
-            widgetEnv.preview = (value === 'true');
-        }
-    }
-    /**
-     * 从对象键值对中初始化组件参数
-     * {w_width:2,w_height:2,w_id:21,w_width_px:156,w_height_px:156}=>
-     *  {width:2,height:2,id:21,width_px:156,height_px:156}
-     * @param object
-     */
-    static fromObject(object) {
-        const widgetEnv = new WidgetParams();
-        const ownPropertyNames = Object.getOwnPropertyNames(object);
-        for (let ownPropertyName of ownPropertyNames) {
-            const key = ownPropertyName;
-            const value = object[key];
-            this.setValue(widgetEnv, key, value);
-        }
-        return widgetEnv;
-    }
-}
-WidgetParams.PARAM_PREFIX = "w_";
-WidgetParams.PARAM_ID = "id";
-WidgetParams.PARAM_WIDTH = "width";
-WidgetParams.PARAM_HEIGHT = "height";
-WidgetParams.PARAM_WIDTH_PX = "width_px";
-WidgetParams.PARAM_HEIGHT_PX = "height_px";
-WidgetParams.PARAM_X = "x";
-WidgetParams.PARAM_Y = "y";
-WidgetParams.PARAM_LANG = "lang";
-WidgetParams.PARAM_THEME = "theme";
-WidgetParams.PARAM_MODE = "mode";
-WidgetParams.PARAM_RADIUS = "radius";
-WidgetParams.PARAM_NAME = "name";
-WidgetParams.PARAM_TITLE = "title";
-WidgetParams.PARAM_PREVIEW = "preview";
-WidgetParams.PARAMS = [
-    WidgetParams.PARAM_ID,
-    WidgetParams.PARAM_WIDTH,
-    WidgetParams.PARAM_HEIGHT,
-    WidgetParams.PARAM_X,
-    WidgetParams.PARAM_Y,
-    WidgetParams.PARAM_LANG,
-    WidgetParams.PARAM_THEME,
-    WidgetParams.PARAM_MODE,
-    WidgetParams.PARAM_WIDTH_PX,
-    WidgetParams.PARAM_HEIGHT_PX,
-    WidgetParams.PARAM_NAME,
-    WidgetParams.PARAM_TITLE,
-    WidgetParams.PARAM_PREVIEW,
-];
-export var ThemeMode;
-(function (ThemeMode) {
-    ThemeMode["AUTO"] = "auto";
-    ThemeMode["LIGHT"] = "LIGHT";
-    ThemeMode["DARK"] = "DARK";
-})(ThemeMode || (ThemeMode = {}));
-export var WidgetHostMode;
-(function (WidgetHostMode) {
-    WidgetHostMode[WidgetHostMode["DEFAULT"] = 0] = "DEFAULT";
-    WidgetHostMode[WidgetHostMode["OVERLAP"] = 1] = "OVERLAP";
-})(WidgetHostMode || (WidgetHostMode = {}));
+/**
+ * 组件参数，如宽，高，id，语言等环境参数
+ */
+import { parseQuery } from "../router/query";
+import { snakeCase } from "change-case";
+export class WidgetParams {
+    /**
+     * 将组件参数转为url参数
+     * @param object
+     * @return URLSearchParams  w_w=2&w_h=2&w_id=21&w_width=156&w_height=156
+     */
+    toUrlParams() {
+        const urlParams = new URLSearchParams();
+        const ownPropertyNames = Object.getOwnPropertyNames(this);
+        for (let ownPropertyName of ownPropertyNames) {
+            const key = ownPropertyName;
+            const value = this[key];
+            if (value) {
+                urlParams.append(WidgetParams.PARAM_PREFIX + snakeCase(ownPropertyName), value.toString());
+            }
+        }
+        return urlParams;
+    }
+    getPersistKey() {
+        return `${this.name}-${this.id}`;
+    }
+    /**
+     * 从当前地址解析组件参数：
+     * http://localhost:8080/#/widget/config/labor_progress?w_w=2&w_h=2&w_width=156&w_height=156
+     * =>
+     *  {width:2,height:2,id:21,width_px:156,height_px:156}
+     */
+    static fromCurrentLocation() {
+        const href = window.location.href;
+        let queryString = href.split("?")[1];
+        return this.fromObject(parseQuery(queryString));
+    }
+    static setValue(widgetEnv, key, value) {
+        const keyWithoutPrefix = key.replace(this.PARAM_PREFIX, "");
+        if (keyWithoutPrefix == WidgetParams.PARAM_ID) {
+            widgetEnv.id = value;
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_X) {
+            widgetEnv.x = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_Y) {
+            widgetEnv.y = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_HEIGHT) {
+            widgetEnv.height = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_WIDTH) {
+            widgetEnv.width = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_LANG) {
+            widgetEnv.lang = value;
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_THEME) {
+            widgetEnv.theme = value;
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_MODE) {
+            widgetEnv.mode = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_RADIUS) {
+            widgetEnv.radius = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_WIDTH_PX) {
+            widgetEnv.widthPx = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_HEIGHT_PX) {
+            widgetEnv.heightPx = parseInt(value);
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_NAME) {
+            widgetEnv.name = value;
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_TITLE) {
+            widgetEnv.title = value;
+        }
+        else if (keyWithoutPrefix == WidgetParams.PARAM_PREVIEW) {
+            widgetEnv.preview = (value === 'true');
+        }
+    }
+    /**
+     * 从对象键值对中初始化组件参数
+     * {w_width:2,w_height:2,w_id:21,w_width_px:156,w_height_px:156}=>
+     *  {width:2,height:2,id:21,width_px:156,height_px:156}
+     * @param object
+     */
+    static fromObject(object) {
+        const widgetEnv = new WidgetParams();
+        const ownPropertyNames = Object.getOwnPropertyNames(object);
+        for (let ownPropertyName of ownPropertyNames) {
+            const key = ownPropertyName;
+            const value = object[key];
+            this.setValue(widgetEnv, key, value);
+        }
+        return widgetEnv;
+    }
+}
+WidgetParams.PARAM_PREFIX = "w_";
+WidgetParams.PARAM_ID = "id";
+WidgetParams.PARAM_WIDTH = "width";
+WidgetParams.PARAM_HEIGHT = "height";
+WidgetParams.PARAM_WIDTH_PX = "width_px";
+WidgetParams.PARAM_HEIGHT_PX = "height_px";
+WidgetParams.PARAM_X = "x";
+WidgetParams.PARAM_Y = "y";
+WidgetParams.PARAM_LANG = "lang";
+WidgetParams.PARAM_THEME = "theme";
+WidgetParams.PARAM_MODE = "mode";
+WidgetParams.PARAM_RADIUS = "radius";
+WidgetParams.PARAM_NAME = "name";
+WidgetParams.PARAM_TITLE = "title";
+WidgetParams.PARAM_PREVIEW = "preview";
+WidgetParams.PARAMS = [
+    WidgetParams.PARAM_ID,
+    WidgetParams.PARAM_WIDTH,
+    WidgetParams.PARAM_HEIGHT,
+    WidgetParams.PARAM_X,
+    WidgetParams.PARAM_Y,
+    WidgetParams.PARAM_LANG,
+    WidgetParams.PARAM_THEME,
+    WidgetParams.PARAM_MODE,
+    WidgetParams.PARAM_WIDTH_PX,
+    WidgetParams.PARAM_HEIGHT_PX,
+    WidgetParams.PARAM_NAME,
+    WidgetParams.PARAM_TITLE,
+    WidgetParams.PARAM_PREVIEW,
+];
+export var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["AUTO"] = "auto";
+    ThemeMode["LIGHT"] = "LIGHT";
+    ThemeMode["DARK"] = "DARK";
+})(ThemeMode || (ThemeMode = {}));

package/dist/esm/model/event/BroadcastEvent.js

@@ -1,10 +1,10 @@
-export class BroadcastEvent {
-    constructor(type, from, payload) {
-        this.type = type;
-        this.from = from;
-        this.payload = payload;
-    }
-}
-BroadcastEvent.TYPE_WIDGET_UPDATED = "broadcast::cn.widgetjs.core.widget_updated";
-BroadcastEvent.TYPE_APP_CONFIG_UPDATED = "broadcast::cn.widgetjs.core.app_config_updated";
-BroadcastEvent.TYPE_THEME_CHANGED = "broadcast::cn.widgetjs.core.theme_changed";
+export class BroadcastEvent {
+    constructor(type, from, payload) {
+        this.type = type;
+        this.from = from;
+        this.payload = payload;
+    }
+}
+BroadcastEvent.TYPE_WIDGET_UPDATED = "broadcast::cn.widgetjs.core.widget_updated";
+BroadcastEvent.TYPE_APP_CONFIG_UPDATED = "broadcast::cn.widgetjs.core.app_config_updated";
+BroadcastEvent.TYPE_THEME_CHANGED = "broadcast::cn.widgetjs.core.theme_changed";

package/dist/esm/model/event/WebSocketEvent.js

@@ -1,10 +1,10 @@
-export var WebSocketEventType;
-(function (WebSocketEventType) {
-    WebSocketEventType["RESISTER_WIDGETS"] = "ws::cn.widgetjs.core.resister_widgets";
-})(WebSocketEventType || (WebSocketEventType = {}));
-export class WebSocketEvent {
-    constructor(type, payload) {
-        this.type = type;
-        this.payload = payload;
-    }
-}
+export var WebSocketEventType;
+(function (WebSocketEventType) {
+    WebSocketEventType["RESISTER_WIDGETS"] = "ws::cn.widgetjs.core.resister_widgets";
+})(WebSocketEventType || (WebSocketEventType = {}));
+export class WebSocketEvent {
+    constructor(type, payload) {
+        this.type = type;
+        this.payload = payload;
+    }
+}

package/dist/esm/model/interface/IHostedWidget.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/repository/WidgetDataRepository.js

@@ -1,64 +1,64 @@
-import localforage from "localforage";
-import { BroadcastEvent } from "../model/event/BroadcastEvent";
-import { BroadcastApi } from "../api/BroadcastApi";
-export class WidgetDataRepository {
-    /**
-     * 保存组件数据
-     * @param data
-     */
-    static async save(data) {
-        let store = this.getStore(data.name);
-        const result = await store.setItem(this.getKey(data.name, data.id), JSON.stringify(data));
-        const broadcastEvent = new BroadcastEvent(BroadcastEvent.TYPE_WIDGET_UPDATED, "", data);
-        await BroadcastApi.sendBroadcastEvent(broadcastEvent);
-        return result;
-    }
-    /**
-     * 获取组件 LocalForage 存储实例
-     * @param name
-     */
-    static getStore(name) {
-        if (this.stores.has(name)) {
-            return this.stores.get(name);
-        }
-        const store = localforage.createInstance({ name: name });
-        this.stores.set(name, store);
-        return store;
-    }
-    /**
-     * 通过组件名保存组件信息，通常用于存储可以在同类组件中共用的数据
-     * @param data
-     */
-    static async saveByName(data) {
-        const store = this.getStore(data.name);
-        const json = JSON.stringify(data);
-        const result = await store.setItem(data.name, json);
-        const broadcastEvent = new BroadcastEvent(BroadcastEvent.TYPE_WIDGET_UPDATED, "", { name: data.name, json });
-        await BroadcastApi.sendBroadcastEvent(broadcastEvent);
-        return result;
-    }
-    static async findByName(name, type) {
-        let store = this.getStore(name);
-        let result = await store.getItem(name);
-        if (result) {
-            const widgetData = new type(name);
-            widgetData.parseJSON(JSON.parse(result));
-            return widgetData;
-        }
-        return undefined;
-    }
-    static async find(name, id, type) {
-        let store = this.getStore(name);
-        let result = await store.getItem(this.getKey(name, id));
-        if (result) {
-            const widgetData = new type(name, id);
-            widgetData.parseJSON(JSON.parse(result));
-            return widgetData;
-        }
-        return undefined;
-    }
-    static getKey(name, id) {
-        return `${name}@${id}`;
-    }
-}
-WidgetDataRepository.stores = new Map();
+import localforage from "localforage";
+import { BroadcastEvent } from "../model/event/BroadcastEvent";
+import { BroadcastApi } from "../api/BroadcastApi";
+export class WidgetDataRepository {
+    /**
+     * 保存组件数据
+     * @param data
+     */
+    static async save(data) {
+        let store = this.getStore(data.name);
+        const result = await store.setItem(this.getKey(data.name, data.id), JSON.stringify(data));
+        const broadcastEvent = new BroadcastEvent(BroadcastEvent.TYPE_WIDGET_UPDATED, "", data);
+        await BroadcastApi.sendBroadcastEvent(broadcastEvent);
+        return result;
+    }
+    /**
+     * 获取组件 LocalForage 存储实例
+     * @param name
+     */
+    static getStore(name) {
+        if (this.stores.has(name)) {
+            return this.stores.get(name);
+        }
+        const store = localforage.createInstance({ name: name });
+        this.stores.set(name, store);
+        return store;
+    }
+    /**
+     * 通过组件名保存组件信息，通常用于存储可以在同类组件中共用的数据
+     * @param data
+     */
+    static async saveByName(data) {
+        const store = this.getStore(data.name);
+        const json = JSON.stringify(data);
+        const result = await store.setItem(data.name, json);
+        const broadcastEvent = new BroadcastEvent(BroadcastEvent.TYPE_WIDGET_UPDATED, "", { name: data.name, json });
+        await BroadcastApi.sendBroadcastEvent(broadcastEvent);
+        return result;
+    }
+    static async findByName(name, type) {
+        let store = this.getStore(name);
+        let result = await store.getItem(name);
+        if (result) {
+            const widgetData = new type(name);
+            widgetData.parseJSON(JSON.parse(result));
+            return widgetData;
+        }
+        return undefined;
+    }
+    static async find(name, id, type) {
+        let store = this.getStore(name);
+        let result = await store.getItem(this.getKey(name, id));
+        if (result) {
+            const widgetData = new type(name, id);
+            widgetData.parseJSON(JSON.parse(result));
+            return widgetData;
+        }
+        return undefined;
+    }
+    static getKey(name, id) {
+        return `${name}@${id}`;
+    }
+}
+WidgetDataRepository.stores = new Map();