@zeppos/zeus-cli 1.3.4 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeppos/zeus-cli",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "zeus mini-program tools",
   "main": "index.ts",
   "author": "zepp",

package/private-modules/zeppos-app-utils/dist/modules/create/local-app.js

@@ -67,7 +67,7 @@ var createLocalApp = function (args) { return __awaiter(void 0, void 0, void 0,
             fs_1["default"].renameSync((0, path_1.resolve)(workDir, "./_package.json"), (0, path_1.resolve)(workDir, "./package.json"));
         }
         if (fs_extra_1["default"].existsSync((0, path_1.resolve)(templateInfo.path, "./package.json")) && !fs_extra_1["default"].existsSync((0, path_1.resolve)(templateInfo.path, "./global.d.ts"))) {
-            fs_1["default"].writeFileSync("".concat(workDir, "/global.d.ts"), '/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />');
+            fs_1["default"].writeFileSync("".concat(workDir, "/global.d.ts"), args.OSVersion === 'v1' ? '/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />' : '/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />');
         }
         appJsonPath = (0, path_1.resolve)(workDir, './app.json');
         appJson = fs_extra_1["default"].readJsonSync(appJsonPath);

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/app-widget/index.js

@@ -0,0 +1,99 @@
+import { getTextLayout, createWidget, widget, deleteWidget, setAppWidgetSize, getAppWidgetSize } from "@zos/ui";
+import { log as Logger, px } from "@zos/utils";
+import { Calorie } from "@zos/sensor";
+import { getText } from "@zos/i18n";
+
+const logger = Logger.getLogger("calories");
+
+import {
+  CALORIE_TEXT,
+  CALORIE_TEXT_SIZE,
+  UNIT_TEXT,
+  UNIT_TEXT_SIZE,
+  CONSUME_ICON,
+  CONSUME_ICON_WIDTH,
+  IMGAE_CALORIES_MARIN,
+  CALORIES_UNIT_MARIN,
+  DEVICE_WIDTH,
+  TOTAL_CONSUME_TEXT,
+} from "../utils/styles-gts-3";
+
+AppWidget({
+  state: {
+    refreshWidgetList: [],
+  },
+
+  onInit() {
+    logger.log("===onInit===");
+  },
+
+  onDataRestore() {},
+
+  build() {
+    logger.log(getAppWidgetSize())
+
+    setAppWidgetSize({
+      h: px(120)
+    })
+
+    createWidget(widget.TEXT, TOTAL_CONSUME_TEXT);
+  },
+
+  onResume() {
+    try {
+      if (this.state.refreshWidgetList.length) {
+        this.state.refreshWidgetList.forEach((i) => {
+          deleteWidget(i);
+        });
+        this.state.refreshWidgetList = [];
+      }
+  
+      this.getData();
+      logger.log("===onResume===");
+    } catch(e) {
+      console.log('LifeCycle Error', e)
+      e && e.stack && e.stack.split(/\n/).forEach((i) => console.log('error stack', i))
+    }
+  },
+
+  getData() {
+    const calories = new Calorie().getCurrent(); // Math.floor(Math.random() * 1000)
+
+    this.buildTopContent(calories);
+  },
+
+  buildTopContent(calories) {
+    const { width: w1 } = getTextLayout("" + calories, {
+      text_size: CALORIE_TEXT_SIZE,
+      text_width: 0,
+      wrapped: 0,
+    });
+    const { width: w2 } = getTextLayout(getText("unit"), {
+      text_size: UNIT_TEXT_SIZE,
+      text_width: 0,
+      wrapped: 0,
+    });
+
+    const w =
+      w1 + w2 + CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN + CALORIES_UNIT_MARIN;
+    const x = Math.round((DEVICE_WIDTH - w) / 2);
+    const baseY = px(48);
+
+    const textId = createWidget(widget.TEXT, {
+      ...CALORIE_TEXT,
+      text: `${calories}`,
+      x: x + CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN,
+      w: w1,
+      y: CALORIE_TEXT.y + baseY,
+    });
+    const unitId = createWidget(widget.TEXT, {
+      ...UNIT_TEXT,
+      x: x + w - w2,
+      w: w2,
+      y: UNIT_TEXT.y + baseY,
+    });
+
+    this.state.refreshWidgetList.push(textId, unitId);
+    createWidget(widget.IMG, { ...CONSUME_ICON, x, y: CONSUME_ICON.y + baseY });
+  },
+});

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/app.js

@@ -1,27 +1,21 @@
-import { log as Logger } from "@zos/utils";
-import LocalStorage from "./utils/storage";
+import { log as Logger } from '@zos/utils'
+import { localStorage } from '@zos/storage'
 
-const logger = Logger.getLogger("calories-app");
-const fileName = "calorie_data.txt";
+const logger = Logger.getLogger('calories-app')
 
 App({
   globalData: {
-    foodType: "chocolate",
-    localStorage: null,
+    foodType: '',
   },
   onCreate() {
     try {
-      this.globalData.localStorage = new LocalStorage(fileName);
-      const { foodType = "chocolate" } = this.globalData.localStorage.get();
-      this.globalData.foodType = foodType;
+      const { foodType = 'chocolate' } = localStorage.getItem('calorie', {})
+      this.globalData.foodType = foodType
+
     } catch (e) {
       logger.log("--->e:", e);
     }
   },
 
-  onDestroy() {
-    this.globalData.localStorage.set({
-      foodType: getApp()._options.globalData.foodType,
-    });
-  },
-});
+  onDestroy() {},
+})

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/app.json

