@x1a0ma17x/zeppos-fx 2.0.3 → 2.0.4

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "markdown.validate.enabled": true
+}

package/CHANGELOG.md

@@ -0,0 +1,33 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [2.0.4] - 2026-01-05
+
+### Fixed
+- Fixed `delay` parameter bug where delay was not being applied correctly in timer.start()
+- Fixed `time` parameter unit inconsistency, changed from seconds to milliseconds
+- Fixed animation calculations to use milliseconds consistently
+
+### Breaking Changes
+- **BREAKING CHANGE**: `time` parameter unit from changed seconds to milliseconds
+  - Old: `time: 1` (1 second)
+  - New: `time: 1000` (1000 milliseconds = 1 second)
+  - All existing code must multiply `time` values by 1000
+- `delay` parameter documentation clarified to use milliseconds
+
+### Updated
+- Updated README.md and README_zh-CN.md documentation
+- Updated example/page/index.js example code
+- Updated old/v2.0/fx.js for consistency
+
+## [2.0.3] - 2025-11-30
+
+### Added
+- Initial release of zeppos-fx animation library
+- Support for multiple easing functions
+- ZeppOS timer integration
+- Comprehensive documentation and examples

package/README.md

@@ -1,11 +1,8 @@
 <a name="readme-top"></a>
 
