diff --git a/docs/assets/img/chrome-inspect.png b/docs/assets/img/chrome-inspect.png new file mode 100644 index 000000000..68f4e2617 Binary files /dev/null and b/docs/assets/img/chrome-inspect.png differ diff --git a/docs/assets/img/elements-inspect.mov b/docs/assets/img/elements-inspect.mov new file mode 100644 index 000000000..1743925e0 Binary files /dev/null and b/docs/assets/img/elements-inspect.mov differ diff --git a/docs/assets/img/hippy-dev-output.png b/docs/assets/img/hippy-dev-output.png new file mode 100644 index 000000000..3baea85ee Binary files /dev/null and b/docs/assets/img/hippy-dev-output.png differ diff --git a/docs/assets/img/ios-remote-debug-config.png b/docs/assets/img/ios-remote-debug-config.png new file mode 100644 index 000000000..70d664c57 Binary files /dev/null and b/docs/assets/img/ios-remote-debug-config.png differ diff --git a/docs/assets/img/ios-safari-config.png b/docs/assets/img/ios-safari-config.png new file mode 100644 index 000000000..efd5051ec Binary files /dev/null and b/docs/assets/img/ios-safari-config.png differ diff --git a/docs/assets/img/remote-debug-demo.mov b/docs/assets/img/remote-debug-demo.mov new file mode 100644 index 000000000..d2361149c Binary files /dev/null and b/docs/assets/img/remote-debug-demo.mov differ diff --git a/docs/assets/img/remote-debug-webpack-output.png b/docs/assets/img/remote-debug-webpack-output.png new file mode 100644 index 000000000..d3d7ac942 Binary files /dev/null and b/docs/assets/img/remote-debug-webpack-output.png differ diff --git a/docs/guide/debug.md b/docs/guide/debug.md index a74373a12..d3173a54d 100644 --- a/docs/guide/debug.md +++ b/docs/guide/debug.md @@ -4,9 +4,9 @@ Hippy 是直接运行于手机的 JS 引擎中的，在 Android 上使用 WebSocket 通过 [Chrome DevTools Protocol](//chromedevtools.github.io/devtools-protocol/) 与电脑上的 Chrome 进行通讯调试，而 iOS 上使用内置 的 [JavaScriptCore](//developer.apple.com/documentation/javascriptcore) 与 [Safari](//www.apple.com.cn/cn/safari/) 连接进行调试。 -Hippy中运行的JS代码可以来源于本地文件(local file)，或者远程服务地址(server)。 +Hippy中运行的 JS 代码可以来源于本地文件(local file)，或者远程服务地址(server)。 -[hippy-debug-server](//www.npmjs.com/package/hippy-debug-server) 就是为了解决调试模式下终端模式获取调试用 JS 文件，以及将 [Chrome DevTools Protocol](//chromedevtools.github.io/devtools-protocol/) 传输回调试器而诞生。 +[@hippy/debug-server-next](//www.npmjs.com/package/@hippy/debug-server-next) 就是为了解决调试模式下终端模式获取调试用 JS 文件，以及将 [Chrome DevTools Protocol](//chromedevtools.github.io/devtools-protocol/) 传输回调试器而诞生。 # 项目初始化 @@ -21,7 +21,53 @@ Hippy中运行的JS代码可以来源于本地文件(local file)，或者远程 # 终端环境准备 -我们推荐在终端代码中留一个后门，通过一定条件触发后进入调试模式，具体代码可以参考 [iOS](//github.com/Tencent/Hippy/blob/master/framework/js/examples/ios-demo/HippyDemo/TestModule.m#L36) 和 [Android](//github.com/Tencent/Hippy/blob/master/framework/js/examples/android-demo/example/src/main/java/com/tencent/mtt/hippy/example/module/TestModule.java#L31)，这里实现了一个 `TestModule`，当前端调用它的 `debug` 方法时就会进入调试模式，而终端可以通过其它方式进入。 +我们推荐在终端代码中留一个后门，通过一定条件触发后进入调试模式，具体代码可以参考 [iOS](//github.com/Tencent/Hippy/blob/master/examples/ios-demo/HippyDemo/TestModule.m#L36) 和 [Android](//github.com/Tencent/Hippy/blob/master/examples/android-demo/example/src/main/java/com/tencent/mtt/hippy/example/module/TestModule.java#L31)，这里实现了一个 `TestModule`，当前端调用它的 `debug` 或 `remoteDebug` 方法时就会进入调试模式，而终端可以通过其它方式进入。 + +# 前端环境准备 + +1. 安装新一代调试工具： `npm i -D @hippy/debug-server-next@latest` +2. 修改 webpack 配置，添加调试服务地址，默认为 `http://localhost:38989` + + ```javascript + module.exports = { + devServer: { + // 调试服务地址 + remote: { + protocol: 'http', + // iOS 真机调试时配置为本地局域网 IP + // iOS 模拟器和安卓真机调试时配置为 localhost + // 远程调试时配置为远程服务器 IP 或域名 + host: '192.168.1.100', + // 调试服务端口 + port: 38989, + }, + client: { + overlay: false, + }, + }, + // ... other config + } + ``` + +3. 运行 `npm run hippy:debug` 开启调试服务 +4. 运行 `npm run hippy:dev` 启动编译，编译结束后打印出 bundleUrl 和调试首页地址 + + hippy dev 输出 + +5. 粘贴 bundleUrl 并点击开始按钮 + + iOS 远程调试配置 + +6. 使用调试器开始调试 + - Safari DevTools：在 Mac 上打开 Safari 的开发菜单（`预置` -> `高级` -> `显示开发菜单`），然后按下图指引开始调试。Safari 调试器支持 iOS 设备，支持 HMR & Live-Reload, Log, Sources, Memory 等能力。 + + Safari 调试器 + + - Chrome DevTools：访问第 4 步打印的调试首页地址开始调试。Chrome 调试器支持 Android & iOS 设备，支持 HMR & Live-Reload, Elements, Log, Sources, Memory 等能力。 + + Chrome 调试器 + +> `@hippy/debug-server-next` 包含 `@hippy/debug-server` 的所有能力，是面向 Hippy 3.0 的调试工具，完全向下兼容。 # 调试 Javascript @@ -29,82 +75,61 @@ Hippy中运行的JS代码可以来源于本地文件(local file)，或者远程 这里仅以官方范例为准，讲述如何进行调试。 -!> 需要注意的是：官方范例为测试最新功能，将 `@hippy/react` 和 `@hippy/vue` 做了个 [alias 到 packages 目录](https://github.com/Tencent/Hippy/blob/master/framework/js/examples/hippy-react-demo/scripts/hippy-webpack.dev.js#L76)，如果调试官方范例，需要先在 Hippy 项目根目录下使用 ```npm run build``` 编译前端 SDK；或者删除范例的 `scripts` 目录中对 packages 的 alias，Hippy-Vue 范例则需要将 `vue` 和 `vue-router` 分别映射到 `@hippy/vue` 和 `@hippy/vue-router` +!> 需要注意的是：官方范例为测试最新功能，将 `@hippy/react` 和 `@hippy/vue` 做了个 [alias 到 packages 目录](https://github.com/Tencent/Hippy/blob/master/examples/hippy-react-demo/scripts/hippy-webpack.dev.js#L76)，如果调试官方范例，需要先在 Hippy 项目根目录下使用 ```npm run build``` 编译前端 SDK；或者删除范例的 `scripts` 目录中对 packages 的 alias，Hippy-Vue 范例则需要将 `vue` 和 `vue-router` 分别映射到 `@hippy/vue` 和 `@hippy/vue-router` ## iOS -因为 Hippy 需要经过网络传输调试协议，我们建议使用 iOS 模拟器进行调试，真机上虽然也可以但会要求手机和开发机在同一个网络内，并且需要在手机中配置连接获取开发机上的调试服务。 +iOS 调试支持模拟器和真机两种方式，由于 JSBundle 和调试协议依赖网络传输，真机调试时需要确保手机与开发机在同一个局域网内，因此我们推荐使用模拟器调试。 -同时，本方法也可以用 Safari 进行内置包（不连接开发机上的调试 JS 包）的调试。 - -具体流程： +### 模拟器调试 1. 点击 [Xcode on Mac AppStore](//apps.apple.com/cn/app/xcode/id497799835?l=en&mt=12) 下载安装 Xcode。 -2. 使用 Xcode 打开[Hippy iOS 范例工程](//github.com/Tencent/Hippy/tree/master/framework/js/examples/ios-demo) 中的 `HippyDemo.xcodeproj` 工程文件，并点击运行，正常情况下应该可以启动模拟器，并运行之前内置的 Hippy 前端代码。 -3. 打开 `examples` 下的前端范例工程 [hippy-react-demo](//github.com/Tencent/Hippy/tree/master/framework/js/examples/hippy-react-demo) 或者 [hippy-vue-demo](//github.com/Tencent/Hippy/tree/master/framework/js/examples/hippy-vue-demo)，通过 `npm i` 安装完依赖之后，使用 `npm run hippy:dev` 启动编译，并另开一个终端窗口，运行 `npm run hippy:debug` 启动调试服务。 -4. 回到模拟器，点击前端工程中的调试按钮，即可进入调试状态。hippy-react 有一个单独的页面，hippy-vue 在右上角。以 hippy-react 为例： - - ![iOS 模拟器](../assets/ios-simulator.png) - -5. 打开 Safari，首先确保 `预置` -> `高级` -> `显示开发菜单` 正常勾上。 -6. 然后按图打开 Safari 调试器即可开始调试工作。 - - Safari 调试器 - -7. 当 JS 文件发生改动时，自动编译会执行，但是终端却无法获知 JS 文件已经发生改变，需要通过按 `Command + R`刷新 或者 `Command + D` 键调起 Reload 面板刷新 +2. 使用 Xcode 打开[Hippy iOS 范例工程](//github.com/Tencent/Hippy/tree/master/examples/ios-demo) 中的 `HippyDemo.xcodeproj` 工程文件，并点击运行，正常情况下应该可以启动模拟器，并运行之前内置的 Hippy 前端代码。 +3. 打开 `examples` 下的前端范例工程 [hippy-react-demo](//github.com/Tencent/Hippy/tree/master/examples/hippy-react-demo) 或者 [hippy-vue-demo](//github.com/Tencent/Hippy/tree/master/examples/hippy-vue-demo)，通过 `npm i` 安装完依赖之后，使用 `npm run hippy:dev` 启动编译，并另开一个终端窗口，运行 `npm run hippy:debug` 启动调试服务。 +4. 回到模拟器，[粘贴 bundleUrl](guide/debug.md#config-bundle) 并启动调试 +5. 当 JS 源码文件发生改动时，如已开启 HMR 或 Live-Reload，编译结束后会自动刷新；否则需要按 `Command + R` 或 `Command + D` 键调起 Reload 面板刷新 > 如果 `Command + D` 无法调起面板，可以点击 `Device` -> `Shake` 强制调起 Reload 面板 -### 远程调试 +### 真机调试 -默认情况下，iOS使用本地服务地址进行代码调试。Hippy客户端从服务器地址获取JS代码并运行Hippy业务。但是用户可能遇到真机调试的问题，这就需要真机连接远程地址。 -在`TestModuel.m`文件中，打开`REMOTEDEBUG`宏，并填入Hippy服务地址与业务名称，即可实现远程调试。 +1. iOS 真机调试只支持 XCode 编译的 App，并且 iOS 设备上需要开启 JavaScript 调试和 Web 检查器选项 + + safari 调试设置 + +2. 确保 iOS 设备和调试服务处于同一局域网内 +3. 编译 App，[粘贴 bundleUrl](guide/debug.md#config-bundle) 并启动调试 + +!> 注意：真机调试时必须保证开发机和手机处于同一局域网内，否则会加载 JSBundle 失败。以下两种情况都不满足：
+  (a) 开发机和手机分别连接公司的不同网络环境（如办公网和体验网）；
+  (b) 开发机连接网线，手机连接 WiFi。 ## Android -Android 使用了 [adb](//developer.android.com/studio/command-line/adb) 的端口映射功能，解决了真机到开发机通讯问题，反而因为 ARM 模拟器运行效率问题，更加推荐使用真机进行调试。 +Android 使用了 [adb](//developer.android.com/studio/command-line/adb) 的端口映射功能，解决了真机到开发机的通讯问题，反而因为 ARM 模拟器运行效率问题，更加推荐使用真机进行调试。 具体流程： -1. 下载安装 [Android Studio](//developer.android.com/studio) 。 -2. 通过 Android Studio 打开[Hippy Android 范例工程](//github.com/Tencent/Hippy/tree/master/framework/js/examples/android-demo)，当提示 ToolChain 需要更新时全部选择拒绝，安装好 SDK、NDK、和 cmake 3.6.4。 +1. 下载安装 [Android Studio](//developer.android.com/studio)。 +2. 通过 Android Studio 打开[Hippy Android 范例工程](//github.com/Tencent/Hippy/tree/master/examples/android-demo)，当提示 ToolChain 需要更新时全部选择拒绝，安装好 SDK、NDK、和 cmake 3.6.4。 3. 通过数据线插上 Android 手机，并在 Android Studio 中点击运行，正常情况下手机应该已经运行起 `Hippy Demo` app。*编译如果出现问题请参考 [#39](//github.com/Tencent/Hippy/issues/39)*。 4. 回到手机上，首先确保手机的 `USB 调试模式` 已经打开 -- 一般在关于手机页面里连续点击 `Build` 可以进入`开发者模式`，再进入`开发者模式`界面后打开 `USB 调试模式`。 5. 执行 `adb reverse --remove-all && adb reverse tcp:38989 tcp:38989` 确保 38389 端口不被占用。 -6. 打开前端范例工程 [hippy-react-demo](//github.com/Tencent/Hippy/tree/master/framework/js/examples/hippy-react-demo) 或者 [hippy-vue-demo](//github.com/Tencent/Hippy/tree/master/framework/js/examples/hippy-vue-demo)，通过 `npm i` 安装完依赖之后，使用 `npm run hippy:dev` 启动编译，并另开一个终端窗口，运行 `npm run hippy:debug` 启动调试服务。 -7. 回到手机上，点击前端工程中的调试按钮，即可进入调试状态。hippy-react 有一个单独的页面，hippy-vue 在右上角。以 hippy-react 为例： - - Android 调试 - -8. 然后打开 [Chrome](//www.google.com/chrome/)，输入 `chrome://inspect`，首先确保 `Discover USB devices` 的复选框呈未选中状态，然后确保 `Discover network targets` 选中，并在右侧 `Configure` 按钮的弹窗中包含了 `localhost:38989` 调试服务地址，下方的 `Remote Target` 中应该会出现 `Hippy debug tools for V8` 字样，点击下方的 `inspect` 链接即可打开 Chrome 调试器。 - - ![Chrome inspect](../assets/chrome-inspect-process.png) - -9. 当 JS 文件发生改动时，自动编译会执行，但是终端却无法获知 JS 文件已经发生改变，点击界面上的`小圆点`，选择弹出菜单中的 `Reload` 重新加载 JS 代码。 +6. 打开前端范例工程 [hippy-react-demo](//github.com/Tencent/Hippy/tree/master/examples/hippy-react-demo) 或者 [hippy-vue-demo](//github.com/Tencent/Hippy/tree/master/examples/hippy-vue-demo)，通过 `npm i` 安装完依赖之后，使用 `npm run hippy:dev` 启动编译，并另开一个终端窗口，运行 `npm run hippy:debug` 启动调试服务。 +7. 回到手机上，[粘贴 bundleUrl](guide/debug.md#config-bundle) 并启动调试 +8. 当 JS 源码文件发生改动时，如已开启 HMR 或 Live-Reload，编译结束后会自动刷新；否则需要按 `Command + R` 或 `Command + D` 键调起 Reload 面板刷新 # Elements 可视化审查 -Hippy 实现了节点和属性从前端到终端的映射，可以在 Chrome Inspector 上进行 Elements 的可视化检查。 - -Inspect Elements - -## Android Chrome 调试 - -> Android SDK 最低支持版本 2.9.0 - -Android 上我们直接使用 Chrome Inspector 调试即可看到 Elements。 - -## iOS Chrome 调试 - +> Android SDK 最低支持版本 2.9.0
> iOS SDK 最低支持版本 2.11.5 -为实现 iOS Element 调试能力，我们也使用 Chrome Inspector 替代 Safari 进行 Elements 的可视化检查，并使用新的 [hippy-debug-server](https://www.npmjs.com/package/@hippy/debug-server-next) 与 iOS 设备建立连接和协议适配。 +Hippy 实现了节点和属性从前端到终端的映射，可以在 Chrome DevTools 上进行 Elements 的可视化检查。 -```shell -npm i -D @hippy/debug-server-next@latest -``` - -!> `@hippy/debug-server-next` 包含 `@hippy/debug-server` 的所有能力，是面向 Hippy 3.0 的调试工具，目前暂时作为 Hippy 2.0 的 iOS 协议适配增强工具。若想使用 HMR 能力仍需跟随 Hippy 2.12.0 版本。 +

@@ -115,7 +140,7 @@ npm i -D @hippy/debug-server-next@latest 如果需要关闭日志，可以在 hippy-react 的 new Hippy 启动参数中增加 `silent: true`，或者 hippy-vue 项目的入口文件中，开启 `Vue.config.silent = true;`。 -Communication Info +Communication Info

@@ -124,11 +149,11 @@ npm i -D @hippy/debug-server-next@latest > 最低支持版本 2.12.0 -[hippy-react-demo 配置脚本](//github.com/Tencent/Hippy/blob/master/framework/js/examples/hippy-react-demo/scripts/hippy-webpack.dev.js) +[hippy-react-demo 配置脚本](//github.com/Tencent/Hippy/blob/master/examples/hippy-react-demo/scripts/hippy-webpack.dev.js) -[hippy-vue-demo 配置脚本](//github.com/Tencent/Hippy/blob/master/framework/js/examples/hippy-vue-demo/scripts/hippy-webpack.dev.js) +[hippy-vue-demo 配置脚本](//github.com/Tencent/Hippy/blob/master/examples/hippy-vue-demo/scripts/hippy-webpack.dev.js) -HMR preview +HMR preview

@@ -140,20 +165,17 @@ npm i -D @hippy/debug-server-next@latest ```bash npm i @hippy/vue@^2.12.0 - npm i -D @hippy/debug-server@^2.12.0 @hippy/hippy-hmr-plugin @hippy/vue-loader @hippy/vue-css-loader + npm i -D @hippy/debug-server-next@latest @hippy/vue-loader @hippy/vue-css-loader ``` 2. webpack 配置示例 ```javascript - const HippyHMRPlugin = require('@hippy/hippy-hmr-plugin'); const VueLoaderPlugin = require('@hippy/vue-loader/lib/plugin'); const vueLoader = '@hippy/vue-loader'; module.exports = { devServer: { - // 默认 HMR 端口为38988 - host: 38988, // 默认 hot, liveReload 都为 true，如果只想使用 live-reload 功能，请将 hot 设为 false，liveReload 设为 true hot: true, liveReload: true, @@ -167,10 +189,6 @@ npm i -D @hippy/debug-server-next@latest }, plugins: [ new VueLoaderPlugin(), - new HippyHMRPlugin({ - // HMR [hash].hot-update.json will fetch from this path - hotManifestPublicPath: 'http://localhost:38989/', - }), // add other plugin ... ], module: { @@ -201,30 +219,15 @@ npm i -D @hippy/debug-server-next@latest 4. 启动开发：`npm run hippy:debug`，`npm run hippy:dev` -5. **如果安卓设备断连，需要手动用 adb 转发端口** +5. **如果安卓设备断连，需要手动用 adb 转发端口：**`adb reverse tcp:38989 tcp:38989`。 - ```bash - # port for debug - adb reverse tcp:38989 tcp:38989 - # port for HMR - adb reverse tcp:38988 tcp:38988 - ``` - -6. iOS的热更新 - - iOS 设备需要代理到开发机上，或处于同一网段，才能使用 HMR 能力。对于模拟器，本就和开发机处于同一网段，ip 写 `localhost` 就能访问到。 - - 修改 webpack 配置： +6. iOS的热更新：iOS 设备需要代理到开发机上，或处于同一网段，才能使用 HMR 能力。Webpack 配置修改如下所示，对于模拟器，本就和开发机处于同一网段，IP 写 `localhost` 就能访问到。 ```javascript module.exports = { devServer: { host: '', }, - plugins: [ - new HippyHMRPlugin({ - // HMR [hash].hot-update.json will fetch from this path - hotManifestPublicPath: 'http://:38989/', - }), - ], } ``` @@ -235,19 +238,16 @@ npm i -D @hippy/debug-server-next@latest ```bash npm i @hippy/react@^2.12.0 - npm i -D @hippy/debug-server@^2.12.0 @hippy/hippy-hmr-plugin @hippy/hippy-react-refresh-webpack-plugin react-refresh + npm i -D @hippy/debug-server-next@latest @hippy/hippy-react-refresh-webpack-plugin react-refresh ``` 2. webpack 配置示例 ```javascript - const HippyHMRPlugin = require('@hippy/hippy-hmr-plugin'); const ReactRefreshWebpackPlugin = require('@hippy/hippy-react-refresh-webpack-plugin'); module.exports = { devServer: { - // 默认 HMR 端口为38988 - host: 38988, // 默认 hot, liveReload 都为 true，如果只想使用 live-reload 功能，请将 hot 设为 false，liveReload 设为 true hot: true, liveReload: true, @@ -260,10 +260,6 @@ npm i -D @hippy/debug-server-next@latest }, }, plugins: [ - new HippyHMRPlugin({ - // HMR [hash].hot-update.json will fetch from this path - hotManifestPublicPath: 'http://localhost:38989/', - }), new ReactRefreshWebpackPlugin({ // 暂不支持错误提示蒙层 overlay: false, @@ -321,39 +317,24 @@ npm i -D @hippy/debug-server-next@latest 4. 执行 `npm run hippy:debug` 和 `npm run hippy:dev` 命令。 -5. **如果安卓设备断连，需要手动用adb转发端口** +5. **如果安卓设备断连，需要手动用adb转发端口：** `adb reverse tcp:38989 tcp:38989`。 - ```bash - # port for debug - adb reverse tcp:38989 tcp:38989 - # port for HMR - adb reverse tcp:38988 tcp:38988 - ``` - -6. iOS的热更新 - - iOS 设备需要代理到开发机上，或处于同一网段，才能使用 HMR 能力。对于模拟器，本就和开发机处于同一网段，ip 写 `localhost` 就能访问到。 - - 修改 webpack 配置： +6. iOS的热更新：iOS 设备需要代理到开发机上，或处于同一网段，才能使用 HMR 能力。Webpack 配置修改如下所示，对于模拟器，本就和开发机处于同一网段，IP 写 `localhost` 就能访问到。 ```javascript module.exports = { devServer: { host: '', }, - plugins: [ - new HippyHMRPlugin({ - // HMR [hash].hot-update.json will fetch from this path - hotManifestPublicPath: 'http://:38989/', - }), - ], } ``` ## 接口 -2.12.0 及以上的 `@hippy/debug-server` 除了提供 bin 命令 `hippy-debug` 和 `hippy-dev` 进行调试构建，还提供了接口供自定义的 CLI 工具封装时调用，使用方法如下： +`@hippy/debug-server-next` 除了提供 bin 命令 `hippy-debug` 和 `hippy-dev` 进行调试构建，还提供了接口供自定义的 CLI 工具封装时调用，使用方法如下： ```javascript -const { webpack, startDebugServer } = require('@hippy/debug-server'); +const { webpack, startDebugServer } = require('@hippy/debug-server-next'); // 进行 webpack 开发环境带 HMR 能力的打包构建 webpack(webpackConfig, (err, stats) => { @@ -363,3 +344,100 @@ webpack(webpackConfig, (err, stats) => { // 启动调试 server startDebugServer(); ``` + +# 远程调试 + +本地调试存在两个痛点： + + 1. 无法覆盖所有机型，测试反馈的问题难以定位； + 2. 无法摆脱数据线的束缚。 + +那么这些场景我们可以考虑使用远程调试，效果预览： + + + + +## 前端接入配置 + +1. 安装新一代调试工具： `npm i -D @hippy/debug-server-next@latest` + +2. 修改 Webpack 配置，添加 `remote` 字段来配置编译产物上传地址和调试服务地址（默认为 http://127.0.0.1:38989 ）。考虑到安全因素，官方不提供公网的远程调试服务，你需要自己[私有化部署](https://github.com/hippy-contrib/debug-server-next/blob/main/doc/deploy.md)。 + + ```js + module.exports = { + devServer: { + // 远程调试地址，需要配置为你的私有化调试服务地址 + remote: { + protocol: 'https', + host: 'devtools.qq.com', + port: 443, + // 配置宿主 App 扫码加载的 scheme，如无需扫码，可不配置 + qrcode: (bundleUrl) => { + // 必须指定业务 bundleName + const bundleName = 'QQGroupGameRank'; + return `mqqapi://hippy/remoteDebug?bundleName=${bundleName}&bundleUrl=${encodeURIComponent(bundleUrl)}`; + } + }, + client: { + overlay: false, + }, + }, + // other config ... + } + ``` + + !> 配置远程调试时编译产物将上传远端，并在调试结束后删除。为以防万一，请确保代码中不含敏感信息（如密钥等）。 + + !> 远程调试时，`publicPath` 将被设为 `${protocol}://${host}:${port}//`，以区分不同的业务。 + + !> [业务加载远程 js bundle 分包时](guide/dynamic-import.md#remote-bundle)，如未配置 `customChunkPath`，将默认使用 `publicPath` 的地址，请确保远程分包也同时上传到调试服务器。 + +3. 启动编译：`npm run hippy:dev`，编译结束后将打印调试信息： + + + + 其中打印三个字段表示： + + - bundleUrl：远程调试的 JSBundle 地址，填入宿主 App 接入的 `remoteServerUrl` 字段中 + - deubg page：PC 端调试首页 + - bundleUrl scheme：宿主 App 扫码的 scheme + + +## 宿主 App 接入配置 + +1. **Android**：设置 debugMode 为 true，并把 webpack 生成远程无线调试的 bundleUrl 填入 remoteServerUrl + + ```java + // 初始化 hippy 引擎 + HippyEngine.EngineInitParams initParams = new HippyEngine.EngineInitParams(); + initParams.debugMode = true; + initParams.remoteServerUrl = ""; // 远程调试 Url + ``` + +2. **iOS**：实现 bridgeDelegate 关于调试的代理 + + ```objective-c + /** + * ask delegate should bridge start a web inspector + * 返回是否开启调试能力 + */ + - (BOOL)shouldStartInspector:(HippyBridge *)bridge; + + /** + * ask delegate URL for web inspector + * 返回调试 bundleUrl + */ + - (NSURL *)inspectorSourceURLForBridge:(HippyBridge *)bridge; + ``` + +## 远程调试支持能力列表 + +> 最低支持版本 2.13.1 + +| 平台 | HMR & Live-Reload | Elements | Log | Sources | Memory | +|:-------:|:---:|:-------:|:---:|:------:|:------:| +| Android | ✅ | ✅ | ✅ | ✅ | ✅ | +| iOS | ✅ | ✅ | ❌ | ❌ | ❌ | diff --git a/docs/guide/dynamic-import.md b/docs/guide/dynamic-import.md index c3e85046c..00232d055 100644 --- a/docs/guide/dynamic-import.md +++ b/docs/guide/dynamic-import.md @@ -99,7 +99,7 @@ plugins: [ ``` -+ 在业务代码引用分包的入口配置 `magic comment`的 `webpackChunkName`（必须） 和 `customChunkPath`（可选），如果没有配置`customChunkPath`，会默认使用全局 `publicPath`； ++ 在业务代码引用分包的入口配置 `magic comment`的 `webpackChunkName`（必须） 和 `customChunkPath`（可选），如果没有配置`customChunkPath`，会默认使用全局 `publicPath`； 以 Hippy-Vue 为例： ```javascript diff --git a/framework/js/examples/android-demo/res/index.android.js b/framework/js/examples/android-demo/res/index.android.js index 920b1db3a..35afd14cb 100644 --- a/framework/js/examples/android-demo/res/index.android.js +++ b/framework/js/examples/android-demo/res/index.android.js @@ -1,4 +1,4 @@ -!function(e){function t(t){for(var n,r,i=t[0],a=t[1],l=0,c=[];l0===l.indexOf(e))){var s=l.split("/"),c=s[s.length-1],u=c.split(".")[0];(h=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=h+c)}else{var h;u=l.split(".")[0];(h=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=h+l)}onScriptComplete=function(t){if(t instanceof Error){t.message+=", load chunk "+e+" failed, path is "+l;var n=o[e];0!==n&&n&&n[1](t),o[e]=void 0}},global.dynamicLoad(l,onScriptComplete)}return Promise.all(t)},r.m=e,r.c=n,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r.oe=function(e){throw console.error(e),e};var i=(0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[],a=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;l0===l.indexOf(e))){var s=l.split("/"),c=s[s.length-1],u=c.split(".")[0];(h=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=h+c)}else{var h;u=l.split(".")[0];(h=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=h+l)}onScriptComplete=function(t){if(t instanceof Error){t.message+=", load chunk "+e+" failed, path is "+l;var n=o[e];0!==n&&n&&n[1](t),o[e]=void 0}},global.dynamicLoad(l,onScriptComplete)}return Promise.all(t)},r.m=e,r.c=n,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r.oe=function(e){throw console.error(e),e};var i=(0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[],a=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;lu&&o[n].offset>t;)o[n].offset+=3;return"(.*)"}));for(;i=n.exec(t);){for(var m=0,f=i.index;"\\"===t.charAt(--f);)m++;m%2!=1&&((u+h===o.length||o[u+h].offset>i.index)&&o.splice(u+h,0,{name:d++,optional:!1,offset:i.index}),h++)}return t+=l?"$":"/"===t[t.length-1]?"":"(?=\\/|$)",new RegExp(t,s)};var n=/\((?!\?)/g},"./node_modules/prop-types/factoryWithThrowingShims.js":function(e,t,n){"use strict";var o=n("./node_modules/prop-types/lib/ReactPropTypesSecret.js");function r(){}function i(){}i.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,i,a){if(a!==o){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return n.PropTypes=n,n}},"./node_modules/prop-types/index.js":function(e,t,n){e.exports=n("./node_modules/prop-types/factoryWithThrowingShims.js")()},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/react-is/cjs/react-is.production.min.js":function(e,t,n){"use strict"; /** @license React v16.13.1 * react-is.production.min.js * @@ -6,4 +6,4 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var o="function"==typeof Symbol&&Symbol.for,r=o?Symbol.for("react.element"):60103,i=o?Symbol.for("react.portal"):60106,a=o?Symbol.for("react.fragment"):60107,l=o?Symbol.for("react.strict_mode"):60108,s=o?Symbol.for("react.profiler"):60114,c=o?Symbol.for("react.provider"):60109,u=o?Symbol.for("react.context"):60110,h=o?Symbol.for("react.async_mode"):60111,d=o?Symbol.for("react.concurrent_mode"):60111,m=o?Symbol.for("react.forward_ref"):60112,f=o?Symbol.for("react.suspense"):60113,g=o?Symbol.for("react.suspense_list"):60120,p=o?Symbol.for("react.memo"):60115,y=o?Symbol.for("react.lazy"):60116,b=o?Symbol.for("react.block"):60121,w=o?Symbol.for("react.fundamental"):60117,x=o?Symbol.for("react.responder"):60118,S=o?Symbol.for("react.scope"):60119;function T(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case h:case d:case a:case s:case l:case f:return e;default:switch(e=e&&e.$$typeof){case u:case m:case y:case p:case c:return e;default:return t}}case i:return t}}}function E(e){return T(e)===d}t.AsyncMode=h,t.ConcurrentMode=d,t.ContextConsumer=u,t.ContextProvider=c,t.Element=r,t.ForwardRef=m,t.Fragment=a,t.Lazy=y,t.Memo=p,t.Portal=i,t.Profiler=s,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return E(e)||T(e)===h},t.isConcurrentMode=E,t.isContextConsumer=function(e){return T(e)===u},t.isContextProvider=function(e){return T(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return T(e)===m},t.isFragment=function(e){return T(e)===a},t.isLazy=function(e){return T(e)===y},t.isMemo=function(e){return T(e)===p},t.isPortal=function(e){return T(e)===i},t.isProfiler=function(e){return T(e)===s},t.isStrictMode=function(e){return T(e)===l},t.isSuspense=function(e){return T(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===l||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===p||e.$$typeof===c||e.$$typeof===u||e.$$typeof===m||e.$$typeof===w||e.$$typeof===x||e.$$typeof===S||e.$$typeof===b)},t.typeOf=T},"./node_modules/react-is/index.js":function(e,t,n){"use strict";e.exports=n("./node_modules/react-is/cjs/react-is.production.min.js")},"./node_modules/react/index.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/react/index.js")},"./node_modules/regenerator-runtime/runtime.js":function(e,t,n){var o=function(e){"use strict";var t=Object.prototype,n=t.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},r=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",a=o.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function s(e,t,n,o){var r=t&&t.prototype instanceof h?t:h,i=Object.create(r.prototype),a=new E(o||[]);return i._invoke=function(e,t,n){var o="suspendedStart";return function(r,i){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw i;return v()}for(n.method=r,n.arg=i;;){var a=n.delegate;if(a){var l=x(a,n);if(l){if(l===u)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===o)throw o="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o="executing";var s=c(e,t,n);if("normal"===s.type){if(o=n.done?"completed":"suspendedYield",s.arg===u)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(o="completed",n.method="throw",n.arg=s.arg)}}}(e,n,a),i}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=s;var u={};function h(){}function d(){}function m(){}var f={};l(f,r,(function(){return this}));var g=Object.getPrototypeOf,p=g&&g(g(C([])));p&&p!==t&&n.call(p,r)&&(f=p);var y=m.prototype=h.prototype=Object.create(f);function b(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function w(e,t){var o;this._invoke=function(r,i){function a(){return new t((function(o,a){!function o(r,i,a,l){var s=c(e[r],e,i);if("throw"!==s.type){var u=s.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?t.resolve(h.__await).then((function(e){o("next",e,a,l)}),(function(e){o("throw",e,a,l)})):t.resolve(h).then((function(e){u.value=e,a(u)}),(function(e){return o("throw",e,a,l)}))}l(s.arg)}(r,i,o,a)}))}return o=o?o.then(a,a):a()}}function x(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method))return u;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return u}var o=c(n,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,u;var r=o.arg;return r?r.done?(t[e.resultName]=r.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,u):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,u)}function S(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function C(e){if(e){var t=e[r];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function t(){for(;++o=0;--r){var i=this.tryEntries[r],a=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),s=n.call(i,"finallyLoc");if(l&&s){if(this.prev=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),T(n),u}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var o=n.completion;if("throw"===o.type){var r=o.arg;T(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:C(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),u}},e}(e.exports);try{regeneratorRuntime=o}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}},"./node_modules/webpack/buildin/global.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/webpack/buildin/global.js")},"./src/main.js":function(e,t,n){"use strict";n.r(t);var o={};n.r(o),n.d(o,"Focusable",(function(){return H})),n.d(o,"Image",(function(){return G})),n.d(o,"ListView",(function(){return Z})),n.d(o,"Modal",(function(){return oe})),n.d(o,"RefreshWrapper",(function(){return Ae})),n.d(o,"PullHeader",(function(){return Ve})),n.d(o,"ScrollView",(function(){return Ie})),n.d(o,"Text",(function(){return Oe})),n.d(o,"TextInput",(function(){return Le})),n.d(o,"View",(function(){return _e})),n.d(o,"ViewPager",(function(){return Qe})),n.d(o,"WebView",(function(){return Je})),n.d(o,"BoxShadow",(function(){return $e})),n.d(o,"WaterfallView",(function(){return nt})),n.d(o,"RippleViewAndroid",(function(){return ct}));var r={};n.r(r),n.d(r,"Animation",(function(){return mt})),n.d(r,"AsyncStorage",(function(){return gt})),n.d(r,"Clipboard",(function(){return yt})),n.d(r,"NativeEvent",(function(){return wt})),n.d(r,"NetInfo",(function(){return St})),n.d(r,"TestModule",(function(){return Et})),n.d(r,"WebSocket",(function(){return Vt})),n.d(r,"UIManagerModule",(function(){return Ot}));var i={};n.r(i),n.d(i,"Slider",(function(){return zt})),n.d(i,"TabHost",(function(){return Wt})),n.d(i,"SetNativeProps",(function(){return Kt})),n.d(i,"DynamicImport",(function(){return Gt})),n.d(i,"Localization",(function(){return Qt})),n.d(i,"Turbo",(function(){return Xt}));var a=n("../../packages/hippy-react/dist/index.js"),l=n("./node_modules/react/index.js"),s=n.n(l),c=n("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");function u(){return(u=Object.assign||function(e){for(var t=1;t=0;u--){var m=r[u];"."===m?d(r,u):".."===m?(d(r,u),c++):c&&(d(r,u),c--)}if(!l)for(;c--;c)r.unshift("..");!l||""===r[0]||r[0]&&h(r[0])||r.unshift("");var f=r.join("/");return n&&"/"!==f.substr(-1)&&(f+="/"),f};var f="Invariant failed";function g(e,t){if(!e)throw new Error(f)}function p(e){var t=e.pathname,n=e.search,o=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),o&&"#"!==o&&(r+="#"===o.charAt(0)?o:"#"+o),r}function y(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",o="",r=t.indexOf("#");-1!==r&&(o=t.substr(r),t=t.substr(0,r));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===o?"":o}}(e)).state=t:(void 0===(r=u({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=m(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function b(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,o,r){if(null!=e){var i="function"==typeof e?e(t,n):e;"string"==typeof i?"function"==typeof o?o(i,r):r(!0):r(!1!==i)}else r(!0)},appendListener:function(e){var n=!0;function o(){n&&e.apply(void 0,arguments)}return t.push(o),function(){n=!1,t=t.filter((function(e){return e!==o}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),o=0;ot?n.splice(t,n.length-t,o):n.push(o),h({action:"PUSH",location:o,index:t,entries:n})}}))},replace:function(e,t){var o=y(e,t,d(),S.location);c.confirmTransitionTo(o,"REPLACE",n,(function(e){e&&(S.entries[S.index]=o,h({action:"REPLACE",location:o}))}))},go:x,goBack:function(){x(-1)},goForward:function(){x(1)},canGo:function(e){var t=S.index+e;return t>=0&&t=0||(r[n]=e[n]);return r}var v=n("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),A=n.n(v),R=function(e){var t=Object(S.a)();return t.displayName=e,t}("Router"),V=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}Object(c.a)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&this.unlisten()},n.render=function(){return s.a.createElement(R.Provider,{children:this.props.children||null,value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}})},t}(s.a.Component);var k=function(e){function t(){for(var t,n=arguments.length,o=new Array(n),r=0;rthis.onClick(e),requestFocus:0===e,focusStyle:{backgroundColor:"red"},noFocusStyle:{backgroundColor:"blue"}},s.a.createElement(a.Text,{style:{color:"white"}},t===e?"我被点击了"+e:"没有被点击"+e)))}render(){return s.a.createElement(a.ScrollView,null,this.getRenderRow(0),this.getRenderRow(1),this.getRenderRow(2),this.getRenderRow(3),this.getRenderRow(4),this.getRenderRow(5),this.getRenderRow(6),this.getRenderRow(7),this.getRenderRow(8),this.getRenderRow(9),this.getRenderRow(10),this.getRenderRow(11),this.getRenderRow(12),this.getRenderRow(13),this.getRenderRow(14),this.getRenderRow(15),this.getRenderRow(16),this.getRenderRow(17),this.getRenderRow(18))}}var N=n.p+"assets/defaultSource.jpg";const K="https://user-images.githubusercontent.com/12878546/148736102-7cd9525b-aceb-41c6-a905-d3156219ef16.png",U=a.StyleSheet.create({container_style:{alignItems:"center"},image_style:{width:300,height:180,margin:16,borderColor:"#4c9afa",borderWidth:1,borderRadius:4},info_style:{marginTop:15,marginLeft:16,fontSize:16,color:"#4c9afa"}});function G(){return s.a.createElement(a.ScrollView,{style:U.container_style},s.a.createElement(a.Text,{style:U.info_style},"Contain:"),s.a.createElement(a.Image,{style:[U.image_style],resizeMode:a.Image.resizeMode.contain,defaultSource:N,source:{uri:K},onLoadStart:()=>{console.log("image onloadStart")},onLoad:()=>{console.log("image onLoad")},onError:e=>{console.log("image onError",e)},onLoadEnd:()=>{console.log("image onLoadEnd")}}),s.a.createElement(a.Text,{style:U.info_style},"Cover:"),s.a.createElement(a.Image,{style:[U.image_style],defaultSource:N,source:{uri:K},resizeMode:a.Image.resizeMode.cover}),s.a.createElement(a.Text,{style:U.info_style},"Center:"),s.a.createElement(a.Image,{style:[U.image_style],defaultSource:N,source:{uri:K},resizeMode:a.Image.resizeMode.center}),s.a.createElement(a.Text,{style:U.info_style},"TintColor(iOS染色暂不支持透明度)"),s.a.createElement(a.Image,{style:[U.image_style,{tintColor:"#99999955"}],defaultSource:N,source:{uri:K},resizeMode:a.Image.resizeMode.center}),s.a.createElement(a.Text,{style:U.info_style},"Cover GIF:"),s.a.createElement(a.Image,{style:[U.image_style],resizeMode:a.Image.resizeMode.cover,defaultSource:N,source:{uri:"https://user-images.githubusercontent.com/12878546/148736255-7193f89e-9caf-49c0-86b0-548209506bd6.gif"},onLoadEnd:()=>{console.log("gif onLoadEnd")}}))}const q=[{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5}],Q=a.StyleSheet.create({container:{backgroundColor:"#fff",collapsable:!1},itemContainer:{padding:12},separatorLine:{marginLeft:12,marginRight:12,height:1,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});function Y({index:e}){return s.a.createElement(a.View,{style:Q.container,onClickCapture:e=>{console.log("onClickCapture style1",e.target.nodeId,e.currentTarget.nodeId)},onTouchDown:e=>(e.stopPropagation(),console.log("onTouchDown style1",e.target.nodeId,e.currentTarget.nodeId),!1),onClick:e=>(console.log("click style1",e.target.nodeId,e.currentTarget.nodeId),!1)},s.a.createElement(a.Text,{numberOfLines:1},e+": Style 1 UI"))}function J({index:e}){return s.a.createElement(a.View,{style:Q.container},s.a.createElement(a.Text,{numberOfLines:1},e+": Style 2 UI"))}function X({index:e}){return s.a.createElement(a.View,{style:Q.container},s.a.createElement(a.Text,{numberOfLines:1},e+": Style 5 UI"))}class Z extends s.a.Component{constructor(e){super(e),this.state={dataSource:q,fetchingDataFlag:!1},this.fetchTimes=0,this.delText="Delete",this.mockFetchData=this.mockFetchData.bind(this),this.getRenderRow=this.getRenderRow.bind(this),this.onEndReached=this.onEndReached.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this),this.getRowStyle=this.getRowStyle.bind(this),this.onDelete=this.onDelete.bind(this),this.onAppear=this.onAppear.bind(this),this.onDisappear=this.onDisappear.bind(this),this.onWillAppear=this.onWillAppear.bind(this),this.onWillDisappear=this.onWillDisappear.bind(this),this.rowShouldSticky=this.rowShouldSticky.bind(this)}onDelete({index:e}){const{dataSource:t}=this.state,n=t.filter((t,n)=>e!==n);this.setState({dataSource:n})}async onEndReached(){const{dataSource:e,fetchingDataFlag:t}=this.state;if(t)return;this.setState({fetchingDataFlag:!0,dataSource:e.concat([{style:100}])});const n=await this.mockFetchData(),o=e[e.length-1];o&&100===o.style&&e.pop();const r=e.concat(n);this.setState({dataSource:r})}onAppear(e){console.log("onAppear",e)}onDisappear(e){console.log("onDisappear",e)}onWillAppear(e){console.log("onWillAppear",e)}onWillDisappear(e){console.log("onWillDisappear",e)}rowShouldSticky(e){return 2===e}getRowType(e){return this.state.dataSource[e].style}getRowStyle(){return{width:100,height:50}}getRowKey(e){return"row-"+e}getRenderRow(e){const{dataSource:t}=this.state;let n=null;const o=t[e],r=t.length===e+1;switch(o.style){case 1:n=s.a.createElement(Y,{index:e});break;case 2:n=s.a.createElement(J,{index:e});break;case 5:n=s.a.createElement(X,{index:e});break;case 100:n=s.a.createElement(a.Text,{style:Q.loading},"Loading now...")}return s.a.createElement(a.View,{style:Q.container,onClickCapture:e=>{console.log("onClickCapture style outer",e.target.nodeId,e.currentTarget.nodeId)},onTouchDown:e=>(console.log("onTouchDown style outer",e.target.nodeId,e.currentTarget.nodeId),!1),onClick:e=>(console.log("click style outer",e.target.nodeId,e.currentTarget.nodeId),!1)},s.a.createElement(a.View,{style:Q.itemContainer},n),r?null:s.a.createElement(a.View,{style:Q.separatorLine}))}mockFetchData(){return new Promise(e=>{setTimeout(()=>(this.setState({fetchingDataFlag:!1}),this.fetchTimes+=1,this.fetchTimes>=100?e([]):e(q)),600)})}render(){const{dataSource:e}=this.state;return s.a.createElement(a.ListView,{onTouchDown:e=>{console.log("onTouchDown ListView",e.target.nodeId,e.currentTarget.nodeId)},onClickCapture:e=>{console.log("onClickCapture listview",e.target.nodeId,e.currentTarget.nodeId)},onClick:e=>(console.log("click listview",e.target.nodeId,e.currentTarget.nodeId),!0),bounces:!0,overScrollEnabled:!0,horizontal:void 0,style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,onDelete:this.onDelete,delText:this.delText,editable:!0,getRowKey:this.getRowKey,initialListSize:15,rowShouldSticky:this.rowShouldSticky,onAppear:this.onAppear,onDisappear:this.onDisappear,onWillAppear:this.onWillAppear,onWillDisappear:this.onWillDisappear})}}const $="#4c9afa",ee="#f44837",te="#fff",ne=a.StyleSheet.create({container:{flex:1,flexDirection:"row",justifyContent:"center"},buttonView:{borderColor:$,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:$,textAlign:"center",textAlignVertical:"center"}});class oe extends s.a.Component{constructor(e){super(e),this.state={visible:!1,press:!1},this.show=this.show.bind(this),this.hide=this.hide.bind(this)}feedback(e){this.setState({press:"in"===e})}show(){this.setState({visible:!0})}hide(){this.setState({visible:!1})}render(){const{press:e,visible:t}=this.state;return s.a.createElement(a.ScrollView,null,s.a.createElement(a.View,{style:ne.container},s.a.createElement(a.View,{onPressIn:()=>this.feedback("in"),onPressOut:()=>this.feedback.bind("out"),onClick:this.show,style:[ne.buttonView,{borderColor:$,opacity:e?.5:1}]},s.a.createElement(a.Text,{style:[ne.buttonText,{color:$}]},"点击弹出浮层"))),s.a.createElement(a.Modal,{transparent:!0,animationType:"slide_fade",visible:t,onRequestClose:()=>{},supportedOrientations:["portrait"]},s.a.createElement(a.View,{style:{flex:1,flexDirection:"row",justifyContent:"center"}},s.a.createElement(a.View,{onClick:this.hide,style:{width:200,height:200,backgroundColor:ee,marginTop:300,flexDirection:"row",justifyContent:"center"}},s.a.createElement(a.Text,{style:{color:te,fontSize:22,marginTop:80}},"点击关闭浮层")))))}}const re="https://user-images.githubusercontent.com/12878546/148736841-59ce5d1c-8010-46dc-8632-01c380159237.jpg",ie={style:1,itemBean:{title:"非洲总统出行真大牌，美制武装直升机和中国潜艇为其保驾",picList:[re,re,re],subInfo:["三图评论","11评"]}},ae={style:2,itemBean:{title:"彼得·泰尔：认知未来是投资人的谋生之道",picUrl:"https://user-images.githubusercontent.com/12878546/148736850-4fc13304-25d4-4b6a-ada3-cbf0745666f5.jpg",subInfo:["左文右图"]}},le={style:5,itemBean:{title:"愤怒！美官员扬言：“不让中国拿走南海的岛屿，南海岛礁不属于中国”？",picUrl:"https://user-images.githubusercontent.com/12878546/148736859-29e3a5b2-612a-4fdd-ad21-dc5d29fa538f.jpg",subInfo:["六眼神魔 5234播放"]}};var se=[le,ie,ae,ie,ae,ie,ae,le,ie],ce=n("./node_modules/@babel/runtime/helpers/extends.js"),ue=n.n(ce);var he={getScreenWidth(){const e=a.Dimensions.get("screen").width,t=a.Dimensions.get("screen").height,n=e>t?t:e;return Math.floor(n)},uniqueArray(e){const t=[];for(let n=0;n=812&&a.PixelRatio.get()>=2&&(e=!0),e}};const de=(he.getScreenWidth()-24-12)/3,me=Math.floor(de/1.35),fe=a.StyleSheet.create({imageContainer:{flexDirection:"row",justifyContent:"center",height:me,marginTop:8},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},image:{width:de,height:me},title:{fontSize:"android"===a.Platform.OS?17:18,lineHeight:24,color:"#242424"},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"}});function ge(e){const{itemBean:{title:t,picList:n}}=e;let{itemBean:{subInfo:o}}=e,r=null;if(o&&o.length){o=he.uniqueArray(o);const e=o.join(" ");r=s.a.createElement(a.Text,{style:fe.normalText,numberOfLines:1},e)}return s.a.createElement(a.View,ue()({},e,{style:{collapsable:!1}}),s.a.createElement(a.Text,{style:[fe.title],numberOfLines:2,enableScale:!0},t),s.a.createElement(a.View,{style:fe.imageContainer},s.a.createElement(a.Image,{style:fe.image,source:{uri:n[0]},resizeMode:a.Image.resizeMode.cover}),s.a.createElement(a.Image,{style:[fe.image,{marginLeft:6,marginRight:6}],source:{uri:n[1]},resizeMode:a.Image.resizeMode.cover}),s.a.createElement(a.Image,{style:fe.image,source:{uri:n[2]},resizeMode:a.Image.resizeMode.cover})),r?s.a.createElement(a.View,{style:fe.tagLine},r):null)}const pe=he.getScreenWidth()-24,ye=Math.floor(pe-12)/3,be=Math.floor(ye/1.35),we=a.StyleSheet.create({container:{flexDirection:"row",justifyContent:"space-between",height:be},leftContainer:{flex:1,flexDirection:"column",justifyContent:"center",marginRight:8},imageContainer:{width:ye,height:be},image:{width:ye,height:be},title:{fontSize:"android"===a.Platform.OS?17:18,lineHeight:24},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});function xe(e){if("undefined"===e)return null;const{itemBean:t}=e;if(!t)return null;let n=null;const{title:o,picUrl:r}=t;let{subInfo:i}=t;if(i&&i.length){i=he.uniqueArray(i);const e=i.join(" ");n=s.a.createElement(a.Text,{style:we.normalText,numberOfLines:1},e)}return s.a.createElement(a.View,ue()({},e,{style:we.container}),s.a.createElement(a.View,{style:we.leftContainer},s.a.createElement(a.Text,{style:we.title,numberOfLines:2,enableScale:!0},o),n?s.a.createElement(a.View,{style:we.tagLine},n):null),s.a.createElement(a.View,{style:we.imageContainer},s.a.createElement(a.Image,{resizeMode:a.Image.resizeMode.cover,style:we.image,source:{uri:r}})))}const Se=he.getScreenWidth()-24,Te=Math.floor(188*Se/336),Ee=a.StyleSheet.create({text:{fontSize:"android"===a.Platform.OS?17:18,lineHeight:24,color:"#242424"},playerView:{marginTop:8,alignItems:"center",width:Se,height:Te,alignSelf:"center"},image:{width:Se,height:Te},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},tagLine:{marginTop:8,flexDirection:"row",justifyContent:"space-between",alignItems:"center"}});function Ce(e){if("undefined"===e)return null;const{itemBean:t}=e;if(!t)return null;const{title:n,picUrl:o}=t;let{subInfo:r}=t,i=null;if(r&&r.length){r=he.uniqueArray(r);const e=r.join(" ");i=s.a.createElement(a.Text,{style:Ee.normalText,numberOfLines:1},e)}return s.a.createElement(a.View,e,s.a.createElement(a.Text,{style:Ee.text,numberOfLines:2,enableScale:!0},n),s.a.createElement(a.View,{style:Ee.playerView},s.a.createElement(a.Image,{style:Ee.image,source:{uri:o},resizeMode:a.Image.resizeMode.cover})),i?s.a.createElement(a.View,{style:Ee.tagLine},i):null)}const ve=a.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},spliter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});class Ae extends s.a.Component{constructor(e){super(e),this.state={dataSource:[],loadingState:"正在加载..."},this.fetchTimes=0,this.mockFetchData=this.mockFetchData.bind(this),this.onRefresh=this.onRefresh.bind(this),this.getRefresh=this.getRefresh.bind(this),this.getRenderRow=this.getRenderRow.bind(this),this.onEndReached=this.onEndReached.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e})}async onEndReached(){const{dataSource:e,fetchingDataFlag:t}=this.state;if(t)return;this.setState({fetchingDataFlag:!0,dataSource:e.concat([{style:100}])});const n=await this.mockFetchData(),o=e[e.length-1];o&&100===o.style&&e.pop();const r=e.concat(n);this.setState({dataSource:r})}onRefresh(){setTimeout(async()=>{const e=await this.mockFetchData();this.setState({dataSource:e}),this.refresh.refreshComplected()},1e3)}onClickItem(e){console.log(`item: ${e} is clicked..`)}getRenderRow(e){const{dataSource:t,loadingState:n}=this.state;let o=null;const r=t[e],i=t.length===e+1;switch(r.style){case 1:o=s.a.createElement(ge,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 2:o=s.a.createElement(xe,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 5:o=s.a.createElement(Ce,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 100:o=s.a.createElement(a.Text,{style:ve.loading},n)}return s.a.createElement(a.View,{style:ve.container},s.a.createElement(a.View,{style:ve.itemContainer},o),i?null:s.a.createElement(a.View,{style:ve.spliter}))}getRowType(e){return this.state.dataSource[e].style}getRowKey(e){return"row-"+e}getRefresh(){return s.a.createElement(a.View,{style:{flex:1,height:30}},s.a.createElement(a.Text,{style:{flex:1,textAlign:"center"}},"下拉刷新中..."))}mockFetchData(){return new Promise(e=>{setTimeout(()=>(this.setState({fetchingDataFlag:!1}),this.fetchTimes+=1,this.fetchTimes>=50?e([]):e(se)),600)})}render(){const{dataSource:e}=this.state;return s.a.createElement(a.RefreshWrapper,{ref:e=>{this.refresh=e},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},s.a.createElement(a.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,getRowKey:this.getRowKey}))}}const Re=a.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"}});class Ve extends s.a.Component{constructor(e){super(e),this.state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},this.fetchTimes=0,this.mockFetchData=this.mockFetchData.bind(this),this.renderRow=this.renderRow.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this),this.renderPullHeader=this.renderPullHeader.bind(this),this.onEndReached=this.onEndReached.bind(this),this.onHeaderReleased=this.onHeaderReleased.bind(this),this.onHeaderPulling=this.onHeaderPulling.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e}),this.listView.collapsePullHeader()}async onEndReached(){const{dataSource:e}=this.state;if(this.loadMoreDataFlag)return;this.loadMoreDataFlag=!0,this.setState({dataSource:e.concat([{style:100}])});let t=[];try{t=await this.mockFetchData()}catch(e){}const n=e[e.length-1];n&&100===n.style&&e.pop();const o=e.concat(t);this.loadMoreDataFlag=!1,this.setState({dataSource:o})}async onHeaderReleased(){if(this.fetchingDataFlag)return;this.fetchingDataFlag=!0,console.log("onHeaderReleased"),this.setState({pullingText:"刷新数据中，请稍等，2秒后自动收起"});let e=[];try{e=await this.mockFetchData()}catch(e){}this.fetchingDataFlag=!1,this.setState({dataSource:e},()=>{this.listView.collapsePullHeader(),this.fetchTimes=0})}onHeaderPulling(e){this.fetchingDataFlag||(console.log("onHeaderPulling",e.contentOffset),e.contentOffset>Re.pullContent.height?this.setState({pullingText:"松手，即可触发刷新"}):this.setState({pullingText:"继续下拉，触发刷新"}))}onClickItem(e,t){console.log(`item: ${e} is clicked..`,t.target.nodeId,t.currentTarget.nodeId)}getRowType(e){return this.state.dataSource[e].style}getRowKey(e){return"row-"+e}mockFetchData(){return new Promise(e=>{setTimeout(()=>{this.fetchTimes+=1;let t=[];return this.fetchTimes<50&&(t=se),e(t)},600)})}renderPullHeader(){const{pullingText:e}=this.state;return s.a.createElement(a.View,{style:Re.pullContainer},s.a.createElement(a.Text,{style:Re.pullContent},e))}renderRow(e){const{dataSource:t,loadingState:n}=this.state;let o=null;const r=t[e],i=t.length===e+1;switch(r.style){case 1:o=s.a.createElement(ge,{itemBean:r.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 2:o=s.a.createElement(xe,{itemBean:r.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 5:o=s.a.createElement(Ce,{itemBean:r.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 100:o=s.a.createElement(a.Text,{style:Re.loading},n)}return s.a.createElement(a.View,{style:Re.container},s.a.createElement(a.View,{style:Re.itemContainer},o),i?null:s.a.createElement(a.View,{style:Re.splitter}))}render(){const{dataSource:e}=this.state;return s.a.createElement(a.ListView,{onClick:e=>console.log("ListView",e.target.nodeId,e.currentTarget.nodeId),ref:e=>{this.listView=e},style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,getRowType:this.getRowType,getRowKey:this.getRowKey,renderRow:this.renderRow,renderPullHeader:this.renderPullHeader,onEndReached:this.onEndReached,onHeaderReleased:this.onHeaderReleased,onHeaderPulling:this.onHeaderPulling})}}const ke=a.StyleSheet.create({itemStyle:{width:100,height:100,lineHeight:100,borderWidth:1,borderColor:"#4c9afa",fontSize:80,margin:20,color:"#4c9afa",textAlign:"center"},verticalScrollView:{height:300,width:140,margin:20,borderColor:"#eee",borderWidth:1},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10}});function Ie(){return s.a.createElement(a.ScrollView,null,s.a.createElement(a.View,{style:ke.itemTitle},s.a.createElement(a.Text,null,"Horizontal ScrollView")),s.a.createElement(a.View,null,s.a.createElement(a.ScrollView,{horizontal:!0,bounces:!0,showsHorizontalScrollIndicator:!1,showScrollIndicator:!1},s.a.createElement(a.Text,{style:ke.itemStyle},"A"),s.a.createElement(a.Text,{style:ke.itemStyle},"B"),s.a.createElement(a.Text,{style:ke.itemStyle},"C"),s.a.createElement(a.Text,{style:ke.itemStyle},"D"),s.a.createElement(a.Text,{style:ke.itemStyle},"E"),s.a.createElement(a.Text,{style:ke.itemStyle},"F"),s.a.createElement(a.Text,{style:ke.itemStyle},"A"))),s.a.createElement(a.View,{style:ke.itemTitle},s.a.createElement(a.Text,null,"Vertical ScrollView")),s.a.createElement(a.ScrollView,{bounces:!0,horizontal:!1,style:ke.verticalScrollView,showScrollIndicator:!1,showsVerticalScrollIndicator:!1},s.a.createElement(a.Text,{style:ke.itemStyle},"A"),s.a.createElement(a.Text,{style:ke.itemStyle},"B"),s.a.createElement(a.Text,{style:ke.itemStyle},"C"),s.a.createElement(a.Text,{style:ke.itemStyle},"D"),s.a.createElement(a.Text,{style:ke.itemStyle},"E"),s.a.createElement(a.Text,{style:ke.itemStyle},"F"),s.a.createElement(a.Text,{style:ke.itemStyle},"A")))}const De=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",height:100,borderWidth:1,borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"},button:{width:100,height:24,borderColor:"blue",borderWidth:1},buttonText:{width:100,lineHeight:24,textAlign:"center"},customFont:{color:"#0052d9",fontSize:32,fontFamily:"TTTGB"}});let je=0;class Oe extends s.a.Component{constructor(e){super(e),this.state={fontSize:16,textShadowColor:"grey",textShadowOffset:{x:1,y:1}},this.incrementFontSize=this.incrementFontSize.bind(this),this.decrementFontSize=this.decrementFontSize.bind(this),this.androidNestedTextWrapperStyle={height:100,lineHeight:100}}incrementFontSize(){const{fontSize:e}=this.state;24!==e&&this.setState({fontSize:e+1})}decrementFontSize(){const{fontSize:e}=this.state;6!==e&&this.setState({fontSize:e-1})}render(){const{fontSize:e,textShadowColor:t,textShadowOffset:n}=this.state,o=e=>s.a.createElement(a.View,{style:De.itemTitle},s.a.createElement(a.Text,{style:!0},e));return s.a.createElement(a.ScrollView,{style:{padding:10}},o("shadow"),s.a.createElement(a.View,{style:[De.itemContent],onClick:()=>{let e="red",t={x:10,y:1};je%2==1&&(e="grey",t={x:1,y:1}),je+=1,this.setState({textShadowColor:e,textShadowOffset:t})}},s.a.createElement(a.Text,{style:[De.normalText,{color:"#242424",textShadowOffset:n,textShadowRadius:3,textShadowColor:t}]},"Text shadow is grey with radius 3 and offset 1")),o("color"),s.a.createElement(a.View,{style:[De.itemContent]},s.a.createElement(a.Text,{style:[De.normalText,{color:"#242424"}]},"Text color is black"),s.a.createElement(a.Text,{style:[De.normalText,{color:"blue"}]},"Text color is blue"),s.a.createElement(a.Text,{style:[De.normalText,{color:"rgb(228,61,36)"}]},"This is red")),o("fontSize"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{style:[De.normalText,{fontSize:e}]},"Text fontSize is "+e),s.a.createElement(a.View,{style:De.button,onClick:this.incrementFontSize},s.a.createElement(a.Text,{style:De.buttonText},"放大字体")),s.a.createElement(a.View,{style:De.button,onClick:this.decrementFontSize},s.a.createElement(a.Text,{style:De.buttonText},"缩小字体"))),o("fontStyle"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{style:[De.normalText,{fontStyle:"normal"}]},"Text fontStyle is normal"),s.a.createElement(a.Text,{style:[De.normalText,{fontStyle:"italic"}]},"Text fontStyle is italic")),o("numberOfLines"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:1,style:De.normalText},"just one line just one line just one line just one line just one line just one line just one line just one line"),s.a.createElement(a.Text,{numberOfLines:2,style:De.normalText},"just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines")),o("textDecoration"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:1,style:[De.normalText,{textDecorationLine:"underline",textDecorationStyle:"dotted"}]},"underline"),s.a.createElement(a.Text,{numberOfLines:1,style:[De.normalText,{textDecorationLine:"line-through",textDecorationColor:"red"}]},"line-through")),o("Nest Text"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:3},s.a.createElement(a.Text,{numberOfLines:3,style:[De.normalText,{color:"#4c9afa"}]},"#SpiderMan#"),s.a.createElement(a.Text,{numberOfLines:3,style:De.normalText},"Hello world, I am a spider man and I have five friends in other universe."))),o("Custom font"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:1,style:De.customFont},"Hippy 跨端框架")),o("Text Nested"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{style:"android"===a.Platform.OS?this.androidNestedTextWrapperStyle:{}},s.a.createElement(a.Text,{numberOfLines:1,style:De.normalText},"后面有张图片"),s.a.createElement(a.Image,{style:{width:70,height:35},source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAtCAMAAABmgJ64AAAAOVBMVEX/Rx8AAAD/QiL/Tif/QyH/RR//QiH/QiP/RCD/QSL/Qxz/QyH/QiL/QiD/QyL/QiL/QiH/QyH/QiLwirLUAAAAEnRSTlMZAF4OTC7DrWzjI4iietrRk0EEv/0YAAAB0UlEQVRYw72Y0Y6sIAxAKwUFlFH7/x97izNXF2lN1pU5D800jD2hJAJCdwYZuAUyVbmToKh903IhQHgErAVH+ccV0KI+G2oBPMxJgPA4WAigAT8F0IRDgNAE3ARyfeMFDGSc3YHVFkTBAHKDAgkEyHjacae/GTjxFqAo8NbakXrL9DRy9B+BCQwRcXR9OBKmEuAmAFFgcy0agBnIc1xZsMPOI5loAoUsQFmQjDEL9YbpaeGYBMGRKKAuqFEFL/JXApCw/zFEZk9qgbLGBx0gXLISxT25IUBREEgh1II1fph/IViGnZnCcDDVAgfgVg6gCy6ZaClySbDQpAl04vCGaB4+xGcFRK8CLvW0IBb5bQGqAlNwU4C6oEIVTLTcmoEr0AWcpKsZ/H0NAtkLQffnFjkOqiC/TTWBL9AFCwXQBHgI7rXImMgjCZwFa50s6DRBXyALmIECuMASiWNPFgRTgSJwM+XW8PDCmbwndzdaNL8FMYXPNjASDVChnIvWlBI/MKadPV952HszbmXtRERhhQ0vGFA52SVSSVt7MjHvxfRK8cdTpqovn02dUcltMrwiKf+wQ1FxXKCk9en6e/eDNnP44h2thQEb35O/etNv/q3iHza+KuhqqhZAAAAAAElFTkSuQmCC"}}),s.a.createElement(a.Text,{numberOfLines:1,style:De.customFont},"前面有张图片"))))}}const Pe=a.StyleSheet.create({container_style:{padding:10},input_style:{width:300,marginVertical:10,placeholderTextColor:"#aaaaaa",fontSize:16,color:"#242424",height:30,lineHeight:30},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},button:{width:200,borderColor:"#4c9afa",borderWidth:1,marginTop:5,marginBottom:5}});class Le extends l.Component{constructor(e){super(e),this.state={textContent:""},this.changeInputContent=this.changeInputContent.bind(this),this.focus=this.focus.bind(this),this.blur=this.blur.bind(this)}changeInputContent(){this.setState({textContent:"当前时间毫秒："+Date.now()})}focus(){this.input.focus()}blur(){this.input.blur()}render(){const{textContent:e}=this.state,t=e=>s.a.createElement(a.View,{style:Pe.itemTitle},s.a.createElement(a.Text,null,e));return s.a.createElement(a.ScrollView,{style:Pe.container_style},t("text"),s.a.createElement(a.TextInput,{ref:e=>{this.input=e},style:Pe.input_style,placeholder:"text",defaultValue:e}),s.a.createElement(a.View,{style:Pe.button,onClick:this.changeInputContent},s.a.createElement(a.Text,null,"点击改变输入框内容")),s.a.createElement(a.View,{style:Pe.button,onClick:this.focus},s.a.createElement(a.Text,null,"Focus")),s.a.createElement(a.View,{style:Pe.button,onClick:this.blur},s.a.createElement(a.Text,null,"Blur")),t("numeric"),s.a.createElement(a.TextInput,{style:Pe.input_style,keyboardType:"numeric",placeholder:"numeric"}),t("phone-pad"),s.a.createElement(a.TextInput,{style:Pe.input_style,keyboardType:"phone-pad",placeholder:"phone-pad"}),t("password"),s.a.createElement(a.TextInput,{style:Pe.input_style,keyboardType:"password",placeholder:"Password",multiline:!1}),t("maxLength"),s.a.createElement(a.TextInput,{caretColor:"yellow",style:Pe.input_style,placeholder:"maxLength=5",maxLength:5}))}}var Me=n.p+"assets/defaultSource.jpg";const Be=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},rectangle:{width:160,height:80,marginVertical:10},bigRectangle:{width:200,height:100,borderColor:"#eee",borderWidth:1,padding:10,marginVertical:10},smallRectangle:{width:40,height:40,borderRadius:10}});function _e(){const e=e=>s.a.createElement(a.View,{style:Be.itemTitle},s.a.createElement(a.Text,null,e));return s.a.createElement(a.ScrollView,{style:{padding:10}},e("backgroundColor"),s.a.createElement(a.View,{style:[Be.rectangle,{backgroundColor:"#4c9afa"}]}),e("backgroundImage"),s.a.createElement(a.View,{style:[Be.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,backgroundImage:Me}],accessible:!0,accessibilityLabel:"背景图",accessibilityRole:"image",accessibilityState:{disabled:!1,selected:!0,checked:!1,expanded:!1,busy:!0},accessibilityValue:{min:1,max:10,now:5,text:"middle"}},s.a.createElement(a.Text,{style:{color:"white"}},"背景图")),e("backgroundImage linear-gradient"),s.a.createElement(a.View,{style:[Be.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,borderWidth:2,borderColor:"black",borderRadius:2,backgroundImage:"linear-gradient(30deg, blue 10%, yellow 40%, red 50%);"}]},s.a.createElement(a.Text,{style:{color:"white"}},"渐变色")),e("border props"),s.a.createElement(a.View,{style:[Be.rectangle,{borderColor:"#242424",borderRadius:4,borderWidth:1}]}),e("flex props"),s.a.createElement(a.View,{style:[Be.bigRectangle,{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}]},s.a.createElement(a.View,{style:[Be.smallRectangle,{backgroundColor:"yellow"}]}),s.a.createElement(a.View,{style:[Be.smallRectangle,{backgroundColor:"blue"}]}),s.a.createElement(a.View,{style:[Be.smallRectangle,{backgroundColor:"green"}]})))}const ze=a.StyleSheet.create({pageContainer:{alignItems:"center",justifyContent:"center",flex:1,paddingTop:20},mainRec:{backgroundColor:"#4c9afaAA",width:256,height:48,marginBottom:10,marginTop:156},title:{verticalAlign:"middle",lineHeight:48,height:48,fontSize:16,color:"white",alignSelf:"center"},shapeBase:{width:128,height:128,backgroundColor:"#4c9afa"},square:{},circle:{borderRadius:64},triangle:{borderTopWidth:0,borderRightWidth:70,borderBottomWidth:128,borderLeftWidth:70,borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:"#4c9afa",backgroundColor:"transparent",width:140}}),Fe="SquarePagerView",We="TrianglePagerView",He="CirclePagerView";function Ne(e,t){const n=t=>s.a.createElement(a.View,{style:ze.pageContainer,key:t},s.a.createElement(a.View,{style:[ze.shapeBase,e],key:"shape"}),s.a.createElement(a.View,{style:ze.mainRec,key:"title"},t?s.a.createElement(a.Text,{style:ze.title},t):null));return n.displayName=t,n}const Ke=Ne(ze.square,Fe),Ue=Ne(ze.triangle,We),Ge=Ne(ze.circle,He),qe=a.StyleSheet.create({dotContainer:{position:"absolute",bottom:10,left:0,right:0,flexDirection:"row",alignItems:"center",justifyContent:"center"},dot:{width:6,height:6,borderRadius:3,margin:3,backgroundColor:"#BBBBBB"},selectDot:{backgroundColor:"#000000"},container:{height:500},buttonContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12},button:{width:120,height:36,backgroundColor:"#4c9afa",borderRadius:18,alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,color:"#fff"}});class Qe extends s.a.Component{constructor(e){super(e),W()(this,"state",{selectedIndex:0}),this.onPageSelected=this.onPageSelected.bind(this)}onPageSelected(e){console.log("onPageSelected",e.position),this.setState({selectedIndex:e.position})}onPageScrollStateChanged(e){console.log("onPageScrollStateChanged",e)}onPageScroll({offset:e,position:t}){console.log("onPageScroll",e,t)}render(){const{selectedIndex:e}=this.state;return s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#ffffff"}},s.a.createElement(a.View,{style:qe.buttonContainer},s.a.createElement(a.View,{style:qe.button,onClick:()=>{this.viewpager.setPage(2)}},s.a.createElement(a.Text,{style:qe.buttonText},"动效滑到第3页")),s.a.createElement(a.View,{style:qe.button,onClick:()=>this.viewpager.setPageWithoutAnimation(0)},s.a.createElement(a.Text,{style:qe.buttonText},"直接滑到第1页"))),s.a.createElement(a.ViewPager,{ref:e=>{this.viewpager=e},style:qe.container,initialPage:0,keyboardDismissMode:"none",scrollEnabled:!0,onPageSelected:this.onPageSelected,onPageScroll:this.onPageScroll},[Ke("squarePager"),Ue("TrianglePager"),Ge("CirclePager")]),s.a.createElement(a.View,{style:qe.dotContainer},new Array(3).fill(0).map((t,n)=>{const o=n===e;return s.a.createElement(a.View,{style:[qe.dot,o?qe.selectDot:null],key:"dot_"+n})})))}}const Ye=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},webViewStyle:{padding:10,flex:1,flexGrow:1,borderRadius:10}});function Je(){return s.a.createElement(a.View,{style:{padding:10,flex:1}},s.a.createElement(a.View,{style:Ye.itemTitle},s.a.createElement(a.Text,null,"WebView 示例")),s.a.createElement(a.WebView,{source:{uri:"https://hippyjs.org"},method:"get",userAgent:"Mozilla/5.0 (Linux; U; Android 5.1.1; zh-cn; vivo X7 Build/LMY47V) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 Chrome/37.0.0.0 MQQBrowser/8.2 Mobile Safari/537.36",style:Ye.webViewStyle,onLoad:({url:e})=>console.log("webview onload",e),onLoadStart:({url:e})=>console.log("webview onLoadStart",e),onLoadEnd:({url:e})=>console.log("webview onLoadEnd",e)}))}const Xe=a.StyleSheet.create({shadowDemo:{flex:1,overflowY:"scroll"},shadowDemoCubeAndroid:{position:"absolute",left:50,top:50,width:170,height:170,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentAndroid:{position:"absolute",left:5,top:5,width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:50,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowSpread:1,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}}),Ze=a.StyleSheet.create({shadowDemoCubeAndroid:{position:"absolute",left:50,top:300,width:175,height:175,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:15,boxShadowOffsetY:15,boxShadowColor:"#4c9afa"},shadowDemoContentAndroid:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:300,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:10,boxShadowOffsetY:10,boxShadowSpread:1,boxShadowColor:"#4c9afa"},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}});function $e(){return s.a.createElement(a.View,{style:Xe.shadowDemo},"android"===a.Platform.OS?s.a.createElement(a.View,{style:Xe.shadowDemoCubeAndroid},s.a.createElement(a.View,{style:Xe.shadowDemoContentAndroid},s.a.createElement(a.Text,{style:Xe.text},"没有偏移阴影样式"))):s.a.createElement(a.View,{style:Xe.shadowDemoCubeIos},s.a.createElement(a.View,{style:Xe.shadowDemoContentIos},s.a.createElement(a.Text,{style:Xe.text},"没有偏移阴影样式"))),"android"===a.Platform.OS?s.a.createElement(a.View,{style:Ze.shadowDemoCubeAndroid},s.a.createElement(a.View,{style:Ze.shadowDemoContentAndroid},s.a.createElement(a.Text,{style:Ze.text},"偏移阴影样式"))):s.a.createElement(a.View,{style:Ze.shadowDemoCubeIos},s.a.createElement(a.View,{style:Ze.shadowDemoContentIos},s.a.createElement(a.Text,{style:Ze.text},"偏移阴影样式"))))}const et=se.filter(e=>2!==e.style),tt=a.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"},pullFooter:{flex:1,height:40,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}});class nt extends s.a.Component{constructor(e){super(e),this.state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},this.numberOfColumns=2,this.columnSpacing=6,this.interItemSpacing=6,this.mockFetchData=this.mockFetchData.bind(this),this.renderItem=this.renderItem.bind(this),this.getItemType=this.getItemType.bind(this),this.getItemKey=this.getItemKey.bind(this),this.onEndReached=this.onEndReached.bind(this),this.onRefresh=this.onRefresh.bind(this),this.getRefresh=this.getRefresh.bind(this),this.renderPullFooter=this.renderPullFooter.bind(this),this.renderBanner=this.renderBanner.bind(this),this.getItemStyle=this.getItemStyle.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e})}async onEndReached(){const{dataSource:e}=this.state;if(this.loadMoreDataFlag)return;this.loadMoreDataFlag=!0,this.setState({loadingState:"加载更多..."});let t=[];try{t=await this.mockFetchData()}catch(e){}0===t.length&&this.setState({loadingState:"没有更多数据"});const n=[...e,...t];this.setState({dataSource:n}),this.loadMoreDataFlag=!1}renderPullFooter(){return 0===this.state.dataSource.length?null:s.a.createElement(a.View,{style:tt.pullFooter},s.a.createElement(a.Text,{style:{color:"white"}},this.state.loadingState))}async onRefresh(){setTimeout(async()=>{const e=await this.mockFetchData();this.setState({dataSource:e}),this.refresh.refreshComplected()},1e3)}getRefresh(){return s.a.createElement(a.View,{style:{flex:1,height:40,justifyContent:"center",alignItems:"center",backgroundColor:"#4c9afa"}},s.a.createElement(a.Text,{style:{height:40,lineHeight:40,textAlign:"center",color:"white"}},"下拉刷新中..."))}onClickItem(e){console.log(`item: ${e} is clicked..`)}getItemType(e){return this.state.dataSource[e].style}getItemKey(e){return"row-"+e}onItemClick(e){console.log("onItemClick",e),this.listView.scrollToIndex({index:e,animation:!0})}renderBanner(){return"android"===a.Platform.OS||0===this.state.dataSource.length?null:s.a.createElement(a.View,{style:{backgroundColor:"grey",height:100,justifyContent:"center",alignItems:"center"}},s.a.createElement(a.Text,{style:{fontSize:20,color:"white",lineHeight:100,height:100}},"Banner View"))}renderItem(e){const{dataSource:t}=this.state;let n=null;const o=t[e];switch(o.style){case 1:n=s.a.createElement(ge,{itemBean:o.itemBean});break;case 2:n=s.a.createElement(xe,{itemBean:o.itemBean});break;case 5:n=s.a.createElement(Ce,{itemBean:o.itemBean})}return s.a.createElement(a.View,{onClick:()=>this.onItemClick(e),style:tt.container},s.a.createElement(a.View,{style:tt.itemContainer},n),s.a.createElement(a.View,{style:tt.splitter}))}mockFetchData(){return new Promise(e=>{setTimeout(()=>{const t=[...et,...et];return e(t)},600)})}getWaterfallContentInset(){return{top:0,left:5,bottom:0,right:5}}getItemStyle(){const{numberOfColumns:e,columnSpacing:t}=this,n=a.Dimensions.get("screen").width,o=this.getWaterfallContentInset();return{width:(n-o.left-o.right-(e-1)*t)/e}}render(){const{dataSource:e}=this.state,{numberOfColumns:t,columnSpacing:n,interItemSpacing:o}=this,r=this.getWaterfallContentInset();return s.a.createElement(a.RefreshWrapper,{ref:e=>{this.refresh=e},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},s.a.createElement(a.WaterfallView,{ref:e=>{this.listView=e},renderBanner:this.renderBanner,numberOfColumns:t,columnSpacing:n,interItemSpacing:o,numberOfItems:e.length,style:{flex:1},renderItem:this.renderItem,onEndReached:this.onEndReached,getItemType:this.getItemType,getItemKey:this.getItemKey,contentInset:r,getItemStyle:this.getItemStyle,containPullFooter:!0,renderPullFooter:this.renderPullFooter}))}}var ot=n.p+"assets/defaultSource.jpg";function rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function it(e){for(var t=1;t{i.current.setPressed(!1)},{nativeBackgroundAndroid:u,style:h}=e;return s.a.createElement(a.View,{onLayout:()=>{a.UIManagerModule.measureInAppWindow(i.current,e=>{n(e.x),r(e.y)})},style:h,onTouchDown:e=>{i.current.setHotspot(e.page_x-t,e.page_y-o),i.current.setPressed(!0)},onTouchEnd:c,onTouchCancel:c,ref:i,nativeBackgroundAndroid:it(it({},at),u)},e.children)}const st=a.StyleSheet.create({imgRectangle:{width:260,height:56,alignItems:"center",justifyContent:"center"},circleRipple:{marginTop:30,width:150,height:56,alignItems:"center",justifyContent:"center",borderWidth:3,borderColor:"#4c9afa"},squareRipple:{alignItems:"center",justifyContent:"center",width:150,height:150,backgroundColor:"#4c9afa",marginTop:30,borderRadius:12,overflow:"hidden"},squareRippleWrapper:{alignItems:"flex-start",justifyContent:"center",height:150,marginTop:30},squareRipple1:{alignItems:"center",justifyContent:"center",width:150,height:150,borderWidth:5,backgroundSize:"cover",borderColor:"#4c9afa",backgroundImage:ot,paddingHorizontal:10},squareRipple2:{alignItems:"center",justifyContent:"center",width:150,height:150,paddingHorizontal:10,backgroundSize:"cover",backgroundImage:"https://user-images.githubusercontent.com/12878546/148736102-7cd9525b-aceb-41c6-a905-d3156219ef16.png"}});function ct(){return"ios"===a.Platform.OS?s.a.createElement(a.Text,null,"iOS暂未支持水波纹效果"):s.a.createElement(a.ScrollView,{style:{margin:10,flex:1}},s.a.createElement(a.View,{style:[st.imgRectangle,{marginTop:20,backgroundImage:ot,backgroundSize:"cover"}]},s.a.createElement(lt,{style:[st.imgRectangle],nativeBackgroundAndroid:{borderless:!0,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"white",maxWidth:200}},"外层背景图，内层无边框水波纹，受外层影响始终有边框"))),s.a.createElement(lt,{style:[st.circleRipple],nativeBackgroundAndroid:{borderless:!0,color:"#666666",rippleRadius:100}},s.a.createElement(a.Text,{style:{color:"black",textAlign:"center"}},"无边框圆形水波纹")),s.a.createElement(lt,{style:[st.squareRipple],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"#fff"}},"带背景色水波纹")),s.a.createElement(a.View,{style:[st.squareRippleWrapper]},s.a.createElement(lt,{style:[st.squareRipple1],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"white"}},"有边框水波纹，带本地底图效果"))),s.a.createElement(a.View,{style:[st.squareRippleWrapper]},s.a.createElement(lt,{style:[st.squareRipple2],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"black"}},"有边框水波纹，带网络底图效果"))))}const ut="#4c9afa",ht="#f44837",dt=a.StyleSheet.create({container:{paddingHorizontal:10},square:{width:80,height:80,backgroundColor:ht},showArea:{height:150,marginVertical:10},button:{borderColor:ut,borderWidth:2,justifyContent:"center",alignItems:"center",width:70,borderRadius:8,height:50,marginTop:20,marginRight:8},buttonText:{fontSize:20,color:ut,textAlign:"center",textAlignVertical:"center"},colorText:{fontSize:14,color:"white",textAlign:"center",textAlignVertical:"center"},buttonContainer:{flexDirection:"row",alignItems:"center"},title:{fontSize:24,marginTop:8}});class mt extends s.a.Component{constructor(e){super(e),this.state={}}componentWillMount(){this.horizonAnimation=new a.Animation({startValue:150,toValue:20,duration:1e3,delay:500,mode:"timing",timingFunction:"linear",repeatCount:"loop"}),this.verticalAnimation=new a.Animation({startValue:80,toValue:40,duration:1e3,delay:0,mode:"timing",timingFunction:"linear",repeatCount:"loop"}),this.scaleAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:1,toValue:1.2,duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new a.Animation({startValue:1.2,toValue:.2,duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.bgColorAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:"red",toValue:"yellow",valueType:"color",duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new a.Animation({startValue:"yellow",toValue:"blue",duration:1e3,valueType:"color",delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.txtColorAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:"white",toValue:"yellow",valueType:"color",duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new a.Animation({startValue:"yellow",toValue:"white",duration:1e3,valueType:"color",delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.cubicBezierScaleAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:0,toValue:1,duration:1e3,delay:0,mode:"timing",timingFunction:"cubic-bezier(.45,2.84,.38,.5)"}),follow:!1},{animation:new a.Animation({startValue:1,toValue:0,duration:1e3,mode:"timing",timingFunction:"cubic-bezier(.17,1.45,.78,.14)"}),follow:!0}],repeatCount:"loop"})}componentDidMount(){"web"===a.Platform.OS&&(this.verticalAnimation.setRef(this.verticalRef),this.horizonAnimation.setRef(this.horizonRef),this.scaleAnimationSet.setRef(this.scaleRef),this.bgColorAnimationSet.setRef(this.bgColorRef),this.txtColorAnimationSet.setRef(this.textColorRef),this.cubicBezierScaleAnimationSet.setRef(this.cubicBezierScaleRef)),this.horizonAnimation.onHippyAnimationStart(()=>{console.log("on animation start!!!")}),this.horizonAnimation.onHippyAnimationEnd(()=>{console.log("on animation end!!!")}),this.horizonAnimation.onHippyAnimationCancel(()=>{console.log("on animation cancel!!!")}),this.horizonAnimation.onHippyAnimationRepeat(()=>{console.log("on animation end!!!")})}componentWillUnmount(){this.scaleAnimationSet&&this.scaleAnimationSet.destroy(),this.horizonAnimation&&this.horizonAnimation.destroy(),this.verticalAnimation&&this.verticalAnimation.destroy(),this.cubicBezierScaleAnimationSet&&this.cubicBezierScaleAnimationSet.destroy()}render(){return s.a.createElement(a.ScrollView,{style:dt.container},s.a.createElement(a.Text,{style:dt.title},"水平位移动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.horizonAnimation.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.horizonAnimation.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.horizonAnimation.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.horizonAnimation.updateAnimation({startValue:50,toValue:100})}},s.a.createElement(a.Text,{style:dt.buttonText},"更新"))),s.a.createElement(a.View,{style:dt.showArea},s.a.createElement(a.View,{ref:e=>{this.horizonRef=e},style:[dt.square,{transform:[{translateX:this.horizonAnimation}]}]})),s.a.createElement(a.Text,{style:dt.title},"高度形变动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.verticalAnimation.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.verticalAnimation.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.verticalAnimation.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:dt.showArea},s.a.createElement(a.View,{ref:e=>{this.verticalRef=e},style:[dt.square,{height:this.verticalAnimation}]})),s.a.createElement(a.Text,{style:dt.title},"组合形变动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.scaleAnimationSet.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.scaleAnimationSet.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.scaleAnimationSet.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:[dt.showArea,{marginVertical:20}]},s.a.createElement(a.View,{ref:e=>{this.scaleRef=e},style:[dt.square,{transform:[{scale:this.scaleAnimationSet}]}]})),s.a.createElement(a.Text,{style:dt.title},"颜色渐变动画（文字渐变仅Android支持）"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.bgColorAnimationSet.start(),this.txtColorAnimationSet.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.bgColorAnimationSet.pause(),this.txtColorAnimationSet.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.bgColorAnimationSet.resume(),this.txtColorAnimationSet.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:[dt.showArea,{marginVertical:20}]},s.a.createElement(a.View,{ref:e=>{this.bgColorRef=e},style:[dt.square,{justifyContent:"center",alignItems:"center"},{backgroundColor:this.bgColorAnimationSet}]},s.a.createElement(a.Text,{ref:e=>{this.textColorRef=e},style:[dt.colorText,{color:"android"===a.Platform.OS?this.txtColorAnimationSet:"white"}]},"颜色渐变背景和文字"))),s.a.createElement(a.Text,{style:dt.title},"贝塞尔曲线动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.cubicBezierScaleAnimationSet.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.cubicBezierScaleAnimationSet.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.cubicBezierScaleAnimationSet.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:[dt.showArea,{marginVertical:20}]},s.a.createElement(a.View,{ref:e=>{this.cubicBezierScaleRef=e},style:[dt.square,{transform:[{scale:this.cubicBezierScaleAnimationSet}]}]})))}}const ft=a.StyleSheet.create({containerStyle:{margin:20,alignItems:"center",flexDirection:"column"},itemGroupStyle:{flexDirection:"row",marginTop:10,borderColor:"#4c9afa",borderWidth:1,width:100,height:40,justifyContent:"center",alignItems:"center"},viewGroupStyle:{flexDirection:"row",marginTop:10},infoStyle:{width:60,height:40,fontSize:16,color:"#4c9afa",textAlign:"center"},inputStyle:{width:200,height:40,placeholderTextColor:"#aaaaaa",underlineColorAndroid:"#4c9afa",fontSize:16,color:"#242424",textAlign:"left"},buttonStyle:{textAlign:"center",fontSize:16,color:"#4c9afa",backgroundColor:"#4c9afa11",marginLeft:10,marginRight:10}});class gt extends s.a.Component{constructor(e){super(e),this.state={result:""},this.onTextChangeKey=this.onTextChangeKey.bind(this),this.onTextChangeValue=this.onTextChangeValue.bind(this),this.onClickSet=this.onClickSet.bind(this),this.onTextChangeKey=this.onTextChangeKey.bind(this),this.onClickGet=this.onClickGet.bind(this)}onClickSet(){const{key:e,value:t}=this.state;e&&a.AsyncStorage.setItem(e,t)}onClickGet(){const{key:e}=this.state;e&&a.AsyncStorage.getItem(e).then(e=>{this.setState({result:e})})}onTextChangeKey(e){this.setState({key:e})}onTextChangeValue(e){this.setState({value:e})}render(){const{result:e}=this.state;return s.a.createElement(a.ScrollView,{style:ft.containerStyle},s.a.createElement(a.View,{style:ft.viewGroupStyle},s.a.createElement(a.Text,{style:ft.infoStyle},"Key:"),s.a.createElement(a.TextInput,{style:ft.inputStyle,onChangeText:this.onTextChangeKey})),s.a.createElement(a.View,{style:ft.viewGroupStyle},s.a.createElement(a.Text,{style:ft.infoStyle},"Value:"),s.a.createElement(a.TextInput,{style:ft.inputStyle,onChangeText:this.onTextChangeValue})),s.a.createElement(a.View,{style:ft.itemGroupStyle,onClick:this.onClickSet},s.a.createElement(a.Text,{style:ft.buttonStyle},"Set")),s.a.createElement(a.View,{style:[ft.viewGroupStyle,{marginTop:60}]},s.a.createElement(a.Text,{style:ft.infoStyle},"Key:"),s.a.createElement(a.TextInput,{style:ft.inputStyle,onChangeText:this.onTextChangeKey})),s.a.createElement(a.View,{style:[ft.viewGroupStyle,{display:"none"}]},s.a.createElement(a.Text,{style:ft.infoStyle},"Value:"),s.a.createElement(a.Text,{style:[ft.infoStyle,{width:200}]},e)),s.a.createElement(a.View,{style:ft.itemGroupStyle,onClick:this.onClickGet},s.a.createElement(a.Text,{style:ft.buttonStyle},"Get")))}}const pt=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},defaultText:{marginVertical:4,fontSize:18,lineHeight:24,color:"#242424"},copiedText:{color:"#aaa"},button:{backgroundColor:"#4c9afa",borderRadius:4,height:30,marginVertical:4,paddingHorizontal:6,alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,color:"white"}});class yt extends s.a.Component{constructor(e){super(e),this.state={hasCopied:!1,text:"Winter is coming",clipboardText:"点击上面的按钮"}}render(){const e=e=>s.a.createElement(a.View,{style:pt.itemTitle},s.a.createElement(a.Text,null,e)),{hasCopied:t,text:n,clipboardText:o}=this.state,r=t?" (已复制) ":"";return s.a.createElement(a.ScrollView,{style:{padding:10}},e("文本复制到剪贴板"),s.a.createElement(a.Text,{style:pt.defaultText},n),s.a.createElement(a.View,{style:pt.button,onClick:()=>{a.Clipboard.setString(n),this.setState({hasCopied:!0})}},s.a.createElement(a.Text,{style:pt.buttonText},"点击复制以上文案"+r)),e("获取剪贴板内容"),s.a.createElement(a.View,{style:pt.button,onClick:async()=>{try{const e=await a.Clipboard.getString();this.setState({clipboardText:e})}catch(e){console.error(e)}}},s.a.createElement(a.Text,{style:pt.buttonText},"点击获取剪贴板内容")),s.a.createElement(a.Text,{style:[pt.defaultText,pt.copiedText]},o))}}const bt=a.StyleSheet.create({text:{fontSize:14,color:"#242424",alignSelf:"center"},container:{flex:1},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:80,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",height:100,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:1,borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"}});class wt extends s.a.Component{constructor(e){super(e),this.state={infoText:"",infoText2:""}}render(){const{infoText:e,infoText2:t}=this.state;return s.a.createElement(a.ScrollView,{style:bt.container},s.a.createElement(a.View,{style:bt.itemTitle,onPress:()=>{const e=new a.HippyEventEmitter;this.call=e.addListener("NORMAL_EVENT",e=>{this.setState({infoText:JSON.stringify(e)})}),Object(a.callNative)("MyEvent","btnClicked")}},s.a.createElement(a.Text,null,"客户端向前端单向通信"),s.a.createElement(a.Text,null,"点此终端会发送NORMAL_EVENT事件"),s.a.createElement(a.Text,null,"事件接收结果："+e)),s.a.createElement(a.View,{style:bt.itemTitle,onPress:()=>{const e=new a.HippyEventEmitter;this.call=e.addListener("COUNT_DOWN",e=>{this.setState({infoText2:JSON.stringify(e)})}),Object(a.callNative)("MyEvent","addListener","COUNT_DOWN")}},s.a.createElement(a.Text,null,"客户端向前端单向通信的进阶用法"),s.a.createElement(a.Text,null,"点此终端会发送COUNT_DOWN事件"),s.a.createElement(a.Text,null,"事件接收结果："+t)))}}const xt=a.StyleSheet.create({text:{fontSize:14,color:"#242424",alignSelf:"center"},container:{flex:1,justifyContent:"center"}});class St extends s.a.Component{constructor(e){super(e),this.state={infoText:"正在获取.."},this.listener=null}async componentWillMount(){const e=this,t=await a.NetInfo.fetch();this.setState({infoText:t}),this.listener=a.NetInfo.addEventListener("change",t=>{e.setState({infoText:"收到通知: "+t.network_info})})}componentDidMount(){const e=this;this.listener&&a.NetInfo.removeEventListener("change",this.listener),fetch("https://hippyjs.org",{headers:{Refer:"https://hippyjs.org",Cookie:["hippy=cookieTest1","hippy=cookieTest2"]}}).then(t=>(console.log("成功",t),e.setState({infoText:"成功: "+t.body}),t)).catch(t=>{e.setState({infoText:"收到错误: "+t}),console.error("收到错误:",t)}),a.NetworkModule.setCookie("https://hippyjs.org","name=someone;gender=male"),a.NetworkModule.getCookies("https://hippyjs.org").then(e=>{console.log("cookie: "+e)})}render(){const{infoText:e}=this.state;return s.a.createElement(a.ScrollView,{style:xt.container},s.a.createElement(a.Text,{style:xt.text},e))}}var Tt={log(e){Object(a.callNative)("TestModule","log",e)},helloNative(e){Object(a.callNative)("TestModule","helloNative",e)},helloNativeWithPromise:e=>Object(a.callNativeWithPromise)("TestModule","helloNativeWithPromise",e)};class Et extends s.a.Component{constructor(e){super(e),this.state={hello:"TestModule log"}}componentDidMount(){Tt.log("hello i am from js"),Tt.helloNative({hello:"i am form js"}),Tt.helloNativeWithPromise({hello:"i am form js"}).then(e=>{this.setState({hello:JSON.stringify(e)})})}render(){const{hello:e}=this.state;return s.a.createElement(a.Text,{style:{color:"red"}},e)}}const Ct=a.StyleSheet.create({fullScreen:{flex:1},row:{flexDirection:"row"},title:{color:"#ccc"},button:{height:56,backgroundColor:"#4c9afa",borderColor:"#5dabfb",borderStyle:"solid",borderWidth:1,paddingHorizontal:20,fontSize:16,textAlign:"center",lineHeight:56,color:"#fff",margin:10},input:{color:"black",flex:1,height:36,lineHeight:36,fontSize:14,borderBottomColor:"#4c9afa",borderBottomStyle:"solid",borderBottomWidth:1,padding:0},output:{color:"black"}}),vt="wss://echo.websocket.org",At="Rock it with Hippy WebSocket";let Rt;var Vt=function(){const e=Object(l.useRef)(null),t=Object(l.useRef)(null),[n,o]=Object(l.useState)([]),r=e=>{o(t=>[e,...t])};return s.a.createElement(a.View,{style:Ct.fullScreen},s.a.createElement(a.View,null,s.a.createElement(a.Text,{style:Ct.title},"Url:"),s.a.createElement(a.TextInput,{ref:e,value:vt,style:Ct.input}),s.a.createElement(a.View,{style:Ct.row},s.a.createElement(a.Text,{onClick:()=>{e.current.getValue().then(e=>{Rt&&1===Rt.readyState&&Rt.close(),Rt=new WebSocket(e),Rt.onopen=()=>r("[Opened] "+Rt.url),Rt.onclose=()=>r("[Closed] "+Rt.url),Rt.onerror=e=>r("[Error] "+e.reason),Rt.onmessage=e=>r("[Received] "+e.data)})},style:Ct.button},"Connect"),s.a.createElement(a.Text,{onClick:()=>Rt.close(),style:Ct.button},"Disconnect"))),s.a.createElement(a.View,null,s.a.createElement(a.Text,{style:Ct.title},"Message:"),s.a.createElement(a.TextInput,{ref:t,value:At,style:Ct.input}),s.a.createElement(a.Text,{onClick:()=>t.current.getValue().then(e=>{r("[Sent] "+e),Rt.send(e)}),style:Ct.button},"Send")),s.a.createElement(a.View,null,s.a.createElement(a.Text,{style:Ct.title},"Log:"),s.a.createElement(a.ScrollView,{style:Ct.fullScreen},n.map((e,t)=>s.a.createElement(a.Text,{key:t,style:Ct.output},e)))))};function kt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function It(e){for(var t=1;t{const e=a.Dimensions.get("window");({width:t,height:n}=e)});const[o,r]=Object(l.useState)({width:100,height:100,top:10,left:10}),[i,c]=Object(l.useState)({width:0,height:0,x:0,y:0}),u=It(It({},Dt.box),o);return s.a.createElement(a.View,{style:Dt.full},s.a.createElement(a.View,{style:Dt.demoContent},s.a.createElement(a.View,{ref:e,style:u},s.a.createElement(a.Text,{style:Dt.text},"I am the box"))),s.a.createElement(a.View,{style:Dt.buttonContainer},s.a.createElement(a.View,{onClick:()=>{const e=jt(0,t),o=jt(0,n-300),i=jt(50,120);r({left:e,top:o,width:i,height:i})},style:Dt.button},s.a.createElement(a.Text,{style:Dt.buttonText},"Move the random position")),s.a.createElement(a.View,{onClick:async()=>{try{const t=await a.UIManagerModule.measureInWindow(e.current);c(t)}catch(e){}},style:Dt.button},s.a.createElement(a.Text,{style:Dt.buttonText},"Measure box in window"))),s.a.createElement(a.View,{style:Dt.row},s.a.createElement(a.View,{style:Dt.full},s.a.createElement(a.Text,null,"Box style:"),s.a.createElement(a.Text,{style:Dt.black},"Width: "+u.width),s.a.createElement(a.Text,{style:Dt.black},"Height: "+u.height),s.a.createElement(a.Text,{style:Dt.black},"Left: "+u.left),s.a.createElement(a.Text,{style:Dt.black},"Top: "+u.top)),s.a.createElement(a.View,{style:Dt.full},s.a.createElement(a.Text,null,"measureInWindow output:"),s.a.createElement(a.Text,{style:Dt.black},"Width: "+i.width),s.a.createElement(a.Text,{style:Dt.black},"Height: "+i.height),s.a.createElement(a.Text,{style:Dt.black},"X: "+i.x),s.a.createElement(a.Text,{style:Dt.black},"Y: "+i.y))))};const Pt=a.StyleSheet.create({style_indicator_item:{width:4,height:4,marginLeft:2.5,marginRight:2.5,borderRadius:2},style_indicator:{position:"absolute",bottom:6,left:0,right:0,marginLeft:0,marginRight:0,alignItems:"center",justifyContent:"center",flexDirection:"row"}});class Lt extends s.a.Component{constructor(e){super(e),this.state={current:e.current||0}}update(e){const{current:t}=this.state;t!==e&&this.setState({current:e})}render(){const{count:e}=this.props,{current:t}=this.state,n=[];for(let o=0;o=r||(this.indicator.update(o),this.currentIndex=o)}onScrollBeginDrag(){this.touchStartOffset=this.scrollOffset,this.doClearTimer()}onScrollEndDrag(){this.doCreateTimer()}onLayout(e){this.width=e.layout.width}doSwitchPage(e){this.scrollView.scrollTo({x:this.imgWidth*e,y:0,animated:!0})}doCreateTimer(){this.doClearTimer(),this.duration<=0||(this.interval=setInterval(()=>{this.doSwitchPage((this.currentIndex+1)%this.itemCount)},this.duration))}doClearTimer(){this.interval&&clearInterval(this.interval),this.interval=null}render(){const{images:e}=this.props,t=[];for(let n=0;n{this.scrollView=e}},t),s.a.createElement(Lt,{ref:e=>{this.indicator=e},count:this.itemCount}))}}W()(Mt,"defaultProps",{duration:0,currentPage:0,images:[]});const Bt=["https://user-images.githubusercontent.com/12878546/148736627-bca54707-6939-45b3-84f7-74e6c2c09c88.jpg","https://user-images.githubusercontent.com/12878546/148736679-0521fdff-09f5-40e3-a36a-55c8f714be16.jpg","https://user-images.githubusercontent.com/12878546/148736685-a4c226ad-f64a-4fe0-b3df-ce0d8fcd7a01.jpg"],_t=a.StyleSheet.create({sliderStyle:{width:400,height:180},infoStyle:{height:40,fontSize:16,color:"#4c9afa",marginTop:15}});function zt(){return s.a.createElement(a.ScrollView,null,s.a.createElement(a.Text,{style:_t.infoStyle},"Auto:"),s.a.createElement(Mt,{style:_t.sliderStyle,images:Bt,duration:1e3}),s.a.createElement(a.Text,{style:_t.infoStyle},"Manual:"),s.a.createElement(Mt,{style:_t.sliderStyle,images:Bt,duration:0}))}const Ft=a.StyleSheet.create({container:{height:45,paddingLeft:4,flexDirection:"row",backgroundColor:"#ffffff",borderBottomColor:"#E5E5E5",borderBottomWidth:1},scroll:{flex:1,height:44},navItem:{width:60,height:44,paddingTop:13},navItemText:{fontSize:16,lineHeight:17,textAlign:"center",backgroundColor:"#ffffff"},navItemTextNormal:{color:"#666666"},navItemTextBlue:{color:"#2D73FF"}});class Wt extends s.a.Component{constructor(e){super(e),this.state={curIndex:0,navList:["头条","推荐","圈子","NBA","中超","英超","西甲","CBA","澳网","电影","本地","娱乐","小说","生活","直播","游戏"]},this.navScrollView=null,this.viewPager=null,this.onViewPagerChange=this.onViewPagerChange.bind(this),this.pressNavItem=this.pressNavItem.bind(this),this.scrollSV=this.scrollSV.bind(this)}static getPage(e,t){switch(t%3){case 0:return Ke(e);case 1:return Ge(e);case 2:return Ue(e);default:return null}}componentDidUpdate(){this.scrollSV()}onViewPagerChange({position:e}){this.setState({curIndex:e})}scrollSV(){if(this.navScrollView){const{curIndex:e,navList:t}=this.state,n=t.length,o=he.getScreenWidth(),r=o/2/60,i=60*nn-r?60*n-o:60*e-60*r+30,this.navScrollView.scrollTo({x:a,y:0,animated:!0})}}pressNavItem(e){this.setState({curIndex:e}),this.viewPager&&this.viewPager.setPage(e)}renderNav(){const{navList:e,curIndex:t}=this.state;return s.a.createElement(a.View,{style:Ft.container},s.a.createElement(a.ScrollView,{style:Ft.scroll,horizontal:!0,showsHorizontalScrollIndicator:!1,ref:e=>{this.navScrollView=e}},e.map((e,n)=>s.a.createElement(a.View,{style:Ft.navItem,key:"nav_"+e,activeOpacity:.5,onClick:()=>this.pressNavItem(n)},s.a.createElement(a.Text,{style:[Ft.navItemText,t===n?Ft.navItemTextBlue:Ft.navItemTextNormal],numberOfLines:1},e)))))}render(){const{navList:e}=this.state;return s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#ffffff"}},this.renderNav(),s.a.createElement(a.ViewPager,{ref:e=>{this.viewPager=e},style:{flex:1},initialPage:0,onPageSelected:this.onViewPagerChange},e.map((e,t)=>Wt.getPage(e,t))))}}const{width:Ht}=a.Dimensions.get("window"),Nt=a.StyleSheet.create({setNativePropsDemo:{display:"flex",alignItems:"center",position:"relative"},nativeDemo1Drag:{height:80,width:Ht,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo1Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},nativeDemo2Drag:{height:80,width:Ht,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo2Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},splitter:{marginTop:50}});class Kt extends s.a.Component{constructor(e){super(e),this.demon1Point=s.a.createRef(),this.demo1PointDom=null,this.state={demo2Left:0},this.isDemon1Layouted=!1,this.idDemon2Layouted=!1,this.onTouchDown1=this.onTouchDown1.bind(this),this.onDemon1Layout=this.onDemon1Layout.bind(this),this.onTouchMove1=this.onTouchMove1.bind(this),this.onTouchDown2=this.onTouchDown2.bind(this),this.onTouchMove2=this.onTouchMove2.bind(this)}componentDidMount(){}onDemon1Layout(){this.isDemon1Layouted||(this.isDemon1Layouted=!0,this.demo1PointDom=a.UIManagerModule.getElementFromFiberRef(this.demon1Point.current))}onTouchDown1(e){const{page_x:t}=e,n=t-40;console.log("touchdown x",t,n,Ht),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}onTouchMove1(e){const{page_x:t}=e,n=t-40;console.log("touchmove x",t,n,Ht),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}onTouchDown2(e){const{page_x:t}=e,n=t-40;console.log("touchdown x",t,n,Ht),this.setState({demo2Left:n})}onTouchMove2(e){const{page_x:t}=e,n=t-40;console.log("touchmove x",t,n,Ht),this.setState({demo2Left:n})}render(){const{demo2Left:e}=this.state;return s.a.createElement(a.View,{style:Nt.setNativePropsDemo},s.a.createElement(a.Text,null,"setNativeProps实现拖动效果"),s.a.createElement(a.View,{style:Nt.nativeDemo1Drag,onTouchDown:this.onTouchDown1,onTouchMove:this.onTouchMove1},s.a.createElement(a.View,{onLayout:this.onDemon1Layout,style:Nt.nativeDemo1Point,ref:this.demon1Point})),s.a.createElement(a.View,{style:Nt.splitter}),s.a.createElement(a.Text,null,"普通渲染实现拖动效果"),s.a.createElement(a.View,{style:Nt.nativeDemo2Drag,onTouchDown:this.onTouchDown2,onTouchMove:this.onTouchMove2},s.a.createElement(a.View,{style:[Nt.nativeDemo2Point,{left:e}]})))}}const Ut=a.StyleSheet.create({dynamicImportDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}});class Gt extends s.a.Component{constructor(e){super(e),this.state={AsyncComponentFromLocal:null,AsyncComponentFromHttp:null},this.onAsyncComponentLoad=this.onAsyncComponentLoad.bind(this)}onAsyncComponentLoad(){console.log("load async component"),n.e(1).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentLocal.jsx")).then(e=>{this.setState({AsyncComponentFromLocal:e.default||e})}).catch(e=>console.error("import async local component error",e)),n.e(0).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentHttp.jsx")).then(e=>{this.setState({AsyncComponentFromHttp:e.default||e})}).catch(e=>console.error("import async remote component error",e))}render(){const{AsyncComponentFromLocal:e,AsyncComponentFromHttp:t}=this.state;return s.a.createElement(a.View,{style:Ut.dynamicImportDemo},s.a.createElement(a.View,{style:{width:130,height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},s.a.createElement(a.Text,{style:{height:40,lineHeight:40,textAlign:"center"}},"点我异步加载")),s.a.createElement(a.View,{style:{marginTop:20}},e?s.a.createElement(e,null):null,t?s.a.createElement(t,null):null))}}const qt=a.StyleSheet.create({LocalizationDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}});class Qt extends s.a.Component{render(){const{country:e,language:t,direction:n}=a.Platform.Localization||{};return s.a.createElement(a.View,{style:qt.LocalizationDemo},s.a.createElement(a.View,{style:{height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},s.a.createElement(a.Text,{style:{color:"white",marginHorizontal:30,height:40,lineHeight:40,textAlign:"center"}},`国际化相关信息：国家 ${e} | 语言 ${t} | 方向 ${1===n?"RTL":"LTR"}`)))}}const Yt=()=>getTurboModule("demoTurbo").getTurboConfig(),Jt=a.StyleSheet.create({container:{flex:1},cellContentView:{flexDirection:"row",justifyContent:"space-between",backgroundColor:"#ccc",marginBottom:1},funcInfo:{justifyContent:"center",paddingLeft:15,paddingRight:15},actionButton:{backgroundColor:"#4c9afa",color:"#fff",height:44,lineHeight:44,textAlign:"center",width:80,borderRadius:6},resultView:{backgroundColor:"darkseagreen",minHeight:150,padding:15}});class Xt extends s.a.Component{constructor(e){super(e),this.state={config:null,result:"",funList:["getString","getNum","getBoolean","getMap","getObject","getArray","nativeWithPromise","getTurboConfig","printTurboConfig","getInfo","setInfo"]},this.onTurboFunc=this.onTurboFunc.bind(this),this.getRenderRow=this.getRenderRow.bind(this),this.getRowKey=this.getRowKey.bind(this)}async onTurboFunc(e){let t;if("nativeWithPromise"===e)t=await(async e=>turboPromise(getTurboModule("demoTurbo").nativeWithPromise)(e))("aaa");else if("getTurboConfig"===e)this.config=Yt(),t="获取到config对象";else if("printTurboConfig"===e)n=this.config||Yt(),t=getTurboModule("demoTurbo").printTurboConfig(n);else if("getInfo"===e)t=(this.config||Yt()).getInfo();else if("setInfo"===e)(this.config||Yt()).setInfo("Hello World"),t="设置config信息成功";else{t={getString:()=>{return e="123",getTurboModule("demoTurbo").getString(e);var e},getNum:()=>{return e=1024,getTurboModule("demoTurbo").getNum(e);var e},getBoolean:()=>{return e=!0,getTurboModule("demoTurbo").getBoolean(e);var e},getMap:()=>{return e=new Map([["a","1"],["b",2]]),getTurboModule("demoTurbo").getMap(e);var e},getObject:()=>{return e={c:"3",d:"4"},getTurboModule("demoTurbo").getObject(e);var e},getArray:()=>{return e=["a","b","c"],getTurboModule("demoTurbo").getArray(e);var e}}[e]()}var n;this.setState({result:t})}renderResultView(){return s.a.createElement(a.View,{style:Jt.resultView},s.a.createElement(a.Text,{style:{backgroundColor:"darkseagreen"}},""+this.state.result))}getRenderRow(e){const{funList:t}=this.state;return s.a.createElement(a.View,{style:Jt.cellContentView},s.a.createElement(a.View,{style:Jt.funcInfo},s.a.createElement(a.Text,{numberofLines:0},"函数名：",t[e])),s.a.createElement(a.Text,{style:Jt.actionButton,onClick:()=>this.onTurboFunc(t[e])},"执行"))}getRowKey(e){const{funList:t}=this.state;return t[e]}render(){const{funList:e}=this.state;return s.a.createElement(a.View,{style:Jt.container},this.renderResultView(),s.a.createElement(a.ListView,{numberOfRows:e.length,renderRow:this.getRenderRow,getRowKey:this.getRowKey,style:{flex:1}}))}}function Zt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function $t(e){for(var t=1;t0===e.index?s.a.createElement(a.View,{style:[rn.container]},s.a.createElement(a.View,{style:{backgroundColor:rn.title.backgroundColor,marginLeft:12}},s.a.createElement(a.Text,{numberOfLines:1,style:[rn.title,{fontWeight:"bold"}]},t.name)),s.a.createElement(a.View,{style:rn.headerButton},s.a.createElement(a.Text,{numberOfLines:1,style:rn.title},"ver: ","2.2.1"!==a.default.version?""+a.default.version:"master"))):s.a.createElement(a.View,{style:[rn.container]},s.a.createElement(a.View,{onClick:()=>e.goBack(),style:[rn.headerButton,"ios"===a.Platform.OS?null:{marginLeft:20}]},s.a.createElement(a.Image,{style:rn.backIcon,source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAIPUlEQVR4Xu2dT8xeQxTGn1O0GiWEaEJCWJCwQLBo/WnRSqhEJUQT0W60G+1Ku1SS2mlXaqM2KqJSSUlajVb9TViwYEHCQmlCQghRgqKPTHLK7Zfvfd97Zt5535l7z91+58zce57fnfe7d+Y+I/Cj1xWQXl+9XzwcgJ5D4AA4AD2vQM8v30cAB6DnFZjA5ZO8VUTenEBX5i58BDCXzJZA8ikA6wFsFpEttuz80Q5AxhqTfAbA2kYXW0VkU8YuzU07AOaStUsg+RyA1bNEFwWBA9BOz9ZRJOcAeAHAqiFJ20VkQ+tGMwY6AGMsLslTAOwGcE+LZneIyLoWcVlDHIAxlVfFfxXACkOTO0VkjSF+7KEOwJhKSnIfgDuNzf0M4BoR+cqYN7ZwByCxlCTnAtgLYLmxqR8ALBGRz4x5Yw13ABLKSfJ0APsBLDU28x2Am0XkC2Pe2MMdgMiSkjwDwAEAi41NBPEXichhY16WcAcgoqwkzwRwCMD1xvRvANxUivjh3B0Ao4IkzwbwFoCrjalf67B/xJiXNdwBMJSX5LkA3gFwpSEthH6pd/63xrzs4Q5AyxKTPB/AuwAub5lyIuxzvfO/N+ZNJNwBaFFmkhcAeA/ApS3CmyGf6qPej8a8iYU7ACNKTfIivfMvNqryMYBbRCS87Cn2cACGSKPivw/gQqOCQfzwnH/UmDfxcAdgQMlJXqLDvlX8DwHcVoP4/hg4WPzLdNhfaLwlw2hxu4j8ZsybWriPADNKT/IKfdQ7z6jK2wDuEJE/jHlTDXcAGuUneZW+5DnHqMpBAHeJyDFj3tTDHQCVgOR1+nr3LKMqYRp4pYj8bcwrItwBAEBykU7sLDCqsgfAfSLyjzGvmPDeA0ByiU7pzjeqEsS/V0SOG/OKCu81ACSX6WKOeUZVdgF4oHbxe/0YSDIs33oFwGlG8ae+js94vkPDezkCkFypq3dPNRaziJW8xnN2AJoVIHm/rtsPS7gtRzFr+S0nPSq2VyOAiv9ixEKYor7mGSWq5e+9AYDkgwDC51rWa94iIpstRa0p1lqMmq7tv3Ml+RCA8KGm9Xo3isi2Ki+65UlbC9Ky2XLCSD4MYHvEGXVe/M4/BpJ8BMDWCPHXi8jTEXnVpXR2BCD5OIDHjIoQwDoRedaYV214JwEg+SSAjUZVgvhrROR5Y17V4Z0DoGHJYhEmTOaEV7svWZK6ENspAGaxZGmjUZjGDTN64bVw747OADDEkmWYqEH8u0Xktd4prxdcPQAtLVlm0/cvXcjRW/GrfwxU8V9uacnShOBPXcL1Rl/v/BPXXe0IYPTjaer8uy7eDN/49f6oEgCSYRo3/NNm8eMJYv+qy7Y/6L3ytf4PkGDJ8ot+sPGRi/9/BaoaARIsWX7S7/Q+cfFPrkA1ACRYsgTxb5y2GVOp4FUBQIIlSxFOXKWKX8VjYIIlSzFOXA5AZAUSLFmKM2OKLEH2tGJ/AhIsWYo0Y8quZGQHRQKQYMlSrBlTpD7Z04oDIMGSpWgzpuxKRnZQFACJ4t8gIsWaMUXqkz2tGAASLFmKd+LKrmJCB0UAQDLWkqUKJ64EfbKnTh2ABEuWqsyYsisZ2cFUAUiwZKnOjClSn+xpUwMgwZKlSjOm7EpGdlAjAOHuDz58VblxReqTPW1qAIQr85+A7PqO7GCqACgEsb58/k/gSHlHB0wdAIXAHwNHa5UloggAFIJYb15/EZSARjEAKASx1uw+DxAJQVEAKASxmzP4TGAEBMUBoBCE7VnC0m3rDh1hLcBiESlub54IbSaSUiQADQhi9ujxBSEGdIoFQCGI3aXLl4S1hKBoABSC2H36fFFoCwiKB0AhiN2p05eFj4CgCgAUgti9ev2roCEQVAOAQhC7W3f4LjDs4uWfhs2AoSoAFIK5avG+vMVPXDPEPw6dpWDVAaAQ+OfhRvoHhVcJgEIQ3L53R7iDuEFEg4ZqAVAI5qj1+yrjDeEWMVqwqgE4ITrJYAFvhcBNoiLcs4032uTCE2zieusRGNTpxAjQGAmCJfxaI3bBJTTs/uVGkcbCFRnuVrE2WTo1AjRGAjeLbslBJwHQJ4RgFR8s4y2H28VbqlV6rG8YMVqhzo4AjZ8D3zJmCAedB0B/DnzTqAEQ9AIAhSB227gnROTR0YNpnRG9AUAhCLuG+saRXZkLiLnnfOvYk6vWqxGg8Y+hbx7dpcmgyJHAt4/v2lyAFQSSy3R10Txj7i7dZey4Ma+48F7+BDRVILkEwH4A843q7NFJpKoh6D0A+nSwCMABAAsiIAjTyWFGscrDAVDZEjyL9unuY2ELuuoOB6AhWYJlzUHdhexYbQQ4ADMUS/AtrNK9zAGY5ZZNcC6tzr/QARgwZqt3cfAoWGgc1qsyr3IAhqibYGAdPIzDp2hHjfBMPNwBGFHyBAv7KoysHYAW91zCDibFO5g5AC0A0JdFwbcoxrKmaAczB6AlAApBrGVNsQ5mDoABAIUg1rKmSPMqB8AIgEIQa1kTzKuCjd2RiG6zpDgAkWVN2Mu4KAczByASAB0JYi1rinEwcwASAFAIgmXN6wCWGpsqwsHMATCqNiic5F4AK4zNBQeza0XksDFvbOEOwJhKSTLGt2iniKwZ0ylENeMARJVt9iSSFt+iHSKybozdRzXlAESVbXASyTa+RdtFZMOYu45qzgGIKtvopCGWNVtFZNPoFiYT4QBkrDPJmZY1W0Rkc8YuzU07AOaS2RIaljUbRWSbLTt/tAOQv8Zhf8Sw0eWhCXRl7sIBMJesWwkOQLf0NF+NA2AuWbcSHIBu6Wm+GgfAXLJuJTgA3dLTfDX/AlSTmJ/JwwOoAAAAAElFTkSuQmCC"}})),s.a.createElement(a.View,{style:rn.headerButton},s.a.createElement(a.Text,{numberOfLines:1,style:rn.title},t.name))));const ln="#4c9afa",sn="#f44837",cn=a.StyleSheet.create({rowContainer:{alignItems:"center"},buttonView:{borderColor:ln,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:ln,textAlign:"center",textAlignVertical:"center"}});class un extends l.Component{constructor(e){super(e),this.state={pressItem:"",dataSource:[...tn]},this.renderRow=this.renderRow.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this),this.clickTo=this.clickTo.bind(this)}componentDidMount(){const{history:e}=this.props;"android"===a.Platform.OS&&a.BackAndroid.addListener(()=>(console.log("BackAndroid"),0===e.index&&(e.goBack(),!0)))}getRowType(e){const{dataSource:t}=this.state;return t[e].meta.style}getRowKey(e){const{dataSource:t}=this.state;return t[e].path||""+e}feedback(e){const t=e||"";this.setState({pressItem:t})}clickTo(e){const{history:t}=this.props;t.push(e)}renderRow(e){const{dataSource:t,pressItem:n}=this.state,o=t[e],{style:r}=o.meta;return s.a.createElement(a.View,{style:cn.rowContainer},s.a.createElement(a.View,{onPressIn:()=>this.feedback(o.path),onPressOut:()=>this.feedback(),onClick:()=>this.clickTo(o.path),style:[cn.buttonView,{borderColor:1===r?ln:sn,opacity:n===o.path?.5:1}]},s.a.createElement(a.Text,{style:[cn.buttonText,{color:1===r?ln:sn}]},o.name)))}render(){const{dataSource:e}=this.state;return s.a.createElement(a.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.renderRow,getRowType:this.getRowType,getRowKey:this.getRowKey})}}const hn=[{path:"/Gallery",name:"Hippy React 示例",component:z(un),meta:{style:1}},...tn];var dn=()=>s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#fff"}},s.a.createElement(k,{initialEntries:["/Gallery"]},hn.map(e=>{const t=e.component;return s.a.createElement(O,{key:e.path,exact:!0,path:""+e.path},s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#fff"}},s.a.createElement(an,{route:e}),s.a.createElement(t,{meta:e.meta||{}})))})));const mn=a.StyleSheet.create({stepText:{color:"#242424",marginBottom:12},container:{flex:1,backgroundColor:"#fff",justifyContent:"center",padding:20},button:{width:120,height:40,borderRadius:8,backgroundColor:"#4c9afa",alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,textAlign:"center",lineHeight:40,color:"#fff"},buttonContainer:{alignItems:"center",marginTop:12,justifyContent:"center"}});class fn extends l.Component{constructor(e){super(e),this.clickToDebug=this.clickToDebug.bind(this)}clickToDebug(){const{instanceId:e}=this.props;Object(a.callNative)("TestModule","debug",e)}render(){const e=["2. 在前端项目中使用 npm install 安装依赖","3. 在前端项目中运行 npm run hippy:dev 编译调试包","4. 另开一个命令行窗口，运行 npm run hippy:debug 启动调试服务","5. 点击下方的“开始调试”按钮开始调试业务包"];"android"===a.Platform.OS?(e.unshift("1. 使用 USB 线连接 Android 手机和电脑，并启动 Hippy"),e.push("6. 打开 chrome://inspect，需要确保 localhost:38989 在 Discover network targets 右侧的 Configuration 弹窗中，下方会出现设备列表，点击 Inspect 进行调试")):"ios"===a.Platform.OS&&(e.unshift("1. 启动 iOS 模拟器并启动打开 HippyDemo"),e.push("6. 打开 Safari -> Develop 菜单进行调试（需要在预置 -> 高级里打开开发者菜单）"),e.push("注意：每次插拔 USB 线后都需要通过 npm run hippy:debug 重启调试服务"));return s.a.createElement(a.ScrollView,{style:mn.container},e.map((e,t)=>s.a.createElement(a.Text,{style:mn.stepText,key:"steps-"+t},e)),s.a.createElement(a.View,{style:mn.buttonContainer},s.a.createElement(a.View,{style:mn.button,onClick:this.clickToDebug},s.a.createElement(a.Text,{style:mn.buttonText,numberOfLines:1},"点击调试"))))}}const gn=a.StyleSheet.create({container:{flex:1}});class pn extends l.Component{constructor(e){super(e);const{width:t,height:n}=a.Dimensions.get("screen");this.state={isVertical:t{switch(e){case 0:return s.a.createElement(dn,null);case 1:case 2:return s.a.createElement(fn,{instanceId:n});default:return s.a.createElement(a.View,{style:yn.blankPage})}})(),s.a.createElement(a.View,{style:yn.buttonContainer},(()=>{let n=["API","本地调试"];return"ios"!==a.Platform.OS||t||(n=["API"]),n.map((t,n)=>s.a.createElement(a.View,{key:"button_"+t,style:yn.button,onClick:()=>this.setState({pageIndex:n})},s.a.createElement(a.Text,{style:[yn.buttonText,n===e?{color:"#4c9afa"}:null],numberOfLines:1},t)))})()))}}new a.Hippy({appName:"Demo",entryPage:bn,bubbles:!1,silent:!1}).start()},0:function(e,t,n){n("./node_modules/regenerator-runtime/runtime.js"),e.exports=n("./src/main.js")},"dll-reference hippyReactBase":function(e,t){e.exports=hippyReactBase}}); \ No newline at end of file + */var o="function"==typeof Symbol&&Symbol.for,r=o?Symbol.for("react.element"):60103,i=o?Symbol.for("react.portal"):60106,a=o?Symbol.for("react.fragment"):60107,l=o?Symbol.for("react.strict_mode"):60108,s=o?Symbol.for("react.profiler"):60114,c=o?Symbol.for("react.provider"):60109,u=o?Symbol.for("react.context"):60110,h=o?Symbol.for("react.async_mode"):60111,d=o?Symbol.for("react.concurrent_mode"):60111,m=o?Symbol.for("react.forward_ref"):60112,f=o?Symbol.for("react.suspense"):60113,g=o?Symbol.for("react.suspense_list"):60120,p=o?Symbol.for("react.memo"):60115,y=o?Symbol.for("react.lazy"):60116,b=o?Symbol.for("react.block"):60121,w=o?Symbol.for("react.fundamental"):60117,x=o?Symbol.for("react.responder"):60118,S=o?Symbol.for("react.scope"):60119;function T(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case h:case d:case a:case s:case l:case f:return e;default:switch(e=e&&e.$$typeof){case u:case m:case y:case p:case c:return e;default:return t}}case i:return t}}}function E(e){return T(e)===d}t.AsyncMode=h,t.ConcurrentMode=d,t.ContextConsumer=u,t.ContextProvider=c,t.Element=r,t.ForwardRef=m,t.Fragment=a,t.Lazy=y,t.Memo=p,t.Portal=i,t.Profiler=s,t.StrictMode=l,t.Suspense=f,t.isAsyncMode=function(e){return E(e)||T(e)===h},t.isConcurrentMode=E,t.isContextConsumer=function(e){return T(e)===u},t.isContextProvider=function(e){return T(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return T(e)===m},t.isFragment=function(e){return T(e)===a},t.isLazy=function(e){return T(e)===y},t.isMemo=function(e){return T(e)===p},t.isPortal=function(e){return T(e)===i},t.isProfiler=function(e){return T(e)===s},t.isStrictMode=function(e){return T(e)===l},t.isSuspense=function(e){return T(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===l||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===p||e.$$typeof===c||e.$$typeof===u||e.$$typeof===m||e.$$typeof===w||e.$$typeof===x||e.$$typeof===S||e.$$typeof===b)},t.typeOf=T},"./node_modules/react-is/index.js":function(e,t,n){"use strict";e.exports=n("./node_modules/react-is/cjs/react-is.production.min.js")},"./node_modules/react/index.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/react/index.js")},"./node_modules/regenerator-runtime/runtime.js":function(e,t,n){var o=function(e){"use strict";var t=Object.prototype,n=t.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},r=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",a=o.toStringTag||"@@toStringTag";function l(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,n){return e[t]=n}}function s(e,t,n,o){var r=t&&t.prototype instanceof h?t:h,i=Object.create(r.prototype),a=new E(o||[]);return i._invoke=function(e,t,n){var o="suspendedStart";return function(r,i){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===r)throw i;return v()}for(n.method=r,n.arg=i;;){var a=n.delegate;if(a){var l=x(a,n);if(l){if(l===u)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===o)throw o="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o="executing";var s=c(e,t,n);if("normal"===s.type){if(o=n.done?"completed":"suspendedYield",s.arg===u)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(o="completed",n.method="throw",n.arg=s.arg)}}}(e,n,a),i}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=s;var u={};function h(){}function d(){}function m(){}var f={};l(f,r,(function(){return this}));var g=Object.getPrototypeOf,p=g&&g(g(C([])));p&&p!==t&&n.call(p,r)&&(f=p);var y=m.prototype=h.prototype=Object.create(f);function b(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function w(e,t){var o;this._invoke=function(r,i){function a(){return new t((function(o,a){!function o(r,i,a,l){var s=c(e[r],e,i);if("throw"!==s.type){var u=s.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?t.resolve(h.__await).then((function(e){o("next",e,a,l)}),(function(e){o("throw",e,a,l)})):t.resolve(h).then((function(e){u.value=e,a(u)}),(function(e){return o("throw",e,a,l)}))}l(s.arg)}(r,i,o,a)}))}return o=o?o.then(a,a):a()}}function x(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method))return u;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return u}var o=c(n,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,u;var r=o.arg;return r?r.done?(t[e.resultName]=r.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,u):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,u)}function S(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function C(e){if(e){var t=e[r];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function t(){for(;++o=0;--r){var i=this.tryEntries[r],a=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),s=n.call(i,"finallyLoc");if(l&&s){if(this.prev=0;--o){var r=this.tryEntries[o];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),T(n),u}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var o=n.completion;if("throw"===o.type){var r=o.arg;T(n)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:C(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),u}},e}(e.exports);try{regeneratorRuntime=o}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}},"./node_modules/webpack/buildin/global.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/webpack/buildin/global.js")},"./src/main.js":function(e,t,n){"use strict";n.r(t);var o={};n.r(o),n.d(o,"Focusable",(function(){return H})),n.d(o,"Image",(function(){return U})),n.d(o,"ListView",(function(){return Z})),n.d(o,"Modal",(function(){return oe})),n.d(o,"RefreshWrapper",(function(){return Ae})),n.d(o,"PullHeader",(function(){return Re})),n.d(o,"ScrollView",(function(){return Ie})),n.d(o,"Text",(function(){return Oe})),n.d(o,"TextInput",(function(){return Le})),n.d(o,"View",(function(){return _e})),n.d(o,"ViewPager",(function(){return Qe})),n.d(o,"WebView",(function(){return Xe})),n.d(o,"BoxShadow",(function(){return $e})),n.d(o,"WaterfallView",(function(){return nt})),n.d(o,"RippleViewAndroid",(function(){return ct}));var r={};n.r(r),n.d(r,"Animation",(function(){return mt})),n.d(r,"AsyncStorage",(function(){return gt})),n.d(r,"Clipboard",(function(){return yt})),n.d(r,"NativeEvent",(function(){return wt})),n.d(r,"NetInfo",(function(){return St})),n.d(r,"TestModule",(function(){return Et})),n.d(r,"WebSocket",(function(){return Rt})),n.d(r,"UIManagerModule",(function(){return Ot}));var i={};n.r(i),n.d(i,"Slider",(function(){return zt})),n.d(i,"TabHost",(function(){return Wt})),n.d(i,"SetNativeProps",(function(){return Kt})),n.d(i,"DynamicImport",(function(){return Ut})),n.d(i,"Localization",(function(){return Qt})),n.d(i,"Turbo",(function(){return Jt}));var a=n("../../packages/hippy-react/dist/index.js"),l=n("./node_modules/react/index.js"),s=n.n(l),c=n("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");function u(){return(u=Object.assign||function(e){for(var t=1;t=0;u--){var m=r[u];"."===m?d(r,u):".."===m?(d(r,u),c++):c&&(d(r,u),c--)}if(!l)for(;c--;c)r.unshift("..");!l||""===r[0]||r[0]&&h(r[0])||r.unshift("");var f=r.join("/");return n&&"/"!==f.substr(-1)&&(f+="/"),f};var f="Invariant failed";function g(e,t){if(!e)throw new Error(f)}function p(e){var t=e.pathname,n=e.search,o=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),o&&"#"!==o&&(r+="#"===o.charAt(0)?o:"#"+o),r}function y(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",o="",r=t.indexOf("#");-1!==r&&(o=t.substr(r),t=t.substr(0,r));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===o?"":o}}(e)).state=t:(void 0===(r=u({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=m(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function b(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,o,r){if(null!=e){var i="function"==typeof e?e(t,n):e;"string"==typeof i?"function"==typeof o?o(i,r):r(!0):r(!1!==i)}else r(!0)},appendListener:function(e){var n=!0;function o(){n&&e.apply(void 0,arguments)}return t.push(o),function(){n=!1,t=t.filter((function(e){return e!==o}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),o=0;ot?n.splice(t,n.length-t,o):n.push(o),h({action:"PUSH",location:o,index:t,entries:n})}}))},replace:function(e,t){var o=y(e,t,d(),S.location);c.confirmTransitionTo(o,"REPLACE",n,(function(e){e&&(S.entries[S.index]=o,h({action:"REPLACE",location:o}))}))},go:x,goBack:function(){x(-1)},goForward:function(){x(1)},canGo:function(e){var t=S.index+e;return t>=0&&t=0||(r[n]=e[n]);return r}var v=n("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),A=n.n(v),V=function(e){var t=Object(S.a)();return t.displayName=e,t}("Router"),R=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}Object(c.a)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&this.unlisten()},n.render=function(){return s.a.createElement(V.Provider,{children:this.props.children||null,value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}})},t}(s.a.Component);var k=function(e){function t(){for(var t,n=arguments.length,o=new Array(n),r=0;rthis.onClick(e),requestFocus:0===e,focusStyle:{backgroundColor:"red"},noFocusStyle:{backgroundColor:"blue"}},s.a.createElement(a.Text,{style:{color:"white"}},t===e?"我被点击了"+e:"没有被点击"+e)))}render(){return s.a.createElement(a.ScrollView,null,this.getRenderRow(0),this.getRenderRow(1),this.getRenderRow(2),this.getRenderRow(3),this.getRenderRow(4),this.getRenderRow(5),this.getRenderRow(6),this.getRenderRow(7),this.getRenderRow(8),this.getRenderRow(9),this.getRenderRow(10),this.getRenderRow(11),this.getRenderRow(12),this.getRenderRow(13),this.getRenderRow(14),this.getRenderRow(15),this.getRenderRow(16),this.getRenderRow(17),this.getRenderRow(18))}}var N=n.p+"assets/defaultSource.jpg";const K="https://user-images.githubusercontent.com/12878546/148736102-7cd9525b-aceb-41c6-a905-d3156219ef16.png",G=a.StyleSheet.create({container_style:{alignItems:"center"},image_style:{width:300,height:180,margin:16,borderColor:"#4c9afa",borderWidth:1,borderRadius:4},info_style:{marginTop:15,marginLeft:16,fontSize:16,color:"#4c9afa"}});function U(){return s.a.createElement(a.ScrollView,{style:G.container_style},s.a.createElement(a.Text,{style:G.info_style},"Contain:"),s.a.createElement(a.Image,{style:[G.image_style],resizeMode:a.Image.resizeMode.contain,defaultSource:N,source:{uri:K},onLoadStart:()=>{console.log("image onloadStart")},onLoad:()=>{console.log("image onLoad")},onError:e=>{console.log("image onError",e)},onLoadEnd:()=>{console.log("image onLoadEnd")}}),s.a.createElement(a.Text,{style:G.info_style},"Cover:"),s.a.createElement(a.Image,{style:[G.image_style],defaultSource:N,source:{uri:K},resizeMode:a.Image.resizeMode.cover}),s.a.createElement(a.Text,{style:G.info_style},"Center:"),s.a.createElement(a.Image,{style:[G.image_style],defaultSource:N,source:{uri:K},resizeMode:a.Image.resizeMode.center}),s.a.createElement(a.Text,{style:G.info_style},"TintColor(iOS染色暂不支持透明度)"),s.a.createElement(a.Image,{style:[G.image_style,{tintColor:"#99999955"}],defaultSource:N,source:{uri:K},resizeMode:a.Image.resizeMode.center}),s.a.createElement(a.Text,{style:G.info_style},"Cover GIF:"),s.a.createElement(a.Image,{style:[G.image_style],resizeMode:a.Image.resizeMode.cover,defaultSource:N,source:{uri:"https://user-images.githubusercontent.com/12878546/148736255-7193f89e-9caf-49c0-86b0-548209506bd6.gif"},onLoadEnd:()=>{console.log("gif onLoadEnd")}}))}const q=[{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5},{style:1},{style:2},{style:5}],Q=a.StyleSheet.create({container:{backgroundColor:"#fff",collapsable:!1},itemContainer:{padding:12},separatorLine:{marginLeft:12,marginRight:12,height:1,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});function Y({index:e}){return s.a.createElement(a.View,{style:Q.container,onClickCapture:e=>{console.log("onClickCapture style1",e.target.nodeId,e.currentTarget.nodeId)},onTouchDown:e=>(e.stopPropagation(),console.log("onTouchDown style1",e.target.nodeId,e.currentTarget.nodeId),!1),onClick:e=>(console.log("click style1",e.target.nodeId,e.currentTarget.nodeId),!1)},s.a.createElement(a.Text,{numberOfLines:1},e+": Style 1 UI"))}function X({index:e}){return s.a.createElement(a.View,{style:Q.container},s.a.createElement(a.Text,{numberOfLines:1},e+": Style 2 UI"))}function J({index:e}){return s.a.createElement(a.View,{style:Q.container},s.a.createElement(a.Text,{numberOfLines:1},e+": Style 5 UI"))}class Z extends s.a.Component{constructor(e){super(e),this.state={dataSource:q,fetchingDataFlag:!1},this.fetchTimes=0,this.delText="Delete",this.mockFetchData=this.mockFetchData.bind(this),this.getRenderRow=this.getRenderRow.bind(this),this.onEndReached=this.onEndReached.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this),this.getRowStyle=this.getRowStyle.bind(this),this.onDelete=this.onDelete.bind(this),this.onAppear=this.onAppear.bind(this),this.onDisappear=this.onDisappear.bind(this),this.onWillAppear=this.onWillAppear.bind(this),this.onWillDisappear=this.onWillDisappear.bind(this),this.rowShouldSticky=this.rowShouldSticky.bind(this)}onDelete({index:e}){const{dataSource:t}=this.state,n=t.filter((t,n)=>e!==n);this.setState({dataSource:n})}async onEndReached(){const{dataSource:e,fetchingDataFlag:t}=this.state;if(t)return;this.setState({fetchingDataFlag:!0,dataSource:e.concat([{style:100}])});const n=await this.mockFetchData(),o=e[e.length-1];o&&100===o.style&&e.pop();const r=e.concat(n);this.setState({dataSource:r})}onAppear(e){console.log("onAppear",e)}onDisappear(e){console.log("onDisappear",e)}onWillAppear(e){console.log("onWillAppear",e)}onWillDisappear(e){console.log("onWillDisappear",e)}rowShouldSticky(e){return 2===e}getRowType(e){return this.state.dataSource[e].style}getRowStyle(){return{width:100,height:50}}getRowKey(e){return"row-"+e}getRenderRow(e){const{dataSource:t}=this.state;let n=null;const o=t[e],r=t.length===e+1;switch(o.style){case 1:n=s.a.createElement(Y,{index:e});break;case 2:n=s.a.createElement(X,{index:e});break;case 5:n=s.a.createElement(J,{index:e});break;case 100:n=s.a.createElement(a.Text,{style:Q.loading},"Loading now...")}return s.a.createElement(a.View,{style:Q.container,onClickCapture:e=>{console.log("onClickCapture style outer",e.target.nodeId,e.currentTarget.nodeId)},onTouchDown:e=>(console.log("onTouchDown style outer",e.target.nodeId,e.currentTarget.nodeId),!1),onClick:e=>(console.log("click style outer",e.target.nodeId,e.currentTarget.nodeId),!1)},s.a.createElement(a.View,{style:Q.itemContainer},n),r?null:s.a.createElement(a.View,{style:Q.separatorLine}))}mockFetchData(){return new Promise(e=>{setTimeout(()=>(this.setState({fetchingDataFlag:!1}),this.fetchTimes+=1,this.fetchTimes>=100?e([]):e(q)),600)})}render(){const{dataSource:e}=this.state;return s.a.createElement(a.ListView,{onTouchDown:e=>{console.log("onTouchDown ListView",e.target.nodeId,e.currentTarget.nodeId)},onClickCapture:e=>{console.log("onClickCapture listview",e.target.nodeId,e.currentTarget.nodeId)},onClick:e=>(console.log("click listview",e.target.nodeId,e.currentTarget.nodeId),!0),bounces:!0,overScrollEnabled:!0,horizontal:void 0,style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,onDelete:this.onDelete,delText:this.delText,editable:!0,getRowKey:this.getRowKey,initialListSize:15,rowShouldSticky:this.rowShouldSticky,onAppear:this.onAppear,onDisappear:this.onDisappear,onWillAppear:this.onWillAppear,onWillDisappear:this.onWillDisappear})}}const $="#4c9afa",ee="#f44837",te="#fff",ne=a.StyleSheet.create({container:{flex:1,flexDirection:"row",justifyContent:"center"},buttonView:{borderColor:$,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:$,textAlign:"center",textAlignVertical:"center"}});class oe extends s.a.Component{constructor(e){super(e),this.state={visible:!1,press:!1},this.show=this.show.bind(this),this.hide=this.hide.bind(this)}feedback(e){this.setState({press:"in"===e})}show(){this.setState({visible:!0})}hide(){this.setState({visible:!1})}render(){const{press:e,visible:t}=this.state;return s.a.createElement(a.ScrollView,null,s.a.createElement(a.View,{style:ne.container},s.a.createElement(a.View,{onPressIn:()=>this.feedback("in"),onPressOut:()=>this.feedback.bind("out"),onClick:this.show,style:[ne.buttonView,{borderColor:$,opacity:e?.5:1}]},s.a.createElement(a.Text,{style:[ne.buttonText,{color:$}]},"点击弹出浮层"))),s.a.createElement(a.Modal,{transparent:!0,animationType:"slide_fade",visible:t,onRequestClose:()=>{},supportedOrientations:["portrait"]},s.a.createElement(a.View,{style:{flex:1,flexDirection:"row",justifyContent:"center"}},s.a.createElement(a.View,{onClick:this.hide,style:{width:200,height:200,backgroundColor:ee,marginTop:300,flexDirection:"row",justifyContent:"center"}},s.a.createElement(a.Text,{style:{color:te,fontSize:22,marginTop:80}},"点击关闭浮层")))))}}const re="https://user-images.githubusercontent.com/12878546/148736841-59ce5d1c-8010-46dc-8632-01c380159237.jpg",ie={style:1,itemBean:{title:"非洲总统出行真大牌，美制武装直升机和中国潜艇为其保驾",picList:[re,re,re],subInfo:["三图评论","11评"]}},ae={style:2,itemBean:{title:"彼得·泰尔：认知未来是投资人的谋生之道",picUrl:"https://user-images.githubusercontent.com/12878546/148736850-4fc13304-25d4-4b6a-ada3-cbf0745666f5.jpg",subInfo:["左文右图"]}},le={style:5,itemBean:{title:"愤怒！美官员扬言：“不让中国拿走南海的岛屿，南海岛礁不属于中国”？",picUrl:"https://user-images.githubusercontent.com/12878546/148736859-29e3a5b2-612a-4fdd-ad21-dc5d29fa538f.jpg",subInfo:["六眼神魔 5234播放"]}};var se=[le,ie,ae,ie,ae,ie,ae,le,ie],ce=n("./node_modules/@babel/runtime/helpers/extends.js"),ue=n.n(ce);var he={getScreenWidth(){const e=a.Dimensions.get("screen").width,t=a.Dimensions.get("screen").height,n=e>t?t:e;return Math.floor(n)},uniqueArray(e){const t=[];for(let n=0;n=812&&a.PixelRatio.get()>=2&&(e=!0),e}};const de=(he.getScreenWidth()-24-12)/3,me=Math.floor(de/1.35),fe=a.StyleSheet.create({imageContainer:{flexDirection:"row",justifyContent:"center",height:me,marginTop:8},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},image:{width:de,height:me},title:{fontSize:"android"===a.Platform.OS?17:18,lineHeight:24,color:"#242424"},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"}});function ge(e){const{itemBean:{title:t,picList:n}}=e;let{itemBean:{subInfo:o}}=e,r=null;if(o&&o.length){o=he.uniqueArray(o);const e=o.join(" ");r=s.a.createElement(a.Text,{style:fe.normalText,numberOfLines:1},e)}return s.a.createElement(a.View,ue()({},e,{style:{collapsable:!1}}),s.a.createElement(a.Text,{style:[fe.title],numberOfLines:2,enableScale:!0},t),s.a.createElement(a.View,{style:fe.imageContainer},s.a.createElement(a.Image,{style:fe.image,source:{uri:n[0]},resizeMode:a.Image.resizeMode.cover}),s.a.createElement(a.Image,{style:[fe.image,{marginLeft:6,marginRight:6}],source:{uri:n[1]},resizeMode:a.Image.resizeMode.cover}),s.a.createElement(a.Image,{style:fe.image,source:{uri:n[2]},resizeMode:a.Image.resizeMode.cover})),r?s.a.createElement(a.View,{style:fe.tagLine},r):null)}const pe=he.getScreenWidth()-24,ye=Math.floor(pe-12)/3,be=Math.floor(ye/1.35),we=a.StyleSheet.create({container:{flexDirection:"row",justifyContent:"space-between",height:be},leftContainer:{flex:1,flexDirection:"column",justifyContent:"center",marginRight:8},imageContainer:{width:ye,height:be},image:{width:ye,height:be},title:{fontSize:"android"===a.Platform.OS?17:18,lineHeight:24},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});function xe(e){if("undefined"===e)return null;const{itemBean:t}=e;if(!t)return null;let n=null;const{title:o,picUrl:r}=t;let{subInfo:i}=t;if(i&&i.length){i=he.uniqueArray(i);const e=i.join(" ");n=s.a.createElement(a.Text,{style:we.normalText,numberOfLines:1},e)}return s.a.createElement(a.View,ue()({},e,{style:we.container}),s.a.createElement(a.View,{style:we.leftContainer},s.a.createElement(a.Text,{style:we.title,numberOfLines:2,enableScale:!0},o),n?s.a.createElement(a.View,{style:we.tagLine},n):null),s.a.createElement(a.View,{style:we.imageContainer},s.a.createElement(a.Image,{resizeMode:a.Image.resizeMode.cover,style:we.image,source:{uri:r}})))}const Se=he.getScreenWidth()-24,Te=Math.floor(188*Se/336),Ee=a.StyleSheet.create({text:{fontSize:"android"===a.Platform.OS?17:18,lineHeight:24,color:"#242424"},playerView:{marginTop:8,alignItems:"center",width:Se,height:Te,alignSelf:"center"},image:{width:Se,height:Te},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},tagLine:{marginTop:8,flexDirection:"row",justifyContent:"space-between",alignItems:"center"}});function Ce(e){if("undefined"===e)return null;const{itemBean:t}=e;if(!t)return null;const{title:n,picUrl:o}=t;let{subInfo:r}=t,i=null;if(r&&r.length){r=he.uniqueArray(r);const e=r.join(" ");i=s.a.createElement(a.Text,{style:Ee.normalText,numberOfLines:1},e)}return s.a.createElement(a.View,e,s.a.createElement(a.Text,{style:Ee.text,numberOfLines:2,enableScale:!0},n),s.a.createElement(a.View,{style:Ee.playerView},s.a.createElement(a.Image,{style:Ee.image,source:{uri:o},resizeMode:a.Image.resizeMode.cover})),i?s.a.createElement(a.View,{style:Ee.tagLine},i):null)}const ve=a.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},spliter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});class Ae extends s.a.Component{constructor(e){super(e),this.state={dataSource:[],loadingState:"正在加载..."},this.fetchTimes=0,this.mockFetchData=this.mockFetchData.bind(this),this.onRefresh=this.onRefresh.bind(this),this.getRefresh=this.getRefresh.bind(this),this.getRenderRow=this.getRenderRow.bind(this),this.onEndReached=this.onEndReached.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e})}async onEndReached(){const{dataSource:e,fetchingDataFlag:t}=this.state;if(t)return;this.setState({fetchingDataFlag:!0,dataSource:e.concat([{style:100}])});const n=await this.mockFetchData(),o=e[e.length-1];o&&100===o.style&&e.pop();const r=e.concat(n);this.setState({dataSource:r})}onRefresh(){setTimeout(async()=>{const e=await this.mockFetchData();this.setState({dataSource:e}),this.refresh.refreshComplected()},1e3)}onClickItem(e){console.log(`item: ${e} is clicked..`)}getRenderRow(e){const{dataSource:t,loadingState:n}=this.state;let o=null;const r=t[e],i=t.length===e+1;switch(r.style){case 1:o=s.a.createElement(ge,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 2:o=s.a.createElement(xe,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 5:o=s.a.createElement(Ce,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 100:o=s.a.createElement(a.Text,{style:ve.loading},n)}return s.a.createElement(a.View,{style:ve.container},s.a.createElement(a.View,{style:ve.itemContainer},o),i?null:s.a.createElement(a.View,{style:ve.spliter}))}getRowType(e){return this.state.dataSource[e].style}getRowKey(e){return"row-"+e}getRefresh(){return s.a.createElement(a.View,{style:{flex:1,height:30}},s.a.createElement(a.Text,{style:{flex:1,textAlign:"center"}},"下拉刷新中..."))}mockFetchData(){return new Promise(e=>{setTimeout(()=>(this.setState({fetchingDataFlag:!1}),this.fetchTimes+=1,this.fetchTimes>=50?e([]):e(se)),600)})}render(){const{dataSource:e}=this.state;return s.a.createElement(a.RefreshWrapper,{ref:e=>{this.refresh=e},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},s.a.createElement(a.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,getRowKey:this.getRowKey}))}}const Ve=a.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"}});class Re extends s.a.Component{constructor(e){super(e),this.state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},this.fetchTimes=0,this.mockFetchData=this.mockFetchData.bind(this),this.renderRow=this.renderRow.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this),this.renderPullHeader=this.renderPullHeader.bind(this),this.onEndReached=this.onEndReached.bind(this),this.onHeaderReleased=this.onHeaderReleased.bind(this),this.onHeaderPulling=this.onHeaderPulling.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e}),this.listView.collapsePullHeader()}async onEndReached(){const{dataSource:e}=this.state;if(this.loadMoreDataFlag)return;this.loadMoreDataFlag=!0,this.setState({dataSource:e.concat([{style:100}])});let t=[];try{t=await this.mockFetchData()}catch(e){}const n=e[e.length-1];n&&100===n.style&&e.pop();const o=e.concat(t);this.loadMoreDataFlag=!1,this.setState({dataSource:o})}async onHeaderReleased(){if(this.fetchingDataFlag)return;this.fetchingDataFlag=!0,console.log("onHeaderReleased"),this.setState({pullingText:"刷新数据中，请稍等，2秒后自动收起"});let e=[];try{e=await this.mockFetchData()}catch(e){}this.fetchingDataFlag=!1,this.setState({dataSource:e},()=>{this.listView.collapsePullHeader(),this.fetchTimes=0})}onHeaderPulling(e){this.fetchingDataFlag||(console.log("onHeaderPulling",e.contentOffset),e.contentOffset>Ve.pullContent.height?this.setState({pullingText:"松手，即可触发刷新"}):this.setState({pullingText:"继续下拉，触发刷新"}))}onClickItem(e,t){console.log(`item: ${e} is clicked..`,t.target.nodeId,t.currentTarget.nodeId)}getRowType(e){return this.state.dataSource[e].style}getRowKey(e){return"row-"+e}mockFetchData(){return new Promise(e=>{setTimeout(()=>{this.fetchTimes+=1;let t=[];return this.fetchTimes<50&&(t=se),e(t)},600)})}renderPullHeader(){const{pullingText:e}=this.state;return s.a.createElement(a.View,{style:Ve.pullContainer},s.a.createElement(a.Text,{style:Ve.pullContent},e))}renderRow(e){const{dataSource:t,loadingState:n}=this.state;let o=null;const r=t[e],i=t.length===e+1;switch(r.style){case 1:o=s.a.createElement(ge,{itemBean:r.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 2:o=s.a.createElement(xe,{itemBean:r.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 5:o=s.a.createElement(Ce,{itemBean:r.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 100:o=s.a.createElement(a.Text,{style:Ve.loading},n)}return s.a.createElement(a.View,{style:Ve.container},s.a.createElement(a.View,{style:Ve.itemContainer},o),i?null:s.a.createElement(a.View,{style:Ve.splitter}))}render(){const{dataSource:e}=this.state;return s.a.createElement(a.ListView,{onClick:e=>console.log("ListView",e.target.nodeId,e.currentTarget.nodeId),ref:e=>{this.listView=e},style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,getRowType:this.getRowType,getRowKey:this.getRowKey,renderRow:this.renderRow,renderPullHeader:this.renderPullHeader,onEndReached:this.onEndReached,onHeaderReleased:this.onHeaderReleased,onHeaderPulling:this.onHeaderPulling})}}const ke=a.StyleSheet.create({itemStyle:{width:100,height:100,lineHeight:100,borderWidth:1,borderColor:"#4c9afa",fontSize:80,margin:20,color:"#4c9afa",textAlign:"center"},verticalScrollView:{height:300,width:140,margin:20,borderColor:"#eee",borderWidth:1},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10}});function Ie(){return s.a.createElement(a.ScrollView,null,s.a.createElement(a.View,{style:ke.itemTitle},s.a.createElement(a.Text,null,"Horizontal ScrollView")),s.a.createElement(a.View,null,s.a.createElement(a.ScrollView,{horizontal:!0,bounces:!0,showsHorizontalScrollIndicator:!1,showScrollIndicator:!1},s.a.createElement(a.Text,{style:ke.itemStyle},"A"),s.a.createElement(a.Text,{style:ke.itemStyle},"B"),s.a.createElement(a.Text,{style:ke.itemStyle},"C"),s.a.createElement(a.Text,{style:ke.itemStyle},"D"),s.a.createElement(a.Text,{style:ke.itemStyle},"E"),s.a.createElement(a.Text,{style:ke.itemStyle},"F"),s.a.createElement(a.Text,{style:ke.itemStyle},"A"))),s.a.createElement(a.View,{style:ke.itemTitle},s.a.createElement(a.Text,null,"Vertical ScrollView")),s.a.createElement(a.ScrollView,{bounces:!0,horizontal:!1,style:ke.verticalScrollView,showScrollIndicator:!1,showsVerticalScrollIndicator:!1},s.a.createElement(a.Text,{style:ke.itemStyle},"A"),s.a.createElement(a.Text,{style:ke.itemStyle},"B"),s.a.createElement(a.Text,{style:ke.itemStyle},"C"),s.a.createElement(a.Text,{style:ke.itemStyle},"D"),s.a.createElement(a.Text,{style:ke.itemStyle},"E"),s.a.createElement(a.Text,{style:ke.itemStyle},"F"),s.a.createElement(a.Text,{style:ke.itemStyle},"A")))}const De=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",height:100,borderWidth:1,borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"},button:{width:100,height:24,borderColor:"blue",borderWidth:1},buttonText:{width:100,lineHeight:24,textAlign:"center"},customFont:{color:"#0052d9",fontSize:32,fontFamily:"TTTGB"}});let je=0;class Oe extends s.a.Component{constructor(e){super(e),this.state={fontSize:16,textShadowColor:"grey",textShadowOffset:{x:1,y:1}},this.incrementFontSize=this.incrementFontSize.bind(this),this.decrementFontSize=this.decrementFontSize.bind(this),this.androidNestedTextWrapperStyle={height:100,lineHeight:100}}incrementFontSize(){const{fontSize:e}=this.state;24!==e&&this.setState({fontSize:e+1})}decrementFontSize(){const{fontSize:e}=this.state;6!==e&&this.setState({fontSize:e-1})}render(){const{fontSize:e,textShadowColor:t,textShadowOffset:n}=this.state,o=e=>s.a.createElement(a.View,{style:De.itemTitle},s.a.createElement(a.Text,{style:!0},e));return s.a.createElement(a.ScrollView,{style:{padding:10}},o("shadow"),s.a.createElement(a.View,{style:[De.itemContent],onClick:()=>{let e="red",t={x:10,y:1};je%2==1&&(e="grey",t={x:1,y:1}),je+=1,this.setState({textShadowColor:e,textShadowOffset:t})}},s.a.createElement(a.Text,{style:[De.normalText,{color:"#242424",textShadowOffset:n,textShadowRadius:3,textShadowColor:t}]},"Text shadow is grey with radius 3 and offset 1")),o("color"),s.a.createElement(a.View,{style:[De.itemContent]},s.a.createElement(a.Text,{style:[De.normalText,{color:"#242424"}]},"Text color is black"),s.a.createElement(a.Text,{style:[De.normalText,{color:"blue"}]},"Text color is blue"),s.a.createElement(a.Text,{style:[De.normalText,{color:"rgb(228,61,36)"}]},"This is red")),o("fontSize"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{style:[De.normalText,{fontSize:e}]},"Text fontSize is "+e),s.a.createElement(a.View,{style:De.button,onClick:this.incrementFontSize},s.a.createElement(a.Text,{style:De.buttonText},"放大字体")),s.a.createElement(a.View,{style:De.button,onClick:this.decrementFontSize},s.a.createElement(a.Text,{style:De.buttonText},"缩小字体"))),o("fontStyle"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{style:[De.normalText,{fontStyle:"normal"}]},"Text fontStyle is normal"),s.a.createElement(a.Text,{style:[De.normalText,{fontStyle:"italic"}]},"Text fontStyle is italic")),o("numberOfLines"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:1,style:De.normalText},"just one line just one line just one line just one line just one line just one line just one line just one line"),s.a.createElement(a.Text,{numberOfLines:2,style:De.normalText},"just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines")),o("textDecoration"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:1,style:[De.normalText,{textDecorationLine:"underline",textDecorationStyle:"dotted"}]},"underline"),s.a.createElement(a.Text,{numberOfLines:1,style:[De.normalText,{textDecorationLine:"line-through",textDecorationColor:"red"}]},"line-through")),o("Nest Text"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:3},s.a.createElement(a.Text,{numberOfLines:3,style:[De.normalText,{color:"#4c9afa"}]},"#SpiderMan#"),s.a.createElement(a.Text,{numberOfLines:3,style:De.normalText},"Hello world, I am a spider man and I have five friends in other universe."))),o("Custom font"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{numberOfLines:1,style:De.customFont},"Hippy 跨端框架")),o("Text Nested"),s.a.createElement(a.View,{style:De.itemContent},s.a.createElement(a.Text,{style:"android"===a.Platform.OS?this.androidNestedTextWrapperStyle:{}},s.a.createElement(a.Text,{numberOfLines:1,style:De.normalText},"后面有张图片"),s.a.createElement(a.Image,{style:{width:70,height:35},source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAtCAMAAABmgJ64AAAAOVBMVEX/Rx8AAAD/QiL/Tif/QyH/RR//QiH/QiP/RCD/QSL/Qxz/QyH/QiL/QiD/QyL/QiL/QiH/QyH/QiLwirLUAAAAEnRSTlMZAF4OTC7DrWzjI4iietrRk0EEv/0YAAAB0UlEQVRYw72Y0Y6sIAxAKwUFlFH7/x97izNXF2lN1pU5D800jD2hJAJCdwYZuAUyVbmToKh903IhQHgErAVH+ccV0KI+G2oBPMxJgPA4WAigAT8F0IRDgNAE3ARyfeMFDGSc3YHVFkTBAHKDAgkEyHjacae/GTjxFqAo8NbakXrL9DRy9B+BCQwRcXR9OBKmEuAmAFFgcy0agBnIc1xZsMPOI5loAoUsQFmQjDEL9YbpaeGYBMGRKKAuqFEFL/JXApCw/zFEZk9qgbLGBx0gXLISxT25IUBREEgh1II1fph/IViGnZnCcDDVAgfgVg6gCy6ZaClySbDQpAl04vCGaB4+xGcFRK8CLvW0IBb5bQGqAlNwU4C6oEIVTLTcmoEr0AWcpKsZ/H0NAtkLQffnFjkOqiC/TTWBL9AFCwXQBHgI7rXImMgjCZwFa50s6DRBXyALmIECuMASiWNPFgRTgSJwM+XW8PDCmbwndzdaNL8FMYXPNjASDVChnIvWlBI/MKadPV952HszbmXtRERhhQ0vGFA52SVSSVt7MjHvxfRK8cdTpqovn02dUcltMrwiKf+wQ1FxXKCk9en6e/eDNnP44h2thQEb35O/etNv/q3iHza+KuhqqhZAAAAAAElFTkSuQmCC"}}),s.a.createElement(a.Text,{numberOfLines:1,style:De.customFont},"前面有张图片"))))}}const Pe=a.StyleSheet.create({container_style:{padding:10},input_style:{width:300,marginVertical:10,placeholderTextColor:"#aaaaaa",fontSize:16,color:"#242424",height:30,lineHeight:30},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},button:{width:200,borderColor:"#4c9afa",borderWidth:1,marginTop:5,marginBottom:5}});class Le extends l.Component{constructor(e){super(e),this.state={textContent:""},this.changeInputContent=this.changeInputContent.bind(this),this.focus=this.focus.bind(this),this.blur=this.blur.bind(this)}changeInputContent(){this.setState({textContent:"当前时间毫秒："+Date.now()})}focus(){this.input.focus()}blur(){this.input.blur()}render(){const{textContent:e}=this.state,t=e=>s.a.createElement(a.View,{style:Pe.itemTitle},s.a.createElement(a.Text,null,e));return s.a.createElement(a.ScrollView,{style:Pe.container_style},t("text"),s.a.createElement(a.TextInput,{ref:e=>{this.input=e},style:Pe.input_style,placeholder:"text",defaultValue:e}),s.a.createElement(a.View,{style:Pe.button,onClick:this.changeInputContent},s.a.createElement(a.Text,null,"点击改变输入框内容")),s.a.createElement(a.View,{style:Pe.button,onClick:this.focus},s.a.createElement(a.Text,null,"Focus")),s.a.createElement(a.View,{style:Pe.button,onClick:this.blur},s.a.createElement(a.Text,null,"Blur")),t("numeric"),s.a.createElement(a.TextInput,{style:Pe.input_style,keyboardType:"numeric",placeholder:"numeric"}),t("phone-pad"),s.a.createElement(a.TextInput,{style:Pe.input_style,keyboardType:"phone-pad",placeholder:"phone-pad"}),t("password"),s.a.createElement(a.TextInput,{style:Pe.input_style,keyboardType:"password",placeholder:"Password",multiline:!1}),t("maxLength"),s.a.createElement(a.TextInput,{caretColor:"yellow",style:Pe.input_style,placeholder:"maxLength=5",maxLength:5}))}}var Me=n.p+"assets/defaultSource.jpg";const Be=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},rectangle:{width:160,height:80,marginVertical:10},bigRectangle:{width:200,height:100,borderColor:"#eee",borderWidth:1,padding:10,marginVertical:10},smallRectangle:{width:40,height:40,borderRadius:10}});function _e(){const e=e=>s.a.createElement(a.View,{style:Be.itemTitle},s.a.createElement(a.Text,null,e));return s.a.createElement(a.ScrollView,{style:{padding:10}},e("backgroundColor"),s.a.createElement(a.View,{style:[Be.rectangle,{backgroundColor:"#4c9afa"}]}),e("backgroundImage"),s.a.createElement(a.View,{style:[Be.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,backgroundImage:Me}],accessible:!0,accessibilityLabel:"背景图",accessibilityRole:"image",accessibilityState:{disabled:!1,selected:!0,checked:!1,expanded:!1,busy:!0},accessibilityValue:{min:1,max:10,now:5,text:"middle"}},s.a.createElement(a.Text,{style:{color:"white"}},"背景图")),e("backgroundImage linear-gradient"),s.a.createElement(a.View,{style:[Be.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,borderWidth:2,borderColor:"black",borderRadius:2,backgroundImage:"linear-gradient(30deg, blue 10%, yellow 40%, red 50%);"}]},s.a.createElement(a.Text,{style:{color:"white"}},"渐变色")),e("border props"),s.a.createElement(a.View,{style:[Be.rectangle,{borderColor:"#242424",borderRadius:4,borderWidth:1}]}),e("flex props"),s.a.createElement(a.View,{style:[Be.bigRectangle,{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}]},s.a.createElement(a.View,{style:[Be.smallRectangle,{backgroundColor:"yellow"}]}),s.a.createElement(a.View,{style:[Be.smallRectangle,{backgroundColor:"blue"}]}),s.a.createElement(a.View,{style:[Be.smallRectangle,{backgroundColor:"green"}]})))}const ze=a.StyleSheet.create({pageContainer:{alignItems:"center",justifyContent:"center",flex:1,paddingTop:20},mainRec:{backgroundColor:"#4c9afaAA",width:256,height:48,marginBottom:10,marginTop:156},title:{verticalAlign:"middle",lineHeight:48,height:48,fontSize:16,color:"white",alignSelf:"center"},shapeBase:{width:128,height:128,backgroundColor:"#4c9afa"},square:{},circle:{borderRadius:64},triangle:{borderTopWidth:0,borderRightWidth:70,borderBottomWidth:128,borderLeftWidth:70,borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:"#4c9afa",backgroundColor:"transparent",width:140}}),Fe="SquarePagerView",We="TrianglePagerView",He="CirclePagerView";function Ne(e,t){const n=t=>s.a.createElement(a.View,{style:ze.pageContainer,key:t},s.a.createElement(a.View,{style:[ze.shapeBase,e],key:"shape"}),s.a.createElement(a.View,{style:ze.mainRec,key:"title"},t?s.a.createElement(a.Text,{style:ze.title},t):null));return n.displayName=t,n}const Ke=Ne(ze.square,Fe),Ge=Ne(ze.triangle,We),Ue=Ne(ze.circle,He),qe=a.StyleSheet.create({dotContainer:{position:"absolute",bottom:10,left:0,right:0,flexDirection:"row",alignItems:"center",justifyContent:"center"},dot:{width:6,height:6,borderRadius:3,margin:3,backgroundColor:"#BBBBBB"},selectDot:{backgroundColor:"#000000"},container:{height:500},buttonContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12},button:{width:120,height:36,backgroundColor:"#4c9afa",borderRadius:18,alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,color:"#fff"}});class Qe extends s.a.Component{constructor(e){super(e),W()(this,"state",{selectedIndex:0}),this.onPageSelected=this.onPageSelected.bind(this)}onPageSelected(e){console.log("onPageSelected",e.position),this.setState({selectedIndex:e.position})}onPageScrollStateChanged(e){console.log("onPageScrollStateChanged",e)}onPageScroll({offset:e,position:t}){console.log("onPageScroll",e,t)}render(){const{selectedIndex:e}=this.state;return s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#ffffff"}},s.a.createElement(a.View,{style:qe.buttonContainer},s.a.createElement(a.View,{style:qe.button,onClick:()=>{this.viewpager.setPage(2)}},s.a.createElement(a.Text,{style:qe.buttonText},"动效滑到第3页")),s.a.createElement(a.View,{style:qe.button,onClick:()=>this.viewpager.setPageWithoutAnimation(0)},s.a.createElement(a.Text,{style:qe.buttonText},"直接滑到第1页"))),s.a.createElement(a.ViewPager,{ref:e=>{this.viewpager=e},style:qe.container,initialPage:0,keyboardDismissMode:"none",scrollEnabled:!0,onPageSelected:this.onPageSelected,onPageScroll:this.onPageScroll},[Ke("squarePager"),Ge("TrianglePager"),Ue("CirclePager")]),s.a.createElement(a.View,{style:qe.dotContainer},new Array(3).fill(0).map((t,n)=>{const o=n===e;return s.a.createElement(a.View,{style:[qe.dot,o?qe.selectDot:null],key:"dot_"+n})})))}}const Ye=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},webViewStyle:{padding:10,flex:1,flexGrow:1,borderRadius:10}});function Xe(){return s.a.createElement(a.View,{style:{padding:10,flex:1}},s.a.createElement(a.View,{style:Ye.itemTitle},s.a.createElement(a.Text,null,"WebView 示例")),s.a.createElement(a.WebView,{source:{uri:"https://hippyjs.org"},method:"get",userAgent:"Mozilla/5.0 (Linux; U; Android 5.1.1; zh-cn; vivo X7 Build/LMY47V) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 Chrome/37.0.0.0 MQQBrowser/8.2 Mobile Safari/537.36",style:Ye.webViewStyle,onLoad:({url:e})=>console.log("webview onload",e),onLoadStart:({url:e})=>console.log("webview onLoadStart",e),onLoadEnd:({url:e})=>console.log("webview onLoadEnd",e)}))}const Je=a.StyleSheet.create({shadowDemo:{flex:1,overflowY:"scroll"},shadowDemoCubeAndroid:{position:"absolute",left:50,top:50,width:170,height:170,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentAndroid:{position:"absolute",left:5,top:5,width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:50,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowSpread:1,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}}),Ze=a.StyleSheet.create({shadowDemoCubeAndroid:{position:"absolute",left:50,top:300,width:175,height:175,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:15,boxShadowOffsetY:15,boxShadowColor:"#4c9afa"},shadowDemoContentAndroid:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:300,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:10,boxShadowOffsetY:10,boxShadowSpread:1,boxShadowColor:"#4c9afa"},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}});function $e(){return s.a.createElement(a.View,{style:Je.shadowDemo},"android"===a.Platform.OS?s.a.createElement(a.View,{style:Je.shadowDemoCubeAndroid},s.a.createElement(a.View,{style:Je.shadowDemoContentAndroid},s.a.createElement(a.Text,{style:Je.text},"没有偏移阴影样式"))):s.a.createElement(a.View,{style:Je.shadowDemoCubeIos},s.a.createElement(a.View,{style:Je.shadowDemoContentIos},s.a.createElement(a.Text,{style:Je.text},"没有偏移阴影样式"))),"android"===a.Platform.OS?s.a.createElement(a.View,{style:Ze.shadowDemoCubeAndroid},s.a.createElement(a.View,{style:Ze.shadowDemoContentAndroid},s.a.createElement(a.Text,{style:Ze.text},"偏移阴影样式"))):s.a.createElement(a.View,{style:Ze.shadowDemoCubeIos},s.a.createElement(a.View,{style:Ze.shadowDemoContentIos},s.a.createElement(a.Text,{style:Ze.text},"偏移阴影样式"))))}const et=se.filter(e=>2!==e.style),tt=a.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"},pullFooter:{flex:1,height:40,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}});class nt extends s.a.Component{constructor(e){super(e),this.state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},this.numberOfColumns=2,this.columnSpacing=6,this.interItemSpacing=6,this.mockFetchData=this.mockFetchData.bind(this),this.renderItem=this.renderItem.bind(this),this.getItemType=this.getItemType.bind(this),this.getItemKey=this.getItemKey.bind(this),this.onEndReached=this.onEndReached.bind(this),this.onRefresh=this.onRefresh.bind(this),this.getRefresh=this.getRefresh.bind(this),this.renderPullFooter=this.renderPullFooter.bind(this),this.renderBanner=this.renderBanner.bind(this),this.getItemStyle=this.getItemStyle.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e})}async onEndReached(){const{dataSource:e}=this.state;if(this.loadMoreDataFlag)return;this.loadMoreDataFlag=!0,this.setState({loadingState:"加载更多..."});let t=[];try{t=await this.mockFetchData()}catch(e){}0===t.length&&this.setState({loadingState:"没有更多数据"});const n=[...e,...t];this.setState({dataSource:n}),this.loadMoreDataFlag=!1}renderPullFooter(){return 0===this.state.dataSource.length?null:s.a.createElement(a.View,{style:tt.pullFooter},s.a.createElement(a.Text,{style:{color:"white"}},this.state.loadingState))}async onRefresh(){setTimeout(async()=>{const e=await this.mockFetchData();this.setState({dataSource:e}),this.refresh.refreshComplected()},1e3)}getRefresh(){return s.a.createElement(a.View,{style:{flex:1,height:40,justifyContent:"center",alignItems:"center",backgroundColor:"#4c9afa"}},s.a.createElement(a.Text,{style:{height:40,lineHeight:40,textAlign:"center",color:"white"}},"下拉刷新中..."))}onClickItem(e){console.log(`item: ${e} is clicked..`)}getItemType(e){return this.state.dataSource[e].style}getItemKey(e){return"row-"+e}onItemClick(e){console.log("onItemClick",e),this.listView.scrollToIndex({index:e,animation:!0})}renderBanner(){return"android"===a.Platform.OS||0===this.state.dataSource.length?null:s.a.createElement(a.View,{style:{backgroundColor:"grey",height:100,justifyContent:"center",alignItems:"center"}},s.a.createElement(a.Text,{style:{fontSize:20,color:"white",lineHeight:100,height:100}},"Banner View"))}renderItem(e){const{dataSource:t}=this.state;let n=null;const o=t[e];switch(o.style){case 1:n=s.a.createElement(ge,{itemBean:o.itemBean});break;case 2:n=s.a.createElement(xe,{itemBean:o.itemBean});break;case 5:n=s.a.createElement(Ce,{itemBean:o.itemBean})}return s.a.createElement(a.View,{onClick:()=>this.onItemClick(e),style:tt.container},s.a.createElement(a.View,{style:tt.itemContainer},n),s.a.createElement(a.View,{style:tt.splitter}))}mockFetchData(){return new Promise(e=>{setTimeout(()=>{const t=[...et,...et];return e(t)},600)})}getWaterfallContentInset(){return{top:0,left:5,bottom:0,right:5}}getItemStyle(){const{numberOfColumns:e,columnSpacing:t}=this,n=a.Dimensions.get("screen").width,o=this.getWaterfallContentInset();return{width:(n-o.left-o.right-(e-1)*t)/e}}render(){const{dataSource:e}=this.state,{numberOfColumns:t,columnSpacing:n,interItemSpacing:o}=this,r=this.getWaterfallContentInset();return s.a.createElement(a.RefreshWrapper,{ref:e=>{this.refresh=e},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},s.a.createElement(a.WaterfallView,{ref:e=>{this.listView=e},renderBanner:this.renderBanner,numberOfColumns:t,columnSpacing:n,interItemSpacing:o,numberOfItems:e.length,style:{flex:1},renderItem:this.renderItem,onEndReached:this.onEndReached,getItemType:this.getItemType,getItemKey:this.getItemKey,contentInset:r,getItemStyle:this.getItemStyle,containPullFooter:!0,renderPullFooter:this.renderPullFooter}))}}var ot=n.p+"assets/defaultSource.jpg";function rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function it(e){for(var t=1;t{i.current.setPressed(!1)},{nativeBackgroundAndroid:u,style:h}=e;return s.a.createElement(a.View,{onLayout:()=>{a.UIManagerModule.measureInAppWindow(i.current,e=>{n(e.x),r(e.y)})},style:h,onTouchDown:e=>{i.current.setHotspot(e.page_x-t,e.page_y-o),i.current.setPressed(!0)},onTouchEnd:c,onTouchCancel:c,ref:i,nativeBackgroundAndroid:it(it({},at),u)},e.children)}const st=a.StyleSheet.create({imgRectangle:{width:260,height:56,alignItems:"center",justifyContent:"center"},circleRipple:{marginTop:30,width:150,height:56,alignItems:"center",justifyContent:"center",borderWidth:3,borderColor:"#4c9afa"},squareRipple:{alignItems:"center",justifyContent:"center",width:150,height:150,backgroundColor:"#4c9afa",marginTop:30,borderRadius:12,overflow:"hidden"},squareRippleWrapper:{alignItems:"flex-start",justifyContent:"center",height:150,marginTop:30},squareRipple1:{alignItems:"center",justifyContent:"center",width:150,height:150,borderWidth:5,backgroundSize:"cover",borderColor:"#4c9afa",backgroundImage:ot,paddingHorizontal:10},squareRipple2:{alignItems:"center",justifyContent:"center",width:150,height:150,paddingHorizontal:10,backgroundSize:"cover",backgroundImage:"https://user-images.githubusercontent.com/12878546/148736102-7cd9525b-aceb-41c6-a905-d3156219ef16.png"}});function ct(){return"ios"===a.Platform.OS?s.a.createElement(a.Text,null,"iOS暂未支持水波纹效果"):s.a.createElement(a.ScrollView,{style:{margin:10,flex:1}},s.a.createElement(a.View,{style:[st.imgRectangle,{marginTop:20,backgroundImage:ot,backgroundSize:"cover"}]},s.a.createElement(lt,{style:[st.imgRectangle],nativeBackgroundAndroid:{borderless:!0,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"white",maxWidth:200}},"外层背景图，内层无边框水波纹，受外层影响始终有边框"))),s.a.createElement(lt,{style:[st.circleRipple],nativeBackgroundAndroid:{borderless:!0,color:"#666666",rippleRadius:100}},s.a.createElement(a.Text,{style:{color:"black",textAlign:"center"}},"无边框圆形水波纹")),s.a.createElement(lt,{style:[st.squareRipple],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"#fff"}},"带背景色水波纹")),s.a.createElement(a.View,{style:[st.squareRippleWrapper]},s.a.createElement(lt,{style:[st.squareRipple1],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"white"}},"有边框水波纹，带本地底图效果"))),s.a.createElement(a.View,{style:[st.squareRippleWrapper]},s.a.createElement(lt,{style:[st.squareRipple2],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},s.a.createElement(a.Text,{style:{color:"black"}},"有边框水波纹，带网络底图效果"))))}const ut="#4c9afa",ht="#f44837",dt=a.StyleSheet.create({container:{paddingHorizontal:10},square:{width:80,height:80,backgroundColor:ht},showArea:{height:150,marginVertical:10},button:{borderColor:ut,borderWidth:2,justifyContent:"center",alignItems:"center",width:70,borderRadius:8,height:50,marginTop:20,marginRight:8},buttonText:{fontSize:20,color:ut,textAlign:"center",textAlignVertical:"center"},colorText:{fontSize:14,color:"white",textAlign:"center",textAlignVertical:"center"},buttonContainer:{flexDirection:"row",alignItems:"center"},title:{fontSize:24,marginTop:8}});class mt extends s.a.Component{constructor(e){super(e),this.state={}}componentWillMount(){this.horizonAnimation=new a.Animation({startValue:150,toValue:20,duration:1e3,delay:500,mode:"timing",timingFunction:"linear",repeatCount:"loop"}),this.verticalAnimation=new a.Animation({startValue:80,toValue:40,duration:1e3,delay:0,mode:"timing",timingFunction:"linear",repeatCount:"loop"}),this.scaleAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:1,toValue:1.2,duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new a.Animation({startValue:1.2,toValue:.2,duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.bgColorAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:"red",toValue:"yellow",valueType:"color",duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new a.Animation({startValue:"yellow",toValue:"blue",duration:1e3,valueType:"color",delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.txtColorAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:"white",toValue:"yellow",valueType:"color",duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new a.Animation({startValue:"yellow",toValue:"white",duration:1e3,valueType:"color",delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.cubicBezierScaleAnimationSet=new a.AnimationSet({children:[{animation:new a.Animation({startValue:0,toValue:1,duration:1e3,delay:0,mode:"timing",timingFunction:"cubic-bezier(.45,2.84,.38,.5)"}),follow:!1},{animation:new a.Animation({startValue:1,toValue:0,duration:1e3,mode:"timing",timingFunction:"cubic-bezier(.17,1.45,.78,.14)"}),follow:!0}],repeatCount:"loop"})}componentDidMount(){"web"===a.Platform.OS&&(this.verticalAnimation.setRef(this.verticalRef),this.horizonAnimation.setRef(this.horizonRef),this.scaleAnimationSet.setRef(this.scaleRef),this.bgColorAnimationSet.setRef(this.bgColorRef),this.txtColorAnimationSet.setRef(this.textColorRef),this.cubicBezierScaleAnimationSet.setRef(this.cubicBezierScaleRef)),this.horizonAnimation.onHippyAnimationStart(()=>{console.log("on animation start!!!")}),this.horizonAnimation.onHippyAnimationEnd(()=>{console.log("on animation end!!!")}),this.horizonAnimation.onHippyAnimationCancel(()=>{console.log("on animation cancel!!!")}),this.horizonAnimation.onHippyAnimationRepeat(()=>{console.log("on animation end!!!")})}componentWillUnmount(){this.scaleAnimationSet&&this.scaleAnimationSet.destroy(),this.horizonAnimation&&this.horizonAnimation.destroy(),this.verticalAnimation&&this.verticalAnimation.destroy(),this.cubicBezierScaleAnimationSet&&this.cubicBezierScaleAnimationSet.destroy()}render(){return s.a.createElement(a.ScrollView,{style:dt.container},s.a.createElement(a.Text,{style:dt.title},"水平位移动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.horizonAnimation.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.horizonAnimation.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.horizonAnimation.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.horizonAnimation.updateAnimation({startValue:50,toValue:100})}},s.a.createElement(a.Text,{style:dt.buttonText},"更新"))),s.a.createElement(a.View,{style:dt.showArea},s.a.createElement(a.View,{ref:e=>{this.horizonRef=e},style:[dt.square,{transform:[{translateX:this.horizonAnimation}]}]})),s.a.createElement(a.Text,{style:dt.title},"高度形变动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.verticalAnimation.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.verticalAnimation.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.verticalAnimation.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:dt.showArea},s.a.createElement(a.View,{ref:e=>{this.verticalRef=e},style:[dt.square,{height:this.verticalAnimation}]})),s.a.createElement(a.Text,{style:dt.title},"组合形变动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.scaleAnimationSet.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.scaleAnimationSet.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.scaleAnimationSet.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:[dt.showArea,{marginVertical:20}]},s.a.createElement(a.View,{ref:e=>{this.scaleRef=e},style:[dt.square,{transform:[{scale:this.scaleAnimationSet}]}]})),s.a.createElement(a.Text,{style:dt.title},"颜色渐变动画（文字渐变仅Android支持）"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.bgColorAnimationSet.start(),this.txtColorAnimationSet.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.bgColorAnimationSet.pause(),this.txtColorAnimationSet.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.bgColorAnimationSet.resume(),this.txtColorAnimationSet.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:[dt.showArea,{marginVertical:20}]},s.a.createElement(a.View,{ref:e=>{this.bgColorRef=e},style:[dt.square,{justifyContent:"center",alignItems:"center"},{backgroundColor:this.bgColorAnimationSet}]},s.a.createElement(a.Text,{ref:e=>{this.textColorRef=e},style:[dt.colorText,{color:"android"===a.Platform.OS?this.txtColorAnimationSet:"white"}]},"颜色渐变背景和文字"))),s.a.createElement(a.Text,{style:dt.title},"贝塞尔曲线动画"),s.a.createElement(a.View,{style:dt.buttonContainer},s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.cubicBezierScaleAnimationSet.start()}},s.a.createElement(a.Text,{style:dt.buttonText},"开始")),s.a.createElement(a.View,{style:[dt.button],onClick:()=>{this.cubicBezierScaleAnimationSet.pause()}},s.a.createElement(a.Text,{style:dt.buttonText},"暂停")),s.a.createElement(a.View,{style:dt.button,onClick:()=>{this.cubicBezierScaleAnimationSet.resume()}},s.a.createElement(a.Text,{style:dt.buttonText},"继续"))),s.a.createElement(a.View,{style:[dt.showArea,{marginVertical:20}]},s.a.createElement(a.View,{ref:e=>{this.cubicBezierScaleRef=e},style:[dt.square,{transform:[{scale:this.cubicBezierScaleAnimationSet}]}]})))}}const ft=a.StyleSheet.create({containerStyle:{margin:20,alignItems:"center",flexDirection:"column"},itemGroupStyle:{flexDirection:"row",marginTop:10,borderColor:"#4c9afa",borderWidth:1,width:100,height:40,justifyContent:"center",alignItems:"center"},viewGroupStyle:{flexDirection:"row",marginTop:10},infoStyle:{width:60,height:40,fontSize:16,color:"#4c9afa",textAlign:"center"},inputStyle:{width:200,height:40,placeholderTextColor:"#aaaaaa",underlineColorAndroid:"#4c9afa",fontSize:16,color:"#242424",textAlign:"left"},buttonStyle:{textAlign:"center",fontSize:16,color:"#4c9afa",backgroundColor:"#4c9afa11",marginLeft:10,marginRight:10}});class gt extends s.a.Component{constructor(e){super(e),this.state={result:""},this.onTextChangeKey=this.onTextChangeKey.bind(this),this.onTextChangeValue=this.onTextChangeValue.bind(this),this.onClickSet=this.onClickSet.bind(this),this.onTextChangeKey=this.onTextChangeKey.bind(this),this.onClickGet=this.onClickGet.bind(this)}onClickSet(){const{key:e,value:t}=this.state;e&&a.AsyncStorage.setItem(e,t)}onClickGet(){const{key:e}=this.state;e&&a.AsyncStorage.getItem(e).then(e=>{this.setState({result:e})})}onTextChangeKey(e){this.setState({key:e})}onTextChangeValue(e){this.setState({value:e})}render(){const{result:e}=this.state;return s.a.createElement(a.ScrollView,{style:ft.containerStyle},s.a.createElement(a.View,{style:ft.viewGroupStyle},s.a.createElement(a.Text,{style:ft.infoStyle},"Key:"),s.a.createElement(a.TextInput,{style:ft.inputStyle,onChangeText:this.onTextChangeKey})),s.a.createElement(a.View,{style:ft.viewGroupStyle},s.a.createElement(a.Text,{style:ft.infoStyle},"Value:"),s.a.createElement(a.TextInput,{style:ft.inputStyle,onChangeText:this.onTextChangeValue})),s.a.createElement(a.View,{style:ft.itemGroupStyle,onClick:this.onClickSet},s.a.createElement(a.Text,{style:ft.buttonStyle},"Set")),s.a.createElement(a.View,{style:[ft.viewGroupStyle,{marginTop:60}]},s.a.createElement(a.Text,{style:ft.infoStyle},"Key:"),s.a.createElement(a.TextInput,{style:ft.inputStyle,onChangeText:this.onTextChangeKey})),s.a.createElement(a.View,{style:[ft.viewGroupStyle,{display:"none"}]},s.a.createElement(a.Text,{style:ft.infoStyle},"Value:"),s.a.createElement(a.Text,{style:[ft.infoStyle,{width:200}]},e)),s.a.createElement(a.View,{style:ft.itemGroupStyle,onClick:this.onClickGet},s.a.createElement(a.Text,{style:ft.buttonStyle},"Get")))}}const pt=a.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},defaultText:{marginVertical:4,fontSize:18,lineHeight:24,color:"#242424"},copiedText:{color:"#aaa"},button:{backgroundColor:"#4c9afa",borderRadius:4,height:30,marginVertical:4,paddingHorizontal:6,alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,color:"white"}});class yt extends s.a.Component{constructor(e){super(e),this.state={hasCopied:!1,text:"Winter is coming",clipboardText:"点击上面的按钮"}}render(){const e=e=>s.a.createElement(a.View,{style:pt.itemTitle},s.a.createElement(a.Text,null,e)),{hasCopied:t,text:n,clipboardText:o}=this.state,r=t?" (已复制) ":"";return s.a.createElement(a.ScrollView,{style:{padding:10}},e("文本复制到剪贴板"),s.a.createElement(a.Text,{style:pt.defaultText},n),s.a.createElement(a.View,{style:pt.button,onClick:()=>{a.Clipboard.setString(n),this.setState({hasCopied:!0})}},s.a.createElement(a.Text,{style:pt.buttonText},"点击复制以上文案"+r)),e("获取剪贴板内容"),s.a.createElement(a.View,{style:pt.button,onClick:async()=>{try{const e=await a.Clipboard.getString();this.setState({clipboardText:e})}catch(e){console.error(e)}}},s.a.createElement(a.Text,{style:pt.buttonText},"点击获取剪贴板内容")),s.a.createElement(a.Text,{style:[pt.defaultText,pt.copiedText]},o))}}const bt=a.StyleSheet.create({text:{fontSize:14,color:"#242424",alignSelf:"center"},container:{flex:1},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:80,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",height:100,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:1,borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"}});class wt extends s.a.Component{constructor(e){super(e),this.state={infoText:"",infoText2:""}}render(){const{infoText:e,infoText2:t}=this.state;return s.a.createElement(a.ScrollView,{style:bt.container},s.a.createElement(a.View,{style:bt.itemTitle,onPress:()=>{const e=new a.HippyEventEmitter;this.call=e.addListener("NORMAL_EVENT",e=>{this.setState({infoText:JSON.stringify(e)})}),Object(a.callNative)("MyEvent","btnClicked")}},s.a.createElement(a.Text,null,"客户端向前端单向通信"),s.a.createElement(a.Text,null,"点此终端会发送NORMAL_EVENT事件"),s.a.createElement(a.Text,null,"事件接收结果："+e)),s.a.createElement(a.View,{style:bt.itemTitle,onPress:()=>{const e=new a.HippyEventEmitter;this.call=e.addListener("COUNT_DOWN",e=>{this.setState({infoText2:JSON.stringify(e)})}),Object(a.callNative)("MyEvent","addListener","COUNT_DOWN")}},s.a.createElement(a.Text,null,"客户端向前端单向通信的进阶用法"),s.a.createElement(a.Text,null,"点此终端会发送COUNT_DOWN事件"),s.a.createElement(a.Text,null,"事件接收结果："+t)))}}const xt=a.StyleSheet.create({text:{fontSize:14,color:"#242424",alignSelf:"center"},container:{flex:1,justifyContent:"center"}});class St extends s.a.Component{constructor(e){super(e),this.state={infoText:"正在获取.."},this.listener=null}async componentWillMount(){const e=this,t=await a.NetInfo.fetch();this.setState({infoText:t}),this.listener=a.NetInfo.addEventListener("change",t=>{e.setState({infoText:"收到通知: "+t.network_info})})}componentDidMount(){const e=this;this.listener&&a.NetInfo.removeEventListener("change",this.listener),fetch("https://hippyjs.org",{headers:{Refer:"https://hippyjs.org",Cookie:["hippy=cookieTest1","hippy=cookieTest2"]}}).then(t=>(console.log("成功",t),e.setState({infoText:"成功: "+t.body}),t)).catch(t=>{e.setState({infoText:"收到错误: "+t}),console.error("收到错误:",t)}),a.NetworkModule.setCookie("https://hippyjs.org","name=someone;gender=male"),a.NetworkModule.getCookies("https://hippyjs.org").then(e=>{console.log("cookie: "+e)})}render(){const{infoText:e}=this.state;return s.a.createElement(a.ScrollView,{style:xt.container},s.a.createElement(a.Text,{style:xt.text},e))}}var Tt={log(e){Object(a.callNative)("TestModule","log",e)},helloNative(e){Object(a.callNative)("TestModule","helloNative",e)},helloNativeWithPromise:e=>Object(a.callNativeWithPromise)("TestModule","helloNativeWithPromise",e)};class Et extends s.a.Component{constructor(e){super(e),this.state={hello:"TestModule log"}}componentDidMount(){Tt.log("hello i am from js"),Tt.helloNative({hello:"i am form js"}),Tt.helloNativeWithPromise({hello:"i am form js"}).then(e=>{this.setState({hello:JSON.stringify(e)})})}render(){const{hello:e}=this.state;return s.a.createElement(a.Text,{style:{color:"red"}},e)}}const Ct=a.StyleSheet.create({fullScreen:{flex:1},row:{flexDirection:"row"},title:{color:"#ccc"},button:{height:56,backgroundColor:"#4c9afa",borderColor:"#5dabfb",borderStyle:"solid",borderWidth:1,paddingHorizontal:20,fontSize:16,textAlign:"center",lineHeight:56,color:"#fff",margin:10},input:{color:"black",flex:1,height:36,lineHeight:36,fontSize:14,borderBottomColor:"#4c9afa",borderBottomStyle:"solid",borderBottomWidth:1,padding:0},output:{color:"black"}}),vt="wss://echo.websocket.org",At="Rock it with Hippy WebSocket";let Vt;var Rt=function(){const e=Object(l.useRef)(null),t=Object(l.useRef)(null),[n,o]=Object(l.useState)([]),r=e=>{o(t=>[e,...t])};return s.a.createElement(a.View,{style:Ct.fullScreen},s.a.createElement(a.View,null,s.a.createElement(a.Text,{style:Ct.title},"Url:"),s.a.createElement(a.TextInput,{ref:e,value:vt,style:Ct.input}),s.a.createElement(a.View,{style:Ct.row},s.a.createElement(a.Text,{onClick:()=>{e.current.getValue().then(e=>{Vt&&1===Vt.readyState&&Vt.close(),Vt=new WebSocket(e),Vt.onopen=()=>r("[Opened] "+Vt.url),Vt.onclose=()=>r("[Closed] "+Vt.url),Vt.onerror=e=>r("[Error] "+e.reason),Vt.onmessage=e=>r("[Received] "+e.data)})},style:Ct.button},"Connect"),s.a.createElement(a.Text,{onClick:()=>Vt.close(),style:Ct.button},"Disconnect"))),s.a.createElement(a.View,null,s.a.createElement(a.Text,{style:Ct.title},"Message:"),s.a.createElement(a.TextInput,{ref:t,value:At,style:Ct.input}),s.a.createElement(a.Text,{onClick:()=>t.current.getValue().then(e=>{r("[Sent] "+e),Vt.send(e)}),style:Ct.button},"Send")),s.a.createElement(a.View,null,s.a.createElement(a.Text,{style:Ct.title},"Log:"),s.a.createElement(a.ScrollView,{style:Ct.fullScreen},n.map((e,t)=>s.a.createElement(a.Text,{key:t,style:Ct.output},e)))))};function kt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function It(e){for(var t=1;t{const e=a.Dimensions.get("window");({width:t,height:n}=e)});const[o,r]=Object(l.useState)({width:100,height:100,top:10,left:10}),[i,c]=Object(l.useState)({width:0,height:0,x:0,y:0}),u=It(It({},Dt.box),o);return s.a.createElement(a.View,{style:Dt.full},s.a.createElement(a.View,{style:Dt.demoContent},s.a.createElement(a.View,{ref:e,style:u},s.a.createElement(a.Text,{style:Dt.text},"I am the box"))),s.a.createElement(a.View,{style:Dt.buttonContainer},s.a.createElement(a.View,{onClick:()=>{const e=jt(0,t),o=jt(0,n-300),i=jt(50,120);r({left:e,top:o,width:i,height:i})},style:Dt.button},s.a.createElement(a.Text,{style:Dt.buttonText},"Move the random position")),s.a.createElement(a.View,{onClick:async()=>{try{const t=await a.UIManagerModule.measureInWindow(e.current);c(t)}catch(e){}},style:Dt.button},s.a.createElement(a.Text,{style:Dt.buttonText},"Measure box in window"))),s.a.createElement(a.View,{style:Dt.row},s.a.createElement(a.View,{style:Dt.full},s.a.createElement(a.Text,null,"Box style:"),s.a.createElement(a.Text,{style:Dt.black},"Width: "+u.width),s.a.createElement(a.Text,{style:Dt.black},"Height: "+u.height),s.a.createElement(a.Text,{style:Dt.black},"Left: "+u.left),s.a.createElement(a.Text,{style:Dt.black},"Top: "+u.top)),s.a.createElement(a.View,{style:Dt.full},s.a.createElement(a.Text,null,"measureInWindow output:"),s.a.createElement(a.Text,{style:Dt.black},"Width: "+i.width),s.a.createElement(a.Text,{style:Dt.black},"Height: "+i.height),s.a.createElement(a.Text,{style:Dt.black},"X: "+i.x),s.a.createElement(a.Text,{style:Dt.black},"Y: "+i.y))))};const Pt=a.StyleSheet.create({style_indicator_item:{width:4,height:4,marginLeft:2.5,marginRight:2.5,borderRadius:2},style_indicator:{position:"absolute",bottom:6,left:0,right:0,marginLeft:0,marginRight:0,alignItems:"center",justifyContent:"center",flexDirection:"row"}});class Lt extends s.a.Component{constructor(e){super(e),this.state={current:e.current||0}}update(e){const{current:t}=this.state;t!==e&&this.setState({current:e})}render(){const{count:e}=this.props,{current:t}=this.state,n=[];for(let o=0;o=r||(this.indicator.update(o),this.currentIndex=o)}onScrollBeginDrag(){this.touchStartOffset=this.scrollOffset,this.doClearTimer()}onScrollEndDrag(){this.doCreateTimer()}onLayout(e){this.width=e.layout.width}doSwitchPage(e){this.scrollView.scrollTo({x:this.imgWidth*e,y:0,animated:!0})}doCreateTimer(){this.doClearTimer(),this.duration<=0||(this.interval=setInterval(()=>{this.doSwitchPage((this.currentIndex+1)%this.itemCount)},this.duration))}doClearTimer(){this.interval&&clearInterval(this.interval),this.interval=null}render(){const{images:e}=this.props,t=[];for(let n=0;n{this.scrollView=e}},t),s.a.createElement(Lt,{ref:e=>{this.indicator=e},count:this.itemCount}))}}W()(Mt,"defaultProps",{duration:0,currentPage:0,images:[]});const Bt=["https://user-images.githubusercontent.com/12878546/148736627-bca54707-6939-45b3-84f7-74e6c2c09c88.jpg","https://user-images.githubusercontent.com/12878546/148736679-0521fdff-09f5-40e3-a36a-55c8f714be16.jpg","https://user-images.githubusercontent.com/12878546/148736685-a4c226ad-f64a-4fe0-b3df-ce0d8fcd7a01.jpg"],_t=a.StyleSheet.create({sliderStyle:{width:400,height:180},infoStyle:{height:40,fontSize:16,color:"#4c9afa",marginTop:15}});function zt(){return s.a.createElement(a.ScrollView,null,s.a.createElement(a.Text,{style:_t.infoStyle},"Auto:"),s.a.createElement(Mt,{style:_t.sliderStyle,images:Bt,duration:1e3}),s.a.createElement(a.Text,{style:_t.infoStyle},"Manual:"),s.a.createElement(Mt,{style:_t.sliderStyle,images:Bt,duration:0}))}const Ft=a.StyleSheet.create({container:{height:45,paddingLeft:4,flexDirection:"row",backgroundColor:"#ffffff",borderBottomColor:"#E5E5E5",borderBottomWidth:1},scroll:{flex:1,height:44},navItem:{width:60,height:44,paddingTop:13},navItemText:{fontSize:16,lineHeight:17,textAlign:"center",backgroundColor:"#ffffff"},navItemTextNormal:{color:"#666666"},navItemTextBlue:{color:"#2D73FF"}});class Wt extends s.a.Component{constructor(e){super(e),this.state={curIndex:0,navList:["头条","推荐","圈子","NBA","中超","英超","西甲","CBA","澳网","电影","本地","娱乐","小说","生活","直播","游戏"]},this.navScrollView=null,this.viewPager=null,this.onViewPagerChange=this.onViewPagerChange.bind(this),this.pressNavItem=this.pressNavItem.bind(this),this.scrollSV=this.scrollSV.bind(this)}static getPage(e,t){switch(t%3){case 0:return Ke(e);case 1:return Ue(e);case 2:return Ge(e);default:return null}}componentDidUpdate(){this.scrollSV()}onViewPagerChange({position:e}){this.setState({curIndex:e})}scrollSV(){if(this.navScrollView){const{curIndex:e,navList:t}=this.state,n=t.length,o=he.getScreenWidth(),r=o/2/60,i=60*nn-r?60*n-o:60*e-60*r+30,this.navScrollView.scrollTo({x:a,y:0,animated:!0})}}pressNavItem(e){this.setState({curIndex:e}),this.viewPager&&this.viewPager.setPage(e)}renderNav(){const{navList:e,curIndex:t}=this.state;return s.a.createElement(a.View,{style:Ft.container},s.a.createElement(a.ScrollView,{style:Ft.scroll,horizontal:!0,showsHorizontalScrollIndicator:!1,ref:e=>{this.navScrollView=e}},e.map((e,n)=>s.a.createElement(a.View,{style:Ft.navItem,key:"nav_"+e,activeOpacity:.5,onClick:()=>this.pressNavItem(n)},s.a.createElement(a.Text,{style:[Ft.navItemText,t===n?Ft.navItemTextBlue:Ft.navItemTextNormal],numberOfLines:1},e)))))}render(){const{navList:e}=this.state;return s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#ffffff"}},this.renderNav(),s.a.createElement(a.ViewPager,{ref:e=>{this.viewPager=e},style:{flex:1},initialPage:0,onPageSelected:this.onViewPagerChange},e.map((e,t)=>Wt.getPage(e,t))))}}const{width:Ht}=a.Dimensions.get("window"),Nt=a.StyleSheet.create({setNativePropsDemo:{display:"flex",alignItems:"center",position:"relative"},nativeDemo1Drag:{height:80,width:Ht,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo1Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},nativeDemo2Drag:{height:80,width:Ht,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo2Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},splitter:{marginTop:50}});class Kt extends s.a.Component{constructor(e){super(e),this.demon1Point=s.a.createRef(),this.demo1PointDom=null,this.state={demo2Left:0},this.isDemon1Layouted=!1,this.idDemon2Layouted=!1,this.onTouchDown1=this.onTouchDown1.bind(this),this.onDemon1Layout=this.onDemon1Layout.bind(this),this.onTouchMove1=this.onTouchMove1.bind(this),this.onTouchDown2=this.onTouchDown2.bind(this),this.onTouchMove2=this.onTouchMove2.bind(this)}componentDidMount(){}onDemon1Layout(){this.isDemon1Layouted||(this.isDemon1Layouted=!0,this.demo1PointDom=a.UIManagerModule.getElementFromFiberRef(this.demon1Point.current))}onTouchDown1(e){const{page_x:t}=e,n=t-40;console.log("touchdown x",t,n,Ht),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}onTouchMove1(e){const{page_x:t}=e,n=t-40;console.log("touchmove x",t,n,Ht),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}onTouchDown2(e){const{page_x:t}=e,n=t-40;console.log("touchdown x",t,n,Ht),this.setState({demo2Left:n})}onTouchMove2(e){const{page_x:t}=e,n=t-40;console.log("touchmove x",t,n,Ht),this.setState({demo2Left:n})}render(){const{demo2Left:e}=this.state;return s.a.createElement(a.View,{style:Nt.setNativePropsDemo},s.a.createElement(a.Text,null,"setNativeProps实现拖动效果"),s.a.createElement(a.View,{style:Nt.nativeDemo1Drag,onTouchDown:this.onTouchDown1,onTouchMove:this.onTouchMove1},s.a.createElement(a.View,{onLayout:this.onDemon1Layout,style:Nt.nativeDemo1Point,ref:this.demon1Point})),s.a.createElement(a.View,{style:Nt.splitter}),s.a.createElement(a.Text,null,"普通渲染实现拖动效果"),s.a.createElement(a.View,{style:Nt.nativeDemo2Drag,onTouchDown:this.onTouchDown2,onTouchMove:this.onTouchMove2},s.a.createElement(a.View,{style:[Nt.nativeDemo2Point,{left:e}]})))}}const Gt=a.StyleSheet.create({dynamicImportDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}});class Ut extends s.a.Component{constructor(e){super(e),this.state={AsyncComponentFromLocal:null,AsyncComponentFromHttp:null},this.onAsyncComponentLoad=this.onAsyncComponentLoad.bind(this)}onAsyncComponentLoad(){console.log("load async component"),n.e(1).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentLocal.jsx")).then(e=>{this.setState({AsyncComponentFromLocal:e.default||e})}).catch(e=>console.error("import async local component error",e)),n.e(0).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentHttp.jsx")).then(e=>{this.setState({AsyncComponentFromHttp:e.default||e})}).catch(e=>console.error("import async remote component error",e))}render(){const{AsyncComponentFromLocal:e,AsyncComponentFromHttp:t}=this.state;return s.a.createElement(a.View,{style:Gt.dynamicImportDemo},s.a.createElement(a.View,{style:{width:130,height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},s.a.createElement(a.Text,{style:{height:40,lineHeight:40,textAlign:"center"}},"点我异步加载")),s.a.createElement(a.View,{style:{marginTop:20}},e?s.a.createElement(e,null):null,t?s.a.createElement(t,null):null))}}const qt=a.StyleSheet.create({LocalizationDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}});class Qt extends s.a.Component{render(){const{country:e,language:t,direction:n}=a.Platform.Localization||{};return s.a.createElement(a.View,{style:qt.LocalizationDemo},s.a.createElement(a.View,{style:{height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},s.a.createElement(a.Text,{style:{color:"white",marginHorizontal:30,height:40,lineHeight:40,textAlign:"center"}},`国际化相关信息：国家 ${e} | 语言 ${t} | 方向 ${1===n?"RTL":"LTR"}`)))}}const Yt=()=>getTurboModule("demoTurbo").getTurboConfig(),Xt=a.StyleSheet.create({container:{flex:1},cellContentView:{flexDirection:"row",justifyContent:"space-between",backgroundColor:"#ccc",marginBottom:1},funcInfo:{justifyContent:"center",paddingLeft:15,paddingRight:15},actionButton:{backgroundColor:"#4c9afa",color:"#fff",height:44,lineHeight:44,textAlign:"center",width:80,borderRadius:6},resultView:{backgroundColor:"darkseagreen",minHeight:150,padding:15}});class Jt extends s.a.Component{constructor(e){super(e),this.state={config:null,result:"",funList:["getString","getNum","getBoolean","getMap","getObject","getArray","nativeWithPromise","getTurboConfig","printTurboConfig","getInfo","setInfo"]},this.onTurboFunc=this.onTurboFunc.bind(this),this.getRenderRow=this.getRenderRow.bind(this),this.getRowKey=this.getRowKey.bind(this)}async onTurboFunc(e){let t;if("nativeWithPromise"===e)t=await(async e=>turboPromise(getTurboModule("demoTurbo").nativeWithPromise)(e))("aaa");else if("getTurboConfig"===e)this.config=Yt(),t="获取到config对象";else if("printTurboConfig"===e)n=this.config||Yt(),t=getTurboModule("demoTurbo").printTurboConfig(n);else if("getInfo"===e)t=(this.config||Yt()).getInfo();else if("setInfo"===e)(this.config||Yt()).setInfo("Hello World"),t="设置config信息成功";else{t={getString:()=>{return e="123",getTurboModule("demoTurbo").getString(e);var e},getNum:()=>{return e=1024,getTurboModule("demoTurbo").getNum(e);var e},getBoolean:()=>{return e=!0,getTurboModule("demoTurbo").getBoolean(e);var e},getMap:()=>{return e=new Map([["a","1"],["b",2]]),getTurboModule("demoTurbo").getMap(e);var e},getObject:()=>{return e={c:"3",d:"4"},getTurboModule("demoTurbo").getObject(e);var e},getArray:()=>{return e=["a","b","c"],getTurboModule("demoTurbo").getArray(e);var e}}[e]()}var n;this.setState({result:t})}renderResultView(){return s.a.createElement(a.View,{style:Xt.resultView},s.a.createElement(a.Text,{style:{backgroundColor:"darkseagreen"}},""+this.state.result))}getRenderRow(e){const{funList:t}=this.state;return s.a.createElement(a.View,{style:Xt.cellContentView},s.a.createElement(a.View,{style:Xt.funcInfo},s.a.createElement(a.Text,{numberofLines:0},"函数名：",t[e])),s.a.createElement(a.Text,{style:Xt.actionButton,onClick:()=>this.onTurboFunc(t[e])},"执行"))}getRowKey(e){const{funList:t}=this.state;return t[e]}render(){const{funList:e}=this.state;return s.a.createElement(a.View,{style:Xt.container},this.renderResultView(),s.a.createElement(a.ListView,{numberOfRows:e.length,renderRow:this.getRenderRow,getRowKey:this.getRowKey,style:{flex:1}}))}}function Zt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function $t(e){for(var t=1;t0===e.index?s.a.createElement(a.View,{style:[rn.container]},s.a.createElement(a.View,{style:{backgroundColor:rn.title.backgroundColor,marginLeft:12}},s.a.createElement(a.Text,{numberOfLines:1,style:[rn.title,{fontWeight:"bold"}]},t.name)),s.a.createElement(a.View,{style:rn.headerButton},s.a.createElement(a.Text,{numberOfLines:1,style:rn.title},"ver: ","2.2.1"!==a.default.version?""+a.default.version:"master"))):s.a.createElement(a.View,{style:[rn.container]},s.a.createElement(a.View,{onClick:()=>e.goBack(),style:[rn.headerButton,"ios"===a.Platform.OS?null:{marginLeft:20}]},s.a.createElement(a.Image,{style:rn.backIcon,source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAIPUlEQVR4Xu2dT8xeQxTGn1O0GiWEaEJCWJCwQLBo/WnRSqhEJUQT0W60G+1Ku1SS2mlXaqM2KqJSSUlajVb9TViwYEHCQmlCQghRgqKPTHLK7Zfvfd97Zt5535l7z91+58zce57fnfe7d+Y+I/Cj1xWQXl+9XzwcgJ5D4AA4AD2vQM8v30cAB6DnFZjA5ZO8VUTenEBX5i58BDCXzJZA8ikA6wFsFpEttuz80Q5AxhqTfAbA2kYXW0VkU8YuzU07AOaStUsg+RyA1bNEFwWBA9BOz9ZRJOcAeAHAqiFJ20VkQ+tGMwY6AGMsLslTAOwGcE+LZneIyLoWcVlDHIAxlVfFfxXACkOTO0VkjSF+7KEOwJhKSnIfgDuNzf0M4BoR+cqYN7ZwByCxlCTnAtgLYLmxqR8ALBGRz4x5Yw13ABLKSfJ0APsBLDU28x2Am0XkC2Pe2MMdgMiSkjwDwAEAi41NBPEXichhY16WcAcgoqwkzwRwCMD1xvRvANxUivjh3B0Ao4IkzwbwFoCrjalf67B/xJiXNdwBMJSX5LkA3gFwpSEthH6pd/63xrzs4Q5AyxKTPB/AuwAub5lyIuxzvfO/N+ZNJNwBaFFmkhcAeA/ApS3CmyGf6qPej8a8iYU7ACNKTfIivfMvNqryMYBbRCS87Cn2cACGSKPivw/gQqOCQfzwnH/UmDfxcAdgQMlJXqLDvlX8DwHcVoP4/hg4WPzLdNhfaLwlw2hxu4j8ZsybWriPADNKT/IKfdQ7z6jK2wDuEJE/jHlTDXcAGuUneZW+5DnHqMpBAHeJyDFj3tTDHQCVgOR1+nr3LKMqYRp4pYj8bcwrItwBAEBykU7sLDCqsgfAfSLyjzGvmPDeA0ByiU7pzjeqEsS/V0SOG/OKCu81ACSX6WKOeUZVdgF4oHbxe/0YSDIs33oFwGlG8ae+js94vkPDezkCkFypq3dPNRaziJW8xnN2AJoVIHm/rtsPS7gtRzFr+S0nPSq2VyOAiv9ixEKYor7mGSWq5e+9AYDkgwDC51rWa94iIpstRa0p1lqMmq7tv3Ml+RCA8KGm9Xo3isi2Ki+65UlbC9Ky2XLCSD4MYHvEGXVe/M4/BpJ8BMDWCPHXi8jTEXnVpXR2BCD5OIDHjIoQwDoRedaYV214JwEg+SSAjUZVgvhrROR5Y17V4Z0DoGHJYhEmTOaEV7svWZK6ENspAGaxZGmjUZjGDTN64bVw747OADDEkmWYqEH8u0Xktd4prxdcPQAtLVlm0/cvXcjRW/GrfwxU8V9uacnShOBPXcL1Rl/v/BPXXe0IYPTjaer8uy7eDN/49f6oEgCSYRo3/NNm8eMJYv+qy7Y/6L3ytf4PkGDJ8ot+sPGRi/9/BaoaARIsWX7S7/Q+cfFPrkA1ACRYsgTxb5y2GVOp4FUBQIIlSxFOXKWKX8VjYIIlSzFOXA5AZAUSLFmKM2OKLEH2tGJ/AhIsWYo0Y8quZGQHRQKQYMlSrBlTpD7Z04oDIMGSpWgzpuxKRnZQFACJ4t8gIsWaMUXqkz2tGAASLFmKd+LKrmJCB0UAQDLWkqUKJ64EfbKnTh2ABEuWqsyYsisZ2cFUAUiwZKnOjClSn+xpUwMgwZKlSjOm7EpGdlAjAOHuDz58VblxReqTPW1qAIQr85+A7PqO7GCqACgEsb58/k/gSHlHB0wdAIXAHwNHa5UloggAFIJYb15/EZSARjEAKASx1uw+DxAJQVEAKASxmzP4TGAEBMUBoBCE7VnC0m3rDh1hLcBiESlub54IbSaSUiQADQhi9ujxBSEGdIoFQCGI3aXLl4S1hKBoABSC2H36fFFoCwiKB0AhiN2p05eFj4CgCgAUgti9ev2roCEQVAOAQhC7W3f4LjDs4uWfhs2AoSoAFIK5avG+vMVPXDPEPw6dpWDVAaAQ+OfhRvoHhVcJgEIQ3L53R7iDuEFEg4ZqAVAI5qj1+yrjDeEWMVqwqgE4ITrJYAFvhcBNoiLcs4032uTCE2zieusRGNTpxAjQGAmCJfxaI3bBJTTs/uVGkcbCFRnuVrE2WTo1AjRGAjeLbslBJwHQJ4RgFR8s4y2H28VbqlV6rG8YMVqhzo4AjZ8D3zJmCAedB0B/DnzTqAEQ9AIAhSB227gnROTR0YNpnRG9AUAhCLuG+saRXZkLiLnnfOvYk6vWqxGg8Y+hbx7dpcmgyJHAt4/v2lyAFQSSy3R10Txj7i7dZey4Ma+48F7+BDRVILkEwH4A843q7NFJpKoh6D0A+nSwCMABAAsiIAjTyWFGscrDAVDZEjyL9unuY2ELuuoOB6AhWYJlzUHdhexYbQQ4ADMUS/AtrNK9zAGY5ZZNcC6tzr/QARgwZqt3cfAoWGgc1qsyr3IAhqibYGAdPIzDp2hHjfBMPNwBGFHyBAv7KoysHYAW91zCDibFO5g5AC0A0JdFwbcoxrKmaAczB6AlAApBrGVNsQ5mDoABAIUg1rKmSPMqB8AIgEIQa1kTzKuCjd2RiG6zpDgAkWVN2Mu4KAczByASAB0JYi1rinEwcwASAFAIgmXN6wCWGpsqwsHMATCqNiic5F4AK4zNBQeza0XksDFvbOEOwJhKSTLGt2iniKwZ0ylENeMARJVt9iSSFt+iHSKybozdRzXlAESVbXASyTa+RdtFZMOYu45qzgGIKtvopCGWNVtFZNPoFiYT4QBkrDPJmZY1W0Rkc8YuzU07AOaS2RIaljUbRWSbLTt/tAOQv8Zhf8Sw0eWhCXRl7sIBMJesWwkOQLf0NF+NA2AuWbcSHIBu6Wm+GgfAXLJuJTgA3dLTfDX/AlSTmJ/JwwOoAAAAAElFTkSuQmCC"}})),s.a.createElement(a.View,{style:rn.headerButton},s.a.createElement(a.Text,{numberOfLines:1,style:rn.title},t.name))));const ln="#4c9afa",sn="#f44837",cn=a.StyleSheet.create({rowContainer:{alignItems:"center"},buttonView:{borderColor:ln,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:ln,textAlign:"center",textAlignVertical:"center"}});class un extends l.Component{constructor(e){super(e),this.state={pressItem:"",dataSource:[...tn]},this.renderRow=this.renderRow.bind(this),this.getRowType=this.getRowType.bind(this),this.getRowKey=this.getRowKey.bind(this),this.clickTo=this.clickTo.bind(this)}componentDidMount(){const{history:e}=this.props;"android"===a.Platform.OS&&a.BackAndroid.addListener(()=>(console.log("BackAndroid"),0===e.index&&(e.goBack(),!0)))}getRowType(e){const{dataSource:t}=this.state;return t[e].meta.style}getRowKey(e){const{dataSource:t}=this.state;return t[e].path||""+e}feedback(e){const t=e||"";this.setState({pressItem:t})}clickTo(e){const{history:t}=this.props;t.push(e)}renderRow(e){const{dataSource:t,pressItem:n}=this.state,o=t[e],{style:r}=o.meta;return s.a.createElement(a.View,{style:cn.rowContainer},s.a.createElement(a.View,{onPressIn:()=>this.feedback(o.path),onPressOut:()=>this.feedback(),onClick:()=>this.clickTo(o.path),style:[cn.buttonView,{borderColor:1===r?ln:sn,opacity:n===o.path?.5:1}]},s.a.createElement(a.Text,{style:[cn.buttonText,{color:1===r?ln:sn}]},o.name)))}render(){const{dataSource:e}=this.state;return s.a.createElement(a.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.renderRow,getRowType:this.getRowType,getRowKey:this.getRowKey})}}const hn=[{path:"/Gallery",name:"Hippy React 示例",component:z(un),meta:{style:1}},...tn];var dn=()=>s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#fff"}},s.a.createElement(k,{initialEntries:["/Gallery"]},hn.map(e=>{const t=e.component;return s.a.createElement(O,{key:e.path,exact:!0,path:""+e.path},s.a.createElement(a.View,{style:{flex:1,backgroundColor:"#fff"}},s.a.createElement(an,{route:e}),s.a.createElement(t,{meta:e.meta||{}})))})));const mn=a.StyleSheet.create({stepText:{color:"#242424",marginBottom:12},container:{flex:1,backgroundColor:"#fff",justifyContent:"center",padding:20},button:{width:120,height:40,borderRadius:8,backgroundColor:"#4c9afa",alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,textAlign:"center",lineHeight:40,color:"#fff"},buttonContainer:{alignItems:"center",marginTop:12,justifyContent:"center"}});class fn extends l.Component{constructor(e){super(e),this.clickToDebug=this.clickToDebug.bind(this)}clickToDebug(){const{instanceId:e}=this.props;Object(a.callNative)("TestModule","debug",e)}render(){const e=["2. 在前端项目中使用 npm install 安装依赖","3. 在前端项目中运行 npm run hippy:dev 编译调试包","4. 另开一个命令行窗口，运行 npm run hippy:debug 启动调试服务","5. 点击下方的“开始调试”按钮开始调试业务包"];"android"===a.Platform.OS?(e.unshift("1. 使用 USB 线连接 Android 手机和电脑，并启动 Hippy"),e.push("6. 打开 chrome://inspect，需要确保 localhost:38989 在 Discover network targets 右侧的 Configuration 弹窗中，下方会出现设备列表，点击 Inspect 进行调试")):"ios"===a.Platform.OS&&(e.unshift("1. 启动 iOS 模拟器并启动打开 HippyDemo"),e.push("6. 打开 Safari -> Develop 菜单进行调试（需要在预置 -> 高级里打开开发者菜单）"),e.push("注意：每次插拔 USB 线后都需要通过 npm run hippy:debug 重启调试服务"));return s.a.createElement(a.ScrollView,{style:mn.container},e.map((e,t)=>s.a.createElement(a.Text,{style:mn.stepText,key:"steps-"+t},e)),s.a.createElement(a.View,{style:mn.buttonContainer},s.a.createElement(a.View,{style:mn.button,onClick:this.clickToDebug},s.a.createElement(a.Text,{style:mn.buttonText,numberOfLines:1},"点击调试"))))}}const gn=a.StyleSheet.create({container:{flex:1}});class pn extends l.Component{constructor(e){super(e);const{width:t,height:n}=a.Dimensions.get("screen");this.state={isVertical:t{switch(e){case 0:return s.a.createElement(dn,null);case 1:case 2:return s.a.createElement(fn,{instanceId:n});default:return s.a.createElement(a.View,{style:yn.blankPage})}})(),s.a.createElement(a.View,{style:yn.buttonContainer},(()=>{let n=["API","本地调试"];return"ios"!==a.Platform.OS||t||(n=["API"]),n.map((t,n)=>s.a.createElement(a.View,{key:"button_"+t,style:yn.button,onClick:()=>this.setState({pageIndex:n})},s.a.createElement(a.Text,{style:[yn.buttonText,n===e?{color:"#4c9afa"}:null],numberOfLines:1},t)))})()))}}new a.Hippy({appName:"Demo",entryPage:bn,bubbles:!1,silent:!1}).start()},0:function(e,t,n){n("./node_modules/regenerator-runtime/runtime.js"),e.exports=n("./src/main.js")},"dll-reference hippyReactBase":function(e,t){e.exports=hippyReactBase}}); \ No newline at end of file diff --git a/framework/js/examples/android-demo/res/vendor.android.js b/framework/js/examples/android-demo/res/vendor.android.js index 2bb6a7750..536349403 100644 --- a/framework/js/examples/android-demo/res/vendor.android.js +++ b/framework/js/examples/android-demo/res/vendor.android.js @@ -1,7 +1,7 @@ var hippyReactBase=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}({"../../packages/hippy-react/dist/index.js":function(e,t,n){"use strict";n.r(t),function(e){n.d(t,"Animated",(function(){return en})),n.d(t,"Animation",(function(){return Ce})),n.d(t,"AnimationSet",(function(){return Ie})),n.d(t,"AppRegistry",(function(){return Kt})),n.d(t,"AsyncStorage",(function(){return Ln})),n.d(t,"BackAndroid",(function(){return Rn})),n.d(t,"Clipboard",(function(){return zn})),n.d(t,"ConsoleModule",(function(){return qn})),n.d(t,"Dimensions",(function(){return er})),n.d(t,"Easing",(function(){return tn})),n.d(t,"Focusable",(function(){return xn})),n.d(t,"Hippy",(function(){return Kn})),n.d(t,"HippyEventEmitter",(function(){return de})),n.d(t,"HippyEventListener",(function(){return ue})),n.d(t,"HippyRegister",(function(){return jn})),n.d(t,"Image",(function(){return Zt})),n.d(t,"ImageBackground",(function(){return Yn})),n.d(t,"ImageLoaderModule",(function(){return Fn})),n.d(t,"ListView",(function(){return sn})),n.d(t,"ListViewItem",(function(){return nn})),n.d(t,"Modal",(function(){return En})),n.d(t,"Navigator",(function(){return dn})),n.d(t,"NetInfo",(function(){return Hn})),n.d(t,"NetworkModule",(function(){return Tn})),n.d(t,"PixelRatio",(function(){return tr})),n.d(t,"Platform",(function(){return Qn})),n.d(t,"PullFooter",(function(){return on})),n.d(t,"PullHeader",(function(){return rn})),n.d(t,"RNfqb",(function(){return Gn})),n.d(t,"RNfqbEventEmitter",(function(){return Jn})),n.d(t,"RNfqbEventListener",(function(){return Zn})),n.d(t,"RNfqbRegister",(function(){return Xn})),n.d(t,"RefreshWrapper",(function(){return un})),n.d(t,"ScrollView",(function(){return kn})),n.d(t,"StyleSheet",(function(){return vn})),n.d(t,"Text",(function(){return Xt})),n.d(t,"TextInput",(function(){return mn})),n.d(t,"TimerModule",(function(){return $n})),n.d(t,"UIManagerModule",(function(){return Mn})),n.d(t,"View",(function(){return Gt})),n.d(t,"ViewPager",(function(){return pn})),n.d(t,"WaterfallView",(function(){return _n})),n.d(t,"WebSocket",(function(){return In})),n.d(t,"WebView",(function(){return Cn})),n.d(t,"callNative",(function(){return Un})),n.d(t,"callNativeWithCallbackId",(function(){return Bn})),n.d(t,"callNativeWithPromise",(function(){return Wn})),n.d(t,"colorParse",(function(){return Dt})),n.d(t,"default",(function(){return Qt})),n.d(t,"flushSync",(function(){return Dn})),n.d(t,"removeNativeCallback",(function(){return Vn}));var r=n("./node_modules/@hippy/react-reconciler/index.js"),i=n.n(r),o=n("./node_modules/react/index.js"),a=n.n(o);const l=["children"],s=["collapsable","style"],u=["style"],c=["children","style","imageStyle","imageRef","source","sources","src","srcs","tintColor","tintColors"],d=["children"],f=["children"],p=["children","style","renderRow","renderPullHeader","renderPullFooter","getRowType","getRowStyle","getRowKey","dataSource","initialListSize","rowShouldSticky","onRowLayout","onHeaderPulling","onHeaderReleased","onFooterPulling","onFooterReleased","onAppear","onDisappear","onWillAppear","onWillDisappear"],h=["children"],m=["initialRoute"],y=["component"],g=["children","onPageScrollStateChanged"],b=["style","renderBanner","numberOfColumns","columnSpacing","interItemSpacing","numberOfItems","preloadItemNumber","renderItem","renderPullHeader","renderPullFooter","getItemType","getItemKey","getItemStyle","contentInset","onItemLayout","onHeaderPulling","onHeaderReleased","onFooterPulling","onFooterReleased","containPullHeader","containPullFooter","containBannerView"];function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t=0||(i[n]=e[n]);return i} /*! * @hippy/react v2.2.1 - * Build at: Mon Feb 28 2022 14:53:50 GMT+0800 (China Standard Time) + * Build at: Sat Mar 12 2022 20:55:41 GMT+0800 (China Standard Time) * * Tencent is pleased to support the open source community by making * Hippy available. @@ -20,7 +20,7 @@ var hippyReactBase=function(e){var t={};function n(r){if(t[r])return t[r].export * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - */(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}e.__GLOBAL__||(e.__GLOBAL__={}),e.__GLOBAL__.nodeId=0,e.__GLOBAL__.animationId=0;const{asyncStorage:E,bridge:x,device:C,document:N,register:I,on:P,off:_,emit:L}=e.Hippy;var R=Object.freeze({__proto__:null,addEventListener:P,removeEventListener:_,dispatchEvent:L,AsyncStorage:E,Bridge:x,Device:C,HippyRegister:I,UIManager:N});let A,z;const T=new Map;function O(e,t){z=e,A=t}function j(){if(!z)throw new Error("getRootViewId must execute after setRootContainer");return z}function F(e){if(!A)return null;const{current:t}=A,n=[t];for(;n.length;){const t=n.shift();if(!t)break;if(e(t))return t;t.child&&n.push(t.child),t.sibling&&n.push(t.sibling)}return null}function H(e,t){T.set(t,e)}function M(e){T.delete(e)}function D(e){return(null==e?void 0:e.stateNode)||null}function U(e){return T.get(e)||null}function W(t){!function(t,n){if(!e.requestIdleCallback)return setTimeout(()=>{t({didTimeout:!1,timeRemaining:()=>1/0})},1);e.requestIdleCallback(t,n)}(e=>{(e.timeRemaining()>0||e.didTimeout)&&function e(t){"number"==typeof t?M(t):t&&(M(t.nodeId),Array.isArray(t.childNodes)&&t.childNodes.forEach(t=>e(t)))}(t)},{timeout:50})}const B={onTouchStart:["onTouchStart","onTouchDown"],onPress:["onPress","onClick"]},V=new RegExp(/^\d+$/);let $=!1,q=!1;function Q(e){return e.replace(/\\u[\dA-F]{4}|\\x[\dA-F]{2}/gi,e=>String.fromCharCode(parseInt(e.replace(/\\u|\\x/g,""),16)))}const K=new RegExp("^on.+Capture$");const G=new RegExp("^(?=.+)[+-]?\\d*\\.?\\d*([Ee][+-]?\\d+)?$");function Y(e){return"[object Function]"===Object.prototype.toString.call(e)}function X(e){$=e}function J(){return q}function Z(e){if(e&&!/^(http|https):\/\//.test(e)&&e.indexOf("assets")>-1){0;return`${"hpfile://"}./${e}`}return e}function ee(e){return 5===e}class te{constructor(e){this.handlerContainer={},this.nextIdForHandler=0,this.eventName=e}getEventListeners(){return Object.keys(this.handlerContainer).filter(e=>this.handlerContainer[e]).map(e=>this.handlerContainer[e])}getHandlerSize(){return Object.keys(this.handlerContainer).length}addEventHandler(e,t){if(!e)throw new TypeError("Invalid arguments for addEventHandler");const n=this.nextIdForHandler;this.nextIdForHandler+=1;const r={id:n,eventHandler:e,context:t},i="eventHandler_"+n;return this.handlerContainer[i]=r,n}notifyEvent(e){Object.keys(this.handlerContainer).forEach(t=>{const n=this.handlerContainer[t];n&&n.eventHandler&&(n.context?n.eventHandler.call(n.context,e):n.eventHandler(e))})}removeEventHandler(e){if("number"!=typeof e)throw new TypeError("Invalid arguments for removeEventHandler");const t="eventHandler_"+e;this.handlerContainer[t]&&delete this.handlerContainer[t]}}class ne{constructor(e,t,n){this.type=e,this.bubbles=!0,this.timeStamp=Date.now(),this.currentTarget=t,this.target=n}stopPropagation(){this.bubbles=!1}preventDefault(){}}const re=new Map;function ie(e,t){let n=e;if(t.memoizedProps&&!t.memoizedProps[e]){const r=Object.keys(B);for(let i=0;i0){let e,i=!1;const o=D(n);for(;!i&&void 0!==(e=r.shift());)try{const{eventName:n,currentTarget:r,listener:a,isCapture:l}=e,s=new ne(n,r,o);Object.assign(s,t),l?(a(s),s.bubbles||(i=!0)):(i=a(s),"boolean"!=typeof i&&(i=!J()),s.bubbles||(i=!0))}catch(e){console.reportUncaughtException(e)}}}(i,e,a):function(e,t,n){let r=!1,i=n,o=e;const a=D(n);do{if(o=ie(o,i),oe(o,i))try{const e=D(i),n=new ne(o,e,a);Object.assign(n,t),r=i.memoizedProps[o](n),"boolean"!=typeof r&&(r=!J()),n.bubbles||(r=!0)}catch(e){console.reportUncaughtException(e)}if(!1===r)for(i=i.return;i&&!ee(i.tag);)i=i.return}while(!r&&i)}(i,e,a)},receiveUIComponentEvent:function(e){if(!e||!Array.isArray(e)||e.length<2)return;const[t,n,r]=e;if("number"!=typeof t||"string"!=typeof n)return;const i=U(t);i&&oe(n,i)&&i.memoizedProps[n](r)}};e.__GLOBAL__&&(e.__GLOBAL__.jsModuleList.EventDispatcher=le);class se{constructor(e,t){this.callback=e,this.bindListener=t}remove(){"number"==typeof this.callback&&this.bindListener&&(this.bindListener.removeCallback(this.callback),this.bindListener=void 0)}}class ue{constructor(e){this.eventName=e,this.listenerIdList=[]}unregister(){const e=le.getHippyEventHub(this.eventName);if(!e)throw new ReferenceError("No listeners for "+this.eventName);const t=this.listenerIdList.length;for(let n=0;n{t(e)});return ge.set(t,r),new ve(n,t)},removeEventListener:we,fetch:function(){return x.callNativeWithPromise("NetInfo","getCurrentConnectivity").then(e=>e.network_info)}});function Se(e){return"loop"===e?-1:e}const Ee=new de;function xe(e,t){return"color"===e&&["number","string"].indexOf(typeof t)>=0?Dt(t):t}class Ce{constructor(e){var t;let n=0;if((null===(t=e.startValue)||void 0===t?void 0:t.constructor)&&"Animation"===e.startValue.constructor.name)n={animationId:e.startValue.animationId};else{const{startValue:t}=e;n=xe(e.valueType,t)}const r=xe(e.valueType,e.toValue);this.mode=e.mode||"timing",this.delay=e.delay||0,this.startValue=n||0,this.toValue=r||0,this.valueType=e.valueType||void 0,this.duration=e.duration||0,this.direction=e.direction||"center",this.timingFunction=e.timingFunction||"linear",this.repeatCount=Se(e.repeatCount||0),this.inputRange=e.inputRange||[],this.outputRange=e.outputRange||[],this.animationId=Nt.callNativeWithCallbackId("AnimationModule","createAnimation",!0,this.mode,Object.assign({delay:this.delay,startValue:this.startValue,toValue:this.toValue,duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{})),this.destroy=this.destroy.bind(this),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}removeEventListener(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}start(){this.removeEventListener();let e="onAnimation";e="onHippyAnimation","function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=Ee.addListener(e+"Start",e=>{e===this.animationId&&(this.animationStartListener.remove(),"function"==typeof this.onAnimationStartCallback&&this.onAnimationStartCallback())})),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=Ee.addListener(e+"End",e=>{e===this.animationId&&(this.animationEndListener.remove(),"function"==typeof this.onAnimationEndCallback&&this.onAnimationEndCallback())})),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=Ee.addListener(e+"Cancel",e=>{e===this.animationId&&(this.animationCancelListener.remove(),"function"==typeof this.onAnimationCancelCallback&&this.onAnimationCancelCallback())})),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=Ee.addListener(e+"Repeat",e=>{e===this.animationId&&"function"==typeof this.onAnimationRepeatCallback&&this.onAnimationRepeatCallback()})),Nt.callNative("AnimationModule","startAnimation",this.animationId)}destory(){this.destroy()}destroy(){this.removeEventListener(),Nt.callNative("AnimationModule","destroyAnimation",this.animationId)}pause(){Nt.callNative("AnimationModule","pauseAnimation",this.animationId)}resume(){Nt.callNative("AnimationModule","resumeAnimation",this.animationId)}updateAnimation(e){if("object"!=typeof e)throw new TypeError("Invalid arguments");if("string"==typeof e.mode&&e.mode!==this.mode)throw new TypeError("Update animation mode not supported");Object.keys(e).forEach(t=>{const n=e[t];if("startValue"===t){let t=0;if(e.startValue instanceof Ce)t={animationId:e.startValue.animationId};else{const{startValue:n}=e;t=xe(this.valueType,n)}this.startValue=t||0}else"repeatCount"===t?this.repeatCount=Se(e.repeatCount||0):Object.defineProperty(this,t,{value:n})}),Nt.callNative("AnimationModule","updateAnimation",this.animationId,Object.assign({delay:this.delay,startValue:this.startValue,toValue:xe(this.valueType,this.toValue),duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{}))}onAnimationStart(e){this.onAnimationStartCallback=e}onAnimationEnd(e){this.onAnimationEndCallback=e}onAnimationCancel(e){this.onAnimationCancelCallback=e}onAnimationRepeat(e){this.onAnimationRepeatCallback=e}}const Ne=new de;class Ie{constructor(e){this.animationList=[],e.children.forEach(e=>{this.animationList.push({animationId:e.animation.animationId,follow:e.follow||!1})}),this.animationId=Nt.callNativeWithCallbackId("AnimationModule","createAnimationSet",!0,{repeatCount:Se(e.repeatCount||0),children:this.animationList,virtual:e.virtual}),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}removeEventListener(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}start(){this.removeEventListener();let e="onAnimation";e="onHippyAnimation","function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=Ne.addListener(e+"Start",e=>{e===this.animationId&&(this.animationStartListener.remove(),"function"==typeof this.onAnimationStartCallback&&this.onAnimationStartCallback())})),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=Ne.addListener(e+"End",e=>{e===this.animationId&&(this.animationEndListener.remove(),"function"==typeof this.onAnimationEndCallback&&this.onAnimationEndCallback())})),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=Ne.addListener(e+"Cancel",e=>{e===this.animationId&&(this.animationCancelListener.remove(),"function"==typeof this.onAnimationCancelCallback&&this.onAnimationCancelCallback())})),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=Ne.addListener(e+"Repeat",e=>{e===this.animationId&&"function"==typeof this.onAnimationRepeatCallback&&this.onAnimationRepeatCallback()})),Nt.callNative("AnimationModule","startAnimation",this.animationId)}destory(){this.destroy()}destroy(){this.removeEventListener(),this.animationList.forEach(e=>Number.isInteger(e.animationId)&&Nt.callNative("AnimationModule","destroyAnimation",e.animationId)),Nt.callNative("AnimationModule","destroyAnimation",this.animationId)}pause(){Nt.callNative("AnimationModule","pauseAnimation",this.animationId)}resume(){Nt.callNative("AnimationModule","resumeAnimation",this.animationId)}onAnimationStart(e){this.onAnimationStartCallback=e}onAnimationEnd(e){this.onAnimationEndCallback=e}onAnimationCancel(e){this.onAnimationCancelCallback=e}onAnimationRepeat(e){this.onAnimationRepeatCallback=e}}const Pe={createNode:Symbol("createNode"),updateNode:Symbol("updateNode"),deleteNode:Symbol("deleteNode")};let _e=!0,Le=[];function Re(e){(function(e){const t=[];for(let n=0;n{switch(t.type){case Pe.createNode:t.nodes,Xe(e,t.nodes);break;case Pe.updateNode:t.nodes,Je(e,t.nodes);break;case Pe.deleteNode:t.nodes,Ze(e,t.nodes)}})}function Ae(e=!1){if(!_e)return;if(_e=!1,0===Le.length)return void(_e=!0);const t=j();e?(Re(t),tt(),Le=[],_e=!0):Promise.resolve().then(()=>{Re(t),tt(),Le=[],_e=!0})}function ze(e){const t=e.attributes,{children:n}=t;return S(t,l)}function Te(e,t){var n;if(!t.nativeName)return null;if(t.meta.skipAddToDom)return null;if(!t.meta.component)throw new Error("Specific tag is not supported yet: "+t.tagName);return{id:t.nodeId,pId:(null===(n=t.parentNode)||void 0===n?void 0:n.nodeId)||e,index:t.index,name:t.nativeName,props:w(w({},ze(t)),{},{style:t.style})}}function Oe(e,t,n,r){const i=[];let o=n;return void 0===o&&t&&t.parentNode&&(o=t.parentNode.childNodes.indexOf(t)),t.traverseChildren(t=>{const n=Te(e,t);n&&i.push(n),"function"==typeof r&&r(t)},o),i}function je(e){return!!A&&e instanceof A.containerInfo.constructor}function Fe(e,t,n=-1){if(!e||!t)return;if(t.meta.skipAddToDom)return;const r=j();if(je(e)&&!e.isMounted){const e=Oe(r,t,n,e=>{e.isMounted||(e.isMounted=!0)});Le.push({type:Pe.createNode,nodes:e})}else if(e.isMounted&&!t.isMounted){const e=Oe(r,t,n,e=>{e.isMounted||(e.isMounted=!0)});Le.push({type:Pe.createNode,nodes:e})}}function He(e,t,n){if(!t||t.meta.skipAddToDom)return;t.isMounted=!1,t.index=n;const r=j(),i=[{id:t.nodeId,pId:t.parentNode?t.parentNode.nodeId:r,index:t.index}];Le.push({type:Pe.deleteNode,nodes:i})}function Me(e){if(!e.isMounted)return;const t=Te(j(),e);t&&Le.push({type:Pe.updateNode,nodes:[t]})}let De=0;class Ue{constructor(){this.meta={component:{}},this.index=0,this.childNodes=[],this.parentNode=null,this.mounted=!1,this.nodeId=(De+=1,De%10==0&&(De+=1),De)}toString(){return this.constructor.name}get isMounted(){return this.mounted}set isMounted(e){this.mounted=e}insertBefore(e,t){if(!e)throw new Error("Can't insert child.");if(e.meta.skipAddToDom)return;if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't insert child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't insert child, because it already has a different parent.");const n=this.childNodes.indexOf(t);return e.parentNode=this,this.childNodes.splice(n,0,e),Fe(this,e,n)}moveChild(e,t){if(!e)throw new Error("Can't move child.");if(e.meta.skipAddToDom)return;if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't move child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't move child, because it already has a different parent.");const n=this.childNodes.indexOf(e);if(this.childNodes.indexOf(t)===n)return e;this.childNodes.splice(n,1),He(0,e,n);const r=this.childNodes.indexOf(t);return this.childNodes.splice(r,0,e),Fe(this,e,r)}appendChild(e){if(!e)throw new Error("Can't append child.");if(!e.meta.skipAddToDom){if(e.parentNode&&e.parentNode!==this)throw new Error("Can't append child, because it already has a different parent.");e.parentNode=this,this.childNodes.push(e),Fe(this,e,this.childNodes.length-1)}}removeChild(e){if(!e)throw new Error("Can't remove child.");if(e.meta.skipAddToDom)return;if(!e.parentNode)throw new Error("Can't remove child, because it has no parent.");if(e.parentNode!==this)throw new Error("Can't remove child, because it has a different parent.");const t=this.childNodes.indexOf(e);this.childNodes.splice(t,1),He(0,e,t)}findChild(e){if(e(this))return this;if(this.childNodes.length)for(let t=0;t{this.traverseChildren.call(t,e,n)})}}const We={textDecoration:"textDecorationLine",boxShadowOffset:"shadowOffset",boxShadowOffsetX:"shadowOffsetX",boxShadowOffsetY:"shadowOffsetY",boxShadowOpacity:"shadowOpacity",boxShadowRadius:"shadowRadius",boxShadowSpread:"shadowSpread",boxShadowColor:"shadowColor"},Be={totop:"0",totopright:"totopright",toright:"90",tobottomright:"tobottomright",tobottom:"180",tobottomleft:"tobottomleft",toleft:"270",totopleft:"totopleft"},Ve="turn",$e="rad",qe="deg";function Qe(e){const t=(e||"").replace(/\s*/g,"").toLowerCase(),n=/^([+-]?\d+\.?\d*)+(deg|turn|rad)|(to\w+)$/g.exec(t);if(!Array.isArray(n))return;let r="180";const[i,o,a]=n;return o&&a?r=function(e,t=qe){const n=parseFloat(e);let r=e||"";const[,i]=e.split(".");switch(i&&i.length>2&&(r=n.toFixed(2)),t){case Ve:r=""+(360*n).toFixed(2);break;case $e:r=""+(180/Math.PI*n).toFixed(2)}return r}(o,a):i&&void 0!==Be[i]&&(r=Be[i]),r}function Ke(e){const t=(e||"").replace(/\s+/g," ").trim(),[n,r]=t.split(/\s+(?![^(]*?\))/),i=/^([+-]?\d+\.?\d*)%$/g;return!n||i.exec(n)||r?n&&i.exec(r)?{ratio:parseFloat(r.split("%")[0])/100,color:Dt(n)}:void 0:{color:Dt(n)}}function Ge(e){var t;return t=e,K.test(t)&&(e=e.replace("Capture","")),B[e]?B[e][1]:e}class Ye extends Ue{constructor(e){super(),this.id="",this.style={},this.attributes={},this.tagName=e}get nativeName(){return this.meta.component.name}toString(){return`${this.tagName}:(${this.nativeName})`}hasAttribute(e){return!!this.attributes[e]}getAttribute(e){return this.attributes[e]}setStyleAttribute(e){this.style={};let t=e;if(!Array.isArray(t)&&Object.hasOwnProperty.call(t,0)){const e=[],n={};Object.keys(t).forEach(r=>{var i;i=r,V.test(i)?e.push(t[r]):n[r]=t[r]}),t=[...e,n]}Array.isArray(t)||(t=[t]);let n={};t.forEach(e=>{Array.isArray(e)?e.forEach(e=>{n=w(w({},n),e)}):"object"==typeof e&&e&&(n=w(w({},n),e))}),Object.keys(n).forEach(e=>{const t=n[e];if(Object.prototype.hasOwnProperty.call(We,e)&&(e=We[e]),"transform"===e){const e={};if(!Array.isArray(t))throw new TypeError("transform only support array args");t.forEach(t=>{Object.keys(t).forEach(n=>{const r=t[n];r instanceof Ce||r instanceof Ie?e[n]={animationId:r.animationId}:null===r?e[n]&&delete e[n]:void 0!==r&&(e[n]=r)})});const n=Object.keys(e);n.length&&(Array.isArray(this.style.transform)||(this.style.transform=[]),n.forEach(t=>this.style.transform.push({[t]:e[t]})))}else if(null===t&&void 0!==this.style[e])this.style[e]=void 0;else if(t instanceof Ce||t instanceof Ie)this.style[e]={animationId:t.animationId};else if(["caretColor","caret-color"].indexOf(e)>=0)this.attributes["caret-color"]=Dt(t);else if(e.toLowerCase().indexOf("colors")>-1)this.style[e]=Ut(t);else if(e.toLowerCase().indexOf("color")>-1)this.style[e]=Dt(t);else if("backgroundImage"===e&&t)this.style=function(e,t,n){if(0===t.indexOf("linear-gradient")){const e=t.substring(t.indexOf("(")+1,t.lastIndexOf(")")).split(/,(?![^(]*?\))/),r=[];n.linearGradient=n.linearGradient||{},e.forEach((e,t)=>{if(0===t){const t=Qe(e);if(t)n.linearGradient.angle=t;else{n.linearGradient.angle="180";const t=Ke(e);t&&r.push(t)}}else{const t=Ke(e);t&&r.push(t)}}),n.linearGradient.colorStopList=r}else n[e]=Z(t);return n}(e,t,this.style);else if("textShadowOffset"===e){const{x:n=0,width:r=0,y:i=0,height:o=0}=t||{};this.style[e]={width:n||r,height:i||o}}else["textShadowOffsetX","textShadowOffsetY"].indexOf(e)>=0?this.style=function(e,t,n){return n.textShadowOffset=n.textShadowOffset||{},Object.assign(n.textShadowOffset,{[{textShadowOffsetX:"width",textShadowOffsetY:"height"}[e]]:t||0}),n}(e,t,this.style):this.style[e]=t})}setAttribute(e,t){try{if("boolean"==typeof this.attributes[e]&&""===t&&(t=!0),void 0===e)return void Me(this);let n=!1;if([{match:()=>["id"].indexOf(e)>=0,action:()=>(t===this.id||(this.id=t,function(e){if(!e.isMounted)return;const t=Oe(j(),e);Le.push({type:Pe.updateNode,nodes:t})}(this)),!0)},{match:()=>["value","defaultValue","placeholder"].indexOf(e)>=0,action:()=>(this.attributes[e]=Q(t),!1)},{match:()=>["text"].indexOf(e)>=0,action:()=>(this.attributes[e]=t,!1)},{match:()=>["numberOfRows"].indexOf(e)>=0,action:()=>(this.attributes[e]=t,"ios"!==It.platform.OS)},{match:()=>["caretColor","caret-color"].indexOf(e)>=0,action:()=>(this.attributes["caret-color"]=Dt(t),!1)},{match:()=>["style"].indexOf(e)>=0,action:()=>"object"!=typeof t||null==t||(this.setStyleAttribute(t),!1)},{match:()=>!0,action:()=>{if("function"==typeof t){const t=Ge(e);this.attributes["__bind__"+t]=!0}else{this.attributes[e]=t;const n=Ge(e);!0===this.attributes["__bind__"+n]&&"function"!=typeof t&&(this.attributes["__bind__"+n]=!1)}return!1}}].some(e=>!!e.match()&&(n=e.action(),!0)),n)return;let r=!1;Object.keys(this.style).some(e=>{const t=this.style[e];if(t&&Array.isArray(t)&&"transform"===e)for(let e=0;e-1?Ut(r):i.toLowerCase().indexOf("color")>-1?Dt(r):function(e){if("number"==typeof e)return e;if("string"==typeof e&&G.test(e))try{return parseFloat(e)}catch(t){return e}return e}(r)),null!=r&&this.style[i]!==r&&(this.style[i]=r,n||Me(this))}setNativeProps(e){if(e){const{style:t}=e;if(t){const e=t;Object.keys(e).forEach(t=>{this.setStyle(t,e[t],!0)}),Me(this),Ae(!0)}}}setText(e){if("string"!=typeof e)try{e=e.toString()}catch(e){throw new Error("Only string type is acceptable for setText")}return(e=e.trim())||this.getAttribute("text")?(e=(e=Q(e)).replace(/ /g," ").replace(/Â/g," "),"textarea"===this.tagName?this.setAttribute("value",e):this.setAttribute("text",e)):null}}const{createNode:Xe,updateNode:Je,deleteNode:Ze,flushBatch:et,endBatch:tt,sendRenderError:nt}=N,rt=function(e){return F(t=>t.stateNode&&t.stateNode.nodeId===e)};function it(e){if(e instanceof Ye)return e;const t=e._reactInternalFiber||e._reactInternals;if(null==t?void 0:t.child){let e=t.child;for(;e&&!(e.stateNode instanceof Ye);)e=e.child;return e&&e.stateNode?e.stateNode:null}return null}function ot(e){let t=e;if("string"==typeof e){const n=F(t=>!!(t.return&&t.return.ref&&t.return.ref._stringRef)&&t.return.ref._stringRef===e);if(!n||!n.stateNode)return 0;t=n.stateNode}if(!t.nodeId){const e=it(t);return e?e.nodeId:0}return t.nodeId}function at(e,t,...n){let{nativeName:r,nodeId:i}=e;if(!i||!r){const t=it(e);t&&({nodeId:i,nativeName:r}=t)}if(!r)throw new Error("callUIFunction is calling a unnamed component");if(!i)throw new Error("callUIFunction is calling a component have no nodeId");let[o=[],a]=n;Y(o)&&(a=o,o=[]);null!==j()&&N.callUIFunction(i,t,o,a)}function lt(e,t,n){const r=ot(t);return new Promise((t,i)=>r?x.callNative("UIManagerModule",e,r,e=>(n&&Y(n)&&n(e),"this view is null"===e?i(new Error("Android cannot get the node")):t(e))):(n&&Y(n)&&n("this view is null"),i(new Error(e+" cannot get nodeId"))))}var st=Object.freeze({__proto__:null,createNode:Xe,updateNode:Je,deleteNode:Ze,flushBatch:et,endBatch:tt,sendRenderError:nt,getNodeById:rt,getNodeIdByRef:ot,getElementFromFiberRef:it,callUIFunction:at,measureInWindow:function(e,t){return lt("measureInWindow",e,t)},measureInAppWindow:function(e,t){return"android"===C.platform.OS?lt("measureInWindow",e,t):lt("measureInAppWindow",e,t)}});const ut=new de,ct=new Set,dt={exitApp(){x.callNative("DeviceEventModule","invokeDefaultBackPressHandler")},addListener:e=>(x.callNative("DeviceEventModule","setListenBackPress",!0),ct.add(e),{remove(){dt.removeListener(e)}}),removeListener(e){ct.delete(e),0===ct.size&&x.callNative("DeviceEventModule","setListenBackPress",!1)},initEventListener(){ut.addListener("hardwareBackPress",()=>{let e=!0;[...ct].reverse().every(t=>"function"!=typeof t||!t()||(e=!1,!1)),e&&dt.exitApp()})}},ft=(dt.initEventListener(),dt);var pt=Array.isArray,ht=Object.keys,mt=Object.prototype.hasOwnProperty,yt=function e(t,n){if(t===n)return!0;if(t&&n&&"object"==typeof t&&"object"==typeof n){var r,i,o,a=pt(t),l=pt(n);if(a&&l){if((i=t.length)!=n.length)return!1;for(r=i;0!=r--;)if(!e(t[r],n[r]))return!1;return!0}if(a!=l)return!1;var s=t instanceof Date,u=n instanceof Date;if(s!=u)return!1;if(s&&u)return t.getTime()==n.getTime();var c=t instanceof RegExp,d=n instanceof RegExp;if(c!=d)return!1;if(c&&d)return t.toString()==n.toString();var f=ht(t);if((i=f.length)!==ht(n).length)return!1;for(r=i;0!=r--;)if(!mt.call(n,f[r]))return!1;for(r=i;0!=r--;)if(!e(t[o=f[r]],n[o]))return!1;return!0}return t!=t&&n!=n};const gt=setTimeout,bt=clearTimeout;var vt=Object.freeze({__proto__:null,commitMutationEffectsBegin:function(){},commitMutationEffectsComplete:function(){Ae(!0)},getCurrentEventPriority:function(){return 16},scheduleTimeout:gt,cancelTimeout:bt,noTimeout:-1,afterActiveInstanceBlur:function(){},appendChild:function(e,t){e.childNodes.indexOf(t)>=0&&e.removeChild(t),e.appendChild(t)},appendChildToContainer:function(e,t){e.appendChild(t)},appendInitialChild:function(e,t){e.appendChild(t)},beforeActiveInstanceBlur:function(){},commitMount:function(){},commitTextUpdate:function(){},commitUpdate:function(e,t,n,r,i,o){H(o,e.nodeId);const a=Object.keys(t);0!==a.length&&a.forEach(n=>e.setAttribute(n,t[n]))},clearContainer:function(){},createContainerChildSet:function(){},createInstance:function(e,t,n,r,i){const o=n.createElement(e);return Object.keys(t).forEach(e=>{switch(e){case"children":break;case"nativeName":o.meta.component.name=t.nativeName;break;default:o.setAttribute(e,t[e])}}),[5,7].indexOf(i.tag)<0&&(o.meta.skipAddToDom=!0),H(i,o.nodeId),o},createTextInstance:function(e,t,n,r){const i=t.createElement("p");return i.setAttribute("text",Q(e)),i.meta={component:{name:"Text"}},H(r,i.nodeId),i},detachDeletedInstance:function(){},finalizeContainerChildren:function(){},finalizeInitialChildren:function(){return!0},getChildHostContext:function(){return{}},getPublicInstance:function(e){return e},getInstanceFromNode:function(){throw new Error("Not yet implemented.")},getFundamentalComponentInstance:function(){throw new Error("Not yet implemented.")},getRootHostContext:function(){return{}},hideInstance:function(e){const t={style:{display:"none"}};Object.keys(t).forEach(n=>e.setAttribute(n,t[n]))},hideTextInstance:function(){throw new Error("Not yet implemented.")},insertBefore:function(e,t,n){e.childNodes.indexOf(t)>=0?e.moveChild(t,n):e.insertBefore(t,n)},isOpaqueHydratingObject:function(){throw new Error("Not yet implemented")},makeClientId:function(){throw new Error("Not yet implemented")},makeClientIdInDEV:function(){throw new Error("Not yet implemented")},makeOpaqueHydratingObject:function(){throw new Error("Not yet implemented.")},mountFundamentalComponent:function(){throw new Error("Not yet implemented.")},prepareForCommit:function(){return null},preparePortalMount:function(){},prepareUpdate:function(e,t,n,r){const i={};let o=!1;Object.keys(r).forEach(e=>{const t=n[e],a=r[e];switch(e){case"children":t===a||"number"!=typeof a&&"string"!=typeof a||(i[e]=a);break;default:"function"!=typeof t||"function"!=typeof a||yt(t,a)?yt(t,a)||(i[e]=a):o=!0}});const a=0===Object.keys(i).length;return a&&o?{}:a?null:i},replaceContainerChildren:function(){},removeChild:function(e,t){e.removeChild(t),W(t)},removeChildFromContainer:function(e,t){e.removeChild(t),W(t)},resetAfterCommit:function(){},resetTextContent:function(){},unmountFundamentalComponent:function(){throw new Error("Not yet implemented.")},updateFundamentalComponent:function(){throw new Error("Not yet implemented.")},unhideTextInstance:function(){throw new Error("Not yet implemented.")},unhideInstance:function(e,t){const n=w(w({},t),{},{style:w(w({},t.style),{},{display:"flex"})});Object.keys(n).forEach(t=>e.setAttribute(t,n[t]))},shouldDeprioritizeSubtree:function(){return!0},shouldUpdateFundamentalComponent:function(){throw new Error("Not yet implemented.")},shouldSetTextContent:function(e,t){if(t&&"Text"===t.nativeName||-1!==["p","span"].indexOf(e)){const{children:e}=t;return"string"==typeof e||"number"==typeof e}return!1}});const wt=i()(w(w({},vt),{},{clearTimeout:clearTimeout,setTimeout:setTimeout,isPrimaryRenderer:!0,noTimeout:-1,supportsMutation:!0,supportsHydration:!1,supportsPersistence:!1,now:Date.now,scheduleDeferredCallback:()=>{},cancelDeferredCallback:()=>{}})),{flushSync:kt}=wt,{addEventListener:St,removeEventListener:Et,dispatchEvent:xt,AsyncStorage:Ct,Bridge:Nt,Device:It,HippyRegister:Pt}=R;var _t=Object.freeze({__proto__:null,addEventListener:St,removeEventListener:Et,dispatchEvent:xt,AsyncStorage:Ct,BackAndroid:ft,Bridge:Nt,Clipboard:fe,Cookie:pe,Device:It,HippyRegister:Pt,ImageLoader:ye,NetworkInfo:ke,UIManager:st,flushSync:kt});function Lt(...e){return`\\(\\s*(${e.join(")\\s*,\\s*(")})\\s*\\)`}const Rt={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},At="[-+]?\\d*\\.?\\d+",zt={rgb:new RegExp("rgb"+Lt(At,At,At)),rgba:new RegExp("rgba"+Lt(At,At,At,At)),hsl:new RegExp("hsl"+Lt(At,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),hsla:new RegExp("hsla"+Lt(At,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",At)),hex3:/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex4:/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#([0-9a-fA-F]{6})$/,hex8:/^#([0-9a-fA-F]{8})$/};function Tt(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Ot(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function jt(e,t,n){let r=n;return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ft(e,t,n){const r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,o=jt(i,r,e+1/3),a=jt(i,r,e),l=jt(i,r,e-1/3);return Math.round(255*o)<<24|Math.round(255*a)<<16|Math.round(255*l)<<8}function Ht(e){return(parseFloat(e)%360+360)%360/360}function Mt(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Dt(e,t={}){if(Number.isInteger(e))return e;let n=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=zt.hex6.exec(e),Array.isArray(t)?parseInt(t[1]+"ff",16)>>>0:Object.hasOwnProperty.call(Rt,e)?Rt[e]:(t=zt.rgb.exec(e),Array.isArray(t)?(Tt(t[1])<<24|Tt(t[2])<<16|Tt(t[3])<<8|255)>>>0:(t=zt.rgba.exec(e),t?(Tt(t[1])<<24|Tt(t[2])<<16|Tt(t[3])<<8|Ot(t[4]))>>>0:(t=zt.hex3.exec(e),t?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=zt.hex8.exec(e),t?parseInt(t[1],16)>>>0:(t=zt.hex4.exec(e),t?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=zt.hsl.exec(e),t?(255|Ft(Ht(t[1]),Mt(t[2]),Mt(t[3])))>>>0:(t=zt.hsla.exec(e),t?(Ft(Ht(t[1]),Mt(t[2]),Mt(t[3]))|Ot(t[4]))>>>0:null))))))))}(e);return t.platform||(t.platform="android"),null===n?0:(n=(n<<24|n>>>8)>>>0,"android"===t.platform&&(n|=0),n)}function Ut(e,t){return Array.isArray(e)?e.map(e=>Dt(e,t)):[0]}class Wt extends Ue{constructor(){super(),this.documentElement=new Ye("document")}createElement(e){return new Ye(e)}createElementNS(e,t){return new Ye(`${e}:${t}`)}}Wt.createElement=Wt.prototype.createElement,Wt.createElementNS=Wt.prototype.createElementNS;const{createContainer:Bt,updateContainer:Vt,getPublicRootInstance:$t,injectIntoDevTools:qt}=wt;class Qt{constructor(e){if(!e.appName||!e.entryPage)throw new TypeError("Invalid arguments");this.config=e,this.regist=this.start,this.render=this.render.bind(this);const t=new Wt;this.rootContainer=Bt(t,0,!1,null)}static get Native(){return _t}start(){Pt.regist(this.config.appName,this.render)}render(e){const{appName:t,entryPage:n,silent:r=!1,bubbles:i=!1,callback:o=(()=>{})}=this.config,{__instanceId__:l}=e;this.rootContainer.containerInfo.nodeId=l,r&&X(r),i&&function(e=!1){q=e}(i),O(l,this.rootContainer);const s=a.a.createElement(n,e);return Vt(s,this.rootContainer,null,o),$t(this.rootContainer)}}Qt.version="2.2.1";const Kt={registerComponent(e,t){new Qt({appName:e,entryPage:t}).start()}};class Gt extends a.a.Component{constructor(){super(...arguments),this.instance=null}setPressed(e){at(this.instance,"setPressed",[e])}setHotspot(e,t){at(this.instance,"setHotspot",[e,t])}render(){const e=this.props,{collapsable:t,style:n={}}=e,r=S(e,s),i=n,{nativeBackgroundAndroid:o}=r;return"boolean"==typeof t&&(i.collapsable=t),void 0!==(null==o?void 0:o.color)&&(o.color=Dt(o.color)),a.a.createElement("div",w({ref:e=>{this.instance=e},nativeName:"View",style:i},r))}}function Yt(e,t){let{style:n}=e,r=S(e,u);const i=n;if(n&&(Array.isArray(n)?-1===n.filter(e=>"object"==typeof e&&e).findIndex(e=>e.color||e.colors)&&(i[0].color="#000"):"object"==typeof n&&void 0===n.color&&void 0===n.colors&&(i.color="#000")),r.text="","string"==typeof r.children)r.text=Q(r.children);else if("number"==typeof r.children)r.text=Q(r.children.toString());else if(Array.isArray(r.children)){const e=r.children.filter(e=>"string"==typeof e||"number"==typeof e).join("");e&&(r.text=Q(e),r.children=r.text)}return a.a.createElement("p",w({ref:t,nativeName:"Text",style:i},r))}Yt.displayName="Text";const Xt=a.a.forwardRef(Yt);Xt.displayName="Text";var Jt=Object.freeze({__proto__:null,default:Xt});class Zt extends a.a.Component{static get resizeMode(){return{contain:"contain",cover:"cover",stretch:"stretch",center:"center",repeat:"repeat"}}static getSize(e,t,n){if("string"!=typeof e)throw new TypeError("Image.getSize first argument must be a string url");const r=he(e);return"function"==typeof t&&r.then(e=>t(e.width,e.height)),"function"==typeof n?r.catch(n):r.catch(e=>{}),r}render(){const e=this.props,{children:t,style:n,imageStyle:r,imageRef:i,source:o,sources:l,src:s,srcs:u,tintColor:d,tintColors:f}=e,p=S(e,c),h=this.getImageUrls({src:s,srcs:u,source:o,sources:l});"ios"===It.platform.OS?h.length&&(p.source=h.map(e=>({uri:e}))):"android"===It.platform.OS&&(1===h.length?[p.src]=h:h.length>1&&(p.srcs=h)),"string"==typeof p.defaultSource&&(p.defaultSource.indexOf("data:image/"),p.defaultSource=Z(p.defaultSource));const m=w({},n);return this.handleTintColor(m,d,f),p.style=m,t?a.a.createElement(Gt,{style:n},a.a.createElement("img",w(w({},p),{},{nativeName:"Image",alt:"",ref:i,style:[{position:"absolute",left:0,right:0,top:0,bottom:0,width:n.width,height:n.height},r]})),t):a.a.createElement("img",w(w({},p),{},{nativeName:"Image",alt:"",ref:i}))}getImageUrls({src:e,srcs:t,source:n,sources:r}){let i=[];if("string"==typeof e&&i.push(e),Array.isArray(t)&&(i=[...i,...t]),n)if("string"==typeof n)i.push(n);else if("object"==typeof n&&null!==n){const{uri:e}=n;e&&i.push(e)}return r&&Array.isArray(r)&&r.forEach(e=>{"string"==typeof e?i.push(e):"object"==typeof e&&null!==e&&e.uri&&i.push(e.uri)}),i.length&&(i=i.map(e=>Z(e))),i}handleTintColor(e,t,n){t&&(e.tintColor=Dt(t)),Array.isArray(n)&&(e.tintColors=Ut(n))}}Zt.prefetch=me;class en{constructor(){this.Value=en.Value}static Value(e){return e}static timing(e,t){return new Ce({mode:"timing",delay:0,startValue:e,toValue:t.toValue,duration:t.duration,timingFunction:t.easing||"linear"})}}en.View=Gt,en.Text=Jt,en.Image=Zt;const tn={step0:e=>e>0?1:0,step1:e=>e>=1?1:0,linear:()=>"linear",ease:()=>"ease",quad:e=>e**2,cubic:e=>e**3,poly:e=>t=>t**e,sin:e=>1-Math.cos(e*Math.PI/2),circle:e=>1-Math.sqrt(1-e*e),exp:e=>2**(10*(e-1)),elastic:()=>"elastic",back:(e=1.70158)=>t=>t*t*((e+1)*t-e),bounce(e){let t=e;return t<1/2.75?7.5625*t*t:t<2/2.75?(t-=1.5/2.75,7.5625*t*t+.75):t<2.5/2.75?(t-=2.25/2.75,7.5625*t*t+.9375):(t-=2.625/2.75,7.5625*t*t+.984375)},bezier:()=>"bezier",in:()=>"ease-in",out:()=>"ease-out",inOut:()=>"ease-in-out"};function nn(e){return a.a.createElement("li",w({nativeName:"ListViewItem"},e))}class rn extends a.a.Component{constructor(){super(...arguments),this.instance=null}expandPullHeader(){at(this.instance,"expandPullHeader",[])}collapsePullHeader(e){"android"===It.platform.OS?at(this.instance,"collapsePullHeader",[e]):void 0!==e?at(this.instance,"collapsePullHeaderWithOptions",[e]):at(this.instance,"collapsePullHeader",[])}render(){const e=this.props,{children:t}=e,n=S(e,d);return a.a.createElement("div",w({nativeName:"PullHeaderView",ref:e=>{this.instance=e}},n),t)}}class on extends a.a.Component{constructor(){super(...arguments),this.instance=null,this.defaultProps={sticky:!0}}expandPullFooter(){at(this.instance,"expandPullFooter",[])}collapsePullFooter(){at(this.instance,"collapsePullFooter",[])}render(){const e=this.props,{children:t}=e,n=S(e,f);return a.a.createElement("div",w({nativeName:"PullFooterView",ref:e=>{this.instance=e}},n),t)}}const an={onDisappear:"onDisAppear"},ln={onDisappear:"onDisappear"};class sn extends a.a.Component{constructor(e){super(e),this.instance=null,this.pullHeader=null,this.pullFooter=null,this.handleInitialListReady=this.handleInitialListReady.bind(this),this.state={initialListReady:!1}}static convertName(e){return"android"===It.platform.OS&&an[e]?an[e]:"ios"===It.platform.OS&&ln[e]?ln[e]:e}componentDidMount(){const{getRowKey:e}=this.props}scrollToIndex(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&at(this.instance,"scrollToIndex",[e,t,n])}scrollToContentOffset(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&at(this.instance,"scrollToContentOffset",[e,t,n])}expandPullHeader(){this.pullHeader&&this.pullHeader.expandPullHeader()}collapsePullHeader(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}expandPullFooter(){this.pullFooter&&this.pullFooter.expandPullFooter()}collapsePullFooter(){this.pullFooter&&this.pullFooter.collapsePullFooter()}render(){const e=this.props,{children:t,style:n,renderRow:r,renderPullHeader:i,renderPullFooter:o,getRowType:l,getRowStyle:s,getRowKey:u,dataSource:c,initialListSize:d,rowShouldSticky:f,onRowLayout:h,onHeaderPulling:m,onHeaderReleased:y,onFooterPulling:g,onFooterReleased:b,onAppear:v,onDisappear:k,onWillAppear:E,onWillDisappear:x}=e,C=S(e,p),N=[];if("function"==typeof r){const{initialListReady:e}=this.state;let{numberOfRows:t}=this.props;const p=this.getPullHeader(i,m,y),S=this.getPullFooter(o,g,b);!t&&c&&(t=c.length),e||(t=Math.min(t,d||10));for(let e=0;e{"function"==typeof n&&(t[sn.convertName(r)]=()=>{n(e)})}),n&&N.push(a.a.createElement(nn,w({},t),n))}p&&N.unshift(p),S&&N.push(S),"function"==typeof f&&Object.assign(C,{rowShouldSticky:!0});const I=[v,k,E,x];C.exposureEventEnabled=I.some(e=>"function"==typeof e),C.numberOfRows=N.length,C.initialListSize=d,C.style=w({overflow:"scroll"},n)}return!C.onLoadMore&&C.onEndReached&&(C.onLoadMore=C.onEndReached),a.a.createElement("ul",w({ref:e=>{this.instance=e},nativeName:"ListView",initialListReady:this.handleInitialListReady},C),N.length?N:t)}handleInitialListReady(){this.setState({initialListReady:!0})}getPullHeader(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(rn,{key:"pull-header",ref:e=>{this.pullHeader=e},onHeaderPulling:t,onHeaderReleased:n},e())),r}getPullFooter(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(on,{key:"pull-footer",ref:e=>{this.pullFooter=e},onFooterPulling:t,onFooterReleased:n},e())),r}handleRowProps(e,t,{getRowKey:n,getRowStyle:r,onRowLayout:i,getRowType:o,rowShouldSticky:a}){if("function"==typeof n&&(e.key=n(t)),"function"==typeof r&&(e.style=r(t)),"function"==typeof i&&(e.onLayout=e=>{i(e,t)}),"function"==typeof o){const n=o(t);Number.isInteger(n),e.type=n}"function"==typeof a&&(e.sticky=a(t))}}sn.defaultProps={numberOfRows:0};class un extends a.a.Component{constructor(e){super(e),this.instance=null,this.refreshComplected=this.refreshCompleted.bind(this)}startRefresh(){at(this.instance,"startRefresh",null)}refreshCompleted(){at(this.instance,"refreshComplected",null)}render(){const e=this.props,{children:t}=e,n=S(e,h);return a.a.createElement("div",w({nativeName:"RefreshWrapper",ref:e=>{this.instance=e}},n),a.a.createElement("div",{nativeName:"RefreshWrapperItemView",style:{left:0,right:0,position:"absolute"}},this.getRefresh()),t)}getRefresh(){const{getRefresh:e}=this.props;return"function"==typeof e&&e()||null}}class cn{constructor(){this.top=null,this.size=0}push(e){this.top={data:e,next:this.top},this.size+=1}peek(){return null===this.top?null:this.top.data}pop(){if(null===this.top)return null;const e=this.top;return this.top=this.top.next,this.size>0&&(this.size-=1),e.data}clear(){this.top=null,this.size=0}displayAll(){const e=[];if(null===this.top)return e;let t=this.top;for(let n=0,r=this.size;n1&&this.pop({animated:!0})}push(e){if(null==e?void 0:e.component){if(!this.routeList[e.routeName]){new Qt({appName:e.routeName,entryPage:e.component}).regist(),this.routeList[e.routeName]=!0}delete e.component}const t=[e];this.stack.push(e),at(this.instance,"push",t)}pop(e){if(this.stack.size>1){const t=[e];this.stack.pop(),at(this.instance,"pop",t)}}clear(){this.stack.clear()}render(){const e=this.props,{initialRoute:{component:t}}=e,n=S(e.initialRoute,y),r=S(e,m);return r.initialRoute=n,a.a.createElement("div",w({nativeName:"Navigator",ref:e=>{this.instance=e}},r))}}function fn(e){return a.a.createElement("div",w(w({nativeName:"ViewPagerItem"},e),{},{style:{position:"absolute",left:0,top:0,right:0,bottom:0,collapsable:!1}}))}class pn extends a.a.Component{constructor(e){super(e),this.instance=null,this.setPage=this.setPage.bind(this),this.setPageWithoutAnimation=this.setPageWithoutAnimation.bind(this),this.onPageScrollStateChanged=this.onPageScrollStateChanged.bind(this)}onPageScrollStateChanged(e){const{onPageScrollStateChanged:t}=this.props;t&&t(e.pageScrollState)}setPage(e){"number"==typeof e&&at(this.instance,"setPage",[e])}setPageWithoutAnimation(e){"number"==typeof e&&at(this.instance,"setPageWithoutAnimation",[e])}render(){const e=this.props,{children:t,onPageScrollStateChanged:n}=e,r=S(e,g);let i=[];return Array.isArray(t)?i=t.map(e=>{const t={};return"string"==typeof e.key&&(t.key="viewPager_"+e.key),a.a.createElement(fn,w({},t),e)}):i.push(a.a.createElement(fn,null,t)),"function"==typeof n&&(r.onPageScrollStateChanged=this.onPageScrollStateChanged),a.a.createElement("div",w({nativeName:"ViewPager",ref:e=>{this.instance=e}},r),i)}}function hn(){const e=C.platform.Localization;return!!e&&1===e.direction}class mn extends a.a.Component{constructor(e){super(e),this.instance=null,this._lastNativeText="",this.onChangeText=this.onChangeText.bind(this),this.onKeyboardWillShow=this.onKeyboardWillShow.bind(this)}componentDidMount(){const{value:e,autoFocus:t}=this.props;this._lastNativeText=e,t&&this.focus()}componentWillUnmount(){this.blur()}getValue(){return new Promise(e=>{at(this.instance,"getValue",t=>e(t.text))})}setValue(e){return at(this.instance,"setValue",[e]),e}focus(){at(this.instance,"focusTextInput",[])}blur(){at(this.instance,"blurTextInput",[])}showInputMethod(){at(this.instance,"showInputMethod",[])}hideInputMethod(){at(this.instance,"hideInputMethod",[])}clear(){at(this.instance,"clear",[])}render(){const e=w({},this.props);return["underlineColorAndroid","placeholderTextColor","placeholderTextColors"].forEach(t=>{"string"==typeof this.props[t]&&(Array.isArray(e.style)?e.style.push({[t]:this.props[t]}):e.style&&"object"==typeof e.style?e.style[t]=this.props[t]:e.style={[t]:this.props[t]},e[t]=void 0)}),hn()&&(e.style?"object"!=typeof e.style||Array.isArray(e.style)||e.style.textAlign||(e.style.textAlign="right"):e.style={textAlign:"right"}),a.a.createElement("div",w(w({nativeName:"TextInput"},e),{},{ref:e=>{this.instance=e},onChangeText:this.onChangeText,onKeyboardWillShow:this.onKeyboardWillShow}))}onChangeText(e){const{onChangeText:t}=this.props;"function"==typeof t&&t(e.text),this.instance&&(this._lastNativeText=e.text)}onKeyboardWillShow(e){const{onKeyboardWillShow:t}=this.props,n=e;"android"===It.platform.OS&&(n.keyboardHeight/=It.screen.scale),"function"==typeof t&&t(n)}}const yn=It.window.scale;let gn=Math.round(.4*yn)/yn;function bn(e){return e}0===gn&&(gn=1/yn);var vn=Object.freeze({__proto__:null,get hairlineWidth(){return gn},create:bn});const wn={baseVertical:{flexGrow:1,flexShrink:1,flexDirection:"column",overflow:"scroll"},baseHorizontal:{flexGrow:1,flexShrink:1,flexDirection:"row",overflow:"scroll"},contentContainerVertical:{collapsable:!1,flexDirection:"column"},contentContainerHorizontal:{collapsable:!1,flexDirection:"row"}};class kn extends a.a.Component{constructor(){super(...arguments),this.instance=null}scrollTo(e,t,n=!0){let r=e,i=t,o=n;"number"==typeof e||"object"==typeof e&&e&&({x:r,y:i,animated:o}=e),r=r||0,i=i||0,o=!!o,at(this.instance,"scrollTo",[r,i,o])}scrollToWithDuration(e=0,t=0,n=1e3){at(this.instance,"scrollToWithOptions",[{x:e,y:t,duration:n}])}render(){const{horizontal:e,contentContainerStyle:t,children:n,style:r}=this.props,i=[e?wn.contentContainerHorizontal:wn.contentContainerVertical,t],o=e?Object.assign({},wn.baseHorizontal,r):Object.assign({},wn.baseVertical,r);return e&&(o.flexDirection=hn()?"row-reverse":"row"),a.a.createElement("div",w(w({nativeName:"ScrollView",ref:e=>{this.instance=e}},this.props),{},{style:o}),a.a.createElement(Gt,{style:i},n))}}const Sn={modal:{position:"absolute"},container:{position:"absolute",left:0,top:0}};class En extends a.a.Component{constructor(e){super(e),this.eventSubscription=null}componentDidMount(){"ios"===It.platform.OS&&(this.eventSubscription=new ue("modalDismissed"),this.eventSubscription.addCallback(e=>{const{primaryKey:t,onDismiss:n}=this.props;e.primaryKey===t&&"function"==typeof n&&n()}))}componentWillUnmount(){"ios"===It.platform.OS&&this.eventSubscription&&this.eventSubscription.unregister()}render(){const{children:e,visible:t,transparent:n,animated:r}=this.props;let{animationType:i}=this.props;if(!1===t)return null;const o={backgroundColor:n?"transparent":"white"};return i||(i="none",r&&(i="slide")),a.a.createElement("div",w({nativeName:"Modal",animationType:i,transparent:n,style:Sn.modal},this.props),a.a.createElement(Gt,{style:[Sn.container,o]},e))}}En.defaultProps={visible:!0};class xn extends a.a.Component{constructor(e){super(e);const{requestFocus:t}=this.props;this.state={isFocus:!!t},this.handleFocus=this.handleFocus.bind(this)}render(){var e,t,n;const{requestFocus:r,children:i,nextFocusDownId:o,nextFocusUpId:l,nextFocusLeftId:s,nextFocusRightId:u,style:c,noFocusStyle:d,focusStyle:f,onClick:p}=this.props,{isFocus:h}=this.state,m=a.a.Children.only(i);let y;(null===(t=null===(e=null==m?void 0:m.child)||void 0===e?void 0:e.memoizedProps)||void 0===t?void 0:t.nativeName)?y=m.child.memoizedProps.nativeName:(null===(n=null==m?void 0:m.type)||void 0===n?void 0:n.displayName)&&(y=m.type.displayName);const g=o&&ot(o),b=l&&ot(l),v=s&&ot(s),k=u&&ot(u);let S=c;if("Text"!==y){const e=m.memoizedProps.style;S=w(w({},S),e)}if(Object.assign(S,h?f:d),"Text"===y)return a.a.createElement(Gt,{focusable:!0,nextFocusDownId:g,nextFocusUpId:b,nextFocusLeftId:v,nextFocusRightId:k,requestFocus:r,style:S,onClick:p,onFocus:this.handleFocus},m);const{children:E}=m.memoizedProps;return a.a.cloneElement(m,{nextFocusDownId:o,nextFocusUpId:l,nextFocusLeftId:s,nextFocusRightId:u,requestFocus:r,onClick:p,focusable:!0,children:E,style:S,onFocus:this.handleFocus})}handleFocus(e){const{onFocus:t}=this.props;"function"==typeof t&&t(e);const{isFocus:n}=this.state;n!==e.focus&&this.setState({isFocus:e.focus})}}function Cn(e){return a.a.createElement("iframe",w({title:"hippy",nativeName:"WebView"},e))}let Nn;class In{constructor(e,t,n){if(this.protocol="",this.onWebSocketEvent=this.onWebSocketEvent.bind(this),Nn||(Nn=new ue("hippyWebsocketEvents")),this.readyState=0,this.webSocketCallbacks={},!e||"string"!=typeof e)throw new TypeError("Invalid WebSocket url");const r=w({},n);if(void 0!==t)if(Array.isArray(t)&&t.length>0)r["Sec-WebSocket-Protocol"]=t.join(",");else{if("string"!=typeof t)throw new TypeError("Invalid WebSocket protocols");r["Sec-WebSocket-Protocol"]=t}const i={headers:r,url:e};this.url=e,this.webSocketCallbackId=Nn.addCallback(this.onWebSocketEvent),x.callNativeWithPromise("websocket","connect",i).then(e=>{e&&0===e.code&&"number"==typeof e.id&&(this.webSocketId=e.id)})}close(e,t){1===this.readyState&&(this.readyState=2,x.callNative("websocket","close",{id:this.webSocketId,code:e,reason:t}))}send(e){if(1===this.readyState){if("string"!=typeof e)throw new TypeError("Unsupported websocket data type: "+typeof e);x.callNative("websocket","send",{id:this.webSocketId,data:e})}}set onopen(e){this.webSocketCallbacks.onOpen=e}set onclose(e){this.webSocketCallbacks.onClose=e}set onerror(e){this.webSocketCallbacks.onError=e}set onmessage(e){this.webSocketCallbacks.onMessage=e}onWebSocketEvent(e){if("object"!=typeof e||e.id!==this.webSocketId)return;const{type:t}=e;"onOpen"===t?this.readyState=1:"onClose"===t&&(this.readyState=3,Nn.removeCallback(this.webSocketCallbackId));const n=this.webSocketCallbacks[t];"function"==typeof n&&n(e.data)}}function Pn(e){return a.a.createElement("li",w({nativeName:"WaterfallItem"},e))}class _n extends a.a.Component{constructor(e){super(e),this.instance=null,this.pullHeader=null,this.pullFooter=null,this.handleInitialListReady=this.handleInitialListReady.bind(this)}scrollToIndex({index:e=0,animated:t=!0}){at(this.instance,"scrollToIndex",[e,e,t])}scrollToContentOffset({xOffset:e=0,yOffset:t=0,animated:n=!0}){at(this.instance,"scrollToContentOffset",[e,t,n])}expandPullHeader(){this.pullHeader&&this.pullHeader.expandPullHeader()}collapsePullHeader(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}expandPullFooter(){this.pullFooter&&this.pullFooter.expandPullFooter()}collapsePullFooter(){this.pullFooter&&this.pullFooter.collapsePullFooter()}render(){const e=this.props,{style:t={},renderBanner:n,numberOfColumns:r=2,columnSpacing:i=0,interItemSpacing:o=0,numberOfItems:l=0,preloadItemNumber:s=0,renderItem:u,renderPullHeader:c,renderPullFooter:d,getItemType:f,getItemKey:p,getItemStyle:h,contentInset:m={top:0,left:0,bottom:0,right:0},onItemLayout:y,onHeaderPulling:g,onHeaderReleased:v,onFooterPulling:k,onFooterReleased:E,containPullHeader:x=!1,containPullFooter:C=!1,containBannerView:N=!1}=e,I=w(w({},S(e,b)),{},{style:t,numberOfColumns:r,columnSpacing:i,interItemSpacing:o,preloadItemNumber:s,contentInset:m,containPullHeader:x,containPullFooter:C,containBannerView:N}),P=[];if("function"==typeof n){const e=n();e&&(P.push(a.a.createElement(Gt,{key:"bannerView"},a.a.cloneElement(e))),I.containBannerView=!0)}if("function"==typeof u){const e=this.getPullHeader(c,g,v),n=this.getPullFooter(d,k,E);for(let e=0;ethis.instance=e,initialListReady:this.handleInitialListReady.bind(this)},I),P)}componentDidMount(){const{getItemKey:e}=this.props}handleRowProps(e,t,{getItemKey:n,getItemStyle:r,onItemLayout:i,getItemType:o}){if("function"==typeof n&&(e.key=n(t)),"function"==typeof r&&(e.style=r(t)),"function"==typeof i&&(e.onLayout=e=>{i.call(this,e,t)}),"function"==typeof o){const n=o(t);Number.isInteger(n),e.type=n}}getPullHeader(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(rn,{key:"PullHeader",ref:e=>{this.pullHeader=e},onHeaderPulling:t,onHeaderReleased:n},e())),r}getPullFooter(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(on,{key:"PullFooter",ref:e=>{this.pullFooter=e},onFooterPulling:t,onFooterReleased:n},e())),r}handleInitialListReady(){const{onInitialListReady:e}=this.props;"function"==typeof e&&e()}}e.WebSocket=In;const{AsyncStorage:Ln,BackAndroid:Rn,Bridge:An,Clipboard:zn,Cookie:Tn,Device:On,HippyRegister:jn,ImageLoader:Fn,NetworkInfo:Hn,UIManager:Mn,flushSync:Dn}=_t,{callNative:Un,callNativeWithPromise:Wn,callNativeWithCallbackId:Bn,removeNativeCallback:Vn}=An,$n=null,qn=e.ConsoleModule||e.console,Qn=On.platform,Kn=Qt,Gn=Qt,Yn=Zt,Xn=jn,Jn=de,Zn=ue,er={get:e=>On[e]},tr={get:()=>On.screen.scale}}.call(this,n("./node_modules/webpack/buildin/global.js"))},"./node_modules/@hippy/react-reconciler/cjs/react-reconciler.production.min.js":function(e,t,n){(function(e){ + */(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}e.__GLOBAL__||(e.__GLOBAL__={}),e.__GLOBAL__.nodeId=0,e.__GLOBAL__.animationId=0;const{asyncStorage:E,bridge:x,device:C,document:N,register:I,on:P,off:_,emit:L}=e.Hippy;var R=Object.freeze({__proto__:null,addEventListener:P,removeEventListener:_,dispatchEvent:L,AsyncStorage:E,Bridge:x,Device:C,HippyRegister:I,UIManager:N});let A,z;const T=new Map;function O(e,t){z=e,A=t}function j(){if(!z)throw new Error("getRootViewId must execute after setRootContainer");return z}function F(e){if(!A)return null;const{current:t}=A,n=[t];for(;n.length;){const t=n.shift();if(!t)break;if(e(t))return t;t.child&&n.push(t.child),t.sibling&&n.push(t.sibling)}return null}function H(e,t){T.set(t,e)}function M(e){T.delete(e)}function D(e){return(null==e?void 0:e.stateNode)||null}function U(e){return T.get(e)||null}function W(t){!function(t,n){if(!e.requestIdleCallback)return setTimeout(()=>{t({didTimeout:!1,timeRemaining:()=>1/0})},1);e.requestIdleCallback(t,n)}(e=>{(e.timeRemaining()>0||e.didTimeout)&&function e(t){"number"==typeof t?M(t):t&&(M(t.nodeId),Array.isArray(t.childNodes)&&t.childNodes.forEach(t=>e(t)))}(t)},{timeout:50})}const B={onTouchStart:["onTouchStart","onTouchDown"],onPress:["onPress","onClick"]},V=new RegExp(/^\d+$/);let $=!1,q=!1;function Q(e){return e.replace(/\\u[\dA-F]{4}|\\x[\dA-F]{2}/gi,e=>String.fromCharCode(parseInt(e.replace(/\\u|\\x/g,""),16)))}const K=new RegExp("^on.+Capture$");const G=new RegExp("^(?=.+)[+-]?\\d*\\.?\\d*([Ee][+-]?\\d+)?$");function Y(e){return"[object Function]"===Object.prototype.toString.call(e)}function X(e){$=e}function J(){return q}function Z(e){if(e&&!/^(http|https):\/\//.test(e)&&e.indexOf("assets")>-1){0;return`${"hpfile://"}./${e}`}return e}function ee(e){return 5===e}class te{constructor(e){this.handlerContainer={},this.nextIdForHandler=0,this.eventName=e}getEventListeners(){return Object.keys(this.handlerContainer).filter(e=>this.handlerContainer[e]).map(e=>this.handlerContainer[e])}getHandlerSize(){return Object.keys(this.handlerContainer).length}addEventHandler(e,t){if(!e)throw new TypeError("Invalid arguments for addEventHandler");const n=this.nextIdForHandler;this.nextIdForHandler+=1;const r={id:n,eventHandler:e,context:t},i="eventHandler_"+n;return this.handlerContainer[i]=r,n}notifyEvent(e){Object.keys(this.handlerContainer).forEach(t=>{const n=this.handlerContainer[t];n&&n.eventHandler&&(n.context?n.eventHandler.call(n.context,e):n.eventHandler(e))})}removeEventHandler(e){if("number"!=typeof e)throw new TypeError("Invalid arguments for removeEventHandler");const t="eventHandler_"+e;this.handlerContainer[t]&&delete this.handlerContainer[t]}}class ne{constructor(e,t,n){this.type=e,this.bubbles=!0,this.timeStamp=Date.now(),this.currentTarget=t,this.target=n}stopPropagation(){this.bubbles=!1}preventDefault(){}}const re=new Map;function ie(e,t){let n=e;if(t.memoizedProps&&!t.memoizedProps[e]){const r=Object.keys(B);for(let i=0;i0){let e,i=!1;const o=D(n);for(;!i&&void 0!==(e=r.shift());)try{const{eventName:n,currentTarget:r,listener:a,isCapture:l}=e,s=new ne(n,r,o);Object.assign(s,t),l?(a(s),s.bubbles||(i=!0)):(i=a(s),"boolean"!=typeof i&&(i=!J()),s.bubbles||(i=!0))}catch(e){console.reportUncaughtException(e)}}}(i,e,a):function(e,t,n){let r=!1,i=n,o=e;const a=D(n);do{if(o=ie(o,i),oe(o,i))try{const e=D(i),n=new ne(o,e,a);Object.assign(n,t),r=i.memoizedProps[o](n),"boolean"!=typeof r&&(r=!J()),n.bubbles||(r=!0)}catch(e){console.reportUncaughtException(e)}if(!1===r)for(i=i.return;i&&!ee(i.tag);)i=i.return}while(!r&&i)}(i,e,a)},receiveUIComponentEvent:function(e){if(!e||!Array.isArray(e)||e.length<2)return;const[t,n,r]=e;if("number"!=typeof t||"string"!=typeof n)return;const i=U(t);i&&oe(n,i)&&i.memoizedProps[n](r)}};e.__GLOBAL__&&(e.__GLOBAL__.jsModuleList.EventDispatcher=le);class se{constructor(e,t){this.callback=e,this.bindListener=t}remove(){"number"==typeof this.callback&&this.bindListener&&(this.bindListener.removeCallback(this.callback),this.bindListener=void 0)}}class ue{constructor(e){this.eventName=e,this.listenerIdList=[]}unregister(){const e=le.getHippyEventHub(this.eventName);if(!e)throw new ReferenceError("No listeners for "+this.eventName);const t=this.listenerIdList.length;for(let n=0;n{t(e)});return ge.set(t,r),new ve(n,t)},removeEventListener:we,fetch:function(){return x.callNativeWithPromise("NetInfo","getCurrentConnectivity").then(e=>e.network_info)}});function Se(e){return"loop"===e?-1:e}const Ee=new de;function xe(e,t){return"color"===e&&["number","string"].indexOf(typeof t)>=0?Dt(t):t}class Ce{constructor(e){var t;let n=0;if((null===(t=e.startValue)||void 0===t?void 0:t.constructor)&&"Animation"===e.startValue.constructor.name)n={animationId:e.startValue.animationId};else{const{startValue:t}=e;n=xe(e.valueType,t)}const r=xe(e.valueType,e.toValue);this.mode=e.mode||"timing",this.delay=e.delay||0,this.startValue=n||0,this.toValue=r||0,this.valueType=e.valueType||void 0,this.duration=e.duration||0,this.direction=e.direction||"center",this.timingFunction=e.timingFunction||"linear",this.repeatCount=Se(e.repeatCount||0),this.inputRange=e.inputRange||[],this.outputRange=e.outputRange||[],this.animationId=Nt.callNativeWithCallbackId("AnimationModule","createAnimation",!0,this.mode,Object.assign({delay:this.delay,startValue:this.startValue,toValue:this.toValue,duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{})),this.destroy=this.destroy.bind(this),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}removeEventListener(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}start(){this.removeEventListener();let e="onAnimation";e="onHippyAnimation","function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=Ee.addListener(e+"Start",e=>{e===this.animationId&&(this.animationStartListener.remove(),"function"==typeof this.onAnimationStartCallback&&this.onAnimationStartCallback())})),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=Ee.addListener(e+"End",e=>{e===this.animationId&&(this.animationEndListener.remove(),"function"==typeof this.onAnimationEndCallback&&this.onAnimationEndCallback())})),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=Ee.addListener(e+"Cancel",e=>{e===this.animationId&&(this.animationCancelListener.remove(),"function"==typeof this.onAnimationCancelCallback&&this.onAnimationCancelCallback())})),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=Ee.addListener(e+"Repeat",e=>{e===this.animationId&&"function"==typeof this.onAnimationRepeatCallback&&this.onAnimationRepeatCallback()})),Nt.callNative("AnimationModule","startAnimation",this.animationId)}destory(){this.destroy()}destroy(){this.removeEventListener(),Nt.callNative("AnimationModule","destroyAnimation",this.animationId)}pause(){Nt.callNative("AnimationModule","pauseAnimation",this.animationId)}resume(){Nt.callNative("AnimationModule","resumeAnimation",this.animationId)}updateAnimation(e){if("object"!=typeof e)throw new TypeError("Invalid arguments");if("string"==typeof e.mode&&e.mode!==this.mode)throw new TypeError("Update animation mode not supported");Object.keys(e).forEach(t=>{const n=e[t];if("startValue"===t){let t=0;if(e.startValue instanceof Ce)t={animationId:e.startValue.animationId};else{const{startValue:n}=e;t=xe(this.valueType,n)}this.startValue=t||0}else"repeatCount"===t?this.repeatCount=Se(e.repeatCount||0):Object.defineProperty(this,t,{value:n})}),Nt.callNative("AnimationModule","updateAnimation",this.animationId,Object.assign({delay:this.delay,startValue:this.startValue,toValue:xe(this.valueType,this.toValue),duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{}))}onAnimationStart(e){this.onAnimationStartCallback=e}onAnimationEnd(e){this.onAnimationEndCallback=e}onAnimationCancel(e){this.onAnimationCancelCallback=e}onAnimationRepeat(e){this.onAnimationRepeatCallback=e}}const Ne=new de;class Ie{constructor(e){this.animationList=[],e.children.forEach(e=>{this.animationList.push({animationId:e.animation.animationId,follow:e.follow||!1})}),this.animationId=Nt.callNativeWithCallbackId("AnimationModule","createAnimationSet",!0,{repeatCount:Se(e.repeatCount||0),children:this.animationList,virtual:e.virtual}),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}removeEventListener(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}start(){this.removeEventListener();let e="onAnimation";e="onHippyAnimation","function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=Ne.addListener(e+"Start",e=>{e===this.animationId&&(this.animationStartListener.remove(),"function"==typeof this.onAnimationStartCallback&&this.onAnimationStartCallback())})),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=Ne.addListener(e+"End",e=>{e===this.animationId&&(this.animationEndListener.remove(),"function"==typeof this.onAnimationEndCallback&&this.onAnimationEndCallback())})),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=Ne.addListener(e+"Cancel",e=>{e===this.animationId&&(this.animationCancelListener.remove(),"function"==typeof this.onAnimationCancelCallback&&this.onAnimationCancelCallback())})),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=Ne.addListener(e+"Repeat",e=>{e===this.animationId&&"function"==typeof this.onAnimationRepeatCallback&&this.onAnimationRepeatCallback()})),Nt.callNative("AnimationModule","startAnimation",this.animationId)}destory(){this.destroy()}destroy(){this.removeEventListener(),this.animationList.forEach(e=>Number.isInteger(e.animationId)&&Nt.callNative("AnimationModule","destroyAnimation",e.animationId)),Nt.callNative("AnimationModule","destroyAnimation",this.animationId)}pause(){Nt.callNative("AnimationModule","pauseAnimation",this.animationId)}resume(){Nt.callNative("AnimationModule","resumeAnimation",this.animationId)}onAnimationStart(e){this.onAnimationStartCallback=e}onAnimationEnd(e){this.onAnimationEndCallback=e}onAnimationCancel(e){this.onAnimationCancelCallback=e}onAnimationRepeat(e){this.onAnimationRepeatCallback=e}}const Pe={createNode:Symbol("createNode"),updateNode:Symbol("updateNode"),deleteNode:Symbol("deleteNode")};let _e=!0,Le=[];function Re(e){(function(e){const t=[];for(let n=0;n{switch(t.type){case Pe.createNode:t.nodes,Xe(e,t.nodes);break;case Pe.updateNode:t.nodes,Je(e,t.nodes);break;case Pe.deleteNode:t.nodes,Ze(e,t.nodes)}})}function Ae(e=!1){if(!_e)return;if(_e=!1,0===Le.length)return void(_e=!0);const t=j();e?(Re(t),tt(),Le=[],_e=!0):Promise.resolve().then(()=>{Re(t),tt(),Le=[],_e=!0})}function ze(e){const t=e.attributes,{children:n}=t;return S(t,l)}function Te(e,t){var n;if(!t.nativeName)return null;if(t.meta.skipAddToDom)return null;if(!t.meta.component)throw new Error("Specific tag is not supported yet: "+t.tagName);return{id:t.nodeId,pId:(null===(n=t.parentNode)||void 0===n?void 0:n.nodeId)||e,index:t.index,name:t.nativeName,props:w(w({},ze(t)),{},{style:t.style})}}function Oe(e,t,n,r){const i=[];let o=n;return void 0===o&&t&&t.parentNode&&(o=t.parentNode.childNodes.indexOf(t)),t.traverseChildren(t=>{const n=Te(e,t);n&&i.push(n),"function"==typeof r&&r(t)},o),i}function je(e){return!!A&&e instanceof A.containerInfo.constructor}function Fe(e,t,n=-1){if(!e||!t)return;if(t.meta.skipAddToDom)return;const r=j();if(je(e)&&!e.isMounted){const e=Oe(r,t,n,e=>{e.isMounted||(e.isMounted=!0)});Le.push({type:Pe.createNode,nodes:e})}else if(e.isMounted&&!t.isMounted){const e=Oe(r,t,n,e=>{e.isMounted||(e.isMounted=!0)});Le.push({type:Pe.createNode,nodes:e})}}function He(e,t,n){if(!t||t.meta.skipAddToDom)return;t.isMounted=!1,t.index=n;const r=j(),i=[{id:t.nodeId,pId:t.parentNode?t.parentNode.nodeId:r,index:t.index}];Le.push({type:Pe.deleteNode,nodes:i})}function Me(e){if(!e.isMounted)return;const t=Te(j(),e);t&&Le.push({type:Pe.updateNode,nodes:[t]})}let De=0;class Ue{constructor(){this.meta={component:{}},this.index=0,this.childNodes=[],this.parentNode=null,this.mounted=!1,this.nodeId=(De+=1,De%10==0&&(De+=1),De)}toString(){return this.constructor.name}get isMounted(){return this.mounted}set isMounted(e){this.mounted=e}insertBefore(e,t){if(!e)throw new Error("Can't insert child.");if(e.meta.skipAddToDom)return;if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't insert child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't insert child, because it already has a different parent.");const n=this.childNodes.indexOf(t);return e.parentNode=this,this.childNodes.splice(n,0,e),Fe(this,e,n)}moveChild(e,t){if(!e)throw new Error("Can't move child.");if(e.meta.skipAddToDom)return;if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't move child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't move child, because it already has a different parent.");const n=this.childNodes.indexOf(e);if(this.childNodes.indexOf(t)===n)return e;this.childNodes.splice(n,1),He(0,e,n);const r=this.childNodes.indexOf(t);return this.childNodes.splice(r,0,e),Fe(this,e,r)}appendChild(e){if(!e)throw new Error("Can't append child.");if(!e.meta.skipAddToDom){if(e.parentNode&&e.parentNode!==this)throw new Error("Can't append child, because it already has a different parent.");e.parentNode=this,this.childNodes.push(e),Fe(this,e,this.childNodes.length-1)}}removeChild(e){if(!e)throw new Error("Can't remove child.");if(e.meta.skipAddToDom)return;if(!e.parentNode)throw new Error("Can't remove child, because it has no parent.");if(e.parentNode!==this)throw new Error("Can't remove child, because it has a different parent.");const t=this.childNodes.indexOf(e);this.childNodes.splice(t,1),He(0,e,t)}findChild(e){if(e(this))return this;if(this.childNodes.length)for(let t=0;t{this.traverseChildren.call(t,e,n)})}}const We={textDecoration:"textDecorationLine",boxShadowOffset:"shadowOffset",boxShadowOffsetX:"shadowOffsetX",boxShadowOffsetY:"shadowOffsetY",boxShadowOpacity:"shadowOpacity",boxShadowRadius:"shadowRadius",boxShadowSpread:"shadowSpread",boxShadowColor:"shadowColor"},Be={totop:"0",totopright:"totopright",toright:"90",tobottomright:"tobottomright",tobottom:"180",tobottomleft:"tobottomleft",toleft:"270",totopleft:"totopleft"},Ve="turn",$e="rad",qe="deg";function Qe(e){const t=(e||"").replace(/\s*/g,"").toLowerCase(),n=/^([+-]?\d+\.?\d*)+(deg|turn|rad)|(to\w+)$/g.exec(t);if(!Array.isArray(n))return;let r="180";const[i,o,a]=n;return o&&a?r=function(e,t=qe){const n=parseFloat(e);let r=e||"";const[,i]=e.split(".");switch(i&&i.length>2&&(r=n.toFixed(2)),t){case Ve:r=""+(360*n).toFixed(2);break;case $e:r=""+(180/Math.PI*n).toFixed(2)}return r}(o,a):i&&void 0!==Be[i]&&(r=Be[i]),r}function Ke(e){const t=(e||"").replace(/\s+/g," ").trim(),[n,r]=t.split(/\s+(?![^(]*?\))/),i=/^([+-]?\d+\.?\d*)%$/g;return!n||i.exec(n)||r?n&&i.exec(r)?{ratio:parseFloat(r.split("%")[0])/100,color:Dt(n)}:void 0:{color:Dt(n)}}function Ge(e){var t;return t=e,K.test(t)&&(e=e.replace("Capture","")),B[e]?B[e][1]:e}class Ye extends Ue{constructor(e){super(),this.id="",this.style={},this.attributes={},this.tagName=e}get nativeName(){return this.meta.component.name}toString(){return`${this.tagName}:(${this.nativeName})`}hasAttribute(e){return!!this.attributes[e]}getAttribute(e){return this.attributes[e]}setStyleAttribute(e){this.style={};let t=e;if(!Array.isArray(t)&&Object.hasOwnProperty.call(t,0)){const e=[],n={};Object.keys(t).forEach(r=>{var i;i=r,V.test(i)?e.push(t[r]):n[r]=t[r]}),t=[...e,n]}Array.isArray(t)||(t=[t]);let n={};t.forEach(e=>{Array.isArray(e)?e.forEach(e=>{n=w(w({},n),e)}):"object"==typeof e&&e&&(n=w(w({},n),e))}),Object.keys(n).forEach(e=>{const t=n[e];if(Object.prototype.hasOwnProperty.call(We,e)&&(e=We[e]),"transform"===e){const e={};if(!Array.isArray(t))throw new TypeError("transform only support array args");t.forEach(t=>{Object.keys(t).forEach(n=>{const r=t[n];r instanceof Ce||r instanceof Ie?e[n]={animationId:r.animationId}:null===r?e[n]&&delete e[n]:void 0!==r&&(e[n]=r)})});const n=Object.keys(e);n.length&&(Array.isArray(this.style.transform)||(this.style.transform=[]),n.forEach(t=>this.style.transform.push({[t]:e[t]})))}else if(null===t&&void 0!==this.style[e])this.style[e]=void 0;else if(t instanceof Ce||t instanceof Ie)this.style[e]={animationId:t.animationId};else if(["caretColor","caret-color"].indexOf(e)>=0)this.attributes["caret-color"]=Dt(t);else if(e.toLowerCase().indexOf("colors")>-1)this.style[e]=Ut(t);else if(e.toLowerCase().indexOf("color")>-1)this.style[e]=Dt(t);else if("backgroundImage"===e&&t)this.style=function(e,t,n){if(0===t.indexOf("linear-gradient")){const e=t.substring(t.indexOf("(")+1,t.lastIndexOf(")")).split(/,(?![^(]*?\))/),r=[];n.linearGradient=n.linearGradient||{},e.forEach((e,t)=>{if(0===t){const t=Qe(e);if(t)n.linearGradient.angle=t;else{n.linearGradient.angle="180";const t=Ke(e);t&&r.push(t)}}else{const t=Ke(e);t&&r.push(t)}}),n.linearGradient.colorStopList=r}else n[e]=Z(t);return n}(e,t,this.style);else if("textShadowOffset"===e){const{x:n=0,width:r=0,y:i=0,height:o=0}=t||{};this.style[e]={width:n||r,height:i||o}}else["textShadowOffsetX","textShadowOffsetY"].indexOf(e)>=0?this.style=function(e,t,n){return n.textShadowOffset=n.textShadowOffset||{},Object.assign(n.textShadowOffset,{[{textShadowOffsetX:"width",textShadowOffsetY:"height"}[e]]:t||0}),n}(e,t,this.style):this.style[e]=t})}setAttribute(e,t){try{if("boolean"==typeof this.attributes[e]&&""===t&&(t=!0),void 0===e)return void Me(this);let n=!1;if([{match:()=>["id"].indexOf(e)>=0,action:()=>(t===this.id||(this.id=t,function(e){if(!e.isMounted)return;const t=Oe(j(),e);Le.push({type:Pe.updateNode,nodes:t})}(this)),!0)},{match:()=>["value","defaultValue","placeholder"].indexOf(e)>=0,action:()=>(this.attributes[e]=Q(t),!1)},{match:()=>["text"].indexOf(e)>=0,action:()=>(this.attributes[e]=t,!1)},{match:()=>["numberOfRows"].indexOf(e)>=0,action:()=>(this.attributes[e]=t,"ios"!==It.platform.OS)},{match:()=>["caretColor","caret-color"].indexOf(e)>=0,action:()=>(this.attributes["caret-color"]=Dt(t),!1)},{match:()=>["style"].indexOf(e)>=0,action:()=>"object"!=typeof t||null==t||(this.setStyleAttribute(t),!1)},{match:()=>!0,action:()=>{if("function"==typeof t){const t=Ge(e);this.attributes["__bind__"+t]=!0}else{this.attributes[e]=t;const n=Ge(e);!0===this.attributes["__bind__"+n]&&"function"!=typeof t&&(this.attributes["__bind__"+n]=!1)}return!1}}].some(e=>!!e.match()&&(n=e.action(),!0)),n)return;let r=!1;Object.keys(this.style).some(e=>{const t=this.style[e];if(t&&Array.isArray(t)&&"transform"===e)for(let e=0;e-1?Ut(r):i.toLowerCase().indexOf("color")>-1?Dt(r):function(e){if("number"==typeof e)return e;if("string"==typeof e&&G.test(e))try{return parseFloat(e)}catch(t){return e}return e}(r)),null!=r&&this.style[i]!==r&&(this.style[i]=r,n||Me(this))}setNativeProps(e){if(e){const{style:t}=e;if(t){const e=t;Object.keys(e).forEach(t=>{this.setStyle(t,e[t],!0)}),Me(this),Ae(!0)}}}setText(e){if("string"!=typeof e)try{e=e.toString()}catch(e){throw new Error("Only string type is acceptable for setText")}return(e=e.trim())||this.getAttribute("text")?(e=(e=Q(e)).replace(/ /g," ").replace(/Â/g," "),"textarea"===this.tagName?this.setAttribute("value",e):this.setAttribute("text",e)):null}}const{createNode:Xe,updateNode:Je,deleteNode:Ze,flushBatch:et,endBatch:tt,sendRenderError:nt}=N,rt=function(e){return F(t=>t.stateNode&&t.stateNode.nodeId===e)};function it(e){if(e instanceof Ye)return e;const t=e._reactInternalFiber||e._reactInternals;if(null==t?void 0:t.child){let e=t.child;for(;e&&!(e.stateNode instanceof Ye);)e=e.child;return e&&e.stateNode?e.stateNode:null}return null}function ot(e){let t=e;if("string"==typeof e){const n=F(t=>!!(t.return&&t.return.ref&&t.return.ref._stringRef)&&t.return.ref._stringRef===e);if(!n||!n.stateNode)return 0;t=n.stateNode}if(!t.nodeId){const e=it(t);return e?e.nodeId:0}return t.nodeId}function at(e,t,...n){let{nativeName:r,nodeId:i}=e;if(!i||!r){const t=it(e);t&&({nodeId:i,nativeName:r}=t)}if(!r)throw new Error("callUIFunction is calling a unnamed component");if(!i)throw new Error("callUIFunction is calling a component have no nodeId");let[o=[],a]=n;Y(o)&&(a=o,o=[]);null!==j()&&N.callUIFunction(i,t,o,a)}function lt(e,t,n){const r=ot(t);return new Promise((t,i)=>r?x.callNative("UIManagerModule",e,r,e=>(n&&Y(n)&&n(e),"this view is null"===e?i(new Error("Android cannot get the node")):t(e))):(n&&Y(n)&&n("this view is null"),i(new Error(e+" cannot get nodeId"))))}var st=Object.freeze({__proto__:null,createNode:Xe,updateNode:Je,deleteNode:Ze,flushBatch:et,endBatch:tt,sendRenderError:nt,getNodeById:rt,getNodeIdByRef:ot,getElementFromFiberRef:it,callUIFunction:at,measureInWindow:function(e,t){return lt("measureInWindow",e,t)},measureInAppWindow:function(e,t){return"android"===C.platform.OS?lt("measureInWindow",e,t):lt("measureInAppWindow",e,t)}});const ut=new de,ct=new Set,dt={exitApp(){x.callNative("DeviceEventModule","invokeDefaultBackPressHandler")},addListener:e=>(x.callNative("DeviceEventModule","setListenBackPress",!0),ct.add(e),{remove(){dt.removeListener(e)}}),removeListener(e){ct.delete(e),0===ct.size&&x.callNative("DeviceEventModule","setListenBackPress",!1)},initEventListener(){ut.addListener("hardwareBackPress",()=>{let e=!0;[...ct].reverse().every(t=>"function"!=typeof t||!t()||(e=!1,!1)),e&&dt.exitApp()})}},ft=(dt.initEventListener(),dt);var pt=Array.isArray,ht=Object.keys,mt=Object.prototype.hasOwnProperty,yt=function e(t,n){if(t===n)return!0;if(t&&n&&"object"==typeof t&&"object"==typeof n){var r,i,o,a=pt(t),l=pt(n);if(a&&l){if((i=t.length)!=n.length)return!1;for(r=i;0!=r--;)if(!e(t[r],n[r]))return!1;return!0}if(a!=l)return!1;var s=t instanceof Date,u=n instanceof Date;if(s!=u)return!1;if(s&&u)return t.getTime()==n.getTime();var c=t instanceof RegExp,d=n instanceof RegExp;if(c!=d)return!1;if(c&&d)return t.toString()==n.toString();var f=ht(t);if((i=f.length)!==ht(n).length)return!1;for(r=i;0!=r--;)if(!mt.call(n,f[r]))return!1;for(r=i;0!=r--;)if(!e(t[o=f[r]],n[o]))return!1;return!0}return t!=t&&n!=n};const gt=setTimeout,bt=clearTimeout;var vt=Object.freeze({__proto__:null,commitMutationEffectsBegin:function(){},commitMutationEffectsComplete:function(){Ae(!0)},getCurrentEventPriority:function(){return 16},scheduleTimeout:gt,cancelTimeout:bt,noTimeout:-1,afterActiveInstanceBlur:function(){},appendChild:function(e,t){e.childNodes.indexOf(t)>=0&&e.removeChild(t),e.appendChild(t)},appendChildToContainer:function(e,t){e.appendChild(t)},appendInitialChild:function(e,t){e.appendChild(t)},beforeActiveInstanceBlur:function(){},commitMount:function(){},commitTextUpdate:function(){},commitUpdate:function(e,t,n,r,i,o){H(o,e.nodeId);const a=Object.keys(t);0!==a.length&&a.forEach(n=>e.setAttribute(n,t[n]))},clearContainer:function(){},createContainerChildSet:function(){},createInstance:function(e,t,n,r,i){const o=n.createElement(e);return Object.keys(t).forEach(e=>{switch(e){case"children":break;case"nativeName":o.meta.component.name=t.nativeName;break;default:o.setAttribute(e,t[e])}}),[5,7].indexOf(i.tag)<0&&(o.meta.skipAddToDom=!0),H(i,o.nodeId),o},createTextInstance:function(e,t,n,r){const i=t.createElement("p");return i.setAttribute("text",Q(e)),i.meta={component:{name:"Text"}},H(r,i.nodeId),i},detachDeletedInstance:function(){},finalizeContainerChildren:function(){},finalizeInitialChildren:function(){return!0},getChildHostContext:function(){return{}},getPublicInstance:function(e){return e},getInstanceFromNode:function(){throw new Error("Not yet implemented.")},getFundamentalComponentInstance:function(){throw new Error("Not yet implemented.")},getRootHostContext:function(){return{}},hideInstance:function(e){const t={style:{display:"none"}};Object.keys(t).forEach(n=>e.setAttribute(n,t[n]))},hideTextInstance:function(){throw new Error("Not yet implemented.")},insertBefore:function(e,t,n){e.childNodes.indexOf(t)>=0?e.moveChild(t,n):e.insertBefore(t,n)},isOpaqueHydratingObject:function(){throw new Error("Not yet implemented")},makeClientId:function(){throw new Error("Not yet implemented")},makeClientIdInDEV:function(){throw new Error("Not yet implemented")},makeOpaqueHydratingObject:function(){throw new Error("Not yet implemented.")},mountFundamentalComponent:function(){throw new Error("Not yet implemented.")},prepareForCommit:function(){return null},preparePortalMount:function(){},prepareUpdate:function(e,t,n,r){const i={};let o=!1;Object.keys(r).forEach(e=>{const t=n[e],a=r[e];switch(e){case"children":t===a||"number"!=typeof a&&"string"!=typeof a||(i[e]=a);break;default:"function"!=typeof t||"function"!=typeof a||yt(t,a)?yt(t,a)||(i[e]=a):o=!0}});const a=0===Object.keys(i).length;return a&&o?{}:a?null:i},replaceContainerChildren:function(){},removeChild:function(e,t){e.removeChild(t),W(t)},removeChildFromContainer:function(e,t){e.removeChild(t),W(t)},resetAfterCommit:function(){},resetTextContent:function(){},unmountFundamentalComponent:function(){throw new Error("Not yet implemented.")},updateFundamentalComponent:function(){throw new Error("Not yet implemented.")},unhideTextInstance:function(){throw new Error("Not yet implemented.")},unhideInstance:function(e,t){const n=w(w({},t),{},{style:w(w({},t.style),{},{display:"flex"})});Object.keys(n).forEach(t=>e.setAttribute(t,n[t]))},shouldDeprioritizeSubtree:function(){return!0},shouldUpdateFundamentalComponent:function(){throw new Error("Not yet implemented.")},shouldSetTextContent:function(e,t){if(t&&"Text"===t.nativeName||-1!==["p","span"].indexOf(e)){const{children:e}=t;return"string"==typeof e||"number"==typeof e}return!1}});const wt=i()(w(w({},vt),{},{clearTimeout:clearTimeout,setTimeout:setTimeout,isPrimaryRenderer:!0,noTimeout:-1,supportsMutation:!0,supportsHydration:!1,supportsPersistence:!1,now:Date.now,scheduleDeferredCallback:()=>{},cancelDeferredCallback:()=>{}})),{flushSync:kt}=wt,{addEventListener:St,removeEventListener:Et,dispatchEvent:xt,AsyncStorage:Ct,Bridge:Nt,Device:It,HippyRegister:Pt}=R;var _t=Object.freeze({__proto__:null,addEventListener:St,removeEventListener:Et,dispatchEvent:xt,AsyncStorage:Ct,BackAndroid:ft,Bridge:Nt,Clipboard:fe,Cookie:pe,Device:It,HippyRegister:Pt,ImageLoader:ye,NetworkInfo:ke,UIManager:st,flushSync:kt});function Lt(...e){return`\\(\\s*(${e.join(")\\s*,\\s*(")})\\s*\\)`}const Rt={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},At="[-+]?\\d*\\.?\\d+",zt={rgb:new RegExp("rgb"+Lt(At,At,At)),rgba:new RegExp("rgba"+Lt(At,At,At,At)),hsl:new RegExp("hsl"+Lt(At,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%")),hsla:new RegExp("hsla"+Lt(At,"[-+]?\\d*\\.?\\d+%","[-+]?\\d*\\.?\\d+%",At)),hex3:/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex4:/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#([0-9a-fA-F]{6})$/,hex8:/^#([0-9a-fA-F]{8})$/};function Tt(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function Ot(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function jt(e,t,n){let r=n;return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ft(e,t,n){const r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,o=jt(i,r,e+1/3),a=jt(i,r,e),l=jt(i,r,e-1/3);return Math.round(255*o)<<24|Math.round(255*a)<<16|Math.round(255*l)<<8}function Ht(e){return(parseFloat(e)%360+360)%360/360}function Mt(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Dt(e,t={}){if(Number.isInteger(e))return e;let n=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=zt.hex6.exec(e),Array.isArray(t)?parseInt(t[1]+"ff",16)>>>0:Object.hasOwnProperty.call(Rt,e)?Rt[e]:(t=zt.rgb.exec(e),Array.isArray(t)?(Tt(t[1])<<24|Tt(t[2])<<16|Tt(t[3])<<8|255)>>>0:(t=zt.rgba.exec(e),t?(Tt(t[1])<<24|Tt(t[2])<<16|Tt(t[3])<<8|Ot(t[4]))>>>0:(t=zt.hex3.exec(e),t?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=zt.hex8.exec(e),t?parseInt(t[1],16)>>>0:(t=zt.hex4.exec(e),t?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=zt.hsl.exec(e),t?(255|Ft(Ht(t[1]),Mt(t[2]),Mt(t[3])))>>>0:(t=zt.hsla.exec(e),t?(Ft(Ht(t[1]),Mt(t[2]),Mt(t[3]))|Ot(t[4]))>>>0:null))))))))}(e);return t.platform||(t.platform="android"),null===n?0:(n=(n<<24|n>>>8)>>>0,"android"===t.platform&&(n|=0),n)}function Ut(e,t){return Array.isArray(e)?e.map(e=>Dt(e,t)):[0]}class Wt extends Ue{constructor(){super(),this.documentElement=new Ye("document")}createElement(e){return new Ye(e)}createElementNS(e,t){return new Ye(`${e}:${t}`)}}Wt.createElement=Wt.prototype.createElement,Wt.createElementNS=Wt.prototype.createElementNS;const{createContainer:Bt,updateContainer:Vt,getPublicRootInstance:$t,injectIntoDevTools:qt}=wt;class Qt{constructor(e){if(!e.appName||!e.entryPage)throw new TypeError("Invalid arguments");this.config=e,this.regist=this.start,this.render=this.render.bind(this);const t=new Wt;this.rootContainer=Bt(t,0,!1,null)}static get Native(){return _t}start(){Pt.regist(this.config.appName,this.render)}render(e){const{appName:t,entryPage:n,silent:r=!1,bubbles:i=!1,callback:o=(()=>{})}=this.config,{__instanceId__:l}=e;this.rootContainer.containerInfo.nodeId=l,r&&X(r),i&&function(e=!1){q=e}(i),O(l,this.rootContainer);const s=a.a.createElement(n,e);return Vt(s,this.rootContainer,null,o),$t(this.rootContainer)}}Qt.version="2.2.1";const Kt={registerComponent(e,t){new Qt({appName:e,entryPage:t}).start()}};class Gt extends a.a.Component{constructor(){super(...arguments),this.instance=null}setPressed(e){at(this.instance,"setPressed",[e])}setHotspot(e,t){at(this.instance,"setHotspot",[e,t])}render(){const e=this.props,{collapsable:t,style:n={}}=e,r=S(e,s),i=n,{nativeBackgroundAndroid:o}=r;return"boolean"==typeof t&&(i.collapsable=t),void 0!==(null==o?void 0:o.color)&&(o.color=Dt(o.color)),a.a.createElement("div",w({ref:e=>{this.instance=e},nativeName:"View",style:i},r))}}function Yt(e,t){let{style:n}=e,r=S(e,u);const i=n;if(n&&(Array.isArray(n)?-1===n.filter(e=>"object"==typeof e&&e).findIndex(e=>e.color||e.colors)&&(i[0].color="#000"):"object"==typeof n&&void 0===n.color&&void 0===n.colors&&(i.color="#000")),r.text="","string"==typeof r.children)r.text=Q(r.children);else if("number"==typeof r.children)r.text=Q(r.children.toString());else if(Array.isArray(r.children)){const e=r.children.filter(e=>"string"==typeof e||"number"==typeof e).join("");e&&(r.text=Q(e),r.children=r.text)}return a.a.createElement("p",w({ref:t,nativeName:"Text",style:i},r))}Yt.displayName="Text";const Xt=a.a.forwardRef(Yt);Xt.displayName="Text";var Jt=Object.freeze({__proto__:null,default:Xt});class Zt extends a.a.Component{static get resizeMode(){return{contain:"contain",cover:"cover",stretch:"stretch",center:"center",repeat:"repeat"}}static getSize(e,t,n){if("string"!=typeof e)throw new TypeError("Image.getSize first argument must be a string url");const r=he(e);return"function"==typeof t&&r.then(e=>t(e.width,e.height)),"function"==typeof n?r.catch(n):r.catch(e=>{}),r}render(){const e=this.props,{children:t,style:n,imageStyle:r,imageRef:i,source:o,sources:l,src:s,srcs:u,tintColor:d,tintColors:f}=e,p=S(e,c),h=this.getImageUrls({src:s,srcs:u,source:o,sources:l});"ios"===It.platform.OS?h.length&&(p.source=h.map(e=>({uri:e}))):"android"===It.platform.OS&&(1===h.length?[p.src]=h:h.length>1&&(p.srcs=h)),"string"==typeof p.defaultSource&&(p.defaultSource.indexOf("data:image/"),p.defaultSource=Z(p.defaultSource));const m=w({},n);return this.handleTintColor(m,d,f),p.style=m,t?a.a.createElement(Gt,{style:n},a.a.createElement("img",w(w({},p),{},{nativeName:"Image",alt:"",ref:i,style:[{position:"absolute",left:0,right:0,top:0,bottom:0,width:n.width,height:n.height},r]})),t):a.a.createElement("img",w(w({},p),{},{nativeName:"Image",alt:"",ref:i}))}getImageUrls({src:e,srcs:t,source:n,sources:r}){let i=[];if("string"==typeof e&&i.push(e),Array.isArray(t)&&(i=[...i,...t]),n)if("string"==typeof n)i.push(n);else if("object"==typeof n&&null!==n){const{uri:e}=n;e&&i.push(e)}return r&&Array.isArray(r)&&r.forEach(e=>{"string"==typeof e?i.push(e):"object"==typeof e&&null!==e&&e.uri&&i.push(e.uri)}),i.length&&(i=i.map(e=>Z(e))),i}handleTintColor(e,t,n){t&&(e.tintColor=Dt(t)),Array.isArray(n)&&(e.tintColors=Ut(n))}}Zt.prefetch=me;class en{constructor(){this.Value=en.Value}static Value(e){return e}static timing(e,t){return new Ce({mode:"timing",delay:0,startValue:e,toValue:t.toValue,duration:t.duration,timingFunction:t.easing||"linear"})}}en.View=Gt,en.Text=Jt,en.Image=Zt;const tn={step0:e=>e>0?1:0,step1:e=>e>=1?1:0,linear:()=>"linear",ease:()=>"ease",quad:e=>e**2,cubic:e=>e**3,poly:e=>t=>t**e,sin:e=>1-Math.cos(e*Math.PI/2),circle:e=>1-Math.sqrt(1-e*e),exp:e=>2**(10*(e-1)),elastic:()=>"elastic",back:(e=1.70158)=>t=>t*t*((e+1)*t-e),bounce(e){let t=e;return t<1/2.75?7.5625*t*t:t<2/2.75?(t-=1.5/2.75,7.5625*t*t+.75):t<2.5/2.75?(t-=2.25/2.75,7.5625*t*t+.9375):(t-=2.625/2.75,7.5625*t*t+.984375)},bezier:()=>"bezier",in:()=>"ease-in",out:()=>"ease-out",inOut:()=>"ease-in-out"};function nn(e){return a.a.createElement("li",w({nativeName:"ListViewItem"},e))}class rn extends a.a.Component{constructor(){super(...arguments),this.instance=null}expandPullHeader(){at(this.instance,"expandPullHeader",[])}collapsePullHeader(e){"android"===It.platform.OS?at(this.instance,"collapsePullHeader",[e]):void 0!==e?at(this.instance,"collapsePullHeaderWithOptions",[e]):at(this.instance,"collapsePullHeader",[])}render(){const e=this.props,{children:t}=e,n=S(e,d);return a.a.createElement("div",w({nativeName:"PullHeaderView",ref:e=>{this.instance=e}},n),t)}}class on extends a.a.Component{constructor(){super(...arguments),this.instance=null}expandPullFooter(){at(this.instance,"expandPullFooter",[])}collapsePullFooter(){at(this.instance,"collapsePullFooter",[])}render(){const e=this.props,{children:t}=e,n=S(e,f);return a.a.createElement("div",w({nativeName:"PullFooterView",ref:e=>{this.instance=e}},n),t)}}on.defaultProps={sticky:!0};const an={onDisappear:"onDisAppear"},ln={onDisappear:"onDisappear"};class sn extends a.a.Component{constructor(e){super(e),this.instance=null,this.pullHeader=null,this.pullFooter=null,this.handleInitialListReady=this.handleInitialListReady.bind(this),this.state={initialListReady:!1}}static convertName(e){return"android"===It.platform.OS&&an[e]?an[e]:"ios"===It.platform.OS&&ln[e]?ln[e]:e}componentDidMount(){const{getRowKey:e}=this.props}scrollToIndex(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&at(this.instance,"scrollToIndex",[e,t,n])}scrollToContentOffset(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&at(this.instance,"scrollToContentOffset",[e,t,n])}expandPullHeader(){this.pullHeader&&this.pullHeader.expandPullHeader()}collapsePullHeader(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}expandPullFooter(){this.pullFooter&&this.pullFooter.expandPullFooter()}collapsePullFooter(){this.pullFooter&&this.pullFooter.collapsePullFooter()}render(){const e=this.props,{children:t,style:n,renderRow:r,renderPullHeader:i,renderPullFooter:o,getRowType:l,getRowStyle:s,getRowKey:u,dataSource:c,initialListSize:d,rowShouldSticky:f,onRowLayout:h,onHeaderPulling:m,onHeaderReleased:y,onFooterPulling:g,onFooterReleased:b,onAppear:v,onDisappear:k,onWillAppear:E,onWillDisappear:x}=e,C=S(e,p),N=[];if("function"==typeof r){const{initialListReady:e}=this.state;let{numberOfRows:t}=this.props;const p=this.getPullHeader(i,m,y),S=this.getPullFooter(o,g,b);!t&&c&&(t=c.length),e||(t=Math.min(t,d||10));for(let e=0;e{"function"==typeof n&&(t[sn.convertName(r)]=()=>{n(e)})}),n&&N.push(a.a.createElement(nn,w({},t),n))}p&&N.unshift(p),S&&N.push(S),"function"==typeof f&&Object.assign(C,{rowShouldSticky:!0});const I=[v,k,E,x];C.exposureEventEnabled=I.some(e=>"function"==typeof e),C.numberOfRows=N.length,C.initialListSize=d,C.style=w({overflow:"scroll"},n)}return!C.onLoadMore&&C.onEndReached&&(C.onLoadMore=C.onEndReached),a.a.createElement("ul",w({ref:e=>{this.instance=e},nativeName:"ListView",initialListReady:this.handleInitialListReady},C),N.length?N:t)}handleInitialListReady(){this.setState({initialListReady:!0})}getPullHeader(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(rn,{key:"pull-header",ref:e=>{this.pullHeader=e},onHeaderPulling:t,onHeaderReleased:n},e())),r}getPullFooter(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(on,{key:"pull-footer",ref:e=>{this.pullFooter=e},onFooterPulling:t,onFooterReleased:n},e())),r}handleRowProps(e,t,{getRowKey:n,getRowStyle:r,onRowLayout:i,getRowType:o,rowShouldSticky:a}){if("function"==typeof n&&(e.key=n(t)),"function"==typeof r&&(e.style=r(t)),"function"==typeof i&&(e.onLayout=e=>{i(e,t)}),"function"==typeof o){const n=o(t);Number.isInteger(n),e.type=n}"function"==typeof a&&(e.sticky=a(t))}}sn.defaultProps={numberOfRows:0};class un extends a.a.Component{constructor(e){super(e),this.instance=null,this.refreshComplected=this.refreshCompleted.bind(this)}startRefresh(){at(this.instance,"startRefresh",null)}refreshCompleted(){at(this.instance,"refreshComplected",null)}render(){const e=this.props,{children:t}=e,n=S(e,h);return a.a.createElement("div",w({nativeName:"RefreshWrapper",ref:e=>{this.instance=e}},n),a.a.createElement("div",{nativeName:"RefreshWrapperItemView",style:{left:0,right:0,position:"absolute"}},this.getRefresh()),t)}getRefresh(){const{getRefresh:e}=this.props;return"function"==typeof e&&e()||null}}class cn{constructor(){this.top=null,this.size=0}push(e){this.top={data:e,next:this.top},this.size+=1}peek(){return null===this.top?null:this.top.data}pop(){if(null===this.top)return null;const e=this.top;return this.top=this.top.next,this.size>0&&(this.size-=1),e.data}clear(){this.top=null,this.size=0}displayAll(){const e=[];if(null===this.top)return e;let t=this.top;for(let n=0,r=this.size;n1&&this.pop({animated:!0})}push(e){if(null==e?void 0:e.component){if(!this.routeList[e.routeName]){new Qt({appName:e.routeName,entryPage:e.component}).regist(),this.routeList[e.routeName]=!0}delete e.component}const t=[e];this.stack.push(e),at(this.instance,"push",t)}pop(e){if(this.stack.size>1){const t=[e];this.stack.pop(),at(this.instance,"pop",t)}}clear(){this.stack.clear()}render(){const e=this.props,{initialRoute:{component:t}}=e,n=S(e.initialRoute,y),r=S(e,m);return r.initialRoute=n,a.a.createElement("div",w({nativeName:"Navigator",ref:e=>{this.instance=e}},r))}}function fn(e){return a.a.createElement("div",w(w({nativeName:"ViewPagerItem"},e),{},{style:{position:"absolute",left:0,top:0,right:0,bottom:0,collapsable:!1}}))}class pn extends a.a.Component{constructor(e){super(e),this.instance=null,this.setPage=this.setPage.bind(this),this.setPageWithoutAnimation=this.setPageWithoutAnimation.bind(this),this.onPageScrollStateChanged=this.onPageScrollStateChanged.bind(this)}onPageScrollStateChanged(e){const{onPageScrollStateChanged:t}=this.props;t&&t(e.pageScrollState)}setPage(e){"number"==typeof e&&at(this.instance,"setPage",[e])}setPageWithoutAnimation(e){"number"==typeof e&&at(this.instance,"setPageWithoutAnimation",[e])}render(){const e=this.props,{children:t,onPageScrollStateChanged:n}=e,r=S(e,g);let i=[];return Array.isArray(t)?i=t.map(e=>{const t={};return"string"==typeof e.key&&(t.key="viewPager_"+e.key),a.a.createElement(fn,w({},t),e)}):i.push(a.a.createElement(fn,null,t)),"function"==typeof n&&(r.onPageScrollStateChanged=this.onPageScrollStateChanged),a.a.createElement("div",w({nativeName:"ViewPager",ref:e=>{this.instance=e}},r),i)}}function hn(){const e=C.platform.Localization;return!!e&&1===e.direction}class mn extends a.a.Component{constructor(e){super(e),this.instance=null,this._lastNativeText="",this.onChangeText=this.onChangeText.bind(this),this.onKeyboardWillShow=this.onKeyboardWillShow.bind(this)}componentDidMount(){const{value:e,autoFocus:t}=this.props;this._lastNativeText=e,t&&this.focus()}componentWillUnmount(){this.blur()}getValue(){return new Promise(e=>{at(this.instance,"getValue",t=>e(t.text))})}setValue(e){return at(this.instance,"setValue",[e]),e}focus(){at(this.instance,"focusTextInput",[])}blur(){at(this.instance,"blurTextInput",[])}showInputMethod(){at(this.instance,"showInputMethod",[])}hideInputMethod(){at(this.instance,"hideInputMethod",[])}clear(){at(this.instance,"clear",[])}render(){const e=w({},this.props);return["underlineColorAndroid","placeholderTextColor","placeholderTextColors"].forEach(t=>{"string"==typeof this.props[t]&&(Array.isArray(e.style)?e.style.push({[t]:this.props[t]}):e.style&&"object"==typeof e.style?e.style[t]=this.props[t]:e.style={[t]:this.props[t]},e[t]=void 0)}),hn()&&(e.style?"object"!=typeof e.style||Array.isArray(e.style)||e.style.textAlign||(e.style.textAlign="right"):e.style={textAlign:"right"}),a.a.createElement("div",w(w({nativeName:"TextInput"},e),{},{ref:e=>{this.instance=e},onChangeText:this.onChangeText,onKeyboardWillShow:this.onKeyboardWillShow}))}onChangeText(e){const{onChangeText:t}=this.props;"function"==typeof t&&t(e.text),this.instance&&(this._lastNativeText=e.text)}onKeyboardWillShow(e){const{onKeyboardWillShow:t}=this.props,n=e;"android"===It.platform.OS&&(n.keyboardHeight/=It.screen.scale),"function"==typeof t&&t(n)}}const yn=It.window.scale;let gn=Math.round(.4*yn)/yn;function bn(e){return e}0===gn&&(gn=1/yn);var vn=Object.freeze({__proto__:null,get hairlineWidth(){return gn},create:bn});const wn={baseVertical:{flexGrow:1,flexShrink:1,flexDirection:"column",overflow:"scroll"},baseHorizontal:{flexGrow:1,flexShrink:1,flexDirection:"row",overflow:"scroll"},contentContainerVertical:{collapsable:!1,flexDirection:"column"},contentContainerHorizontal:{collapsable:!1,flexDirection:"row"}};class kn extends a.a.Component{constructor(){super(...arguments),this.instance=null}scrollTo(e,t,n=!0){let r=e,i=t,o=n;"number"==typeof e||"object"==typeof e&&e&&({x:r,y:i,animated:o}=e),r=r||0,i=i||0,o=!!o,at(this.instance,"scrollTo",[r,i,o])}scrollToWithDuration(e=0,t=0,n=1e3){at(this.instance,"scrollToWithOptions",[{x:e,y:t,duration:n}])}render(){const{horizontal:e,contentContainerStyle:t,children:n,style:r}=this.props,i=[e?wn.contentContainerHorizontal:wn.contentContainerVertical,t],o=e?Object.assign({},wn.baseHorizontal,r):Object.assign({},wn.baseVertical,r);return e&&(o.flexDirection=hn()?"row-reverse":"row"),a.a.createElement("div",w(w({nativeName:"ScrollView",ref:e=>{this.instance=e}},this.props),{},{style:o}),a.a.createElement(Gt,{style:i},n))}}const Sn={modal:{position:"absolute"},container:{position:"absolute",left:0,top:0}};class En extends a.a.Component{constructor(e){super(e),this.eventSubscription=null}componentDidMount(){"ios"===It.platform.OS&&(this.eventSubscription=new ue("modalDismissed"),this.eventSubscription.addCallback(e=>{const{primaryKey:t,onDismiss:n}=this.props;e.primaryKey===t&&"function"==typeof n&&n()}))}componentWillUnmount(){"ios"===It.platform.OS&&this.eventSubscription&&this.eventSubscription.unregister()}render(){const{children:e,visible:t,transparent:n,animated:r}=this.props;let{animationType:i}=this.props;if(!1===t)return null;const o={backgroundColor:n?"transparent":"white"};return i||(i="none",r&&(i="slide")),a.a.createElement("div",w({nativeName:"Modal",animationType:i,transparent:n,style:Sn.modal},this.props),a.a.createElement(Gt,{style:[Sn.container,o]},e))}}En.defaultProps={visible:!0};class xn extends a.a.Component{constructor(e){super(e);const{requestFocus:t}=this.props;this.state={isFocus:!!t},this.handleFocus=this.handleFocus.bind(this)}render(){var e,t,n;const{requestFocus:r,children:i,nextFocusDownId:o,nextFocusUpId:l,nextFocusLeftId:s,nextFocusRightId:u,style:c,noFocusStyle:d,focusStyle:f,onClick:p}=this.props,{isFocus:h}=this.state,m=a.a.Children.only(i);let y;(null===(t=null===(e=null==m?void 0:m.child)||void 0===e?void 0:e.memoizedProps)||void 0===t?void 0:t.nativeName)?y=m.child.memoizedProps.nativeName:(null===(n=null==m?void 0:m.type)||void 0===n?void 0:n.displayName)&&(y=m.type.displayName);const g=o&&ot(o),b=l&&ot(l),v=s&&ot(s),k=u&&ot(u);let S=c;if("Text"!==y){const e=m.memoizedProps.style;S=w(w({},S),e)}if(Object.assign(S,h?f:d),"Text"===y)return a.a.createElement(Gt,{focusable:!0,nextFocusDownId:g,nextFocusUpId:b,nextFocusLeftId:v,nextFocusRightId:k,requestFocus:r,style:S,onClick:p,onFocus:this.handleFocus},m);const{children:E}=m.memoizedProps;return a.a.cloneElement(m,{nextFocusDownId:o,nextFocusUpId:l,nextFocusLeftId:s,nextFocusRightId:u,requestFocus:r,onClick:p,focusable:!0,children:E,style:S,onFocus:this.handleFocus})}handleFocus(e){const{onFocus:t}=this.props;"function"==typeof t&&t(e);const{isFocus:n}=this.state;n!==e.focus&&this.setState({isFocus:e.focus})}}function Cn(e){return a.a.createElement("iframe",w({title:"hippy",nativeName:"WebView"},e))}let Nn;class In{constructor(e,t,n){if(this.protocol="",this.onWebSocketEvent=this.onWebSocketEvent.bind(this),Nn||(Nn=new ue("hippyWebsocketEvents")),this.readyState=0,this.webSocketCallbacks={},!e||"string"!=typeof e)throw new TypeError("Invalid WebSocket url");const r=w({},n);if(void 0!==t)if(Array.isArray(t)&&t.length>0)r["Sec-WebSocket-Protocol"]=t.join(",");else{if("string"!=typeof t)throw new TypeError("Invalid WebSocket protocols");r["Sec-WebSocket-Protocol"]=t}const i={headers:r,url:e};this.url=e,this.webSocketCallbackId=Nn.addCallback(this.onWebSocketEvent),x.callNativeWithPromise("websocket","connect",i).then(e=>{e&&0===e.code&&"number"==typeof e.id&&(this.webSocketId=e.id)})}close(e,t){1===this.readyState&&(this.readyState=2,x.callNative("websocket","close",{id:this.webSocketId,code:e,reason:t}))}send(e){if(1===this.readyState){if("string"!=typeof e)throw new TypeError("Unsupported websocket data type: "+typeof e);x.callNative("websocket","send",{id:this.webSocketId,data:e})}}set onopen(e){this.webSocketCallbacks.onOpen=e}set onclose(e){this.webSocketCallbacks.onClose=e}set onerror(e){this.webSocketCallbacks.onError=e}set onmessage(e){this.webSocketCallbacks.onMessage=e}onWebSocketEvent(e){if("object"!=typeof e||e.id!==this.webSocketId)return;const{type:t}=e;"onOpen"===t?this.readyState=1:"onClose"===t&&(this.readyState=3,Nn.removeCallback(this.webSocketCallbackId));const n=this.webSocketCallbacks[t];"function"==typeof n&&n(e.data)}}function Pn(e){return a.a.createElement("li",w({nativeName:"WaterfallItem"},e))}class _n extends a.a.Component{constructor(e){super(e),this.instance=null,this.pullHeader=null,this.pullFooter=null,this.handleInitialListReady=this.handleInitialListReady.bind(this)}scrollToIndex({index:e=0,animated:t=!0}){at(this.instance,"scrollToIndex",[e,e,t])}scrollToContentOffset({xOffset:e=0,yOffset:t=0,animated:n=!0}){at(this.instance,"scrollToContentOffset",[e,t,n])}expandPullHeader(){this.pullHeader&&this.pullHeader.expandPullHeader()}collapsePullHeader(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}expandPullFooter(){this.pullFooter&&this.pullFooter.expandPullFooter()}collapsePullFooter(){this.pullFooter&&this.pullFooter.collapsePullFooter()}render(){const e=this.props,{style:t={},renderBanner:n,numberOfColumns:r=2,columnSpacing:i=0,interItemSpacing:o=0,numberOfItems:l=0,preloadItemNumber:s=0,renderItem:u,renderPullHeader:c,renderPullFooter:d,getItemType:f,getItemKey:p,getItemStyle:h,contentInset:m={top:0,left:0,bottom:0,right:0},onItemLayout:y,onHeaderPulling:g,onHeaderReleased:v,onFooterPulling:k,onFooterReleased:E,containPullHeader:x=!1,containPullFooter:C=!1,containBannerView:N=!1}=e,I=w(w({},S(e,b)),{},{style:t,numberOfColumns:r,columnSpacing:i,interItemSpacing:o,preloadItemNumber:s,contentInset:m,containPullHeader:x,containPullFooter:C,containBannerView:N}),P=[];if("function"==typeof n){const e=n();e&&(P.push(a.a.createElement(Gt,{key:"bannerView"},a.a.cloneElement(e))),I.containBannerView=!0)}if("function"==typeof u){const e=this.getPullHeader(c,g,v),n=this.getPullFooter(d,k,E);for(let e=0;ethis.instance=e,initialListReady:this.handleInitialListReady.bind(this)},I),P)}componentDidMount(){const{getItemKey:e}=this.props}handleRowProps(e,t,{getItemKey:n,getItemStyle:r,onItemLayout:i,getItemType:o}){if("function"==typeof n&&(e.key=n(t)),"function"==typeof r&&(e.style=r(t)),"function"==typeof i&&(e.onLayout=e=>{i.call(this,e,t)}),"function"==typeof o){const n=o(t);Number.isInteger(n),e.type=n}}getPullHeader(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(rn,{key:"PullHeader",ref:e=>{this.pullHeader=e},onHeaderPulling:t,onHeaderReleased:n},e())),r}getPullFooter(e,t,n){let r=null;return"function"==typeof e&&(r=a.a.createElement(on,{key:"PullFooter",ref:e=>{this.pullFooter=e},onFooterPulling:t,onFooterReleased:n},e())),r}handleInitialListReady(){const{onInitialListReady:e}=this.props;"function"==typeof e&&e()}}e.WebSocket=In;const{AsyncStorage:Ln,BackAndroid:Rn,Bridge:An,Clipboard:zn,Cookie:Tn,Device:On,HippyRegister:jn,ImageLoader:Fn,NetworkInfo:Hn,UIManager:Mn,flushSync:Dn}=_t,{callNative:Un,callNativeWithPromise:Wn,callNativeWithCallbackId:Bn,removeNativeCallback:Vn}=An,$n=null,qn=e.ConsoleModule||e.console,Qn=On.platform,Kn=Qt,Gn=Qt,Yn=Zt,Xn=jn,Jn=de,Zn=ue,er={get:e=>On[e]},tr={get:()=>On.screen.scale}}.call(this,n("./node_modules/webpack/buildin/global.js"))},"./node_modules/@hippy/react-reconciler/cjs/react-reconciler.production.min.js":function(e,t,n){(function(e){ /** @license React v0.26.2 * react-reconciler.production.min.js * diff --git a/framework/js/examples/ios-demo/res/index.ios.js b/framework/js/examples/ios-demo/res/index.ios.js index f474861d8..7016a88d0 100644 --- a/framework/js/examples/ios-demo/res/index.ios.js +++ b/framework/js/examples/ios-demo/res/index.ios.js @@ -1,4 +1,4 @@ -!function(e){function t(t){for(var n,o,a=t[0],i=t[1],l=0,s=[];l0===l.indexOf(e))){var c=l.split("/"),s=c[c.length-1],u=s.split(".")[0];(f=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=f+s)}else{var f;u=l.split(".")[0];(f=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=f+l)}onScriptComplete=function(t){if(t instanceof Error){t.message+=", load chunk "+e+" failed, path is "+l;var n=r[e];0!==n&&n&&n[1](t),r[e]=void 0}},global.dynamicLoad(l,onScriptComplete)}return Promise.all(t)},o.m=e,o.c=n,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o.oe=function(e){throw console.error(e),e};var a=(0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[],i=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;le.length)&&(t=e.length);for(var n=0,r=new Array(t);n0===l.indexOf(e))){var c=l.split("/"),s=c[c.length-1],u=s.split(".")[0];(f=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=f+s)}else{var f;u=l.split(".")[0];(f=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[u])&&(l=f+l)}onScriptComplete=function(t){if(t instanceof Error){t.message+=", load chunk "+e+" failed, path is "+l;var n=r[e];0!==n&&n&&n[1](t),r[e]=void 0}},global.dynamicLoad(l,onScriptComplete)}return Promise.all(t)},o.m=e,o.c=n,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o.oe=function(e){throw console.error(e),e};var a=(0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[],i=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;le.length)&&(t=e.length);for(var n=0,r=new Array(t);nu&&r[n].offset>t;)r[n].offset+=3;return"(.*)"}));for(;a=n.exec(t);){for(var h=0,m=a.index;"\\"===t.charAt(--m);)h++;h%2!=1&&((u+f===r.length||r[u+f].offset>a.index)&&r.splice(u+f,0,{name:d++,optional:!1,offset:a.index}),f++)}return t+=l?"$":"/"===t[t.length-1]?"":"(?=\\/|$)",new RegExp(t,c)};var n=/\((?!\?)/g},"./node_modules/prop-types/factoryWithThrowingShims.js":function(e,t,n){"use strict";var r=n("./node_modules/prop-types/lib/ReactPropTypesSecret.js");function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},"./node_modules/prop-types/index.js":function(e,t,n){e.exports=n("./node_modules/prop-types/factoryWithThrowingShims.js")()},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},"./node_modules/react-is/cjs/react-is.production.min.js":function(e,t,n){"use strict"; /** @license React v16.13.1 * react-is.production.min.js * @@ -6,4 +6,4 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var r=n("./node_modules/@babel/runtime/helpers/typeof.js"),o="function"==typeof Symbol&&Symbol.for,a=o?Symbol.for("react.element"):60103,i=o?Symbol.for("react.portal"):60106,l=o?Symbol.for("react.fragment"):60107,c=o?Symbol.for("react.strict_mode"):60108,s=o?Symbol.for("react.profiler"):60114,u=o?Symbol.for("react.provider"):60109,f=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.async_mode"):60111,h=o?Symbol.for("react.concurrent_mode"):60111,m=o?Symbol.for("react.forward_ref"):60112,p=o?Symbol.for("react.suspense"):60113,y=o?Symbol.for("react.suspense_list"):60120,g=o?Symbol.for("react.memo"):60115,b=o?Symbol.for("react.lazy"):60116,w=o?Symbol.for("react.block"):60121,v=o?Symbol.for("react.fundamental"):60117,x=o?Symbol.for("react.responder"):60118,S=o?Symbol.for("react.scope"):60119;function T(e){if("object"===r(e)&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case d:case h:case l:case s:case c:case p:return e;default:switch(e=e&&e.$$typeof){case f:case m:case b:case g:case u:return e;default:return t}}case i:return t}}}function E(e){return T(e)===h}t.AsyncMode=d,t.ConcurrentMode=h,t.ContextConsumer=f,t.ContextProvider=u,t.Element=a,t.ForwardRef=m,t.Fragment=l,t.Lazy=b,t.Memo=g,t.Portal=i,t.Profiler=s,t.StrictMode=c,t.Suspense=p,t.isAsyncMode=function(e){return E(e)||T(e)===d},t.isConcurrentMode=E,t.isContextConsumer=function(e){return T(e)===f},t.isContextProvider=function(e){return T(e)===u},t.isElement=function(e){return"object"===r(e)&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return T(e)===m},t.isFragment=function(e){return T(e)===l},t.isLazy=function(e){return T(e)===b},t.isMemo=function(e){return T(e)===g},t.isPortal=function(e){return T(e)===i},t.isProfiler=function(e){return T(e)===s},t.isStrictMode=function(e){return T(e)===c},t.isSuspense=function(e){return T(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===l||e===h||e===s||e===c||e===p||e===y||"object"===r(e)&&null!==e&&(e.$$typeof===b||e.$$typeof===g||e.$$typeof===u||e.$$typeof===f||e.$$typeof===m||e.$$typeof===v||e.$$typeof===x||e.$$typeof===S||e.$$typeof===w)},t.typeOf=T},"./node_modules/react-is/index.js":function(e,t,n){"use strict";e.exports=n("./node_modules/react-is/cjs/react-is.production.min.js")},"./node_modules/react/index.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/react/index.js")},"./node_modules/regenerator-runtime/runtime.js":function(e,t,n){(function(e){var t=n("./node_modules/@babel/runtime/helpers/typeof.js"),r=function(e){"use strict";var n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",l=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function s(e,t,n,r){var o=t&&t.prototype instanceof d?t:d,a=Object.create(o.prototype),i=new E(r||[]);return a._invoke=function(e,t,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return k()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var l=x(i,n);if(l){if(l===f)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=u(e,t,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===f)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(e,n,i),a}function u(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=s;var f={};function d(){}function h(){}function m(){}var p={};c(p,a,(function(){return this}));var y=Object.getPrototypeOf,g=y&&y(y(C([])));g&&g!==n&&r.call(g,a)&&(p=g);var b=m.prototype=d.prototype=Object.create(p);function w(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function v(e,n){var o;this._invoke=function(a,i){function l(){return new n((function(o,l){!function o(a,i,l,c){var s=u(e[a],e,i);if("throw"!==s.type){var f=s.arg,d=f.value;return d&&"object"===t(d)&&r.call(d,"__await")?n.resolve(d.__await).then((function(e){o("next",e,l,c)}),(function(e){o("throw",e,l,c)})):n.resolve(d).then((function(e){f.value=e,l(f)}),(function(e){return o("throw",e,l,c)}))}c(s.arg)}(a,i,o,l)}))}return o=o?o.then(l,l):l()}}function x(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method))return f;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var r=u(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,f;var o=r.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,f):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,f)}function S(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function C(e){if(e){var t=e[a];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,o=function t(){for(;++n=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var l=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(l&&c){if(this.prev=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),T(n),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;T(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:C(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),f}},e}("object"===t(e)?e.exports:{});try{regeneratorRuntime=r}catch(e){"object"===("undefined"==typeof globalThis?"undefined":t(globalThis))?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}).call(this,n("./node_modules/webpack/buildin/module.js")(e))},"./node_modules/webpack/buildin/global.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/webpack/buildin/global.js")},"./node_modules/webpack/buildin/module.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/webpack/buildin/module.js")},"./src/main.js":function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"Focusable",(function(){return te})),n.d(r,"Image",(function(){return ae})),n.d(r,"ListView",(function(){return be})),n.d(r,"Modal",(function(){return Ee})),n.d(r,"RefreshWrapper",(function(){return Qe})),n.d(r,"PullHeader",(function(){return Xe})),n.d(r,"ScrollView",(function(){return $e})),n.d(r,"Text",(function(){return rt})),n.d(r,"TextInput",(function(){return it})),n.d(r,"View",(function(){return st})),n.d(r,"ViewPager",(function(){return vt})),n.d(r,"WebView",(function(){return St})),n.d(r,"BoxShadow",(function(){return Ct})),n.d(r,"WaterfallView",(function(){return Vt})),n.d(r,"RippleViewAndroid",(function(){return Mt}));var o={};n.r(o),n.d(o,"Animation",(function(){return Nt})),n.d(o,"AsyncStorage",(function(){return Gt})),n.d(o,"Clipboard",(function(){return Yt})),n.d(o,"NativeEvent",(function(){return Zt})),n.d(o,"NetInfo",(function(){return tn})),n.d(o,"TestModule",(function(){return an})),n.d(o,"WebSocket",(function(){return un})),n.d(o,"UIManagerModule",(function(){return pn}));var a={};n.r(a),n.d(a,"Slider",(function(){return Sn})),n.d(a,"TabHost",(function(){return Cn})),n.d(a,"SetNativeProps",(function(){return Vn})),n.d(a,"DynamicImport",(function(){return On})),n.d(a,"Localization",(function(){return _n})),n.d(a,"Turbo",(function(){return Fn}));var i=n("../../packages/hippy-react/dist/index.js"),l=n("./node_modules/@babel/runtime/helpers/classCallCheck.js"),c=n.n(l),s=n("./node_modules/@babel/runtime/helpers/createClass.js"),u=n.n(s),f=n("./node_modules/@babel/runtime/helpers/inherits.js"),d=n.n(f),h=n("./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"),m=n.n(h),p=n("./node_modules/@babel/runtime/helpers/getPrototypeOf.js"),y=n.n(p),g=n("./node_modules/react/index.js"),b=n.n(g),w=n("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),v=n.n(w),x=n("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");n("./node_modules/@babel/runtime/helpers/typeof.js");function S(){return(S=Object.assign||function(e){for(var t=1;t=0;u--){var f=o[u];"."===f?E(o,u):".."===f?(E(o,u),s++):s&&(E(o,u),s--)}if(!l)for(;s--;s)o.unshift("..");!l||""===o[0]||o[0]&&T(o[0])||o.unshift("");var d=o.join("/");return n&&"/"!==d.substr(-1)&&(d+="/"),d};var k="Invariant failed";function R(e,t){if(!e)throw new Error(k)}function A(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function V(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e)).state=t:(void 0===(o=S({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=C(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function I(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,r):n.push(r),u({action:"PUSH",location:r,index:t,entries:n})}}))},replace:function(e,t){var r=V(e,t,f(),y.location);s.confirmTransitionTo(r,"REPLACE",n,(function(e){e&&(y.entries[y.index]=r,u({action:"REPLACE",location:r}))}))},go:p,goBack:function(){p(-1)},goForward:function(){p(1)},canGo:function(e){var t=y.index+e;return t>=0&&t=0||(o[n]=e[n]);return o}var B=n("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),M=n.n(B),z=function(e){var t=Object(D.a)();return t.displayName=e,t}("Router"),F=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}Object(x.a)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&this.unlisten()},n.render=function(){return b.a.createElement(z.Provider,{children:this.props.children||null,value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}})},t}(b.a.Component);var W=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o=100?t([]):t(he)}),600)}))}},{key:"render",value:function(){var e=this.state.dataSource;return b.a.createElement(i.ListView,{onTouchDown:function(e){console.log("onTouchDown ListView",e.target.nodeId,e.currentTarget.nodeId)},onClickCapture:function(e){console.log("onClickCapture listview",e.target.nodeId,e.currentTarget.nodeId)},onClick:function(e){return console.log("click listview",e.target.nodeId,e.currentTarget.nodeId),!0},bounces:!0,overScrollEnabled:!0,horizontal:void 0,style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,onDelete:this.onDelete,delText:this.delText,editable:!0,getRowKey:this.getRowKey,initialListSize:15,rowShouldSticky:this.rowShouldSticky,onAppear:this.onAppear,onDisappear:this.onDisappear,onWillAppear:this.onWillAppear,onWillDisappear:this.onWillDisappear})}}]),r}(b.a.Component);function we(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var ve="#4c9afa",xe="#f44837",Se="#fff",Te=i.StyleSheet.create({container:{flex:1,flexDirection:"row",justifyContent:"center"},buttonView:{borderColor:ve,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:ve,textAlign:"center",textAlignVertical:"center"}}),Ee=function(e){d()(n,e);var t=we(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).state={visible:!1,press:!1},r.show=r.show.bind(se()(r)),r.hide=r.hide.bind(se()(r)),r}return u()(n,[{key:"feedback",value:function(e){this.setState({press:"in"===e})}},{key:"show",value:function(){this.setState({visible:!0})}},{key:"hide",value:function(){this.setState({visible:!1})}},{key:"render",value:function(){var e=this,t=this.state,n=t.press,r=t.visible;return b.a.createElement(i.ScrollView,null,b.a.createElement(i.View,{style:Te.container},b.a.createElement(i.View,{onPressIn:function(){return e.feedback("in")},onPressOut:function(){return e.feedback.bind("out")},onClick:this.show,style:[Te.buttonView,{borderColor:ve,opacity:n?.5:1}]},b.a.createElement(i.Text,{style:[Te.buttonText,{color:ve}]},"点击弹出浮层"))),b.a.createElement(i.Modal,{transparent:!0,animationType:"slide_fade",visible:r,onRequestClose:function(){},supportedOrientations:["portrait"]},b.a.createElement(i.View,{style:{flex:1,flexDirection:"row",justifyContent:"center"}},b.a.createElement(i.View,{onClick:this.hide,style:{width:200,height:200,backgroundColor:xe,marginTop:300,flexDirection:"row",justifyContent:"center"}},b.a.createElement(i.Text,{style:{color:Se,fontSize:22,marginTop:80}},"点击关闭浮层")))))}}]),n}(b.a.Component),Ce="https://user-images.githubusercontent.com/12878546/148736841-59ce5d1c-8010-46dc-8632-01c380159237.jpg",ke={style:1,itemBean:{title:"非洲总统出行真大牌，美制武装直升机和中国潜艇为其保驾",picList:[Ce,Ce,Ce],subInfo:["三图评论","11评"]}},Re={style:2,itemBean:{title:"彼得·泰尔：认知未来是投资人的谋生之道",picUrl:"https://user-images.githubusercontent.com/12878546/148736850-4fc13304-25d4-4b6a-ada3-cbf0745666f5.jpg",subInfo:["左文右图"]}},Ae={style:5,itemBean:{title:"愤怒！美官员扬言：“不让中国拿走南海的岛屿，南海岛礁不属于中国”？",picUrl:"https://user-images.githubusercontent.com/12878546/148736859-29e3a5b2-612a-4fdd-ad21-dc5d29fa538f.jpg",subInfo:["六眼神魔 5234播放"]}},Ve=[Ae,ke,Re,ke,Re,ke,Re,Ae,ke],Ie=n("./node_modules/@babel/runtime/helpers/extends.js"),je=n.n(Ie),Oe={getScreenWidth:function(){var e=i.Dimensions.get("screen").width,t=i.Dimensions.get("screen").height,n=e>t?t:e;return Math.floor(n)},uniqueArray:function(e){for(var t=[],n=0;n=812&&i.PixelRatio.get()>=2&&(e=!0),e}},De=(Oe.getScreenWidth()-24-12)/3,Pe=Math.floor(De/1.35),_e=i.StyleSheet.create({imageContainer:{flexDirection:"row",justifyContent:"center",height:Pe,marginTop:8},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},image:{width:De,height:Pe},title:{fontSize:"android"===i.Platform.OS?17:18,lineHeight:24,color:"#242424"},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"}});function Le(e){var t=e.itemBean,n=t.title,r=t.picList,o=e.itemBean.subInfo,a=null;if(o&&o.length){var l=(o=Oe.uniqueArray(o)).join(" ");a=b.a.createElement(i.Text,{style:_e.normalText,numberOfLines:1},l)}return b.a.createElement(i.View,je()({},e,{style:{collapsable:!1}}),b.a.createElement(i.Text,{style:[_e.title],numberOfLines:2,enableScale:!0},n),b.a.createElement(i.View,{style:_e.imageContainer},b.a.createElement(i.Image,{style:_e.image,source:{uri:r[0]},resizeMode:i.Image.resizeMode.cover}),b.a.createElement(i.Image,{style:[_e.image,{marginLeft:6,marginRight:6}],source:{uri:r[1]},resizeMode:i.Image.resizeMode.cover}),b.a.createElement(i.Image,{style:_e.image,source:{uri:r[2]},resizeMode:i.Image.resizeMode.cover})),a?b.a.createElement(i.View,{style:_e.tagLine},a):null)}var Be=Oe.getScreenWidth()-24,Me=Math.floor(Be-12)/3,ze=Math.floor(Me/1.35),Fe=i.StyleSheet.create({container:{flexDirection:"row",justifyContent:"space-between",height:ze},leftContainer:{flex:1,flexDirection:"column",justifyContent:"center",marginRight:8},imageContainer:{width:Me,height:ze},image:{width:Me,height:ze},title:{fontSize:"android"===i.Platform.OS?17:18,lineHeight:24},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});function We(e){if("undefined"===e)return null;var t=e.itemBean;if(!t)return null;var n=null,r=t.title,o=t.picUrl,a=t.subInfo;if(a&&a.length){var l=(a=Oe.uniqueArray(a)).join(" ");n=b.a.createElement(i.Text,{style:Fe.normalText,numberOfLines:1},l)}return b.a.createElement(i.View,je()({},e,{style:Fe.container}),b.a.createElement(i.View,{style:Fe.leftContainer},b.a.createElement(i.Text,{style:Fe.title,numberOfLines:2,enableScale:!0},r),n?b.a.createElement(i.View,{style:Fe.tagLine},n):null),b.a.createElement(i.View,{style:Fe.imageContainer},b.a.createElement(i.Image,{resizeMode:i.Image.resizeMode.cover,style:Fe.image,source:{uri:o}})))}var He=Oe.getScreenWidth()-24,Ne=Math.floor(188*He/336),Ke=i.StyleSheet.create({text:{fontSize:"android"===i.Platform.OS?17:18,lineHeight:24,color:"#242424"},playerView:{marginTop:8,alignItems:"center",width:He,height:Ne,alignSelf:"center"},image:{width:He,height:Ne},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},tagLine:{marginTop:8,flexDirection:"row",justifyContent:"space-between",alignItems:"center"}});function Ue(e){if("undefined"===e)return null;var t=e.itemBean;if(!t)return null;var n=t.title,r=t.picUrl,o=t.subInfo,a=null;if(o&&o.length){var l=(o=Oe.uniqueArray(o)).join(" ");a=b.a.createElement(i.Text,{style:Ke.normalText,numberOfLines:1},l)}return b.a.createElement(i.View,e,b.a.createElement(i.Text,{style:Ke.text,numberOfLines:2,enableScale:!0},n),b.a.createElement(i.View,{style:Ke.playerView},b.a.createElement(i.Image,{style:Ke.image,source:{uri:r},resizeMode:i.Image.resizeMode.cover})),a?b.a.createElement(i.View,{style:Ke.tagLine},a):null)}function Ge(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var qe=i.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},spliter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}}),Qe=function(e){d()(o,e);var t,n,r=Ge(o);function o(e){var t;return c()(this,o),(t=r.call(this,e)).state={dataSource:[],loadingState:"正在加载..."},t.fetchTimes=0,t.mockFetchData=t.mockFetchData.bind(se()(t)),t.onRefresh=t.onRefresh.bind(se()(t)),t.getRefresh=t.getRefresh.bind(se()(t)),t.getRenderRow=t.getRenderRow.bind(se()(t)),t.onEndReached=t.onEndReached.bind(se()(t)),t.getRowType=t.getRowType.bind(se()(t)),t.getRowKey=t.getRowKey.bind(se()(t)),t}return u()(o,[{key:"componentDidMount",value:(n=le()(fe.a.mark((function e(){var t;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.mockFetchData();case 2:t=e.sent,this.setState({dataSource:t});case 4:case"end":return e.stop()}}),e,this)}))),function(){return n.apply(this,arguments)})},{key:"onEndReached",value:(t=le()(fe.a.mark((function e(){var t,n,r,o,a;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.state,n=t.dataSource,!t.fetchingDataFlag){e.next=3;break}return e.abrupt("return");case 3:return this.setState({fetchingDataFlag:!0,dataSource:n.concat([{style:100}])}),e.next=6,this.mockFetchData();case 6:r=e.sent,(o=n[n.length-1])&&100===o.style&&n.pop(),a=n.concat(r),this.setState({dataSource:a});case 11:case"end":return e.stop()}}),e,this)}))),function(){return t.apply(this,arguments)})},{key:"onRefresh",value:function(){var e=this;setTimeout(le()(fe.a.mark((function t(){var n;return fe.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.mockFetchData();case 2:n=t.sent,e.setState({dataSource:n}),e.refresh.refreshComplected();case 5:case"end":return t.stop()}}),t)}))),1e3)}},{key:"onClickItem",value:function(e){console.log("item: ".concat(e," is clicked.."))}},{key:"getRenderRow",value:function(e){var t=this,n=this.state,r=n.dataSource,o=n.loadingState,a=null,l=r[e],c=r.length===e+1;switch(l.style){case 1:a=b.a.createElement(Le,{itemBean:l.itemBean,onClick:function(){return t.onClickItem(e)}});break;case 2:a=b.a.createElement(We,{itemBean:l.itemBean,onClick:function(){return t.onClickItem(e)}});break;case 5:a=b.a.createElement(Ue,{itemBean:l.itemBean,onClick:function(){return t.onClickItem(e)}});break;case 100:a=b.a.createElement(i.Text,{style:qe.loading},o)}return b.a.createElement(i.View,{style:qe.container},b.a.createElement(i.View,{style:qe.itemContainer},a),c?null:b.a.createElement(i.View,{style:qe.spliter}))}},{key:"getRowType",value:function(e){return this.state.dataSource[e].style}},{key:"getRowKey",value:function(e){return"row-".concat(e)}},{key:"getRefresh",value:function(){return b.a.createElement(i.View,{style:{flex:1,height:30}},b.a.createElement(i.Text,{style:{flex:1,textAlign:"center"}},"下拉刷新中..."))}},{key:"mockFetchData",value:function(){var e=this;return new Promise((function(t){setTimeout((function(){return e.setState({fetchingDataFlag:!1}),e.fetchTimes+=1,e.fetchTimes>=50?t([]):t(Ve)}),600)}))}},{key:"render",value:function(){var e=this,t=this.state.dataSource;return b.a.createElement(i.RefreshWrapper,{ref:function(t){e.refresh=t},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},b.a.createElement(i.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:t.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,getRowKey:this.getRowKey}))}}]),o}(b.a.Component);function Ye(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Je=i.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"}}),Xe=function(e){d()(a,e);var t,n,r,o=Ye(a);function a(e){var t;return c()(this,a),(t=o.call(this,e)).state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},t.fetchTimes=0,t.mockFetchData=t.mockFetchData.bind(se()(t)),t.renderRow=t.renderRow.bind(se()(t)),t.getRowType=t.getRowType.bind(se()(t)),t.getRowKey=t.getRowKey.bind(se()(t)),t.renderPullHeader=t.renderPullHeader.bind(se()(t)),t.onEndReached=t.onEndReached.bind(se()(t)),t.onHeaderReleased=t.onHeaderReleased.bind(se()(t)),t.onHeaderPulling=t.onHeaderPulling.bind(se()(t)),t}return u()(a,[{key:"componentDidMount",value:(r=le()(fe.a.mark((function e(){var t;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.mockFetchData();case 2:t=e.sent,this.setState({dataSource:t}),this.listView.collapsePullHeader();case 5:case"end":return e.stop()}}),e,this)}))),function(){return r.apply(this,arguments)})},{key:"onEndReached",value:(n=le()(fe.a.mark((function e(){var t,n,r,o;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.state.dataSource,!this.loadMoreDataFlag){e.next=3;break}return e.abrupt("return");case 3:return this.loadMoreDataFlag=!0,this.setState({dataSource:t.concat([{style:100}])}),n=[],e.prev=6,e.next=9,this.mockFetchData();case 9:n=e.sent,e.next=14;break;case 12:e.prev=12,e.t0=e.catch(6);case 14:(r=t[t.length-1])&&100===r.style&&t.pop(),o=t.concat(n),this.loadMoreDataFlag=!1,this.setState({dataSource:o});case 19:case"end":return e.stop()}}),e,this,[[6,12]])}))),function(){return n.apply(this,arguments)})},{key:"onHeaderReleased",value:(t=le()(fe.a.mark((function e(){var t,n=this;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.fetchingDataFlag){e.next=2;break}return e.abrupt("return");case 2:return this.fetchingDataFlag=!0,console.log("onHeaderReleased"),this.setState({pullingText:"刷新数据中，请稍等，2秒后自动收起"}),t=[],e.prev=6,e.next=9,this.mockFetchData();case 9:t=e.sent,e.next=14;break;case 12:e.prev=12,e.t0=e.catch(6);case 14:this.fetchingDataFlag=!1,this.setState({dataSource:t},(function(){n.listView.collapsePullHeader(),n.fetchTimes=0}));case 16:case"end":return e.stop()}}),e,this,[[6,12]])}))),function(){return t.apply(this,arguments)})},{key:"onHeaderPulling",value:function(e){this.fetchingDataFlag||(console.log("onHeaderPulling",e.contentOffset),e.contentOffset>Je.pullContent.height?this.setState({pullingText:"松手，即可触发刷新"}):this.setState({pullingText:"继续下拉，触发刷新"}))}},{key:"onClickItem",value:function(e,t){console.log("item: ".concat(e," is clicked.."),t.target.nodeId,t.currentTarget.nodeId)}},{key:"getRowType",value:function(e){return this.state.dataSource[e].style}},{key:"getRowKey",value:function(e){return"row-".concat(e)}},{key:"mockFetchData",value:function(){var e=this;return new Promise((function(t){setTimeout((function(){e.fetchTimes+=1;var n=[];return e.fetchTimes<50&&(n=Ve),t(n)}),600)}))}},{key:"renderPullHeader",value:function(){var e=this.state.pullingText;return b.a.createElement(i.View,{style:Je.pullContainer},b.a.createElement(i.Text,{style:Je.pullContent},e))}},{key:"renderRow",value:function(e){var t=this,n=this.state,r=n.dataSource,o=n.loadingState,a=null,l=r[e],c=r.length===e+1;switch(l.style){case 1:a=b.a.createElement(Le,{itemBean:l.itemBean,onClick:function(n){return t.onClickItem(e,n)}});break;case 2:a=b.a.createElement(We,{itemBean:l.itemBean,onClick:function(n){return t.onClickItem(e,n)}});break;case 5:a=b.a.createElement(Ue,{itemBean:l.itemBean,onClick:function(n){return t.onClickItem(e,n)}});break;case 100:a=b.a.createElement(i.Text,{style:Je.loading},o)}return b.a.createElement(i.View,{style:Je.container},b.a.createElement(i.View,{style:Je.itemContainer},a),c?null:b.a.createElement(i.View,{style:Je.splitter}))}},{key:"render",value:function(){var e=this,t=this.state.dataSource;return b.a.createElement(i.ListView,{onClick:function(e){return console.log("ListView",e.target.nodeId,e.currentTarget.nodeId)},ref:function(t){e.listView=t},style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:t.length,getRowType:this.getRowType,getRowKey:this.getRowKey,renderRow:this.renderRow,renderPullHeader:this.renderPullHeader,onEndReached:this.onEndReached,onHeaderReleased:this.onHeaderReleased,onHeaderPulling:this.onHeaderPulling})}}]),a}(b.a.Component),Ze=i.StyleSheet.create({itemStyle:{width:100,height:100,lineHeight:100,borderWidth:1,borderColor:"#4c9afa",fontSize:80,margin:20,color:"#4c9afa",textAlign:"center"},verticalScrollView:{height:300,width:140,margin:20,borderColor:"#eee",borderWidth:1},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10}});function $e(){return b.a.createElement(i.ScrollView,null,b.a.createElement(i.View,{style:Ze.itemTitle},b.a.createElement(i.Text,null,"Horizontal ScrollView")),b.a.createElement(i.View,null,b.a.createElement(i.ScrollView,{horizontal:!0,bounces:!0,showsHorizontalScrollIndicator:!1,showScrollIndicator:!1},b.a.createElement(i.Text,{style:Ze.itemStyle},"A"),b.a.createElement(i.Text,{style:Ze.itemStyle},"B"),b.a.createElement(i.Text,{style:Ze.itemStyle},"C"),b.a.createElement(i.Text,{style:Ze.itemStyle},"D"),b.a.createElement(i.Text,{style:Ze.itemStyle},"E"),b.a.createElement(i.Text,{style:Ze.itemStyle},"F"),b.a.createElement(i.Text,{style:Ze.itemStyle},"A"))),b.a.createElement(i.View,{style:Ze.itemTitle},b.a.createElement(i.Text,null,"Vertical ScrollView")),b.a.createElement(i.ScrollView,{bounces:!0,horizontal:!1,style:Ze.verticalScrollView,showScrollIndicator:!1,showsVerticalScrollIndicator:!1},b.a.createElement(i.Text,{style:Ze.itemStyle},"A"),b.a.createElement(i.Text,{style:Ze.itemStyle},"B"),b.a.createElement(i.Text,{style:Ze.itemStyle},"C"),b.a.createElement(i.Text,{style:Ze.itemStyle},"D"),b.a.createElement(i.Text,{style:Ze.itemStyle},"E"),b.a.createElement(i.Text,{style:Ze.itemStyle},"F"),b.a.createElement(i.Text,{style:Ze.itemStyle},"A")))}function et(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var tt=i.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",height:100,borderWidth:1,borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"},button:{width:100,height:24,borderColor:"blue",borderWidth:1},buttonText:{width:100,lineHeight:24,textAlign:"center"},customFont:{color:"#0052d9",fontSize:32,fontFamily:"TTTGB"}}),nt=0,rt=function(e){d()(n,e);var t=et(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).state={fontSize:16,textShadowColor:"grey",textShadowOffset:{x:1,y:1}},r.incrementFontSize=r.incrementFontSize.bind(se()(r)),r.decrementFontSize=r.decrementFontSize.bind(se()(r)),r.androidNestedTextWrapperStyle={height:100,lineHeight:100},r}return u()(n,[{key:"incrementFontSize",value:function(){var e=this.state.fontSize;24!==e&&this.setState({fontSize:e+1})}},{key:"decrementFontSize",value:function(){var e=this.state.fontSize;6!==e&&this.setState({fontSize:e-1})}},{key:"render",value:function(){var e=this,t=this.state,n=t.fontSize,r=t.textShadowColor,o=t.textShadowOffset,a=function(e){return b.a.createElement(i.View,{style:tt.itemTitle},b.a.createElement(i.Text,{style:!0},e))};return b.a.createElement(i.ScrollView,{style:{padding:10}},a("shadow"),b.a.createElement(i.View,{style:[tt.itemContent],onClick:function(){var t="red",n={x:10,y:1};nt%2==1&&(t="grey",n={x:1,y:1}),nt+=1,e.setState({textShadowColor:t,textShadowOffset:n})}},b.a.createElement(i.Text,{style:[tt.normalText,{color:"#242424",textShadowOffset:o,textShadowRadius:3,textShadowColor:r}]},"Text shadow is grey with radius 3 and offset 1")),a("color"),b.a.createElement(i.View,{style:[tt.itemContent]},b.a.createElement(i.Text,{style:[tt.normalText,{color:"#242424"}]},"Text color is black"),b.a.createElement(i.Text,{style:[tt.normalText,{color:"blue"}]},"Text color is blue"),b.a.createElement(i.Text,{style:[tt.normalText,{color:"rgb(228,61,36)"}]},"This is red")),a("fontSize"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{style:[tt.normalText,{fontSize:n}]},"Text fontSize is ".concat(n)),b.a.createElement(i.View,{style:tt.button,onClick:this.incrementFontSize},b.a.createElement(i.Text,{style:tt.buttonText},"放大字体")),b.a.createElement(i.View,{style:tt.button,onClick:this.decrementFontSize},b.a.createElement(i.Text,{style:tt.buttonText},"缩小字体"))),a("fontStyle"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{style:[tt.normalText,{fontStyle:"normal"}]},"Text fontStyle is normal"),b.a.createElement(i.Text,{style:[tt.normalText,{fontStyle:"italic"}]},"Text fontStyle is italic")),a("numberOfLines"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:1,style:tt.normalText},"just one line just one line just one line just one line just one line just one line just one line just one line"),b.a.createElement(i.Text,{numberOfLines:2,style:tt.normalText},"just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines")),a("textDecoration"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:1,style:[tt.normalText,{textDecorationLine:"underline",textDecorationStyle:"dotted"}]},"underline"),b.a.createElement(i.Text,{numberOfLines:1,style:[tt.normalText,{textDecorationLine:"line-through",textDecorationColor:"red"}]},"line-through")),a("Nest Text"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:3},b.a.createElement(i.Text,{numberOfLines:3,style:[tt.normalText,{color:"#4c9afa"}]},"#SpiderMan#"),b.a.createElement(i.Text,{numberOfLines:3,style:tt.normalText},"Hello world, I am a spider man and I have five friends in other universe."))),a("Custom font"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:1,style:tt.customFont},"Hippy 跨端框架")),a("Text Nested"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{style:"android"===i.Platform.OS?this.androidNestedTextWrapperStyle:{}},b.a.createElement(i.Text,{numberOfLines:1,style:tt.normalText},"后面有张图片"),b.a.createElement(i.Image,{style:{width:70,height:35},source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAtCAMAAABmgJ64AAAAOVBMVEX/Rx8AAAD/QiL/Tif/QyH/RR//QiH/QiP/RCD/QSL/Qxz/QyH/QiL/QiD/QyL/QiL/QiH/QyH/QiLwirLUAAAAEnRSTlMZAF4OTC7DrWzjI4iietrRk0EEv/0YAAAB0UlEQVRYw72Y0Y6sIAxAKwUFlFH7/x97izNXF2lN1pU5D800jD2hJAJCdwYZuAUyVbmToKh903IhQHgErAVH+ccV0KI+G2oBPMxJgPA4WAigAT8F0IRDgNAE3ARyfeMFDGSc3YHVFkTBAHKDAgkEyHjacae/GTjxFqAo8NbakXrL9DRy9B+BCQwRcXR9OBKmEuAmAFFgcy0agBnIc1xZsMPOI5loAoUsQFmQjDEL9YbpaeGYBMGRKKAuqFEFL/JXApCw/zFEZk9qgbLGBx0gXLISxT25IUBREEgh1II1fph/IViGnZnCcDDVAgfgVg6gCy6ZaClySbDQpAl04vCGaB4+xGcFRK8CLvW0IBb5bQGqAlNwU4C6oEIVTLTcmoEr0AWcpKsZ/H0NAtkLQffnFjkOqiC/TTWBL9AFCwXQBHgI7rXImMgjCZwFa50s6DRBXyALmIECuMASiWNPFgRTgSJwM+XW8PDCmbwndzdaNL8FMYXPNjASDVChnIvWlBI/MKadPV952HszbmXtRERhhQ0vGFA52SVSSVt7MjHvxfRK8cdTpqovn02dUcltMrwiKf+wQ1FxXKCk9en6e/eDNnP44h2thQEb35O/etNv/q3iHza+KuhqqhZAAAAAAElFTkSuQmCC"}}),b.a.createElement(i.Text,{numberOfLines:1,style:tt.customFont},"前面有张图片"))))}}]),n}(b.a.Component);function ot(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var at=i.StyleSheet.create({container_style:{padding:10},input_style:{width:300,marginVertical:10,placeholderTextColor:"#aaaaaa",fontSize:16,color:"#242424",height:30,lineHeight:30},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},button:{width:200,borderColor:"#4c9afa",borderWidth:1,marginTop:5,marginBottom:5}}),it=function(e){d()(n,e);var t=ot(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).state={textContent:""},r.changeInputContent=r.changeInputContent.bind(se()(r)),r.focus=r.focus.bind(se()(r)),r.blur=r.blur.bind(se()(r)),r}return u()(n,[{key:"changeInputContent",value:function(){this.setState({textContent:"当前时间毫秒：".concat(Date.now())})}},{key:"focus",value:function(){this.input.focus()}},{key:"blur",value:function(){this.input.blur()}},{key:"render",value:function(){var e=this,t=this.state.textContent,n=function(e){return b.a.createElement(i.View,{style:at.itemTitle},b.a.createElement(i.Text,null,e))};return b.a.createElement(i.ScrollView,{style:at.container_style},n("text"),b.a.createElement(i.TextInput,{ref:function(t){e.input=t},style:at.input_style,placeholder:"text",defaultValue:t}),b.a.createElement(i.View,{style:at.button,onClick:this.changeInputContent},b.a.createElement(i.Text,null,"点击改变输入框内容")),b.a.createElement(i.View,{style:at.button,onClick:this.focus},b.a.createElement(i.Text,null,"Focus")),b.a.createElement(i.View,{style:at.button,onClick:this.blur},b.a.createElement(i.Text,null,"Blur")),n("numeric"),b.a.createElement(i.TextInput,{style:at.input_style,keyboardType:"numeric",placeholder:"numeric"}),n("phone-pad"),b.a.createElement(i.TextInput,{style:at.input_style,keyboardType:"phone-pad",placeholder:"phone-pad"}),n("password"),b.a.createElement(i.TextInput,{style:at.input_style,keyboardType:"password",placeholder:"Password",multiline:!1}),n("maxLength"),b.a.createElement(i.TextInput,{caretColor:"yellow",style:at.input_style,placeholder:"maxLength=5",maxLength:5}))}}]),n}(g.Component),lt=n.p+"assets/defaultSource.jpg",ct=i.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},rectangle:{width:160,height:80,marginVertical:10},bigRectangle:{width:200,height:100,borderColor:"#eee",borderWidth:1,padding:10,marginVertical:10},smallRectangle:{width:40,height:40,borderRadius:10}});function st(){var e=function(e){return b.a.createElement(i.View,{style:ct.itemTitle},b.a.createElement(i.Text,null,e))};return b.a.createElement(i.ScrollView,{style:{padding:10}},e("backgroundColor"),b.a.createElement(i.View,{style:[ct.rectangle,{backgroundColor:"#4c9afa"}]}),e("backgroundImage"),b.a.createElement(i.View,{style:[ct.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,backgroundImage:lt}],accessible:!0,accessibilityLabel:"背景图",accessibilityRole:"image",accessibilityState:{disabled:!1,selected:!0,checked:!1,expanded:!1,busy:!0},accessibilityValue:{min:1,max:10,now:5,text:"middle"}},b.a.createElement(i.Text,{style:{color:"white"}},"背景图")),e("backgroundImage linear-gradient"),b.a.createElement(i.View,{style:[ct.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,borderWidth:2,borderColor:"black",borderRadius:2,backgroundImage:"linear-gradient(30deg, blue 10%, yellow 40%, red 50%);"}]},b.a.createElement(i.Text,{style:{color:"white"}},"渐变色")),e("border props"),b.a.createElement(i.View,{style:[ct.rectangle,{borderColor:"#242424",borderRadius:4,borderWidth:1}]}),e("flex props"),b.a.createElement(i.View,{style:[ct.bigRectangle,{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}]},b.a.createElement(i.View,{style:[ct.smallRectangle,{backgroundColor:"yellow"}]}),b.a.createElement(i.View,{style:[ct.smallRectangle,{backgroundColor:"blue"}]}),b.a.createElement(i.View,{style:[ct.smallRectangle,{backgroundColor:"green"}]})))}var ut=i.StyleSheet.create({pageContainer:{alignItems:"center",justifyContent:"center",flex:1,paddingTop:20},mainRec:{backgroundColor:"#4c9afaAA",width:256,height:48,marginBottom:10,marginTop:156},title:{verticalAlign:"middle",lineHeight:48,height:48,fontSize:16,color:"white",alignSelf:"center"},shapeBase:{width:128,height:128,backgroundColor:"#4c9afa"},square:{},circle:{borderRadius:64},triangle:{borderTopWidth:0,borderRightWidth:70,borderBottomWidth:128,borderLeftWidth:70,borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:"#4c9afa",backgroundColor:"transparent",width:140}}),ft="SquarePagerView",dt="TrianglePagerView",ht="CirclePagerView";function mt(e,t){var n=function(t){return b.a.createElement(i.View,{style:ut.pageContainer,key:t},b.a.createElement(i.View,{style:[ut.shapeBase,e],key:"shape"}),b.a.createElement(i.View,{style:ut.mainRec,key:"title"},t?b.a.createElement(i.Text,{style:ut.title},t):null))};return n.displayName=t,n}var pt=mt(ut.square,ft),yt=mt(ut.triangle,dt),gt=mt(ut.circle,ht);function bt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var wt=i.StyleSheet.create({dotContainer:{position:"absolute",bottom:10,left:0,right:0,flexDirection:"row",alignItems:"center",justifyContent:"center"},dot:{width:6,height:6,borderRadius:3,margin:3,backgroundColor:"#BBBBBB"},selectDot:{backgroundColor:"#000000"},container:{height:500},buttonContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12},button:{width:120,height:36,backgroundColor:"#4c9afa",borderRadius:18,alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,color:"#fff"}}),vt=function(e){d()(n,e);var t=bt(n);function n(e){var r;return c()(this,n),r=t.call(this,e),$()(se()(r),"state",{selectedIndex:0}),r.onPageSelected=r.onPageSelected.bind(se()(r)),r}return u()(n,[{key:"onPageSelected",value:function(e){console.log("onPageSelected",e.position),this.setState({selectedIndex:e.position})}},{key:"onPageScrollStateChanged",value:function(e){console.log("onPageScrollStateChanged",e)}},{key:"onPageScroll",value:function(e){var t=e.offset,n=e.position;console.log("onPageScroll",t,n)}},{key:"render",value:function(){var e=this,t=this.state.selectedIndex;return b.a.createElement(i.View,{style:{flex:1,backgroundColor:"#ffffff"}},b.a.createElement(i.View,{style:wt.buttonContainer},b.a.createElement(i.View,{style:wt.button,onClick:function(){e.viewpager.setPage(2)}},b.a.createElement(i.Text,{style:wt.buttonText},"动效滑到第3页")),b.a.createElement(i.View,{style:wt.button,onClick:function(){return e.viewpager.setPageWithoutAnimation(0)}},b.a.createElement(i.Text,{style:wt.buttonText},"直接滑到第1页"))),b.a.createElement(i.ViewPager,{ref:function(t){e.viewpager=t},style:wt.container,initialPage:0,keyboardDismissMode:"none",scrollEnabled:!0,onPageSelected:this.onPageSelected,onPageScroll:this.onPageScroll},[pt("squarePager"),yt("TrianglePager"),gt("CirclePager")]),b.a.createElement(i.View,{style:wt.dotContainer},new Array(3).fill(0).map((function(e,n){var r=n===t;return b.a.createElement(i.View,{style:[wt.dot,r?wt.selectDot:null],key:"dot_".concat(n)})}))))}}]),n}(b.a.Component),xt=i.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},webViewStyle:{padding:10,flex:1,flexGrow:1,borderRadius:10}});function St(){return b.a.createElement(i.View,{style:{padding:10,flex:1}},b.a.createElement(i.View,{style:xt.itemTitle},b.a.createElement(i.Text,null,"WebView 示例")),b.a.createElement(i.WebView,{source:{uri:"https://hippyjs.org"},method:"get",userAgent:"Mozilla/5.0 (Linux; U; Android 5.1.1; zh-cn; vivo X7 Build/LMY47V) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 Chrome/37.0.0.0 MQQBrowser/8.2 Mobile Safari/537.36",style:xt.webViewStyle,onLoad:function(e){var t=e.url;return console.log("webview onload",t)},onLoadStart:function(e){var t=e.url;return console.log("webview onLoadStart",t)},onLoadEnd:function(e){var t=e.url;return console.log("webview onLoadEnd",t)}}))}var Tt=i.StyleSheet.create({shadowDemo:{flex:1,overflowY:"scroll"},shadowDemoCubeAndroid:{position:"absolute",left:50,top:50,width:170,height:170,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentAndroid:{position:"absolute",left:5,top:5,width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:50,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowSpread:1,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}}),Et=i.StyleSheet.create({shadowDemoCubeAndroid:{position:"absolute",left:50,top:300,width:175,height:175,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:15,boxShadowOffsetY:15,boxShadowColor:"#4c9afa"},shadowDemoContentAndroid:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:300,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:10,boxShadowOffsetY:10,boxShadowSpread:1,boxShadowColor:"#4c9afa"},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}});function Ct(){return b.a.createElement(i.View,{style:Tt.shadowDemo},"android"===i.Platform.OS?b.a.createElement(i.View,{style:Tt.shadowDemoCubeAndroid},b.a.createElement(i.View,{style:Tt.shadowDemoContentAndroid},b.a.createElement(i.Text,{style:Tt.text},"没有偏移阴影样式"))):b.a.createElement(i.View,{style:Tt.shadowDemoCubeIos},b.a.createElement(i.View,{style:Tt.shadowDemoContentIos},b.a.createElement(i.Text,{style:Tt.text},"没有偏移阴影样式"))),"android"===i.Platform.OS?b.a.createElement(i.View,{style:Et.shadowDemoCubeAndroid},b.a.createElement(i.View,{style:Et.shadowDemoContentAndroid},b.a.createElement(i.Text,{style:Et.text},"偏移阴影样式"))):b.a.createElement(i.View,{style:Et.shadowDemoCubeIos},b.a.createElement(i.View,{style:Et.shadowDemoContentIos},b.a.createElement(i.Text,{style:Et.text},"偏移阴影样式"))))}function kt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Rt=Ve.filter((function(e){return 2!==e.style})),At=i.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"},pullFooter:{flex:1,height:40,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}}),Vt=function(e){d()(a,e);var t,n,r,o=kt(a);function a(e){var t;return c()(this,a),(t=o.call(this,e)).state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},t.numberOfColumns=2,t.columnSpacing=6,t.interItemSpacing=6,t.mockFetchData=t.mockFetchData.bind(se()(t)),t.renderItem=t.renderItem.bind(se()(t)),t.getItemType=t.getItemType.bind(se()(t)),t.getItemKey=t.getItemKey.bind(se()(t)),t.onEndReached=t.onEndReached.bind(se()(t)),t.onRefresh=t.onRefresh.bind(se()(t)),t.getRefresh=t.getRefresh.bind(se()(t)),t.renderPullFooter=t.renderPullFooter.bind(se()(t)),t.renderBanner=t.renderBanner.bind(se()(t)),t.getItemStyle=t.getItemStyle.bind(se()(t)),t}return u()(a,[{key:"componentDidMount",value:(r=le()(fe.a.mark((function e(){var t;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.mockFetchData();case 2:t=e.sent,this.setState({dataSource:t});case 4:case"end":return e.stop()}}),e,this)}))),function(){return r.apply(this,arguments)})},{key:"onEndReached",value:(n=le()(fe.a.mark((function e(){var t,n,r;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.state.dataSource,!this.loadMoreDataFlag){e.next=3;break}return e.abrupt("return");case 3:return this.loadMoreDataFlag=!0,this.setState({loadingState:"加载更多..."}),n=[],e.prev=6,e.next=9,this.mockFetchData();case 9:n=e.sent,e.next=14;break;case 12:e.prev=12,e.t0=e.catch(6);case 14:0===n.length&&this.setState({loadingState:"没有更多数据"}),r=[].concat(v()(t),v()(n)),this.setState({dataSource:r}),this.loadMoreDataFlag=!1;case 18:case"end":return e.stop()}}),e,this,[[6,12]])}))),function(){return n.apply(this,arguments)})},{key:"renderPullFooter",value:function(){return 0===this.state.dataSource.length?null:b.a.createElement(i.View,{style:At.pullFooter},b.a.createElement(i.Text,{style:{color:"white"}},this.state.loadingState))}},{key:"onRefresh",value:(t=le()(fe.a.mark((function e(){var t=this;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:setTimeout(le()(fe.a.mark((function e(){var n;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.mockFetchData();case 2:n=e.sent,t.setState({dataSource:n}),t.refresh.refreshComplected();case 5:case"end":return e.stop()}}),e)}))),1e3);case 1:case"end":return e.stop()}}),e)}))),function(){return t.apply(this,arguments)})},{key:"getRefresh",value:function(){return b.a.createElement(i.View,{style:{flex:1,height:40,justifyContent:"center",alignItems:"center",backgroundColor:"#4c9afa"}},b.a.createElement(i.Text,{style:{height:40,lineHeight:40,textAlign:"center",color:"white"}},"下拉刷新中..."))}},{key:"onClickItem",value:function(e){console.log("item: ".concat(e," is clicked.."))}},{key:"getItemType",value:function(e){return this.state.dataSource[e].style}},{key:"getItemKey",value:function(e){return"row-".concat(e)}},{key:"onItemClick",value:function(e){console.log("onItemClick",e),this.listView.scrollToIndex({index:e,animation:!0})}},{key:"renderBanner",value:function(){return"android"===i.Platform.OS||0===this.state.dataSource.length?null:b.a.createElement(i.View,{style:{backgroundColor:"grey",height:100,justifyContent:"center",alignItems:"center"}},b.a.createElement(i.Text,{style:{fontSize:20,color:"white",lineHeight:100,height:100}},"Banner View"))}},{key:"renderItem",value:function(e){var t=this,n=null,r=this.state.dataSource[e];switch(r.style){case 1:n=b.a.createElement(Le,{itemBean:r.itemBean});break;case 2:n=b.a.createElement(We,{itemBean:r.itemBean});break;case 5:n=b.a.createElement(Ue,{itemBean:r.itemBean})}return b.a.createElement(i.View,{onClick:function(){return t.onItemClick(e)},style:At.container},b.a.createElement(i.View,{style:At.itemContainer},n),b.a.createElement(i.View,{style:At.splitter}))}},{key:"mockFetchData",value:function(){return new Promise((function(e){setTimeout((function(){var t=[].concat(v()(Rt),v()(Rt));return e(t)}),600)}))}},{key:"getWaterfallContentInset",value:function(){return{top:0,left:5,bottom:0,right:5}}},{key:"getItemStyle",value:function(){var e=this.numberOfColumns,t=this.columnSpacing,n=i.Dimensions.get("screen").width,r=this.getWaterfallContentInset();return{width:(n-r.left-r.right-(e-1)*t)/e}}},{key:"render",value:function(){var e=this,t=this.state.dataSource,n=this.numberOfColumns,r=this.columnSpacing,o=this.interItemSpacing,a=this.getWaterfallContentInset();return b.a.createElement(i.RefreshWrapper,{ref:function(t){e.refresh=t},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},b.a.createElement(i.WaterfallView,{ref:function(t){e.listView=t},renderBanner:this.renderBanner,numberOfColumns:n,columnSpacing:r,interItemSpacing:o,numberOfItems:t.length,style:{flex:1},renderItem:this.renderItem,onEndReached:this.onEndReached,getItemType:this.getItemType,getItemKey:this.getItemKey,contentInset:a,getItemStyle:this.getItemStyle,containPullFooter:!0,renderPullFooter:this.renderPullFooter}))}}]),a}(b.a.Component),It=n.p+"assets/defaultSource.jpg",jt=n("./node_modules/@babel/runtime/helpers/slicedToArray.js"),Ot=n.n(jt);function Dt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Pt(e){for(var t=1;t=o||(this.indicator.update(r),this.currentIndex=r)}}},{key:"onScrollBeginDrag",value:function(){this.touchStartOffset=this.scrollOffset,this.doClearTimer()}},{key:"onScrollEndDrag",value:function(){this.doCreateTimer()}},{key:"onLayout",value:function(e){this.width=e.layout.width}},{key:"doSwitchPage",value:function(e){this.scrollView.scrollTo({x:this.imgWidth*e,y:0,animated:!0})}},{key:"doCreateTimer",value:function(){var e=this;this.doClearTimer(),this.duration<=0||(this.interval=setInterval((function(){e.doSwitchPage((e.currentIndex+1)%e.itemCount)}),this.duration))}},{key:"doClearTimer",value:function(){this.interval&&clearInterval(this.interval),this.interval=null}},{key:"render",value:function(){for(var e=this,t=this.props.images,n=[],r=0;rr-a?60*r-o:60*n-60*a+30,this.navScrollView.scrollTo({x:e,y:0,animated:!0})}}},{key:"pressNavItem",value:function(e){this.setState({curIndex:e}),this.viewPager&&this.viewPager.setPage(e)}},{key:"renderNav",value:function(){var e=this,t=this.state,n=t.navList,r=t.curIndex;return b.a.createElement(i.View,{style:En.container},b.a.createElement(i.ScrollView,{style:En.scroll,horizontal:!0,showsHorizontalScrollIndicator:!1,ref:function(t){e.navScrollView=t}},n.map((function(t,n){return b.a.createElement(i.View,{style:En.navItem,key:"nav_".concat(t),activeOpacity:.5,onClick:function(){return e.pressNavItem(n)}},b.a.createElement(i.Text,{style:[En.navItemText,r===n?En.navItemTextBlue:En.navItemTextNormal],numberOfLines:1},t))}))))}},{key:"render",value:function(){var e=this,t=this.state.navList;return b.a.createElement(i.View,{style:{flex:1,backgroundColor:"#ffffff"}},this.renderNav(),b.a.createElement(i.ViewPager,{ref:function(t){e.viewPager=t},style:{flex:1},initialPage:0,onPageSelected:this.onViewPagerChange},t.map((function(e,t){return n.getPage(e,t)}))))}}],[{key:"getPage",value:function(e,t){switch(t%3){case 0:return pt(e);case 1:return gt(e);case 2:return yt(e);default:return null}}}]),n}(b.a.Component);function kn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Rn=i.Dimensions.get("window").width,An=i.StyleSheet.create({setNativePropsDemo:{display:"flex",alignItems:"center",position:"relative"},nativeDemo1Drag:{height:80,width:Rn,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo1Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},nativeDemo2Drag:{height:80,width:Rn,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo2Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},splitter:{marginTop:50}}),Vn=function(e){d()(n,e);var t=kn(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).demon1Point=b.a.createRef(),r.demo1PointDom=null,r.state={demo2Left:0},r.isDemon1Layouted=!1,r.idDemon2Layouted=!1,r.onTouchDown1=r.onTouchDown1.bind(se()(r)),r.onDemon1Layout=r.onDemon1Layout.bind(se()(r)),r.onTouchMove1=r.onTouchMove1.bind(se()(r)),r.onTouchDown2=r.onTouchDown2.bind(se()(r)),r.onTouchMove2=r.onTouchMove2.bind(se()(r)),r}return u()(n,[{key:"componentDidMount",value:function(){}},{key:"onDemon1Layout",value:function(){this.isDemon1Layouted||(this.isDemon1Layouted=!0,this.demo1PointDom=i.UIManagerModule.getElementFromFiberRef(this.demon1Point.current))}},{key:"onTouchDown1",value:function(e){var t=e.page_x,n=t-40;console.log("touchdown x",t,n,Rn),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}},{key:"onTouchMove1",value:function(e){var t=e.page_x,n=t-40;console.log("touchmove x",t,n,Rn),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}},{key:"onTouchDown2",value:function(e){var t=e.page_x,n=t-40;console.log("touchdown x",t,n,Rn),this.setState({demo2Left:n})}},{key:"onTouchMove2",value:function(e){var t=e.page_x,n=t-40;console.log("touchmove x",t,n,Rn),this.setState({demo2Left:n})}},{key:"render",value:function(){var e=this.state.demo2Left;return b.a.createElement(i.View,{style:An.setNativePropsDemo},b.a.createElement(i.Text,null,"setNativeProps实现拖动效果"),b.a.createElement(i.View,{style:An.nativeDemo1Drag,onTouchDown:this.onTouchDown1,onTouchMove:this.onTouchMove1},b.a.createElement(i.View,{onLayout:this.onDemon1Layout,style:An.nativeDemo1Point,ref:this.demon1Point})),b.a.createElement(i.View,{style:An.splitter}),b.a.createElement(i.Text,null,"普通渲染实现拖动效果"),b.a.createElement(i.View,{style:An.nativeDemo2Drag,onTouchDown:this.onTouchDown2,onTouchMove:this.onTouchMove2},b.a.createElement(i.View,{style:[An.nativeDemo2Point,{left:e}]})))}}]),n}(b.a.Component);function In(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var jn=i.StyleSheet.create({dynamicImportDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}}),On=function(e){d()(r,e);var t=In(r);function r(e){var n;return c()(this,r),(n=t.call(this,e)).state={AsyncComponentFromLocal:null,AsyncComponentFromHttp:null},n.onAsyncComponentLoad=n.onAsyncComponentLoad.bind(se()(n)),n}return u()(r,[{key:"onAsyncComponentLoad",value:function(){var e=this;console.log("load async component"),n.e(1).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentLocal.jsx")).then((function(t){e.setState({AsyncComponentFromLocal:t.default||t})})).catch((function(e){return console.error("import async local component error",e)})),n.e(0).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentHttp.jsx")).then((function(t){e.setState({AsyncComponentFromHttp:t.default||t})})).catch((function(e){return console.error("import async remote component error",e)}))}},{key:"render",value:function(){var e=this.state,t=e.AsyncComponentFromLocal,n=e.AsyncComponentFromHttp;return b.a.createElement(i.View,{style:jn.dynamicImportDemo},b.a.createElement(i.View,{style:{width:130,height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},b.a.createElement(i.Text,{style:{height:40,lineHeight:40,textAlign:"center"}},"点我异步加载")),b.a.createElement(i.View,{style:{marginTop:20}},t?b.a.createElement(t,null):null,n?b.a.createElement(n,null):null))}}]),r}(b.a.Component);function Dn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Pn=i.StyleSheet.create({LocalizationDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}}),_n=function(e){d()(n,e);var t=Dn(n);function n(){return c()(this,n),t.apply(this,arguments)}return u()(n,[{key:"render",value:function(){var e=i.Platform.Localization||{},t=e.country,n=e.language,r=e.direction;return b.a.createElement(i.View,{style:Pn.LocalizationDemo},b.a.createElement(i.View,{style:{height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},b.a.createElement(i.Text,{style:{color:"white",marginHorizontal:30,height:40,lineHeight:40,textAlign:"center"}},"国际化相关信息：国家 ".concat(t," | 语言 ").concat(n," | 方向 ").concat(1===r?"RTL":"LTR"))))}}]),n}(b.a.Component),Ln=function(){var e=le()(fe.a.mark((function e(t){return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",turboPromise(getTurboModule("demoTurbo").nativeWithPromise)(t));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Bn=function(){return getTurboModule("demoTurbo").getTurboConfig()};function Mn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var zn=i.StyleSheet.create({container:{flex:1},cellContentView:{flexDirection:"row",justifyContent:"space-between",backgroundColor:"#ccc",marginBottom:1},funcInfo:{justifyContent:"center",paddingLeft:15,paddingRight:15},actionButton:{backgroundColor:"#4c9afa",color:"#fff",height:44,lineHeight:44,textAlign:"center",width:80,borderRadius:6},resultView:{backgroundColor:"darkseagreen",minHeight:150,padding:15}}),Fn=function(e){d()(r,e);var t,n=Mn(r);function r(e){var t;return c()(this,r),(t=n.call(this,e)).state={config:null,result:"",funList:["getString","getNum","getBoolean","getMap","getObject","getArray","nativeWithPromise","getTurboConfig","printTurboConfig","getInfo","setInfo"]},t.onTurboFunc=t.onTurboFunc.bind(se()(t)),t.getRenderRow=t.getRenderRow.bind(se()(t)),t.getRowKey=t.getRowKey.bind(se()(t)),t}return u()(r,[{key:"onTurboFunc",value:(t=le()(fe.a.mark((function e(t){var n;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("nativeWithPromise"!==t){e.next=6;break}return e.next=3,Ln("aaa");case 3:n=e.sent,e.next=7;break;case 6:"getTurboConfig"===t?(this.config=Bn(),n="获取到config对象"):"printTurboConfig"===t?(r=this.config||Bn(),n=getTurboModule("demoTurbo").printTurboConfig(r)):"getInfo"===t?n=(this.config||Bn()).getInfo():"setInfo"===t?((this.config||Bn()).setInfo("Hello World"),n="设置config信息成功"):n={getString:function(){return e="123",getTurboModule("demoTurbo").getString(e);var e},getNum:function(){return e=1024,getTurboModule("demoTurbo").getNum(e);var e},getBoolean:function(){return e=!0,getTurboModule("demoTurbo").getBoolean(e);var e},getMap:function(){return e=new Map([["a","1"],["b",2]]),getTurboModule("demoTurbo").getMap(e);var e},getObject:function(){return e={c:"3",d:"4"},getTurboModule("demoTurbo").getObject(e);var e},getArray:function(){return e=["a","b","c"],getTurboModule("demoTurbo").getArray(e);var e}}[t]();case 7:this.setState({result:n});case 8:case"end":return e.stop()}var r}),e,this)}))),function(e){return t.apply(this,arguments)})},{key:"renderResultView",value:function(){return b.a.createElement(i.View,{style:zn.resultView},b.a.createElement(i.Text,{style:{backgroundColor:"darkseagreen"}},"".concat(this.state.result)))}},{key:"getRenderRow",value:function(e){var t=this,n=this.state.funList;return b.a.createElement(i.View,{style:zn.cellContentView},b.a.createElement(i.View,{style:zn.funcInfo},b.a.createElement(i.Text,{numberofLines:0},"函数名：",n[e])),b.a.createElement(i.Text,{style:zn.actionButton,onClick:function(){return t.onTurboFunc(n[e])}},"执行"))}},{key:"getRowKey",value:function(e){return this.state.funList[e]}},{key:"render",value:function(){var e=this.state.funList;return b.a.createElement(i.View,{style:zn.container},this.renderResultView(),b.a.createElement(i.ListView,{numberOfRows:e.length,renderRow:this.getRenderRow,getRowKey:this.getRowKey,style:{flex:1}}))}}]),r}(b.a.Component);function Wn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Hn(e){for(var t=1;t Develop 菜单进行调试（需要在预置 -> 高级里打开开发者菜单）"),e.push("注意：每次插拔 USB 线后都需要通过 npm run hippy:debug 重启调试服务"));return b.a.createElement(i.ScrollView,{style:nr.container},e.map((function(e,t){return b.a.createElement(i.Text,{style:nr.stepText,key:"steps-".concat(t)},e)})),b.a.createElement(i.View,{style:nr.buttonContainer},b.a.createElement(i.View,{style:nr.button,onClick:this.clickToDebug},b.a.createElement(i.Text,{style:nr.buttonText,numberOfLines:1},"点击调试"))))}}]),n}(g.Component);function or(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var ar=i.StyleSheet.create({container:{flex:1}}),ir=function(e){d()(n,e);var t=or(n);function n(e){var r;c()(this,n),r=t.call(this,e);var o=i.Dimensions.get("screen"),a=o.width,l=o.height;return r.state={isVertical:a=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var l=r.call(a,"catchLoc"),c=r.call(a,"finallyLoc");if(l&&c){if(this.prev=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),T(n),f}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;T(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:E(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),f}},e}("object"===t(e)?e.exports:{});try{regeneratorRuntime=r}catch(e){"object"===("undefined"==typeof globalThis?"undefined":t(globalThis))?globalThis.regeneratorRuntime=r:Function("r","regeneratorRuntime = r")(r)}}).call(this,n("./node_modules/webpack/buildin/module.js")(e))},"./node_modules/webpack/buildin/global.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/webpack/buildin/global.js")},"./node_modules/webpack/buildin/module.js":function(e,t,n){e.exports=n("dll-reference hippyReactBase")("./node_modules/webpack/buildin/module.js")},"./src/main.js":function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"Focusable",(function(){return te})),n.d(r,"Image",(function(){return ae})),n.d(r,"ListView",(function(){return be})),n.d(r,"Modal",(function(){return Ce})),n.d(r,"RefreshWrapper",(function(){return Qe})),n.d(r,"PullHeader",(function(){return Je})),n.d(r,"ScrollView",(function(){return $e})),n.d(r,"Text",(function(){return rt})),n.d(r,"TextInput",(function(){return it})),n.d(r,"View",(function(){return st})),n.d(r,"ViewPager",(function(){return vt})),n.d(r,"WebView",(function(){return St})),n.d(r,"BoxShadow",(function(){return Et})),n.d(r,"WaterfallView",(function(){return Vt})),n.d(r,"RippleViewAndroid",(function(){return Mt}));var o={};n.r(o),n.d(o,"Animation",(function(){return Nt})),n.d(o,"AsyncStorage",(function(){return Ut})),n.d(o,"Clipboard",(function(){return Yt})),n.d(o,"NativeEvent",(function(){return Zt})),n.d(o,"NetInfo",(function(){return tn})),n.d(o,"TestModule",(function(){return an})),n.d(o,"WebSocket",(function(){return un})),n.d(o,"UIManagerModule",(function(){return pn}));var a={};n.r(a),n.d(a,"Slider",(function(){return Sn})),n.d(a,"TabHost",(function(){return En})),n.d(a,"SetNativeProps",(function(){return Vn})),n.d(a,"DynamicImport",(function(){return On})),n.d(a,"Localization",(function(){return _n})),n.d(a,"Turbo",(function(){return Fn}));var i=n("../../packages/hippy-react/dist/index.js"),l=n("./node_modules/@babel/runtime/helpers/classCallCheck.js"),c=n.n(l),s=n("./node_modules/@babel/runtime/helpers/createClass.js"),u=n.n(s),f=n("./node_modules/@babel/runtime/helpers/inherits.js"),d=n.n(f),h=n("./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"),m=n.n(h),p=n("./node_modules/@babel/runtime/helpers/getPrototypeOf.js"),y=n.n(p),g=n("./node_modules/react/index.js"),b=n.n(g),w=n("./node_modules/@babel/runtime/helpers/toConsumableArray.js"),v=n.n(w),x=n("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");n("./node_modules/@babel/runtime/helpers/typeof.js");function S(){return(S=Object.assign||function(e){for(var t=1;t=0;u--){var f=o[u];"."===f?C(o,u):".."===f?(C(o,u),s++):s&&(C(o,u),s--)}if(!l)for(;s--;s)o.unshift("..");!l||""===o[0]||o[0]&&T(o[0])||o.unshift("");var d=o.join("/");return n&&"/"!==d.substr(-1)&&(d+="/"),d};var k="Invariant failed";function R(e,t){if(!e)throw new Error(k)}function A(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function V(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e)).state=t:(void 0===(o=S({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=E(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function I(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;rt?n.splice(t,n.length-t,r):n.push(r),u({action:"PUSH",location:r,index:t,entries:n})}}))},replace:function(e,t){var r=V(e,t,f(),y.location);s.confirmTransitionTo(r,"REPLACE",n,(function(e){e&&(y.entries[y.index]=r,u({action:"REPLACE",location:r}))}))},go:p,goBack:function(){p(-1)},goForward:function(){p(1)},canGo:function(e){var t=y.index+e;return t>=0&&t=0||(o[n]=e[n]);return o}var B=n("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),M=n.n(B),z=function(e){var t=Object(D.a)();return t.displayName=e,t}("Router"),F=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}Object(x.a)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&this.unlisten()},n.render=function(){return b.a.createElement(z.Provider,{children:this.props.children||null,value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}})},t}(b.a.Component);var W=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o=100?t([]):t(he)}),600)}))}},{key:"render",value:function(){var e=this.state.dataSource;return b.a.createElement(i.ListView,{onTouchDown:function(e){console.log("onTouchDown ListView",e.target.nodeId,e.currentTarget.nodeId)},onClickCapture:function(e){console.log("onClickCapture listview",e.target.nodeId,e.currentTarget.nodeId)},onClick:function(e){return console.log("click listview",e.target.nodeId,e.currentTarget.nodeId),!0},bounces:!0,overScrollEnabled:!0,horizontal:void 0,style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,onDelete:this.onDelete,delText:this.delText,editable:!0,getRowKey:this.getRowKey,initialListSize:15,rowShouldSticky:this.rowShouldSticky,onAppear:this.onAppear,onDisappear:this.onDisappear,onWillAppear:this.onWillAppear,onWillDisappear:this.onWillDisappear})}}]),r}(b.a.Component);function we(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var ve="#4c9afa",xe="#f44837",Se="#fff",Te=i.StyleSheet.create({container:{flex:1,flexDirection:"row",justifyContent:"center"},buttonView:{borderColor:ve,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:ve,textAlign:"center",textAlignVertical:"center"}}),Ce=function(e){d()(n,e);var t=we(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).state={visible:!1,press:!1},r.show=r.show.bind(se()(r)),r.hide=r.hide.bind(se()(r)),r}return u()(n,[{key:"feedback",value:function(e){this.setState({press:"in"===e})}},{key:"show",value:function(){this.setState({visible:!0})}},{key:"hide",value:function(){this.setState({visible:!1})}},{key:"render",value:function(){var e=this,t=this.state,n=t.press,r=t.visible;return b.a.createElement(i.ScrollView,null,b.a.createElement(i.View,{style:Te.container},b.a.createElement(i.View,{onPressIn:function(){return e.feedback("in")},onPressOut:function(){return e.feedback.bind("out")},onClick:this.show,style:[Te.buttonView,{borderColor:ve,opacity:n?.5:1}]},b.a.createElement(i.Text,{style:[Te.buttonText,{color:ve}]},"点击弹出浮层"))),b.a.createElement(i.Modal,{transparent:!0,animationType:"slide_fade",visible:r,onRequestClose:function(){},supportedOrientations:["portrait"]},b.a.createElement(i.View,{style:{flex:1,flexDirection:"row",justifyContent:"center"}},b.a.createElement(i.View,{onClick:this.hide,style:{width:200,height:200,backgroundColor:xe,marginTop:300,flexDirection:"row",justifyContent:"center"}},b.a.createElement(i.Text,{style:{color:Se,fontSize:22,marginTop:80}},"点击关闭浮层")))))}}]),n}(b.a.Component),Ee="https://user-images.githubusercontent.com/12878546/148736841-59ce5d1c-8010-46dc-8632-01c380159237.jpg",ke={style:1,itemBean:{title:"非洲总统出行真大牌，美制武装直升机和中国潜艇为其保驾",picList:[Ee,Ee,Ee],subInfo:["三图评论","11评"]}},Re={style:2,itemBean:{title:"彼得·泰尔：认知未来是投资人的谋生之道",picUrl:"https://user-images.githubusercontent.com/12878546/148736850-4fc13304-25d4-4b6a-ada3-cbf0745666f5.jpg",subInfo:["左文右图"]}},Ae={style:5,itemBean:{title:"愤怒！美官员扬言：“不让中国拿走南海的岛屿，南海岛礁不属于中国”？",picUrl:"https://user-images.githubusercontent.com/12878546/148736859-29e3a5b2-612a-4fdd-ad21-dc5d29fa538f.jpg",subInfo:["六眼神魔 5234播放"]}},Ve=[Ae,ke,Re,ke,Re,ke,Re,Ae,ke],Ie=n("./node_modules/@babel/runtime/helpers/extends.js"),je=n.n(Ie),Oe={getScreenWidth:function(){var e=i.Dimensions.get("screen").width,t=i.Dimensions.get("screen").height,n=e>t?t:e;return Math.floor(n)},uniqueArray:function(e){for(var t=[],n=0;n=812&&i.PixelRatio.get()>=2&&(e=!0),e}},De=(Oe.getScreenWidth()-24-12)/3,Pe=Math.floor(De/1.35),_e=i.StyleSheet.create({imageContainer:{flexDirection:"row",justifyContent:"center",height:Pe,marginTop:8},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},image:{width:De,height:Pe},title:{fontSize:"android"===i.Platform.OS?17:18,lineHeight:24,color:"#242424"},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"}});function Le(e){var t=e.itemBean,n=t.title,r=t.picList,o=e.itemBean.subInfo,a=null;if(o&&o.length){var l=(o=Oe.uniqueArray(o)).join(" ");a=b.a.createElement(i.Text,{style:_e.normalText,numberOfLines:1},l)}return b.a.createElement(i.View,je()({},e,{style:{collapsable:!1}}),b.a.createElement(i.Text,{style:[_e.title],numberOfLines:2,enableScale:!0},n),b.a.createElement(i.View,{style:_e.imageContainer},b.a.createElement(i.Image,{style:_e.image,source:{uri:r[0]},resizeMode:i.Image.resizeMode.cover}),b.a.createElement(i.Image,{style:[_e.image,{marginLeft:6,marginRight:6}],source:{uri:r[1]},resizeMode:i.Image.resizeMode.cover}),b.a.createElement(i.Image,{style:_e.image,source:{uri:r[2]},resizeMode:i.Image.resizeMode.cover})),a?b.a.createElement(i.View,{style:_e.tagLine},a):null)}var Be=Oe.getScreenWidth()-24,Me=Math.floor(Be-12)/3,ze=Math.floor(Me/1.35),Fe=i.StyleSheet.create({container:{flexDirection:"row",justifyContent:"space-between",height:ze},leftContainer:{flex:1,flexDirection:"column",justifyContent:"center",marginRight:8},imageContainer:{width:Me,height:ze},image:{width:Me,height:ze},title:{fontSize:"android"===i.Platform.OS?17:18,lineHeight:24},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}});function We(e){if("undefined"===e)return null;var t=e.itemBean;if(!t)return null;var n=null,r=t.title,o=t.picUrl,a=t.subInfo;if(a&&a.length){var l=(a=Oe.uniqueArray(a)).join(" ");n=b.a.createElement(i.Text,{style:Fe.normalText,numberOfLines:1},l)}return b.a.createElement(i.View,je()({},e,{style:Fe.container}),b.a.createElement(i.View,{style:Fe.leftContainer},b.a.createElement(i.Text,{style:Fe.title,numberOfLines:2,enableScale:!0},r),n?b.a.createElement(i.View,{style:Fe.tagLine},n):null),b.a.createElement(i.View,{style:Fe.imageContainer},b.a.createElement(i.Image,{resizeMode:i.Image.resizeMode.cover,style:Fe.image,source:{uri:o}})))}var He=Oe.getScreenWidth()-24,Ne=Math.floor(188*He/336),Ke=i.StyleSheet.create({text:{fontSize:"android"===i.Platform.OS?17:18,lineHeight:24,color:"#242424"},playerView:{marginTop:8,alignItems:"center",width:He,height:Ne,alignSelf:"center"},image:{width:He,height:Ne},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},tagLine:{marginTop:8,flexDirection:"row",justifyContent:"space-between",alignItems:"center"}});function Ge(e){if("undefined"===e)return null;var t=e.itemBean;if(!t)return null;var n=t.title,r=t.picUrl,o=t.subInfo,a=null;if(o&&o.length){var l=(o=Oe.uniqueArray(o)).join(" ");a=b.a.createElement(i.Text,{style:Ke.normalText,numberOfLines:1},l)}return b.a.createElement(i.View,e,b.a.createElement(i.Text,{style:Ke.text,numberOfLines:2,enableScale:!0},n),b.a.createElement(i.View,{style:Ke.playerView},b.a.createElement(i.Image,{style:Ke.image,source:{uri:r},resizeMode:i.Image.resizeMode.cover})),a?b.a.createElement(i.View,{style:Ke.tagLine},a):null)}function Ue(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var qe=i.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},spliter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"}}),Qe=function(e){d()(o,e);var t,n,r=Ue(o);function o(e){var t;return c()(this,o),(t=r.call(this,e)).state={dataSource:[],loadingState:"正在加载..."},t.fetchTimes=0,t.mockFetchData=t.mockFetchData.bind(se()(t)),t.onRefresh=t.onRefresh.bind(se()(t)),t.getRefresh=t.getRefresh.bind(se()(t)),t.getRenderRow=t.getRenderRow.bind(se()(t)),t.onEndReached=t.onEndReached.bind(se()(t)),t.getRowType=t.getRowType.bind(se()(t)),t.getRowKey=t.getRowKey.bind(se()(t)),t}return u()(o,[{key:"componentDidMount",value:(n=le()(fe.a.mark((function e(){var t;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.mockFetchData();case 2:t=e.sent,this.setState({dataSource:t});case 4:case"end":return e.stop()}}),e,this)}))),function(){return n.apply(this,arguments)})},{key:"onEndReached",value:(t=le()(fe.a.mark((function e(){var t,n,r,o,a;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.state,n=t.dataSource,!t.fetchingDataFlag){e.next=3;break}return e.abrupt("return");case 3:return this.setState({fetchingDataFlag:!0,dataSource:n.concat([{style:100}])}),e.next=6,this.mockFetchData();case 6:r=e.sent,(o=n[n.length-1])&&100===o.style&&n.pop(),a=n.concat(r),this.setState({dataSource:a});case 11:case"end":return e.stop()}}),e,this)}))),function(){return t.apply(this,arguments)})},{key:"onRefresh",value:function(){var e=this;setTimeout(le()(fe.a.mark((function t(){var n;return fe.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.mockFetchData();case 2:n=t.sent,e.setState({dataSource:n}),e.refresh.refreshComplected();case 5:case"end":return t.stop()}}),t)}))),1e3)}},{key:"onClickItem",value:function(e){console.log("item: ".concat(e," is clicked.."))}},{key:"getRenderRow",value:function(e){var t=this,n=this.state,r=n.dataSource,o=n.loadingState,a=null,l=r[e],c=r.length===e+1;switch(l.style){case 1:a=b.a.createElement(Le,{itemBean:l.itemBean,onClick:function(){return t.onClickItem(e)}});break;case 2:a=b.a.createElement(We,{itemBean:l.itemBean,onClick:function(){return t.onClickItem(e)}});break;case 5:a=b.a.createElement(Ge,{itemBean:l.itemBean,onClick:function(){return t.onClickItem(e)}});break;case 100:a=b.a.createElement(i.Text,{style:qe.loading},o)}return b.a.createElement(i.View,{style:qe.container},b.a.createElement(i.View,{style:qe.itemContainer},a),c?null:b.a.createElement(i.View,{style:qe.spliter}))}},{key:"getRowType",value:function(e){return this.state.dataSource[e].style}},{key:"getRowKey",value:function(e){return"row-".concat(e)}},{key:"getRefresh",value:function(){return b.a.createElement(i.View,{style:{flex:1,height:30}},b.a.createElement(i.Text,{style:{flex:1,textAlign:"center"}},"下拉刷新中..."))}},{key:"mockFetchData",value:function(){var e=this;return new Promise((function(t){setTimeout((function(){return e.setState({fetchingDataFlag:!1}),e.fetchTimes+=1,e.fetchTimes>=50?t([]):t(Ve)}),600)}))}},{key:"render",value:function(){var e=this,t=this.state.dataSource;return b.a.createElement(i.RefreshWrapper,{ref:function(t){e.refresh=t},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},b.a.createElement(i.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:t.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,getRowKey:this.getRowKey}))}}]),o}(b.a.Component);function Ye(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Xe=i.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"}}),Je=function(e){d()(a,e);var t,n,r,o=Ye(a);function a(e){var t;return c()(this,a),(t=o.call(this,e)).state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},t.fetchTimes=0,t.mockFetchData=t.mockFetchData.bind(se()(t)),t.renderRow=t.renderRow.bind(se()(t)),t.getRowType=t.getRowType.bind(se()(t)),t.getRowKey=t.getRowKey.bind(se()(t)),t.renderPullHeader=t.renderPullHeader.bind(se()(t)),t.onEndReached=t.onEndReached.bind(se()(t)),t.onHeaderReleased=t.onHeaderReleased.bind(se()(t)),t.onHeaderPulling=t.onHeaderPulling.bind(se()(t)),t}return u()(a,[{key:"componentDidMount",value:(r=le()(fe.a.mark((function e(){var t;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.mockFetchData();case 2:t=e.sent,this.setState({dataSource:t}),this.listView.collapsePullHeader();case 5:case"end":return e.stop()}}),e,this)}))),function(){return r.apply(this,arguments)})},{key:"onEndReached",value:(n=le()(fe.a.mark((function e(){var t,n,r,o;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.state.dataSource,!this.loadMoreDataFlag){e.next=3;break}return e.abrupt("return");case 3:return this.loadMoreDataFlag=!0,this.setState({dataSource:t.concat([{style:100}])}),n=[],e.prev=6,e.next=9,this.mockFetchData();case 9:n=e.sent,e.next=14;break;case 12:e.prev=12,e.t0=e.catch(6);case 14:(r=t[t.length-1])&&100===r.style&&t.pop(),o=t.concat(n),this.loadMoreDataFlag=!1,this.setState({dataSource:o});case 19:case"end":return e.stop()}}),e,this,[[6,12]])}))),function(){return n.apply(this,arguments)})},{key:"onHeaderReleased",value:(t=le()(fe.a.mark((function e(){var t,n=this;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.fetchingDataFlag){e.next=2;break}return e.abrupt("return");case 2:return this.fetchingDataFlag=!0,console.log("onHeaderReleased"),this.setState({pullingText:"刷新数据中，请稍等，2秒后自动收起"}),t=[],e.prev=6,e.next=9,this.mockFetchData();case 9:t=e.sent,e.next=14;break;case 12:e.prev=12,e.t0=e.catch(6);case 14:this.fetchingDataFlag=!1,this.setState({dataSource:t},(function(){n.listView.collapsePullHeader(),n.fetchTimes=0}));case 16:case"end":return e.stop()}}),e,this,[[6,12]])}))),function(){return t.apply(this,arguments)})},{key:"onHeaderPulling",value:function(e){this.fetchingDataFlag||(console.log("onHeaderPulling",e.contentOffset),e.contentOffset>Xe.pullContent.height?this.setState({pullingText:"松手，即可触发刷新"}):this.setState({pullingText:"继续下拉，触发刷新"}))}},{key:"onClickItem",value:function(e,t){console.log("item: ".concat(e," is clicked.."),t.target.nodeId,t.currentTarget.nodeId)}},{key:"getRowType",value:function(e){return this.state.dataSource[e].style}},{key:"getRowKey",value:function(e){return"row-".concat(e)}},{key:"mockFetchData",value:function(){var e=this;return new Promise((function(t){setTimeout((function(){e.fetchTimes+=1;var n=[];return e.fetchTimes<50&&(n=Ve),t(n)}),600)}))}},{key:"renderPullHeader",value:function(){var e=this.state.pullingText;return b.a.createElement(i.View,{style:Xe.pullContainer},b.a.createElement(i.Text,{style:Xe.pullContent},e))}},{key:"renderRow",value:function(e){var t=this,n=this.state,r=n.dataSource,o=n.loadingState,a=null,l=r[e],c=r.length===e+1;switch(l.style){case 1:a=b.a.createElement(Le,{itemBean:l.itemBean,onClick:function(n){return t.onClickItem(e,n)}});break;case 2:a=b.a.createElement(We,{itemBean:l.itemBean,onClick:function(n){return t.onClickItem(e,n)}});break;case 5:a=b.a.createElement(Ge,{itemBean:l.itemBean,onClick:function(n){return t.onClickItem(e,n)}});break;case 100:a=b.a.createElement(i.Text,{style:Xe.loading},o)}return b.a.createElement(i.View,{style:Xe.container},b.a.createElement(i.View,{style:Xe.itemContainer},a),c?null:b.a.createElement(i.View,{style:Xe.splitter}))}},{key:"render",value:function(){var e=this,t=this.state.dataSource;return b.a.createElement(i.ListView,{onClick:function(e){return console.log("ListView",e.target.nodeId,e.currentTarget.nodeId)},ref:function(t){e.listView=t},style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:t.length,getRowType:this.getRowType,getRowKey:this.getRowKey,renderRow:this.renderRow,renderPullHeader:this.renderPullHeader,onEndReached:this.onEndReached,onHeaderReleased:this.onHeaderReleased,onHeaderPulling:this.onHeaderPulling})}}]),a}(b.a.Component),Ze=i.StyleSheet.create({itemStyle:{width:100,height:100,lineHeight:100,borderWidth:1,borderColor:"#4c9afa",fontSize:80,margin:20,color:"#4c9afa",textAlign:"center"},verticalScrollView:{height:300,width:140,margin:20,borderColor:"#eee",borderWidth:1},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10}});function $e(){return b.a.createElement(i.ScrollView,null,b.a.createElement(i.View,{style:Ze.itemTitle},b.a.createElement(i.Text,null,"Horizontal ScrollView")),b.a.createElement(i.View,null,b.a.createElement(i.ScrollView,{horizontal:!0,bounces:!0,showsHorizontalScrollIndicator:!1,showScrollIndicator:!1},b.a.createElement(i.Text,{style:Ze.itemStyle},"A"),b.a.createElement(i.Text,{style:Ze.itemStyle},"B"),b.a.createElement(i.Text,{style:Ze.itemStyle},"C"),b.a.createElement(i.Text,{style:Ze.itemStyle},"D"),b.a.createElement(i.Text,{style:Ze.itemStyle},"E"),b.a.createElement(i.Text,{style:Ze.itemStyle},"F"),b.a.createElement(i.Text,{style:Ze.itemStyle},"A"))),b.a.createElement(i.View,{style:Ze.itemTitle},b.a.createElement(i.Text,null,"Vertical ScrollView")),b.a.createElement(i.ScrollView,{bounces:!0,horizontal:!1,style:Ze.verticalScrollView,showScrollIndicator:!1,showsVerticalScrollIndicator:!1},b.a.createElement(i.Text,{style:Ze.itemStyle},"A"),b.a.createElement(i.Text,{style:Ze.itemStyle},"B"),b.a.createElement(i.Text,{style:Ze.itemStyle},"C"),b.a.createElement(i.Text,{style:Ze.itemStyle},"D"),b.a.createElement(i.Text,{style:Ze.itemStyle},"E"),b.a.createElement(i.Text,{style:Ze.itemStyle},"F"),b.a.createElement(i.Text,{style:Ze.itemStyle},"A")))}function et(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var tt=i.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",height:100,borderWidth:1,borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"},button:{width:100,height:24,borderColor:"blue",borderWidth:1},buttonText:{width:100,lineHeight:24,textAlign:"center"},customFont:{color:"#0052d9",fontSize:32,fontFamily:"TTTGB"}}),nt=0,rt=function(e){d()(n,e);var t=et(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).state={fontSize:16,textShadowColor:"grey",textShadowOffset:{x:1,y:1}},r.incrementFontSize=r.incrementFontSize.bind(se()(r)),r.decrementFontSize=r.decrementFontSize.bind(se()(r)),r.androidNestedTextWrapperStyle={height:100,lineHeight:100},r}return u()(n,[{key:"incrementFontSize",value:function(){var e=this.state.fontSize;24!==e&&this.setState({fontSize:e+1})}},{key:"decrementFontSize",value:function(){var e=this.state.fontSize;6!==e&&this.setState({fontSize:e-1})}},{key:"render",value:function(){var e=this,t=this.state,n=t.fontSize,r=t.textShadowColor,o=t.textShadowOffset,a=function(e){return b.a.createElement(i.View,{style:tt.itemTitle},b.a.createElement(i.Text,{style:!0},e))};return b.a.createElement(i.ScrollView,{style:{padding:10}},a("shadow"),b.a.createElement(i.View,{style:[tt.itemContent],onClick:function(){var t="red",n={x:10,y:1};nt%2==1&&(t="grey",n={x:1,y:1}),nt+=1,e.setState({textShadowColor:t,textShadowOffset:n})}},b.a.createElement(i.Text,{style:[tt.normalText,{color:"#242424",textShadowOffset:o,textShadowRadius:3,textShadowColor:r}]},"Text shadow is grey with radius 3 and offset 1")),a("color"),b.a.createElement(i.View,{style:[tt.itemContent]},b.a.createElement(i.Text,{style:[tt.normalText,{color:"#242424"}]},"Text color is black"),b.a.createElement(i.Text,{style:[tt.normalText,{color:"blue"}]},"Text color is blue"),b.a.createElement(i.Text,{style:[tt.normalText,{color:"rgb(228,61,36)"}]},"This is red")),a("fontSize"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{style:[tt.normalText,{fontSize:n}]},"Text fontSize is ".concat(n)),b.a.createElement(i.View,{style:tt.button,onClick:this.incrementFontSize},b.a.createElement(i.Text,{style:tt.buttonText},"放大字体")),b.a.createElement(i.View,{style:tt.button,onClick:this.decrementFontSize},b.a.createElement(i.Text,{style:tt.buttonText},"缩小字体"))),a("fontStyle"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{style:[tt.normalText,{fontStyle:"normal"}]},"Text fontStyle is normal"),b.a.createElement(i.Text,{style:[tt.normalText,{fontStyle:"italic"}]},"Text fontStyle is italic")),a("numberOfLines"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:1,style:tt.normalText},"just one line just one line just one line just one line just one line just one line just one line just one line"),b.a.createElement(i.Text,{numberOfLines:2,style:tt.normalText},"just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines just two lines")),a("textDecoration"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:1,style:[tt.normalText,{textDecorationLine:"underline",textDecorationStyle:"dotted"}]},"underline"),b.a.createElement(i.Text,{numberOfLines:1,style:[tt.normalText,{textDecorationLine:"line-through",textDecorationColor:"red"}]},"line-through")),a("Nest Text"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:3},b.a.createElement(i.Text,{numberOfLines:3,style:[tt.normalText,{color:"#4c9afa"}]},"#SpiderMan#"),b.a.createElement(i.Text,{numberOfLines:3,style:tt.normalText},"Hello world, I am a spider man and I have five friends in other universe."))),a("Custom font"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{numberOfLines:1,style:tt.customFont},"Hippy 跨端框架")),a("Text Nested"),b.a.createElement(i.View,{style:tt.itemContent},b.a.createElement(i.Text,{style:"android"===i.Platform.OS?this.androidNestedTextWrapperStyle:{}},b.a.createElement(i.Text,{numberOfLines:1,style:tt.normalText},"后面有张图片"),b.a.createElement(i.Image,{style:{width:70,height:35},source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAtCAMAAABmgJ64AAAAOVBMVEX/Rx8AAAD/QiL/Tif/QyH/RR//QiH/QiP/RCD/QSL/Qxz/QyH/QiL/QiD/QyL/QiL/QiH/QyH/QiLwirLUAAAAEnRSTlMZAF4OTC7DrWzjI4iietrRk0EEv/0YAAAB0UlEQVRYw72Y0Y6sIAxAKwUFlFH7/x97izNXF2lN1pU5D800jD2hJAJCdwYZuAUyVbmToKh903IhQHgErAVH+ccV0KI+G2oBPMxJgPA4WAigAT8F0IRDgNAE3ARyfeMFDGSc3YHVFkTBAHKDAgkEyHjacae/GTjxFqAo8NbakXrL9DRy9B+BCQwRcXR9OBKmEuAmAFFgcy0agBnIc1xZsMPOI5loAoUsQFmQjDEL9YbpaeGYBMGRKKAuqFEFL/JXApCw/zFEZk9qgbLGBx0gXLISxT25IUBREEgh1II1fph/IViGnZnCcDDVAgfgVg6gCy6ZaClySbDQpAl04vCGaB4+xGcFRK8CLvW0IBb5bQGqAlNwU4C6oEIVTLTcmoEr0AWcpKsZ/H0NAtkLQffnFjkOqiC/TTWBL9AFCwXQBHgI7rXImMgjCZwFa50s6DRBXyALmIECuMASiWNPFgRTgSJwM+XW8PDCmbwndzdaNL8FMYXPNjASDVChnIvWlBI/MKadPV952HszbmXtRERhhQ0vGFA52SVSSVt7MjHvxfRK8cdTpqovn02dUcltMrwiKf+wQ1FxXKCk9en6e/eDNnP44h2thQEb35O/etNv/q3iHza+KuhqqhZAAAAAAElFTkSuQmCC"}}),b.a.createElement(i.Text,{numberOfLines:1,style:tt.customFont},"前面有张图片"))))}}]),n}(b.a.Component);function ot(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var at=i.StyleSheet.create({container_style:{padding:10},input_style:{width:300,marginVertical:10,placeholderTextColor:"#aaaaaa",fontSize:16,color:"#242424",height:30,lineHeight:30},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},button:{width:200,borderColor:"#4c9afa",borderWidth:1,marginTop:5,marginBottom:5}}),it=function(e){d()(n,e);var t=ot(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).state={textContent:""},r.changeInputContent=r.changeInputContent.bind(se()(r)),r.focus=r.focus.bind(se()(r)),r.blur=r.blur.bind(se()(r)),r}return u()(n,[{key:"changeInputContent",value:function(){this.setState({textContent:"当前时间毫秒：".concat(Date.now())})}},{key:"focus",value:function(){this.input.focus()}},{key:"blur",value:function(){this.input.blur()}},{key:"render",value:function(){var e=this,t=this.state.textContent,n=function(e){return b.a.createElement(i.View,{style:at.itemTitle},b.a.createElement(i.Text,null,e))};return b.a.createElement(i.ScrollView,{style:at.container_style},n("text"),b.a.createElement(i.TextInput,{ref:function(t){e.input=t},style:at.input_style,placeholder:"text",defaultValue:t}),b.a.createElement(i.View,{style:at.button,onClick:this.changeInputContent},b.a.createElement(i.Text,null,"点击改变输入框内容")),b.a.createElement(i.View,{style:at.button,onClick:this.focus},b.a.createElement(i.Text,null,"Focus")),b.a.createElement(i.View,{style:at.button,onClick:this.blur},b.a.createElement(i.Text,null,"Blur")),n("numeric"),b.a.createElement(i.TextInput,{style:at.input_style,keyboardType:"numeric",placeholder:"numeric"}),n("phone-pad"),b.a.createElement(i.TextInput,{style:at.input_style,keyboardType:"phone-pad",placeholder:"phone-pad"}),n("password"),b.a.createElement(i.TextInput,{style:at.input_style,keyboardType:"password",placeholder:"Password",multiline:!1}),n("maxLength"),b.a.createElement(i.TextInput,{caretColor:"yellow",style:at.input_style,placeholder:"maxLength=5",maxLength:5}))}}]),n}(g.Component),lt=n.p+"assets/defaultSource.jpg",ct=i.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},rectangle:{width:160,height:80,marginVertical:10},bigRectangle:{width:200,height:100,borderColor:"#eee",borderWidth:1,padding:10,marginVertical:10},smallRectangle:{width:40,height:40,borderRadius:10}});function st(){var e=function(e){return b.a.createElement(i.View,{style:ct.itemTitle},b.a.createElement(i.Text,null,e))};return b.a.createElement(i.ScrollView,{style:{padding:10}},e("backgroundColor"),b.a.createElement(i.View,{style:[ct.rectangle,{backgroundColor:"#4c9afa"}]}),e("backgroundImage"),b.a.createElement(i.View,{style:[ct.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,backgroundImage:lt}],accessible:!0,accessibilityLabel:"背景图",accessibilityRole:"image",accessibilityState:{disabled:!1,selected:!0,checked:!1,expanded:!1,busy:!0},accessibilityValue:{min:1,max:10,now:5,text:"middle"}},b.a.createElement(i.Text,{style:{color:"white"}},"背景图")),e("backgroundImage linear-gradient"),b.a.createElement(i.View,{style:[ct.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,borderWidth:2,borderColor:"black",borderRadius:2,backgroundImage:"linear-gradient(30deg, blue 10%, yellow 40%, red 50%);"}]},b.a.createElement(i.Text,{style:{color:"white"}},"渐变色")),e("border props"),b.a.createElement(i.View,{style:[ct.rectangle,{borderColor:"#242424",borderRadius:4,borderWidth:1}]}),e("flex props"),b.a.createElement(i.View,{style:[ct.bigRectangle,{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}]},b.a.createElement(i.View,{style:[ct.smallRectangle,{backgroundColor:"yellow"}]}),b.a.createElement(i.View,{style:[ct.smallRectangle,{backgroundColor:"blue"}]}),b.a.createElement(i.View,{style:[ct.smallRectangle,{backgroundColor:"green"}]})))}var ut=i.StyleSheet.create({pageContainer:{alignItems:"center",justifyContent:"center",flex:1,paddingTop:20},mainRec:{backgroundColor:"#4c9afaAA",width:256,height:48,marginBottom:10,marginTop:156},title:{verticalAlign:"middle",lineHeight:48,height:48,fontSize:16,color:"white",alignSelf:"center"},shapeBase:{width:128,height:128,backgroundColor:"#4c9afa"},square:{},circle:{borderRadius:64},triangle:{borderTopWidth:0,borderRightWidth:70,borderBottomWidth:128,borderLeftWidth:70,borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:"#4c9afa",backgroundColor:"transparent",width:140}}),ft="SquarePagerView",dt="TrianglePagerView",ht="CirclePagerView";function mt(e,t){var n=function(t){return b.a.createElement(i.View,{style:ut.pageContainer,key:t},b.a.createElement(i.View,{style:[ut.shapeBase,e],key:"shape"}),b.a.createElement(i.View,{style:ut.mainRec,key:"title"},t?b.a.createElement(i.Text,{style:ut.title},t):null))};return n.displayName=t,n}var pt=mt(ut.square,ft),yt=mt(ut.triangle,dt),gt=mt(ut.circle,ht);function bt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var wt=i.StyleSheet.create({dotContainer:{position:"absolute",bottom:10,left:0,right:0,flexDirection:"row",alignItems:"center",justifyContent:"center"},dot:{width:6,height:6,borderRadius:3,margin:3,backgroundColor:"#BBBBBB"},selectDot:{backgroundColor:"#000000"},container:{height:500},buttonContainer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:12},button:{width:120,height:36,backgroundColor:"#4c9afa",borderRadius:18,alignItems:"center",justifyContent:"center"},buttonText:{fontSize:16,color:"#fff"}}),vt=function(e){d()(n,e);var t=bt(n);function n(e){var r;return c()(this,n),r=t.call(this,e),$()(se()(r),"state",{selectedIndex:0}),r.onPageSelected=r.onPageSelected.bind(se()(r)),r}return u()(n,[{key:"onPageSelected",value:function(e){console.log("onPageSelected",e.position),this.setState({selectedIndex:e.position})}},{key:"onPageScrollStateChanged",value:function(e){console.log("onPageScrollStateChanged",e)}},{key:"onPageScroll",value:function(e){var t=e.offset,n=e.position;console.log("onPageScroll",t,n)}},{key:"render",value:function(){var e=this,t=this.state.selectedIndex;return b.a.createElement(i.View,{style:{flex:1,backgroundColor:"#ffffff"}},b.a.createElement(i.View,{style:wt.buttonContainer},b.a.createElement(i.View,{style:wt.button,onClick:function(){e.viewpager.setPage(2)}},b.a.createElement(i.Text,{style:wt.buttonText},"动效滑到第3页")),b.a.createElement(i.View,{style:wt.button,onClick:function(){return e.viewpager.setPageWithoutAnimation(0)}},b.a.createElement(i.Text,{style:wt.buttonText},"直接滑到第1页"))),b.a.createElement(i.ViewPager,{ref:function(t){e.viewpager=t},style:wt.container,initialPage:0,keyboardDismissMode:"none",scrollEnabled:!0,onPageSelected:this.onPageSelected,onPageScroll:this.onPageScroll},[pt("squarePager"),yt("TrianglePager"),gt("CirclePager")]),b.a.createElement(i.View,{style:wt.dotContainer},new Array(3).fill(0).map((function(e,n){var r=n===t;return b.a.createElement(i.View,{style:[wt.dot,r?wt.selectDot:null],key:"dot_".concat(n)})}))))}}]),n}(b.a.Component),xt=i.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},webViewStyle:{padding:10,flex:1,flexGrow:1,borderRadius:10}});function St(){return b.a.createElement(i.View,{style:{padding:10,flex:1}},b.a.createElement(i.View,{style:xt.itemTitle},b.a.createElement(i.Text,null,"WebView 示例")),b.a.createElement(i.WebView,{source:{uri:"https://hippyjs.org"},method:"get",userAgent:"Mozilla/5.0 (Linux; U; Android 5.1.1; zh-cn; vivo X7 Build/LMY47V) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 Chrome/37.0.0.0 MQQBrowser/8.2 Mobile Safari/537.36",style:xt.webViewStyle,onLoad:function(e){var t=e.url;return console.log("webview onload",t)},onLoadStart:function(e){var t=e.url;return console.log("webview onLoadStart",t)},onLoadEnd:function(e){var t=e.url;return console.log("webview onLoadEnd",t)}}))}var Tt=i.StyleSheet.create({shadowDemo:{flex:1,overflowY:"scroll"},shadowDemoCubeAndroid:{position:"absolute",left:50,top:50,width:170,height:170,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentAndroid:{position:"absolute",left:5,top:5,width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:50,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowSpread:1,boxShadowColor:"#4c9afa",borderRadius:5},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",borderRadius:5,display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}}),Ct=i.StyleSheet.create({shadowDemoCubeAndroid:{position:"absolute",left:50,top:300,width:175,height:175,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:15,boxShadowOffsetY:15,boxShadowColor:"#4c9afa"},shadowDemoContentAndroid:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},shadowDemoCubeIos:{position:"absolute",left:50,top:300,width:160,height:160,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:10,boxShadowOffsetY:10,boxShadowSpread:1,boxShadowColor:"#4c9afa"},shadowDemoContentIos:{width:160,height:160,backgroundColor:"grey",display:"flex",justifyContent:"center",alignItems:"center"},text:{color:"white"}});function Et(){return b.a.createElement(i.View,{style:Tt.shadowDemo},"android"===i.Platform.OS?b.a.createElement(i.View,{style:Tt.shadowDemoCubeAndroid},b.a.createElement(i.View,{style:Tt.shadowDemoContentAndroid},b.a.createElement(i.Text,{style:Tt.text},"没有偏移阴影样式"))):b.a.createElement(i.View,{style:Tt.shadowDemoCubeIos},b.a.createElement(i.View,{style:Tt.shadowDemoContentIos},b.a.createElement(i.Text,{style:Tt.text},"没有偏移阴影样式"))),"android"===i.Platform.OS?b.a.createElement(i.View,{style:Ct.shadowDemoCubeAndroid},b.a.createElement(i.View,{style:Ct.shadowDemoContentAndroid},b.a.createElement(i.Text,{style:Ct.text},"偏移阴影样式"))):b.a.createElement(i.View,{style:Ct.shadowDemoCubeIos},b.a.createElement(i.View,{style:Ct.shadowDemoContentIos},b.a.createElement(i.Text,{style:Ct.text},"偏移阴影样式"))))}function kt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Rt=Ve.filter((function(e){return 2!==e.style})),At=i.StyleSheet.create({container:{backgroundColor:"#ffffff"},itemContainer:{padding:12},splitter:{marginLeft:12,marginRight:12,height:.5,backgroundColor:"#e5e5e5"},loading:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},pullContainer:{height:60,backgroundColor:"green"},pullContent:{lineHeight:60,color:"white",height:60,textAlign:"center"},pullFooter:{flex:1,height:40,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}}),Vt=function(e){d()(a,e);var t,n,r,o=kt(a);function a(e){var t;return c()(this,a),(t=o.call(this,e)).state={dataSource:[],pullingText:"继续下拉触发刷新",loadingState:"正在加载..."},t.numberOfColumns=2,t.columnSpacing=6,t.interItemSpacing=6,t.mockFetchData=t.mockFetchData.bind(se()(t)),t.renderItem=t.renderItem.bind(se()(t)),t.getItemType=t.getItemType.bind(se()(t)),t.getItemKey=t.getItemKey.bind(se()(t)),t.onEndReached=t.onEndReached.bind(se()(t)),t.onRefresh=t.onRefresh.bind(se()(t)),t.getRefresh=t.getRefresh.bind(se()(t)),t.renderPullFooter=t.renderPullFooter.bind(se()(t)),t.renderBanner=t.renderBanner.bind(se()(t)),t.getItemStyle=t.getItemStyle.bind(se()(t)),t}return u()(a,[{key:"componentDidMount",value:(r=le()(fe.a.mark((function e(){var t;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.mockFetchData();case 2:t=e.sent,this.setState({dataSource:t});case 4:case"end":return e.stop()}}),e,this)}))),function(){return r.apply(this,arguments)})},{key:"onEndReached",value:(n=le()(fe.a.mark((function e(){var t,n,r;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.state.dataSource,!this.loadMoreDataFlag){e.next=3;break}return e.abrupt("return");case 3:return this.loadMoreDataFlag=!0,this.setState({loadingState:"加载更多..."}),n=[],e.prev=6,e.next=9,this.mockFetchData();case 9:n=e.sent,e.next=14;break;case 12:e.prev=12,e.t0=e.catch(6);case 14:0===n.length&&this.setState({loadingState:"没有更多数据"}),r=[].concat(v()(t),v()(n)),this.setState({dataSource:r}),this.loadMoreDataFlag=!1;case 18:case"end":return e.stop()}}),e,this,[[6,12]])}))),function(){return n.apply(this,arguments)})},{key:"renderPullFooter",value:function(){return 0===this.state.dataSource.length?null:b.a.createElement(i.View,{style:At.pullFooter},b.a.createElement(i.Text,{style:{color:"white"}},this.state.loadingState))}},{key:"onRefresh",value:(t=le()(fe.a.mark((function e(){var t=this;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:setTimeout(le()(fe.a.mark((function e(){var n;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.mockFetchData();case 2:n=e.sent,t.setState({dataSource:n}),t.refresh.refreshComplected();case 5:case"end":return e.stop()}}),e)}))),1e3);case 1:case"end":return e.stop()}}),e)}))),function(){return t.apply(this,arguments)})},{key:"getRefresh",value:function(){return b.a.createElement(i.View,{style:{flex:1,height:40,justifyContent:"center",alignItems:"center",backgroundColor:"#4c9afa"}},b.a.createElement(i.Text,{style:{height:40,lineHeight:40,textAlign:"center",color:"white"}},"下拉刷新中..."))}},{key:"onClickItem",value:function(e){console.log("item: ".concat(e," is clicked.."))}},{key:"getItemType",value:function(e){return this.state.dataSource[e].style}},{key:"getItemKey",value:function(e){return"row-".concat(e)}},{key:"onItemClick",value:function(e){console.log("onItemClick",e),this.listView.scrollToIndex({index:e,animation:!0})}},{key:"renderBanner",value:function(){return"android"===i.Platform.OS||0===this.state.dataSource.length?null:b.a.createElement(i.View,{style:{backgroundColor:"grey",height:100,justifyContent:"center",alignItems:"center"}},b.a.createElement(i.Text,{style:{fontSize:20,color:"white",lineHeight:100,height:100}},"Banner View"))}},{key:"renderItem",value:function(e){var t=this,n=null,r=this.state.dataSource[e];switch(r.style){case 1:n=b.a.createElement(Le,{itemBean:r.itemBean});break;case 2:n=b.a.createElement(We,{itemBean:r.itemBean});break;case 5:n=b.a.createElement(Ge,{itemBean:r.itemBean})}return b.a.createElement(i.View,{onClick:function(){return t.onItemClick(e)},style:At.container},b.a.createElement(i.View,{style:At.itemContainer},n),b.a.createElement(i.View,{style:At.splitter}))}},{key:"mockFetchData",value:function(){return new Promise((function(e){setTimeout((function(){var t=[].concat(v()(Rt),v()(Rt));return e(t)}),600)}))}},{key:"getWaterfallContentInset",value:function(){return{top:0,left:5,bottom:0,right:5}}},{key:"getItemStyle",value:function(){var e=this.numberOfColumns,t=this.columnSpacing,n=i.Dimensions.get("screen").width,r=this.getWaterfallContentInset();return{width:(n-r.left-r.right-(e-1)*t)/e}}},{key:"render",value:function(){var e=this,t=this.state.dataSource,n=this.numberOfColumns,r=this.columnSpacing,o=this.interItemSpacing,a=this.getWaterfallContentInset();return b.a.createElement(i.RefreshWrapper,{ref:function(t){e.refresh=t},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},b.a.createElement(i.WaterfallView,{ref:function(t){e.listView=t},renderBanner:this.renderBanner,numberOfColumns:n,columnSpacing:r,interItemSpacing:o,numberOfItems:t.length,style:{flex:1},renderItem:this.renderItem,onEndReached:this.onEndReached,getItemType:this.getItemType,getItemKey:this.getItemKey,contentInset:a,getItemStyle:this.getItemStyle,containPullFooter:!0,renderPullFooter:this.renderPullFooter}))}}]),a}(b.a.Component),It=n.p+"assets/defaultSource.jpg",jt=n("./node_modules/@babel/runtime/helpers/slicedToArray.js"),Ot=n.n(jt);function Dt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Pt(e){for(var t=1;t=o||(this.indicator.update(r),this.currentIndex=r)}}},{key:"onScrollBeginDrag",value:function(){this.touchStartOffset=this.scrollOffset,this.doClearTimer()}},{key:"onScrollEndDrag",value:function(){this.doCreateTimer()}},{key:"onLayout",value:function(e){this.width=e.layout.width}},{key:"doSwitchPage",value:function(e){this.scrollView.scrollTo({x:this.imgWidth*e,y:0,animated:!0})}},{key:"doCreateTimer",value:function(){var e=this;this.doClearTimer(),this.duration<=0||(this.interval=setInterval((function(){e.doSwitchPage((e.currentIndex+1)%e.itemCount)}),this.duration))}},{key:"doClearTimer",value:function(){this.interval&&clearInterval(this.interval),this.interval=null}},{key:"render",value:function(){for(var e=this,t=this.props.images,n=[],r=0;rr-a?60*r-o:60*n-60*a+30,this.navScrollView.scrollTo({x:e,y:0,animated:!0})}}},{key:"pressNavItem",value:function(e){this.setState({curIndex:e}),this.viewPager&&this.viewPager.setPage(e)}},{key:"renderNav",value:function(){var e=this,t=this.state,n=t.navList,r=t.curIndex;return b.a.createElement(i.View,{style:Cn.container},b.a.createElement(i.ScrollView,{style:Cn.scroll,horizontal:!0,showsHorizontalScrollIndicator:!1,ref:function(t){e.navScrollView=t}},n.map((function(t,n){return b.a.createElement(i.View,{style:Cn.navItem,key:"nav_".concat(t),activeOpacity:.5,onClick:function(){return e.pressNavItem(n)}},b.a.createElement(i.Text,{style:[Cn.navItemText,r===n?Cn.navItemTextBlue:Cn.navItemTextNormal],numberOfLines:1},t))}))))}},{key:"render",value:function(){var e=this,t=this.state.navList;return b.a.createElement(i.View,{style:{flex:1,backgroundColor:"#ffffff"}},this.renderNav(),b.a.createElement(i.ViewPager,{ref:function(t){e.viewPager=t},style:{flex:1},initialPage:0,onPageSelected:this.onViewPagerChange},t.map((function(e,t){return n.getPage(e,t)}))))}}],[{key:"getPage",value:function(e,t){switch(t%3){case 0:return pt(e);case 1:return gt(e);case 2:return yt(e);default:return null}}}]),n}(b.a.Component);function kn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Rn=i.Dimensions.get("window").width,An=i.StyleSheet.create({setNativePropsDemo:{display:"flex",alignItems:"center",position:"relative"},nativeDemo1Drag:{height:80,width:Rn,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo1Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},nativeDemo2Drag:{height:80,width:Rn,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo2Point:{height:80,width:80,color:"#ff0000",backgroundColor:"#ff0000",position:"absolute",left:0},splitter:{marginTop:50}}),Vn=function(e){d()(n,e);var t=kn(n);function n(e){var r;return c()(this,n),(r=t.call(this,e)).demon1Point=b.a.createRef(),r.demo1PointDom=null,r.state={demo2Left:0},r.isDemon1Layouted=!1,r.idDemon2Layouted=!1,r.onTouchDown1=r.onTouchDown1.bind(se()(r)),r.onDemon1Layout=r.onDemon1Layout.bind(se()(r)),r.onTouchMove1=r.onTouchMove1.bind(se()(r)),r.onTouchDown2=r.onTouchDown2.bind(se()(r)),r.onTouchMove2=r.onTouchMove2.bind(se()(r)),r}return u()(n,[{key:"componentDidMount",value:function(){}},{key:"onDemon1Layout",value:function(){this.isDemon1Layouted||(this.isDemon1Layouted=!0,this.demo1PointDom=i.UIManagerModule.getElementFromFiberRef(this.demon1Point.current))}},{key:"onTouchDown1",value:function(e){var t=e.page_x,n=t-40;console.log("touchdown x",t,n,Rn),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}},{key:"onTouchMove1",value:function(e){var t=e.page_x,n=t-40;console.log("touchmove x",t,n,Rn),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}},{key:"onTouchDown2",value:function(e){var t=e.page_x,n=t-40;console.log("touchdown x",t,n,Rn),this.setState({demo2Left:n})}},{key:"onTouchMove2",value:function(e){var t=e.page_x,n=t-40;console.log("touchmove x",t,n,Rn),this.setState({demo2Left:n})}},{key:"render",value:function(){var e=this.state.demo2Left;return b.a.createElement(i.View,{style:An.setNativePropsDemo},b.a.createElement(i.Text,null,"setNativeProps实现拖动效果"),b.a.createElement(i.View,{style:An.nativeDemo1Drag,onTouchDown:this.onTouchDown1,onTouchMove:this.onTouchMove1},b.a.createElement(i.View,{onLayout:this.onDemon1Layout,style:An.nativeDemo1Point,ref:this.demon1Point})),b.a.createElement(i.View,{style:An.splitter}),b.a.createElement(i.Text,null,"普通渲染实现拖动效果"),b.a.createElement(i.View,{style:An.nativeDemo2Drag,onTouchDown:this.onTouchDown2,onTouchMove:this.onTouchMove2},b.a.createElement(i.View,{style:[An.nativeDemo2Point,{left:e}]})))}}]),n}(b.a.Component);function In(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var jn=i.StyleSheet.create({dynamicImportDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}}),On=function(e){d()(r,e);var t=In(r);function r(e){var n;return c()(this,r),(n=t.call(this,e)).state={AsyncComponentFromLocal:null,AsyncComponentFromHttp:null},n.onAsyncComponentLoad=n.onAsyncComponentLoad.bind(se()(n)),n}return u()(r,[{key:"onAsyncComponentLoad",value:function(){var e=this;console.log("load async component"),n.e(1).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentLocal.jsx")).then((function(t){e.setState({AsyncComponentFromLocal:t.default||t})})).catch((function(e){return console.error("import async local component error",e)})),n.e(0).then(n.bind(null,"./src/externals/DyanmicImport/AsyncComponentHttp.jsx")).then((function(t){e.setState({AsyncComponentFromHttp:t.default||t})})).catch((function(e){return console.error("import async remote component error",e)}))}},{key:"render",value:function(){var e=this.state,t=e.AsyncComponentFromLocal,n=e.AsyncComponentFromHttp;return b.a.createElement(i.View,{style:jn.dynamicImportDemo},b.a.createElement(i.View,{style:{width:130,height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},b.a.createElement(i.Text,{style:{height:40,lineHeight:40,textAlign:"center"}},"点我异步加载")),b.a.createElement(i.View,{style:{marginTop:20}},t?b.a.createElement(t,null):null,n?b.a.createElement(n,null):null))}}]),r}(b.a.Component);function Dn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var Pn=i.StyleSheet.create({LocalizationDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}}),_n=function(e){d()(n,e);var t=Dn(n);function n(){return c()(this,n),t.apply(this,arguments)}return u()(n,[{key:"render",value:function(){var e=i.Platform.Localization||{},t=e.country,n=e.language,r=e.direction;return b.a.createElement(i.View,{style:Pn.LocalizationDemo},b.a.createElement(i.View,{style:{height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},b.a.createElement(i.Text,{style:{color:"white",marginHorizontal:30,height:40,lineHeight:40,textAlign:"center"}},"国际化相关信息：国家 ".concat(t," | 语言 ").concat(n," | 方向 ").concat(1===r?"RTL":"LTR"))))}}]),n}(b.a.Component),Ln=function(){var e=le()(fe.a.mark((function e(t){return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",turboPromise(getTurboModule("demoTurbo").nativeWithPromise)(t));case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Bn=function(){return getTurboModule("demoTurbo").getTurboConfig()};function Mn(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var zn=i.StyleSheet.create({container:{flex:1},cellContentView:{flexDirection:"row",justifyContent:"space-between",backgroundColor:"#ccc",marginBottom:1},funcInfo:{justifyContent:"center",paddingLeft:15,paddingRight:15},actionButton:{backgroundColor:"#4c9afa",color:"#fff",height:44,lineHeight:44,textAlign:"center",width:80,borderRadius:6},resultView:{backgroundColor:"darkseagreen",minHeight:150,padding:15}}),Fn=function(e){d()(r,e);var t,n=Mn(r);function r(e){var t;return c()(this,r),(t=n.call(this,e)).state={config:null,result:"",funList:["getString","getNum","getBoolean","getMap","getObject","getArray","nativeWithPromise","getTurboConfig","printTurboConfig","getInfo","setInfo"]},t.onTurboFunc=t.onTurboFunc.bind(se()(t)),t.getRenderRow=t.getRenderRow.bind(se()(t)),t.getRowKey=t.getRowKey.bind(se()(t)),t}return u()(r,[{key:"onTurboFunc",value:(t=le()(fe.a.mark((function e(t){var n;return fe.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("nativeWithPromise"!==t){e.next=6;break}return e.next=3,Ln("aaa");case 3:n=e.sent,e.next=7;break;case 6:"getTurboConfig"===t?(this.config=Bn(),n="获取到config对象"):"printTurboConfig"===t?(r=this.config||Bn(),n=getTurboModule("demoTurbo").printTurboConfig(r)):"getInfo"===t?n=(this.config||Bn()).getInfo():"setInfo"===t?((this.config||Bn()).setInfo("Hello World"),n="设置config信息成功"):n={getString:function(){return e="123",getTurboModule("demoTurbo").getString(e);var e},getNum:function(){return e=1024,getTurboModule("demoTurbo").getNum(e);var e},getBoolean:function(){return e=!0,getTurboModule("demoTurbo").getBoolean(e);var e},getMap:function(){return e=new Map([["a","1"],["b",2]]),getTurboModule("demoTurbo").getMap(e);var e},getObject:function(){return e={c:"3",d:"4"},getTurboModule("demoTurbo").getObject(e);var e},getArray:function(){return e=["a","b","c"],getTurboModule("demoTurbo").getArray(e);var e}}[t]();case 7:this.setState({result:n});case 8:case"end":return e.stop()}var r}),e,this)}))),function(e){return t.apply(this,arguments)})},{key:"renderResultView",value:function(){return b.a.createElement(i.View,{style:zn.resultView},b.a.createElement(i.Text,{style:{backgroundColor:"darkseagreen"}},"".concat(this.state.result)))}},{key:"getRenderRow",value:function(e){var t=this,n=this.state.funList;return b.a.createElement(i.View,{style:zn.cellContentView},b.a.createElement(i.View,{style:zn.funcInfo},b.a.createElement(i.Text,{numberofLines:0},"函数名：",n[e])),b.a.createElement(i.Text,{style:zn.actionButton,onClick:function(){return t.onTurboFunc(n[e])}},"执行"))}},{key:"getRowKey",value:function(e){return this.state.funList[e]}},{key:"render",value:function(){var e=this.state.funList;return b.a.createElement(i.View,{style:zn.container},this.renderResultView(),b.a.createElement(i.ListView,{numberOfRows:e.length,renderRow:this.getRenderRow,getRowKey:this.getRowKey,style:{flex:1}}))}}]),r}(b.a.Component);function Wn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Hn(e){for(var t=1;t Develop 菜单进行调试（需要在预置 -> 高级里打开开发者菜单）"),e.push("注意：每次插拔 USB 线后都需要通过 npm run hippy:debug 重启调试服务"));return b.a.createElement(i.ScrollView,{style:nr.container},e.map((function(e,t){return b.a.createElement(i.Text,{style:nr.stepText,key:"steps-".concat(t)},e)})),b.a.createElement(i.View,{style:nr.buttonContainer},b.a.createElement(i.View,{style:nr.button,onClick:this.clickToDebug},b.a.createElement(i.Text,{style:nr.buttonText,numberOfLines:1},"点击调试"))))}}]),n}(g.Component);function or(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y()(e);if(t){var o=y()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m()(this,n)}}var ar=i.StyleSheet.create({container:{flex:1}}),ir=function(e){d()(n,e);var t=or(n);function n(e){var r;c()(this,n),r=t.call(this,e);var o=i.Dimensions.get("screen"),a=o.width,l=o.height;return r.state={isVertical:a=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function L(e){return(L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,i,a=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){l=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw i}}return a}(e,t)||R(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(e,t){if(e){if("string"==typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n0||e.didTimeout)&&function e(t){"number"==typeof t?ee(t):t&&(ee(t.nodeId),Array.isArray(t.childNodes)&&t.childNodes.forEach((function(t){return e(t)})))}(t)}),{timeout:50})}var ie={onTouchStart:["onTouchStart","onTouchDown"],onPress:["onPress","onClick"]},ae=new RegExp(/^\d+$/),oe=!1;function le(){}function ue(e){return e.replace(/\\u[\dA-F]{4}|\\x[\dA-F]{2}/gi,(function(e){return String.fromCharCode(parseInt(e.replace(/\\u|\\x/g,""),16))}))}var se=new RegExp("^on.+Capture$");var ce=new RegExp("^(?=.+)[+-]?\\d*\\.?\\d*([Ee][+-]?\\d+)?$");function fe(e){if("number"==typeof e)return e;if("string"==typeof e&&ce.test(e))try{return parseFloat(e)}catch(t){return e}return e}function de(e){return"[object Function]"===Object.prototype.toString.call(e)}function pe(e){e}function he(){return oe}function me(e){if(e&&!/^(http|https):\/\//.test(e)&&e.indexOf("assets")>-1){return"".concat("hpfile://","./").concat(e)}return e}function ve(e){return 5===e}var ye=function(){function e(t){O(this,e),this.handlerContainer={},this.nextIdForHandler=0,this.eventName=t}return j(e,[{key:"getEventListeners",value:function(){var e=this;return Object.keys(this.handlerContainer).filter((function(t){return e.handlerContainer[t]})).map((function(t){return e.handlerContainer[t]}))}},{key:"getHandlerSize",value:function(){return Object.keys(this.handlerContainer).length}},{key:"addEventHandler",value:function(e,t){if(!e)throw new TypeError("Invalid arguments for addEventHandler");var n=this.nextIdForHandler;this.nextIdForHandler+=1;var r={id:n,eventHandler:e,context:t},i="eventHandler_".concat(n);return this.handlerContainer[i]=r,n}},{key:"notifyEvent",value:function(e){var t=this;Object.keys(this.handlerContainer).forEach((function(n){var r=t.handlerContainer[n];r&&r.eventHandler&&(r.context?r.eventHandler.call(r.context,e):r.eventHandler(e))}))}},{key:"removeEventHandler",value:function(e){if("number"!=typeof e)throw new TypeError("Invalid arguments for removeEventHandler");var t="eventHandler_".concat(e);this.handlerContainer[t]&&delete this.handlerContainer[t]}}]),e}(),ge=function(){function e(t,n,r){O(this,e),this.type=t,this.bubbles=!0,this.timeStamp=Date.now(),this.currentTarget=n,this.target=r}return j(e,[{key:"stopPropagation",value:function(){this.bubbles=!1}},{key:"preventDefault",value:function(){}}]),e}(),be=new Map,ke=["%c[event]%c","color: green","color: auto"];function we(e,t){var n=e;if(t.memoizedProps&&!t.memoizedProps[e])for(var r=Object.keys(ie),i=0;i0)for(var l,u=!1,s=te(n);!u&&void 0!==(l=r.shift());)try{var c=l,f=c.eventName,d=c.currentTarget,p=c.listener,h=c.isCapture,m=new ge(f,d,s);Object.assign(m,t),h?(p(m),m.bubbles||(u=!0)):("boolean"!=typeof(u=p(m))&&(u=!he()),m.bubbles||(u=!0))}catch(e){console.reportUncaughtException(e)}}(r,e,a):function(e,t,n){var r=!1,i=n,a=e,o=te(n);do{if(Se(a=we(a,i),i))try{var l=te(i),u=new ge(a,l,o);Object.assign(u,t),"boolean"!=typeof(r=i.memoizedProps[a](u))&&(r=!he()),u.bubbles||(r=!0)}catch(e){console.reportUncaughtException(e)}if(!1===r)for(i=i.return;i&&!ve(i.tag);)i=i.return}while(!r&&i)}(r,e,a)}}},receiveUIComponentEvent:function(e){if(le.apply(void 0,ke.concat(["receiveUIComponentEvent",e])),e&&Array.isArray(e)&&!(e.length<2)){var t=A(e,3),n=t[0],r=t[1],i=t[2];if("number"==typeof n&&"string"==typeof r){var a=ne(n);a&&Se(r,a)&&a.memoizedProps[r](i)}}}};e.__GLOBAL__&&(e.__GLOBAL__.jsModuleList.EventDispatcher=Ce);var xe=function(){function e(t,n){O(this,e),this.callback=t,this.bindListener=n}return j(e,[{key:"remove",value:function(){"number"==typeof this.callback&&this.bindListener&&(this.bindListener.removeCallback(this.callback),this.bindListener=void 0)}}]),e}(),Ne=function(){function e(t){O(this,e),this.eventName=t,this.listenerIdList=[]}return j(e,[{key:"unregister",value:function(){var e=Ce.getHippyEventHub(this.eventName);if(!e)throw new ReferenceError("No listeners for ".concat(this.eventName));for(var t=this.listenerIdList.length,n=0;n=0?un(t):t}var We=function(){function e(t){var n;O(this,e);var r=0;if((null===(n=t.startValue)||void 0===n?void 0:n.constructor)&&"Animation"===t.startValue.constructor.name)r={animationId:t.startValue.animationId};else{var i=t.startValue;r=Ue(t.valueType,i)}var a=Ue(t.valueType,t.toValue);this.mode=t.mode||"timing",this.delay=t.delay||0,this.startValue=r||0,this.toValue=a||0,this.valueType=t.valueType||void 0,this.duration=t.duration||0,this.direction=t.direction||"center",this.timingFunction=t.timingFunction||"linear",this.repeatCount=Me(t.repeatCount||0),this.inputRange=t.inputRange||[],this.outputRange=t.outputRange||[],this.animationId=$t.callNativeWithCallbackId("AnimationModule","createAnimation",!0,this.mode,Object.assign({delay:this.delay,startValue:this.startValue,toValue:this.toValue,duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{})),this.destroy=this.destroy.bind(this),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}return j(e,[{key:"removeEventListener",value:function(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}},{key:"start",value:function(){var e=this;this.removeEventListener();var t="onAnimation";"android"===qt.platform.OS&&(t="onHippyAnimation"),"function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=De.addListener("".concat(t,"Start"),(function(t){t===e.animationId&&(e.animationStartListener.remove(),"function"==typeof e.onAnimationStartCallback&&e.onAnimationStartCallback())}))),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=De.addListener("".concat(t,"End"),(function(t){t===e.animationId&&(e.animationEndListener.remove(),"function"==typeof e.onAnimationEndCallback&&e.onAnimationEndCallback())}))),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=De.addListener("".concat(t,"Cancel"),(function(t){t===e.animationId&&(e.animationCancelListener.remove(),"function"==typeof e.onAnimationCancelCallback&&e.onAnimationCancelCallback())}))),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=De.addListener("".concat(t,"Repeat"),(function(t){t===e.animationId&&"function"==typeof e.onAnimationRepeatCallback&&e.onAnimationRepeatCallback()}))),$t.callNative("AnimationModule","startAnimation",this.animationId)}},{key:"destory",value:function(){this.destroy()}},{key:"destroy",value:function(){this.removeEventListener(),$t.callNative("AnimationModule","destroyAnimation",this.animationId)}},{key:"pause",value:function(){$t.callNative("AnimationModule","pauseAnimation",this.animationId)}},{key:"resume",value:function(){$t.callNative("AnimationModule","resumeAnimation",this.animationId)}},{key:"updateAnimation",value:function(t){var n=this;if("object"!==L(t))throw new TypeError("Invalid arguments");if("string"==typeof t.mode&&t.mode!==this.mode)throw new TypeError("Update animation mode not supported");Object.keys(t).forEach((function(r){var i=t[r];if("startValue"===r){var a=0;if(t.startValue instanceof e)a={animationId:t.startValue.animationId};else{var o=t.startValue;a=Ue(n.valueType,o)}n.startValue=a||0}else"repeatCount"===r?n.repeatCount=Me(t.repeatCount||0):Object.defineProperty(n,r,{value:i})})),$t.callNative("AnimationModule","updateAnimation",this.animationId,Object.assign({delay:this.delay,startValue:this.startValue,toValue:Ue(this.valueType,this.toValue),duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{}))}},{key:"onAnimationStart",value:function(e){this.onAnimationStartCallback=e}},{key:"onAnimationEnd",value:function(e){this.onAnimationEndCallback=e}},{key:"onAnimationCancel",value:function(e){this.onAnimationCancelCallback=e}},{key:"onAnimationRepeat",value:function(e){this.onAnimationRepeatCallback=e}}]),e}(),Be=new Pe,Ve=function(){function e(t){var n=this;O(this,e),this.animationList=[],t.children.forEach((function(e){n.animationList.push({animationId:e.animation.animationId,follow:e.follow||!1})})),this.animationId=$t.callNativeWithCallbackId("AnimationModule","createAnimationSet",!0,{repeatCount:Me(t.repeatCount||0),children:this.animationList,virtual:t.virtual}),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}return j(e,[{key:"removeEventListener",value:function(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}},{key:"start",value:function(){var e=this;this.removeEventListener();var t="onAnimation";"android"===qt.platform.OS&&(t="onHippyAnimation"),"function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=Be.addListener("".concat(t,"Start"),(function(t){t===e.animationId&&(e.animationStartListener.remove(),"function"==typeof e.onAnimationStartCallback&&e.onAnimationStartCallback())}))),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=Be.addListener("".concat(t,"End"),(function(t){t===e.animationId&&(e.animationEndListener.remove(),"function"==typeof e.onAnimationEndCallback&&e.onAnimationEndCallback())}))),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=Be.addListener("".concat(t,"Cancel"),(function(t){t===e.animationId&&(e.animationCancelListener.remove(),"function"==typeof e.onAnimationCancelCallback&&e.onAnimationCancelCallback())}))),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=Be.addListener("".concat(t,"Repeat"),(function(t){t===e.animationId&&"function"==typeof e.onAnimationRepeatCallback&&e.onAnimationRepeatCallback()}))),$t.callNative("AnimationModule","startAnimation",this.animationId)}},{key:"destory",value:function(){this.destroy()}},{key:"destroy",value:function(){this.removeEventListener(),this.animationList.forEach((function(e){return Number.isInteger(e.animationId)&&$t.callNative("AnimationModule","destroyAnimation",e.animationId)})),$t.callNative("AnimationModule","destroyAnimation",this.animationId)}},{key:"pause",value:function(){$t.callNative("AnimationModule","pauseAnimation",this.animationId)}},{key:"resume",value:function(){$t.callNative("AnimationModule","resumeAnimation",this.animationId)}},{key:"onAnimationStart",value:function(e){this.onAnimationStartCallback=e}},{key:"onAnimationEnd",value:function(e){this.onAnimationEndCallback=e}},{key:"onAnimationCancel",value:function(e){this.onAnimationCancelCallback=e}},{key:"onAnimationRepeat",value:function(e){this.onAnimationRepeatCallback=e}}]),e}(),$e=["%c[native]%c","color: red","color: auto"],qe={createNode:Symbol("createNode"),updateNode:Symbol("updateNode"),deleteNode:Symbol("deleteNode")},Qe=!0,Ke=[];function Ge(e){(function(e){for(var t=[],n=0;n0&&void 0!==arguments[0]&&arguments[0];if(Qe)if(Qe=!1,0!==Ke.length){var t=X();e?(Ge(t),bt(),Ke=[],Qe=!0):Promise.resolve().then((function(){Ge(t),bt(),Ke=[],Qe=!0}))}else Qe=!0}function Xe(e){var t=e.attributes;t.children;return _(t,l)}function Je(e,t){var n;if(!t.nativeName)return null;if(t.meta.skipAddToDom)return null;if(!t.meta.component)throw new Error("Specific tag is not supported yet: ".concat(t.tagName));return{id:t.nodeId,pId:(null===(n=t.parentNode)||void 0===n?void 0:n.nodeId)||e,index:t.index,name:t.nativeName,props:I(I({},Xe(t)),{},{style:t.style})}}function Ze(e,t,n,r){var i=[],a=n;return void 0===a&&t&&t.parentNode&&(a=t.parentNode.childNodes.indexOf(t)),t.traverseChildren((function(t){var n=Je(e,t);n&&i.push(n),"function"==typeof r&&r(t)}),a),i}function et(e){return!!F&&e instanceof F.containerInfo.constructor}function tt(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(e&&t&&!t.meta.skipAddToDom){var r=X();if(et(e)&&!e.isMounted){var i=Ze(r,t,n,(function(e){e.isMounted||(e.isMounted=!0)}));Ke.push({type:qe.createNode,nodes:i})}else if(e.isMounted&&!t.isMounted){var a=Ze(r,t,n,(function(e){e.isMounted||(e.isMounted=!0)}));Ke.push({type:qe.createNode,nodes:a})}}}function nt(e,t,n){if(t&&!t.meta.skipAddToDom){t.isMounted=!1,t.index=n;var r=X(),i=[{id:t.nodeId,pId:t.parentNode?t.parentNode.nodeId:r,index:t.index}];Ke.push({type:qe.deleteNode,nodes:i})}}function rt(e){if(e.isMounted){var t=Je(X(),e);t&&Ke.push({type:qe.updateNode,nodes:[t]})}}var it=0;var at=function(){function e(){O(this,e),this.meta={component:{}},this.index=0,this.childNodes=[],this.parentNode=null,this.mounted=!1,this.nodeId=((it+=1)%10==0&&(it+=1),it)}return j(e,[{key:"toString",value:function(){return this.constructor.name}},{key:"isMounted",get:function(){return this.mounted},set:function(e){this.mounted=e}},{key:"insertBefore",value:function(e,t){if(!e)throw new Error("Can't insert child.");if(!e.meta.skipAddToDom){if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't insert child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't insert child, because it already has a different parent.");var n=this.childNodes.indexOf(t);return e.parentNode=this,this.childNodes.splice(n,0,e),tt(this,e,n)}}},{key:"moveChild",value:function(e,t){if(!e)throw new Error("Can't move child.");if(!e.meta.skipAddToDom){if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't move child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't move child, because it already has a different parent.");var n=this.childNodes.indexOf(e);if(this.childNodes.indexOf(t)===n)return e;this.childNodes.splice(n,1),nt(0,e,n);var r=this.childNodes.indexOf(t);return this.childNodes.splice(r,0,e),tt(this,e,r)}}},{key:"appendChild",value:function(e){if(!e)throw new Error("Can't append child.");if(!e.meta.skipAddToDom){if(e.parentNode&&e.parentNode!==this)throw new Error("Can't append child, because it already has a different parent.");e.parentNode=this,this.childNodes.push(e),tt(this,e,this.childNodes.length-1)}}},{key:"removeChild",value:function(e){if(!e)throw new Error("Can't remove child.");if(!e.meta.skipAddToDom){if(!e.parentNode)throw new Error("Can't remove child, because it has no parent.");if(e.parentNode!==this)throw new Error("Can't remove child, because it has a different parent.");var t=this.childNodes.indexOf(e);this.childNodes.splice(t,1),nt(0,e,t)}}},{key:"findChild",value:function(e){if(e(this))return this;if(this.childNodes.length)for(var t=0;t1&&void 0!==arguments[1]?arguments[1]:0;this.index=this.parentNode?n:0,e(this),this.childNodes.length&&this.childNodes.forEach((function(n,r){t.traverseChildren.call(n,e,r)}))}}]),e}(),ot={textDecoration:"textDecorationLine",boxShadowOffset:"shadowOffset",boxShadowOffsetX:"shadowOffsetX",boxShadowOffsetY:"shadowOffsetY",boxShadowOpacity:"shadowOpacity",boxShadowRadius:"shadowRadius",boxShadowSpread:"shadowSpread",boxShadowColor:"shadowColor"},lt={totop:"0",totopright:"totopright",toright:"90",tobottomright:"tobottomright",tobottom:"180",tobottomleft:"tobottomleft",toleft:"270",totopleft:"totopleft"},ut="turn",st="rad",ct="deg";function ft(e){var t=(e||"").replace(/\s*/g,"").toLowerCase(),n=/^([+-]?\d+\.?\d*)+(deg|turn|rad)|(to\w+)$/g.exec(t);if(Array.isArray(n)){var r="180",i=A(n,3),a=i[0],o=i[1],l=i[2];return o&&l?r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ct,n=parseFloat(e),r=e||"",i=e.split("."),a=A(i,2),o=a[1];switch(o&&o.length>2&&(r=n.toFixed(2)),t){case ut:r="".concat((360*n).toFixed(2));break;case st:r="".concat((180/Math.PI*n).toFixed(2))}return r}(o,l):a&&void 0!==lt[a]&&(r=lt[a]),r}}function dt(e){var t=A((e||"").replace(/\s+/g," ").trim().split(/\s+(?![^(]*?\))/),2),n=t[0],r=t[1],i=/^([+-]?\d+\.?\d*)%$/g;return!n||i.exec(n)||r?n&&i.exec(r)?{ratio:parseFloat(r.split("%")[0])/100,color:un(n)}:void 0:{color:un(n)}}function pt(e){var t;return t=e,se.test(t)&&(e=e.replace("Capture","")),ie[e]?ie[e][1]:e}var ht=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this)).id="",r.style={},r.attributes={},r.tagName=e,r}return j(n,[{key:"nativeName",get:function(){return this.meta.component.name}},{key:"toString",value:function(){return"".concat(this.tagName,":(").concat(this.nativeName,")")}},{key:"hasAttribute",value:function(e){return!!this.attributes[e]}},{key:"getAttribute",value:function(e){return this.attributes[e]}},{key:"setStyleAttribute",value:function(e){var t=this;this.style={};var n=e;if(!Array.isArray(n)&&Object.hasOwnProperty.call(n,0)){var r=[],i={};Object.keys(n).forEach((function(e){var t;t=e,ae.test(t)?r.push(n[e]):i[e]=n[e]})),n=[].concat(r,[i])}Array.isArray(n)||(n=[n]);var a={};n.forEach((function(e){Array.isArray(e)?e.forEach((function(e){a=I(I({},a),e)})):"object"===L(e)&&e&&(a=I(I({},a),e))})),Object.keys(a).forEach((function(e){var n=a[e];if(Object.prototype.hasOwnProperty.call(ot,e)&&(e=ot[e]),"transform"===e){var r={};if(!Array.isArray(n))throw new TypeError("transform only support array args");n.forEach((function(e){Object.keys(e).forEach((function(t){var n=e[t];n instanceof We||n instanceof Ve?r[t]={animationId:n.animationId}:null===n?r[t]&&delete r[t]:void 0!==n&&(r[t]=n)}))}));var i=Object.keys(r);i.length&&(Array.isArray(t.style.transform)||(t.style.transform=[]),i.forEach((function(e){return t.style.transform.push({[e]:r[e]})})))}else if(null===n&&void 0!==t.style[e])t.style[e]=void 0;else if(n instanceof We||n instanceof Ve)t.style[e]={animationId:n.animationId};else if(["caretColor","caret-color"].indexOf(e)>=0)t.attributes["caret-color"]=un(n);else if(e.toLowerCase().indexOf("colors")>-1)t.style[e]=sn(n);else if(e.toLowerCase().indexOf("color")>-1)t.style[e]=un(n);else if("backgroundImage"===e&&n)t.style=function(e,t,n){if(0===t.indexOf("linear-gradient")){var r=t.substring(t.indexOf("(")+1,t.lastIndexOf(")")).split(/,(?![^(]*?\))/),i=[];n.linearGradient=n.linearGradient||{},r.forEach((function(e,t){if(0===t){var r=ft(e);if(r)n.linearGradient.angle=r;else{n.linearGradient.angle="180";var a=dt(e);a&&i.push(a)}}else{var o=dt(e);o&&i.push(o)}})),n.linearGradient.colorStopList=i}else n[e]=me(t);return n}(e,n,t.style);else if("textShadowOffset"===e){var o=n||{},l=o.x,u=void 0===l?0:l,s=o.width,c=void 0===s?0:s,f=o.y,d=void 0===f?0:f,p=o.height,h=void 0===p?0:p;t.style[e]={width:u||c,height:d||h}}else["textShadowOffsetX","textShadowOffsetY"].indexOf(e)>=0?t.style=function(e,t,n){return n.textShadowOffset=n.textShadowOffset||{},Object.assign(n.textShadowOffset,{[{textShadowOffsetX:"width",textShadowOffsetY:"height"}[e]]:t||0}),n}(e,n,t.style):t.style[e]=n}))}},{key:"setAttribute",value:function(e,t){var n=this;try{if("boolean"==typeof this.attributes[e]&&""===t&&(t=!0),void 0===e)return void rt(this);var r=!1;if([{match:function(){return["id"].indexOf(e)>=0},action:function(){return t===n.id||(n.id=t,function(e){if(e.isMounted){var t=Ze(X(),e);Ke.push({type:qe.updateNode,nodes:t})}}(n)),!0}},{match:function(){return["value","defaultValue","placeholder"].indexOf(e)>=0},action:function(){return n.attributes[e]=ue(t),!1}},{match:function(){return["text"].indexOf(e)>=0},action:function(){return n.attributes[e]=t,!1}},{match:function(){return["numberOfRows"].indexOf(e)>=0},action:function(){return n.attributes[e]=t,"ios"!==qt.platform.OS}},{match:function(){return["caretColor","caret-color"].indexOf(e)>=0},action:function(){return n.attributes["caret-color"]=un(t),!1}},{match:function(){return["style"].indexOf(e)>=0},action:function(){return"object"!==L(t)||null==t||(n.setStyleAttribute(t),!1)}},{match:function(){return!0},action:function(){if("function"==typeof t){var r=pt(e);n.attributes["__bind__".concat(r)]=!0}else{n.attributes[e]=t;var i=pt(e);!0===n.attributes["__bind__".concat(i)]&&"function"!=typeof t&&(n.attributes["__bind__".concat(i)]=!1)}return!1}}].some((function(e){return!!e.match()&&(r=e.action(),!0)})),r)return;var i=!1;Object.keys(this.style).some((function(e){var t=n.style[e];if(t&&Array.isArray(t)&&"transform"===e)for(var r=0;r2&&void 0!==arguments[2]&&arguments[2];if(null!==t){var r=t,i=e;Object.prototype.hasOwnProperty.call(ot,e)&&(i=ot[e]),"string"==typeof r&&(r=t.trim(),r=i.toLowerCase().indexOf("colors")>-1?sn(r):i.toLowerCase().indexOf("color")>-1?un(r):fe(r)),null!=r&&this.style[i]!==r&&(this.style[i]=r,n||rt(this))}else delete this.style[e]}},{key:"setNativeProps",value:function(e){var t=this;if(e){var n=e.style;if(n){var r=n;Object.keys(r).forEach((function(e){t.setStyle(e,r[e],!0)})),rt(this),Ye(!0)}}}},{key:"setText",value:function(e){if("string"!=typeof e)try{e=e.toString()}catch(e){throw new Error("Only string type is acceptable for setText")}return(e=e.trim())||this.getAttribute("text")?(e=(e=ue(e)).replace(/ /g," ").replace(/Â/g," "),"textarea"===this.tagName?this.setAttribute("value",e):this.setAttribute("text",e)):null}}]),n}(at),mt=B.createNode,vt=B.updateNode,yt=B.deleteNode,gt=B.flushBatch,bt=B.endBatch,kt=B.sendRenderError,wt=function(e){return J((function(t){return t.stateNode&&t.stateNode.nodeId===e}))};function St(e){if(e instanceof ht)return e;var t=e._reactInternalFiber||e._reactInternals;if(null==t?void 0:t.child){for(var n=t.child;n&&!(n.stateNode instanceof ht);)n=n.child;return n&&n.stateNode?n.stateNode:null}return null}function Et(e){var t=e;if("string"==typeof e){"getNodeIdByRef('".concat(e,"') use string ref will affect to performance, recommend use reference to the ref instead");var n=J((function(t){return!!(t.return&&t.return.ref&&t.return.ref._stringRef)&&t.return.ref._stringRef===e}));if(!n||!n.stateNode)return 0;t=n.stateNode}if(!t.nodeId){var r=St(t);return r?r.nodeId:0}return t.nodeId}function Ct(e,t){var n=e.nativeName,r=e.nodeId;if(!r||!n){var i=St(e);i&&(r=i.nodeId,n=i.nativeName)}if(!n)throw new Error("callUIFunction is calling a unnamed component");if(!r)throw new Error("callUIFunction is calling a component have no nodeId");for(var a=arguments.length,o=new Array(a>2?a-2:0),l=2;l=0&&e.removeChild(t),e.appendChild(t)},appendChildToContainer:function(e,t){e.appendChild(t)},appendInitialChild:function(e,t){e.appendChild(t)},beforeActiveInstanceBlur:function(){},commitMount:function(){},commitTextUpdate:function(){},commitUpdate:function(e,t,n,r,i,a){Z(a,e.nodeId);var o=Object.keys(t);0!==o.length&&o.forEach((function(n){return e.setAttribute(n,t[n])}))},clearContainer:function(){},createContainerChildSet:function(){},createInstance:function(e,t,n,r,i){var a=n.createElement(e);return Object.keys(t).forEach((function(e){switch(e){case"children":break;case"nativeName":a.meta.component.name=t.nativeName;break;default:a.setAttribute(e,t[e])}})),[5,7].indexOf(i.tag)<0&&(a.meta.skipAddToDom=!0),Z(i,a.nodeId),a},createTextInstance:function(e,t,n,r){var i=t.createElement("p");return i.setAttribute("text",ue(e)),i.meta={component:{name:"Text"}},Z(r,i.nodeId),i},detachDeletedInstance:function(){},finalizeContainerChildren:function(){},finalizeInitialChildren:function(){return!0},getChildHostContext:function(){return{}},getPublicInstance:function(e){return e},getInstanceFromNode:function(){throw new Error("Not yet implemented.")},getFundamentalComponentInstance:function(){throw new Error("Not yet implemented.")},getRootHostContext:function(){return{}},hideInstance:function(e){var t={style:{display:"none"}};Object.keys(t).forEach((function(n){return e.setAttribute(n,t[n])}))},hideTextInstance:function(){throw new Error("Not yet implemented.")},insertBefore:function(e,t,n){e.childNodes.indexOf(t)>=0?e.moveChild(t,n):e.insertBefore(t,n)},isOpaqueHydratingObject:function(){throw new Error("Not yet implemented")},makeClientId:function(){throw new Error("Not yet implemented")},makeClientIdInDEV:function(){throw new Error("Not yet implemented")},makeOpaqueHydratingObject:function(){throw new Error("Not yet implemented.")},mountFundamentalComponent:function(){throw new Error("Not yet implemented.")},prepareForCommit:function(){return null},preparePortalMount:function(){},prepareUpdate:function(e,t,n,r){var i={},a=!1;Object.keys(r).forEach((function(e){var t=n[e],o=r[e];switch(e){case"children":t===o||"number"!=typeof o&&"string"!=typeof o||(i[e]=o);break;default:"function"!=typeof t||"function"!=typeof o||Tt(t,o)?Tt(t,o)||(i[e]=o):a=!0}}));var o=0===Object.keys(i).length;return o&&a?{}:o?null:i},replaceContainerChildren:function(){},removeChild:function(e,t){e.removeChild(t),re(t)},removeChildFromContainer:function(e,t){e.removeChild(t),re(t)},resetAfterCommit:function(){},resetTextContent:function(){},unmountFundamentalComponent:function(){throw new Error("Not yet implemented.")},updateFundamentalComponent:function(){throw new Error("Not yet implemented.")},unhideTextInstance:function(){throw new Error("Not yet implemented.")},unhideInstance:function(e,t){var n=I(I({},t),{},{style:I(I({},t.style),{},{display:"flex"})});Object.keys(n).forEach((function(t){return e.setAttribute(t,n[t])}))},shouldDeprioritizeSubtree:function(){return!0},shouldUpdateFundamentalComponent:function(){throw new Error("Not yet implemented.")},shouldSetTextContent:function(e,t){if(t&&"Text"===t.nativeName||-1!==["p","span"].indexOf(e)){var n=t.children;return"string"==typeof n||"number"==typeof n}return!1}}),Mt=i()(I(I({},Ht),{},{clearTimeout:clearTimeout,setTimeout:setTimeout,isPrimaryRenderer:!0,noTimeout:-1,supportsMutation:!0,supportsHydration:!1,supportsPersistence:!1,now:Date.now,scheduleDeferredCallback:function(){},cancelDeferredCallback:function(){}})),Dt=Mt.flushSync,Ut=K.addEventListener,Wt=K.removeEventListener,Bt=K.dispatchEvent,Vt=K.AsyncStorage,$t=K.Bridge,qt=K.Device,Qt=K.HippyRegister,Kt=Object.freeze({__proto__:null,addEventListener:Ut,removeEventListener:Wt,dispatchEvent:Bt,AsyncStorage:Vt,BackAndroid:At,Bridge:$t,Clipboard:_e,Cookie:Le,Device:qt,HippyRegister:Qt,ImageLoader:Oe,NetworkInfo:He,UIManager:Nt,flushSync:Dt});function Gt(){for(var e=arguments.length,t=new Array(e),n=0;n255?255:t}function tn(e){var t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function nn(e,t,n){var r=n;return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function rn(e,t,n){var r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,a=nn(i,r,e+1/3),o=nn(i,r,e),l=nn(i,r,e-1/3);return Math.round(255*a)<<24|Math.round(255*o)<<16|Math.round(255*l)<<8}function an(e){return(parseFloat(e)%360+360)%360/360}function on(e){var t=parseFloat(e);return t<0?0:t>100?1:t/100}function ln(e){var t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Zt.hex6.exec(e),Array.isArray(t)?parseInt("".concat(t[1],"ff"),16)>>>0:Object.hasOwnProperty.call(Yt,e)?Yt[e]:(t=Zt.rgb.exec(e),Array.isArray(t)?(en(t[1])<<24|en(t[2])<<16|en(t[3])<<8|255)>>>0:(t=Zt.rgba.exec(e))?(en(t[1])<<24|en(t[2])<<16|en(t[3])<<8|tn(t[4]))>>>0:(t=Zt.hex3.exec(e))?parseInt("".concat(t[1]+t[1]+t[2]+t[2]+t[3]+t[3],"ff"),16)>>>0:(t=Zt.hex8.exec(e))?parseInt(t[1],16)>>>0:(t=Zt.hex4.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Zt.hsl.exec(e))?(255|rn(an(t[1]),on(t[2]),on(t[3])))>>>0:(t=Zt.hsla.exec(e))?(rn(an(t[1]),on(t[2]),on(t[3]))|tn(t[4]))>>>0:null))}function un(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Number.isInteger(e))return e;var n=ln(e);return t.platform||(t.platform="ios"),null===n?0:(n=(n<<24|n>>>8)>>>0,"android"===t.platform&&(n|=0),n)}function sn(e,t){return Array.isArray(e)?e.map((function(e){return un(e,t)})):[0]}var cn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.call(this)).documentElement=new ht("document"),e}return j(n,[{key:"createElement",value:function(e){return new ht(e)}},{key:"createElementNS",value:function(e,t){return new ht("".concat(e,":").concat(t))}}]),n}(at);cn.createElement=cn.prototype.createElement,cn.createElementNS=cn.prototype.createElementNS;var fn=Mt.createContainer,dn=Mt.updateContainer,pn=Mt.getPublicRootInstance,hn=(Mt.injectIntoDevTools,['%c[Hippy-React "2.2.1"]%c',"color: #61dafb","color: auto"]),mn=function(){function e(t){if(O(this,e),!t.appName||!t.entryPage)throw new TypeError("Invalid arguments");this.config=t,this.regist=this.start,this.render=this.render.bind(this);var n=new cn;this.rootContainer=fn(n,0,!1,null)}return j(e,[{key:"start",value:function(){Qt.regist(this.config.appName,this.render)}},{key:"render",value:function(e){var t=this.config,n=t.appName,r=t.entryPage,i=t.silent,a=void 0!==i&&i,l=t.bubbles,u=void 0!==l&&l,s=t.callback,c=void 0===s?function(){}:s,f=e.__instanceId__;le.apply(void 0,hn.concat(["Start",n,"with rootViewId",f,e])),this.rootContainer.containerInfo.nodeId=f,a&&pe(a),u&&function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];oe=e}(u),Y(f,this.rootContainer);var d=o.a.createElement(r,e);return dn(d,this.rootContainer,null,c),pn(this.rootContainer)}}],[{key:"Native",get:function(){return Kt}}]),e}();mn.version="2.2.1";var vn={registerComponent:function(e,t){new mn({appName:e,entryPage:t}).start()}},yn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"setPressed",value:function(e){Ct(this.instance,"setPressed",[e])}},{key:"setHotspot",value:function(e,t){Ct(this.instance,"setHotspot",[e,t])}},{key:"render",value:function(){var e=this,t=this.props,n=t.collapsable,r=t.style,i=void 0===r?{}:r,a=_(t,u),l=i,s=a.nativeBackgroundAndroid;return"boolean"==typeof n&&(l.collapsable=n),void 0!==(null==s?void 0:s.color)&&(s.color=un(s.color)),o.a.createElement("div",I({ref:function(t){e.instance=t},nativeName:"View",style:l},a))}}]),n}(o.a.Component);function gn(e,t){var n=e.style,r=_(e,s),i=n;if(n&&(Array.isArray(n)?-1===n.filter((function(e){return"object"===L(e)&&e})).findIndex((function(e){return e.color||e.colors}))&&(i[0].color="#000"):"object"===L(n)&&void 0===n.color&&void 0===n.colors&&(i.color="#000")),r.text="","string"==typeof r.children)r.text=ue(r.children);else if("number"==typeof r.children)r.text=ue(r.children.toString());else if(Array.isArray(r.children)){var a=r.children.filter((function(e){return"string"==typeof e||"number"==typeof e})).join("");a&&(r.text=ue(a),r.children=r.text)}return o.a.createElement("p",I({ref:t,nativeName:"Text",style:i},r))}gn.displayName="Text";var bn=o.a.forwardRef(gn);bn.displayName="Text";var kn=Object.freeze({__proto__:null,default:bn}),wn=function(e){k(n,e);var t=S(n);function n(){return O(this,n),t.apply(this,arguments)}return j(n,[{key:"render",value:function(){var e=this.props,t=e.children,n=e.style,r=e.imageStyle,i=e.imageRef,a=e.source,l=e.sources,u=e.src,s=e.srcs,f=e.tintColor,d=e.tintColors,p=_(e,c),h=this.getImageUrls({src:u,srcs:s,source:a,sources:l});if("ios"===qt.platform.OS)h.length&&(p.source=h.map((function(e){return{uri:e}})));else if("android"===qt.platform.OS)if(1===h.length){var m=A(h,1);p.src=m[0]}else h.length>1&&(p.srcs=h);"string"==typeof p.defaultSource&&(p.defaultSource.indexOf("data:image/"),p.defaultSource=me(p.defaultSource));var v=I({},n);return this.handleTintColor(v,f,d),p.style=v,t?o.a.createElement(yn,{style:n},o.a.createElement("img",I(I({},p),{},{nativeName:"Image",alt:"",ref:i,style:[{position:"absolute",left:0,right:0,top:0,bottom:0,width:n.width,height:n.height},r]})),t):o.a.createElement("img",I(I({},p),{},{nativeName:"Image",alt:"",ref:i}))}},{key:"getImageUrls",value:function(e){var t=e.src,n=e.srcs,r=e.source,i=e.sources,a=[];if("string"==typeof t&&a.push(t),Array.isArray(n)&&(a=[].concat(b(a),b(n))),r)if("string"==typeof r)a.push(r);else if("object"===L(r)&&null!==r){var o=r.uri;o&&a.push(o)}return i&&Array.isArray(i)&&i.forEach((function(e){"string"==typeof e?a.push(e):"object"===L(e)&&null!==e&&e.uri&&a.push(e.uri)})),a.length&&(a=a.map((function(e){return me(e)}))),a}},{key:"handleTintColor",value:function(e,t,n){t&&(e.tintColor=un(t)),Array.isArray(n)&&(e.tintColors=sn(n))}}],[{key:"resizeMode",get:function(){return{contain:"contain",cover:"cover",stretch:"stretch",center:"center",repeat:"repeat"}}},{key:"getSize",value:function(e,t,n){if("string"!=typeof e)throw new TypeError("Image.getSize first argument must be a string url");var r=Ae(e);return"function"==typeof t&&r.then((function(e){return t(e.width,e.height)})),"function"==typeof n?r.catch(n):r.catch((function(t){"Failed to get size for image: ".concat(e)})),r}}]),n}(o.a.Component);wn.prefetch=Re;var Sn=function(){function e(){O(this,e),this.Value=e.Value}return j(e,null,[{key:"Value",value:function(e){return e}},{key:"timing",value:function(e,t){return new We({mode:"timing",delay:0,startValue:e,toValue:t.toValue,duration:t.duration,timingFunction:t.easing||"linear"})}}]),e}();Sn.View=yn,Sn.Text=kn,Sn.Image=wn;var En={step0:function(e){return e>0?1:0},step1:function(e){return e>=1?1:0},linear:function(){return"linear"},ease:function(){return"ease"},quad:function(e){return Math.pow(e,2)},cubic:function(e){return Math.pow(e,3)},poly:function(e){return function(t){return Math.pow(t,e)}},sin:function(e){return 1-Math.cos(e*Math.PI/2)},circle:function(e){return 1-Math.sqrt(1-e*e)},exp:function(e){return Math.pow(2,10*(e-1))},elastic:function(){return"elastic"},back:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1.70158;return function(t){return t*t*((e+1)*t-e)}},bounce:function(e){var t=e;return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bezier:function(){return"bezier"},in:function(){return"ease-in"},out:function(){return"ease-out"},inOut:function(){return"ease-in-out"}};function Cn(e){return o.a.createElement("li",I({nativeName:"ListViewItem"},e))}var xn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"expandPullHeader",value:function(){Ct(this.instance,"expandPullHeader",[])}},{key:"collapsePullHeader",value:function(e){"android"===qt.platform.OS?Ct(this.instance,"collapsePullHeader",[e]):void 0!==e?Ct(this.instance,"collapsePullHeaderWithOptions",[e]):Ct(this.instance,"collapsePullHeader",[])}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=_(t,f);return o.a.createElement("div",I({nativeName:"PullHeaderView",ref:function(t){e.instance=t}},r),n)}}]),n}(o.a.Component),Nn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e.defaultProps={sticky:!0},e}return j(n,[{key:"expandPullFooter",value:function(){Ct(this.instance,"expandPullFooter",[])}},{key:"collapsePullFooter",value:function(){Ct(this.instance,"collapsePullFooter",[])}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=_(t,d);return o.a.createElement("div",I({nativeName:"PullFooterView",ref:function(t){e.instance=t}},r),n)}}]),n}(o.a.Component),In={onDisappear:"onDisAppear"},Pn={onDisappear:"onDisappear"},_n=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r.pullHeader=null,r.pullFooter=null,r.handleInitialListReady=r.handleInitialListReady.bind(C(r)),r.state={initialListReady:!1},r}return j(n,[{key:"componentDidMount",value:function(){this.props.getRowKey}},{key:"scrollToIndex",value:function(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&Ct(this.instance,"scrollToIndex",[e,t,n])}},{key:"scrollToContentOffset",value:function(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&Ct(this.instance,"scrollToContentOffset",[e,t,n])}},{key:"expandPullHeader",value:function(){this.pullHeader&&this.pullHeader.expandPullHeader()}},{key:"collapsePullHeader",value:function(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}},{key:"expandPullFooter",value:function(){this.pullFooter&&this.pullFooter.expandPullFooter()}},{key:"collapsePullFooter",value:function(){this.pullFooter&&this.pullFooter.collapsePullFooter()}},{key:"render",value:function(){var e=this,t=this.props,r=t.children,i=t.style,a=t.renderRow,l=t.renderPullHeader,u=t.renderPullFooter,s=t.getRowType,c=t.getRowStyle,f=t.getRowKey,d=t.dataSource,h=t.initialListSize,m=t.rowShouldSticky,v=t.onRowLayout,y=t.onHeaderPulling,g=t.onHeaderReleased,b=t.onFooterPulling,k=t.onFooterReleased,w=t.onAppear,S=t.onDisappear,E=t.onWillAppear,C=t.onWillDisappear,x=_(t,p),N=[];if("function"==typeof a){var P=this.state.initialListReady,L=this.props.numberOfRows,A=this.getPullHeader(l,y,g),R=this.getPullFooter(u,b,k);!L&&d&&(L=d.length),P||(L=Math.min(L,h||10));for(var z=function(t){var r={},i=void 0;i=d?a(d[t],null,t):a(t),e.handleRowProps(r,t,{getRowKey:f,getRowStyle:c,getRowType:s,onRowLayout:v,rowShouldSticky:m}),[{func:w,name:"onAppear"},{func:S,name:"onDisappear"},{func:E,name:"onWillAppear"},{func:C,name:"onWillDisappear"}].forEach((function(e){var i=e.func,a=e.name;"function"==typeof i&&(r[n.convertName(a)]=function(){i(t)})})),i&&N.push(o.a.createElement(Cn,I({},r),i))},O=0;O0&&(this.size-=1),e.data}},{key:"clear",value:function(){this.top=null,this.size=0}},{key:"displayAll",value:function(){var e=[];if(null===this.top)return e;for(var t=this.top,n=0,r=this.size;n1&&this.pop({animated:!0})}},{key:"push",value:function(e){if(null==e?void 0:e.component){if(!this.routeList[e.routeName])new mn({appName:e.routeName,entryPage:e.component}).regist(),this.routeList[e.routeName]=!0;delete e.component}var t=[e];this.stack.push(e),Ct(this.instance,"push",t)}},{key:"pop",value:function(e){if(this.stack.size>1){var t=[e];this.stack.pop(),Ct(this.instance,"pop",t)}}},{key:"clear",value:function(){this.stack.clear()}},{key:"render",value:function(){var e=this,t=this.props,n=t.initialRoute,r=(n.component,_(n,m)),i=_(t,v);return i.initialRoute=r,o.a.createElement("div",I({nativeName:"Navigator",ref:function(t){e.instance=t}},i))}}]),n}(o.a.Component);function zn(e){return o.a.createElement("div",I(I({nativeName:"ViewPagerItem"},e),{},{style:{position:"absolute",left:0,top:0,right:0,bottom:0,collapsable:!1}}))}var On=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r.setPage=r.setPage.bind(C(r)),r.setPageWithoutAnimation=r.setPageWithoutAnimation.bind(C(r)),r.onPageScrollStateChanged=r.onPageScrollStateChanged.bind(C(r)),r}return j(n,[{key:"onPageScrollStateChanged",value:function(e){var t=this.props.onPageScrollStateChanged;t&&t(e.pageScrollState)}},{key:"setPage",value:function(e){"number"==typeof e&&Ct(this.instance,"setPage",[e])}},{key:"setPageWithoutAnimation",value:function(e){"number"==typeof e&&Ct(this.instance,"setPageWithoutAnimation",[e])}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=t.onPageScrollStateChanged,i=_(t,y),a=[];return Array.isArray(n)?a=n.map((function(e){var t={};return"string"==typeof e.key&&(t.key="viewPager_".concat(e.key)),o.a.createElement(zn,I({},t),e)})):a.push(o.a.createElement(zn,null,n)),"function"==typeof r&&(i.onPageScrollStateChanged=this.onPageScrollStateChanged),o.a.createElement("div",I({nativeName:"ViewPager",ref:function(t){e.instance=t}},i),a)}}]),n}(o.a.Component);function Tn(){var e=W.platform.Localization;return!!e&&1===e.direction}var jn=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r._lastNativeText="",r.onChangeText=r.onChangeText.bind(C(r)),r.onKeyboardWillShow=r.onKeyboardWillShow.bind(C(r)),r}return j(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.value,n=e.autoFocus;this._lastNativeText=t,n&&this.focus()}},{key:"componentWillUnmount",value:function(){this.blur()}},{key:"getValue",value:function(){var e=this;return new Promise((function(t){Ct(e.instance,"getValue",(function(e){return t(e.text)}))}))}},{key:"setValue",value:function(e){return Ct(this.instance,"setValue",[e]),e}},{key:"focus",value:function(){Ct(this.instance,"focusTextInput",[])}},{key:"blur",value:function(){Ct(this.instance,"blurTextInput",[])}},{key:"showInputMethod",value:function(){Ct(this.instance,"showInputMethod",[])}},{key:"hideInputMethod",value:function(){Ct(this.instance,"hideInputMethod",[])}},{key:"clear",value:function(){Ct(this.instance,"clear",[])}},{key:"render",value:function(){var e=this,t=I({},this.props);return["underlineColorAndroid","placeholderTextColor","placeholderTextColors"].forEach((function(n){"string"==typeof e.props[n]&&(Array.isArray(t.style)?t.style.push({[n]:e.props[n]}):t.style&&"object"===L(t.style)?t.style[n]=e.props[n]:t.style={[n]:e.props[n]},t[n]=void 0)})),Tn()&&(t.style?"object"!==L(t.style)||Array.isArray(t.style)||t.style.textAlign||(t.style.textAlign="right"):t.style={textAlign:"right"}),o.a.createElement("div",I(I({nativeName:"TextInput"},t),{},{ref:function(t){e.instance=t},onChangeText:this.onChangeText,onKeyboardWillShow:this.onKeyboardWillShow}))}},{key:"onChangeText",value:function(e){var t=this.props.onChangeText;"function"==typeof t&&t(e.text),this.instance&&(this._lastNativeText=e.text)}},{key:"onKeyboardWillShow",value:function(e){var t=this.props.onKeyboardWillShow,n=e;"android"===qt.platform.OS&&(n.keyboardHeight/=qt.screen.scale),"function"==typeof t&&t(n)}}]),n}(o.a.Component),Fn=qt.window.scale,Hn=Math.round(.4*Fn)/Fn;function Mn(e){return e}0===Hn&&(Hn=1/Fn);var Dn=Object.freeze({__proto__:null,get hairlineWidth(){return Hn},create:Mn}),Un={baseVertical:{flexGrow:1,flexShrink:1,flexDirection:"column",overflow:"scroll"},baseHorizontal:{flexGrow:1,flexShrink:1,flexDirection:"row",overflow:"scroll"},contentContainerVertical:{collapsable:!1,flexDirection:"column"},contentContainerHorizontal:{collapsable:!1,flexDirection:"row"}},Wn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"scrollTo",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=e,i=t,a=n;"number"==typeof e||"object"===L(e)&&e&&(r=e.x,i=e.y,a=e.animated),r=r||0,i=i||0,a=!!a,Ct(this.instance,"scrollTo",[r,i,a])}},{key:"scrollToWithDuration",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1e3;Ct(this.instance,"scrollToWithOptions",[{x:e,y:t,duration:n}])}},{key:"render",value:function(){var e=this,t=this.props,n=t.horizontal,r=t.contentContainerStyle,i=t.children,a=t.style,l=[n?Un.contentContainerHorizontal:Un.contentContainerVertical,r],u=n?Object.assign({},Un.baseHorizontal,a):Object.assign({},Un.baseVertical,a);return n&&(u.flexDirection=Tn()?"row-reverse":"row"),o.a.createElement("div",I(I({nativeName:"ScrollView",ref:function(t){e.instance=t}},this.props),{},{style:u}),o.a.createElement(yn,{style:l},i))}}]),n}(o.a.Component),Bn={modal:{position:"absolute"},container:{position:"absolute",left:0,top:0}},Vn=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).eventSubscription=null,r}return j(n,[{key:"componentDidMount",value:function(){var e=this;"ios"===qt.platform.OS&&(this.eventSubscription=new Ne("modalDismissed"),this.eventSubscription.addCallback((function(t){var n=e.props,r=n.primaryKey,i=n.onDismiss;t.primaryKey===r&&"function"==typeof i&&i()})))}},{key:"componentWillUnmount",value:function(){"ios"===qt.platform.OS&&this.eventSubscription&&this.eventSubscription.unregister()}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.visible,r=e.transparent,i=e.animated,a=this.props.animationType;if(!1===n)return null;var l={backgroundColor:r?"transparent":"white"};return a||(a="none",i&&(a="slide")),o.a.createElement("div",I({nativeName:"Modal",animationType:a,transparent:r,style:Bn.modal},this.props),o.a.createElement(yn,{style:[Bn.container,l]},t))}}]),n}(o.a.Component);Vn.defaultProps={visible:!0};var $n=function(e){k(n,e);var t=S(n);function n(e){var r;O(this,n);var i=(r=t.call(this,e)).props.requestFocus;return r.state={isFocus:!!i},r.handleFocus=r.handleFocus.bind(C(r)),r}return j(n,[{key:"render",value:function(){var e,t,n,r,i=this.props,a=i.requestFocus,l=i.children,u=i.nextFocusDownId,s=i.nextFocusUpId,c=i.nextFocusLeftId,f=i.nextFocusRightId,d=i.style,p=i.noFocusStyle,h=i.focusStyle,m=i.onClick,v=this.state.isFocus,y=o.a.Children.only(l);(null===(t=null===(e=null==y?void 0:y.child)||void 0===e?void 0:e.memoizedProps)||void 0===t?void 0:t.nativeName)?r=y.child.memoizedProps.nativeName:(null===(n=null==y?void 0:y.type)||void 0===n?void 0:n.displayName)&&(r=y.type.displayName);var g=u&&Et(u),b=s&&Et(s),k=c&&Et(c),w=f&&Et(f),S=d;if("Text"!==r){var E=y.memoizedProps.style;S=I(I({},S),E)}if(Object.assign(S,v?h:p),"Text"===r)return o.a.createElement(yn,{focusable:!0,nextFocusDownId:g,nextFocusUpId:b,nextFocusLeftId:k,nextFocusRightId:w,requestFocus:a,style:S,onClick:m,onFocus:this.handleFocus},y);var C=y.memoizedProps.children;return o.a.cloneElement(y,{nextFocusDownId:u,nextFocusUpId:s,nextFocusLeftId:c,nextFocusRightId:f,requestFocus:a,onClick:m,focusable:!0,children:C,style:S,onFocus:this.handleFocus})}},{key:"handleFocus",value:function(e){var t=this.props.onFocus;"function"==typeof t&&t(e),this.state.isFocus!==e.focus&&this.setState({isFocus:e.focus})}}]),n}(o.a.Component);function qn(e){return o.a.createElement("iframe",I({title:"hippy",nativeName:"WebView"},e))}var Qn,Kn=function(){function e(t,n,r){var i=this;if(O(this,e),this.protocol="",this.onWebSocketEvent=this.onWebSocketEvent.bind(this),Qn||(Qn=new Ne("hippyWebsocketEvents")),this.readyState=0,this.webSocketCallbacks={},!t||"string"!=typeof t)throw new TypeError("Invalid WebSocket url");var a=I({},r);if(void 0!==n)if(Array.isArray(n)&&n.length>0)a["Sec-WebSocket-Protocol"]=n.join(",");else{if("string"!=typeof n)throw new TypeError("Invalid WebSocket protocols");a["Sec-WebSocket-Protocol"]=n}var o={headers:a,url:t};this.url=t,this.webSocketCallbackId=Qn.addCallback(this.onWebSocketEvent),U.callNativeWithPromise("websocket","connect",o).then((function(e){e&&0===e.code&&"number"==typeof e.id&&(i.webSocketId=e.id)}))}return j(e,[{key:"close",value:function(e,t){1===this.readyState&&(this.readyState=2,U.callNative("websocket","close",{id:this.webSocketId,code:e,reason:t}))}},{key:"send",value:function(e){if(1===this.readyState){if("string"!=typeof e)throw new TypeError("Unsupported websocket data type: ".concat(L(e)));U.callNative("websocket","send",{id:this.webSocketId,data:e})}}},{key:"onopen",set:function(e){this.webSocketCallbacks.onOpen=e}},{key:"onclose",set:function(e){this.webSocketCallbacks.onClose=e}},{key:"onerror",set:function(e){this.webSocketCallbacks.onError=e}},{key:"onmessage",set:function(e){this.webSocketCallbacks.onMessage=e}},{key:"onWebSocketEvent",value:function(e){if("object"===L(e)&&e.id===this.webSocketId){var t=e.type;"onOpen"===t?this.readyState=1:"onClose"===t&&(this.readyState=3,Qn.removeCallback(this.webSocketCallbackId));var n=this.webSocketCallbacks[t];"function"==typeof n&&n(e.data)}}}]),e}();function Gn(e){return o.a.createElement("li",I({nativeName:"WaterfallItem"},e))}var Yn=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r.pullHeader=null,r.pullFooter=null,r.handleInitialListReady=r.handleInitialListReady.bind(C(r)),r}return j(n,[{key:"scrollToIndex",value:function(e){var t=e.index,n=void 0===t?0:t,r=e.animated,i=void 0===r||r;Ct(this.instance,"scrollToIndex",[n,n,i])}},{key:"scrollToContentOffset",value:function(e){var t=e.xOffset,n=void 0===t?0:t,r=e.yOffset,i=void 0===r?0:r,a=e.animated,o=void 0===a||a;Ct(this.instance,"scrollToContentOffset",[n,i,o])}},{key:"expandPullHeader",value:function(){this.pullHeader&&this.pullHeader.expandPullHeader()}},{key:"collapsePullHeader",value:function(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}},{key:"expandPullFooter",value:function(){this.pullFooter&&this.pullFooter.expandPullFooter()}},{key:"collapsePullFooter",value:function(){this.pullFooter&&this.pullFooter.collapsePullFooter()}},{key:"render",value:function(){var e=this,t=this.props,n=t.style,r=void 0===n?{}:n,i=t.renderBanner,a=t.numberOfColumns,l=void 0===a?2:a,u=t.columnSpacing,s=void 0===u?0:u,c=t.interItemSpacing,f=void 0===c?0:c,d=t.numberOfItems,p=void 0===d?0:d,h=t.preloadItemNumber,m=void 0===h?0:h,v=t.renderItem,y=t.renderPullHeader,b=t.renderPullFooter,k=t.getItemType,w=t.getItemKey,S=t.getItemStyle,E=t.contentInset,C=void 0===E?{top:0,left:0,bottom:0,right:0}:E,x=t.onItemLayout,N=t.onHeaderPulling,P=t.onHeaderReleased,L=t.onFooterPulling,A=t.onFooterReleased,R=t.containPullHeader,z=void 0!==R&&R,O=t.containPullFooter,T=void 0!==O&&O,j=t.containBannerView,F=void 0!==j&&j,H=I(I({},_(t,g)),{},{style:r,numberOfColumns:l,columnSpacing:s,interItemSpacing:f,preloadItemNumber:m,contentInset:C,containPullHeader:z,containPullFooter:T,containBannerView:F}),M=[];if("function"==typeof i){var D=i();D&&(M.push(o.a.createElement(yn,{key:"bannerView"},o.a.cloneElement(D))),H.containBannerView=!0)}if("function"==typeof v){for(var U=this.getPullHeader(y,N,P),W=this.getPullFooter(b,L,A),B=0;B0||e.didTimeout)&&function e(t){"number"==typeof t?ee(t):t&&(ee(t.nodeId),Array.isArray(t.childNodes)&&t.childNodes.forEach((function(t){return e(t)})))}(t)}),{timeout:50})}var ie={onTouchStart:["onTouchStart","onTouchDown"],onPress:["onPress","onClick"]},ae=new RegExp(/^\d+$/),oe=!1;function le(){}function ue(e){return e.replace(/\\u[\dA-F]{4}|\\x[\dA-F]{2}/gi,(function(e){return String.fromCharCode(parseInt(e.replace(/\\u|\\x/g,""),16))}))}var se=new RegExp("^on.+Capture$");var ce=new RegExp("^(?=.+)[+-]?\\d*\\.?\\d*([Ee][+-]?\\d+)?$");function fe(e){if("number"==typeof e)return e;if("string"==typeof e&&ce.test(e))try{return parseFloat(e)}catch(t){return e}return e}function de(e){return"[object Function]"===Object.prototype.toString.call(e)}function pe(e){e}function he(){return oe}function me(e){if(e&&!/^(http|https):\/\//.test(e)&&e.indexOf("assets")>-1){return"".concat("hpfile://","./").concat(e)}return e}function ve(e){return 5===e}var ye=function(){function e(t){O(this,e),this.handlerContainer={},this.nextIdForHandler=0,this.eventName=t}return j(e,[{key:"getEventListeners",value:function(){var e=this;return Object.keys(this.handlerContainer).filter((function(t){return e.handlerContainer[t]})).map((function(t){return e.handlerContainer[t]}))}},{key:"getHandlerSize",value:function(){return Object.keys(this.handlerContainer).length}},{key:"addEventHandler",value:function(e,t){if(!e)throw new TypeError("Invalid arguments for addEventHandler");var n=this.nextIdForHandler;this.nextIdForHandler+=1;var r={id:n,eventHandler:e,context:t},i="eventHandler_".concat(n);return this.handlerContainer[i]=r,n}},{key:"notifyEvent",value:function(e){var t=this;Object.keys(this.handlerContainer).forEach((function(n){var r=t.handlerContainer[n];r&&r.eventHandler&&(r.context?r.eventHandler.call(r.context,e):r.eventHandler(e))}))}},{key:"removeEventHandler",value:function(e){if("number"!=typeof e)throw new TypeError("Invalid arguments for removeEventHandler");var t="eventHandler_".concat(e);this.handlerContainer[t]&&delete this.handlerContainer[t]}}]),e}(),ge=function(){function e(t,n,r){O(this,e),this.type=t,this.bubbles=!0,this.timeStamp=Date.now(),this.currentTarget=n,this.target=r}return j(e,[{key:"stopPropagation",value:function(){this.bubbles=!1}},{key:"preventDefault",value:function(){}}]),e}(),be=new Map,ke=["%c[event]%c","color: green","color: auto"];function we(e,t){var n=e;if(t.memoizedProps&&!t.memoizedProps[e])for(var r=Object.keys(ie),i=0;i0)for(var l,u=!1,s=te(n);!u&&void 0!==(l=r.shift());)try{var c=l,f=c.eventName,d=c.currentTarget,p=c.listener,h=c.isCapture,m=new ge(f,d,s);Object.assign(m,t),h?(p(m),m.bubbles||(u=!0)):("boolean"!=typeof(u=p(m))&&(u=!he()),m.bubbles||(u=!0))}catch(e){console.reportUncaughtException(e)}}(r,e,a):function(e,t,n){var r=!1,i=n,a=e,o=te(n);do{if(Se(a=we(a,i),i))try{var l=te(i),u=new ge(a,l,o);Object.assign(u,t),"boolean"!=typeof(r=i.memoizedProps[a](u))&&(r=!he()),u.bubbles||(r=!0)}catch(e){console.reportUncaughtException(e)}if(!1===r)for(i=i.return;i&&!ve(i.tag);)i=i.return}while(!r&&i)}(r,e,a)}}},receiveUIComponentEvent:function(e){if(le.apply(void 0,ke.concat(["receiveUIComponentEvent",e])),e&&Array.isArray(e)&&!(e.length<2)){var t=A(e,3),n=t[0],r=t[1],i=t[2];if("number"==typeof n&&"string"==typeof r){var a=ne(n);a&&Se(r,a)&&a.memoizedProps[r](i)}}}};e.__GLOBAL__&&(e.__GLOBAL__.jsModuleList.EventDispatcher=Ce);var xe=function(){function e(t,n){O(this,e),this.callback=t,this.bindListener=n}return j(e,[{key:"remove",value:function(){"number"==typeof this.callback&&this.bindListener&&(this.bindListener.removeCallback(this.callback),this.bindListener=void 0)}}]),e}(),Ne=function(){function e(t){O(this,e),this.eventName=t,this.listenerIdList=[]}return j(e,[{key:"unregister",value:function(){var e=Ce.getHippyEventHub(this.eventName);if(!e)throw new ReferenceError("No listeners for ".concat(this.eventName));for(var t=this.listenerIdList.length,n=0;n=0?un(t):t}var We=function(){function e(t){var n;O(this,e);var r=0;if((null===(n=t.startValue)||void 0===n?void 0:n.constructor)&&"Animation"===t.startValue.constructor.name)r={animationId:t.startValue.animationId};else{var i=t.startValue;r=Ue(t.valueType,i)}var a=Ue(t.valueType,t.toValue);this.mode=t.mode||"timing",this.delay=t.delay||0,this.startValue=r||0,this.toValue=a||0,this.valueType=t.valueType||void 0,this.duration=t.duration||0,this.direction=t.direction||"center",this.timingFunction=t.timingFunction||"linear",this.repeatCount=Me(t.repeatCount||0),this.inputRange=t.inputRange||[],this.outputRange=t.outputRange||[],this.animationId=$t.callNativeWithCallbackId("AnimationModule","createAnimation",!0,this.mode,Object.assign({delay:this.delay,startValue:this.startValue,toValue:this.toValue,duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{})),this.destroy=this.destroy.bind(this),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}return j(e,[{key:"removeEventListener",value:function(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}},{key:"start",value:function(){var e=this;this.removeEventListener();var t="onAnimation";"android"===qt.platform.OS&&(t="onHippyAnimation"),"function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=De.addListener("".concat(t,"Start"),(function(t){t===e.animationId&&(e.animationStartListener.remove(),"function"==typeof e.onAnimationStartCallback&&e.onAnimationStartCallback())}))),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=De.addListener("".concat(t,"End"),(function(t){t===e.animationId&&(e.animationEndListener.remove(),"function"==typeof e.onAnimationEndCallback&&e.onAnimationEndCallback())}))),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=De.addListener("".concat(t,"Cancel"),(function(t){t===e.animationId&&(e.animationCancelListener.remove(),"function"==typeof e.onAnimationCancelCallback&&e.onAnimationCancelCallback())}))),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=De.addListener("".concat(t,"Repeat"),(function(t){t===e.animationId&&"function"==typeof e.onAnimationRepeatCallback&&e.onAnimationRepeatCallback()}))),$t.callNative("AnimationModule","startAnimation",this.animationId)}},{key:"destory",value:function(){this.destroy()}},{key:"destroy",value:function(){this.removeEventListener(),$t.callNative("AnimationModule","destroyAnimation",this.animationId)}},{key:"pause",value:function(){$t.callNative("AnimationModule","pauseAnimation",this.animationId)}},{key:"resume",value:function(){$t.callNative("AnimationModule","resumeAnimation",this.animationId)}},{key:"updateAnimation",value:function(t){var n=this;if("object"!==L(t))throw new TypeError("Invalid arguments");if("string"==typeof t.mode&&t.mode!==this.mode)throw new TypeError("Update animation mode not supported");Object.keys(t).forEach((function(r){var i=t[r];if("startValue"===r){var a=0;if(t.startValue instanceof e)a={animationId:t.startValue.animationId};else{var o=t.startValue;a=Ue(n.valueType,o)}n.startValue=a||0}else"repeatCount"===r?n.repeatCount=Me(t.repeatCount||0):Object.defineProperty(n,r,{value:i})})),$t.callNative("AnimationModule","updateAnimation",this.animationId,Object.assign({delay:this.delay,startValue:this.startValue,toValue:Ue(this.valueType,this.toValue),duration:this.duration,direction:this.direction,timingFunction:this.timingFunction,repeatCount:this.repeatCount,inputRange:this.inputRange,outputRange:this.outputRange},this.valueType?{valueType:this.valueType}:{}))}},{key:"onAnimationStart",value:function(e){this.onAnimationStartCallback=e}},{key:"onAnimationEnd",value:function(e){this.onAnimationEndCallback=e}},{key:"onAnimationCancel",value:function(e){this.onAnimationCancelCallback=e}},{key:"onAnimationRepeat",value:function(e){this.onAnimationRepeatCallback=e}}]),e}(),Be=new Pe,Ve=function(){function e(t){var n=this;O(this,e),this.animationList=[],t.children.forEach((function(e){n.animationList.push({animationId:e.animation.animationId,follow:e.follow||!1})})),this.animationId=$t.callNativeWithCallbackId("AnimationModule","createAnimationSet",!0,{repeatCount:Me(t.repeatCount||0),children:this.animationList,virtual:t.virtual}),this.onRNfqbAnimationStart=this.onAnimationStart.bind(this),this.onRNfqbAnimationEnd=this.onAnimationEnd.bind(this),this.onRNfqbAnimationCancel=this.onAnimationCancel.bind(this),this.onRNfqbAnimationRepeat=this.onAnimationRepeat.bind(this),this.onHippyAnimationStart=this.onAnimationStart.bind(this),this.onHippyAnimationEnd=this.onAnimationEnd.bind(this),this.onHippyAnimationCancel=this.onAnimationCancel.bind(this),this.onHippyAnimationRepeat=this.onAnimationRepeat.bind(this)}return j(e,[{key:"removeEventListener",value:function(){this.animationStartListener&&this.animationStartListener.remove(),this.animationEndListener&&this.animationEndListener.remove(),this.animationCancelListener&&this.animationCancelListener.remove(),this.animationRepeatListener&&this.animationRepeatListener.remove()}},{key:"start",value:function(){var e=this;this.removeEventListener();var t="onAnimation";"android"===qt.platform.OS&&(t="onHippyAnimation"),"function"==typeof this.onAnimationStartCallback&&(this.animationStartListener=Be.addListener("".concat(t,"Start"),(function(t){t===e.animationId&&(e.animationStartListener.remove(),"function"==typeof e.onAnimationStartCallback&&e.onAnimationStartCallback())}))),"function"==typeof this.onAnimationEndCallback&&(this.animationEndListener=Be.addListener("".concat(t,"End"),(function(t){t===e.animationId&&(e.animationEndListener.remove(),"function"==typeof e.onAnimationEndCallback&&e.onAnimationEndCallback())}))),"function"==typeof this.onAnimationCancelCallback&&(this.animationCancelListener=Be.addListener("".concat(t,"Cancel"),(function(t){t===e.animationId&&(e.animationCancelListener.remove(),"function"==typeof e.onAnimationCancelCallback&&e.onAnimationCancelCallback())}))),"function"==typeof this.onAnimationRepeatCallback&&(this.animationRepeatListener=Be.addListener("".concat(t,"Repeat"),(function(t){t===e.animationId&&"function"==typeof e.onAnimationRepeatCallback&&e.onAnimationRepeatCallback()}))),$t.callNative("AnimationModule","startAnimation",this.animationId)}},{key:"destory",value:function(){this.destroy()}},{key:"destroy",value:function(){this.removeEventListener(),this.animationList.forEach((function(e){return Number.isInteger(e.animationId)&&$t.callNative("AnimationModule","destroyAnimation",e.animationId)})),$t.callNative("AnimationModule","destroyAnimation",this.animationId)}},{key:"pause",value:function(){$t.callNative("AnimationModule","pauseAnimation",this.animationId)}},{key:"resume",value:function(){$t.callNative("AnimationModule","resumeAnimation",this.animationId)}},{key:"onAnimationStart",value:function(e){this.onAnimationStartCallback=e}},{key:"onAnimationEnd",value:function(e){this.onAnimationEndCallback=e}},{key:"onAnimationCancel",value:function(e){this.onAnimationCancelCallback=e}},{key:"onAnimationRepeat",value:function(e){this.onAnimationRepeatCallback=e}}]),e}(),$e=["%c[native]%c","color: red","color: auto"],qe={createNode:Symbol("createNode"),updateNode:Symbol("updateNode"),deleteNode:Symbol("deleteNode")},Qe=!0,Ke=[];function Ge(e){(function(e){for(var t=[],n=0;n0&&void 0!==arguments[0]&&arguments[0];if(Qe)if(Qe=!1,0!==Ke.length){var t=X();e?(Ge(t),bt(),Ke=[],Qe=!0):Promise.resolve().then((function(){Ge(t),bt(),Ke=[],Qe=!0}))}else Qe=!0}function Xe(e){var t=e.attributes;t.children;return _(t,l)}function Je(e,t){var n;if(!t.nativeName)return null;if(t.meta.skipAddToDom)return null;if(!t.meta.component)throw new Error("Specific tag is not supported yet: ".concat(t.tagName));return{id:t.nodeId,pId:(null===(n=t.parentNode)||void 0===n?void 0:n.nodeId)||e,index:t.index,name:t.nativeName,props:I(I({},Xe(t)),{},{style:t.style})}}function Ze(e,t,n,r){var i=[],a=n;return void 0===a&&t&&t.parentNode&&(a=t.parentNode.childNodes.indexOf(t)),t.traverseChildren((function(t){var n=Je(e,t);n&&i.push(n),"function"==typeof r&&r(t)}),a),i}function et(e){return!!F&&e instanceof F.containerInfo.constructor}function tt(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(e&&t&&!t.meta.skipAddToDom){var r=X();if(et(e)&&!e.isMounted){var i=Ze(r,t,n,(function(e){e.isMounted||(e.isMounted=!0)}));Ke.push({type:qe.createNode,nodes:i})}else if(e.isMounted&&!t.isMounted){var a=Ze(r,t,n,(function(e){e.isMounted||(e.isMounted=!0)}));Ke.push({type:qe.createNode,nodes:a})}}}function nt(e,t,n){if(t&&!t.meta.skipAddToDom){t.isMounted=!1,t.index=n;var r=X(),i=[{id:t.nodeId,pId:t.parentNode?t.parentNode.nodeId:r,index:t.index}];Ke.push({type:qe.deleteNode,nodes:i})}}function rt(e){if(e.isMounted){var t=Je(X(),e);t&&Ke.push({type:qe.updateNode,nodes:[t]})}}var it=0;var at=function(){function e(){O(this,e),this.meta={component:{}},this.index=0,this.childNodes=[],this.parentNode=null,this.mounted=!1,this.nodeId=((it+=1)%10==0&&(it+=1),it)}return j(e,[{key:"toString",value:function(){return this.constructor.name}},{key:"isMounted",get:function(){return this.mounted},set:function(e){this.mounted=e}},{key:"insertBefore",value:function(e,t){if(!e)throw new Error("Can't insert child.");if(!e.meta.skipAddToDom){if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't insert child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't insert child, because it already has a different parent.");var n=this.childNodes.indexOf(t);return e.parentNode=this,this.childNodes.splice(n,0,e),tt(this,e,n)}}},{key:"moveChild",value:function(e,t){if(!e)throw new Error("Can't move child.");if(!e.meta.skipAddToDom){if(!t)return this.appendChild(e);if(t.parentNode!==this)throw new Error("Can't move child, because the reference node has a different parent.");if(e.parentNode&&e.parentNode!==this)throw new Error("Can't move child, because it already has a different parent.");var n=this.childNodes.indexOf(e);if(this.childNodes.indexOf(t)===n)return e;this.childNodes.splice(n,1),nt(0,e,n);var r=this.childNodes.indexOf(t);return this.childNodes.splice(r,0,e),tt(this,e,r)}}},{key:"appendChild",value:function(e){if(!e)throw new Error("Can't append child.");if(!e.meta.skipAddToDom){if(e.parentNode&&e.parentNode!==this)throw new Error("Can't append child, because it already has a different parent.");e.parentNode=this,this.childNodes.push(e),tt(this,e,this.childNodes.length-1)}}},{key:"removeChild",value:function(e){if(!e)throw new Error("Can't remove child.");if(!e.meta.skipAddToDom){if(!e.parentNode)throw new Error("Can't remove child, because it has no parent.");if(e.parentNode!==this)throw new Error("Can't remove child, because it has a different parent.");var t=this.childNodes.indexOf(e);this.childNodes.splice(t,1),nt(0,e,t)}}},{key:"findChild",value:function(e){if(e(this))return this;if(this.childNodes.length)for(var t=0;t1&&void 0!==arguments[1]?arguments[1]:0;this.index=this.parentNode?n:0,e(this),this.childNodes.length&&this.childNodes.forEach((function(n,r){t.traverseChildren.call(n,e,r)}))}}]),e}(),ot={textDecoration:"textDecorationLine",boxShadowOffset:"shadowOffset",boxShadowOffsetX:"shadowOffsetX",boxShadowOffsetY:"shadowOffsetY",boxShadowOpacity:"shadowOpacity",boxShadowRadius:"shadowRadius",boxShadowSpread:"shadowSpread",boxShadowColor:"shadowColor"},lt={totop:"0",totopright:"totopright",toright:"90",tobottomright:"tobottomright",tobottom:"180",tobottomleft:"tobottomleft",toleft:"270",totopleft:"totopleft"},ut="turn",st="rad",ct="deg";function ft(e){var t=(e||"").replace(/\s*/g,"").toLowerCase(),n=/^([+-]?\d+\.?\d*)+(deg|turn|rad)|(to\w+)$/g.exec(t);if(Array.isArray(n)){var r="180",i=A(n,3),a=i[0],o=i[1],l=i[2];return o&&l?r=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ct,n=parseFloat(e),r=e||"",i=e.split("."),a=A(i,2),o=a[1];switch(o&&o.length>2&&(r=n.toFixed(2)),t){case ut:r="".concat((360*n).toFixed(2));break;case st:r="".concat((180/Math.PI*n).toFixed(2))}return r}(o,l):a&&void 0!==lt[a]&&(r=lt[a]),r}}function dt(e){var t=A((e||"").replace(/\s+/g," ").trim().split(/\s+(?![^(]*?\))/),2),n=t[0],r=t[1],i=/^([+-]?\d+\.?\d*)%$/g;return!n||i.exec(n)||r?n&&i.exec(r)?{ratio:parseFloat(r.split("%")[0])/100,color:un(n)}:void 0:{color:un(n)}}function pt(e){var t;return t=e,se.test(t)&&(e=e.replace("Capture","")),ie[e]?ie[e][1]:e}var ht=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this)).id="",r.style={},r.attributes={},r.tagName=e,r}return j(n,[{key:"nativeName",get:function(){return this.meta.component.name}},{key:"toString",value:function(){return"".concat(this.tagName,":(").concat(this.nativeName,")")}},{key:"hasAttribute",value:function(e){return!!this.attributes[e]}},{key:"getAttribute",value:function(e){return this.attributes[e]}},{key:"setStyleAttribute",value:function(e){var t=this;this.style={};var n=e;if(!Array.isArray(n)&&Object.hasOwnProperty.call(n,0)){var r=[],i={};Object.keys(n).forEach((function(e){var t;t=e,ae.test(t)?r.push(n[e]):i[e]=n[e]})),n=[].concat(r,[i])}Array.isArray(n)||(n=[n]);var a={};n.forEach((function(e){Array.isArray(e)?e.forEach((function(e){a=I(I({},a),e)})):"object"===L(e)&&e&&(a=I(I({},a),e))})),Object.keys(a).forEach((function(e){var n=a[e];if(Object.prototype.hasOwnProperty.call(ot,e)&&(e=ot[e]),"transform"===e){var r={};if(!Array.isArray(n))throw new TypeError("transform only support array args");n.forEach((function(e){Object.keys(e).forEach((function(t){var n=e[t];n instanceof We||n instanceof Ve?r[t]={animationId:n.animationId}:null===n?r[t]&&delete r[t]:void 0!==n&&(r[t]=n)}))}));var i=Object.keys(r);i.length&&(Array.isArray(t.style.transform)||(t.style.transform=[]),i.forEach((function(e){return t.style.transform.push({[e]:r[e]})})))}else if(null===n&&void 0!==t.style[e])t.style[e]=void 0;else if(n instanceof We||n instanceof Ve)t.style[e]={animationId:n.animationId};else if(["caretColor","caret-color"].indexOf(e)>=0)t.attributes["caret-color"]=un(n);else if(e.toLowerCase().indexOf("colors")>-1)t.style[e]=sn(n);else if(e.toLowerCase().indexOf("color")>-1)t.style[e]=un(n);else if("backgroundImage"===e&&n)t.style=function(e,t,n){if(0===t.indexOf("linear-gradient")){var r=t.substring(t.indexOf("(")+1,t.lastIndexOf(")")).split(/,(?![^(]*?\))/),i=[];n.linearGradient=n.linearGradient||{},r.forEach((function(e,t){if(0===t){var r=ft(e);if(r)n.linearGradient.angle=r;else{n.linearGradient.angle="180";var a=dt(e);a&&i.push(a)}}else{var o=dt(e);o&&i.push(o)}})),n.linearGradient.colorStopList=i}else n[e]=me(t);return n}(e,n,t.style);else if("textShadowOffset"===e){var o=n||{},l=o.x,u=void 0===l?0:l,s=o.width,c=void 0===s?0:s,f=o.y,d=void 0===f?0:f,p=o.height,h=void 0===p?0:p;t.style[e]={width:u||c,height:d||h}}else["textShadowOffsetX","textShadowOffsetY"].indexOf(e)>=0?t.style=function(e,t,n){return n.textShadowOffset=n.textShadowOffset||{},Object.assign(n.textShadowOffset,{[{textShadowOffsetX:"width",textShadowOffsetY:"height"}[e]]:t||0}),n}(e,n,t.style):t.style[e]=n}))}},{key:"setAttribute",value:function(e,t){var n=this;try{if("boolean"==typeof this.attributes[e]&&""===t&&(t=!0),void 0===e)return void rt(this);var r=!1;if([{match:function(){return["id"].indexOf(e)>=0},action:function(){return t===n.id||(n.id=t,function(e){if(e.isMounted){var t=Ze(X(),e);Ke.push({type:qe.updateNode,nodes:t})}}(n)),!0}},{match:function(){return["value","defaultValue","placeholder"].indexOf(e)>=0},action:function(){return n.attributes[e]=ue(t),!1}},{match:function(){return["text"].indexOf(e)>=0},action:function(){return n.attributes[e]=t,!1}},{match:function(){return["numberOfRows"].indexOf(e)>=0},action:function(){return n.attributes[e]=t,"ios"!==qt.platform.OS}},{match:function(){return["caretColor","caret-color"].indexOf(e)>=0},action:function(){return n.attributes["caret-color"]=un(t),!1}},{match:function(){return["style"].indexOf(e)>=0},action:function(){return"object"!==L(t)||null==t||(n.setStyleAttribute(t),!1)}},{match:function(){return!0},action:function(){if("function"==typeof t){var r=pt(e);n.attributes["__bind__".concat(r)]=!0}else{n.attributes[e]=t;var i=pt(e);!0===n.attributes["__bind__".concat(i)]&&"function"!=typeof t&&(n.attributes["__bind__".concat(i)]=!1)}return!1}}].some((function(e){return!!e.match()&&(r=e.action(),!0)})),r)return;var i=!1;Object.keys(this.style).some((function(e){var t=n.style[e];if(t&&Array.isArray(t)&&"transform"===e)for(var r=0;r2&&void 0!==arguments[2]&&arguments[2];if(null!==t){var r=t,i=e;Object.prototype.hasOwnProperty.call(ot,e)&&(i=ot[e]),"string"==typeof r&&(r=t.trim(),r=i.toLowerCase().indexOf("colors")>-1?sn(r):i.toLowerCase().indexOf("color")>-1?un(r):fe(r)),null!=r&&this.style[i]!==r&&(this.style[i]=r,n||rt(this))}else delete this.style[e]}},{key:"setNativeProps",value:function(e){var t=this;if(e){var n=e.style;if(n){var r=n;Object.keys(r).forEach((function(e){t.setStyle(e,r[e],!0)})),rt(this),Ye(!0)}}}},{key:"setText",value:function(e){if("string"!=typeof e)try{e=e.toString()}catch(e){throw new Error("Only string type is acceptable for setText")}return(e=e.trim())||this.getAttribute("text")?(e=(e=ue(e)).replace(/ /g," ").replace(/Â/g," "),"textarea"===this.tagName?this.setAttribute("value",e):this.setAttribute("text",e)):null}}]),n}(at),mt=B.createNode,vt=B.updateNode,yt=B.deleteNode,gt=B.flushBatch,bt=B.endBatch,kt=B.sendRenderError,wt=function(e){return J((function(t){return t.stateNode&&t.stateNode.nodeId===e}))};function St(e){if(e instanceof ht)return e;var t=e._reactInternalFiber||e._reactInternals;if(null==t?void 0:t.child){for(var n=t.child;n&&!(n.stateNode instanceof ht);)n=n.child;return n&&n.stateNode?n.stateNode:null}return null}function Et(e){var t=e;if("string"==typeof e){"getNodeIdByRef('".concat(e,"') use string ref will affect to performance, recommend use reference to the ref instead");var n=J((function(t){return!!(t.return&&t.return.ref&&t.return.ref._stringRef)&&t.return.ref._stringRef===e}));if(!n||!n.stateNode)return 0;t=n.stateNode}if(!t.nodeId){var r=St(t);return r?r.nodeId:0}return t.nodeId}function Ct(e,t){var n=e.nativeName,r=e.nodeId;if(!r||!n){var i=St(e);i&&(r=i.nodeId,n=i.nativeName)}if(!n)throw new Error("callUIFunction is calling a unnamed component");if(!r)throw new Error("callUIFunction is calling a component have no nodeId");for(var a=arguments.length,o=new Array(a>2?a-2:0),l=2;l=0&&e.removeChild(t),e.appendChild(t)},appendChildToContainer:function(e,t){e.appendChild(t)},appendInitialChild:function(e,t){e.appendChild(t)},beforeActiveInstanceBlur:function(){},commitMount:function(){},commitTextUpdate:function(){},commitUpdate:function(e,t,n,r,i,a){Z(a,e.nodeId);var o=Object.keys(t);0!==o.length&&o.forEach((function(n){return e.setAttribute(n,t[n])}))},clearContainer:function(){},createContainerChildSet:function(){},createInstance:function(e,t,n,r,i){var a=n.createElement(e);return Object.keys(t).forEach((function(e){switch(e){case"children":break;case"nativeName":a.meta.component.name=t.nativeName;break;default:a.setAttribute(e,t[e])}})),[5,7].indexOf(i.tag)<0&&(a.meta.skipAddToDom=!0),Z(i,a.nodeId),a},createTextInstance:function(e,t,n,r){var i=t.createElement("p");return i.setAttribute("text",ue(e)),i.meta={component:{name:"Text"}},Z(r,i.nodeId),i},detachDeletedInstance:function(){},finalizeContainerChildren:function(){},finalizeInitialChildren:function(){return!0},getChildHostContext:function(){return{}},getPublicInstance:function(e){return e},getInstanceFromNode:function(){throw new Error("Not yet implemented.")},getFundamentalComponentInstance:function(){throw new Error("Not yet implemented.")},getRootHostContext:function(){return{}},hideInstance:function(e){var t={style:{display:"none"}};Object.keys(t).forEach((function(n){return e.setAttribute(n,t[n])}))},hideTextInstance:function(){throw new Error("Not yet implemented.")},insertBefore:function(e,t,n){e.childNodes.indexOf(t)>=0?e.moveChild(t,n):e.insertBefore(t,n)},isOpaqueHydratingObject:function(){throw new Error("Not yet implemented")},makeClientId:function(){throw new Error("Not yet implemented")},makeClientIdInDEV:function(){throw new Error("Not yet implemented")},makeOpaqueHydratingObject:function(){throw new Error("Not yet implemented.")},mountFundamentalComponent:function(){throw new Error("Not yet implemented.")},prepareForCommit:function(){return null},preparePortalMount:function(){},prepareUpdate:function(e,t,n,r){var i={},a=!1;Object.keys(r).forEach((function(e){var t=n[e],o=r[e];switch(e){case"children":t===o||"number"!=typeof o&&"string"!=typeof o||(i[e]=o);break;default:"function"!=typeof t||"function"!=typeof o||Tt(t,o)?Tt(t,o)||(i[e]=o):a=!0}}));var o=0===Object.keys(i).length;return o&&a?{}:o?null:i},replaceContainerChildren:function(){},removeChild:function(e,t){e.removeChild(t),re(t)},removeChildFromContainer:function(e,t){e.removeChild(t),re(t)},resetAfterCommit:function(){},resetTextContent:function(){},unmountFundamentalComponent:function(){throw new Error("Not yet implemented.")},updateFundamentalComponent:function(){throw new Error("Not yet implemented.")},unhideTextInstance:function(){throw new Error("Not yet implemented.")},unhideInstance:function(e,t){var n=I(I({},t),{},{style:I(I({},t.style),{},{display:"flex"})});Object.keys(n).forEach((function(t){return e.setAttribute(t,n[t])}))},shouldDeprioritizeSubtree:function(){return!0},shouldUpdateFundamentalComponent:function(){throw new Error("Not yet implemented.")},shouldSetTextContent:function(e,t){if(t&&"Text"===t.nativeName||-1!==["p","span"].indexOf(e)){var n=t.children;return"string"==typeof n||"number"==typeof n}return!1}}),Mt=i()(I(I({},Ht),{},{clearTimeout:clearTimeout,setTimeout:setTimeout,isPrimaryRenderer:!0,noTimeout:-1,supportsMutation:!0,supportsHydration:!1,supportsPersistence:!1,now:Date.now,scheduleDeferredCallback:function(){},cancelDeferredCallback:function(){}})),Dt=Mt.flushSync,Ut=K.addEventListener,Wt=K.removeEventListener,Bt=K.dispatchEvent,Vt=K.AsyncStorage,$t=K.Bridge,qt=K.Device,Qt=K.HippyRegister,Kt=Object.freeze({__proto__:null,addEventListener:Ut,removeEventListener:Wt,dispatchEvent:Bt,AsyncStorage:Vt,BackAndroid:At,Bridge:$t,Clipboard:_e,Cookie:Le,Device:qt,HippyRegister:Qt,ImageLoader:Oe,NetworkInfo:He,UIManager:Nt,flushSync:Dt});function Gt(){for(var e=arguments.length,t=new Array(e),n=0;n255?255:t}function tn(e){var t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function nn(e,t,n){var r=n;return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function rn(e,t,n){var r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,a=nn(i,r,e+1/3),o=nn(i,r,e),l=nn(i,r,e-1/3);return Math.round(255*a)<<24|Math.round(255*o)<<16|Math.round(255*l)<<8}function an(e){return(parseFloat(e)%360+360)%360/360}function on(e){var t=parseFloat(e);return t<0?0:t>100?1:t/100}function ln(e){var t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Zt.hex6.exec(e),Array.isArray(t)?parseInt("".concat(t[1],"ff"),16)>>>0:Object.hasOwnProperty.call(Yt,e)?Yt[e]:(t=Zt.rgb.exec(e),Array.isArray(t)?(en(t[1])<<24|en(t[2])<<16|en(t[3])<<8|255)>>>0:(t=Zt.rgba.exec(e))?(en(t[1])<<24|en(t[2])<<16|en(t[3])<<8|tn(t[4]))>>>0:(t=Zt.hex3.exec(e))?parseInt("".concat(t[1]+t[1]+t[2]+t[2]+t[3]+t[3],"ff"),16)>>>0:(t=Zt.hex8.exec(e))?parseInt(t[1],16)>>>0:(t=Zt.hex4.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Zt.hsl.exec(e))?(255|rn(an(t[1]),on(t[2]),on(t[3])))>>>0:(t=Zt.hsla.exec(e))?(rn(an(t[1]),on(t[2]),on(t[3]))|tn(t[4]))>>>0:null))}function un(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Number.isInteger(e))return e;var n=ln(e);return t.platform||(t.platform="ios"),null===n?0:(n=(n<<24|n>>>8)>>>0,"android"===t.platform&&(n|=0),n)}function sn(e,t){return Array.isArray(e)?e.map((function(e){return un(e,t)})):[0]}var cn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.call(this)).documentElement=new ht("document"),e}return j(n,[{key:"createElement",value:function(e){return new ht(e)}},{key:"createElementNS",value:function(e,t){return new ht("".concat(e,":").concat(t))}}]),n}(at);cn.createElement=cn.prototype.createElement,cn.createElementNS=cn.prototype.createElementNS;var fn=Mt.createContainer,dn=Mt.updateContainer,pn=Mt.getPublicRootInstance,hn=(Mt.injectIntoDevTools,['%c[Hippy-React "2.2.1"]%c',"color: #61dafb","color: auto"]),mn=function(){function e(t){if(O(this,e),!t.appName||!t.entryPage)throw new TypeError("Invalid arguments");this.config=t,this.regist=this.start,this.render=this.render.bind(this);var n=new cn;this.rootContainer=fn(n,0,!1,null)}return j(e,[{key:"start",value:function(){Qt.regist(this.config.appName,this.render)}},{key:"render",value:function(e){var t=this.config,n=t.appName,r=t.entryPage,i=t.silent,a=void 0!==i&&i,l=t.bubbles,u=void 0!==l&&l,s=t.callback,c=void 0===s?function(){}:s,f=e.__instanceId__;le.apply(void 0,hn.concat(["Start",n,"with rootViewId",f,e])),this.rootContainer.containerInfo.nodeId=f,a&&pe(a),u&&function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];oe=e}(u),Y(f,this.rootContainer);var d=o.a.createElement(r,e);return dn(d,this.rootContainer,null,c),pn(this.rootContainer)}}],[{key:"Native",get:function(){return Kt}}]),e}();mn.version="2.2.1";var vn={registerComponent:function(e,t){new mn({appName:e,entryPage:t}).start()}},yn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"setPressed",value:function(e){Ct(this.instance,"setPressed",[e])}},{key:"setHotspot",value:function(e,t){Ct(this.instance,"setHotspot",[e,t])}},{key:"render",value:function(){var e=this,t=this.props,n=t.collapsable,r=t.style,i=void 0===r?{}:r,a=_(t,u),l=i,s=a.nativeBackgroundAndroid;return"boolean"==typeof n&&(l.collapsable=n),void 0!==(null==s?void 0:s.color)&&(s.color=un(s.color)),o.a.createElement("div",I({ref:function(t){e.instance=t},nativeName:"View",style:l},a))}}]),n}(o.a.Component);function gn(e,t){var n=e.style,r=_(e,s),i=n;if(n&&(Array.isArray(n)?-1===n.filter((function(e){return"object"===L(e)&&e})).findIndex((function(e){return e.color||e.colors}))&&(i[0].color="#000"):"object"===L(n)&&void 0===n.color&&void 0===n.colors&&(i.color="#000")),r.text="","string"==typeof r.children)r.text=ue(r.children);else if("number"==typeof r.children)r.text=ue(r.children.toString());else if(Array.isArray(r.children)){var a=r.children.filter((function(e){return"string"==typeof e||"number"==typeof e})).join("");a&&(r.text=ue(a),r.children=r.text)}return o.a.createElement("p",I({ref:t,nativeName:"Text",style:i},r))}gn.displayName="Text";var bn=o.a.forwardRef(gn);bn.displayName="Text";var kn=Object.freeze({__proto__:null,default:bn}),wn=function(e){k(n,e);var t=S(n);function n(){return O(this,n),t.apply(this,arguments)}return j(n,[{key:"render",value:function(){var e=this.props,t=e.children,n=e.style,r=e.imageStyle,i=e.imageRef,a=e.source,l=e.sources,u=e.src,s=e.srcs,f=e.tintColor,d=e.tintColors,p=_(e,c),h=this.getImageUrls({src:u,srcs:s,source:a,sources:l});if("ios"===qt.platform.OS)h.length&&(p.source=h.map((function(e){return{uri:e}})));else if("android"===qt.platform.OS)if(1===h.length){var m=A(h,1);p.src=m[0]}else h.length>1&&(p.srcs=h);"string"==typeof p.defaultSource&&(p.defaultSource.indexOf("data:image/"),p.defaultSource=me(p.defaultSource));var v=I({},n);return this.handleTintColor(v,f,d),p.style=v,t?o.a.createElement(yn,{style:n},o.a.createElement("img",I(I({},p),{},{nativeName:"Image",alt:"",ref:i,style:[{position:"absolute",left:0,right:0,top:0,bottom:0,width:n.width,height:n.height},r]})),t):o.a.createElement("img",I(I({},p),{},{nativeName:"Image",alt:"",ref:i}))}},{key:"getImageUrls",value:function(e){var t=e.src,n=e.srcs,r=e.source,i=e.sources,a=[];if("string"==typeof t&&a.push(t),Array.isArray(n)&&(a=[].concat(b(a),b(n))),r)if("string"==typeof r)a.push(r);else if("object"===L(r)&&null!==r){var o=r.uri;o&&a.push(o)}return i&&Array.isArray(i)&&i.forEach((function(e){"string"==typeof e?a.push(e):"object"===L(e)&&null!==e&&e.uri&&a.push(e.uri)})),a.length&&(a=a.map((function(e){return me(e)}))),a}},{key:"handleTintColor",value:function(e,t,n){t&&(e.tintColor=un(t)),Array.isArray(n)&&(e.tintColors=sn(n))}}],[{key:"resizeMode",get:function(){return{contain:"contain",cover:"cover",stretch:"stretch",center:"center",repeat:"repeat"}}},{key:"getSize",value:function(e,t,n){if("string"!=typeof e)throw new TypeError("Image.getSize first argument must be a string url");var r=Ae(e);return"function"==typeof t&&r.then((function(e){return t(e.width,e.height)})),"function"==typeof n?r.catch(n):r.catch((function(t){"Failed to get size for image: ".concat(e)})),r}}]),n}(o.a.Component);wn.prefetch=Re;var Sn=function(){function e(){O(this,e),this.Value=e.Value}return j(e,null,[{key:"Value",value:function(e){return e}},{key:"timing",value:function(e,t){return new We({mode:"timing",delay:0,startValue:e,toValue:t.toValue,duration:t.duration,timingFunction:t.easing||"linear"})}}]),e}();Sn.View=yn,Sn.Text=kn,Sn.Image=wn;var En={step0:function(e){return e>0?1:0},step1:function(e){return e>=1?1:0},linear:function(){return"linear"},ease:function(){return"ease"},quad:function(e){return Math.pow(e,2)},cubic:function(e){return Math.pow(e,3)},poly:function(e){return function(t){return Math.pow(t,e)}},sin:function(e){return 1-Math.cos(e*Math.PI/2)},circle:function(e){return 1-Math.sqrt(1-e*e)},exp:function(e){return Math.pow(2,10*(e-1))},elastic:function(){return"elastic"},back:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1.70158;return function(t){return t*t*((e+1)*t-e)}},bounce:function(e){var t=e;return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},bezier:function(){return"bezier"},in:function(){return"ease-in"},out:function(){return"ease-out"},inOut:function(){return"ease-in-out"}};function Cn(e){return o.a.createElement("li",I({nativeName:"ListViewItem"},e))}var xn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"expandPullHeader",value:function(){Ct(this.instance,"expandPullHeader",[])}},{key:"collapsePullHeader",value:function(e){"android"===qt.platform.OS?Ct(this.instance,"collapsePullHeader",[e]):void 0!==e?Ct(this.instance,"collapsePullHeaderWithOptions",[e]):Ct(this.instance,"collapsePullHeader",[])}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=_(t,f);return o.a.createElement("div",I({nativeName:"PullHeaderView",ref:function(t){e.instance=t}},r),n)}}]),n}(o.a.Component),Nn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"expandPullFooter",value:function(){Ct(this.instance,"expandPullFooter",[])}},{key:"collapsePullFooter",value:function(){Ct(this.instance,"collapsePullFooter",[])}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=_(t,d);return o.a.createElement("div",I({nativeName:"PullFooterView",ref:function(t){e.instance=t}},r),n)}}]),n}(o.a.Component);Nn.defaultProps={sticky:!0};var In={onDisappear:"onDisAppear"},Pn={onDisappear:"onDisappear"},_n=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r.pullHeader=null,r.pullFooter=null,r.handleInitialListReady=r.handleInitialListReady.bind(C(r)),r.state={initialListReady:!1},r}return j(n,[{key:"componentDidMount",value:function(){this.props.getRowKey}},{key:"scrollToIndex",value:function(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&Ct(this.instance,"scrollToIndex",[e,t,n])}},{key:"scrollToContentOffset",value:function(e,t,n){"number"==typeof e&&"number"==typeof t&&"boolean"==typeof n&&Ct(this.instance,"scrollToContentOffset",[e,t,n])}},{key:"expandPullHeader",value:function(){this.pullHeader&&this.pullHeader.expandPullHeader()}},{key:"collapsePullHeader",value:function(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}},{key:"expandPullFooter",value:function(){this.pullFooter&&this.pullFooter.expandPullFooter()}},{key:"collapsePullFooter",value:function(){this.pullFooter&&this.pullFooter.collapsePullFooter()}},{key:"render",value:function(){var e=this,t=this.props,r=t.children,i=t.style,a=t.renderRow,l=t.renderPullHeader,u=t.renderPullFooter,s=t.getRowType,c=t.getRowStyle,f=t.getRowKey,d=t.dataSource,h=t.initialListSize,m=t.rowShouldSticky,v=t.onRowLayout,y=t.onHeaderPulling,g=t.onHeaderReleased,b=t.onFooterPulling,k=t.onFooterReleased,w=t.onAppear,S=t.onDisappear,E=t.onWillAppear,C=t.onWillDisappear,x=_(t,p),N=[];if("function"==typeof a){var P=this.state.initialListReady,L=this.props.numberOfRows,A=this.getPullHeader(l,y,g),R=this.getPullFooter(u,b,k);!L&&d&&(L=d.length),P||(L=Math.min(L,h||10));for(var z=function(t){var r={},i=void 0;i=d?a(d[t],null,t):a(t),e.handleRowProps(r,t,{getRowKey:f,getRowStyle:c,getRowType:s,onRowLayout:v,rowShouldSticky:m}),[{func:w,name:"onAppear"},{func:S,name:"onDisappear"},{func:E,name:"onWillAppear"},{func:C,name:"onWillDisappear"}].forEach((function(e){var i=e.func,a=e.name;"function"==typeof i&&(r[n.convertName(a)]=function(){i(t)})})),i&&N.push(o.a.createElement(Cn,I({},r),i))},O=0;O0&&(this.size-=1),e.data}},{key:"clear",value:function(){this.top=null,this.size=0}},{key:"displayAll",value:function(){var e=[];if(null===this.top)return e;for(var t=this.top,n=0,r=this.size;n1&&this.pop({animated:!0})}},{key:"push",value:function(e){if(null==e?void 0:e.component){if(!this.routeList[e.routeName])new mn({appName:e.routeName,entryPage:e.component}).regist(),this.routeList[e.routeName]=!0;delete e.component}var t=[e];this.stack.push(e),Ct(this.instance,"push",t)}},{key:"pop",value:function(e){if(this.stack.size>1){var t=[e];this.stack.pop(),Ct(this.instance,"pop",t)}}},{key:"clear",value:function(){this.stack.clear()}},{key:"render",value:function(){var e=this,t=this.props,n=t.initialRoute,r=(n.component,_(n,m)),i=_(t,v);return i.initialRoute=r,o.a.createElement("div",I({nativeName:"Navigator",ref:function(t){e.instance=t}},i))}}]),n}(o.a.Component);function zn(e){return o.a.createElement("div",I(I({nativeName:"ViewPagerItem"},e),{},{style:{position:"absolute",left:0,top:0,right:0,bottom:0,collapsable:!1}}))}var On=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r.setPage=r.setPage.bind(C(r)),r.setPageWithoutAnimation=r.setPageWithoutAnimation.bind(C(r)),r.onPageScrollStateChanged=r.onPageScrollStateChanged.bind(C(r)),r}return j(n,[{key:"onPageScrollStateChanged",value:function(e){var t=this.props.onPageScrollStateChanged;t&&t(e.pageScrollState)}},{key:"setPage",value:function(e){"number"==typeof e&&Ct(this.instance,"setPage",[e])}},{key:"setPageWithoutAnimation",value:function(e){"number"==typeof e&&Ct(this.instance,"setPageWithoutAnimation",[e])}},{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=t.onPageScrollStateChanged,i=_(t,y),a=[];return Array.isArray(n)?a=n.map((function(e){var t={};return"string"==typeof e.key&&(t.key="viewPager_".concat(e.key)),o.a.createElement(zn,I({},t),e)})):a.push(o.a.createElement(zn,null,n)),"function"==typeof r&&(i.onPageScrollStateChanged=this.onPageScrollStateChanged),o.a.createElement("div",I({nativeName:"ViewPager",ref:function(t){e.instance=t}},i),a)}}]),n}(o.a.Component);function Tn(){var e=W.platform.Localization;return!!e&&1===e.direction}var jn=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r._lastNativeText="",r.onChangeText=r.onChangeText.bind(C(r)),r.onKeyboardWillShow=r.onKeyboardWillShow.bind(C(r)),r}return j(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.value,n=e.autoFocus;this._lastNativeText=t,n&&this.focus()}},{key:"componentWillUnmount",value:function(){this.blur()}},{key:"getValue",value:function(){var e=this;return new Promise((function(t){Ct(e.instance,"getValue",(function(e){return t(e.text)}))}))}},{key:"setValue",value:function(e){return Ct(this.instance,"setValue",[e]),e}},{key:"focus",value:function(){Ct(this.instance,"focusTextInput",[])}},{key:"blur",value:function(){Ct(this.instance,"blurTextInput",[])}},{key:"showInputMethod",value:function(){Ct(this.instance,"showInputMethod",[])}},{key:"hideInputMethod",value:function(){Ct(this.instance,"hideInputMethod",[])}},{key:"clear",value:function(){Ct(this.instance,"clear",[])}},{key:"render",value:function(){var e=this,t=I({},this.props);return["underlineColorAndroid","placeholderTextColor","placeholderTextColors"].forEach((function(n){"string"==typeof e.props[n]&&(Array.isArray(t.style)?t.style.push({[n]:e.props[n]}):t.style&&"object"===L(t.style)?t.style[n]=e.props[n]:t.style={[n]:e.props[n]},t[n]=void 0)})),Tn()&&(t.style?"object"!==L(t.style)||Array.isArray(t.style)||t.style.textAlign||(t.style.textAlign="right"):t.style={textAlign:"right"}),o.a.createElement("div",I(I({nativeName:"TextInput"},t),{},{ref:function(t){e.instance=t},onChangeText:this.onChangeText,onKeyboardWillShow:this.onKeyboardWillShow}))}},{key:"onChangeText",value:function(e){var t=this.props.onChangeText;"function"==typeof t&&t(e.text),this.instance&&(this._lastNativeText=e.text)}},{key:"onKeyboardWillShow",value:function(e){var t=this.props.onKeyboardWillShow,n=e;"android"===qt.platform.OS&&(n.keyboardHeight/=qt.screen.scale),"function"==typeof t&&t(n)}}]),n}(o.a.Component),Fn=qt.window.scale,Hn=Math.round(.4*Fn)/Fn;function Mn(e){return e}0===Hn&&(Hn=1/Fn);var Dn=Object.freeze({__proto__:null,get hairlineWidth(){return Hn},create:Mn}),Un={baseVertical:{flexGrow:1,flexShrink:1,flexDirection:"column",overflow:"scroll"},baseHorizontal:{flexGrow:1,flexShrink:1,flexDirection:"row",overflow:"scroll"},contentContainerVertical:{collapsable:!1,flexDirection:"column"},contentContainerHorizontal:{collapsable:!1,flexDirection:"row"}},Wn=function(e){k(n,e);var t=S(n);function n(){var e;return O(this,n),(e=t.apply(this,arguments)).instance=null,e}return j(n,[{key:"scrollTo",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=e,i=t,a=n;"number"==typeof e||"object"===L(e)&&e&&(r=e.x,i=e.y,a=e.animated),r=r||0,i=i||0,a=!!a,Ct(this.instance,"scrollTo",[r,i,a])}},{key:"scrollToWithDuration",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1e3;Ct(this.instance,"scrollToWithOptions",[{x:e,y:t,duration:n}])}},{key:"render",value:function(){var e=this,t=this.props,n=t.horizontal,r=t.contentContainerStyle,i=t.children,a=t.style,l=[n?Un.contentContainerHorizontal:Un.contentContainerVertical,r],u=n?Object.assign({},Un.baseHorizontal,a):Object.assign({},Un.baseVertical,a);return n&&(u.flexDirection=Tn()?"row-reverse":"row"),o.a.createElement("div",I(I({nativeName:"ScrollView",ref:function(t){e.instance=t}},this.props),{},{style:u}),o.a.createElement(yn,{style:l},i))}}]),n}(o.a.Component),Bn={modal:{position:"absolute"},container:{position:"absolute",left:0,top:0}},Vn=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).eventSubscription=null,r}return j(n,[{key:"componentDidMount",value:function(){var e=this;"ios"===qt.platform.OS&&(this.eventSubscription=new Ne("modalDismissed"),this.eventSubscription.addCallback((function(t){var n=e.props,r=n.primaryKey,i=n.onDismiss;t.primaryKey===r&&"function"==typeof i&&i()})))}},{key:"componentWillUnmount",value:function(){"ios"===qt.platform.OS&&this.eventSubscription&&this.eventSubscription.unregister()}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.visible,r=e.transparent,i=e.animated,a=this.props.animationType;if(!1===n)return null;var l={backgroundColor:r?"transparent":"white"};return a||(a="none",i&&(a="slide")),o.a.createElement("div",I({nativeName:"Modal",animationType:a,transparent:r,style:Bn.modal},this.props),o.a.createElement(yn,{style:[Bn.container,l]},t))}}]),n}(o.a.Component);Vn.defaultProps={visible:!0};var $n=function(e){k(n,e);var t=S(n);function n(e){var r;O(this,n);var i=(r=t.call(this,e)).props.requestFocus;return r.state={isFocus:!!i},r.handleFocus=r.handleFocus.bind(C(r)),r}return j(n,[{key:"render",value:function(){var e,t,n,r,i=this.props,a=i.requestFocus,l=i.children,u=i.nextFocusDownId,s=i.nextFocusUpId,c=i.nextFocusLeftId,f=i.nextFocusRightId,d=i.style,p=i.noFocusStyle,h=i.focusStyle,m=i.onClick,v=this.state.isFocus,y=o.a.Children.only(l);(null===(t=null===(e=null==y?void 0:y.child)||void 0===e?void 0:e.memoizedProps)||void 0===t?void 0:t.nativeName)?r=y.child.memoizedProps.nativeName:(null===(n=null==y?void 0:y.type)||void 0===n?void 0:n.displayName)&&(r=y.type.displayName);var g=u&&Et(u),b=s&&Et(s),k=c&&Et(c),w=f&&Et(f),S=d;if("Text"!==r){var E=y.memoizedProps.style;S=I(I({},S),E)}if(Object.assign(S,v?h:p),"Text"===r)return o.a.createElement(yn,{focusable:!0,nextFocusDownId:g,nextFocusUpId:b,nextFocusLeftId:k,nextFocusRightId:w,requestFocus:a,style:S,onClick:m,onFocus:this.handleFocus},y);var C=y.memoizedProps.children;return o.a.cloneElement(y,{nextFocusDownId:u,nextFocusUpId:s,nextFocusLeftId:c,nextFocusRightId:f,requestFocus:a,onClick:m,focusable:!0,children:C,style:S,onFocus:this.handleFocus})}},{key:"handleFocus",value:function(e){var t=this.props.onFocus;"function"==typeof t&&t(e),this.state.isFocus!==e.focus&&this.setState({isFocus:e.focus})}}]),n}(o.a.Component);function qn(e){return o.a.createElement("iframe",I({title:"hippy",nativeName:"WebView"},e))}var Qn,Kn=function(){function e(t,n,r){var i=this;if(O(this,e),this.protocol="",this.onWebSocketEvent=this.onWebSocketEvent.bind(this),Qn||(Qn=new Ne("hippyWebsocketEvents")),this.readyState=0,this.webSocketCallbacks={},!t||"string"!=typeof t)throw new TypeError("Invalid WebSocket url");var a=I({},r);if(void 0!==n)if(Array.isArray(n)&&n.length>0)a["Sec-WebSocket-Protocol"]=n.join(",");else{if("string"!=typeof n)throw new TypeError("Invalid WebSocket protocols");a["Sec-WebSocket-Protocol"]=n}var o={headers:a,url:t};this.url=t,this.webSocketCallbackId=Qn.addCallback(this.onWebSocketEvent),U.callNativeWithPromise("websocket","connect",o).then((function(e){e&&0===e.code&&"number"==typeof e.id&&(i.webSocketId=e.id)}))}return j(e,[{key:"close",value:function(e,t){1===this.readyState&&(this.readyState=2,U.callNative("websocket","close",{id:this.webSocketId,code:e,reason:t}))}},{key:"send",value:function(e){if(1===this.readyState){if("string"!=typeof e)throw new TypeError("Unsupported websocket data type: ".concat(L(e)));U.callNative("websocket","send",{id:this.webSocketId,data:e})}}},{key:"onopen",set:function(e){this.webSocketCallbacks.onOpen=e}},{key:"onclose",set:function(e){this.webSocketCallbacks.onClose=e}},{key:"onerror",set:function(e){this.webSocketCallbacks.onError=e}},{key:"onmessage",set:function(e){this.webSocketCallbacks.onMessage=e}},{key:"onWebSocketEvent",value:function(e){if("object"===L(e)&&e.id===this.webSocketId){var t=e.type;"onOpen"===t?this.readyState=1:"onClose"===t&&(this.readyState=3,Qn.removeCallback(this.webSocketCallbackId));var n=this.webSocketCallbacks[t];"function"==typeof n&&n(e.data)}}}]),e}();function Gn(e){return o.a.createElement("li",I({nativeName:"WaterfallItem"},e))}var Yn=function(e){k(n,e);var t=S(n);function n(e){var r;return O(this,n),(r=t.call(this,e)).instance=null,r.pullHeader=null,r.pullFooter=null,r.handleInitialListReady=r.handleInitialListReady.bind(C(r)),r}return j(n,[{key:"scrollToIndex",value:function(e){var t=e.index,n=void 0===t?0:t,r=e.animated,i=void 0===r||r;Ct(this.instance,"scrollToIndex",[n,n,i])}},{key:"scrollToContentOffset",value:function(e){var t=e.xOffset,n=void 0===t?0:t,r=e.yOffset,i=void 0===r?0:r,a=e.animated,o=void 0===a||a;Ct(this.instance,"scrollToContentOffset",[n,i,o])}},{key:"expandPullHeader",value:function(){this.pullHeader&&this.pullHeader.expandPullHeader()}},{key:"collapsePullHeader",value:function(e){this.pullHeader&&this.pullHeader.collapsePullHeader(e)}},{key:"expandPullFooter",value:function(){this.pullFooter&&this.pullFooter.expandPullFooter()}},{key:"collapsePullFooter",value:function(){this.pullFooter&&this.pullFooter.collapsePullFooter()}},{key:"render",value:function(){var e=this,t=this.props,n=t.style,r=void 0===n?{}:n,i=t.renderBanner,a=t.numberOfColumns,l=void 0===a?2:a,u=t.columnSpacing,s=void 0===u?0:u,c=t.interItemSpacing,f=void 0===c?0:c,d=t.numberOfItems,p=void 0===d?0:d,h=t.preloadItemNumber,m=void 0===h?0:h,v=t.renderItem,y=t.renderPullHeader,b=t.renderPullFooter,k=t.getItemType,w=t.getItemKey,S=t.getItemStyle,E=t.contentInset,C=void 0===E?{top:0,left:0,bottom:0,right:0}:E,x=t.onItemLayout,N=t.onHeaderPulling,P=t.onHeaderReleased,L=t.onFooterPulling,A=t.onFooterReleased,R=t.containPullHeader,z=void 0!==R&&R,O=t.containPullFooter,T=void 0!==O&&O,j=t.containBannerView,F=void 0!==j&&j,H=I(I({},_(t,g)),{},{style:r,numberOfColumns:l,columnSpacing:s,interItemSpacing:f,preloadItemNumber:m,contentInset:C,containPullHeader:z,containPullFooter:T,containBannerView:F}),M=[];if("function"==typeof i){var D=i();D&&(M.push(o.a.createElement(yn,{key:"bannerView"},o.a.cloneElement(D))),H.containBannerView=!0)}if("function"==typeof v){for(var U=this.getPullHeader(y,N,P),W=this.getPullFooter(b,L,A),B=0;B { - retries = 0; - maxRetries = reconnect; - }); + client.onOpen(() => {}); - client.onClose(() => { + client.onClose((reason) => { + log.warn(reason); if (retries === 0) { handlers.close(); } @@ -39,6 +38,7 @@ const socket = function initSocket(url, handlers, reconnect) { }); client.onMessage((data) => { + retries = 0; const message = JSON.parse(data); log.info(message); diff --git a/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/Server.js b/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/Server.js index dd2841425..c6538a452 100644 --- a/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/Server.js +++ b/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/Server.js @@ -1002,56 +1002,7 @@ class Server { } getClientTransport() { - let ClientImplementation; - let clientImplementationFound = true; - - const isKnownWebSocketServerImplementation = this.options.webSocketServer - && typeof this.options.webSocketServer.type === 'string' - && (this.options.webSocketServer.type === 'ws' || this.options.webSocketServer.type === 'sockjs'); - - let clientTransport; - - if (this.options.client) { - if (typeof this.options.client.webSocketTransport !== 'undefined') { - clientTransport = this.options.client.webSocketTransport; - } else if (isKnownWebSocketServerImplementation) { - clientTransport = this.options.webSocketServer.type; - } else { - clientTransport = 'ws'; - } - } else { - clientTransport = 'ws'; - } - - switch (typeof clientTransport) { - case 'string': - // could be 'sockjs', 'ws', or a path that should be required - if (clientTransport === 'sockjs') { - ClientImplementation = require.resolve('../client/clients/SockJSClient'); - } else if (clientTransport === 'ws') { - ClientImplementation = require.resolve('../client/clients/WebSocketClient'); - } else { - try { - // eslint-disable-next-line import/no-dynamic-require - ClientImplementation = require.resolve(clientTransport); - } catch (e) { - clientImplementationFound = false; - } - } - break; - default: - clientImplementationFound = false; - } - - if (!clientImplementationFound) { - throw new Error(`${ - !isKnownWebSocketServerImplementation - ? 'When you use custom web socket implementation you must explicitly specify client.webSocketTransport. ' - : '' - }client.webSocketTransport must be a string denoting a default implementation (e.g. 'sockjs', 'ws') or a full path to a JS file via require.resolve(...) which exports a class `); - } - - return ClientImplementation; + return require.resolve('../client/clients/WebSocketClient'); } getServerTransport() { diff --git a/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/options.json b/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/options.json index c79e3e2b9..cbb541036 100644 --- a/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/options.json +++ b/framework/js/packages/hippy-debug-server/webpack-dev-server/lib/options.json @@ -62,9 +62,6 @@ "reconnect": { "$ref": "#/definitions/ClientReconnect" }, - "webSocketTransport": { - "$ref": "#/definitions/ClientWebSocketTransport" - }, "webSocketURL": { "$ref": "#/definitions/ClientWebSocketURL" }