@@ -29,6 +29,30 @@
       "module": {
         "page": {
           "pages": ["page/gts/index", "page/gts/food-list"]
+        },
+        "secondary-widget": {
+          "widgets": [
+            {
+              "path": "secondary-widget/index",
+              "icon": "icon.png",
+              "name": "calories",
+              "runtime": {
+                "type": "js"
+              }
+            }
+          ]
+        },
+        "app-widget": {
+          "widgets": [
+            {
+              "path": "app-widget/index",
+              "icon": "icon.png",
+              "name": "calories",
+              "runtime": {
+                "type": "js"
+              }
+            }
+          ]
         }
       },
       "platforms": [

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/page/gts/food-list.js

@@ -1,6 +1,7 @@
 import * as hmUI from "@zos/ui";
 import { back } from "@zos/router";
 import { log as Logger, px } from "@zos/utils";
+import { localStorage } from "@zos/storage";
 
 import {
   FOOD_LIST_Y,
@@ -28,6 +29,9 @@ Page({
   setPrograms(index) {
     this.state.activeIndex = index;
     globalData.foodType = FOOD_CALORIES[index].type;
+    localStorage.setItem("calorie", {
+      foodType: globalData.foodType
+    });
     back();
   },
   buildFoodList() {

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/page/gts/index.js

@@ -1,8 +1,8 @@
-import * as hmUI from "@zos/ui";
-import { push } from "@zos/router";
-import { getText } from "@zos/i18n";
-import { Calorie } from "@zos/sensor";
-import { log as Logger, px } from "@zos/utils";
+import { getTextLayout, createWidget, widget } from '@zos/ui'
+import { push } from '@zos/router'
+import { getText } from '@zos/i18n'
+import { Calorie } from '@zos/sensor'
+import { log as Logger, px } from '@zos/utils'
 
 import {
   CALORIE_TEXT,
@@ -30,12 +30,12 @@ const globalData = getApp()._options.globalData;
 
 Page({
   buildTopContent(calories) {
-    const { width: w1 } = hmUI.getTextLayout("" + calories, {
+    const { width: w1 } = getTextLayout('' + calories, {
       text_size: CALORIE_TEXT_SIZE,
       text_width: 0,
-      wrapped: 0,
-    });
-    const { width: w2 } = hmUI.getTextLayout(getText("unit"), {
+      wrapped: 0
+    })
+    const { width: w2 } = getTextLayout(getText('unit'), {
       text_size: UNIT_TEXT_SIZE,
       text_width: 0,
       wrapped: 0,
@@ -45,38 +45,38 @@ Page({
       w1 + w2 + CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN + CALORIES_UNIT_MARIN;
     const x = Math.round((DEVICE_WIDTH - w) / 2);
 
-    const group = hmUI.createWidget(hmUI.widget.GROUP, {
+    const group = createWidget(widget.GROUP, {
       ...ALIGN_DESC_GROUP,
       x,
       w,
     });
 
-    group.createWidget(hmUI.widget.TEXT, {
+    group.createWidget(widget.TEXT, {
       ...CALORIE_TEXT,
       text: `${calories}`,
       x: CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN,
       w: w1,
-    });
-    group.createWidget(hmUI.widget.TEXT, {
+    })
+    group.createWidget(widget.TEXT, {
       ...UNIT_TEXT,
       x: w - w2,
       w: w2,
-    });
-    group.createWidget(hmUI.widget.IMG, CONSUME_ICON);
+    })
+    group.createWidget(widget.IMG, CONSUME_ICON)
   },
   build() {
     let calories = new Calorie().getCurrent(); // Math.floor(Math.random() * 1000)
     let currentFood = globalData.foodType;
 
-    hmUI.createWidget(hmUI.widget.TEXT, TOTAL_CONSUME_TEXT);
+    createWidget(widget.TEXT, TOTAL_CONSUME_TEXT)
 
     this.buildTopContent(calories);
 
     let activeIndex = FOOD_CALORIES.findIndex(
-      (item) => item.type === currentFood
-    );
-    this.calculate(calories, FOOD_CALORIES[activeIndex]);
-    hmUI.createWidget(hmUI.widget.BUTTON, {
+      (item) => item.type === currentFood,
+    )
+    this.calculate(calories, FOOD_CALORIES[activeIndex])
+    createWidget(widget.BUTTON, {
       ...EQUIVALENT_TO_BUTTON,
       click_func: () => {
         push({
@@ -101,16 +101,16 @@ Page({
         ); // icon
       }
     } else {
-      this.drawFood(EQUIVALENT_MORE_X, type); // icon
-      hmUI.createWidget(hmUI.widget.IMG, EQUIVALENT_MORE_FOOD_ICON);
-      hmUI.createWidget(hmUI.widget.TEXT, {
+      this.drawFood(EQUIVALENT_MORE_X, type) // icon
+      createWidget(widget.IMG, EQUIVALENT_MORE_FOOD_ICON)
+      createWidget(widget.TEXT, {
         ...EQUIVALENT_MORE_FOOD_NUM,
         text: `${count}`,
       });
     }
   },
   drawFood(x, type) {
-    hmUI.createWidget(hmUI.widget.IMG, {
+    createWidget(widget.IMG, {
       ...EQUIVALENT_TO_FOOD_ICON,
       x: px(x),
       src: `food/${type}.png`,

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/secondary-widget/index.js

@@ -0,0 +1,139 @@
+import { getTextLayout, createWidget, widget, deleteWidget } from "@zos/ui";
+import { push } from "@zos/router";
+import { getText } from "@zos/i18n";
+import { Calorie } from "@zos/sensor";
+import { log as Logger, px } from "@zos/utils";
+
+import {
+  CALORIE_TEXT,
+  CALORIE_TEXT_SIZE,
+  UNIT_TEXT,
+  UNIT_TEXT_SIZE,
+  TOTAL_CONSUME_TEXT,
+  CONSUME_ICON,
+  CONSUME_ICON_WIDTH,
+  IMGAE_CALORIES_MARIN,
+  CALORIES_UNIT_MARIN,
+  EQUIVALENT_TO_BUTTON,
+  EQUIVALENT_TO_FOOD_ICON,
+  DEVICE_WIDTH,
+  EQUIVALENT_MORE_X,
+  EQUIVALENT_MARGIN,
+  EQUIVALENT_TO_FOOD_ICON_WIDTH,
+  EQUIVALENT_MORE_FOOD_ICON,
+  EQUIVALENT_MORE_FOOD_NUM,
+} from "../utils/styles-gts-3";
+import { FOOD_CALORIES } from "../utils/constants";
+const logger = Logger.getLogger("calories");
+const globalData = getApp()._options.globalData;
+
+SecondaryWidget({
+  state: {
+    refreshWidgetList: [],
+  },
+  buildTopContent(calories) {
+    const { width: w1 } = getTextLayout("" + calories, {
+      text_size: CALORIE_TEXT_SIZE,
+      text_width: 0,
+      wrapped: 0,
+    });
+    const { width: w2 } = getTextLayout(getText("unit"), {
+      text_size: UNIT_TEXT_SIZE,
+      text_width: 0,
+      wrapped: 0,
+    });
+
+    const w =
+      w1 + w2 + CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN + CALORIES_UNIT_MARIN;
+    const x = Math.round((DEVICE_WIDTH - w) / 2);
+    const baseY = px(64);
+
+    const textId = createWidget(widget.TEXT, {
+      ...CALORIE_TEXT,
+      text: `${calories}`,
+      x: x + CONSUME_ICON_WIDTH + IMGAE_CALORIES_MARIN,
+      w: w1,
+      y: CALORIE_TEXT.y + baseY,
+    });
+    const unitId = createWidget(widget.TEXT, {
+      ...UNIT_TEXT,
+      x: x + w - w2,
+      w: w2,
+      y: UNIT_TEXT.y + baseY,
+    });
+
+    this.state.refreshWidgetList.push(textId, unitId);
+    createWidget(widget.IMG, { ...CONSUME_ICON, x, y: CONSUME_ICON.y + baseY });
+  },
+  build() {
+    logger.log("===build===");
+    createWidget(widget.TEXT, TOTAL_CONSUME_TEXT);
+
+    createWidget(widget.BUTTON, {
+      ...EQUIVALENT_TO_BUTTON,
+      click_func: () => {
+        push({
+          url: "page/gts/food-list",
+        });
+      },
+    });
+  },
+  calculate(currentCalories, foodData) {
+    let { value, type } = foodData;
+    let count = Math.floor(currentCalories / value);
+    if (count === 1 || count === 2 || count === 3) {
+      let x =
+        (DEVICE_WIDTH -
+          EQUIVALENT_TO_FOOD_ICON_WIDTH * count -
+          EQUIVALENT_MARGIN * (count - 1)) /
+        2;
+      for (let index = 0; index < count; index++) {
+        this.drawFood(
+          x + (EQUIVALENT_MARGIN + EQUIVALENT_TO_FOOD_ICON_WIDTH) * index,
+          type
+        );
+      }
+    } else {
+      this.drawFood(EQUIVALENT_MORE_X, type); // icon
+      const imgId = createWidget(widget.IMG, EQUIVALENT_MORE_FOOD_ICON);
+      const textId = createWidget(widget.TEXT, {
+        ...EQUIVALENT_MORE_FOOD_NUM,
+        text: `${count}`,
+      });
+
+      this.state.refreshWidgetList.push(imgId, textId);
+    }
+  },
+  drawFood(x, type) {
+    const imgWidget = createWidget(widget.IMG, {
+      ...EQUIVALENT_TO_FOOD_ICON,
+      x: px(x),
+      src: `food/${type}.png`,
+    });
+
+    this.state.refreshWidgetList.push(imgWidget);
+  },
+  onResume() {
+    if (this.state.refreshWidgetList.length) {
+      this.state.refreshWidgetList.forEach((i) => {
+        deleteWidget(i);
+      });
+      this.state.refreshWidgetList = [];
+    }
+
+    this.getData();
+    logger.log("===onResume===");
+  },
+
+  getData() {
+    const calories = new Calorie().getCurrent(); // Math.floor(Math.random() * 1000)
+    const currentFood = globalData.foodType;
+
+    this.buildTopContent(calories);
+
+    const activeIndex = FOOD_CALORIES.findIndex(
+      (item) => item.type === currentFood
+    );
+    this.calculate(calories, FOOD_CALORIES[activeIndex]);
+  },
+});

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/utils/styles-gts-3.js

@@ -1,7 +1,7 @@
-import * as hmUI from "@zos/ui";
-import { getText } from "@zos/i18n";
-import { getDeviceInfo } from "@zos/device";
-import { px } from "@zos/utils";
+import { align, text_style } from '@zos/ui'
+import { getText } from '@zos/i18n'
+import { getDeviceInfo } from '@zos/device'
+import { px } from '@zos/utils'
 
 export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } = getDeviceInfo();
 
@@ -13,10 +13,9 @@ export const COMMON_TITLE_TEXT = {
   h: 42,
   color: 0xffffff,
   text_size: 32,
-  align_v: hmUI.align.LEFT,
-  text_style: hmUI.text_style.WRAP,
-};
-
+  align_v: align.LEFT,
+  text_style: text_style.WRAP,
+}
 export const ALIGN_DESC_GROUP = {
   x: 0,
   y: px(80),
@@ -34,10 +33,10 @@ export const CALORIE_TEXT = {
   h: px(82),
   color: 0xffffff,
   text_size: CALORIE_TEXT_SIZE,
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
-export const UNIT_TEXT_SIZE = px(24);
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}
+export const UNIT_TEXT_SIZE = px(24)
 export const UNIT_TEXT = {
   text: getText("unit"),
   x: 0,
@@ -46,9 +45,9 @@ export const UNIT_TEXT = {
   h: px(34),
   color: 0x999999,
   text_size: UNIT_TEXT_SIZE,
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}
 
 export const TOTAL_CONSUME_TEXT = {
   text: getText("consumption"),
@@ -58,9 +57,9 @@ export const TOTAL_CONSUME_TEXT = {
   h: 38,
   color: 0x999999,
   text_size: 28,
-  align_h: hmUI.align.CENTER_H,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.CENTER_H,
+  align_v: align.CENTER_V,
+}
 
 export const EQUIVALENT_TO_BUTTON = {
   text: getText("equivalent"),
@@ -106,9 +105,9 @@ export const EQUIVALENT_MORE_FOOD_NUM = {
   h: 60,
   color: 0xee801e,
   text_size: 50,
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}
 
 export const FOOD_LIST_Y = 96;
 export const FOOD_LIST_ITEM_MARGIN = 60;
@@ -136,6 +135,6 @@ export const FOOD_LIST_RADIO_ITEM_TEXT = {
   h: FOOD_LIST_ITEM_HEIGHT,
   color: 0xffffff,
   text_size: 32,
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/calories/utils/styles.js

@@ -1,7 +1,7 @@
-import * as hmUI from "@zos/ui";
-import { getText } from "@zos/i18n";
-import { getDeviceInfo } from "@zos/device";
-import { px } from "@zos/utils";
+import { align, text_style } from '@zos/ui'
+import { getText } from '@zos/i18n'
+import { getDeviceInfo } from '@zos/device'
+import { px } from '@zos/utils'
 
 export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } = getDeviceInfo();
 
@@ -13,10 +13,10 @@ export const COMMON_TITLE_TEXT = {
   h: px(46),
   color: 0xffffff,
   text_size: px(36),
-  align_h: hmUI.align.CENTER_H,
-  align_v: hmUI.align.CENTER_V,
-  text_style: hmUI.text_style.WRAP,
-};
+  align_h: align.CENTER_H,
+  align_v: align.CENTER_V,
+  text_style: text_style.WRAP,
+}
 
 export const ALIGN_DESC_GROUP = {
   x: 0,
@@ -35,10 +35,10 @@ export const CALORIE_TEXT = {
   h: px(100),
   color: 0xffffff,
   text_size: CALORIE_TEXT_SIZE,
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
-export const UNIT_TEXT_SIZE = px(28);
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}
+export const UNIT_TEXT_SIZE = px(28)
 export const UNIT_TEXT = {
   text: getText("unit"),
   x: px(0),
@@ -47,9 +47,9 @@ export const UNIT_TEXT = {
   h: px(34),
   color: 0x999999,
   text_size: UNIT_TEXT_SIZE,
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}
 
 export const TOTAL_CONSUME_TEXT = {
   text: getText("consumption"),
@@ -59,9 +59,9 @@ export const TOTAL_CONSUME_TEXT = {
   h: px(38),
   color: 0x999999,
   text_size: px(28),
-  align_h: hmUI.align.CENTER_H,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.CENTER_H,
+  align_v: align.CENTER_V,
+}
 
 export const EQUIVALENT_TO_BUTTON = {
   text: getText("equivalent"),
@@ -107,9 +107,9 @@ export const EQUIVALENT_MORE_FOOD_NUM = {
   h: px(60),
   color: 0xee801e,
   text_size: px(55),
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}
 
 export const FOOD_LIST_Y = 178;
 export const FOOD_LIST_ITEM_MARGIN = 64;
@@ -137,6 +137,6 @@ export const FOOD_LIST_RADIO_ITEM_TEXT = {
   h: px(64),
   color: 0xffffff,
   text_size: px(32),
-  align_h: hmUI.align.LEFT,
-  align_v: hmUI.align.CENTER_V,
-};
+  align_h: align.LEFT,
+  align_v: align.CENTER_V,
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/empty/jsconfig.json

@@ -4,11 +4,6 @@
     "target": "es6",
     "checkJs": true
   },
-  "exclude": [
-    "node_modules",
-    "**/node_modules/*"
-  ],
-  "files": [
-    "node_modules/@zeppos/device-types/index.d.ts"
-  ]
+  "exclude": ["node_modules", "**/node_modules/*"],
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/fetch-api/pages/index.js

@@ -1,5 +1,5 @@
-import * as hmUI from "@zos/ui";
-import { log as Logger, px } from "@zos/utils";
+import { createWidget, widget, align, text_style } from '@zos/ui'
+import { log as Logger, px } from '@zos/utils'
 import {
   DEFAULT_COLOR,
   DEFAULT_COLOR_TRANSPARENT,
@@ -12,7 +12,7 @@ const { messageBuilder } = getApp()._options.globalData;
 Page({
   state: {},
   build() {
-    hmUI.createWidget(hmUI.widget.BUTTON, {
+    createWidget(widget.BUTTON, {
       x: (DEVICE_WIDTH - px(400)) / 2,
       y: px(260),
       w: px(400),
@@ -38,19 +38,19 @@ Page({
         const { result = {} } = data;
         const { text } = result;
 
-        hmUI.createWidget(hmUI.widget.TEXT, {
+        createWidget(widget.TEXT, {
           x: px(50),
           y: px(100),
           w: DEVICE_WIDTH - 2 * px(50),
           h: px(46),
           color: 0xffffff,
           text_size: px(36),
-          align_h: hmUI.align.CENTER_H,
-          align_v: hmUI.align.CENTER_V,
-          text_style: hmUI.text_style.NONE,
-          text,
-        });
+          align_h: align.CENTER_H,
+          align_v: align.CENTER_V,
+          text_style: text_style.NONE,
+          text
+        })
+          .catch((res) => { });
       })
-      .catch((res) => {});
-  },
-});
+    }
+})