-
-[![Contributors][contributors-shield]][contributors-url]
-[![Forks][forks-shield]][forks-url]
-[![Stargazers][stars-shield]][stars-url]
-[![Issues][issues-shield]][issues-url]
-[![MIT License][license-shield]][license-url]
+![npm version](https://img.shields.io/npm/v/@x1a0ma17x/zeppos-fx)
+![minified size](https://img.shields.io/bundlephobia/min/@x1a0ma17x/zeppos-fx)
+![license](https://img.shields.io/npm/l/@x1a0ma17x/zeppos-fx)
 
 <br />
 <div align="center">
@@ -13,138 +10,99 @@
     <img src="fx.js.png" alt="Logo" width="80" height="80">
   </a>
 
-  <h3 align="center">fx.js</h3>
+  <h3 align="center">ZeppOS Fx</h3>
 
   <p align="center">
     A library for providing simple animations in ZeppOS. 
     <br />
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/blob/master/README_zh-CN.md"><strong>中文文档（在写了别催了） »</strong></a>
-    <br />
-    <br />
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/releases">Download</a>
-    ·
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/issues">Report Bug</a>
-    ·
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/issues">Request Feature</a>
+    English | <a href="https://github.com/XiaomaiTX/zeppos-fx/blob/master/README_zh-CN.md"><strong>中文文档</strong></a>
   </p>
 </div>
 
-<details>
-  <summary>Table of Contents</summary>
-  <ol>
-    <li>
-      <a href="#about-the-project">About The fx.js</a>
-    </li>
-    <li>
-      <a href="#getting-started">Getting Started</a>
-      <ul>
-        <li><a href="#prerequisites">Prerequisites</a></li>
-        <li><a href="#installation">Installation</a></li>
-      </ul>
-    </li>
-    <li><a href="#usage">Usage</a></li>
-    <li><a href="#roadmap">Roadmap</a></li>
-    <li><a href="#contributing">Contributing</a></li>
-    <li><a href="#license">License</a></li>
-    <li><a href="#contact">Contact</a></li>
-  </ol>
-</details>
-
-
-## About The Project
-
-A library for providing simple animations in ZeppOS. 
-You can use simple functions to add animations to your UI widgets
-
-
-Here's why:
+This is a flexible, elegant, and high-performance animation library for ZeppOS.
 
-- In ZeppOS 1.0, there is no official animation interface for the control, so developers need to write their own animation libraries to implement animation features.
-- In order to save your developers' work at the bottom, we have created an animation library for ZeppOS that helps developers to quickly build UI controls with linear or non-linear animations in ZeppOS applets
-- You can also easily add custom animations to your UI widgets
+You can effortlessly add various elegant animation effects to existing UI controls.
 
-Use the <a href="#usage">Usage</a> to easily get started.
+Why choose fx.js:
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
+- ✅ High-performance non-linear animation calculations
 
+- ✅ Extensive animation presets
 
-## Getting Started
+- ✅ Complete state control
 
-The content here will help you get familiar with the program quickly.
+- ✅ Simply import ZeppOS Fx to implement
 
-### Prerequisites
+~~In ZeppOS 1.0, the official platform does not provide interfaces for control animations. We believe developers can use this fx library to add engaging animations to ZeppOS 1.0 mini-programs (e.g., developing mini-programs for the Xiaomi Mi Band 7)~~
 
-Before using this library, please make sure you already have an understanding of ZeppOS applet development, you can refer to the [ZeppOS official documentation](https://docs.zepp.com/docs/intro/).
-Also, you need a `code editor(Like Microsoft VSCode)` and `knowledge of JavaScript`.
+## 🚀 Quick Start
 
-### Installation
+### 📦 Installation
 
-1. To use this library, you need to create a ZeppOS applet project first.refer to the [ZeppOS quick start](https://docs.zepp.com/docs/guides/quick-start/).
-
-2. Please download the latest `fx.js` file in the [Releases](https://github.com/XiaomaiTX/zeppos-fx/releases), and place `fx.js` in the `utils/` directory of the root of the applet
-
-3. Add a reference to fx.js in the project
-
-```js
-import { Fx } from "../utils/fx"; // Replace with the path to your fx.js
+```bash
+pnpm install @x1a0ma17x/zeppos-fx
 ```
 
-At this point, you're ready to use the `fx.js` library
+## Usage Guide
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-## Usage
-
-You can refer to the following example to use this library and you should get the expected results like this:
-The position of the text moves from x=100 to x=200 with a non-linear motion effect
+Refer to this simple example: If executed correctly, the text control's x-value should transition from 100 to 200, indicating a nonlinear movement to the right
 
 ```js
-    const text = hmUI.createWidget(hmUI.widget.TEXT, {
-      // create a text widget
-      x: 100,
-      y: 120,
-      w: 288,
-      h: 46,
-      color: 0xffffff,
-      text_size: 36,
-      align_h: hmUI.align.CENTER_H,
-      align_v: hmUI.align.CENTER_V,
-      text_style: hmUI.text_style.NONE,
-      text: 'HELLO ZEPPOS'
-    })
-
-let fx = new Fx({
-    begin: 100, // Initial value of function.
-    end: 200, // Target value of function. 
-    fps: 60, // FPS. 
-    time: 1, // Total during time (s). 
-     style: Fx.Styles.EASE_IN_OUT_QUAD, // Types of animation presets used, seeing @Fx.Style. 
-     onStop() {
-       console.log("anim stop");
-     }, // Callback function at the end of the animation. 
-
-     // Callback function for each frame, the parameter is the current function value, the value range is [begin, end]
-      func: (result) => text.setProperty(hmUI.prop.X, result),
+import * as hmUI from "@zos/ui";
+import { Fx } from "@x1a0ma17x/zeppos-fx";
+
+Page({
+    build() {
+        const text = hmUI.createWidget(hmUI.widget.TEXT, {
+            // Create a simple TEXT Widget
+            x: 0,
+            y: 120,
+            w: 288,
+            h: 46,
+            color: 0xffffff,
+            text_size: 36,
+            align_h: hmUI.align.CENTER_H,
+            align_v: hmUI.align.CENTER_V,
+            text_style: hmUI.text_style.NONE,
+            text: "HELLO ZEPPOS",
+        });
+
+        const fx = new Fx({
+            delay: 0, // Delay before execution (in milliseconds)
+            begin: 0, // Initial function value
+            end: 1, // Final function value
+            fps: 60, // Frame rate (frames per second)
+            time: 1000, // Total duration (in milliseconds)
+            style: Fx.Styles.EASE_IN_OUT_QUAD, // Preset animation style
+            enabled: true, // Whether enabled by default (i.e., animation starts automatically when Fx instance is created)
+            onStop() {
+                // Callback function after animation ends
+                console.log("anim stop");
+            },
+            func: (result) => {
+                // Callback function for each frame, with the current function value (range: [begin, end])
+                text.setProperty(hmUI.prop.X, 300 * result);
+            },
+        });
+
+        // State control
+        fx.start();
+        // fx.pause();
+        // fx.stop();
+    },
 });
-fx.restart(); // Replay animation can be called multiple times. 
 ```
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
 ## Roadmap
 
-- [x] Add basic presets
-- [x] Add function to mix colors
-- [ ] Add more presets
-- [ ] Multi-language Support for README
+- [ ] Dynamic compatibility with ZeppOS API
+- [x] Add state management
+- [x] Add basic animation presets
+- [x] Add color blending animation functions
+- [x] Increase preset options
+- [x] Implement multilingual support for README
   - [x] English
-  - [ ] 中文
-
-See the [open issues](https://github.com/XiaomaiTX/zeppos-fx/issues) for a full list of proposed features (and known issues).
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
+  - [x] Chinese
 
 ## Contributing
 
@@ -159,32 +117,6 @@ Don't forget to give the project a star! Thanks again!
 4. Push to the Branch (`git push origin feature/AmazingFeature`)
 5. Open a Pull Request
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
 ## License
 
 Distributed under the MIT License. See `LICENSE.txt` for more information.
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
-## Contact
-
-XiaomaiTX - i@lenrome.cn
-
-Project Link: [https://github.com/your_username/repo_name](https://github.com/your_username/repo_name)
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
-[contributors-shield]: https://img.shields.io/github/contributors/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[contributors-url]: https://github.com/XiaomaiTX/zeppos-fx/graphs/contributors
-[forks-shield]: https://img.shields.io/github/forks/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[forks-url]: https://github.com/XiaomaiTX/zeppos-fx/network/members
-[stars-shield]: https://img.shields.io/github/stars/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[stars-url]: https://github.com/XiaomaiTX/zeppos-fx/stargazers
-[issues-shield]: https://img.shields.io/github/issues/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[issues-url]: https://github.com/XiaomaiTX/zeppos-fx/issues
-[license-shield]: https://img.shields.io/github/license/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[license-url]: https://github.com/XiaomaiTX/zeppos-fx/blob/master/LICENSE.txt

package/README_zh-CN.md

@@ -1,11 +1,8 @@
 <a name="readme-top"></a>
-# 在写了，别急
 
-[![Contributors][contributors-shield]][contributors-url]
-[![Forks][forks-shield]][forks-url]
-[![Stargazers][stars-shield]][stars-url]
-[![Issues][issues-shield]][issues-url]
-[![MIT License][license-shield]][license-url]
+![npm version](https://img.shields.io/npm/v/@x1a0ma17x/zeppos-fx)
+![minified size](https://img.shields.io/bundlephobia/min/@x1a0ma17x/zeppos-fx)
+![license](https://img.shields.io/npm/l/@x1a0ma17x/zeppos-fx)
 
 <br />
 <div align="center">
@@ -13,145 +10,96 @@
     <img src="fx.js.png" alt="Logo" width="80" height="80">
   </a>
 
-  <h3 align="center">fx.js</h3>
+  <h3 align="center">ZeppOS Fx</h3>
 
   <p align="center">
     一个用于在ZeppOS中提供简单动画的库
     <br />
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/blob/master/README.md"><strong>English Document »</strong></a>
-    <br />
-    <p>我在写文档的时候优先用的英语哦~建议优先读完英文版 当然，中文版更方便大部分大陆开发者使用习惯
-    <br />
-    <br />
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/releases">下载稳定版</a>
-    ·
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/issues">反馈Bug</a>
-    ·
-    <a href="https://github.com/XiaomaiTX/zeppos-fx/issues">提交新建议</a>
+    <a href="https://github.com/XiaomaiTX/zeppos-fx/blob/master/README.md"><strong>English</strong></a> | 中文文档
   </p>
 </div>
 
-<details>
-  <summary>目录</summary>
-  <ol>
-    <li>
-      <a href="#about-the-project">关于 fx.js</a>
-    </li>
-    <li>
-      <a href="#getting-started">快速开始</a>
-      <ul>
-        <li><a href="#prerequisites">前期准备</a></li>
-        <li><a href="#installation">安装</a></li>
-      </ul>
-    </li>
-    <li><a href="#usage">如何使用</a></li>
-    <li><a href="#roadmap">TODO</a></li>
-    <li><a href="#contributing">Contributing</a></li>
-    <li><a href="#license">开源协议</a></li>
-    <li><a href="#contact">联系我们</a></li>
-  </ol>
-</details>
-
-
-## 关于 fx.js
-
-这是一个一个用于在ZeppOS中提供简单动画的库
-你可以用非常简单的方式来为现有的UI控件添加各种动画效果
-
-为什么选择fx.js呢:
-
-- 在 ZeppOS 1.0中，官方并没有提供控件动画效果的接口，我们认为开发者可以通过这个fx库来为 ZeppOS 1.0 小程序添加有意思的动画（比如给小米手环7写小程序）
-- 为了方便开发者快速接入现有项目，开发者可以极为方便的使用fx.js来添加线性或非线性动画，而这一切只需要引入fx.js这个库即可
-- 当然，也欢迎各位开发者们添加更多有意思的动画效果
-
-快速开始？看看下面的 <a href="#usage">Usage</a> 吧
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
+这是一个灵活的、优雅、高性能的适用于 ZeppOS 的动画库
 
+你可以用非常简单的方式来为现有的UI控件添加各种优雅的动画效果
 
-## 快速开始
-
-以下内容可以让开发者们快速上手
-
-### 前期准备
-
-在接入fx.js库之前，请确保你已经对 ZeppOS 小程序开发有了一定了解，当然，你也可以从头开始，从 [ZeppOS 官方文档](https://docs.zepp.com/docs/intro/)入手，相信你一定可以快速掌握的
-Also, you need a `code editor(Like Microsoft VSCode)` and `knowledge of JavaScript`.
-emmm，你还需要一个代码编辑器（比如微软的VSCode），以及有关JavaScript的知识
-
-### 安装
+为什么选择fx.js呢:
 
-1. 使用fx.js之前，你需要准备一个 ZeppOS 小程序项目，如果还没有创建，你可以参考这部分的文档 [ZeppOS quick start](https://docs.zepp.com/docs/guides/quick-start/).
+- ✅ 高性能的非线性动画计算
+- ✅ 丰富的动画预设
+- ✅ 完整的状态控制
+- ✅ 一切只需要引入ZeppOS Fx即可
 
-2. 请前往 [Releases](https://github.com/XiaomaiTX/zeppos-fx/releases) 下载最新稳定版fx.js，然后把fx.js放到项目根目录的 `utils/` 目录中
+~~在 ZeppOS 1.0中，官方并没有提供控件动画效果的接口，我们认为开发者可以通过这个fx库来为 ZeppOS 1.0 小程序添加有意思的动画（比如给小米手环7写小程序）~~
 
-3. 在项目中添加对fx.js的引用
+## 🚀 快速开始
 
+### 📦 安装
 
-```js
-import { Fx } from "../utils/fx"; // 这里换成fx.js相对于该文件的相对路径
+```bash
+pnpm install @x1a0ma17x/zeppos-fx
 ```
 
-至此，你可以尽情享受fx.js带来的动画效果了，什么？不知道怎么用？那就看看Usage吧
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
 ## 如何使用
 
 可以参考这个简单的示例，如果正常运行，文本控件的x值应该由100变为200，即向右进行非线性移动
-如果有什么问题可以提交issue或联系XiaomaiTX，但是在发问前请确保自己已经经过思考
-当然，你可以先看看我博客的文章[《提问的智慧》](https://blog.uuu4.cn/archives/12/)
 
 ```js
-    const text = hmUI.createWidget(hmUI.widget.TEXT, {
-      // 创建一个简单的 TEXT 控件
-      x: 100,
-      y: 120,
-      w: 288,
-      h: 46,
-      color: 0xffffff,
-      text_size: 36,
-      align_h: hmUI.align.CENTER_H,
-      align_v: hmUI.align.CENTER_V,
-      text_style: hmUI.text_style.NONE,
-      text: 'HELLO ZEPPOS'
-    })
-
-let fx = new Fx({
-    begin: 100, // 初始函数值
-    end: 200, // 目标函数值
-    fps: 60, // 帧率
-    time: 1, // 总时长(秒)
-     style: Fx.Styles.EASE_IN_OUT_QUAD, //   预设类型 见fx.js中的Fx.Style
-
-     onStop() {
-       console.log("anim stop");
-     }, // 动画结束后的回调函数
-
-     // 每一帧的回调函数，参数为当前函数值，取值范围为[begin, end]
-      func: (result) => text.setProperty(hmUI.prop.X, result),
+import * as hmUI from "@zos/ui";
+import { Fx } from "@x1a0ma17x/zeppos-fx";
+
+Page({
+    build() {
+        const text = hmUI.createWidget(hmUI.widget.TEXT, {
+            // 创建一个简单的 TEXT 控件
+            x: 0,
+            y: 120,
+            w: 288,
+            h: 46,
+            color: 0xffffff,
+            text_size: 36,
+            align_h: hmUI.align.CENTER_H,
+            align_v: hmUI.align.CENTER_V,
+            text_style: hmUI.text_style.NONE,
+            text: "HELLO ZEPPOS",
+        });
+
+        const fx = new Fx({
+            delay: 0, // 延迟执行的时间(毫秒)
+            begin: 0, // 初始函数值
+            end: 1, // 结束函数值
+            fps: 60, // 帧率
+            time: 1000, // 总时长(毫秒)
+            style: Fx.Styles.EASE_IN_OUT_QUAD, // 预设类型
+            enabled: true, // 是否默认启用（即创建Fx实例时自动启动）
+            onStop() {
+                // 动画结束后的回调函数
+                console.log("anim stop");
+            },
+            func: (result) => {
+                // 每一帧的回调函数，参数为当前函数值，取值范围为[begin, end]
+                text.setProperty(hmUI.prop.X, 300 * result);
+            },
+        });
+
+        // 状态控制
+        fx.start();
+        // fx.pause();
+        // fx.stop();
+    },
 });
-fx.restart(); // 播放动画 可以重复多次调用
 ```
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
 ## Roadmap
 
+- [ ] 动态兼容 ZeppOS API
+- [x] 添加状态管理
 - [x] 添加一些基本的动画预设
 - [x] 添加颜色混合动画函数
-- [ ] 添加更多的预设（咕咕咕，靠大家的贡献啦~）
-- [ ] 为README编写多语言适配（感觉中英就够了？）
+- [x] 添加更多的预设
+- [x] 为README编写多语言适配
   - [x] English
-  - [ ] 中文
-
-
-See the [open issues](https://github.com/XiaomaiTX/zeppos-fx/issues) for a full list of proposed features (and known issues).
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
+  - [x] 中文
 
 ## Contributing
 
@@ -166,31 +114,6 @@ Don't forget to give the project a star! Thanks again!
 4. Push to the Branch (`git push origin feature/AmazingFeature`)
 5. Open a Pull Request
 
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
 ## License
 
-Distributed under the MIT License. See `LICENSE.txt` for more information.
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-
-## Contact
-
-XiaomaiTX - i@lenrome.cn
-
-Project Link: [https://github.com/XiaomaiTX/zeppos-fx](https://github.com/XiaomaiTX/zeppos-fx)
-
-<p align="right">(<a href="#readme-top">back to top</a>)</p>
-
-[contributors-shield]: https://img.shields.io/github/contributors/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[contributors-url]: https://github.com/XiaomaiTX/zeppos-fx/graphs/contributors
-[forks-shield]: https://img.shields.io/github/forks/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[forks-url]: https://github.com/XiaomaiTX/zeppos-fx/network/members
-[stars-shield]: https://img.shields.io/github/stars/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[stars-url]: https://github.com/XiaomaiTX/zeppos-fx/stargazers
-[issues-shield]: https://img.shields.io/github/issues/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[issues-url]: https://github.com/XiaomaiTX/zeppos-fx/issues
-[license-shield]: https://img.shields.io/github/license/XiaomaiTX/zeppos-fx.svg?style=for-the-badge
-[license-url]: https://github.com/XiaomaiTX/zeppos-fx/blob/master/LICENSE.txt
+Distributed under the MIT License. See `LICENSE` for more information.

package/example/app.js

@@ -1,10 +1,10 @@
-App({
-  globalData: {},
-  onCreate(options) {
-    console.log('app on create invoke')
-  },
-
-  onDestroy(options) {
-    console.log('app on destroy invoke')
-  }
+App({
+  globalData: {},
+  onCreate(options) {
+    console.log('app on create invoke')
+  },
+
+  onDestroy(options) {
+    console.log('app on destroy invoke')
+  }
 })

package/example/app.json

@@ -1,7 +1,7 @@
 {
   "configVersion": "v3",
   "app": {
-    "appId": 25881,
+    "appId": 28682,
     "appName": "Empty",
     "appType": "app",
     "version": {
@@ -15,9 +15,9 @@
   "permissions": [],
   "runtime": {
     "apiVersion": {
-      "compatible": "3.0.0",
-      "target": "3.0.0",
-      "minVersion": "3.0"
+      "compatible": "4.0",
+      "target": "4.0",
+      "minVersion": "4.0"
     }
   },
   "targets": {
@@ -27,12 +27,6 @@
           "pages": [
             "page/index"
           ]
-        },
-        "app-side": {
-          "path": "app-side/index"
-        },
-        "setting": {
-          "path": "setting/index"
         }
       },
       "platforms": [

package/example/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/example/jsconfig.json

@@ -1,9 +1,9 @@
-{
-  "compilerOptions": {
-    "module": "commonjs",
-    "target": "es6",
-    "checkJs": true
-  },
-  "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
-}
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "checkJs": true
+  },
+  "exclude": ["node_modules", "**/node_modules/*"],
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
+}

package/example/package.json

@@ -1,14 +1,17 @@
-{
-  "name": "empty",
-  "version": "1.0.0",
-  "description": "",
-  "main": "app.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "@zeppos/device-types": "^3.0.0"
-  }
-}
+{
+  "name": "empty",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@zeppos/device-types": "^3.0.0"
+  },
+  "dependencies": {
+    "@x1a0ma17x/zeppos-fx": "^2.0.3"
+  }
+}

package/example/page/i18n/en-US.po

@@ -1,2 +1,2 @@
-msgid "example"
+msgid "example"
 msgstr "This is an example in device"