@widget-js/core 0.1.6 → 0.1.12

package/dist/cjs/index.js

@@ -1,34 +1,36 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./model/Widget"), exports);
-__exportStar(require("./model/event/BroadcastEvent"), exports);
-__exportStar(require("./model/event/WebSocketEvent"), exports);
-__exportStar(require("./model/WidgetData"), exports);
-__exportStar(require("./model/WidgetParams"), exports);
-__exportStar(require("./model/Notification"), exports);
-__exportStar(require("./model/WidgetPackage"), exports);
-__exportStar(require("./api/ElectronApi"), exports);
-__exportStar(require("./repository/WidgetDataRepository"), exports);
-__exportStar(require("./api/BrowserWindowApi"), exports);
-__exportStar(require("./api/NotificationApi"), exports);
-__exportStar(require("./api/Channel"), exports);
-__exportStar(require("./api/WidgetApi"), exports);
-__exportStar(require("./api/ApiConstants"), exports);
-__exportStar(require("./api/BroadcastApi"), exports);
-__exportStar(require("./api/AppApi"), exports);
-__exportStar(require("./utils/ElectronUtils"), exports);
-__exportStar(require("./router/query"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./model/Widget"), exports);
+__exportStar(require("./model/event/BroadcastEvent"), exports);
+__exportStar(require("./model/event/WebSocketEvent"), exports);
+__exportStar(require("./model/WidgetData"), exports);
+__exportStar(require("./model/WidgetParams"), exports);
+__exportStar(require("./model/Notification"), exports);
+__exportStar(require("./model/HostedMode"), exports);
+__exportStar(require("./model/WidgetPackage"), exports);
+__exportStar(require("./api/ElectronApi"), exports);
+__exportStar(require("./repository/WidgetDataRepository"), exports);
+__exportStar(require("./api/BrowserWindowApi"), exports);
+__exportStar(require("./api/NotificationApi"), exports);
+__exportStar(require("./api/Channel"), exports);
+__exportStar(require("./api/WidgetApi"), exports);
+__exportStar(require("./api/ApiConstants"), exports);
+__exportStar(require("./api/BroadcastApi"), exports);
+__exportStar(require("./api/AppApi"), exports);
+__exportStar(require("./api/DialogApi"), exports);
+__exportStar(require("./utils/ElectronUtils"), exports);
+__exportStar(require("./router/query"), exports);

package/dist/cjs/model/HostedMode.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostedMode = void 0;
+var HostedMode;
+(function (HostedMode) {
+    HostedMode[HostedMode["NORMAL"] = 1] = "NORMAL";
+    /**
+     * 悬浮窗
+     */
+    HostedMode[HostedMode["OVERLAP"] = 16] = "OVERLAP";
+    HostedMode[HostedMode["WALLPAPER"] = 256] = "WALLPAPER";
+    HostedMode[HostedMode["SCREEN"] = 4096] = "SCREEN";
+    HostedMode[HostedMode["ALL"] = 4369] = "ALL";
+})(HostedMode = exports.HostedMode || (exports.HostedMode = {}));

package/dist/cjs/model/Notification.js

@@ -1,15 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Notification = void 0;
-class Notification {
-    constructor(option) {
-        var _a, _b;
-        this.type = "message";
-        this.type = (_a = option.type) !== null && _a !== void 0 ? _a : "message";
-        this.title = option.title;
-        this.message = option.message;
-        this.targetTime = option.targetTime;
-        this.duration = (_b = option.duration) !== null && _b !== void 0 ? _b : 5000;
-    }
-}
-exports.Notification = Notification;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Notification = void 0;
+class Notification {
+    constructor(option) {
+        var _a, _b;
+        this.type = "message";
+        this.type = (_a = option.type) !== null && _a !== void 0 ? _a : "message";
+        this.title = option.title;
+        this.message = option.message;
+        this.targetTime = option.targetTime;
+        this.duration = (_b = option.duration) !== null && _b !== void 0 ? _b : 5000;
+    }
+}
+exports.Notification = Notification;

package/dist/cjs/model/SocialInfo.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SocialInfo = void 0;
-class SocialInfo {
-    constructor(name, url) {
-        this.name = name;
-        this.content = url;
-    }
-}
-exports.SocialInfo = SocialInfo;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialInfo = void 0;
+class SocialInfo {
+    constructor(name, url) {
+        this.name = name;
+        this.content = url;
+    }
+}
+exports.SocialInfo = SocialInfo;

package/dist/cjs/model/Widget.js

@@ -1,79 +1,79 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetKeyword = exports.Widget = void 0;
-class Widget {
-    constructor(options) {
-        var _a, _b, _c, _d, _e;
-        /**
-         * 组件默认语言
-         */
-        this.lang = "zh";
-        this.name = options.name;
-        this.title = options.title;
-        this.description = options.description;
-        this.keywords = options.keywords;
-        this.lang = options.lang;
-        this.width = options.width;
-        this.height = options.height;
-        this.maxWidth = (_a = options.maxWidth) !== null && _a !== void 0 ? _a : options.width;
-        this.maxHeight = (_b = options.maxHeight) !== null && _b !== void 0 ? _b : options.height;
-        this.minWidth = (_c = options.minWidth) !== null && _c !== void 0 ? _c : options.width;
-        this.minHeight = (_d = options.minHeight) !== null && _d !== void 0 ? _d : options.height;
-        this.url = options.url;
-        this.packageName = options.packageName;
-        this.configUrl = options.configUrl;
-        this.extraUrl = (_e = options.extraUrl) !== null && _e !== void 0 ? _e : {};
-    }
-    /**
-     * 获取组件标题
-     * @param lang 语言环境，不传则获取默认语言
-     */
-    getTitle(lang) {
-        var _a;
-        return lang ? (_a = this.title[lang]) !== null && _a !== void 0 ? _a : this.title[this.lang] : this.title[this.lang];
-    }
-    /**
-     * 获取组件标描述
-     * @param lang 语言环境，不传则获取默认标题
-     */
-    getDescription(lang) {
-        return lang ? this.description[lang] : this.description[this.lang];
-    }
-    static parseJSON(json) {
-        const object = JSON.parse(json);
-        return this.parseObject(object);
-    }
-    static parseObject(obj) {
-        return new Widget({
-            configUrl: obj["configUrl"],
-            description: obj["description"],
-            extraUrl: obj["extraUrl"],
-            width: obj["width"],
-            keywords: obj["keywords"],
-            lang: obj["lang"],
-            maxHeight: obj["maxHeight"],
-            maxWidth: obj["maxWidth"],
-            height: obj["height"],
-            packageName: obj["packageName"],
-            minHeight: obj["minHeight"],
-            minWidth: obj["minWidth"],
-            name: obj["name"],
-            title: obj["title"],
-            url: obj["url"]
-        });
-    }
-}
-exports.Widget = Widget;
-var WidgetKeyword;
-(function (WidgetKeyword) {
-    WidgetKeyword["RECOMMEND"] = "recommend";
-    WidgetKeyword["TOOLS"] = "tools";
-    WidgetKeyword["EFFICIENCY"] = "efficiency";
-    WidgetKeyword["PICTURE"] = "picture";
-    WidgetKeyword["LIFE"] = "life";
-    WidgetKeyword["SHORTCUT"] = "shortcut";
-    WidgetKeyword["COUNTDOWN"] = "countdown";
-    WidgetKeyword["TIMER"] = "timer";
-    WidgetKeyword["INFO"] = "info";
-    WidgetKeyword["DASHBOARD"] = "dashboard";
-})(WidgetKeyword = exports.WidgetKeyword || (exports.WidgetKeyword = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetKeyword = exports.Widget = void 0;
+const HostedMode_1 = require("./HostedMode");
+class Widget {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f;
+        /**
+         * 组件默认语言
+         */
+        this.lang = "zh";
+        this.name = options.name;
+        this.title = options.title;
+        this.description = options.description;
+        this.keywords = options.keywords;
+        this.lang = options.lang;
+        this.width = options.width;
+        this.height = options.height;
+        this.maxWidth = (_a = options.maxWidth) !== null && _a !== void 0 ? _a : options.width;
+        this.maxHeight = (_b = options.maxHeight) !== null && _b !== void 0 ? _b : options.height;
+        this.minWidth = (_c = options.minWidth) !== null && _c !== void 0 ? _c : options.width;
+        this.minHeight = (_d = options.minHeight) !== null && _d !== void 0 ? _d : options.height;
+        this.url = options.url;
+        this.packageName = options.packageName;
+        this.configUrl = options.configUrl;
+        this.extraUrl = (_e = options.extraUrl) !== null && _e !== void 0 ? _e : {};
+        this.supportHostedMode = (_f = options.supportHostedMode) !== null && _f !== void 0 ? _f : HostedMode_1.HostedMode.NORMAL | HostedMode_1.HostedMode.OVERLAP;
+    }
+    /**
+     * 获取组件标题
+     * @param lang 语言环境，不传则获取默认语言
+     */
+    getTitle(lang) {
+        var _a;
+        return lang ? (_a = this.title[lang]) !== null && _a !== void 0 ? _a : this.title[this.lang] : this.title[this.lang];
+    }
+    /**
+     * 获取组件标描述
+     * @param lang 语言环境，不传则获取默认标题
+     */
+    getDescription(lang) {
+        return lang ? this.description[lang] : this.description[this.lang];
+    }
+    static parseJSON(json) {
+        const object = JSON.parse(json);
+        return this.parseObject(object);
+    }
+    static parseObject(obj) {
+        return new Widget({
+            ...obj
+        });
+    }
+    /**
+     * 是否支持悬浮窗
+     */
+    isSupportOverlap() {
+        return (this.supportHostedMode & HostedMode_1.HostedMode.OVERLAP) > 0;
+    }
+    /**
+     * 是否支持普通模式
+     */
+    isSupportNormal() {
+        return (this.supportHostedMode & HostedMode_1.HostedMode.NORMAL) > 0;
+    }
+}
+exports.Widget = Widget;
+var WidgetKeyword;
+(function (WidgetKeyword) {
+    WidgetKeyword["RECOMMEND"] = "recommend";
+    WidgetKeyword["TOOLS"] = "tools";
+    WidgetKeyword["EFFICIENCY"] = "efficiency";
+    WidgetKeyword["PICTURE"] = "picture";
+    WidgetKeyword["LIFE"] = "life";
+    WidgetKeyword["SHORTCUT"] = "shortcut";
+    WidgetKeyword["COUNTDOWN"] = "countdown";
+    WidgetKeyword["TIMER"] = "timer";
+    WidgetKeyword["INFO"] = "info";
+    WidgetKeyword["DASHBOARD"] = "dashboard";
+})(WidgetKeyword = exports.WidgetKeyword || (exports.WidgetKeyword = {}));

package/dist/cjs/model/WidgetData.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetData = void 0;
-/**
- * 组件配置数据，用于存储组件自定义页面所设置的数据
- */
-class WidgetData {
-    constructor(name, id) {
-        this.id = id;
-        this.name = name;
-    }
-    parseJSON(json) {
-        Object.assign(this, json);
-    }
-}
-exports.WidgetData = WidgetData;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetData = void 0;
+/**
+ * 组件配置数据，用于存储组件自定义页面所设置的数据
+ */
+class WidgetData {
+    constructor(name, id) {
+        this.id = id;
+        this.name = name;
+    }
+    parseJSON(json) {
+        Object.assign(this, json);
+    }
+}
+exports.WidgetData = WidgetData;

package/dist/cjs/model/WidgetPackage.js

@@ -1,6 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetPackage = void 0;
-class WidgetPackage {
-}
-exports.WidgetPackage = WidgetPackage;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetPackage = void 0;
+class WidgetPackage {
+    static parseJSON(json) {
+        const object = JSON.parse(json);
+        return this.parseObject(object);
+    }
+    static parseObject(obj) {
+        let widgetPackage = new WidgetPackage();
+        Object.assign(widgetPackage, obj);
+        return widgetPackage;
+    }
+    getFullUrl() {
+        if (this.url.startsWith("http")) {
+            return this.url;
+        }
+        return this.url + (this.entry.startsWith("/") ? this.entry : `/${this.entry}`);
+    }
+}
+exports.WidgetPackage = WidgetPackage;

package/dist/cjs/model/WidgetParams.js

@@ -1,144 +1,139 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetHostMode = exports.ThemeMode = exports.WidgetParams = void 0;
-/**
- * 组件参数，如宽，高，id，语言等环境参数
- */
-const query_1 = require("../router/query");
-const change_case_1 = require("change-case");
-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 + (0, change_case_1.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((0, query_1.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;
-    }
-}
-exports.WidgetParams = WidgetParams;
-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,
-];
-var ThemeMode;
-(function (ThemeMode) {
-    ThemeMode["AUTO"] = "auto";
-    ThemeMode["LIGHT"] = "LIGHT";
-    ThemeMode["DARK"] = "DARK";
-})(ThemeMode = exports.ThemeMode || (exports.ThemeMode = {}));
-var WidgetHostMode;
-(function (WidgetHostMode) {
-    WidgetHostMode[WidgetHostMode["DEFAULT"] = 0] = "DEFAULT";
-    WidgetHostMode[WidgetHostMode["OVERLAP"] = 1] = "OVERLAP";
-})(WidgetHostMode = exports.WidgetHostMode || (exports.WidgetHostMode = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeMode = exports.WidgetParams = void 0;
+/**
+ * 组件参数，如宽，高，id，语言等环境参数
+ */
+const query_1 = require("../router/query");
+const change_case_1 = require("change-case");
+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 + (0, change_case_1.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((0, query_1.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;
+    }
+}
+exports.WidgetParams = WidgetParams;
+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,
+];
+var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["AUTO"] = "auto";
+    ThemeMode["LIGHT"] = "LIGHT";
+    ThemeMode["DARK"] = "DARK";
+})(ThemeMode = exports.ThemeMode || (exports.ThemeMode = {}));