From 99c3f545c6234edc2a67e733cd20ca14d94ba1ce Mon Sep 17 00:00:00 2001 From: zoomchan-cxj Date: Mon, 20 Feb 2023 14:07:09 +0800 Subject: [PATCH] chore(release): released 2.15.6 --- CHANGELOG.md | 22 ++++++++++ android/sdk/gradle.properties | 2 +- .../res/asyncComponentFromHttp.android.js | 2 +- .../res/asyncComponentFromLocal.android.js | 2 +- examples/android-demo/res/index.android.js | 16 ++++---- examples/android-demo/res/vendor.android.js | 41 +++---------------- .../res/asyncComponentFromHttp.ios.js | 2 +- .../res/asyncComponentFromLocal.ios.js | 2 +- examples/ios-demo/res/index.ios.js | 17 ++++---- examples/ios-demo/res/vendor.ios.js | 40 +++--------------- hippy.podspec | 2 +- ios/sdk/base/HippyBridge.mm | 2 +- lerna.json | 2 +- packages/hippy-react-web/CHANGELOG.md | 8 ++++ packages/hippy-react-web/package-lock.json | 4 +- packages/hippy-react-web/package.json | 2 +- packages/hippy-react/CHANGELOG.md | 8 ++++ packages/hippy-react/package-lock.json | 4 +- packages/hippy-react/package.json | 2 +- packages/hippy-vue-css-loader/CHANGELOG.md | 8 ++++ .../hippy-vue-css-loader/package-lock.json | 4 +- packages/hippy-vue-css-loader/package.json | 2 +- packages/hippy-vue-loader/CHANGELOG.md | 8 ++++ packages/hippy-vue-loader/package.json | 2 +- .../hippy-vue-native-components/CHANGELOG.md | 8 ++++ .../hippy-vue-native-components/package.json | 2 +- .../hippy-vue-next-style-parser/CHANGELOG.md | 8 ++++ .../package-lock.json | 4 +- .../hippy-vue-next-style-parser/package.json | 2 +- packages/hippy-vue-next/CHANGELOG.md | 8 ++++ packages/hippy-vue-next/package-lock.json | 4 +- packages/hippy-vue-next/package.json | 2 +- packages/hippy-vue-router/CHANGELOG.md | 8 ++++ packages/hippy-vue-router/package-lock.json | 4 +- packages/hippy-vue-router/package.json | 2 +- packages/hippy-vue/CHANGELOG.md | 8 ++++ packages/hippy-vue/package-lock.json | 4 +- packages/hippy-vue/package.json | 2 +- 38 files changed, 151 insertions(+), 119 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 03914b4a735..cfa5678a011 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,28 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [2.15.6](https://github.com/Tencent/Hippy/compare/2.15.5...2.15.6) (2023-02-20) + + +### Bug Fixes + +* **android:** pull header/footer collapse animation ([9608471](https://github.com/Tencent/Hippy/commit/96084712c6c84b5ffc2d55777689189dc757ffcc)) +* **android:** send scroll event when pulling header/footer ([573dcc0](https://github.com/Tencent/Hippy/commit/573dcc03107b84a71e3fd1fd2284c4cd9a796cfa)) +* **devtools:** callback fail when debug ws disconnect ([203d6f3](https://github.com/Tencent/Hippy/commit/203d6f36fad9c6b42149287f7a465cb45ab17737)) +* **devtools:** fix try catch exception when update context ([2808404](https://github.com/Tencent/Hippy/commit/28084041c0c1209926360bb1fd0e9c44e80ec046)) +* **devtools:** remove regular expression injection ([#2865](https://github.com/Tencent/Hippy/issues/2865)) ([78161d0](https://github.com/Tencent/Hippy/commit/78161d0b4dd1dd8b521f2f98fe4797bd67ded410)) +* **ios:** fix ConsoleModule.log not working ([#2812](https://github.com/Tencent/Hippy/issues/2812)) ([04c266e](https://github.com/Tencent/Hippy/commit/04c266e137e9b80a0fabcfd63d6b4aad51e9ed0c)) +* **iOS:** gif is play fast at high fresh rate device ([2ec1b35](https://github.com/Tencent/Hippy/commit/2ec1b35749b5d505cfaef4e8d6ab2cb5a44b908d)) + + +### Features + +* **core:** remove default HeapLimitSlowGrowthStrategy ([0a2ec24](https://github.com/Tencent/Hippy/commit/0a2ec2445bcc24eb7a49954c64fc629bfac0d182)) + + + + + ## [2.15.5](https://github.com/Tencent/Hippy/compare/2.15.4...2.15.5) (2022-12-07) diff --git a/android/sdk/gradle.properties b/android/sdk/gradle.properties index ce6191480ad..8c8cab20950 100644 --- a/android/sdk/gradle.properties +++ b/android/sdk/gradle.properties @@ -49,7 +49,7 @@ NDK_VERSION=25.0.8775105 # # Specifies SDK version # -VERSION_NAME=2.15.5 +VERSION_NAME=2.15.6 # # Whether to skip build C/C++ code diff --git a/examples/android-demo/res/asyncComponentFromHttp.android.js b/examples/android-demo/res/asyncComponentFromHttp.android.js index 478cac5f77f..faa29f9d774 100644 --- a/examples/android-demo/res/asyncComponentFromHttp.android.js +++ b/examples/android-demo/res/asyncComponentFromHttp.android.js @@ -1 +1 @@ -((0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[]).push([[0],{"./src/externals/DyanmicImport/AsyncComponentHttp.jsx":function(e,t,n){"use strict";n.r(t);var s=n("./node_modules/react/index.js"),a=n.n(s),o=n("../../packages/hippy-react/dist/index.js");const i=o.StyleSheet.create({asyncComponentDemo:{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",height:200,width:300,backgroundColor:"#5dabfb",borderRadius:10,marginBottom:10}});t.default=()=>a.a.createElement(o.View,{style:i.asyncComponentDemo},"我是远程异步组件")}}]); \ No newline at end of file +((0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[]).push([[0],{"../../packages/hippy-vue-css-loader/dist/css-loader.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js?!./src/components/demo/dynamicImport/async-component-http.vue?vue&type=style&index=0&id=312bbf24&lang=css":function(e,t,o){(function(t){e.exports=(t.__HIPPY_VUE_STYLES__||(t.__HIPPY_VUE_STYLES__=[]),void(t.__HIPPY_VUE_STYLES__=t.__HIPPY_VUE_STYLES__.concat([{hash:"73a09e53bc8b543d8cd01df81a8bd62a",selectors:["#async-component-http"],declarations:[{type:"declaration",property:"display",value:"flex"},{type:"declaration",property:"flexDirection",value:"column"},{type:"declaration",property:"alignItems",value:"center"},{type:"declaration",property:"justifyContent",value:"center"},{type:"declaration",property:"position",value:"relative"},{type:"declaration",property:"height",value:200},{type:"declaration",property:"width",value:300},{type:"declaration",property:"backgroundColor",value:4283484818},{type:"declaration",property:"borderRadius",value:10},{type:"declaration",property:"marginBottom",value:10}]},{hash:"73a09e53bc8b543d8cd01df81a8bd62a",selectors:[".async-txt"],declarations:[{type:"declaration",property:"color",value:4278190080}]}])))}).call(this,o("./node_modules/webpack/buildin/global.js"))},"./src/components/demo/dynamicImport/async-component-http.vue":function(e,t,o){"use strict";o.r(t);var s=o("./node_modules/vue/dist/vue.runtime.esm-bundler.js");var n=o("../../packages/hippy-vue-next/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js"),a=Object(n.defineComponent)({name:"DynamicImportHttp"}),d=(o("./src/components/demo/dynamicImport/async-component-http.vue?vue&type=style&index=0&id=312bbf24&lang=css"),o("./node_modules/vue-loader/dist/exportHelper.js"));const c=o.n(d)()(a,[["render",function(e,t,o,n,a,d){return Object(s.k)(),Object(s.e)("div",{id:"async-component-http",class:"local-local"},[Object(s.f)("p",{class:"async-txt"}," 我是远程异步组件 ")])}]]);t.default=c},"./src/components/demo/dynamicImport/async-component-http.vue?vue&type=style&index=0&id=312bbf24&lang=css":function(e,t,o){"use strict";o("../../packages/hippy-vue-css-loader/dist/css-loader.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js?!./src/components/demo/dynamicImport/async-component-http.vue?vue&type=style&index=0&id=312bbf24&lang=css")}}]); \ No newline at end of file diff --git a/examples/android-demo/res/asyncComponentFromLocal.android.js b/examples/android-demo/res/asyncComponentFromLocal.android.js index 9cfc7e664d1..b77b989607c 100644 --- a/examples/android-demo/res/asyncComponentFromLocal.android.js +++ b/examples/android-demo/res/asyncComponentFromLocal.android.js @@ -1 +1 @@ -((0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[]).push([[1],{"./src/externals/DyanmicImport/AsyncComponentLocal.jsx":function(e,t,n){"use strict";n.r(t);var a=n("./node_modules/react/index.js"),o=n.n(a),s=n("../../packages/hippy-react/dist/index.js");const i=s.StyleSheet.create({asyncComponentDemo:{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",height:200,width:300,backgroundColor:"#5dabfb",borderRadius:10,marginBottom:10}});t.default=()=>o.a.createElement(s.View,{style:i.asyncComponentDemo},"我是本地异步组件")}}]); \ No newline at end of file +((0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[]).push([[1],{"../../packages/hippy-vue-css-loader/dist/css-loader.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js?!./src/components/demo/dynamicImport/async-component-local.vue?vue&type=style&index=0&id=8399ef12&scoped=true&lang=css":function(e,o,s){(function(o){e.exports=(o.__HIPPY_VUE_STYLES__||(o.__HIPPY_VUE_STYLES__=[]),void(o.__HIPPY_VUE_STYLES__=o.__HIPPY_VUE_STYLES__.concat([{hash:"016bd29edb65e8d0e9c0c17a9c5b2602",selectors:[".async-component-local[data-v-8399ef12]"],declarations:[{type:"declaration",property:"display",value:"flex"},{type:"declaration",property:"flexDirection",value:"column"},{type:"declaration",property:"alignItems",value:"center"},{type:"declaration",property:"justifyContent",value:"center"},{type:"declaration",property:"position",value:"relative"},{type:"declaration",property:"backgroundColor",value:4283484818},{type:"declaration",property:"borderRadius",value:10},{type:"declaration",property:"marginBottom",value:10}]},{hash:"016bd29edb65e8d0e9c0c17a9c5b2602",selectors:[".async-txt[data-v-8399ef12]"],declarations:[{type:"declaration",property:"color",value:4278190080}]}])))}).call(this,s("./node_modules/webpack/buildin/global.js"))},"./src/components/demo/dynamicImport/async-component-local.vue":function(e,o,s){"use strict";s.r(o);var t=s("./node_modules/vue/dist/vue.runtime.esm-bundler.js");var n=s("../../packages/hippy-vue-next/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js"),a=Object(n.defineComponent)({name:"DynamicImportLocal"}),c=(s("./src/components/demo/dynamicImport/async-component-local.vue?vue&type=style&index=0&id=8399ef12&scoped=true&lang=css"),s("./node_modules/vue-loader/dist/exportHelper.js"));const d=s.n(c)()(a,[["render",function(e,o,s,n,a,c){return Object(t.k)(),Object(t.e)("div",{class:"async-component-local"},[Object(t.f)("p",{class:"async-txt"}," 我是本地异步组件 ")])}],["__scopeId","data-v-8399ef12"]]);o.default=d},"./src/components/demo/dynamicImport/async-component-local.vue?vue&type=style&index=0&id=8399ef12&scoped=true&lang=css":function(e,o,s){"use strict";s("../../packages/hippy-vue-css-loader/dist/css-loader.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js?!./src/components/demo/dynamicImport/async-component-local.vue?vue&type=style&index=0&id=8399ef12&scoped=true&lang=css")}}]); \ No newline at end of file diff --git a/examples/android-demo/res/index.android.js b/examples/android-demo/res/index.android.js index e3a418be7e6..68c0b8e1485 100644 --- a/examples/android-demo/res/index.android.js +++ b/examples/android-demo/res/index.android.js @@ -1,9 +1,7 @@ -!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],h=c.split(".")[0];(u=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[h])&&(l=u+c)}else{var u;h=l.split(".")[0];(u=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[h])&&(l=u+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;lh&&o[n].offset>t;)o[n].offset+=3;return"(.*)"}));for(;i=n.exec(t);){for(var m=0,g=i.index;"\\"===t.charAt(--g);)m++;m%2!=1&&((h+u===o.length||o[h+u].offset>i.index)&&o.splice(h+u,0,{name:d++,optional:!1,offset:i.index}),u++)}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 - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * 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,h=o?Symbol.for("react.context"):60110,u=o?Symbol.for("react.async_mode"):60111,d=o?Symbol.for("react.concurrent_mode"):60111,m=o?Symbol.for("react.forward_ref"):60112,g=o?Symbol.for("react.suspense"):60113,f=o?Symbol.for("react.suspense_list"):60120,y=o?Symbol.for("react.memo"):60115,p=o?Symbol.for("react.lazy"):60116,b=o?Symbol.for("react.block"):60121,w=o?Symbol.for("react.fundamental"):60117,S=o?Symbol.for("react.responder"):60118,x=o?Symbol.for("react.scope"):60119;function E(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case u:case d:case a:case s:case l:case g:return e;default:switch(e=e&&e.$$typeof){case h:case m:case p:case y:case c:return e;default:return t}}case i:return t}}}function A(e){return E(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=h,t.ContextProvider=c,t.Element=r,t.ForwardRef=m,t.Fragment=a,t.Lazy=p,t.Memo=y,t.Portal=i,t.Profiler=s,t.StrictMode=l,t.Suspense=g,t.isAsyncMode=function(e){return A(e)||E(e)===u},t.isConcurrentMode=A,t.isContextConsumer=function(e){return E(e)===h},t.isContextProvider=function(e){return E(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return E(e)===m},t.isFragment=function(e){return E(e)===a},t.isLazy=function(e){return E(e)===p},t.isMemo=function(e){return E(e)===y},t.isPortal=function(e){return E(e)===i},t.isProfiler=function(e){return E(e)===s},t.isStrictMode=function(e){return E(e)===l},t.isSuspense=function(e){return E(e)===g},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===s||e===l||e===g||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===y||e.$$typeof===c||e.$$typeof===h||e.$$typeof===m||e.$$typeof===w||e.$$typeof===S||e.$$typeof===x||e.$$typeof===b)},t.typeOf=E},"./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 u?t:u,i=Object.create(r.prototype),a=new A(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 T()}for(n.method=r,n.arg=i;;){var a=n.delegate;if(a){var l=S(a,n);if(l){if(l===h)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===h)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 h={};function u(){}function d(){}function m(){}var g={};l(g,r,(function(){return this}));var f=Object.getPrototypeOf,y=f&&f(f(C([])));y&&y!==t&&n.call(y,r)&&(g=y);var p=m.prototype=u.prototype=Object.create(g);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 h=s.arg,u=h.value;return u&&"object"==typeof u&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){o("next",e,a,l)}),(function(e){o("throw",e,a,l)})):t.resolve(u).then((function(e){h.value=e,a(h)}),(function(e){return o("throw",e,a,l)}))}l(s.arg)}(r,i,o,a)}))}return o=o?o.then(a,a):a()}}function S(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,S(e,t),"throw"===t.method))return h;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var o=c(n,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,h;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,h):r:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}function x(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function A(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(x,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),E(n),h}},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;E(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),h}},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/app.jsx":function(e,t,n){"use strict";n.d(t,"a",(function(){return yn}));var o={};n.r(o),n.d(o,"Focusable",(function(){return W})),n.d(o,"Image",(function(){return q})),n.d(o,"ListView",(function(){return $})),n.d(o,"Modal",(function(){return re})),n.d(o,"RefreshWrapper",(function(){return ve})),n.d(o,"PullHeaderFooter",(function(){return Re})),n.d(o,"ScrollView",(function(){return De})),n.d(o,"Text",(function(){return Le})),n.d(o,"TextInput",(function(){return Me})),n.d(o,"View",(function(){return _e})),n.d(o,"ViewPager",(function(){return Xe})),n.d(o,"WebView",(function(){return Ze})),n.d(o,"BoxShadow",(function(){return tt})),n.d(o,"WaterfallView",(function(){return rt})),n.d(o,"RippleViewAndroid",(function(){return ut}));var r={};n.r(r),n.d(r,"Animation",(function(){return ft})),n.d(r,"AsyncStorage",(function(){return pt})),n.d(r,"Clipboard",(function(){return wt})),n.d(r,"NetInfo",(function(){return xt})),n.d(r,"WebSocket",(function(){return Vt})),n.d(r,"UIManagerModule",(function(){return Dt}));var i={};n.r(i),n.d(i,"Slider",(function(){return Mt})),n.d(i,"TabHost",(function(){return Ft})),n.d(i,"SetNativeProps",(function(){return Wt})),n.d(i,"DynamicImport",(function(){return Kt})),n.d(i,"Localization",(function(){return Gt})),n.d(i,"Turbo",(function(){return Yt}));var a=n("./node_modules/react/index.js"),l=n.n(a),s=n("../../packages/hippy-react/dist/index.js"),c=n("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");function h(){return(h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0;h--){var m=r[h];"."===m?d(r,h):".."===m?(d(r,h),c++):c&&(d(r,h),c--)}if(!l)for(;c--;c)r.unshift("..");!l||""===r[0]||r[0]&&u(r[0])||r.unshift("");var g=r.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var g="Invariant failed";function f(e,t){if(!e)throw new Error(g)}function y(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 p(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=h({},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),u({action:"PUSH",location:o,index:t,entries:n})}}))},replace:function(e,t){var o=p(e,t,d(),x.location);c.confirmTransitionTo(o,"REPLACE",n,(function(e){e&&(x.entries[x.index]=o,u({action:"REPLACE",location:o}))}))},go:S,goBack:function(){S(-1)},goForward:function(){S(1)},canGo:function(e){var t=x.index+e;return t>=0&&t=0||(r[n]=e[n]);return r}var T=n("./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"),V=n.n(T),v=function(e){var t=Object(x.a)();return t.displayName=e,t}("Router"),k=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 l.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}(l.a.Component);var R=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"}},l.a.createElement(s.Text,{style:{color:"white"}},t===e?"我被点击了"+e:"没有被点击"+e)))}render(){return l.a.createElement(s.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",K=n.p+"assets/hippyLogoWhite.png";const U="https://user-images.githubusercontent.com/12878546/148736102-7cd9525b-aceb-41c6-a905-d3156219ef16.png",G=s.StyleSheet.create({container_style:{alignItems:"center"},image_style:{width:300,height:180,margin:16,borderColor:"#4c9afa",borderWidth:1,borderStyle:"solid",borderRadius:4},info_style:{marginTop:15,marginLeft:16,fontSize:16,color:"#4c9afa"}});function q(){return l.a.createElement(s.ScrollView,{style:G.container_style},l.a.createElement(s.Text,{style:G.info_style},"Contain:"),l.a.createElement(s.Image,{style:[G.image_style],resizeMode:s.Image.resizeMode.contain,defaultSource:N,source:{uri:U},onProgress:e=>{console.log("onProgress",e)},onLoadStart:()=>{console.log("image onloadStart")},onLoad:()=>{console.log("image onLoad")},onError:e=>{console.log("image onError",e)},onLoadEnd:()=>{console.log("image onLoadEnd")}}),l.a.createElement(s.Text,{style:G.info_style},"Cover:"),l.a.createElement(s.Image,{style:[G.image_style],defaultSource:N,source:{uri:U},resizeMode:s.Image.resizeMode.cover}),l.a.createElement(s.Text,{style:G.info_style},"Center:"),l.a.createElement(s.Image,{style:[G.image_style],defaultSource:N,source:{uri:U},resizeMode:s.Image.resizeMode.center}),l.a.createElement(s.Text,{style:G.info_style},"CapInsets:"),l.a.createElement(s.Image,{style:[G.image_style],defaultSource:N,source:{uri:U},capInsets:{top:50,left:50,bottom:50,right:50},resizeMode:s.Image.resizeMode.cover}),l.a.createElement(s.Text,{style:G.info_style},"TintColor:"),l.a.createElement(s.Image,{style:[G.image_style,{tintColor:"#4c9afa99"}],defaultSource:N,source:{uri:K},resizeMode:s.Image.resizeMode.center}),l.a.createElement(s.Text,{style:G.info_style},"Cover GIF:"),l.a.createElement(s.Image,{style:[G.image_style],resizeMode:s.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}],Y=s.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 X({index:e}){return l.a.createElement(s.View,{style:Y.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)},l.a.createElement(s.Text,{numberOfLines:1},e+": Style 1 UI"))}function J({index:e}){return l.a.createElement(s.View,{style:Y.container},l.a.createElement(s.Text,{numberOfLines:1},e+": Style 2 UI"))}function Z({index:e}){return l.a.createElement(s.View,{style:Y.container},l.a.createElement(s.Text,{numberOfLines:1},e+": Style 5 UI"))}class $ extends l.a.Component{constructor(e){super(e),this.state={dataSource:Q,fetchingDataFlag:!1,horizontal:void 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),this.onScroll=this.onScroll.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.concat(n);this.setState({dataSource:o,fetchingDataFlag:!1})}onAppear(e){console.log("onAppear",e)}onScroll(e){console.log("onScroll",e.contentOffset.y),e.contentOffset.y<=0?this.topReached||(this.topReached=!0,console.log("onTopReached")):this.topReached=!1}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(){const{horizontal:e}=this.state;return e?{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=l.a.createElement(X,{index:e});break;case 2:n=l.a.createElement(J,{index:e});break;case 5:n=l.a.createElement(Z,{index:e});break;case 100:n=l.a.createElement(s.Text,{style:Y.loading},"Loading now...")}return l.a.createElement(s.View,{style:Y.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)},l.a.createElement(s.View,{style:Y.itemContainer},n),r?null:l.a.createElement(s.View,{style:Y.separatorLine}))}mockFetchData(){return new Promise(e=>{setTimeout(()=>e(Q),600)})}changeDirection(){this.setState({horizontal:void 0===this.state.horizontal||void 0})}render(){const{dataSource:e,horizontal:t}=this.state;return l.a.createElement(s.View,{style:{flex:1,collapsable:!1}},l.a.createElement(s.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,horizontal:t,style:[{backgroundColor:"#ffffff"},t?{height:50}:{flex:1}],numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,onDelete:this.onDelete,onMomentumScrollBegin:e=>console.log("onMomentumScrollBegin",e),onMomentumScrollEnd:e=>console.log("onMomentumScrollEnd",e),onScrollBeginDrag:e=>console.log("onScrollBeginDrag",e),onScrollEndDrag:e=>console.log("onScrollEndDrag",e),delText:this.delText,editable:!0,getRowStyle:this.getRowStyle,getRowKey:this.getRowKey,initialListSize:15,rowShouldSticky:this.rowShouldSticky,onAppear:this.onAppear,onDisappear:this.onDisappear,onWillAppear:this.onWillAppear,onWillDisappear:this.onWillDisappear,onScroll:this.onScroll,scrollEventThrottle:1e3}),"android"===s.Platform.OS?l.a.createElement(s.View,{onClick:()=>this.changeDirection(),style:{position:"absolute",right:20,bottom:20,width:67,height:67,borderRadius:30,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:3,boxShadowOffsetY:3,boxShadowColor:"#4c9afa"}},l.a.createElement(s.View,{style:{width:60,height:60,borderRadius:30,backgroundColor:"#4c9afa",display:"flex",justifyContent:"center",alignItems:"center"}},l.a.createElement(s.Text,{style:{color:"white"}},"切换方向"))):null)}}const ee="#4c9afa",te="#4c9afa",ne="white",oe=s.StyleSheet.create({container:{flex:1,flexDirection:"row",justifyContent:"center"},buttonView:{borderColor:ee,borderWidth:2,borderStyle:"solid",borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30},buttonText:{fontSize:20,color:ee,textAlign:"center",textAlignVertical:"center"}});class re extends l.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 l.a.createElement(s.ScrollView,null,l.a.createElement(s.View,{style:oe.container},l.a.createElement(s.View,{onPressIn:()=>this.feedback("in"),onPressOut:()=>this.feedback("out"),onClick:this.show,style:[oe.buttonView,{borderColor:ee,opacity:e?.5:1}]},l.a.createElement(s.Text,{style:[oe.buttonText,{color:ee}]},"点击弹出浮层"))),l.a.createElement(s.Modal,{transparent:!0,animationType:"slide_fade",visible:t,onRequestClose:()=>{},supportedOrientations:["portrait"],immersionStatusBar:!0},l.a.createElement(s.View,{style:{flex:1,flexDirection:"row",justifyContent:"center",backgroundColor:"#4c9afa88"}},l.a.createElement(s.View,{onClick:this.hide,style:{width:200,height:200,backgroundColor:te,marginTop:300,flexDirection:"row",justifyContent:"center"}},l.a.createElement(s.Text,{style:{color:ne,fontSize:22,marginTop:80}},"点击关闭浮层")))))}}const ie="https://user-images.githubusercontent.com/12878546/148736841-59ce5d1c-8010-46dc-8632-01c380159237.jpg",ae={style:1,itemBean:{title:"非洲总统出行真大牌，美制武装直升机和中国潜艇为其保驾",picList:[ie,ie,ie],subInfo:["三图评论","11评"]}},le={style:2,itemBean:{title:"彼得·泰尔：认知未来是投资人的谋生之道",picUrl:"https://user-images.githubusercontent.com/12878546/148736850-4fc13304-25d4-4b6a-ada3-cbf0745666f5.jpg",subInfo:["左文右图"]}},se={style:5,itemBean:{title:"愤怒！美官员扬言：“不让中国拿走南海的岛屿，南海岛礁不属于中国”？",picUrl:"https://user-images.githubusercontent.com/12878546/148736859-29e3a5b2-612a-4fdd-ad21-dc5d29fa538f.jpg",subInfo:["六眼神魔 5234播放"]}};var ce=[se,ae,le,ae,le,ae,le,se,ae],he=n("./node_modules/@babel/runtime/helpers/extends.js"),ue=n.n(he);var de={getScreenWidth(){const e=s.Dimensions.get("screen").width,t=s.Dimensions.get("screen").height,n=e>t?t:e;return Math.floor(n)},uniqueArray(e){const t=[];for(let n=0;n=812&&s.PixelRatio.get()>=2&&(e=!0),e}};const me=(de.getScreenWidth()-24-12)/3,ge=Math.floor(me/1.35),fe=s.StyleSheet.create({imageContainer:{flexDirection:"row",justifyContent:"center",height:ge,marginTop:8},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},image:{width:me,height:ge},title:{fontSize:"android"===s.Platform.OS?17:18,lineHeight:24,color:"#242424"},tagLine:{marginTop:8,height:20,flexDirection:"row",justifyContent:"flex-start"}});function ye(e){const{itemBean:{title:t,picList:n}}=e;let{itemBean:{subInfo:o}}=e,r=null;if(o&&o.length){o=de.uniqueArray(o);const e=o.join(" ");r=l.a.createElement(s.Text,{style:fe.normalText,numberOfLines:1},e)}return l.a.createElement(s.View,ue()({},e,{style:{collapsable:!1}}),l.a.createElement(s.Text,{style:[fe.title],numberOfLines:2,enableScale:!0},t),l.a.createElement(s.View,{style:fe.imageContainer},l.a.createElement(s.Image,{style:fe.image,source:{uri:n[0]},resizeMode:s.Image.resizeMode.cover}),l.a.createElement(s.Image,{style:[fe.image,{marginLeft:6,marginRight:6}],source:{uri:n[1]},resizeMode:s.Image.resizeMode.cover}),l.a.createElement(s.Image,{style:fe.image,source:{uri:n[2]},resizeMode:s.Image.resizeMode.cover})),r?l.a.createElement(s.View,{style:fe.tagLine},r):null)}const pe=de.getScreenWidth()-24,be=Math.floor(pe-12)/3,we=Math.floor(be/1.35),Se=s.StyleSheet.create({container:{flexDirection:"row",justifyContent:"space-between",height:we},leftContainer:{flex:1,flexDirection:"column",justifyContent:"center",marginRight:8},imageContainer:{width:be,height:we},image:{width:be,height:we},title:{fontSize:"android"===s.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=de.uniqueArray(i);const e=i.join(" ");n=l.a.createElement(s.Text,{style:Se.normalText,numberOfLines:1},e)}return l.a.createElement(s.View,ue()({},e,{style:Se.container}),l.a.createElement(s.View,{style:Se.leftContainer},l.a.createElement(s.Text,{style:Se.title,numberOfLines:2,enableScale:!0},o),n?l.a.createElement(s.View,{style:Se.tagLine},n):null),l.a.createElement(s.View,{style:Se.imageContainer},l.a.createElement(s.Image,{resizeMode:s.Image.resizeMode.cover,style:Se.image,source:{uri:r}})))}const Ee=de.getScreenWidth()-24,Ae=Math.floor(188*Ee/336),Ce=s.StyleSheet.create({text:{fontSize:"android"===s.Platform.OS?17:18,lineHeight:24,color:"#242424"},playerView:{marginTop:8,alignItems:"center",width:Ee,height:Ae,alignSelf:"center"},image:{width:Ee,height:Ae},normalText:{fontSize:11,color:"#aaaaaa",alignSelf:"center"},tagLine:{marginTop:8,flexDirection:"row",justifyContent:"space-between",alignItems:"center"}});function Te(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=de.uniqueArray(r);const e=r.join(" ");i=l.a.createElement(s.Text,{style:Ce.normalText,numberOfLines:1},e)}return l.a.createElement(s.View,e,l.a.createElement(s.Text,{style:Ce.text,numberOfLines:2,enableScale:!0},n),l.a.createElement(s.View,{style:Ce.playerView},l.a.createElement(s.Image,{style:Ce.image,source:{uri:o},resizeMode:s.Image.resizeMode.cover})),i?l.a.createElement(s.View,{style:Ce.tagLine},i):null)}const Ve=s.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 ve extends l.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=l.a.createElement(ye,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 2:o=l.a.createElement(xe,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 5:o=l.a.createElement(Te,{itemBean:r.itemBean,onClick:()=>this.onClickItem(e)});break;case 100:o=l.a.createElement(s.Text,{style:Ve.loading},n)}return l.a.createElement(s.View,{style:Ve.container},l.a.createElement(s.View,{style:Ve.itemContainer},o),i?null:l.a.createElement(s.View,{style:Ve.spliter}))}getRowType(e){return this.state.dataSource[e].style}getRowKey(e){return"row-"+e}getRefresh(){return l.a.createElement(s.View,{style:{flex:1,height:30}},l.a.createElement(s.Text,{style:{flex:1,textAlign:"center"}},"下拉刷新中..."))}mockFetchData(){return new Promise(e=>{setTimeout(()=>(this.setState({fetchingDataFlag:!1}),this.fetchTimes+=1,this.fetchTimes>=50?e([]):e(ce)),600)})}render(){const{dataSource:e}=this.state;return l.a.createElement(s.RefreshWrapper,{ref:e=>{this.refresh=e},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},l.a.createElement(s.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.getRenderRow,onEndReached:this.onEndReached,getRowType:this.getRowType,getRowKey:this.getRowKey}))}}const ke=s.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:{flex:1,height:50,backgroundColor:"#4c9afa"},pullContent:{lineHeight:50,color:"white",height:50,textAlign:"center"},pullFooter:{height:40,flex:1,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}});class Re extends l.a.Component{constructor(e){super(e),this.state={dataSource:[],headerRefreshText:"继续下拉触发刷新",footerRefreshText:"正在加载...",horizontal:void 0},this.loadMoreDataFlag=!1,this.fetchingDataFlag=!1,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.getHeaderStyle=this.getHeaderStyle.bind(this),this.getFooterStyle=this.getFooterStyle.bind(this),this.getRowStyle=this.getRowStyle.bind(this),this.renderPullHeader=this.renderPullHeader.bind(this),this.renderPullFooter=this.renderPullFooter.bind(this),this.onEndReached=this.onEndReached.bind(this),this.onHeaderReleased=this.onHeaderReleased.bind(this),this.onHeaderPulling=this.onHeaderPulling.bind(this),this.onFooterPulling=this.onFooterPulling.bind(this)}async componentDidMount(){const e=await this.mockFetchData();this.setState({dataSource:e}),this.listView.collapsePullHeader()}mockFetchData(){return new Promise(e=>{setTimeout(()=>e(ce),800)})}async onEndReached(){const{dataSource:e}=this.state;if(this.loadMoreDataFlag)return;this.loadMoreDataFlag=!0,this.setState({footerRefreshText:"加载更多..."});let t=[];try{t=await this.mockFetchData()}catch(e){}0===t.length&&this.setState({footerRefreshText:"没有更多数据"});const n=[...e,...t];this.setState({dataSource:n}),this.loadMoreDataFlag=!1,this.listView.collapsePullFooter()}async onHeaderReleased(){if(this.fetchingDataFlag)return;this.fetchingDataFlag=!0,console.log("onHeaderReleased"),this.setState({headerRefreshText:"刷新数据中，请稍等"});let e=[];try{e=await this.mockFetchData(),e=e.reverse()}catch(e){}this.fetchingDataFlag=!1,this.setState({dataSource:e,headerRefreshText:"2秒后收起"},()=>{this.listView.collapsePullHeader({time:2e3})})}onHeaderPulling(e){this.fetchingDataFlag||(console.log("onHeaderPulling",e.contentOffset),e.contentOffset>ke.pullContent.height?this.setState({headerRefreshText:"松手，即可触发刷新"}):this.setState({headerRefreshText:"继续下拉，触发刷新"}))}onFooterPulling(e){console.log("onFooterPulling",e)}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}getHeaderStyle(){const{horizontal:e}=this.state;return e?{width:50}:{}}renderPullHeader(){const{headerRefreshText:e,horizontal:t}=this.state;return t?l.a.createElement(s.View,{style:{width:40,height:300,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}},l.a.createElement(s.Text,{style:{lineHeight:25,color:"white",width:40,paddingHorizontal:15}},e)):l.a.createElement(s.View,{style:ke.pullContainer},l.a.createElement(s.Text,{style:ke.pullContent},e))}getFooterStyle(){const{horizontal:e}=this.state;return e?{width:40}:{}}renderPullFooter(){const{horizontal:e}=this.state;return e?l.a.createElement(s.View,{style:{width:40,height:300,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}},l.a.createElement(s.Text,{style:{color:"white",lineHeight:25,width:40,paddingHorizontal:15}},this.state.footerRefreshText)):l.a.createElement(s.View,{style:ke.pullFooter},l.a.createElement(s.Text,{style:{color:"white"}},this.state.footerRefreshText))}renderRow(e){const{dataSource:t}=this.state;let n=null;const o=t[e],r=t.length===e+1;switch(o.style){case 1:n=l.a.createElement(ye,{itemBean:o.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 2:n=l.a.createElement(xe,{itemBean:o.itemBean,onClick:t=>this.onClickItem(e,t)});break;case 5:n=l.a.createElement(Te,{itemBean:o.itemBean,onClick:t=>this.onClickItem(e,t)})}return l.a.createElement(s.View,{style:ke.container},l.a.createElement(s.View,{style:ke.itemContainer},n),r?null:l.a.createElement(s.View,{style:ke.splitter}))}getRowStyle(){const{horizontal:e}=this.state;return e?{height:300,justifyContent:"center",alignItems:"center"}:{}}changeDirection(){this.setState({horizontal:void 0===this.state.horizontal||void 0})}render(){const{dataSource:e,horizontal:t}=this.state;return l.a.createElement(s.View,{style:{flex:1,collapsable:!1}},l.a.createElement(s.ListView,{horizontal:t,onClick:e=>console.log("ListView",e.target.nodeId,e.currentTarget.nodeId),ref:e=>{this.listView=e},style:[{backgroundColor:"#ffffff"},t?{height:300}:{flex:1}],numberOfRows:e.length,getRowType:this.getRowType,getRowKey:this.getRowKey,getHeaderStyle:this.getHeaderStyle,getFooterStyle:this.getFooterStyle,getRowStyle:this.getRowStyle,renderRow:this.renderRow,renderPullHeader:this.renderPullHeader,renderPullFooter:this.renderPullFooter,onHeaderReleased:this.onHeaderReleased,onHeaderPulling:this.onHeaderPulling,onFooterReleased:this.onEndReached,onFooterPulling:this.onFooterPulling,rowShouldSticky:e=>0===e}),"android"===s.Platform.OS?l.a.createElement(s.View,{onClick:()=>this.changeDirection(),style:{position:"absolute",right:20,bottom:20,width:67,height:67,borderRadius:30,boxShadowOpacity:.6,boxShadowRadius:5,boxShadowOffsetX:3,boxShadowOffsetY:3,boxShadowColor:"#4c9afa"}},l.a.createElement(s.View,{style:{width:60,height:60,borderRadius:30,backgroundColor:"#4c9afa",display:"flex",justifyContent:"center",alignItems:"center"}},l.a.createElement(s.Text,{style:{color:"white"}},"切换方向"))):null)}}const Ie=s.StyleSheet.create({itemStyle:{width:100,height:100,lineHeight:100,borderWidth:1,borderStyle:"solid",borderColor:"#4c9afa",fontSize:80,margin:20,color:"#4c9afa",textAlign:"center"},verticalScrollView:{height:300,width:140,margin:20,borderColor:"#eee",borderWidth:1,borderStyle:"solid"},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10}});function De(){return l.a.createElement(s.ScrollView,null,l.a.createElement(s.View,{style:Ie.itemTitle},l.a.createElement(s.Text,null,"Horizontal ScrollView")),l.a.createElement(s.View,null,l.a.createElement(s.ScrollView,{horizontal:!0,bounces:!0,showsHorizontalScrollIndicator:!1,showScrollIndicator:!1,onScroll:e=>console.log("onScroll",e),onMomentumScrollBegin:e=>console.log("onMomentumScrollBegin",e),onMomentumScrollEnd:e=>console.log("onMomentumScrollEnd",e),onScrollBeginDrag:e=>console.log("onScrollBeginDrag",e),onScrollEndDrag:e=>console.log("onScrollEndDrag",e)},l.a.createElement(s.Text,{style:Ie.itemStyle},"A"),l.a.createElement(s.Text,{style:Ie.itemStyle},"B"),l.a.createElement(s.Text,{style:Ie.itemStyle},"C"),l.a.createElement(s.Text,{style:Ie.itemStyle},"D"),l.a.createElement(s.Text,{style:Ie.itemStyle},"E"),l.a.createElement(s.Text,{style:Ie.itemStyle},"F"),l.a.createElement(s.Text,{style:Ie.itemStyle},"A"))),l.a.createElement(s.View,{style:Ie.itemTitle},l.a.createElement(s.Text,null,"Vertical ScrollView")),l.a.createElement(s.ScrollView,{bounces:!0,horizontal:!1,style:Ie.verticalScrollView,showScrollIndicator:!1,showsVerticalScrollIndicator:!1},l.a.createElement(s.Text,{style:Ie.itemStyle},"A"),l.a.createElement(s.Text,{style:Ie.itemStyle},"B"),l.a.createElement(s.Text,{style:Ie.itemStyle},"C"),l.a.createElement(s.Text,{style:Ie.itemStyle},"D"),l.a.createElement(s.Text,{style:Ie.itemStyle},"E"),l.a.createElement(s.Text,{style:Ie.itemStyle},"F"),l.a.createElement(s.Text,{style:Ie.itemStyle},"A")))}const Oe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEXRSTlMA9QlZEMPc2Mmmj2VkLEJ4Rsx+pEgAAAChSURBVCjPjVLtEsMgCDOAdbbaNu//sttVPes+zvGD8wgQCLp/TORbUGMAQtQ3UBeSAMlF7/GV9Cmb5eTJ9R7H1t4bOqLE3rN2UCvvwpLfarhILfDjJL6WRKaXfzxc84nxAgLzCGSGiwKwsZUB8hPorZwUV1s1cnGKw+yAOrnI+7hatNIybl9Q3OkBfzopCw6SmDVJJiJ+yD451OS0/TNM7QnuAAbvCG0TSAAAAABJRU5ErkJggg==",Pe=s.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{alignItems:"flex-start",justifyContent:"center",borderWidth:1,borderStyle:"solid",borderRadius:2,borderColor:"#e0e0e0",backgroundColor:"#ffffff",padding:10},normalText:{fontSize:14,lineHeight:18,color:"black"},buttonBar:{flexDirection:"row",marginTop:10,flexGrow:1},button:{height:24,borderColor:"#4c9afa",borderWidth:1,borderStyle:"solid",flexGrow:1,flexShrink:1},buttonText:{lineHeight:24,textAlign:"center",paddingHorizontal:20},customFont:{color:"#0052d9",fontSize:32,fontFamily:"TTTGB"}});let je=0;class Le extends l.a.Component{constructor(e){super(e),this.state={fontSize:16,textShadowColor:"grey",textShadowOffset:{x:1,y:1},numberOfLines:2,ellipsizeMode:void 0},this.incrementFontSize=this.incrementFontSize.bind(this),this.decrementFontSize=this.decrementFontSize.bind(this),this.incrementLine=this.incrementLine.bind(this),this.decrementLine=this.decrementLine.bind(this),this.changeMode=this.changeMode.bind(this)}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})}incrementLine(){const{numberOfLines:e}=this.state;e<6&&this.setState({numberOfLines:e+1})}decrementLine(){const{numberOfLines:e}=this.state;e>1&&this.setState({numberOfLines:e-1})}changeMode(e){this.setState({ellipsizeMode:e})}changeBreakStrategy(e){this.setState({breakStrategy:e})}render(){const{fontSize:e,textShadowColor:t,textShadowOffset:n,numberOfLines:o,ellipsizeMode:r,breakStrategy:i}=this.state,a=e=>l.a.createElement(s.View,{style:Pe.itemTitle},l.a.createElement(s.Text,{style:!0},e));return l.a.createElement(s.ScrollView,{style:{paddingHorizontal:10}},a("shadow"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:60}],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})}},l.a.createElement(s.Text,{style:[Pe.normalText,{color:"#242424",textShadowOffset:n,textShadowRadius:3,textShadowColor:t}]},"Text shadow is grey with radius 3 and offset 1")),a("color"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:80}]},l.a.createElement(s.Text,{style:[Pe.normalText,{color:"#242424"}]},"Text color is black"),l.a.createElement(s.Text,{style:[Pe.normalText,{color:"blue"}]},"Text color is blue"),l.a.createElement(s.Text,{style:[Pe.normalText,{color:"rgb(228,61,36)"}]},"This is red")),a("fontSize"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:100}]},l.a.createElement(s.Text,{style:[Pe.normalText,{fontSize:e}]},"Text fontSize is "+e),l.a.createElement(s.View,{style:Pe.button,onClick:this.incrementFontSize},l.a.createElement(s.Text,{style:Pe.buttonText},"放大字体")),l.a.createElement(s.View,{style:Pe.button,onClick:this.decrementFontSize},l.a.createElement(s.Text,{style:Pe.buttonText},"缩小字体"))),a("fontStyle"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:100}]},l.a.createElement(s.Text,{style:[Pe.normalText,{fontStyle:"normal"}]},"Text fontStyle is normal"),l.a.createElement(s.Text,{style:[Pe.normalText,{fontStyle:"italic"}]},"Text fontStyle is italic")),a("numberOfLines and ellipsizeMode"),l.a.createElement(s.View,{style:[Pe.itemContent]},l.a.createElement(s.Text,{style:[Pe.normalText,{marginBottom:10}]},`numberOfLines=${o} | ellipsizeMode=${r}`),l.a.createElement(s.Text,{numberOfLines:o,ellipsizeMode:r,style:[Pe.normalText,{lineHeight:void 0,backgroundColor:"#4c9afa",marginBottom:10,paddingHorizontal:10,paddingVertical:5}]},l.a.createElement(s.Text,{style:{fontSize:19,color:"white"}},"先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。"),l.a.createElement(s.Text,null,"然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。")),l.a.createElement(s.Text,{numberOfLines:o,ellipsizeMode:r,style:[Pe.normalText,{backgroundColor:"#4c9afa",marginBottom:10,color:"white",paddingHorizontal:10,paddingVertical:5}]},"line 1\n\nline 3\n\nline 5"),l.a.createElement(s.Text,{numberOfLines:o,ellipsizeMode:r,style:[Pe.normalText,{lineHeight:void 0,backgroundColor:"#4c9afa",marginBottom:10,paddingHorizontal:10,paddingVertical:5}]},l.a.createElement(s.Image,{style:{width:24,height:24},source:{uri:Oe}}),l.a.createElement(s.Image,{style:{width:24,height:24},source:{uri:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMA/QpX7WQU2m27pi3Ej9KEQXaD5HhjAAAAqklEQVQoz41SWxLDIAh0RcFXTHL/yzZSO01LMpP9WJEVUNA9gfdXTioCSKE/kQQTQmf/ArRYva+xAcuPP37seFII2L7FN4BmXdHzlEPIpDHiZ0A7eIViPcw2QwqipkvMSdNEFBUE1bmMNOyE7FyFaIkAP4jHhhG80lvgkzBODTKpwhRMcexuR7fXzcp08UDq6GRbootp4oRtO3NNpd4NKtnR9hB6oaefweIFQU0EfnGDRoQAAAAASUVORK5CYII="}}),l.a.createElement(s.Text,null,"Text + Attachment")),l.a.createElement(s.View,{style:Pe.buttonBar},l.a.createElement(s.View,{style:Pe.button,onClick:this.incrementLine},l.a.createElement(s.Text,{style:Pe.buttonText},"加一行")),l.a.createElement(s.View,{style:Pe.button,onClick:this.decrementLine},l.a.createElement(s.Text,{style:Pe.buttonText},"减一行"))),l.a.createElement(s.View,{style:Pe.buttonBar},l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeMode("clip")},l.a.createElement(s.Text,{style:Pe.buttonText},"clip")),l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeMode("head")},l.a.createElement(s.Text,{style:Pe.buttonText},"head")),l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeMode("middle")},l.a.createElement(s.Text,{style:Pe.buttonText},"middle")),l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeMode("tail")},l.a.createElement(s.Text,{style:Pe.buttonText},"tail")))),a("textDecoration"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:100}]},l.a.createElement(s.Text,{numberOfLines:1,style:[Pe.normalText,{textDecorationLine:"underline",textDecorationStyle:"dotted"}]},"underline"),l.a.createElement(s.Text,{numberOfLines:1,style:[Pe.normalText,{textDecorationLine:"line-through",textDecorationColor:"red"}]},"line-through")),a("LetterSpacing"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:100}]},l.a.createElement(s.Text,{numberOfLines:1,style:[Pe.normalText,{letterSpacing:-1}]},"Text width letter-spacing -1"),l.a.createElement(s.Text,{numberOfLines:1,style:[Pe.normalText,{letterSpacing:5}]},"Text width letter-spacing 5")),a("Nest Text"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:100}]},l.a.createElement(s.Text,{numberOfLines:3},l.a.createElement(s.Text,{numberOfLines:3,style:[Pe.normalText,{color:"#4c9afa"}]},"#SpiderMan#"),l.a.createElement(s.Text,{numberOfLines:3,style:Pe.normalText},"Hello world, I am a spider man and I have five friends in other universe."))),a("Custom font"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:100}]},l.a.createElement(s.Text,{numberOfLines:1,style:Pe.customFont},"Hippy 跨端框架")),a("Text Nested"),l.a.createElement(s.View,{style:[Pe.itemContent,{height:150}]},l.a.createElement(s.Text,{style:{height:100,lineHeight:50}},l.a.createElement(s.Text,{numberOfLines:1,style:Pe.normalText},"后面有张图片"),l.a.createElement(s.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"}}),l.a.createElement(s.Text,{numberOfLines:1,style:Pe.customFont},"前面有张图片")),l.a.createElement(s.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingHorizontal:10,paddingVertical:5,backgroundColor:"#4c9afa"}},l.a.createElement(s.Image,{style:{width:24,height:24,alignSelf:"center"},source:{uri:Oe}}),l.a.createElement(s.Text,{style:{fontSize:15,alignItems:"center",justifyContent:"center"}},"Image+Text"))),"android"===s.Platform.OS&&a("breakStrategy"),"android"===s.Platform.OS&&l.a.createElement(s.View,{style:Pe.itemContent},l.a.createElement(s.Text,{style:[Pe.normalText,{borderWidth:1,borderColor:"gray"}],breakStrategy:i},"The 58-letter name Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch is the name of a town on Anglesey, an island of Wales."),l.a.createElement(s.Text,{style:Pe.normalText},"breakStrategy: "+i),l.a.createElement(s.View,{style:Pe.buttonBar},l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeBreakStrategy("simple")},l.a.createElement(s.Text,{style:Pe.buttonText},"simple")),l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeBreakStrategy("high_quality")},l.a.createElement(s.Text,{style:Pe.buttonText},"high_quality")),l.a.createElement(s.View,{style:Pe.button,onClick:()=>this.changeBreakStrategy("balanced")},l.a.createElement(s.Text,{style:Pe.buttonText},"balanced")))))}}const Be=s.StyleSheet.create({container_style:{paddingHorizontal:10},input_style:{width:300,marginVertical:10,fontSize:16,color:"#242424",height:30,lineHeight:30},input_style_block:{height:100,lineHeight:20,fontSize:15,borderWidth:1,borderColor:"gray",underlineColorAndroid:"transparent"},itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},itemContent:{marginTop:10},buttonBar:{flexDirection:"row",marginTop:10,flexGrow:1},button:{width:200,height:24,borderColor:"#4c9afa",borderWidth:1,borderStyle:"solid",marginTop:5,marginBottom:5,flexGrow:1,flexShrink:1}});class Me extends a.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()}async onFocus(){const e=await this.input.isFocused();this.setState({event:"onFocus",isFocused:e})}async onBlur(){const e=await this.input.isFocused();this.setState({event:"onBlur",isFocused:e})}changeBreakStrategy(e){this.setState({breakStrategy:e})}render(){const{textContent:e,event:t,isFocused:n,breakStrategy:o}=this.state,r=e=>l.a.createElement(s.View,{style:Be.itemTitle},l.a.createElement(s.Text,null,e));return l.a.createElement(s.ScrollView,{style:Be.container_style},r("text"),l.a.createElement(s.TextInput,{ref:e=>{this.input=e},style:Be.input_style,caretColor:"yellow",underlineColorAndroid:"grey",placeholderTextColor:"#4c9afa",placeholder:"text",defaultValue:e,onBlur:()=>this.onBlur(),onFocus:()=>this.onFocus()}),l.a.createElement(s.Text,{style:Be.itemContent},`事件: ${t} | isFocused: ${n}`),l.a.createElement(s.View,{style:Be.button,onClick:this.changeInputContent},l.a.createElement(s.Text,null,"点击改变输入框内容")),l.a.createElement(s.View,{style:Be.button,onClick:this.focus},l.a.createElement(s.Text,null,"Focus")),l.a.createElement(s.View,{style:Be.button,onClick:this.blur},l.a.createElement(s.Text,null,"Blur")),r("numeric"),l.a.createElement(s.TextInput,{style:Be.input_style,keyboardType:"numeric",placeholder:"numeric"}),r("phone-pad"),l.a.createElement(s.TextInput,{style:Be.input_style,keyboardType:"phone-pad",placeholder:"phone-pad"}),r("password"),l.a.createElement(s.TextInput,{style:Be.input_style,keyboardType:"password",placeholder:"Password",multiline:!1}),r("maxLength"),l.a.createElement(s.TextInput,{caretColor:"yellow",style:Be.input_style,placeholder:"maxLength=5",maxLength:5}),"android"===s.Platform.OS&&r("breakStrategy"),"android"===s.Platform.OS&&l.a.createElement(l.a.Fragment,null,l.a.createElement(s.TextInput,{style:Be.input_style_block,breakStrategy:o,defaultValue:"The 58-letter name Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch is the name of a town on Anglesey, an island of Wales."}),l.a.createElement(s.Text,{style:{}},"breakStrategy: "+o),l.a.createElement(s.View,{style:Be.buttonBar},l.a.createElement(s.View,{style:Be.button,onClick:()=>this.changeBreakStrategy("simple")},l.a.createElement(s.Text,{style:Be.buttonText},"simple")),l.a.createElement(s.View,{style:Be.button,onClick:()=>this.changeBreakStrategy("high_quality")},l.a.createElement(s.Text,{style:Be.buttonText},"high_quality")),l.a.createElement(s.View,{style:Be.button,onClick:()=>this.changeBreakStrategy("balanced")},l.a.createElement(s.Text,{style:Be.buttonText},"balanced")))))}}var ze=n.p+"assets/defaultSource.jpg";const Fe=s.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",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,borderStyle:"solid",padding:10,marginVertical:10},smallRectangle:{width:40,height:40,borderRadius:10}});function _e(){const e=e=>l.a.createElement(s.View,{style:Fe.itemTitle},l.a.createElement(s.Text,null,e));return l.a.createElement(s.ScrollView,{style:{paddingHorizontal:10}},e("backgroundColor"),l.a.createElement(s.View,{style:[Fe.rectangle,{backgroundColor:"#4c9afa"}]}),e("backgroundImage"),l.a.createElement(s.View,{style:[Fe.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,backgroundImage:ze}],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"}},l.a.createElement(s.Text,{style:{color:"white"}},"背景图")),e("backgroundImage linear-gradient"),l.a.createElement(s.View,{style:[Fe.rectangle,{alignItems:"center",justifyContent:"center",marginTop:20,borderWidth:2,borderStyle:"solid",borderColor:"black",borderRadius:2,backgroundImage:"linear-gradient(30deg, blue 10%, yellow 40%, red 50%);"}]},l.a.createElement(s.Text,{style:{color:"white"}},"渐变色")),e("border props"),l.a.createElement(s.View,{style:[Fe.rectangle,{borderColor:"#242424",borderRadius:4,borderWidth:1,borderStyle:"solid"}]}),e("flex props"),l.a.createElement(s.View,{style:[Fe.bigRectangle,{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}]},l.a.createElement(s.View,{style:[Fe.smallRectangle,{backgroundColor:"yellow"}]}),l.a.createElement(s.View,{style:[Fe.smallRectangle,{backgroundColor:"blue"}]}),l.a.createElement(s.View,{style:[Fe.smallRectangle,{backgroundColor:"green"}]})))}const He=s.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:{borderStyle:"solid",borderTopWidth:0,borderRightWidth:70,borderBottomWidth:128,borderLeftWidth:70,borderTopColor:"transparent",borderRightColor:"transparent",borderLeftColor:"transparent",borderBottomColor:"#4c9afa",backgroundColor:"transparent",width:140}}),We="SquarePagerView",Ne="TrianglePagerView",Ke="CirclePagerView";function Ue(e,t){const n=t=>l.a.createElement(s.View,{style:He.pageContainer,key:t},l.a.createElement(s.View,{style:[He.shapeBase,e],key:"shape"}),l.a.createElement(s.View,{style:He.mainRec,key:"title"},t?l.a.createElement(s.Text,{style:He.title},t):null));return n.displayName=t,n}const Ge=Ue(He.square,We),qe=Ue(He.triangle,Ne),Qe=Ue(He.circle,Ke),Ye=s.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 Xe extends l.a.Component{constructor(e){super(e),H()(this,"state",{selectedIndex:0}),this.onPageSelected=this.onPageSelected.bind(this),this.onPageScrollStateChanged=this.onPageScrollStateChanged.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 l.a.createElement(s.View,{style:{flex:1,backgroundColor:"#ffffff"}},l.a.createElement(s.View,{style:Ye.buttonContainer},l.a.createElement(s.View,{style:Ye.button,onClick:()=>{this.viewpager.setPage(2)}},l.a.createElement(s.Text,{style:Ye.buttonText},"动效滑到第3页")),l.a.createElement(s.View,{style:Ye.button,onClick:()=>this.viewpager.setPageWithoutAnimation(0)},l.a.createElement(s.Text,{style:Ye.buttonText},"直接滑到第1页"))),l.a.createElement(s.ViewPager,{ref:e=>{this.viewpager=e},style:Ye.container,initialPage:0,keyboardDismissMode:"none",scrollEnabled:!0,onPageSelected:this.onPageSelected,onPageScrollStateChanged:this.onPageScrollStateChanged,onPageScroll:this.onPageScroll},[Ge("squarePager"),qe("TrianglePager"),Qe("CirclePager")]),l.a.createElement(s.View,{style:Ye.dotContainer},new Array(3).fill(0).map((t,n)=>{const o=n===e;return l.a.createElement(s.View,{style:[Ye.dot,o?Ye.selectDot:null],key:"dot_"+n})})))}}const Je=s.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},webViewStyle:{padding:10,flex:1,flexGrow:1,borderRadius:10}});function Ze(){return l.a.createElement(s.View,{style:{paddingHorizontal:10,flex:1}},l.a.createElement(s.View,{style:Je.itemTitle},l.a.createElement(s.Text,null,"WebView 示例")),l.a.createElement(s.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:Je.webViewStyle,onLoad:({url:e})=>console.log("webview onload",e),onLoadStart:({url:e})=>console.log("webview onLoadStart",e),onLoadEnd:({url:e,success:t,error:n})=>console.log("webview onLoadEnd",e,t,n)}))}const $e=s.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=s.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 tt(){return l.a.createElement(s.View,{style:$e.shadowDemo},"android"===s.Platform.OS?l.a.createElement(s.View,{style:$e.shadowDemoCubeAndroid},l.a.createElement(s.View,{style:$e.shadowDemoContentAndroid},l.a.createElement(s.Text,{style:$e.text},"没有偏移阴影样式"))):l.a.createElement(s.View,{style:$e.shadowDemoCubeIos},l.a.createElement(s.View,{style:$e.shadowDemoContentIos},l.a.createElement(s.Text,{style:$e.text},"没有偏移阴影样式"))),"android"===s.Platform.OS?l.a.createElement(s.View,{style:et.shadowDemoCubeAndroid},l.a.createElement(s.View,{style:et.shadowDemoContentAndroid},l.a.createElement(s.Text,{style:et.text},"偏移阴影样式"))):l.a.createElement(s.View,{style:et.shadowDemoCubeIos},l.a.createElement(s.View,{style:et.shadowDemoContentIos},l.a.createElement(s.Text,{style:et.text},"偏移阴影样式"))))}const nt=ce.filter(e=>2!==e.style),ot=s.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:50,backgroundColor:"#4c9afa"},pullContent:{lineHeight:50,color:"white",height:50,textAlign:"center"},pullFooter:{flex:1,height:40,backgroundColor:"#4c9afa",justifyContent:"center",alignItems:"center"}});class rt extends l.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:l.a.createElement(s.View,{style:ot.pullFooter},l.a.createElement(s.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 l.a.createElement(s.View,{style:{flex:1,height:40,justifyContent:"center",alignItems:"center",backgroundColor:"#4c9afa"}},l.a.createElement(s.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 0===this.state.dataSource.length?null:l.a.createElement(s.View,{style:{backgroundColor:"grey",height:100,justifyContent:"center",alignItems:"center"}},l.a.createElement(s.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=l.a.createElement(ye,{itemBean:o.itemBean});break;case 2:n=l.a.createElement(xe,{itemBean:o.itemBean});break;case 5:n=l.a.createElement(Te,{itemBean:o.itemBean})}return l.a.createElement(s.View,{onClick:()=>this.onItemClick(e),style:ot.container},l.a.createElement(s.View,{style:ot.itemContainer},n),l.a.createElement(s.View,{style:ot.splitter}))}mockFetchData(){return new Promise(e=>{setTimeout(()=>{const t=[...nt,...nt];return e(t)},600)})}getWaterfallContentInset(){return{top:0,left:5,bottom:0,right:5}}getItemStyle(){const{numberOfColumns:e,columnSpacing:t}=this,n=s.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 l.a.createElement(s.RefreshWrapper,{ref:e=>{this.refresh=e},style:{flex:1},onRefresh:this.onRefresh,bounceTime:100,getRefresh:this.getRefresh},l.a.createElement(s.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 it=n.p+"assets/defaultSource.jpg";function at(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 lt(e){for(var t=1;t{i.current.setPressed(!1)},{nativeBackgroundAndroid:h,style:u}=e;return l.a.createElement(s.View,{onLayout:()=>{s.UIManagerModule.measureInAppWindow(i.current,e=>{n(e.x),r(e.y)})},style:u,onTouchDown:e=>{i.current.setHotspot(e.page_x-t,e.page_y-o),i.current.setPressed(!0)},onTouchEnd:c,onTouchCancel:c,ref:i,nativeBackgroundAndroid:lt(lt({},st),h)},e.children)}const ht=s.StyleSheet.create({imgRectangle:{width:260,height:56,alignItems:"center",justifyContent:"center"},circleRipple:{marginTop:30,width:150,height:56,alignItems:"center",justifyContent:"center",borderWidth:3,borderStyle:"solid",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,borderStyle:"solid",backgroundSize:"cover",borderColor:"#4c9afa",backgroundImage:it,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 ut(){return"ios"===s.Platform.OS?l.a.createElement(s.Text,null,"iOS暂未支持水波纹效果"):l.a.createElement(s.ScrollView,{style:{margin:10,flex:1}},l.a.createElement(s.View,{style:[ht.imgRectangle,{marginTop:20,backgroundImage:it,backgroundSize:"cover"}]},l.a.createElement(ct,{style:[ht.imgRectangle],nativeBackgroundAndroid:{borderless:!0,color:"#666666"}},l.a.createElement(s.Text,{style:{color:"white",maxWidth:200}},"外层背景图，内层无边框水波纹，受外层影响始终有边框"))),l.a.createElement(ct,{style:[ht.circleRipple],nativeBackgroundAndroid:{borderless:!0,color:"#666666",rippleRadius:100}},l.a.createElement(s.Text,{style:{color:"black",textAlign:"center"}},"无边框圆形水波纹")),l.a.createElement(ct,{style:[ht.squareRipple],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},l.a.createElement(s.Text,{style:{color:"#fff"}},"带背景色水波纹")),l.a.createElement(s.View,{style:[ht.squareRippleWrapper]},l.a.createElement(ct,{style:[ht.squareRipple1],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},l.a.createElement(s.Text,{style:{color:"white"}},"有边框水波纹，带本地底图效果"))),l.a.createElement(s.View,{style:[ht.squareRippleWrapper]},l.a.createElement(ct,{style:[ht.squareRipple2],nativeBackgroundAndroid:{borderless:!1,color:"#666666"}},l.a.createElement(s.Text,{style:{color:"black"}},"有边框水波纹，带网络底图效果"))))}const dt="#4c9afa",mt="#f44837",gt=s.StyleSheet.create({container:{paddingHorizontal:10},square:{width:80,height:80,backgroundColor:mt},showArea:{height:150,marginVertical:10},button:{borderColor:dt,borderWidth:2,borderStyle:"solid",justifyContent:"center",alignItems:"center",width:70,borderRadius:8,height:50,marginTop:20,marginRight:8},buttonText:{fontSize:20,color:dt,textAlign:"center",textAlignVertical:"center"},colorText:{fontSize:14,color:"white",textAlign:"center",textAlignVertical:"center"},buttonContainer:{flexDirection:"row",alignItems:"center"},title:{fontSize:24,marginTop:8}});class ft extends l.a.Component{constructor(e){super(e),this.state={}}componentWillMount(){this.horizonAnimation=new s.Animation({startValue:150,toValue:20,duration:1e3,delay:500,mode:"timing",timingFunction:"linear",repeatCount:"loop"}),this.verticalAnimation=new s.Animation({startValue:80,toValue:40,duration:1e3,delay:0,mode:"timing",timingFunction:"linear",repeatCount:"loop"}),this.scaleAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:1,toValue:1.2,duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new s.Animation({startValue:1.2,toValue:.2,duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.rotateAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:0,toValue:180,duration:2e3,delay:0,valueType:"deg",mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new s.Animation({startValue:180,toValue:360,duration:2e3,delay:0,valueType:"deg",mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.skewXAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:0,toValue:20,duration:2e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new s.Animation({startValue:20,toValue:0,duration:2e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.skewYAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:0,toValue:20,duration:2e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new s.Animation({startValue:20,toValue:0,duration:2e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.bgColorAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:"red",toValue:"yellow",valueType:"color",duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new s.Animation({startValue:"yellow",toValue:"blue",duration:1e3,valueType:"color",delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.txtColorAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:"white",toValue:"yellow",valueType:"color",duration:1e3,delay:0,mode:"timing",timingFunction:"linear"}),follow:!1},{animation:new s.Animation({startValue:"yellow",toValue:"white",duration:1e3,valueType:"color",delay:0,mode:"timing",timingFunction:"linear"}),follow:!0}],repeatCount:"loop"}),this.cubicBezierScaleAnimationSet=new s.AnimationSet({children:[{animation:new s.Animation({startValue:0,toValue:1,duration:1e3,delay:0,mode:"timing",timingFunction:"cubic-bezier(.45,2.84,.38,.5)"}),follow:!1},{animation:new s.Animation({startValue:1,toValue:0,duration:1e3,mode:"timing",timingFunction:"cubic-bezier(.17,1.45,.78,.14)"}),follow:!0}],repeatCount:"loop"})}componentDidMount(){"web"===s.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.txtColorAnimationSet.setRef(this.textColorRef),this.cubicBezierScaleAnimationSet.setRef(this.cubicBezierScaleRef),this.rotateAnimationSet.setRef(this.rotateRef),this.skewXAnimationSet.setRef(this.skewRef),this.skewYAnimationSet.setRef(this.skewRef)),this.horizonAnimation.onAnimationStart(()=>{console.log("on animation start!!!")}),this.horizonAnimation.onAnimationEnd(()=>{console.log("on animation end!!!")}),this.horizonAnimation.onAnimationCancel(()=>{console.log("on animation cancel!!!")}),this.horizonAnimation.onAnimationRepeat(()=>{console.log("on animation repeat!!!")})}componentWillUnmount(){this.horizonAnimation&&this.horizonAnimation.destroy(),this.verticalAnimation&&this.verticalAnimation.destroy(),this.scaleAnimationSet&&this.scaleAnimationSet.destroy(),this.bgColorAnimationSet&&this.bgColorAnimationSet.destroy(),this.txtColorAnimationSet&&this.txtColorAnimationSet.destroy(),this.cubicBezierScaleAnimationSet&&this.cubicBezierScaleAnimationSet.destroy(),this.rotateAnimationSet&&this.rotateAnimationSet.destroy(),this.skewXAnimationSet&&this.skewXAnimationSet.destroy(),this.skewYAnimationSet&&this.skewYAnimationSet.destroy()}render(){return l.a.createElement(s.ScrollView,{style:gt.container},l.a.createElement(s.Text,{style:gt.title},"水平位移动画"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.horizonAnimation.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.horizonAnimation.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.horizonAnimation.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.horizonAnimation.updateAnimation({startValue:50,toValue:100})}},l.a.createElement(s.Text,{style:gt.buttonText},"更新"))),l.a.createElement(s.View,{style:gt.showArea},l.a.createElement(s.View,{ref:e=>{this.horizonRef=e},style:[gt.square,{transform:[{translateX:this.horizonAnimation}]}]})),l.a.createElement(s.Text,{style:gt.title},"高度形变动画"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.verticalAnimation.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.verticalAnimation.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.verticalAnimation.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续"))),l.a.createElement(s.View,{style:gt.showArea},l.a.createElement(s.View,{ref:e=>{this.verticalRef=e},style:[gt.square,{height:this.verticalAnimation}]})),l.a.createElement(s.Text,{style:gt.title},"旋转动画"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.rotateAnimationSet.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.rotateAnimationSet.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.rotateAnimationSet.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续"))),l.a.createElement(s.View,{style:gt.showArea},l.a.createElement(s.View,{ref:e=>{this.rotateRef=e},style:[gt.square,{transform:[{rotate:this.rotateAnimationSet}]}]})),l.a.createElement(s.Text,{style:gt.title},"倾斜动画"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.skewXAnimationSet.start(),this.skewYAnimationSet.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.skewXAnimationSet.pause(),this.skewYAnimationSet.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.skewXAnimationSet.resume(),this.skewYAnimationSet.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续"))),l.a.createElement(s.View,{style:gt.showArea},l.a.createElement(s.View,{ref:e=>{this.skewRef=e},style:[gt.square,{transform:[{skewX:this.skewXAnimationSet},{skewY:this.skewYAnimationSet}]}]})),l.a.createElement(s.Text,{style:gt.title},"缩放动画"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.scaleAnimationSet.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.scaleAnimationSet.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.scaleAnimationSet.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续"))),l.a.createElement(s.View,{style:[gt.showArea,{marginVertical:20}]},l.a.createElement(s.View,{ref:e=>{this.scaleRef=e},style:[gt.square,{transform:[{scale:this.scaleAnimationSet}]}]})),l.a.createElement(s.Text,{style:gt.title},"颜色渐变动画（文字渐变仅Android支持）"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.bgColorAnimationSet.start(),this.txtColorAnimationSet.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.bgColorAnimationSet.pause(),this.txtColorAnimationSet.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.bgColorAnimationSet.resume(),this.txtColorAnimationSet.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续"))),l.a.createElement(s.View,{style:[gt.showArea,{marginVertical:20}]},l.a.createElement(s.View,{ref:e=>{this.bgColorRef=e},style:[gt.square,{justifyContent:"center",alignItems:"center"},{backgroundColor:this.bgColorAnimationSet}]},l.a.createElement(s.Text,{ref:e=>{this.textColorRef=e},style:[gt.colorText,{color:"android"===s.Platform.OS?this.txtColorAnimationSet:"white"}]},"颜色渐变背景和文字"))),l.a.createElement(s.Text,{style:gt.title},"贝塞尔曲线动画"),l.a.createElement(s.View,{style:gt.buttonContainer},l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.cubicBezierScaleAnimationSet.start()}},l.a.createElement(s.Text,{style:gt.buttonText},"开始")),l.a.createElement(s.View,{style:[gt.button],onClick:()=>{this.cubicBezierScaleAnimationSet.pause()}},l.a.createElement(s.Text,{style:gt.buttonText},"暂停")),l.a.createElement(s.View,{style:gt.button,onClick:()=>{this.cubicBezierScaleAnimationSet.resume()}},l.a.createElement(s.Text,{style:gt.buttonText},"继续"))),l.a.createElement(s.View,{style:[gt.showArea,{marginVertical:20}]},l.a.createElement(s.View,{ref:e=>{this.cubicBezierScaleRef=e},style:[gt.square,{transform:[{scale:this.cubicBezierScaleAnimationSet}]}]})))}}const yt=s.StyleSheet.create({containerStyle:{margin:20,alignItems:"center",flexDirection:"column"},itemGroupStyle:{flexDirection:"row",marginTop:10,borderColor:"#4c9afa",borderWidth:1,borderStyle:"solid",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 pt extends l.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&&s.AsyncStorage.setItem(e,t)}onClickGet(){const{key:e}=this.state;e&&s.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 l.a.createElement(s.ScrollView,{style:yt.containerStyle},l.a.createElement(s.View,{style:yt.viewGroupStyle},l.a.createElement(s.Text,{style:yt.infoStyle},"Key:"),l.a.createElement(s.TextInput,{style:yt.inputStyle,onChangeText:this.onTextChangeKey})),l.a.createElement(s.View,{style:yt.viewGroupStyle},l.a.createElement(s.Text,{style:yt.infoStyle},"Value:"),l.a.createElement(s.TextInput,{style:yt.inputStyle,onChangeText:this.onTextChangeValue})),l.a.createElement(s.View,{style:yt.itemGroupStyle,onClick:this.onClickSet},l.a.createElement(s.Text,{style:yt.buttonStyle},"Set")),l.a.createElement(s.View,{style:[yt.viewGroupStyle,{marginTop:60}]},l.a.createElement(s.Text,{style:yt.infoStyle},"Key:"),l.a.createElement(s.TextInput,{style:yt.inputStyle,onChangeText:this.onTextChangeKey})),l.a.createElement(s.View,{style:[yt.viewGroupStyle,{display:"none"}]},l.a.createElement(s.Text,{style:yt.infoStyle},"Value:"),l.a.createElement(s.Text,{style:[yt.infoStyle,{width:200}]},e)),l.a.createElement(s.View,{style:yt.itemGroupStyle,onClick:this.onClickGet},l.a.createElement(s.Text,{style:yt.buttonStyle},"Get")))}}const bt=s.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",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 wt extends l.a.Component{constructor(e){super(e),this.state={hasCopied:!1,text:"Winter is coming",clipboardText:"点击上面的按钮"}}render(){const e=e=>l.a.createElement(s.View,{style:bt.itemTitle},l.a.createElement(s.Text,null,e)),{hasCopied:t,text:n,clipboardText:o}=this.state,r=t?" (已复制) ":"";return l.a.createElement(s.ScrollView,{style:{paddingHorizontal:10}},e("文本复制到剪贴板"),l.a.createElement(s.Text,{style:bt.defaultText},n),l.a.createElement(s.View,{style:bt.button,onClick:()=>{s.Clipboard.setString(n),this.setState({hasCopied:!0})}},l.a.createElement(s.Text,{style:bt.buttonText},"点击复制以上文案"+r)),e("获取剪贴板内容"),l.a.createElement(s.View,{style:bt.button,onClick:async()=>{try{const e=await s.Clipboard.getString();this.setState({clipboardText:e})}catch(e){console.error(e)}}},l.a.createElement(s.Text,{style:bt.buttonText},"点击获取剪贴板内容")),l.a.createElement(s.Text,{style:[bt.defaultText,bt.copiedText]},o))}}const St=s.StyleSheet.create({itemTitle:{alignItems:"flex-start",justifyContent:"center",height:40,borderWidth:1,borderStyle:"solid",borderColor:"#e0e0e0",borderRadius:2,backgroundColor:"#fafafa",padding:10,marginTop:10},wrapper:{borderColor:"#eee",borderWidth:1,borderStyle:"solid",paddingHorizontal:10,paddingVertical:5,marginVertical:10,flexDirection:"column",justifyContent:"flex-start",alignItems:"flex-start"},infoContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",marginTop:5,marginBottom:5,flexWrap:"wrap"},infoText:{collapsable:!1,marginVertical:5}});class xt extends l.a.Component{constructor(e){super(e),this.state={netInfoStatusTxt:"",netInfoChangeTxt:"",fetchInfoTxt:"",cookies:""},this.listener=null}async fetchNetInfoStatus(){this.setState({netInfoStatusTxt:await s.NetInfo.fetch()})}fetchUrl(){fetch("https://hippyjs.org",{mode:"no-cors"}).then(e=>(this.setState({fetchInfoTxt:"成功状态: "+e.status}),e)).catch(e=>{this.setState({fetchInfoTxt:"收到错误: "+e})})}setCookies(){s.NetworkModule.setCookie("https://hippyjs.org","name=hippy;network=mobile")}getCookies(){s.NetworkModule.getCookies("https://hippyjs.org").then(e=>{this.setState({cookies:e})})}async componentWillMount(){const e=this;this.listener=s.NetInfo.addEventListener("change",t=>{e.setState({netInfoChangeTxt:""+t.network_info})})}componentWillUnmount(){this.listener&&s.NetInfo.removeEventListener("change",this.listener)}componentDidMount(){this.fetchUrl(),this.fetchNetInfoStatus()}render(){const{netInfoStatusTxt:e,fetchInfoTxt:t,netInfoChangeTxt:n,cookies:o}=this.state,r=e=>l.a.createElement(s.View,{style:St.itemTitle},l.a.createElement(s.Text,null,e));return l.a.createElement(s.ScrollView,{style:{paddingHorizontal:10}},r("Fetch"),l.a.createElement(s.View,{style:[St.wrapper]},l.a.createElement(s.View,{style:[St.infoContainer]},l.a.createElement(s.View,{style:{backgroundColor:"grey",padding:10,borderRadius:10,marginRight:10},onClick:()=>this.fetchUrl()},l.a.createElement(s.Text,{style:{color:"white"}},"请求 hippy 网址:")),l.a.createElement(s.Text,{style:St.infoText},t))),r("NetInfo"),l.a.createElement(s.View,{style:[St.wrapper]},l.a.createElement(s.View,{style:[St.infoContainer]},l.a.createElement(s.View,{style:{backgroundColor:"grey",padding:10,borderRadius:10,marginRight:10},onClick:()=>this.fetchNetInfoStatus()},l.a.createElement(s.Text,{style:{color:"white"}},"获取网络状态:")),l.a.createElement(s.Text,{style:St.infoText},e)),l.a.createElement(s.View,{style:[St.infoContainer]},l.a.createElement(s.View,{style:{backgroundColor:"grey",padding:10,borderRadius:10,marginRight:10}},l.a.createElement(s.Text,{style:{color:"white"}},"监听网络变化:")),l.a.createElement(s.Text,{style:St.infoText},n))),r("NetworkModule"),l.a.createElement(s.View,{style:[St.wrapper]},l.a.createElement(s.View,{style:[St.infoContainer]},l.a.createElement(s.View,{style:{backgroundColor:"grey",padding:10,borderRadius:10,marginRight:10},onClick:()=>this.setCookies()},l.a.createElement(s.Text,{style:{color:"white"}},"设置Cookies：")),l.a.createElement(s.Text,{style:St.infoText},"name=hippy;network=mobile")),l.a.createElement(s.View,{style:[St.infoContainer]},l.a.createElement(s.View,{style:{backgroundColor:"grey",padding:10,borderRadius:10,marginRight:10},onClick:()=>this.getCookies()},l.a.createElement(s.Text,{style:{color:"white"}},"获取Cookies：")),l.a.createElement(s.Text,{style:St.infoText},o))))}}const Et=s.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"}}),At="wss://echo.websocket.org",Ct="Rock it with Hippy WebSocket";let Tt;var Vt=function(){const e=Object(a.useRef)(null),t=Object(a.useRef)(null),[n,o]=Object(a.useState)([]),r=e=>{o(t=>[e,...t])};return l.a.createElement(s.View,{style:Et.fullScreen},l.a.createElement(s.View,null,l.a.createElement(s.Text,{style:Et.title},"Url:"),l.a.createElement(s.TextInput,{ref:e,value:At,style:Et.input}),l.a.createElement(s.View,{style:Et.row},l.a.createElement(s.Text,{onClick:()=>{e.current.getValue().then(e=>{Tt&&1===Tt.readyState&&Tt.close(),Tt=new WebSocket(e),Tt.onopen=()=>r("[Opened] "+Tt.url),Tt.onclose=()=>r("[Closed] "+Tt.url),Tt.onerror=e=>r("[Error] "+e.reason),Tt.onmessage=e=>r("[Received] "+e.data)})},style:Et.button},"Connect"),l.a.createElement(s.Text,{onClick:()=>Tt.close(),style:Et.button},"Disconnect"))),l.a.createElement(s.View,null,l.a.createElement(s.Text,{style:Et.title},"Message:"),l.a.createElement(s.TextInput,{ref:t,value:Ct,style:Et.input}),l.a.createElement(s.Text,{onClick:()=>t.current.getValue().then(e=>{r("[Sent] "+e),Tt.send(e)}),style:Et.button},"Send")),l.a.createElement(s.View,null,l.a.createElement(s.Text,{style:Et.title},"Log:"),l.a.createElement(s.ScrollView,{style:Et.fullScreen},n.map((e,t)=>l.a.createElement(s.Text,{key:t,style:Et.output},e)))))};function vt(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 kt(e){for(var t=1;t{const e=s.Dimensions.get("screen");({width:t,height:n}=e)});const[o,r]=Object(a.useState)({width:100,height:100,top:10,left:10}),[i,c]=Object(a.useState)({width:0,height:0,x:0,y:0}),h=async(t=!1)=>{try{const n=await s.UIManagerModule.getBoundingClientRect(e.current,{relToContainer:t});c(n)}catch(e){console.error("getBoxPosition error",e)}},u=kt(kt({},Rt.box),o);return l.a.createElement(s.View,{style:Rt.full},l.a.createElement(s.View,{style:Rt.demoContent},l.a.createElement(s.View,{ref:e,style:u},l.a.createElement(s.Text,{style:Rt.text,numberOfLines:2},"I am the box"))),l.a.createElement(s.View,{style:Rt.buttonContainer},l.a.createElement(s.View,{onClick:()=>{const e=It(0,t-100),o=It(0,n-450),i=It(80,120);r({left:e,top:o,width:i,height:i})},style:Rt.button},l.a.createElement(s.Text,{style:Rt.buttonText},"Move position")),l.a.createElement(s.View,{onClick:()=>h(!1),style:Rt.button},l.a.createElement(s.Text,{style:Rt.buttonText},"Measure in App Window")),l.a.createElement(s.View,{onClick:()=>h(!0),style:Rt.button},l.a.createElement(s.Text,{style:Rt.buttonText},"Measure in Container(RootView)"))),l.a.createElement(s.View,{style:Rt.row},l.a.createElement(s.View,null,l.a.createElement(s.Text,null,"Box style:"),l.a.createElement(s.Text,{style:Rt.black},"Width: "+u.width),l.a.createElement(s.Text,{style:Rt.black},"Height: "+u.height),l.a.createElement(s.Text,{style:Rt.black},"Left: "+u.left),l.a.createElement(s.Text,{style:Rt.black},"Top: "+u.top)),l.a.createElement(s.View,null,l.a.createElement(s.Text,null,"getBoundingClientRect output:"),l.a.createElement(s.Text,{style:Rt.black},"Width: "+i.width),l.a.createElement(s.Text,{style:Rt.black},"Height: "+i.height),l.a.createElement(s.Text,{style:Rt.black},"X: "+i.x),l.a.createElement(s.Text,{style:Rt.black},"Y: "+i.y))))};const Ot=s.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 Pt extends l.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&&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),l.a.createElement(Pt,{ref:e=>{this.indicator=e},count:this.itemCount}))}}H()(jt,"defaultProps",{duration:0,currentPage:0,images:[]});const Lt=["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"],Bt=s.StyleSheet.create({sliderStyle:{width:400,height:180},infoStyle:{height:40,fontSize:16,color:"#4c9afa",marginTop:15}});function Mt(){return l.a.createElement(s.ScrollView,null,l.a.createElement(s.Text,{style:Bt.infoStyle},"Auto:"),l.a.createElement(jt,{style:Bt.sliderStyle,images:Lt,duration:1e3}),l.a.createElement(s.Text,{style:Bt.infoStyle},"Manual:"),l.a.createElement(jt,{style:Bt.sliderStyle,images:Lt,duration:0}))}const zt=s.StyleSheet.create({container:{height:45,paddingLeft:4,flexDirection:"row",backgroundColor:"#ffffff",borderBottomColor:"#E5E5E5",borderBottomWidth:1,borderStyle:"solid"},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 Ft extends l.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 Ge(e);case 1:return Qe(e);case 2:return qe(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=de.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 l.a.createElement(s.View,{style:zt.container},l.a.createElement(s.ScrollView,{style:zt.scroll,horizontal:!0,showsHorizontalScrollIndicator:!1,ref:e=>{this.navScrollView=e}},e.map((e,n)=>l.a.createElement(s.View,{style:zt.navItem,key:"nav_"+e,activeOpacity:.5,onClick:()=>this.pressNavItem(n)},l.a.createElement(s.Text,{style:[zt.navItemText,t===n?zt.navItemTextBlue:zt.navItemTextNormal],numberOfLines:1},e)))))}render(){const{navList:e}=this.state;return l.a.createElement(s.View,{style:{flex:1,backgroundColor:"#ffffff"}},this.renderNav(),l.a.createElement(s.ViewPager,{ref:e=>{this.viewPager=e},style:{flex:1},initialPage:0,onPageSelected:this.onViewPagerChange},e.map((e,t)=>Ft.getPage(e,t))))}}const{width:_t}=s.Dimensions.get("window"),Ht=s.StyleSheet.create({setNativePropsDemo:{display:"flex",alignItems:"center",position:"relative"},nativeDemo1Drag:{height:80,width:_t,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo1Point:{height:80,width:80,color:"#4cccfa",backgroundColor:"#4cccfa",position:"absolute",left:0},nativeDemo2Drag:{height:80,width:_t,backgroundColor:"#4c9afa",position:"relative",marginTop:10},nativeDemo2Point:{height:80,width:80,color:"#4cccfa",backgroundColor:"#4cccfa",position:"absolute",left:0},splitter:{marginTop:50}});class Wt extends l.a.Component{constructor(e){super(e),this.demon1Point=l.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=s.UIManagerModule.getElementFromFiberRef(this.demon1Point.current))}onTouchDown1(e){const{page_x:t}=e,n=t-40;console.log("touchdown x",t,n,_t),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}onTouchMove1(e){const{page_x:t}=e,n=t-40;console.log("touchmove x",t,n,_t),this.demo1PointDom&&this.demo1PointDom.setNativeProps({style:{left:n}})}onTouchDown2(e){const{page_x:t}=e,n=t-40;console.log("touchdown x",t,n,_t),this.setState({demo2Left:n})}onTouchMove2(e){const{page_x:t}=e,n=t-40;console.log("touchmove x",t,n,_t),this.setState({demo2Left:n})}render(){const{demo2Left:e}=this.state;return l.a.createElement(s.View,{style:Ht.setNativePropsDemo},l.a.createElement(s.Text,null,"setNativeProps实现拖动效果"),l.a.createElement(s.View,{style:Ht.nativeDemo1Drag,onTouchDown:this.onTouchDown1,onTouchMove:this.onTouchMove1},l.a.createElement(s.View,{onLayout:this.onDemon1Layout,style:Ht.nativeDemo1Point,ref:this.demon1Point})),l.a.createElement(s.View,{style:Ht.splitter}),l.a.createElement(s.Text,null,"普通渲染实现拖动效果"),l.a.createElement(s.View,{style:Ht.nativeDemo2Drag,onTouchDown:this.onTouchDown2,onTouchMove:this.onTouchMove2},l.a.createElement(s.View,{style:[Ht.nativeDemo2Point,{left:e}]})))}}const Nt=s.StyleSheet.create({dynamicImportDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}});class Kt extends l.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 l.a.createElement(s.View,{style:Nt.dynamicImportDemo},l.a.createElement(s.View,{style:{width:130,height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},l.a.createElement(s.Text,{style:{height:40,lineHeight:40,textAlign:"center"}},"点我异步加载")),l.a.createElement(s.View,{style:{marginTop:20}},e?l.a.createElement(e,null):null,t?l.a.createElement(t,null):null))}}const Ut=s.StyleSheet.create({LocalizationDemo:{marginTop:20,display:"flex",flex:1,alignItems:"center",position:"relative",flexDirection:"column"}});class Gt extends l.a.Component{render(){const{country:e,language:t,direction:n}=s.Platform.Localization||{};return l.a.createElement(s.View,{style:Ut.LocalizationDemo},l.a.createElement(s.View,{style:{height:40,textAlign:"center",backgroundColor:"#4c9afa",borderRadius:5},onTouchDown:this.onAsyncComponentLoad},l.a.createElement(s.Text,{style:{color:"white",marginHorizontal:30,height:40,lineHeight:40,textAlign:"center"}},`国际化相关信息：国家 ${e} | 语言 ${t} | 方向 ${1===n?"RTL":"LTR"}`)))}}const qt=()=>getTurboModule("demoTurbo").getTurboConfig(),Qt=s.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 Yt extends l.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=qt(),t="获取到config对象";else if("printTurboConfig"===e)n=this.config||qt(),t=getTurboModule("demoTurbo").printTurboConfig(n);else if("getInfo"===e)t=(this.config||qt()).getInfo();else if("setInfo"===e)(this.config||qt()).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 l.a.createElement(s.View,{style:Qt.resultView},l.a.createElement(s.Text,{style:{backgroundColor:"darkseagreen"}},""+this.state.result))}getRenderRow(e){const{funList:t}=this.state;return l.a.createElement(s.View,{style:Qt.cellContentView},l.a.createElement(s.View,{style:Qt.funcInfo},l.a.createElement(s.Text,{numberofLines:0},"函数名：",t[e])),l.a.createElement(s.Text,{style:Qt.actionButton,onClick:()=>this.onTurboFunc(t[e])},"执行"))}getRowKey(e){const{funList:t}=this.state;return t[e]}render(){const{funList:e}=this.state;return l.a.createElement(s.View,{style:Qt.container},this.renderResultView(),l.a.createElement(s.ListView,{numberOfRows:e.length,renderRow:this.getRenderRow,getRowKey:this.getRowKey,style:{flex:1}}))}}function Xt(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 Jt(e){for(var t=1;t0===e.index?l.a.createElement(s.View,{style:[nn.container]},l.a.createElement(s.View,{style:{backgroundColor:nn.title.backgroundColor,marginLeft:12}},l.a.createElement(s.Text,{numberOfLines:1,style:[nn.title,{fontWeight:"bold"}]},t.name)),l.a.createElement(s.View,{style:nn.headerButton},l.a.createElement(s.Text,{numberOfLines:1,style:nn.title},"ver: ","unspecified"!==s.default.version?""+s.default.version:"master"))):l.a.createElement(s.View,{style:[nn.container]},l.a.createElement(s.View,{onClick:()=>e.goBack(),style:[nn.headerButton,"ios"===s.Platform.OS?null:{marginLeft:20}]},l.a.createElement(s.Image,{style:nn.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"}})),l.a.createElement(s.View,{style:nn.headerButton},l.a.createElement(s.Text,{numberOfLines:1,style:nn.title},t.name))));const rn="#4c9afa",an="#f44837",ln=s.StyleSheet.create({rowContainer:{alignItems:"center"},buttonView:{borderColor:rn,borderWidth:2,borderRadius:8,justifyContent:"center",alignItems:"center",width:250,height:50,marginTop:30,borderStyle:"solid"},buttonText:{fontSize:20,color:rn,textAlign:"center",textAlignVertical:"center"}});class sn extends a.Component{constructor(e){super(e),this.state={pressItem:"",dataSource:[...$t]},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"===s.Platform.OS&&s.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 l.a.createElement(s.View,{style:ln.rowContainer},l.a.createElement(s.View,{onPressIn:()=>this.feedback(o.path),onPressOut:()=>this.feedback(),onClick:()=>this.clickTo(o.path),style:[ln.buttonView,{borderColor:1===r?rn:an,opacity:n===o.path?.5:1}]},l.a.createElement(s.Text,{style:[ln.buttonText,{color:1===r?rn:an}]},o.name)))}render(){const{dataSource:e}=this.state;return l.a.createElement(s.ListView,{style:{flex:1,backgroundColor:"#ffffff"},numberOfRows:e.length,renderRow:this.renderRow,getRowType:this.getRowType,getRowKey:this.getRowKey})}}const cn=[{path:"/Gallery",name:"Hippy React",component:F(sn),meta:{style:1}},...$t];var hn=()=>l.a.createElement(s.View,{style:{flex:1,backgroundColor:"#fff"}},l.a.createElement(R,{initialEntries:["/Gallery"]},cn.map(e=>{const t=e.component;return l.a.createElement(P,{key:e.path,exact:!0,path:""+e.path},l.a.createElement(s.View,{style:{flex:1,backgroundColor:"#fff"}},l.a.createElement(on,{route:e}),l.a.createElement(t,{meta:e.meta||{}})))})));const un=s.StyleSheet.create({stepText:{color:"#242424",marginBottom:12},container:{flex:1,backgroundColor:"#fff",justifyContent:"center",flexDirection:"column",padding:20},button:{width:140,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"},inputStyle:{width:350,marginTop:30,marginBottom:10,placeholderTextColor:"#aaaaaa",fontSize:16,color:"#242424",height:80,lineHeight:30,borderColor:"#eee",borderWidth:1,borderStyle:"solid"}});function dn({instanceId:e}){const t=Object(a.useRef)(null),n=()=>{t.current.blur()};return l.a.createElement(s.ScrollView,{style:un.container,onClick:n},["安装远程调试依赖： npm i -D @hippy/debug-server-next@latest","修改 webpack 配置，添加远程调试地址","运行 npm run hippy:dev 开始编译，编译结束后打印出 bundleUrl 及调试首页地址","粘贴 bundleUrl 并点击开始按钮","访问调试首页开始远程调试，远程调试支持热更新（HMR）"].map((e,t)=>l.a.createElement(s.Text,{style:un.stepText,key:"steps-"+t},t+1,". ",e)),l.a.createElement(s.TextInput,{ref:t,style:un.inputStyle,placeholder:"please input bundleUrl",multiline:!0,numberOfLines:4,defaultValue:"http://127.0.0.1:38989/index.bundle?debugUrl=ws%3A%2F%2F127.0.0.1%3A38989%2Fdebugger-proxy"}),l.a.createElement(s.View,{style:un.buttonContainer},l.a.createElement(s.View,{style:un.button,onClick:()=>{n(),t.current.getValue().then(t=>{t&&Object(s.callNative)("TestModule","remoteDebug",e,t)})}},l.a.createElement(s.Text,{style:un.buttonText,numberOfLines:1},"开始"))))}const mn=s.StyleSheet.create({container:{flex:1}});class gn extends a.Component{constructor(e){super(e);const{width:t,height:n}=s.Dimensions.get("screen");this.state={isVertical:t{switch(e){case 0:return l.a.createElement(hn,null);case 1:return l.a.createElement(dn,{instanceId:t});default:return l.a.createElement(s.View,{style:fn.blankPage})}})(),l.a.createElement(s.View,{style:fn.buttonContainer},(()=>["API","调试"].map((t,n)=>l.a.createElement(s.View,{key:"button_"+n,style:fn.button,onClick:()=>this.setState({pageIndex:n})},l.a.createElement(s.Text,{style:[fn.buttonText,n===e?{color:"#4c9afa"}:null],numberOfLines:1},t))))()))}}},"./src/main.js":function(e,t,n){"use strict";n.r(t),function(e){var t=n("../../packages/hippy-react/dist/index.js"),o=n("./src/app.jsx");e.Hippy.on("uncaughtException",e=>{console.error("uncaughtException error",e.stack,e.message)}),e.Hippy.on("unhandledRejection",e=>{console.error("unhandledRejection reason",e)}),new t.Hippy({appName:"Demo",entryPage:o.a,bubbles:!1,silent:!1}).start()}.call(this,n("./node_modules/webpack/buildin/global.js"))},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 +!function(e){function t(t){for(var o,r,a=t[0],c=t[1],l=0,s=[];l0===l.indexOf(e))){var i=l.split("/"),s=i[i.length-1],d=s.split(".")[0];(u=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[d])&&(l=u+s)}else{var u;d=l.split(".")[0];(u=global.__DYNAMIC_LOAD_CUSTOM_PATH_MAP__[d])&&(l=u+l)}onScriptComplete=function(t){if(t instanceof Error){t.message+=", load chunk "+e+" failed, path is "+l;var o=n[e];0!==o&&o&&o[1](t),n[e]=void 0}},global.dynamicLoad(l,onScriptComplete)}return Promise.all(t)},r.m=e,r.c=o,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},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 a=(0,eval)("this").webpackJsonp=(0,eval)("this").webpackJsonp||[],c=a.push.bind(a);a.push=t,a=a.slice();for(var l=0;l(a.push(e),()=>{const t=a.indexOf(e);t>-1&&a.splice(t,1)}),destroy(){a=[],t=[""],o=0},go(e,c=!0){const l=this.location,i=e<0?r.back:r.forward;o=Math.max(0,Math.min(o+e,t.length-1)),c&&function(e,t,{direction:o,delta:r}){const c={direction:o,delta:r,type:n.pop};for(const o of a)o(e,t,c)}(this.location,l,{direction:i,delta:e})},get position(){return o}};return Object.defineProperty(i,"location",{enumerable:!0,get:()=>t[o]}),i}t.createHippyHistory=u,t.createHippyRouter=function(e){var t;const o=a.createRouter({history:null!==(t=e.history)&&void 0!==t?t:u(),routes:e.routes});return e.noInjectAndroidHardwareBackPress||function(e){if(c.Native.isAndroid()){c.BackAndroid.addListener((function(){const{position:t}=e.options.history;if(t>0)return e.back(),!0}))}}(o),o},Object.keys(a).forEach((function(e){"default"===e||t.hasOwnProperty(e)||Object.defineProperty(t,e,{enumerable:!0,get:function(){return a[e]}})}))},"./node_modules/@vue/compiler-dom/dist/compiler-dom.esm-bundler.js":function(e,t,o){"use strict";o.r(t),o.d(t,"generateCodeFrame",(function(){return n.generateCodeFrame})),o.d(t,"BASE_TRANSITION",(function(){return u})),o.d(t,"CAMELIZE",(function(){return N})),o.d(t,"CAPITALIZE",(function(){return V})),o.d(t,"CREATE_BLOCK",(function(){return f})),o.d(t,"CREATE_COMMENT",(function(){return v})),o.d(t,"CREATE_ELEMENT_BLOCK",(function(){return b})),o.d(t,"CREATE_ELEMENT_VNODE",(function(){return m})),o.d(t,"CREATE_SLOTS",(function(){return A})),o.d(t,"CREATE_STATIC",(function(){return g})),o.d(t,"CREATE_TEXT",(function(){return h})),o.d(t,"CREATE_VNODE",(function(){return y})),o.d(t,"FRAGMENT",(function(){return l})),o.d(t,"GUARD_REACTIVE_PROPS",(function(){return L})),o.d(t,"IS_MEMO_SAME",(function(){return W})),o.d(t,"IS_REF",(function(){return F})),o.d(t,"KEEP_ALIVE",(function(){return d})),o.d(t,"MERGE_PROPS",(function(){return E})),o.d(t,"NORMALIZE_CLASS",(function(){return T})),o.d(t,"NORMALIZE_PROPS",(function(){return I})),o.d(t,"NORMALIZE_STYLE",(function(){return P})),o.d(t,"OPEN_BLOCK",(function(){return p})),o.d(t,"POP_SCOPE_ID",(function(){return Y})),o.d(t,"PUSH_SCOPE_ID",(function(){return B})),o.d(t,"RENDER_LIST",(function(){return k})),o.d(t,"RENDER_SLOT",(function(){return w})),o.d(t,"RESOLVE_COMPONENT",(function(){return j})),o.d(t,"RESOLVE_DIRECTIVE",(function(){return _})),o.d(t,"RESOLVE_DYNAMIC_COMPONENT",(function(){return O})),o.d(t,"RESOLVE_FILTER",(function(){return S})),o.d(t,"SET_BLOCK_TRACKING",(function(){return M})),o.d(t,"SUSPENSE",(function(){return s})),o.d(t,"TELEPORT",(function(){return i})),o.d(t,"TO_DISPLAY_STRING",(function(){return C})),o.d(t,"TO_HANDLERS",(function(){return R})),o.d(t,"TO_HANDLER_KEY",(function(){return D})),o.d(t,"UNREF",(function(){return U})),o.d(t,"WITH_CTX",(function(){return H})),o.d(t,"WITH_DIRECTIVES",(function(){return x})),o.d(t,"WITH_MEMO",(function(){return z})),o.d(t,"advancePositionWithClone",(function(){return ke})),o.d(t,"advancePositionWithMutation",(function(){return we})),o.d(t,"assert",(function(){return Ae})),o.d(t,"baseCompile",(function(){return qo})),o.d(t,"baseParse",(function(){return Xe})),o.d(t,"buildDirectiveArgs",(function(){return wo})),o.d(t,"buildProps",(function(){return So})),o.d(t,"buildSlots",(function(){return ho})),o.d(t,"checkCompatEnabled",(function(){return Ge})),o.d(t,"createArrayExpression",(function(){return Q})),o.d(t,"createAssignmentExpression",(function(){return de})),o.d(t,"createBlockStatement",(function(){return le})),o.d(t,"createCacheExpression",(function(){return ce})),o.d(t,"createCallExpression",(function(){return ne})),o.d(t,"createCompilerError",(function(){return c})),o.d(t,"createCompoundExpression",(function(){return oe})),o.d(t,"createConditionalExpression",(function(){return ae})),o.d(t,"createForLoopParams",(function(){return fo})),o.d(t,"createFunctionExpression",(function(){return re})),o.d(t,"createIfStatement",(function(){return se})),o.d(t,"createInterpolation",(function(){return te})),o.d(t,"createObjectExpression",(function(){return X})),o.d(t,"createObjectProperty",(function(){return Z})),o.d(t,"createReturnStatement",(function(){return pe})),o.d(t,"createRoot",(function(){return q})),o.d(t,"createSequenceExpression",(function(){return ue})),o.d(t,"createSimpleExpression",(function(){return ee})),o.d(t,"createStructuralDirectiveTransform",(function(){return Lt})),o.d(t,"createTemplateLiteral",(function(){return ie})),o.d(t,"createTransformContext",(function(){return Tt})),o.d(t,"createVNodeCall",(function(){return J})),o.d(t,"extractIdentifiers",(function(){return $t})),o.d(t,"findDir",(function(){return Ce})),o.d(t,"findProp",(function(){return Ee})),o.d(t,"generate",(function(){return Nt})),o.d(t,"getBaseTransformPreset",(function(){return $o})),o.d(t,"getConstantType",(function(){return xt})),o.d(t,"getInnerRange",(function(){return xe})),o.d(t,"getMemoedVNodeCall",(function(){return Ue})),o.d(t,"getVNodeBlockHelper",(function(){return De})),o.d(t,"getVNodeHelper",(function(){return Ve})),o.d(t,"hasDynamicKeyVBind",(function(){return Pe})),o.d(t,"hasScopeRef",(function(){return He})),o.d(t,"helperNameMap",(function(){return K})),o.d(t,"injectProp",(function(){return Be})),o.d(t,"isBuiltInType",(function(){return be})),o.d(t,"isCoreComponent",(function(){return ye})),o.d(t,"isFunctionType",(function(){return qt})),o.d(t,"isInDestructureAssignment",(function(){return Wt})),o.d(t,"isMemberExpression",(function(){return Se})),o.d(t,"isMemberExpressionBrowser",(function(){return Oe})),o.d(t,"isMemberExpressionNode",(function(){return _e})),o.d(t,"isReferencedIdentifier",(function(){return zt})),o.d(t,"isSimpleIdentifier",(function(){return ve})),o.d(t,"isSlotOutlet",(function(){return Ne})),o.d(t,"isStaticArgOf",(function(){return Te})),o.d(t,"isStaticExp",(function(){return fe})),o.d(t,"isStaticProperty",(function(){return Jt})),o.d(t,"isStaticPropertyKey",(function(){return Qt})),o.d(t,"isTemplateNode",(function(){return Re})),o.d(t,"isText",(function(){return Ie})),o.d(t,"isVSlot",(function(){return Le})),o.d(t,"locStub",(function(){return $})),o.d(t,"makeBlock",(function(){return Fe})),o.d(t,"noopDirectiveTransform",(function(){return Jo})),o.d(t,"processExpression",(function(){return Zt})),o.d(t,"processFor",(function(){return co})),o.d(t,"processIf",(function(){return to})),o.d(t,"processSlotOutlet",(function(){return Po})),o.d(t,"registerRuntimeHelpers",(function(){return G})),o.d(t,"resolveComponentType",(function(){return _o})),o.d(t,"toValidAssetId",(function(){return Ye})),o.d(t,"trackSlotScopes",(function(){return yo})),o.d(t,"trackVForSlotScopes",(function(){return mo})),o.d(t,"transform",(function(){return Pt})),o.d(t,"transformBind",(function(){return Ro})),o.d(t,"transformElement",(function(){return Oo})),o.d(t,"transformExpression",(function(){return Xt})),o.d(t,"transformModel",(function(){return Bo})),o.d(t,"transformOn",(function(){return Lo})),o.d(t,"traverseNode",(function(){return It})),o.d(t,"walkBlockDeclarations",(function(){return Gt})),o.d(t,"walkFunctionParams",(function(){return Kt})),o.d(t,"walkIdentifiers",(function(){return Ft})),o.d(t,"warnDeprecation",(function(){return $e})),o.d(t,"DOMDirectiveTransforms",(function(){return On})),o.d(t,"DOMNodeTransforms",(function(){return jn})),o.d(t,"TRANSITION",(function(){return an})),o.d(t,"TRANSITION_GROUP",(function(){return cn})),o.d(t,"V_MODEL_CHECKBOX",(function(){return Xo})),o.d(t,"V_MODEL_DYNAMIC",(function(){return tn})),o.d(t,"V_MODEL_RADIO",(function(){return Qo})),o.d(t,"V_MODEL_SELECT",(function(){return en})),o.d(t,"V_MODEL_TEXT",(function(){return Zo})),o.d(t,"V_ON_WITH_KEYS",(function(){return nn})),o.d(t,"V_ON_WITH_MODIFIERS",(function(){return on})),o.d(t,"V_SHOW",(function(){return rn})),o.d(t,"compile",(function(){return _n})),o.d(t,"createDOMCompilerError",(function(){return fn})),o.d(t,"parse",(function(){return Sn})),o.d(t,"parserOptions",(function(){return dn})),o.d(t,"transformStyle",(function(){return un}));var n=o("./node_modules/@vue/shared/dist/shared.esm-bundler.js");function r(e){throw e}function a(e){}function c(e,t,o,n){const r=new SyntaxError(String(e));return r.code=e,r.loc=t,r}const l=Symbol(""),i=Symbol(""),s=Symbol(""),d=Symbol(""),u=Symbol(""),p=Symbol(""),f=Symbol(""),b=Symbol(""),y=Symbol(""),m=Symbol(""),v=Symbol(""),h=Symbol(""),g=Symbol(""),j=Symbol(""),O=Symbol(""),_=Symbol(""),S=Symbol(""),x=Symbol(""),k=Symbol(""),w=Symbol(""),A=Symbol(""),C=Symbol(""),E=Symbol(""),T=Symbol(""),P=Symbol(""),I=Symbol(""),L=Symbol(""),R=Symbol(""),N=Symbol(""),V=Symbol(""),D=Symbol(""),M=Symbol(""),B=Symbol(""),Y=Symbol(""),H=Symbol(""),U=Symbol(""),F=Symbol(""),z=Symbol(""),W=Symbol(""),K={[l]:"Fragment",[i]:"Teleport",[s]:"Suspense",[d]:"KeepAlive",[u]:"BaseTransition",[p]:"openBlock",[f]:"createBlock",[b]:"createElementBlock",[y]:"createVNode",[m]:"createElementVNode",[v]:"createCommentVNode",[h]:"createTextVNode",[g]:"createStaticVNode",[j]:"resolveComponent",[O]:"resolveDynamicComponent",[_]:"resolveDirective",[S]:"resolveFilter",[x]:"withDirectives",[k]:"renderList",[w]:"renderSlot",[A]:"createSlots",[C]:"toDisplayString",[E]:"mergeProps",[T]:"normalizeClass",[P]:"normalizeStyle",[I]:"normalizeProps",[L]:"guardReactiveProps",[R]:"toHandlers",[N]:"camelize",[V]:"capitalize",[D]:"toHandlerKey",[M]:"setBlockTracking",[B]:"pushScopeId",[Y]:"popScopeId",[H]:"withCtx",[U]:"unref",[F]:"isRef",[z]:"withMemo",[W]:"isMemoSame"};function G(e){Object.getOwnPropertySymbols(e).forEach(t=>{K[t]=e[t]})}const $={source:"",start:{line:1,column:1,offset:0},end:{line:1,column:1,offset:0}};function q(e,t=$){return{type:0,children:e,helpers:[],components:[],directives:[],hoists:[],imports:[],cached:0,temps:0,codegenNode:void 0,loc:t}}function J(e,t,o,n,r,a,c,l=!1,i=!1,s=!1,d=$){return e&&(l?(e.helper(p),e.helper(De(e.inSSR,s))):e.helper(Ve(e.inSSR,s)),c&&e.helper(x)),{type:13,tag:t,props:o,children:n,patchFlag:r,dynamicProps:a,directives:c,isBlock:l,disableTracking:i,isComponent:s,loc:d}}function Q(e,t=$){return{type:17,loc:t,elements:e}}function X(e,t=$){return{type:15,loc:t,properties:e}}function Z(e,t){return{type:16,loc:$,key:Object(n.isString)(e)?ee(e,!0):e,value:t}}function ee(e,t=!1,o=$,n=0){return{type:4,loc:o,content:e,isStatic:t,constType:t?3:n}}function te(e,t){return{type:5,loc:t,content:Object(n.isString)(e)?ee(e,!1,t):e}}function oe(e,t=$){return{type:8,loc:t,children:e}}function ne(e,t=[],o=$){return{type:14,loc:o,callee:e,arguments:t}}function re(e,t,o=!1,n=!1,r=$){return{type:18,params:e,returns:t,newline:o,isSlot:n,loc:r}}function ae(e,t,o,n=!0){return{type:19,test:e,consequent:t,alternate:o,newline:n,loc:$}}function ce(e,t,o=!1){return{type:20,index:e,value:t,isVNode:o,loc:$}}function le(e){return{type:21,body:e,loc:$}}function ie(e){return{type:22,elements:e,loc:$}}function se(e,t,o){return{type:23,test:e,consequent:t,alternate:o,loc:$}}function de(e,t){return{type:24,left:e,right:t,loc:$}}function ue(e){return{type:25,expressions:e,loc:$}}function pe(e){return{type:26,returns:e,loc:$}}const fe=e=>4===e.type&&e.isStatic,be=(e,t)=>e===t||e===Object(n.hyphenate)(t);function ye(e){return be(e,"Teleport")?i:be(e,"Suspense")?s:be(e,"KeepAlive")?d:be(e,"BaseTransition")?u:void 0}const me=/^\d|[^\$\w]/,ve=e=>!me.test(e),he=/[A-Za-z_$\xA0-\uFFFF]/,ge=/[\.\?\w$\xA0-\uFFFF]/,je=/\s+[.[]\s*|\s*[.[]\s+/g,Oe=e=>{e=e.trim().replace(je,e=>e.trim());let t=0,o=[],n=0,r=0,a=null;for(let c=0;c!(7!==e.type||"bind"!==e.name||e.arg&&4===e.arg.type&&e.arg.isStatic))}function Ie(e){return 5===e.type||2===e.type}function Le(e){return 7===e.type&&"slot"===e.name}function Re(e){return 1===e.type&&3===e.tagType}function Ne(e){return 1===e.type&&2===e.tagType}function Ve(e,t){return e||t?y:m}function De(e,t){return e||t?f:b}const Me=new Set([I,L]);function Be(e,t,o){let r,a,c=13===e.type?e.props:e.arguments[2],l=[];if(c&&!Object(n.isString)(c)&&14===c.type){const e=function e(t,o=[]){if(t&&!Object(n.isString)(t)&&14===t.type){const r=t.callee;if(!Object(n.isString)(r)&&Me.has(r))return e(t.arguments[0],o.concat(t))}return[t,o]}(c);c=e[0],l=e[1],a=l[l.length-1]}if(null==c||Object(n.isString)(c))r=X([t]);else if(14===c.type){const e=c.arguments[0];Object(n.isString)(e)||15!==e.type?c.callee===R?r=ne(o.helper(E),[X([t]),c]):c.arguments.unshift(X([t])):e.properties.unshift(t),!r&&(r=c)}else if(15===c.type){let e=!1;if(4===t.key.type){const o=t.key.content;e=c.properties.some(e=>4===e.key.type&&e.key.content===o)}e||c.properties.unshift(t),r=c}else r=ne(o.helper(E),[X([t]),c]),a&&a.callee===L&&(a=l[l.length-2]);13===e.type?a?a.arguments[0]=r:e.props=r:a?a.arguments[0]=r:e.arguments[2]=r}function Ye(e,t){return`_${t}_${e.replace(/[^\w]/g,(t,o)=>"-"===t?"_":e.charCodeAt(o).toString())}`}function He(e,t){if(!e||0===Object.keys(t).length)return!1;switch(e.type){case 1:for(let o=0;oHe(e,t));case 11:return!!He(e.source,t)||e.children.some(e=>He(e,t));case 9:return e.branches.some(e=>He(e,t));case 10:return!!He(e.condition,t)||e.children.some(e=>He(e,t));case 4:return!e.isStatic&&ve(e.content)&&!!t[e.content];case 8:return e.children.some(e=>Object(n.isObject)(e)&&He(e,t));case 5:case 12:return He(e.content,t);case 2:case 3:default:return!1}}function Ue(e){return 14===e.type&&e.callee===z?e.arguments[1].returns:e}function Fe(e,{helper:t,removeHelper:o,inSSR:n}){e.isBlock||(e.isBlock=!0,o(Ve(n,e.isComponent)),t(p),t(De(n,e.isComponent)))}const ze={COMPILER_IS_ON_ELEMENT:{message:'Platform-native elements with "is" prop will no longer be treated as components in Vue 3 unless the "is" value is explicitly prefixed with "vue:".',link:"https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html"},COMPILER_V_BIND_SYNC:{message:e=>`.sync modifier for v-bind has been removed. Use v-model with argument instead. \`v-bind:${e}.sync\` should be changed to \`v-model:${e}\`.`,link:"https://v3-migration.vuejs.org/breaking-changes/v-model.html"},COMPILER_V_BIND_PROP:{message:".prop modifier for v-bind has been removed and no longer necessary. Vue 3 will automatically set a binding as DOM property when appropriate."},COMPILER_V_BIND_OBJECT_ORDER:{message:'v-bind="obj" usage is now order sensitive and behaves like JavaScript object spread: it will now overwrite an existing non-mergeable attribute that appears before v-bind in the case of conflict. To retain 2.x behavior, move v-bind to make it the first attribute. You can also suppress this warning if the usage is intended.',link:"https://v3-migration.vuejs.org/breaking-changes/v-bind.html"},COMPILER_V_ON_NATIVE:{message:".native modifier for v-on has been removed as is no longer necessary.",link:"https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html"},COMPILER_V_IF_V_FOR_PRECEDENCE:{message:"v-if / v-for precedence when used on the same element has changed in Vue 3: v-if now takes higher precedence and will no longer have access to v-for scope variables. It is best to avoid the ambiguity with