@widget-js/core 0.11.15 → 0.11.21

package/dist/index.cjs

@@ -48,6 +48,7 @@ __export(src_exports, {
   Channel: () => Channel,
   ClipboardApi: () => ClipboardApi,
   ClipboardApiEvent: () => ClipboardApiEvent,
+  DefaultWidgetTheme: () => DefaultWidgetTheme,
   DeployMode: () => DeployMode,
   DeployedPage: () => DeployedPage,
   DeployedWidget: () => DeployedWidget,
@@ -247,10 +248,12 @@ var Widget = class extends Page {
    * @deprecated
    */
   routes;
+  socialLinks;
   constructor(options) {
     super(options);
     this.configPagePath = options.configPagePath;
     this.supportDeployMode = options.supportDeployMode ?? 1 /* NORMAL */ | 16 /* OVERLAP */;
+    this.socialLinks = options.socialLinks;
     this.routes = options.routes ?? [];
   }
   static parseJSON(json) {
@@ -332,6 +335,21 @@ var WebSocketEvent = class {
   }
 };
 
+// src/model/WidgetData.ts
+var import_kebabCase = __toESM(require("lodash/kebabCase"), 1);
+
+// src/model/WidgetTheme.ts
+var DefaultWidgetTheme = {
+  backgroundColor: "rgba(0,0,0,0.2)",
+  color: "#fff",
+  fontSize: "14px",
+  borderColor: "rgba(255,255,255,0.4)",
+  dividerColor: "rgba(255,255,255,0.4)",
+  primaryColor: "rgb(0, 149, 255)",
+  borderRadius: "22px"
+};
+Object.freeze(DefaultWidgetTheme);
+
 // src/model/WidgetData.ts
 var WidgetData = class {
   /**
@@ -344,31 +362,66 @@ var WidgetData = class {
   name;
   /**
    * 背景颜色
+   * @deprecated
    */
   backgroundColor;
   /**
    * 文字颜色
+   * @deprecated
    */
   color;
   /**
    * 字体大小
+   * @deprecated
    */
   fontSize;
   /**
    * 字体
+   * @deprecated
    */
   fontFamily;
   /**
    * 圆角半径
+   * @deprecated
    */
   borderRadius;
+  /**
+   * 组件样式
+   */
+  theme;
   constructor(name, id) {
     this.id = id;
     this.name = name;
+    this.theme = JSON.parse(JSON.stringify(DefaultWidgetTheme));
   }
   parseJSON(json) {
     Object.assign(this, json);
   }
+  /**
+   * Gets the style properties from the widget's style object.
+   * @returns A record representing CSS custom properties and their values.
+   */
+  getThemeProperties() {
+    const properties = {};
+    if (this.theme) {
+      const prefix = "--widget-";
+      let keys = Object.keys(this.theme);
+      keys.filter((key) => this.theme[key] != void 0).map((key) => {
+        properties[`${prefix}${(0, import_kebabCase.default)(key)}`] = `${this.theme[key]}`;
+      });
+    }
+    return properties;
+  }
+  /**
+   * Injects the style properties as css variable.
+   * @remarks Only works in a browser environment.
+   */
+  injectThemeProperties() {
+    const properties = this.getThemeProperties();
+    Object.keys(properties).forEach((key) => {
+      document.documentElement.style.setProperty(key, properties[key].toString());
+    });
+  }
 };
 
 // src/router/encoding.ts
@@ -451,7 +504,7 @@ function stringifyQuery(query) {
 }
 
 // src/model/WidgetParams.ts
-var import_change_case = require("change-case");
+var import_snakeCase = __toESM(require("lodash/snakeCase"), 1);
 var _WidgetParams = class {
   //组件id
   id;
@@ -490,7 +543,7 @@ var _WidgetParams = class {
       const key = ownPropertyName;
       const value = this[key];
       if (value) {
-        urlParams.append(_WidgetParams.PARAM_PREFIX + (0, import_change_case.snakeCase)(ownPropertyName), value.toString());
+        urlParams.append(_WidgetParams.PARAM_PREFIX + (0, import_snakeCase.default)(ownPropertyName), value.toString());
       }
     }
     return urlParams;
@@ -944,13 +997,18 @@ var WidgetPackage = class {
    */
   description;
   /**
-   * 组件入口文件，通常为 index.html
+   * 本地组件入口文件，通常为 index.html
    */
   entry;
   /**
-   * 组件包的远程入口地址，
+   * 远程组件包入口文件
+   * @deprecated 使用 remote.entry 替代
    */
   remoteEntry;
+  /**
+   * 组件包json文件路径
+   * @example https://rtugeek.gitee.io/hotspot/widget.json
+   */
   remotePackage;
   local;
   remote;
@@ -1331,6 +1389,9 @@ var WidgetApiEvent = /* @__PURE__ */ ((WidgetApiEvent2) => {
   return WidgetApiEvent2;
 })(WidgetApiEvent || {});
 var WidgetApiImpl = class extends BaseApi {
+  reload() {
+    return this.invokeMethod("reload");
+  }
   getChannel() {
     return "channel::cn.widgetjs.core.widget" /* WIDGET */;
   }
@@ -1978,6 +2039,9 @@ var AppApiConstants = /* @__PURE__ */ ((AppApiConstants2) => {
   return AppApiConstants2;
 })(AppApiConstants || {});
 var AppApiImpl = class extends BaseApi {
+  isWindowsStore() {
+    return this.invokeMethod("isWindowsStore");
+  }
   getAppPath() {
     return this.invokeMethod("getAppPath");
   }
@@ -2162,6 +2226,7 @@ var FileApi = new FileApiImpl();
   Channel,
   ClipboardApi,
   ClipboardApiEvent,
+  DefaultWidgetTheme,
   DeployMode,
   DeployedPage,
   DeployedWidget,