Repository: thundersdata-frontend/td-design
Branch: master
Commit: f803d835ae93
Files: 998
Total size: 4.4 MB

Directory structure:
gitextract_oitcubhd/

├── .changeset/
│   ├── README.md
│   └── config.json
├── .commitlintrc.js
├── .cz-config.js
├── .editorconfig
├── .github/
│   └── workflows/
│       ├── changeset-version.yml
│       ├── gh-pages.yml
│       └── issue-close-require.yml
├── .gitignore
├── .husky/
│   ├── .gitignore
│   ├── commit-msg
│   └── pre-commit
├── .npmrc
├── .prettierignore
├── .prettierrc
├── .umirc.ts
├── .vscode/
│   └── settings.json
├── LICENSE
├── README.md
├── docs/
│   ├── development.md
│   ├── friendlink.md
│   ├── index.md
│   ├── pattern/
│   │   ├── Strategy.md
│   │   ├── index.md
│   │   ├── signleton.md
│   │   └── visitor.md
│   ├── react-faq.md
│   ├── react-native/
│   │   ├── index.md
│   │   ├── restyle.md
│   │   └── theme.md
│   ├── react-perf.md
│   ├── rn-faq.md
│   ├── screen.md
│   └── structure/
│       ├── array.md
│       ├── index.md
│       └── linkedList.md
├── jest.config.js
├── jest.setup.js
├── package.json
├── packages/
│   ├── cli/
│   │   ├── README.md
│   │   ├── bin/
│   │   │   └── index.js
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── index.ts
│   │   │   ├── setupApp.ts
│   │   │   ├── setupSpa.ts
│   │   │   └── utils/
│   │   │       ├── deleteOldDirs.ts
│   │   │       ├── replaceProject.ts
│   │   │       ├── translateFilePath.ts
│   │   │       └── walk.ts
│   │   ├── tsconfig.build.json
│   │   └── types.d.ts
│   ├── eslint-plugin-replace-hooks/
│   │   ├── .eslintrc.js
│   │   ├── README.md
│   │   ├── docs/
│   │   │   └── rules/
│   │   │       └── no-forbidden-hooks.md
│   │   ├── gulpfile.js
│   │   ├── package.json
│   │   └── src/
│   │       ├── index.js
│   │       └── rules/
│   │           └── no-forbidden-hooks.js
│   ├── hooks/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── rollup.config.js
│   │   ├── src/
│   │   │   ├── createUpdateEffect/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── index.ts
│   │   │   ├── useAccessibilityInfo/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useAppState/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useAsyncEffect/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useBackHandler/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useBoolean/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useControllableValue/
│   │   │   │   ├── demo/
│   │   │   │   │   ├── demo1.tsx
│   │   │   │   │   ├── demo2.tsx
│   │   │   │   │   └── demo3.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useCountdown/
│   │   │   │   └── index.ts
│   │   │   ├── useCounter/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useCreation/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useDebounce/
│   │   │   │   ├── DebounceOptions.ts
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useDebounceEffect/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useDebounceFn/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useDeepCompareEffect/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useDeviceOrientation/
│   │   │   │   └── index.ts
│   │   │   ├── useDimensions/
│   │   │   │   └── index.ts
│   │   │   ├── useDynamicList/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useEventEmitter/
│   │   │   │   └── index.ts
│   │   │   ├── useGetState/
│   │   │   │   ├── __tests__/
│   │   │   │   │   └── index.test.ts
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   └── index.ts
│   │   │   ├── useHistoryTravel/
│   │   │   │   └── index.ts
│   │   │   ├── useInfiniteScroll/
│   │   │   │   ├── __tests__/
│   │   │   │   │   └── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useInterval/
│   │   │   │   ├── demo/
│   │   │   │   │   ├── demo1.tsx
│   │   │   │   │   ├── demo2.tsx
│   │   │   │   │   └── demo3.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useKeyboard/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useLatest/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useLayout/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useLockFn/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useMap/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useMemoizedFn/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useMount/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── usePagination/
│   │   │   │   ├── index.test.ts
│   │   │   │   ├── index.ts
│   │   │   │   ├── testingHelper.ts
│   │   │   │   └── types.ts
│   │   │   ├── usePrevious/
│   │   │   │   ├── demo/
│   │   │   │   │   ├── demo1.tsx
│   │   │   │   │   └── demo2.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useRafInterval/
│   │   │   │   ├── demo/
│   │   │   │   │   ├── demo1.tsx
│   │   │   │   │   └── demo2.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useRafState/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useRafTimeout/
│   │   │   │   ├── demo/
│   │   │   │   │   ├── demo1.tsx
│   │   │   │   │   └── demo2.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useRequest/
│   │   │   │   ├── Fetch.ts
│   │   │   │   ├── index.test.ts
│   │   │   │   ├── index.ts
│   │   │   │   ├── plugins/
│   │   │   │   │   ├── useAutoRunPlugin.ts
│   │   │   │   │   ├── useCachePlugin.ts
│   │   │   │   │   ├── useDebouncePlugin.ts
│   │   │   │   │   ├── useLoadingDelayPlugin.ts
│   │   │   │   │   ├── usePollingPlugin.ts
│   │   │   │   │   ├── useRetryPlugin.ts
│   │   │   │   │   └── useThrottlePlugin.ts
│   │   │   │   ├── types.ts
│   │   │   │   ├── useRequestImpl.ts
│   │   │   │   └── utils/
│   │   │   │       ├── cache.ts
│   │   │   │       ├── cachePromise.ts
│   │   │   │       ├── cacheSubscribe.ts
│   │   │   │       └── testingHelper.ts
│   │   │   ├── useResetState/
│   │   │   │   ├── __tests__/
│   │   │   │   │   └── index.test.ts
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   └── index.ts
│   │   │   ├── useSafeState/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useSet/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useSetState/
│   │   │   │   └── index.ts
│   │   │   ├── useSms/
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useThrottle/
│   │   │   │   ├── ThrottleOptions.ts
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   └── index.ts
│   │   │   ├── useThrottleEffect/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useThrottleFn/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useTimeout/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useToggle/
│   │   │   │   ├── demo/
│   │   │   │   │   ├── demo1.tsx
│   │   │   │   │   └── demo2.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useTrackedEffect/
│   │   │   │   └── index.ts
│   │   │   ├── useUnmount/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useUnmountedRef/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useUpdate/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   ├── useUpdateEffect/
│   │   │   │   └── index.ts
│   │   │   ├── useUpdateLayoutEffect/
│   │   │   │   └── index.ts
│   │   │   ├── useWhyDidYouUpdate/
│   │   │   │   ├── demo/
│   │   │   │   │   └── demo1.tsx
│   │   │   │   ├── index.test.ts
│   │   │   │   └── index.ts
│   │   │   └── utils/
│   │   │       ├── index.ts
│   │   │       ├── platform.ts
│   │   │       └── testHelpers.ts
│   │   └── tsconfig.json
│   ├── lego/
│   │   ├── CHANGELOG.md
│   │   ├── example/
│   │   │   ├── AccumulatedDataDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   └── demo2.tsx
│   │   │   ├── BarLineDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo10.tsx
│   │   │   │   ├── demo11.tsx
│   │   │   │   ├── demo12.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   ├── demo8.tsx
│   │   │   │   └── demo9.tsx
│   │   │   ├── BasePieDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   └── demo7.tsx
│   │   │   ├── CircularSolidPieDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   └── demo4.tsx
│   │   │   ├── CuboidBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   └── demo8.tsx
│   │   │   ├── CylinderBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   └── demo7.tsx
│   │   │   ├── CylinderShadowBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   └── demo8.tsx
│   │   │   ├── DataShowDemo/
│   │   │   │   └── demo1.tsx
│   │   │   ├── DataShowSimpleDemo/
│   │   │   │   └── demo1.tsx
│   │   │   ├── FlipNumberDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   └── demo4.tsx
│   │   │   ├── FloatBallDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   └── demo4.tsx
│   │   │   ├── GaugeDemo/
│   │   │   │   └── demo1.tsx
│   │   │   ├── HorizontalBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   └── demo7.tsx
│   │   │   ├── ImgLineDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   └── demo6.tsx
│   │   │   ├── ImgPieDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   ├── ImgRosePieDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   └── demo2.tsx
│   │   │   ├── ModalDemo/
│   │   │   │   └── demo1.tsx
│   │   │   ├── MultiHorizontalBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   └── demo4.tsx
│   │   │   ├── MultiLineDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo10.tsx
│   │   │   │   ├── demo11.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   ├── demo8.tsx
│   │   │   │   └── demo9.tsx
│   │   │   ├── PictorialBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   └── demo8.tsx
│   │   │   ├── ProgressDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   ├── RadarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   ├── ScatterDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   └── demo6.tsx
│   │   │   ├── ScrollNumberDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   ├── SliceBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   └── demo7.tsx
│   │   │   ├── StackBarDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   └── demo8.tsx
│   │   │   ├── SwiperDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   ├── TableDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   └── index.less
│   │   │   ├── TextScrollDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   ├── ThreeDimensionalPieDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   └── demo3.tsx
│   │   │   └── WordCloudDemo/
│   │   │       ├── demo1.tsx
│   │   │       └── demo2.tsx
│   │   ├── package.json
│   │   ├── rollup.config.js
│   │   ├── src/
│   │   │   ├── accumulated-data/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── bar-line/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── base-pie/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── circular-solid-pie/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── context/
│   │   │   │   └── ThemeContext.tsx
│   │   │   ├── cuboid-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── cylinder-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── cylinder-shadow-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── data-show/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── data-show-simple/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── flip-number/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── float-ball/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── gauge/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── hooks/
│   │   │   │   ├── useBaseBarConfig.ts
│   │   │   │   ├── useBaseChartConfig.ts
│   │   │   │   ├── useBaseLineConfig.ts
│   │   │   │   ├── useBasePieConfig.ts
│   │   │   │   ├── useChartLoop.ts
│   │   │   │   ├── useEchartsRef.ts
│   │   │   │   ├── useNodeBoundingRect.ts
│   │   │   │   ├── useRAF.ts
│   │   │   │   ├── useStyle.ts
│   │   │   │   └── useTheme.ts
│   │   │   ├── horizontal-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── img-line/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── img-pie/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── img-rose-pie/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── index.ts
│   │   │   ├── modal/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── multi-horizontal-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── multi-line/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── pictorial-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── progress/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── radar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── registerShape.ts
│   │   │   ├── scatter/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── scroll-number/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── slice-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── stack-bar/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── style/
│   │   │   │   ├── font/
│   │   │   │   │   └── pmzd.otf
│   │   │   │   └── index.less
│   │   │   ├── swiper/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── table/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── text-scroll/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── theme.ts
│   │   │   ├── three-dimensional-pie/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── utils/
│   │   │   │   ├── RAF.ts
│   │   │   │   ├── createCuboidSeries.ts
│   │   │   │   ├── createCylinderSeries.ts
│   │   │   │   ├── createCylinderShadowSeries.ts
│   │   │   │   ├── createLinearGradient.ts
│   │   │   │   ├── createSliceSeries.ts
│   │   │   │   └── createStackSeries.ts
│   │   │   └── word-cloud/
│   │   │       ├── index.md
│   │   │       └── index.tsx
│   │   ├── tsconfig.json
│   │   └── typings.d.ts
│   ├── lego-map/
│   │   ├── CHANGELOG.md
│   │   ├── example/
│   │   │   ├── BasicMapDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   ├── demo5.tsx
│   │   │   │   ├── demo6.tsx
│   │   │   │   ├── demo7.tsx
│   │   │   │   └── sichuan.json
│   │   │   ├── DrillMapDemo/
│   │   │   │   ├── demo1.tsx
│   │   │   │   ├── demo2.tsx
│   │   │   │   ├── demo3.tsx
│   │   │   │   ├── demo4.tsx
│   │   │   │   └── demo5.tsx
│   │   │   └── SimpleMapDemo/
│   │   │       ├── demo1.tsx
│   │   │       ├── demo2.tsx
│   │   │       ├── demo3.tsx
│   │   │       ├── demo4.tsx
│   │   │       ├── demo5.tsx
│   │   │       ├── demo6.tsx
│   │   │       └── sichuan.json
│   │   ├── package.json
│   │   ├── rollup.config.js
│   │   ├── src/
│   │   │   ├── assets/
│   │   │   │   ├── bgImage.js
│   │   │   │   └── china.js
│   │   │   ├── basic/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── drill/
│   │   │   │   ├── index.less
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── index.ts
│   │   │   ├── simple/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   └── utils/
│   │   │       ├── baseSeries.ts
│   │   │       ├── constant.ts
│   │   │       └── index.ts
│   │   ├── tsconfig.json
│   │   └── typings.d.ts
│   ├── lego-video/
│   │   ├── CHANGELOG.md
│   │   ├── example/
│   │   │   └── VideoDemo/
│   │   │       ├── demo1.tsx
│   │   │       ├── demo2.tsx
│   │   │       ├── demo3.tsx
│   │   │       ├── demo4.tsx
│   │   │       ├── demo5.tsx
│   │   │       ├── demo6.tsx
│   │   │       ├── demo7.tsx
│   │   │       ├── demo8.tsx
│   │   │       └── demo9.tsx
│   │   ├── package.json
│   │   ├── rollup.config.js
│   │   ├── src/
│   │   │   ├── index.ts
│   │   │   └── video/
│   │   │       ├── index.md
│   │   │       └── index.tsx
│   │   └── tsconfig.json
│   ├── react-native/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── accordion/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   └── useAccordion.ts
│   │   │   ├── action-sheet/
│   │   │   │   ├── ActionSheetItem.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── avatar/
│   │   │   │   ├── Accessory/
│   │   │   │   │   └── index.tsx
│   │   │   │   ├── Avatar/
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── useAvatar.ts
│   │   │   │   ├── AvatarGroup/
│   │   │   │   │   └── index.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── type.ts
│   │   │   ├── badge/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useBadge.ts
│   │   │   ├── box/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── box-shadow/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── brief/
│   │   │   │   └── index.tsx
│   │   │   ├── button/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useButton.ts
│   │   │   ├── button-group/
│   │   │   │   ├── Item.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── card/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── carousel/
│   │   │   │   ├── Bullets.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   └── useCarousel.ts
│   │   │   ├── center/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── checkbox/
│   │   │   │   ├── CheckboxItem.tsx
│   │   │   │   ├── CheckboxList.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   └── useCheckbox.ts
│   │   │   ├── collapse-text/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── count-down/
│   │   │   │   ├── CountDownItem.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── type.ts
│   │   │   ├── divider/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── empty/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── error-block/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── flex/
│   │   │   │   ├── FlexItem.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── float-button/
│   │   │   │   ├── PlusIcon.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── flow/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── step.tsx
│   │   │   ├── form/
│   │   │   │   ├── FormItem.tsx
│   │   │   │   ├── FormListItem.tsx
│   │   │   │   ├── context.ts
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── type.ts
│   │   │   ├── helpers/
│   │   │   │   ├── index.ts
│   │   │   │   ├── normalize.ts
│   │   │   │   └── renderNode.tsx
│   │   │   ├── image/
│   │   │   │   └── index.md
│   │   │   ├── image-header/
│   │   │   │   ├── AnimateHeader.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── index.ts
│   │   │   ├── indicator/
│   │   │   │   ├── BallIndicator.tsx
│   │   │   │   ├── Indicator.tsx
│   │   │   │   ├── MaterialIndicator.tsx
│   │   │   │   ├── UIActivityIndicator.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.ts
│   │   │   │   └── type.ts
│   │   │   ├── input/
│   │   │   │   ├── InputItem.tsx
│   │   │   │   ├── TextArea.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── useInput.ts
│   │   │   │   ├── useInputItem.ts
│   │   │   │   └── useTextArea.ts
│   │   │   ├── label/
│   │   │   │   └── index.tsx
│   │   │   ├── link/
│   │   │   │   ├── index.md
│   │   │   │   └── index.ts
│   │   │   ├── list/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── list-item/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── menu/
│   │   │   │   ├── Chevron.tsx
│   │   │   │   ├── MenuGroup.tsx
│   │   │   │   ├── MenuItem.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   ├── useGroup.ts
│   │   │   │   └── useMenu.ts
│   │   │   ├── modal/
│   │   │   │   ├── Modal/
│   │   │   │   │   ├── ModalView.tsx
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── useModal.ts
│   │   │   │   ├── alert/
│   │   │   │   │   ├── AlertContainer.tsx
│   │   │   │   │   └── index.tsx
│   │   │   │   ├── confirm/
│   │   │   │   │   ├── ConfirmContainer.tsx
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── useConfirm.ts
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── prompt/
│   │   │   │   │   ├── PromptContainer.tsx
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── usePrompt.ts
│   │   │   │   ├── show/
│   │   │   │   │   └── index.tsx
│   │   │   │   ├── tip/
│   │   │   │   │   ├── TipContainer.tsx
│   │   │   │   │   └── index.tsx
│   │   │   │   └── type.ts
│   │   │   ├── notice-bar/
│   │   │   │   ├── AnimatedNotice.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── type.ts
│   │   │   ├── notify/
│   │   │   │   ├── NotifyRoot.tsx
│   │   │   │   ├── constant.ts
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   └── useNotify.ts
│   │   │   ├── number-keyboard/
│   │   │   │   ├── NumberKeyboardInput.tsx
│   │   │   │   ├── NumberKeyboardItem.tsx
│   │   │   │   ├── NumberKeyboardModal.tsx
│   │   │   │   ├── NumberKeyboardView.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   ├── useNumberKeyboard.ts
│   │   │   │   ├── useNumberKeyboardModal.ts
│   │   │   │   └── util.ts
│   │   │   ├── pagination/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── usePagination.ts
│   │   │   ├── passcode/
│   │   │   │   ├── PasscodeItem.tsx
│   │   │   │   ├── helpers.ts
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── reducer.ts
│   │   │   │   ├── type.ts
│   │   │   │   └── usePasscode.ts
│   │   │   ├── portal/
│   │   │   │   ├── PortalConsumer.tsx
│   │   │   │   ├── PortalContext.ts
│   │   │   │   ├── PortalGuard.ts
│   │   │   │   ├── PortalHost.tsx
│   │   │   │   ├── PortalManager.tsx
│   │   │   │   └── index.tsx
│   │   │   ├── pressable/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── progress/
│   │   │   │   ├── CircleProgress.tsx
│   │   │   │   ├── LineProgress.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   ├── useCircleProgress.ts
│   │   │   │   └── useLineProgress.ts
│   │   │   ├── radio/
│   │   │   │   ├── RadioItem.tsx
│   │   │   │   ├── RadioList.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   └── useRadio.ts
│   │   │   ├── result/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── scroll-number/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── search-bar/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useSearchBar.ts
│   │   │   ├── slider/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useSlider.ts
│   │   │   ├── stepper/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useStepper.ts
│   │   │   ├── svg-icon/
│   │   │   │   ├── IconArrowdown.tsx
│   │   │   │   ├── IconBells.tsx
│   │   │   │   ├── IconCheck.tsx
│   │   │   │   ├── IconCheckboxChecked.tsx
│   │   │   │   ├── IconCheckboxHalfchecked.tsx
│   │   │   │   ├── IconCheckboxUnchecked.tsx
│   │   │   │   ├── IconCheckcircle.tsx
│   │   │   │   ├── IconCheckcircleo.tsx
│   │   │   │   ├── IconClockcircleo.tsx
│   │   │   │   ├── IconClose.tsx
│   │   │   │   ├── IconClosecircleo.tsx
│   │   │   │   ├── IconDate.tsx
│   │   │   │   ├── IconDown.tsx
│   │   │   │   ├── IconEllipsis.tsx
│   │   │   │   ├── IconEyeclose.tsx
│   │   │   │   ├── IconEyeopen.tsx
│   │   │   │   ├── IconLeft.tsx
│   │   │   │   ├── IconMinus.tsx
│   │   │   │   ├── IconPlus.tsx
│   │   │   │   ├── IconRadioChecked.tsx
│   │   │   │   ├── IconRadioUnchecked.tsx
│   │   │   │   ├── IconReload.tsx
│   │   │   │   ├── IconRight.tsx
│   │   │   │   ├── IconSearch.tsx
│   │   │   │   ├── IconUp.tsx
│   │   │   │   ├── helper.ts
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── swipe-row/
│   │   │   │   ├── context.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useSwipeRow.ts
│   │   │   ├── switch/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useSwitch.ts
│   │   │   ├── table/
│   │   │   │   ├── Cell.tsx
│   │   │   │   ├── Head.tsx
│   │   │   │   ├── Rows.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   ├── useTable.ts
│   │   │   │   └── utils.ts
│   │   │   ├── tag/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useTag.ts
│   │   │   ├── text/
│   │   │   │   ├── ReText.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── theme/
│   │   │   │   └── index.ts
│   │   │   ├── theme-provider/
│   │   │   │   └── index.tsx
│   │   │   ├── timeline/
│   │   │   │   ├── HorizontalTimeline.tsx
│   │   │   │   ├── VerticalTimeline.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── type.ts
│   │   │   ├── toast/
│   │   │   │   ├── ToastRoot.tsx
│   │   │   │   ├── constant.ts
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   └── useToast.ts
│   │   │   ├── tooltip/
│   │   │   │   ├── Triangle.tsx
│   │   │   │   ├── getTooltipCoordinate.tsx
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── tree/
│   │   │   │   ├── Checkbox.tsx
│   │   │   │   ├── Chevron.tsx
│   │   │   │   ├── TreeGroup.tsx
│   │   │   │   ├── TreeNode.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   ├── useGroup.ts
│   │   │   │   ├── useTree.ts
│   │   │   │   └── util.ts
│   │   │   ├── utils/
│   │   │   │   ├── redash.ts
│   │   │   │   └── ref-util.ts
│   │   │   ├── vehicle-keyboard/
│   │   │   │   ├── VehicleKeyboardInput.tsx
│   │   │   │   ├── VehicleKeyboardItem.tsx
│   │   │   │   ├── VehicleKeyboardModal.tsx
│   │   │   │   ├── VehicleKeyboardView.tsx
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   ├── type.ts
│   │   │   │   ├── useVehicleKeyboard.ts
│   │   │   │   └── useVehicleKeyboardModal.ts
│   │   │   ├── white-space/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   └── wing-blank/
│   │   │       ├── index.md
│   │   │       └── index.tsx
│   │   ├── tsconfig.build.json
│   │   ├── tsconfig.json
│   │   └── typings.d.ts
│   ├── react-native-alipay/
│   │   ├── .gitignore
│   │   ├── README.md
│   │   ├── android/
│   │   │   ├── README.md
│   │   │   ├── build.gradle
│   │   │   ├── libs/
│   │   │   │   └── alipaysdk-15.8.06.211122170115.aar
│   │   │   └── src/
│   │   │       └── main/
│   │   │           ├── AndroidManifest.xml
│   │   │           └── java/
│   │   │               └── com/
│   │   │                   └── thundersdata/
│   │   │                       └── alipay/
│   │   │                           ├── ReactNativeAlipayModule.java
│   │   │                           └── ReactNativeAlipayPackage.java
│   │   ├── index.js
│   │   ├── ios/
│   │   │   ├── ReactNativeAlipay.h
│   │   │   ├── ReactNativeAlipay.m
│   │   │   ├── ReactNativeAlipay.xcodeproj/
│   │   │   │   └── project.pbxproj
│   │   │   └── ReactNativeAlipay.xcworkspace/
│   │   │       └── contents.xcworkspacedata
│   │   ├── package.json
│   │   └── react-native-alipay.podspec
│   ├── react-native-amap-search/
│   │   ├── .gitignore
│   │   ├── CHANGELOG.md
│   │   ├── README.md
│   │   ├── android/
│   │   │   ├── build.gradle
│   │   │   ├── gradle/
│   │   │   │   └── wrapper/
│   │   │   │       ├── gradle-wrapper.jar
│   │   │   │       └── gradle-wrapper.properties
│   │   │   ├── gradlew
│   │   │   ├── gradlew.bat
│   │   │   └── src/
│   │   │       └── main/
│   │   │           ├── AndroidManifest.xml
│   │   │           └── java/
│   │   │               └── com/
│   │   │                   └── reactnativeamapsearch/
│   │   │                       ├── AmapSearchModule.java
│   │   │                       └── AmapSearchPackage.java
│   │   ├── ios/
│   │   │   ├── AMapSearchManager.h
│   │   │   ├── AMapSearchManager.m
│   │   │   └── AmapSearch.xcodeproj/
│   │   │       └── project.pbxproj
│   │   ├── package.json
│   │   ├── react-native-amap-search.podspec
│   │   ├── scripts/
│   │   │   └── bootstrap.js
│   │   ├── src/
│   │   │   ├── constant.ts
│   │   │   ├── index.tsx
│   │   │   ├── typing.d.ts
│   │   │   └── useSearch.tsx
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-calendar/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── components/
│   │   │   │   ├── Agenda/
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── useAgenda.ts
│   │   │   │   ├── Calendar/
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── useCalendar.tsx
│   │   │   │   ├── CalendarList/
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── useCalendarList.ts
│   │   │   │   ├── Day/
│   │   │   │   │   └── index.tsx
│   │   │   │   ├── Header/
│   │   │   │   │   └── index.tsx
│   │   │   │   └── Period/
│   │   │   │       ├── index.tsx
│   │   │   │       └── usePeriod.tsx
│   │   │   ├── constant.ts
│   │   │   ├── dateUtils.ts
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   └── type.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-echarts/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── readMe.md
│   │   ├── src/
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   ├── tmp/
│   │   │   │   └── tpl.html
│   │   │   └── utils/
│   │   │       └── builder.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-image-picker/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   ├── type.ts
│   │   │   └── useImagePicker.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-password/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── Password.tsx
│   │   │   ├── PasswordModal.tsx
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   ├── usePassword.ts
│   │   │   └── usePasswordModal.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-picker/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── cascade-picker/
│   │   │   │   ├── index.tsx
│   │   │   │   └── useCascader.ts
│   │   │   ├── components/
│   │   │   │   ├── DatePicker/
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   ├── type.ts
│   │   │   │   │   └── useDatePicker.ts
│   │   │   │   └── WheelPicker/
│   │   │   │       ├── index.tsx
│   │   │   │       └── type.ts
│   │   │   ├── date-period-input/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useDatePeriodInput.tsx
│   │   │   ├── date-picker/
│   │   │   │   ├── index.md
│   │   │   │   ├── index.tsx
│   │   │   │   └── useDatePicker.ts
│   │   │   ├── date-picker-input/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── date-picker-item/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── index.ts
│   │   │   ├── normal-picker/
│   │   │   │   ├── index.tsx
│   │   │   │   └── useNormalPicker.ts
│   │   │   ├── picker-input/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── picker-item/
│   │   │   │   ├── index.md
│   │   │   │   └── index.tsx
│   │   │   ├── type.ts
│   │   │   ├── useDatePicker.tsx
│   │   │   ├── usePicker.tsx
│   │   │   └── utils.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-rating/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── SwipeRating.tsx
│   │   │   ├── TapRating.tsx
│   │   │   ├── components/
│   │   │   │   ├── Star.tsx
│   │   │   │   └── SwipeStar.tsx
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   ├── type.ts
│   │   │   ├── useSwipeRating.ts
│   │   │   └── useTapRating.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-share/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   └── svg/
│   │   │       ├── alipay.tsx
│   │   │       ├── dingding.tsx
│   │   │       ├── moments.tsx
│   │   │       ├── qq.tsx
│   │   │       ├── qqmail.tsx
│   │   │       ├── refresh.tsx
│   │   │       ├── sina.tsx
│   │   │       ├── sms.tsx
│   │   │       ├── wechat.tsx
│   │   │       └── zhihu.tsx
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-skeleton/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── ShiverBone.tsx
│   │   │   ├── StaticBone.tsx
│   │   │   ├── helper.ts
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   └── type.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   ├── react-native-tabs/
│   │   ├── CHANGELOG.md
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── SceneView.tsx
│   │   │   ├── ScrollBar.tsx
│   │   │   ├── TabBar.tsx
│   │   │   ├── TabBarIndicator.tsx
│   │   │   ├── TabBarItem.tsx
│   │   │   ├── index.md
│   │   │   ├── index.tsx
│   │   │   ├── types.tsx
│   │   │   └── usePagerView.ts
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   └── svgicon-cli/
│       ├── CHANGELOG.md
│       ├── README.md
│       ├── gulpfile.js
│       ├── package.json
│       ├── src/
│       │   ├── commands/
│       │   │   ├── createIcon.ts
│       │   │   └── createJson.ts
│       │   ├── libs/
│       │   │   ├── copyTemplate.ts
│       │   │   ├── generateComponent.ts
│       │   │   ├── getConfig.ts
│       │   │   ├── getTemplate.ts
│       │   │   ├── parseLocalSvg.ts
│       │   │   ├── replace.ts
│       │   │   ├── svgicon.json
│       │   │   └── whitespace.ts
│       │   └── templates/
│       │       ├── Icon.tsx.template
│       │       ├── LocalSingleIcon.tsx.template
│       │       └── helper.ts.template
│       ├── svgicon.json
│       └── tsconfig.build.json
├── pnpm-workspace.yaml
├── tsconfig.json
├── turbo.json
└── typings.d.ts

================================================
FILE CONTENTS
================================================

================================================
FILE: .changeset/README.md
================================================
# Changesets

Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works with multi-package repos, or single-package repos to help you version and publish your code. You can find the full documentation for it [in our repository](https://github.com/changesets/changesets)

We have a quick list of common questions to get you started engaging with this project in [our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)


================================================
FILE: .changeset/config.json
================================================
{
  "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
  "changelog": [
    "@changesets/changelog-github",
    {
      "repo": "thundersdata-frontend/td-design"
    }
  ],
  "commit": false,
  "fixed": [],
  "linked": [],
  "access": "public",
  "baseBranch": "master",
  "updateInternalDependencies": "patch",
  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
    "updateInternalDependents": "always"
  }
}


================================================
FILE: .commitlintrc.js
================================================
module.exports = {
  extends: ['@commitlint/config-conventional'],
  rules: {},
};


================================================
FILE: .cz-config.js
================================================
'use strict';

module.exports = {
  types: [
    {
      value: 'feat',
      name: '✨  feat:     新功能',
    },
    {
      value: 'fix',
      name: '🐛  fix:      修复bug',
    },
    {
      value: 'refactor',
      name: '♻️  refactor: 代码重构（既不是新功能也不是改bug）',
    },
    {
      value: 'chore',
      name: '🎫  chore:    修改流程配置',
    },
    {
      value: 'docs',
      name: '📝  docs:     修改了文档',
    },
    {
      value: 'test',
      name: '✅  test:     更新了测试用例',
    },
    {
      value: 'style',
      name: '💄  style:    修改了样式文件',
    },
    {
      value: 'perf',
      name: '⚡️  perf:     新能优化',
    },
    {
      value: 'revert',
      name: '⏪  revert:   回退提交',
    },
  ],
  scopes: [],
  allowCustomScopes: true,
  allowBreakingChanges: ['feat', 'fix'],
  subjectLimit: 50,
  messages: {
    type: '请选择你本次改动的修改类型',
    customScope: '\n请明确本次改动的范围（可填）:',
    subject: '简短描述本次改动:\n',
    body: '详细描述本次改动 (可填). 使用 "|" 换行:\n',
    breaking: '请列出任何 BREAKING CHANGES (可填):\n',
    footer: '请列出本次改动关闭的ISSUE (可填). 比如: #31, #34:\n',
    confirmCommit: '你确定提交本次改动吗?',
  },
};


================================================
FILE: .editorconfig
================================================
# http://editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

[Makefile]
indent_style = tab


================================================
FILE: .github/workflows/changeset-version.yml
================================================
name: Changesets

on:
  push:
    branches:
      - master
      - v4
      - v3

concurrency: ${{ github.workflow }}-${{ github.ref }}

jobs:
  release:
    name: upgrade-version
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Repo
        uses: actions/checkout@v3
        with:
          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
          fetch-depth: 0

      - name: Install Node.js
        uses: actions/setup-node@v3
        with:
          node-version: 16

      - name: Install pnpm
        uses: pnpm/action-setup@v4
        with:
          run_install: false

      - name: Get pnpm store directory
        id: pnpm-cache
        run: |
          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"

      - name: Setup pnpm cache
        uses: actions/cache@v3
        with:
          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-store-

      - name: Install dependencies
        run: pnpm i --no-frozen-lockfile

      - name: Create Release Pull Request
        uses: changesets/action@v1
        with:
          publish: pnpm release
          commit: 'chore: release'
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}


================================================
FILE: .github/workflows/gh-pages.yml
================================================
name: Build Doc Site

env:
  NODE_OPTIONS: --max-old-space-size=6144

on:
  push:
    branches:
      - master

concurrency:
  group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
  cancel-in-progress: true

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v3
        with:
          fetch-depth: 0

      - name: Setup Node.js
        uses: actions/setup-node@v3
        with:
          node-version: 16

      - name: Install pnpm
        uses: pnpm/action-setup@v4
        with:
          run_install: false

      - name: Get pnpm store directory
        id: pnpm-cache
        run: |
          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"

      - name: Setup pnpm cache
        uses: actions/cache@v3
        with:
          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-store-

      - name: Install dependencies
        run: pnpm i --no-frozen-lockfile

      - name: Build Doc
        run: pnpm doc:build

      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./docs-dist


================================================
FILE: .github/workflows/issue-close-require.yml
================================================
name: Issue Close Require

on:
  schedule:
    - cron: "0 0 * * *"

permissions:
  contents: read

jobs:
  issue-close-require:
    permissions:
      issues: write  # for actions-cool/issues-helper to update issues
      pull-requests: write  # for actions-cool/issues-helper to update PRs
    runs-on: ubuntu-latest
    steps:
      - name: need reproduce
        uses: actions-cool/issues-helper@v3
        with:
          actions: 'close-issues'
          labels: 'need reproduce'
          inactive-day: 3
          body: |
            Since the issue was labeled with `need reproduce`, but no response in 3 days. This issue will be closed. If you have any questions, you can comment and reply.
            由于该 issue 被标记为需要提供复现，却 3 天未收到回应。现关闭 issue，若有任何问题，可评论回复。

      


================================================
FILE: .gitignore
================================================
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
packages/**/node_modules
/npm-debug.log*
/yarn-error.log
/yarn.lock
/package-lock.json

# production
/dist

# misc
.DS_Store

# umi
.umi
.umi-production
.env.local

.turbo
packages/**/lib/**
build/**
dist/**
.next/**
.jest

docs-dist

.idea
.gradle

================================================
FILE: .husky/.gitignore
================================================
_


================================================
FILE: .husky/commit-msg
================================================
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx commitlint --edit $1



================================================
FILE: .husky/pre-commit
================================================
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx lint-staged


================================================
FILE: .npmrc
================================================
registry=https://registry.npmmirror.com/
strict-peer-dependencies=false


================================================
FILE: .prettierignore
================================================
**/*.svg
**/*.ejs
**/*.html
**/*.js
**/*.json
**/*.jsx
package.json
*.yaml
.umi
.umi-production

example
lib
.changeset
docs


================================================
FILE: .prettierrc
================================================
{
  "semi": true,
  "trailingComma": "es5",
  "singleQuote": true,
  "printWidth": 120,
  "tabWidth": 2,
  "bracketSpacing": true,
  "arrowParens": "avoid",
  "proseWrap": "never",
  "endOfLine": "auto",
  "importOrder": [
    "^react(.*)",
    "<THIRD_PARTY_MODULES>",
    "@/(.*)",
    "^[./]"
  ],
  "importOrderSeparation": true,
  "importOrderSortSpecifiers": true,
  "importOrderGroupNamespaceSpecifiers": true,
  "importOrderCaseInsensitive": true,
  "overrides": [
    {
      "files": ".prettierrc",
      "options": {
        "parser": "json"
      }
    }
  ],
  "plugins": [
    "@trivago/prettier-plugin-sort-imports"
  ]
}

================================================
FILE: .umirc.ts
================================================
import { defineConfig } from 'dumi';

export default defineConfig({
  title: '雷数前端',
  favicon: 'https://avatars0.githubusercontent.com/u/56826119',
  logo: 'https://avatars0.githubusercontent.com/u/56826119',
  outputPath: 'docs-dist',
  mode: 'site',
  hash: true,
  base: '/td-design',
  publicPath: '/td-design/',
  exportStatic: {},
  dynamicImport: {},
  webpack5: {},
  // define: {
  //   AMAP_DRILL_SERVER_KEY: '23979b50fbe00d2e05c1cf4f6300d028',
  //   AMAP_DRILL_JS_KEY: 'dfc9eee6a8e7bff31451ce22e3689e09',
  //   AMAP_DRILL_JS_SECRET: 'ac1294b1351220044a66c1023f7d5226',
  // },
  extraBabelPlugins: [
    [
      'import',
      {
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: 'css',
      },
    ],
  ],
  chainWebpack(config) {
    config.module
      .rule('ttf')
      .test(/.(ttf|otf)$/)
      .use('file-loader')
      .loader('file-loader');
    config.module
      .rule('media')
      .test(/\.(mp4)$/)
      .use('file-loader')
      .loader(require.resolve('file-loader'));
  },
  navs: [
    {
      title: 'RN组件库',
      path: '/react-native',
    },
    {
      title: '大屏素材库',
      path: '/screen',
    },
    {
      title: '设计模式',
      path: '/pattern',
    },
    {
      title: '数据结构',
      path: '/structure',
    },
    {
      title: '软件开发',
      path: '/development',
    },
    {
      title: '常见问题',
      path: '/faq',
    },
    {
      title: '友情链接',
      path: '/friendlink',
    },
    {
      title: 'GitHub',
      path: 'https://github.com/thundersdata-frontend/td-design',
    },
  ],
});


================================================
FILE: .vscode/settings.json
================================================
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "eslint.validate": [
    "javascript",
    "typescript",
    "json",
    "md"
  ],
  "cSpell.words": [
    "dayjs"
  ]
}


================================================
FILE: LICENSE
================================================
                                 Apache License
                           Version 2.0, January 2004
                        http://www.apache.org/licenses/

   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION

   1. Definitions.

      "License" shall mean the terms and conditions for use, reproduction,
      and distribution as defined by Sections 1 through 9 of this document.

      "Licensor" shall mean the copyright owner or entity authorized by
      the copyright owner that is granting the License.

      "Legal Entity" shall mean the union of the acting entity and all
      other entities that control, are controlled by, or are under common
      control with that entity. For the purposes of this definition,
      "control" means (i) the power, direct or indirect, to cause the
      direction or management of such entity, whether by contract or
      otherwise, or (ii) ownership of fifty percent (50%) or more of the
      outstanding shares, or (iii) beneficial ownership of such entity.

      "You" (or "Your") shall mean an individual or Legal Entity
      exercising permissions granted by this License.

      "Source" form shall mean the preferred form for making modifications,
      including but not limited to software source code, documentation
      source, and configuration files.

      "Object" form shall mean any form resulting from mechanical
      transformation or translation of a Source form, including but
      not limited to compiled object code, generated documentation,
      and conversions to other media types.

      "Work" shall mean the work of authorship, whether in Source or
      Object form, made available under the License, as indicated by a
      copyright notice that is included in or attached to the work
      (an example is provided in the Appendix below).

      "Derivative Works" shall mean any work, whether in Source or Object
      form, that is based on (or derived from) the Work and for which the
      editorial revisions, annotations, elaborations, or other modifications
      represent, as a whole, an original work of authorship. For the purposes
      of this License, Derivative Works shall not include works that remain
      separable from, or merely link (or bind by name) to the interfaces of,
      the Work and Derivative Works thereof.

      "Contribution" shall mean any work of authorship, including
      the original version of the Work and any modifications or additions
      to that Work or Derivative Works thereof, that is intentionally
      submitted to Licensor for inclusion in the Work by the copyright owner
      or by an individual or Legal Entity authorized to submit on behalf of
      the copyright owner. For the purposes of this definition, "submitted"
      means any form of electronic, verbal, or written communication sent
      to the Licensor or its representatives, including but not limited to
      communication on electronic mailing lists, source code control systems,
      and issue tracking systems that are managed by, or on behalf of, the
      Licensor for the purpose of discussing and improving the Work, but
      excluding communication that is conspicuously marked or otherwise
      designated in writing by the copyright owner as "Not a Contribution."

      "Contributor" shall mean Licensor and any individual or Legal Entity
      on behalf of whom a Contribution has been received by Licensor and
      subsequently incorporated within the Work.

   2. Grant of Copyright License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      copyright license to reproduce, prepare Derivative Works of,
      publicly display, publicly perform, sublicense, and distribute the
      Work and such Derivative Works in Source or Object form.

   3. Grant of Patent License. Subject to the terms and conditions of
      this License, each Contributor hereby grants to You a perpetual,
      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
      (except as stated in this section) patent license to make, have made,
      use, offer to sell, sell, import, and otherwise transfer the Work,
      where such license applies only to those patent claims licensable
      by such Contributor that are necessarily infringed by their
      Contribution(s) alone or by combination of their Contribution(s)
      with the Work to which such Contribution(s) was submitted. If You
      institute patent litigation against any entity (including a
      cross-claim or counterclaim in a lawsuit) alleging that the Work
      or a Contribution incorporated within the Work constitutes direct
      or contributory patent infringement, then any patent licenses
      granted to You under this License for that Work shall terminate
      as of the date such litigation is filed.

   4. Redistribution. You may reproduce and distribute copies of the
      Work or Derivative Works thereof in any medium, with or without
      modifications, and in Source or Object form, provided that You
      meet the following conditions:

      (a) You must give any other recipients of the Work or
          Derivative Works a copy of this License; and

      (b) You must cause any modified files to carry prominent notices
          stating that You changed the files; and

      (c) You must retain, in the Source form of any Derivative Works
          that You distribute, all copyright, patent, trademark, and
          attribution notices from the Source form of the Work,
          excluding those notices that do not pertain to any part of
          the Derivative Works; and

      (d) If the Work includes a "NOTICE" text file as part of its
          distribution, then any Derivative Works that You distribute must
          include a readable copy of the attribution notices contained
          within such NOTICE file, excluding those notices that do not
          pertain to any part of the Derivative Works, in at least one
          of the following places: within a NOTICE text file distributed
          as part of the Derivative Works; within the Source form or
          documentation, if provided along with the Derivative Works; or,
          within a display generated by the Derivative Works, if and
          wherever such third-party notices normally appear. The contents
          of the NOTICE file are for informational purposes only and
          do not modify the License. You may add Your own attribution
          notices within Derivative Works that You distribute, alongside
          or as an addendum to the NOTICE text from the Work, provided
          that such additional attribution notices cannot be construed
          as modifying the License.

      You may add Your own copyright statement to Your modifications and
      may provide additional or different license terms and conditions
      for use, reproduction, or distribution of Your modifications, or
      for any such Derivative Works as a whole, provided Your use,
      reproduction, and distribution of the Work otherwise complies with
      the conditions stated in this License.

   5. Submission of Contributions. Unless You explicitly state otherwise,
      any Contribution intentionally submitted for inclusion in the Work
      by You to the Licensor shall be under the terms and conditions of
      this License, without any additional terms or conditions.
      Notwithstanding the above, nothing herein shall supersede or modify
      the terms of any separate license agreement you may have executed
      with Licensor regarding such Contributions.

   6. Trademarks. This License does not grant permission to use the trade
      names, trademarks, service marks, or product names of the Licensor,
      except as required for reasonable and customary use in describing the
      origin of the Work and reproducing the content of the NOTICE file.

   7. Disclaimer of Warranty. Unless required by applicable law or
      agreed to in writing, Licensor provides the Work (and each
      Contributor provides its Contributions) on an "AS IS" BASIS,
      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
      implied, including, without limitation, any warranties or conditions
      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
      PARTICULAR PURPOSE. You are solely responsible for determining the
      appropriateness of using or redistributing the Work and assume any
      risks associated with Your exercise of permissions under this License.

   8. Limitation of Liability. In no event and under no legal theory,
      whether in tort (including negligence), contract, or otherwise,
      unless required by applicable law (such as deliberate and grossly
      negligent acts) or agreed to in writing, shall any Contributor be
      liable to You for damages, including any direct, indirect, special,
      incidental, or consequential damages of any character arising as a
      result of this License or out of the use or inability to use the
      Work (including but not limited to damages for loss of goodwill,
      work stoppage, computer failure or malfunction, or any and all
      other commercial damages or losses), even if such Contributor
      has been advised of the possibility of such damages.

   9. Accepting Warranty or Additional Liability. While redistributing
      the Work or Derivative Works thereof, You may choose to offer,
      and charge a fee for, acceptance of support, warranty, indemnity,
      or other liability obligations and/or rights consistent with this
      License. However, in accepting such obligations, You may act only
      on Your own behalf and on Your sole responsibility, not on behalf
      of any other Contributor, and only if You agree to indemnify,
      defend, and hold each Contributor harmless for any liability
      incurred by, or claims asserted against, such Contributor by reason
      of your accepting any such warranty or additional liability.

   END OF TERMS AND CONDITIONS

   APPENDIX: How to apply the Apache License to your work.

      To apply the Apache License to your work, attach the following
      boilerplate notice, with the fields enclosed by brackets "[]"
      replaced with your own identifying information. (Don't include
      the brackets!)  The text should be enclosed in the appropriate
      comment syntax for the file format. We also recommend that a
      file or class name and description of purpose be included on the
      same "printed page" as the copyright notice for easier
      identification within third-party archives.

   Copyright [yyyy] [name of copyright owner]

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.


================================================
FILE: README.md
================================================
# dumi app

## Getting Started

Install dependencies,

```bash
$ npm i
```

Start the dev server,

```bash
$ npm start
```

Build site app,

```bash
$ npm run build
```


================================================
FILE: docs/development.md
================================================
---
sidemenu: false
nav:
  title: 软件开发
  path: /development
---

## 软件开发

收集的一些软件开发相关的术语和概念。


================================================
FILE: docs/friendlink.md
================================================
---
sidemenu: false
nav:
  title: 友情链接
  path: /friendlink
---

# 友情链接

## react-native 组件库

- [vant-react-native](https://vant-react-native.js.org/vant-react-native/)
- [ant-design-mobile-rn](https://rn.mobile.ant.design/index-cn)
- [react-native-element](https://reactnativeelements.com/)
- [react-native-paper](https://callstack.github.io/react-native-paper/)
- [nativebase](https://nativebase.io/)
- [react-native-ui-kitten](https://akveo.github.io/react-native-ui-kitten/)

## react-native 相关网站

- [官网地址](https://reactnative.dev/)
- [react navigation 导航库](https://reactnavigation.org/)
- [restyle 样式系统](https://github.com/Shopify/restyle)

## react-native 优秀组件

## react-native 优秀文章


================================================
FILE: docs/index.md
================================================
---
title: td-design 雷数科技前端团队
hero:
  title: 雷数科技-前端文档
  desc: 本网站包含雷数科技前端团队开发的所有组件库、脚手架、模板等内容
  actions:
    - text: 开始探索
      link: /react-native
features:
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
    title: 组件丰富 | 功能全面
    desc: 提供了54+基础组件，覆盖各类场景，组件特性丰富，满足各种功能需求
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
    title: 体积小巧 | 性能出众
    desc: 在不损失功能的基础上，尽量保证了单个组件的体积最小、性能最优
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
    title: 简易定制 | 多种风格
    desc: 支持灵活的样式定制，简易生成多种风格，满足个性化产品需求
footer: Open-source MIT Licensed | Copyright © 2020<br />Powered by [thundersdata](https://github.com/thundersdata)
---


================================================
FILE: docs/pattern/Strategy.md
================================================
---
nav:
  title: 策略模式
  path: /pattern
group:
  title: 设计模式
  path: /
  order: 3
---

# 策略模式 - Strategy

策略模式是一种行为设计模式， 它能让你定义一系列算法， 并将每种算法分别放入独立的类中， 以使算法的对象能够相互替换。

## 问题

简单的说在一些时候，我们需要根据传入的参数不同来执行不同的代码，比如说当用户认证状态分别为:未认证，已认证，审核中等状态时，我们需要进行不同的处理。或许我们写以下的代码：

```js
function navigation(status) {
  switch (status) {
    case '未认证':
      history.push('未认证');
      break;
    case '已认证':
      history.push('已认证');
      break;
    case '审核中':
      history.push('审核中');
      break;
  }
}
```

当我们需要增加一个新的状态审核失败时，就需要对 navigation 进行修改增加一个分支，或许一个状态不算什么，但是在未来我们也不确定会增加多少个状态，整个函数的分支就会非常的多，整个方法就会非常的庞大，导致可读性也十分的差，同时它也违反了开放-封闭原则。这一块的代码也无法进行很好的复用，如果还有一个地方需要未认证的逻辑，那我们只能复制粘贴了。

## 解决方案

在对分支进行拆解，将其拆解成多个小的策略，并且有一个中间函数做上下文的链接，而不是直接去使用

```js

interface Strategy {
  navigation: () => void;
}

class StrategyA implements Strategy {
  public navigation() {
    // history.push('未认证');
    console.log('未认证');
  }
}

class StrategyB implements Strategy {
  public navigation() {
    // history.push('已认证');
    console.log('已认证');
  }
}

class StrategyC implements Strategy {
  public navigation() {
    // history.push('审核中');
    console.log('审核中');
  }
}

class Context {
  private strategy: Strategy;
  constructor(strategy: Strategy) {
    this.strategy = strategy;
  }

  public setStrategy(strategy: Strategy) {
    this.strategy = strategy;
  }
  public doStrategy() {
    this.strategy.navigation();
  }
}

const navigation = new Context(new StrategyA());
navigation.doStrategy();
console.log('-----');
navigation.setStrategy(new StrategyB());
navigation.doStrategy();
console.log('-----');
navigation.setStrategy(new StrategyC());
navigation.doStrategy();

```

策略模式建议找出负责用许多不同方式完成特定任务的类， 然后将其中的算法抽取到一组被称为策略的独立类中。

名为上下文的原始类必须包含一个成员变量来存储对于每种策略的引用。 上下文并不执行任务， 而是将工作委派给已连接的策略对象。

就是将各种互不相关的行为进行独立封装，然后使用中间的上下文进行应用，使调用者本身和方法没有直接的关联，这时候需要增加一个新的状态审核失败只需要新增一种策略就可以解决，符合了开放-封闭原则。不会对原有的代码进行改动。同时也增加了代码的复用性。当然这是面向对象的策略模式，在 js 中可以进行一些省略，方法本身也是一个对象，我们可以直接使用一个对象进行对策略的存放。

```js
const Context{
  "StrategyA":()=>{
    console.log('未认证');
  },
  "StrategyB":()=>{
    console.log('已认证');
  },
  "StrategyC":()=>{
    console.log('审核中');
  },
}
function navigation(name){
  Context[name]?.()
}
```

## 策略模式

1. 将一些独立的逻辑或者业务进行封装
2. 拥有一个上下文链接封装的逻辑和调用者
3. 调用者通过对上下文来访问相应的方法

## 优缺点

优点:

1. 提高了代码的复用率
2. 通过测量将判断分支给剪切了，使得代码中没有那么庞大的 if 或 switch。
3. 开闭原则。 你无需对上下文进行修改就能够引入新的策略

缺点：

1. 增加了对策略了解的成本
2. 代码中会存在很多策略方法和上下文


================================================
FILE: docs/pattern/index.md
================================================
---
nav:
  title: 设计模式
  path: /pattern
group:
  title: 设计模式
  path: /
  order: 0
---

# 设计模式介绍


================================================
FILE: docs/pattern/signleton.md
================================================
---
nav:
  title: 单例模式
  path: /pattern
group:
  title: 设计模式
  path: /
  order: 1
---

# 单例模式 - Singleton


================================================
FILE: docs/pattern/visitor.md
================================================
---
nav:
  title: 访问者模式
  path: /pattern
group:
  title: 设计模式
  path: /
  order: 2
---

# 访问者模式 - Visitor


================================================
FILE: docs/react-faq.md
================================================
---
nav:
  title: React应用开发常见问题
  path: /faq
group:
  title: 开发常见问题
  path: /
  order: 1
---

# React 应用开发常见问题

## 单点登录

### 新项目接入单点登录

新项目里直接接入单点登录比较简单，按照我们目前用的 `umi-request` 库，只需要在 `common.ts`中配置 `credentials: include`即可，不需要太多额外的操作

### 老项目改造接入单点登录

1. 首先先找到项目中配置 `request` 的文件，在配置中加入 `credentials: include`，如果老项目中用的是 `axios`库，在配置中加入 `withCredentials: true`
2. 在请求头中去掉携带 `token`
3. 找到判断是否登录的地方（一般都是通过是否有 token 判断是否已经登录），直接设置成已经登录的状态
4. 找到退出登录的地方，把 `logoutUrl`设置为 `域名 + '/logout?redirect_url=' + 域名`
5. 部署应用的时候，把单点登录域配置上去，具体的 `key` 可以找后端同学

`tips: 一般我们的token都是通过写了一个方法去获取的，所以你可以在上面第二步去掉token的地方，找到那个方法然后进行全局搜索，不出意外的话，可以顺着这个方法找到判断是否登录的方法，以及一些类似于上传文件、上传图片需要token的地方，也设置为 withCredentials=true 即可 `


================================================
FILE: docs/react-native/index.md
================================================
---
title: react-native组件库
toc: menu
order: 1
---

# @td-design/react-native 组件库

## 特性和优势

- 全面兼容 react 和 react-native
- UI 样式高度可配置，拓展性强，轻松适应各类产品风格
- 基于 React Native 的 iOS / Android 多平台支持，组件丰富，能全面覆盖各类场景
- 使用 TypeScript 开发，提供类型定义文件，支持类型及属性智能提示，方便业务开发

## 适用场景

- 适合于中大型产品应用
- 适合于基于 react-native 的终端应用
- 适合不同 UI 风格的定制需求的应用

## 版本要求

- `react-native` 0.63.0 版本以上

## 快速上手

_在开始之前，推荐先学习 [React](https://reactjs.org/) 和 [React Native](http://reactnative.dev/)。并确认 Node.js 已经升级到 v14.x 或以上。_

## 新建项目

推荐使用[rn-template](https://github.com/thundersdata-frontend/rn-template)作为模板进行开发。该模板内置了很多常用的功能，可以极大地提高你的项目开发进度，不需要再为搭建环境发愁。

```js | pure
npm install -g @td-design/cli

td-cli init <projectName>
```
根据提示，模板选择`app`, 分支目前支持: `main`/`0.66`/`0.67`/`0.68`/`0.69`/`0.70`/`0.71`/`0.72`。

创建成功后，全局搜索`rntemplate`，替换成你的项目名称即可。


================================================
FILE: docs/react-native/restyle.md
================================================
---
title: 主题和样式
toc: menu
order: 2
---

# 主题和样式

先看效果图：

<center>
  <figure>
    <img
      alt=""
      src="https://user-images.githubusercontent.com/688415/75268245-91084b80-57f7-11ea-905b-2a9046aa5ca3.gif"
    />
    <div>图片来自：<a href="https://github.com/Shopify/restyle">@shopify/restyle</a></div>
</figure>
</center>

## 介绍

`@shopify/restyle` 是由 shopify 公司开发的一个用于开发 react-native UI 组件库的工具。主要聚焦在组件库的样式上。它假设我们的组件库是基于一套设计体系，定义了一系列的颜色和间距常量。我们可以通过定义主题的方式来方便地实现对组件样式的定义和自由切换（如暗黑模式）。

## 使用

### 定义主题

任何使用此工具开发的组件库都要有一个全局的样式对象。它明确地定义了一系列的颜色(color)、间距(spacing)、断点(breakpoints)以及其他更多的定义。UI 组件可以直接使用这个样式对象中的 key 值。比如`backgroundColor="primaryColor"`。在`TypeScript`的加持下，我们可以非常放心，它会约束我们可以使用的值。示例如下：

```js
import { createTheme } from '@shopify/restyle';

const palette = {
  purpleLight: '#8C6FF7',
  purplePrimary: '#5A31F4',
  purpleDark: '#3F22AB',

  greenLight: '#56DCBA',
  greenPrimary: '#0ECD9D',
  greenDark: '#0A906E',

  black: '#0B0B0B',
  white: '#F0F2F3',
};

const theme = createTheme({
  colors: {
    mainBackground: palette.white,
    cardPrimaryBackground: palette.purplePrimary,
  },
  spacing: {
    s: 8,
    m: 16,
    l: 24,
    xl: 40,
  },
  breakpoints: {
    phone: 0,
    tablet: 768,
  },
});

export type Theme = typeof theme;
export default theme;
```

有了这个主题样式对象之后，我们应该如何在项目中使用呢？

1. 在项目的`app.tsx`里面，用`ThemeProvider`包裹你的组件：

```tsx | pure
import { ThemeProvider } from '@shopify/restyle';
import theme from './theme';

const App = () => <ThemeProvider theme={theme}>{/* Rest of the app */}</ThemeProvider>;
```

### Colors 颜色

通常设计师会使用一个调色板（palette）来定义组件设计体系中涉及到的各种颜色。通常而言，我们不建议直接在主题里面使用颜色值，而是建议使用调色板中颜色对应的语义化的名字。

```js
// 定义一个调色板
const palette = {
  purpleLight: '#8C6FF7',
  purplePrimary: '#5A31F4',
  purpleDark: '#3F22AB',

  greenLight: '#56DCBA',
  greenPrimary: '#0ECD9D',
  greenDark: '#0A906E',

  black: '#0B0B0B',
  white: '#F0F2F3',
};

// 在主题中使用调色板里颜色对应的名字
const theme = createTheme({
  colors: {
    mainBackground: palette.white,
    mainForeground: palette.black,
    cardPrimaryBackground: palette.purplePrimary,
    buttonPrimaryBackground: palette.purplePrimary,
  },
});
```

_为什么选择使用调色板中颜色对应的名字更有好处呢？_

1. 很容易理解整个 APP 中在何处应用了颜色。
2. 如果调色板中颜色发生了改变，我们只需要把颜色名称对应的值改掉就可以了，不用去整个 APP 里找到颜色值并替换。比如把紫色换成了深黑色。

```js
const palette = {
  // ...
  // purpleDark: '#3F22AB', // 原值
  purpleDark: '#0B0B0B', // 改后的值
};
```

3. 如上面的主题中，`cardPrimaryBackground`和`buttonPrimaryBackground`虽然都指向的是同一个颜色，但是如果需要把`buttonPrimaryBackground`换成绿色，改动也是非常简单方便的。

```js
const theme = createTheme({
  colors: {
    // ...
    // buttonPrimaryBackground: palette.purplePrimary, // 原先值
    buttonPrimaryBackground: palette.greenPrimary, // 改后的值
  },
});
```

4. 可以在 APP 使用过程中自由地切换主题样式。

### Spacing 间距

间距是按照衣服尺寸定义的一些常量数值。示例如下：

```js
const theme = createTheme({
  spacing: {
    s: 8,
    m: 16,
    l: 24,
    xl: 40,
  },
});
```

### Breakpoints 断点

断点是我们设置的为应用不同样式的不同目标屏幕尺寸的最小宽度。断点可以定义为单个值(width)，或者一个宽高值对象。示例如下：

```js
const theme = createTheme({
  breakpoints: {
    phone: 0,
    longPhone: {
      width: 0,
      height: 812,
    },
    tablet: 768,
    largeTablet: 1024,
  },
});
```

具体可以参见下面的[Responsive 响应式](#responsive-响应式)章节。

### 使用主题样式对象

借助`useTheme`，我们可以非常方便地在一个组件内使用主题内定义的内容。示例如下：

```tsx | pure
const Component = () => {
  const theme = useTheme<Theme>();
  const { cardPrimaryBackground } = theme.colors;
  // ...
};
```

_之所以不直接引入 theme 文件，是为了方便我们实现主题切换效果。_

### 内置的 Box/Text 组件

1. Box 组件：

Box 组件可以定义的属性由这几个大类组成：`backgroundColor`, `opacity`, `visible`, `layout`, `spacing`, `border`, `shadow`, `position`。具体大类里有哪些属性，可以参见下方的[Restyle Function](#restyle-functions)章节。

```tsx | pure
import { createBox } from '@shopify/restyle';
import { Theme } from './theme';

const Box = createBox<Theme>();

export default Box;
```

2. Text 组件：

Text 组件可以定义的属性由这几个大类组成：`color`, `opacity`, `visible`, `typography`, `textShadow`, `spacing`。具体大类里有哪些属性，可以参见下方的[Restyle Function](#restyle-functions)章节。

```tsx | pure
import { createText } from '@shopify/restyle';
import { Theme } from './theme';

const Text = createText<Theme>();

export default Text;
```

值得注意的是，Text 组件还可以接受一个`variant`属性，它对应的是 theme 对象里`textVariants`下的 key 值。

```tsx | pure
const theme = createTheme({
  ...,
  textVariants: {
    header: {
      fontWeight: 'bold',
      fontSize: 34,
      lineHeight: 42.5,
      color: 'black',
    },
    subheader: {
      fontWeight: '600',
      fontSize: 28,
      lineHeight: 36,
      color: 'black',
    },
    body: {
      fontSize: 16,
      lineHeight: 24,
      color: 'black',
    },
  },
});

// In a component
<Text variant="header">Header</Text>
```

### 自定义组件

如果我们想要自己创建一个类似`Box`和`Text`这样的组件，但是我们自己决定组件可以接受那些类别的属性，我们可以使用`createRestyleComponent`。示例如下：

```tsx | pure
import { createRestyleComponent, createVariant, spacing, SpacingProps, VariantProps } from '@shopify/restyle';
import { Theme } from './theme';

type Props = SpacingProps<Theme> & VariantProps<Theme, 'cardVariants'>;
const Card = createRestyleComponent<Props>([spacing, createVariant({ themeKey: 'cardVariants' })]);

export default Card;
```

如果觉得这还不够，也可以使用`useRestyle`这个 hooks 来实现更强大的定制功能。示例如下：

```tsx | pure
import {
  backgroundColor,
  BackgroundColorProps,
  border,
  BorderProps,
  composeRestyleFunctions,
  spacing,
  SpacingProps,
  useRestyle,
} from '@shopify/restyle';
import { TouchableOpacity, View } from 'react-native';

import Text from './Text';
import { Theme } from './theme';

const restyleFunctions = composeRestyleFunctions([spacing, border, backgroundColor]);
type Props = SpacingProps<Theme> &
  BorderProps<Theme> &
  BackgroundColorProps<Theme> & {
    onPress: () => void;
  };

const Button = ({ onPress, label, ...rest }: Props) => {
  const props = useRestyle(restyleFunctions, rest);

  return (
    <TouchableOpacity onPress={onPress}>
      <View {...props}>
        <Text variant="buttonLabel">{label}</Text>
      </View>
    </TouchableOpacity>
  );
};
```

### Restyle Functions

**Restyle Functions**把组件允许接受的属性做了一下分类，同时映射到主题对象，我们可以非常方便地使用他们来约束组件的属性以及快速开发基于主题对象的组件。

| 类别 | 属性 | 对应的主体对象 Key 值 |
| --- | --- | --- |
| backgroundColor | `backgroundColor` | `colors` |
| color | `color` | `colors` |
| opacity | `opacity` |  |
| visible | `display` |  |
| spacing | `margin`, `marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `marginStart`, `marginEnd`, `marginHorizontal`, `marginVertical`, `padding`, `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `paddingStart`, `paddingEnd`, `paddingHorizontal`, `paddingVertical` | `spacing` |
| layout | `width`, `height`, `minWidth`, `maxWidth`, `minHeight`, `maxHeight`, `overflow`, `aspectRatio`, `alignContent`, `alignItems`, `alignSelf`, `justifyContent`, `flex`, `flexBasis`, `flexDirection`, `flexGrow`, `flexShrink`, `flexWrap` |  |
| position | `position`, `top`, `right`, `bottom`, `left`, `start`, `end` |  |
| position | `zIndex` | `zIndices` |
| border | `borderBottomWidth`, `borderLeftWidth`, `borderRightWidth`, `borderStartWidth`, `borderEndWidth`, `borderStyle`, `borderTopWidth`, `borderWidth` |  |
| border | `borderColor`, `borderTopColor`, `borderRightColor`, `borderLeftColor`, `borderStartColor`, `borderEndColor`, `borderBottomColor` | `colors` |
| border | `borderRadius`, `borderBottomLeftRadius`, `borderBottomRightRadius`, `borderBottomStartRadius`, `borderBottomEndRadius`, `borderTopLeftRadius`, `borderTopRightRadius`, `borderTopStartRadius`, `borderTopEndRadius` | `borderRadii` |
| shadow | `shadowOpacity`, `shadowOffset`, `shadowRadius`, `elevation` |  |
| shadow | `shadowColor` | `colors` |
| textShadow | `textShadowOffset`, `textShadowRadius` |  |
| textShadow | `textShadowColor` | `colors` |
| typography | `fontFamily`, `fontSize`, `fontStyle`, `fontWeight`, `letterSpacing`, `lineHeight`, `textAlign`, `textDecorationLine`, `textDecorationStyle`, `textTransform` |  |

### Variants

`variant` 是 `Restyle Function`的一种形式。它可以将一个属性映射到多个其他属性。`variant`需要对应到主题对象中的 key 值。示例如下：

```tsx | pure
// In theme
const theme = createTheme({
  // ...
  spacing: {
    s: 8,
    m: 16,
    l: 24,
  },
  colors: {
    cardRegularBackground: '#EEEEEE',
  },
  breakpoints: {
    phone: 0,
    tablet: 768,
  },
  cardVariants: {
    defaults: {
      // We can define defaults for the variant here.
      // This will be applied after the defaults passed to createVariant and before the variant defined below.
    },
    regular: {
      // We can refer to other values in the theme here, and use responsive props
      padding: {
        phone: 'x2',
        tablet: 'x3',
      },
    }
    elevated: {
      padding: {
        phone: 'x2',
        tablet: 'x3',
      },
      shadowColor: '#000',
      shadowOpacity: 0.2,
      shadowOffset: {width: 0, height: 5},
      shadowRadius: 15,
      elevation: 5,
    }
  }
})

import {createVariant, createRestyleComponent, VariantProps} from '@shopify/restyle'
const variant = createVariant<Theme>({themeKey: 'cardVariants', defaults: {
  margin: {
    phone: 'x2',
    tablet: 'x3',
  },
  backgroundColor: 'cardRegularBackground',
}})

const Card = createRestyleComponent<VariantProps<Theme, 'cardVariants'>>([variant])

// variant的值必须是`cardVariants`对象下的key值。TypeScript会自动给我们提示。
<Card variant="elevated" />
```

### Responsive 响应式

我们通过在主题对象中定义 breakpoints（断点），来实现响应式效果。每个 Restyle 支持的属性都可以使用响应式写法来支持不同屏幕尺寸下的不同效果。示例如下：

```tsx | pure
const theme = createTheme({
  // ...
  breakpoints: {
    phone: 0,
    tablet: 768,
  }
})

// 用法1：不关心断点
<Box flexDirection="row" />

// 用法2：不同尺寸不同效果
<Box flexDirection={{ phone: 'column', tablet: 'row' }} />
```

另外，如果我们想要把一些属性跟响应式关联，我们可以借助`useResponsiveProp`这个 hooks。示例如下：

```tsx | pure
const Button = ({ color = { phone: 'purple', tablet: 'blue' }, ...restProps }) => {
  // 设备是phone的时候，值为purple；设备是tablet的时候，值为blue
  const textColorProp = useResponsiveProp(color);

  const bgColor = textColorProp === 'purple' ? 'lightPurple' : 'lightBlue';

  return (
    <Button backgroundColor={bgColor} {...restProps}>
      {/* 这里不需要转，因为Text会自动转 */}
      <Text color={color}>click me</Text>
      <ActivityIndicator color={theme.colors[textColorProp]} />
    </Button>
  );
};
```

### 主题切换

基于`Restyle`实现主题切换效果很简单，我们只需要提供两套或者多套不同的主题即可。因为主题中并没有直接使用颜色，而是使用的调色板中的颜色，所以我们可以自由地切换主题。比如我们想要实现暗黑模式，示例如下：

```tsx | pure
// 定义主题对象
export const palette = {
  purple: '#5A31F4',
  white: '#FFF',
  black: '#111',
  darkGray: '#333',
  lightGray: '#EEE',
};

const theme = createTheme({
  spacing: {
    s: 8,
    m: 16,
  },
  colors: {
    mainBackground: palette.lightGray,
    mainForeground: palette.black,

    primaryCardBackground: palette.purple,
    secondaryCardBackground: palette.white,
    primaryCardText: palette.white,
    secondaryCardText: palette.black,
  },
  breakpoints: {},
  textVariants: {
    body: {
      fontSize: 16,
      lineHeight: 24,
      color: 'mainForeground',
    },
  },
  cardVariants: {
    primary: {
      backgroundColor: 'primaryCardBackground',
      shadowOpacity: 0.3,
    },
    secondary: {
      backgroundColor: 'secondaryCardBackground',
      shadowOpacity: 0.1,
    },
  },
});

type Theme = typeof theme;

// 定义暗黑主题。区别只是颜色不一样。
const darkTheme: Theme = {
  ...theme,
  colors: {
    ...theme.colors,
    mainBackground: palette.black,
    mainForeground: palette.white,

    secondaryCardBackground: palette.darkGray,
    secondaryCardText: palette.white,
  },
};

// 组件中使用
const App = () => {
  const [darkMode, setDarkMode] = useState(false);
  return (
    <ThemeProvider theme={darkMode ? darkTheme : theme}>
      <Box padding="x3" backgroundColor="mainBackground" flex={1}>
        <Box backgroundColor="primaryCardBackground" margin="x2" padding="x3" flexGrow={1}>
          <Text variant="body" color="primaryCardText">
            Primary Card
          </Text>
        </Box>
        <Box backgroundColor="secondaryCardBackground" margin="x2" padding="x3" flexGrow={1}>
          <Text variant="body" color="secondaryCardText">
            Secondary Card
          </Text>
        </Box>
        <Box marginTop="x3">
          <Switch value={darkMode} onValueChange={(value: boolean) => setDarkMode(value)} />
        </Box>
      </Box>
    </ThemeProvider>
  );
};

export default App;
```


================================================
FILE: docs/react-native/theme.md
================================================
---
toc: menu
order: 3
---

# Theme 主题

`@shopify/restyle`库给我们提供了完备的主题定制功能。

## Spacing 间距

| 名称  | 说明  | 值   |
| ----- | ----- | ---- |
| `x0`  | 1 倍  | `0`  |
| `x1`  | 1 倍  | `4`  |
| `x2`  | 2 倍  | `8`  |
| `x3`  | 3 倍  | `12` |
| `x4`  | 4 倍  | `16` |
| `x5`  | 5 倍  | `20` |
| `x6`  | 6 倍  | `24` |
| `x7`  | 7 倍  | `28` |
| `x8`  | 8 倍  | `32` |
| `x9`  | 9 倍  | `36` |
| `x10` | 10 倍 | `40` |

## 圆角

| 名称  | 说明  | 值   |
| ----- | ----- | ---- |
| `x0`  | 1 倍  | `0`  |
| `x1`  | 1 倍  | `4`  |
| `x2`  | 2 倍  | `8`  |
| `x3`  | 3 倍  | `12` |
| `x4`  | 4 倍  | `16` |
| `x5`  | 5 倍  | `20` |
| `x6`  | 6 倍  | `24` |
| `x7`  | 7 倍  | `28` |
| `x8`  | 8 倍  | `32` |
| `x9`  | 9 倍  | `36` |
| `x10` | 10 倍 | `40` |

## 媒体查询断点

| 名称          | 说明   | 值     |
| ------------- | ------ | ------ |
| `phone`       | 手机   | `0`    |
| `tablet`      | 平板   | `768`  |
| `largeTablet` | 大平板 | `1024` |

## 通用颜色

| 名称          | 说明       | 值            |
| ------------- | ---------- | ------------- |
| `transparent` | 透明       | `transparent` |
| `white`       | 白色       | `#FFFFFF`     |
| `black`       | 黑色       | `#000000`     |
| `func50`      | 功能色 0   | `#FBF5F5`     |
| `func100`     | 功能色 1   | `#FFF7E3`     |
| `func200`     | 功能色 2   | `#FFD21D`     |
| `func300`     | 功能色 3   | `#52C41A`     |
| `func400`     | 功能色 4   | `#1890FF`     |
| `func500`     | 功能色 5   | `#F86E21`     |
| `func600`     | 功能色 6   | `#F4333C`     |
| `func700`     | 保留功能色 | `transparent` |
| `func800`     | 保留功能色 | `transparent` |
| `func900`     | 保留功能色 | `transparent` |

**我们设置了`func700`/ `func800`/ `func900`作为保留功能色，方便开发者进行扩展**

## 亮色模式颜色(继承通用颜色)

| 名称          | 说明       | 值                      |
| ------------- | ---------- | ----------------------- |
| `primary50`   | 主色       | `#E5F1FF`               |
| `primary100`  | 主色       | `#3AA3FF`               |
| `primary200`  | 主色       | `#005DFF`               |
| `primary300`  | 主色       | `rgba(0, 93, 255, 0.7)` |
| `primary400`  | 主色       | `rgba(0, 93, 255, 0.4)` |
| `primary500`  | 保留主色   | `transparent`           |
| `primary600`  | 保留主色   | `transparent`           |
| `primary700`  | 保留主色   | `transparent`           |
| `primary800`  | 保留主色   | `transparent`           |
| `primary900`  | 保留主色   | `transparent`           |
| `gray50`      | 中性色     | `#F5F5F5`               |
| `gray100`     | 中性色     | `#E5E5E5`               |
| `gray200`     | 中性色     | `#CCCCCC`               |
| `gray300`     | 中性色     | `#999999`               |
| `gray400`     | 中性色     | `#666666`               |
| `gray500`     | 中性色     | `#333333`               |
| `gray600`     | 中性色     | `rgba(0, 0, 0, 0.4)`    |
| `gray700`     | 中性色     | `rgba(0, 0, 0, 0.04)`   |
| `gray800`     | 保留中性色 | `transparent`           |
| `gray900`     | 保留中性色 | `transparent`           |
| `background`  | 背景色     | 同`gray50`              |
| `mask`        | 遮罩       | 同`gray600`             |
| `border`      | 边框       | 同`gray200`             |
| `icon`        | 图标       | 同`gray300`             |
| `disabled`    | 禁用       | 同`gray200`             |
| `text`        | 文本       | 同`gray500`             |
| `text_active` | 当前文本   | 同`white`               |

**我们设置了`primary600`/ `primary700`/ `primary800`/ `primary900`作为保留主色， `gray800` / `gray900`作为保留中性色，方便开发者进行扩展**

## 暗色模式颜色(继承通用颜色)

| 名称          | 说明       | 值                          |
| ------------- | ---------- | --------------------------- |
| `primary50`   | 主色       | `rgba(0, 93, 255, 0.3)`     |
| `primary100`  | 主色       | `#3AA3FF`                   |
| `primary200`  | 主色       | `#005DFF`                   |
| `primary300`  | 主色       | `rgba(0, 93, 255, 0.7)`     |
| `primary400`  | 主色       | `rgba(0, 93, 255, 0.4)`     |
| `primary500`  | 保留主色   | `transparent`               |
| `primary600`  | 保留主色   | `transparent`               |
| `primary700`  | 保留主色   | `transparent`               |
| `primary800`  | 保留主色   | `transparent`               |
| `primary900`  | 保留主色   | `transparent`               |
| `gray50`      | 中性色     | `#131C22`                   |
| `gray100`     | 中性色     | `rgba(255, 255, 255, 0.15)` |
| `gray200`     | 中性色     | `rgba(255, 255, 255, 0.25)` |
| `gray300`     | 中性色     | `rgba(255, 255, 255, 0.4)`  |
| `gray400`     | 中性色     | `rgba(255, 255, 255, 0.6)`  |
| `gray500`     | 中性色     | `rgba(255, 255, 255, 0.8)`  |
| `gray600`     | 中性色     | `rgba(0, 0, 0, 0.4)`        |
| `gray700`     | 中性色     | `rgba(0, 0, 0, 0.04)`       |
| `gray800`     | 保留中性色 | `transparent`               |
| `gray900`     | 保留中性色 | `transparent`               |
| `background`  | 背景色     | 同`gray50`                  |
| `mask`        | 遮罩       | 同`gray600`                 |
| `border`      | 边框       | 同`gray400`                 |
| `icon`        | 图标       | 同`gray300`                 |
| `disabled`    | 禁用       | 同`gray300`                 |
| `text`        | 文本       | 同`gray500`                 |
| `text_active` | 当前文本   | 同`white`                   |

## TextVariant

| 名称 | 字体大小(fontSize) | 字重(fontWeight) | 行高(lineHeight) |
| ---- | ------------------ | ---------------- | ---------------- |
| `h0` | 24                 | `bold`           | 39               |
| `h1` | 18                 | `500`            | 25               |
| `h2` | 16                 | `500`            | 22               |
| `h3` | 14                 | `500`            | 19               |
| `h4` |                    |                  |                  |
| `h5` |                    |                  |                  |
| `h6` |                    |                  |                  |
| `h7` |                    |                  |                  |
| `h8` |                    |                  |                  |
| `h9` |                    |                  |                  |
| `p0` | 16                 |                  | 22               |
| `p1` | 14                 |                  | 19               |
| `p2` | 12                 |                  | 16               |
| `p3` | 10                 |                  | 14               |
| `p4` |                    |                  |                  |
| `p5` |                    |                  |                  |
| `p6` |                    |                  |                  |
| `p7` |                    |                  |                  |
| `p8` |                    |                  |                  |
| `p9` |                    |                  |                  |
| `d0` | 24                 |                  | 28               |
| `d1` | 18                 |                  | 21               |
| `d2` | 12                 |                  | 14               |
| `d3` |                    |                  |                  |
| `d4` |                    |                  |                  |
| `d5` |                    |                  |                  |
| `d6` |                    |                  |                  |
| `d7` |                    |                  |                  |
| `d8` |                    |                  |                  |
| `d9` |                    |                  |                  |

**我们设置了`h4`/`h5`/`h6`/`h7`/`h8`/`h9`/`p4`/`p5`/`p6`/`p7`/`p8`/`p9`/`d3`/`d4`/`d5`/`d6`/`d7`/`d8`/`d9`作为保留的字体样式，方便开发者进行扩展**

## 如何复写应用主题

想要复写应用主题很简单，只需要如下操作就可以实现：

### 1. 在应用中定义你自己的主题颜色文件：

```ts | pure
import { theme, Theme } from '@td-design/react-native';

export const lightTheme: Theme = {
  ...theme.lightTheme,
  colors: {
    ...theme.lightTheme.colors,
    // 复写需要覆盖的颜色
  },
};

export const darkTheme: Theme = {
  ...theme.darkTheme,
  colors: {
    ...theme.darkTheme.colors,
    // 复写需要覆盖的颜色
  },
};
```

### 2. 把自定义主题注入到`app.tsx`里的`ThemeProvider`里:

```jsx | pure
// 其他import
import { ThemeProvider } from '@td-design/react-native';
import { lightTheme, darkTheme } from './theme';

export default () => {
  // 其他代码

  return <ThemeProvider theme={lightTheme}>{/** 其他Provider */}</ThemeProvider>;
};
```

### 3. 实现亮色模式和暗色模式切换

```jsx | pure
// 其他import
import { ThemeProvider } from '@td-design/react-native';
import { lightTheme, darkTheme } from './theme';

export default () => {
  const [dark, setDark] = useState(false);
  // 其他代码

  return (
    <ThemeProvider theme={dark ? darkTheme : lightTheme}>
      {/** 把setDark方法通过context或者其他全局变量的方式传递到应用里在需要的地方调用即可。 */}
      {/** 其他Provider */}
    </ThemeProvider>
  );
};
```


================================================
FILE: docs/react-perf.md
================================================
---
nav:
  title: React应用开发性能优化手段
  path: /faq
group:
  title: 开发常见问题
  path: /
  order: 2
---

# React 应用开发常见性能优化手段

**性能优化应该遵循的基本法则：将变的部分和不变的部分分离。**

- 变的部分：
  - state
  - props
  - context

`props`和`context`都是基于`state`演变过来的。父组件的`state`传给子组件，就成为了子组件的`props`； 父组件的`state`传到了`context`里，就成为一个子孙组件的`context`了。

## 1. state 尽可能地下放到子组件

```jsx | pure
import { useState } from 'react';

function ExpensiveCpn() {
  let now = performance.now();
  while (performance.now() - now < 100) {}
  console.log('耗时的组件 render');
  return <p>耗时的组件</p>;
}

export default function App() {
  const [num, updateNum] = useState(0);

  return (
    <div>
      <input value={num} onChange={e => updateNum(+e.target.value)} />
      <p>num is {num}</p>
      <ExpensiveCpn />
    </div>
  );
}
```

以上面的代码为例，当`num`发生变化的时候，`ExpensiveCpn`就会被重新渲染。因为`num`是`App`组件的 state，它的改变会让`App`组件重新渲染，`ExpensiveCpn`作为`App`的子组件，自然也就重新渲染了。

所以，我们应该将`num`下放到跟`ExpensiveCpn`不相关的子组件中：

```jsx | pure
import { useState } from 'react';

function ExpensiveCpn() {
  let now = performance.now();
  while (performance.now() - now < 100) {}
  console.log('耗时的组件 render');
  return <p>耗时的组件</p>;
}

function Input() {
  const [num, updateNum] = useState(0);
  return (
    <>
      <input value={num} onChange={e => updateNum(+e.target.value)} />
      <p>num is {num}</p>
    </>
  );
}

export default function App() {
  return (
    <div>
      <Input />
      <ExpensiveCpn />
    </div>
  );
}
```

如上所示，现在`num`状态位于`Input`组件中，它的改变只会引起`Input`组件自身的重新渲染，而不会引起`ExpensiveCpn`的重新渲染。

假如在`App`里面用到了`num`这个`state`，那我们又能怎么优化代码呢？ 答案是我们可以借助`children`来实现：

优化前的代码：

```jsx | pure
import { useState } from 'react';

function ExpensiveCpn() {
  let now = performance.now();
  while (performance.now() - now < 100) {}
  console.log('耗时的组件 render');
  return <p>耗时的组件</p>;
}

export default function App() {
  const [num, updateNum] = useState(0);
  return (
    <div title={num + ''}>
      <input value={num} onChange={e => updateNum(+e.target.value)} />
      <p>num is {num}</p>
      <ExpensiveCpn />
    </div>
  );
}
```

优化后的代码：

```jsx | pure
import { ReactNode, useState } from 'react';

function ExpensiveCpn() {
  let now = performance.now();
  while (performance.now() - now < 100) {}
  console.log('耗时的组件 render');
  return <p>耗时的组件</p>;
}

function InputWrapper({ children }: { children: ReactNode }) {
  const [num, updateNum] = useState(0);

  return (
    <div title={num + ''}>
      <input value={num} onChange={e => updateNum(+e.target.value)} />
      <p>num is {num}</p>
      {children}
    </div>
  );
}

export default function App() {
  return (
    <InputWrapper>
      <ExpensiveCpn /> // <- 把`ExpensiveCpn`做为`InputWrapper`的`children`
    </InputWrapper>
  );
}
```

## 2. 避免不必要的 re-render

以`FlatList.renderItem`的使用为例：

```jsx | pure
const renderItem = useCallback(
  ({ item: { node } }) => {
    const slug = node.slug;

    const handlePress = () => {
      push('SignedOutAssetScreen', { assetSlug: slug });
    };

    return <MarketCell onPress={handlePress} key={node.uuid} asset={node} />;
  },
  [push]
);

// const MarketCell = memo((props) => ...)
```

上面的代码，即便是`renderItem`方法被`useCallback`包裹了，但`MarketCell`组件还是会重新渲染。因为`useCallback`里面定义的函数每次都会重新创建，导致`MarketCell`组件重新渲染。

所以解决办法也很简单，我们只要把`handlePress`方法用`useCallback`包裹起来，就不会重新创建，这样就不会重新渲染了。同时我们应该把整个`renderItem`里面的函数封装成一个自定义组件：

```jsx | pure
const Item = memo(({ asset }: { asset: MarketCellProps['asset'] & { slug: string } }) => {
  const slug = asset.slug;

  // 将push方法从renderItem的依赖，转移到自定义组件内部
  const { push } = useStackNavigation();

  // handlePress 不会被重新创建
  const handlePress = useCallback(() => {
    push('SignedOutAssetScreen', { assetSlug: slug });
  }, [slug, push]);

  return <MarketCell onPress={handlePress} asset={asset} />;
});

// renderItem 返回一个组件
const renderItem = useCallback(({ item: { node } }) => {
  return <Item key={node.uuid} asset={node} />;
}, []);
```

## 3. 使用`useMemo`来缓存计算耗时的结果

如果在一个组件里面会调用一个计算特别耗时的函数，那么我们应该使用`useMemo`来缓存计算结果，以避免重复计算。

```jsx | pure
// 避免这样做
function Component(props) {
  const calcResult = heavyCalculation(props.item);

  return <AnotherComponent value={calcResult} />;
}

// 只有 `props.item` 改变时someProp的值才会被重新计算
function Component(props) {
  const calcResult = useMemo(() => heavyCalculation(props.item), [props.item]);

  return <AnotherComponent value={calcResult} />;
}
```

## 4. 避免使用内联对象和内联函数

使用内联对象时，react 会在每次渲染时重新创建对此对象的引用，这会导致接收此对象的组件将其视为不同的对象。因此，该组件对于 prop 的浅层比较始终返回 false，导致组件一直重新渲染。

```jsx | pure
function Component(props) {
  return <AnotherComponent style={{ margin: 0 }} {...props} />;
}
```

- 如果这个对象跟 props 无关，那么我们可以把它抽取出作为一个变量定义在组件外部；
- 如果这个对象跟 props 有关，那么我们可以用`useMemo`帮我们缓存这个对象，以避免重复创建。

```jsx | pure
// 跟props无关
const style = { margin: 0 };
function Component(props) {
  return <AnotherComponent style={style} {...props} />;
}

// 跟props有关
function Component(props) {
  const style = useMemo(() => ({ margin: props.margin }), [props.margin]);

  return <AnotherComponent style={style} {...props} />;
}
```

内联函数也是一样，组件每次渲染时都会创建一个新的引用。这时我们可以用`useCallback`进行包裹，以避免重复创建。

```jsx | pure
// bad
function Component(props) {
  return (
    <AnotherComponent
      {...props}
      onPress={() => {
        // do something...
      }}
    />
  );
}

// good
function Component(props) {
  const handlePress = useCallback(() => {
    // do something...
  }, []);

  return <AnotherComponent {...props} onPress={handlePress} />;
}
```

**推荐使用[ahooks/useMemoizedFn](https://ahooks-next.surge.sh/zh-CN/hooks/use-memoized-fn)，它会自动帮你缓存函数的返回值，并且可以接受一个参数，用于指定缓存的依赖。**

## 5. 遍历生成组件时使用 key

老生常谈的话题，这也是在渲染列表时必须要做的事儿。可以讨论的是到底可不可以用`index`作为 key 呢？首先，官方文档里面推荐的使用列表项里面自带一个能够唯一标识的属性作为 key；但是，官网文档里面并没有说不能用 index 作为 key，[官方文档链接](https://reactjs.org/docs/lists-and-keys.html)。只是提醒说如果列表项会改变的情况下不能用 index 作为 key。

所以，我们如果能够保证列表项不会改变，那么我们就可以用`index`作为 key。

```jsx | pure
const todoItems = todos.map(todo => (
  // 优先使用todo里面能唯一标识这条数据的属性作为key
  <li key={todo.id}>{todo.text}</li>
));

// 或者

const todoItems = todos.map((todo, index) => (
  // 用index作为key需要保证todos不会改变
  <li key={index}>{todo.text}</li>
));
```

## 6. 延迟加载不是立即需要的组件

常见做法：

- 使用`React.lazy`，在组件加载时才加载组件；

```jsx | pure
const Component = React.lazy(() => import('./Component'));
```

- 基于路由进行代码分割，如`react-router` / `umi`

- 组件按需加载， 配合插件`babel-plugin-import`使用

```jsx | pure
import { Button } from 'antd';
```

## 7. Context 性能优化

跨层级传递数据，通常会使用 React Context 作为媒介，hooks 提出之后，使用 context 前所未有的方便，但同样地，context payload 变更会触发所有用到了这个 Context 的组件重新渲染，即使这个组件用到的那部分数据没有发生变化。

```jsx | pure
import React, { useContext, useState } from 'react';

const ThemeContext = React.createContext();

export function ChildNonTheme() {
  console.log('不关心皮肤的子组件渲染了');
  return <div>我不关心皮肤，皮肤改变的时候别让我重新渲染！</div>;
}

export function ChildWithTheme() {
  const theme = useContext(ThemeContext);
  return <div>我是有皮肤的哦~ {theme}</div>;
}

export default function App() {
  const [theme, setTheme] = useState('light');
  const onChangeTheme = () => setTheme(theme === 'light' ? 'dark' : 'light');
  return (
    <ThemeContext.Provider value={theme}>
      <button onClick={onChangeTheme}>改变皮肤</button>
      <ChildWithTheme />
      <ChildNonTheme />
    </ThemeContext.Provider>
  );
}
```

上面的代码中，`theme`发生改变的时候，会让`ChildNonTheme`组件也跟着被重新渲染（虽然它压根儿就不关心 theme，但谁让它在 Context 下呢...）

怎么解这个问题呢？我们可以巧妙地利用`children`来解决。

```jsx | pure
import React, { useContext, useState } from 'react';

const ThemeContext = React.createContext();

function ChildNonTheme() {
  console.log('不关心皮肤的子组件渲染了');
  return <div>我不关心皮肤，皮肤改变的时候别让我重新渲染！</div>;
}

function ChildWithTheme() {
  const theme = useContext(ThemeContext);
  return <div>我是有皮肤的哦~ {theme}</div>;
}

// 定义一个组件，把`children`传进去
function ThemeApp({ children }) {
  const [theme, setTheme] = useState('light');
  const onChangeTheme = () => setTheme(theme === 'light' ? 'dark' : 'light');
  return (
    <ThemeContext.Provider value={theme}>
      <button onClick={onChangeTheme}>改变皮肤</button>
      {children}
    </ThemeContext.Provider>
  );
}

export default function App() {
  return (
    <ThemeApp>
      {/* 这两个组件作为ThemeApp组件的chilren传进去 */}
      <ChildWithTheme />
      <ChildNonTheme />
    </ThemeApp>
  );
}
```

对`ThemeApp`组件而言， `ChildWithTheme`和`ChildNonTheme`是作为`children`传进来的，也就意味着`ThemeApp`组件在重新渲染时，是不会对 children 造成影响的。可以直接复用。

## 8. 多用 Fragment

react 规定返回多个元素必须要有一个父元素，这样一来就会导致应用中多出现了很多无用的父元素，这样会导致性能问题。

```jsx | pure
function Component() {
  return (
    <div>
      <h1>Hello world!</h1>
      <h1>Hello there!</h1>
      <h1>Hello there again!</h1>
    </div>
  );
}
```

我们可以使用`Fragment`或者`<></>`来避免创建不必要的元素

```jsx | pure
function Component() {
  return (
    <>
      <h1>Hello world!</h1>
      <h1>Hello there!</h1>
      <h1>Hello there again!</h1>
    </>
  );
}
```

## 9. 正确认识 props

我们知道，父组件传值给子组件有两种方式，第一种是通过`props`，第二种是通过`context`。

但是，即便一个子组件不接收任何`props`，这并不意味着它的 props 不存在，相反，props 一直存在，这种情况下它是一个`{}`。

React 中是默认使用全等来判断`props`是否相等的，所以即便是`{}`也不会被认为是相等的。这就导致 react 的性能优化没有被命中，从而子组件还是发生了重新渲染。

```jsx | pure
import React, { useState, useContext } from 'react';

const numCtx = React.createContext < number > 0;
const updateNumCtx = React.createContext < React.Dispatch < number >> (() => {});

function Button() {
  const updateNum = useContext(updateNumCtx); // updateNum是一个dispatch，它是不变的。
  console.log('btn render');
  return <button onClick={() => updateNum(Math.random())}>产生随机数</button>;
}

function Show() {
  const num = useContext(numCtx); // 用到了context里面的num，所以num改变时会触发重新渲染。
  return <p>num is: {num}</p>;
}

const Middle = () => {
  return (
    <>
      <Button />
      <Show />
    </>
  );
};

export default function App() {
  const [num, updateNum] = useState(0);

  return (
    <numCtx.Provider value={num}>
      <updateNumCtx.Provider value={updateNum}>
        <Middle />
      </updateNumCtx.Provider>
    </numCtx.Provider>
  );
}
```

如上代码所示，虽然 Middle 不接收任何 props，但是实际上 props 是{}, react 在用全等比较的时候，{}和{}不会认为是相等的，所以 APP 组件发生重新渲染的时候，Middle 组件也会跟着重新渲染，从而使它的 Button 子组件也跟着重新渲染。

我们可以使用`memo`或者`useMemo`来解决 Middle 组件的重新渲染问题。

```jsx | pure
// 使用memo
const Middle = React.memo(() => {
  return (
    <>
      <Button />
      <Show />
    </>
  );
});

// 使用useMemo
const Middle = () => {
  return useMemo(
    () => (
      <>
        <Button />
        <Show />
      </>
    ),
    []
  );
};
```


================================================
FILE: docs/rn-faq.md
================================================
---
nav:
  title: RN应用开发常见问题
  path: /faq
group:
  title: 开发常见问题
  path: /
  order: 0
---

# RN 应用开发常见问题

## 1. 自定义图标

## 2. 集成极光推送

## 3. 集成热更新

### 安装与注册 CodePush

- 在终端输入`npm install -g code-push-cli`
- 安装完毕后，输入`code-push -v`查看版本，如看到版本号则代表安装成功
- 在终端输入 `code-push register`，会在浏览器自动打开注册页面让你选择授权账号，授权通过之后 CodePush 会告诉你 access key，复制此可以到终端即可完成注册
- 然后输入`code-push login`进行登录，登录成功会提示 successfully logged-in
- 为了让 CodePush 服务器知道你的 app，我们需要向它注册 app：在终端输入`code-push app add <appName> <os> react-native`，如: `code-push app add animalHusbandryCollectorApp android react-native`。一般`appName`就是项目中`app.json`文件中的`name`。注册完成之后会返回一套 `deploymentKey`，请记录下该 key，会在后面步骤中用到。如果 android 和 iOS 都需要热更新功能，需要分别生成一套 key

```code
code-push app add animalHusbandryCollectorApp-android android react-native
code-push app add animalHusbandryCollectorApp-ios ios react-native
```

### 项目中安装依赖

```code
    yarn add react-native-code-push
```

### Android 配置

- `android/app/build.gradle。把上面生成的 android 的 deploymentKey 放到下面 buildTypes 中`

```code
apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-code-push/android/codepush.gradle" // <- 添加这行

android {
   ...
    signingConfigs {
        debug {
            storeFile file('debug.keystore')
            storePassword 'android'
            keyAlias 'androiddebugkey'
            keyPassword 'android'
        }
        releaseStaging {
            storeFile file('staging.keystore')
            storePassword 'android'
            keyAlias 'androidstagingkey'
            keyPassword 'android'
        }
        release {
            if (project.hasProperty('RELEASE_STORE_FILE')) {
                storeFile file(RELEASE_STORE_FILE)
                storePassword RELEASE_STORE_PASSWORD
                keyAlias RELEASE_KEY_ALIAS
                keyPassword RELEASE_KEY_PASSWORD
            }
        }
    }

    buildTypes {
        debug {
            ...
            // Note: CodePush updates should not be tested in Debug mode as they are overriden by the RN packager. However, because CodePush checks for updates in all modes, we must supply a key.
            resValue "string", "CodePushDeploymentKey", '""'
            ...
        }

        releaseStaging.initWith(release)
        releaseStaging {
            ...
            signingConfig signingConfigs.releaseStaging
            resValue "string", "CodePushDeploymentKey", '"<INSERT_STAGING_KEY>"'

            // Note: It is a good idea to provide matchingFallbacks for the new buildType you create to prevent build issues
            // Add the following line if not already there
            matchingFallbacks = ['release']
            ...
        }

        release {
            ...
            resValue "string", "CodePushDeploymentKey", '"<INSERT_PRODUCTION_KEY>"'
            ...
        }
    }
    ...
}

```

- `android/settings.gradle`

```code
include ':app', ':react-native-code-push'
project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')
```

- `MainApplication.java`

```java
import com.microsoft.codepush.react.CodePush;

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
  ...
  @Override
  protected String getJSBundleFile() {
    return CodePush.getJSBundleFile();
  }
};
```

### IOS 配置

```code
cd ios && pod install
```

- `AppDelegate.m`

```code
#import <CodePush/CodePush.h>

// 把下面这行代码：
return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
// 改成：
return [CodePush bundleURL];

// 最后的sourceURLForBridge方法如下：
- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
  #if DEBUG
    return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
  #else
    return [CodePush bundleURL];
  #endif
}
```

- Info.plist 执行命令：`appcenter codepush deployment list -a <ownerName>/<appName> -k`查看 server 上的 deployment key 在`Info.plist`文件里面新建一个键值对：

```code
<key>CodePushDeploymentKey</key>
<string>Your Deployment Key</string>
```

- 打开 xcode，选中自己的项目，选中**project**下的项目名称，选择`Info`标签页，点击`Configurations`下的加号，选择`Duplicate "Release" Configuration` 命名为`Staging`.
<center>
<img src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644829195776339205.png" alt="数组插入" width="400" />
</center>

- 选择`Build Settings`标签页，点击加号，选择`Add User Defined Setting`用.xcodeproj 打开项目，先把 Debug/Release/Staging 的值配置好： Debug: `$(BUILD_DIR)/$(CONFIGURATION)$(EFFECTIVE_PLATFORM_NAME)` Release: `$(BUILD_DIR)/$(CONFIGURATION)$(EFFECTIVE_PLATFORM_NAME)` Staging: `$(BUILD_DIR)/Release$(EFFECTIVE_PLATFORM_NAME)` 然后把配置名称改成：`CONFIGURATION_BUILD_DIR`，然后再切换回.xcworkspace 打开项目
<center>
<img src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644829210496443837.png" alt="数组插入" width="400" />
</center>

- 再次选择`Add User Defined Setting`，输入`CODEPUSH_KEY`，通过命令`appcenter codepush deployment list -a <ownerName>/<appName> -k`把`Staging`和`Production`的 deployment key 分别填到`CODEPUSH_KEY`下匹配的属性里。

- 打开`Info.plist`，把之前的`CodePushDeploymentKey`的值改成`$(CODEPUSH_KEY)`

- 重新运行`pod install`

- 运行代码，能够正常启动模拟器，就表示集成成功

### 代码中使用

1. 在项目中增加文件（可以直接拷贝）：`scripts/codePush/index.js`

```code
'use strict';

const { makePush } = require('./makePush');
const inquirer = require('inquirer');

const ENV_PARAMS = {
  message: '请选择您要部署环境',
  type: 'list',
  name: 'environment',
  items: {
    1: 'Production',
    2: 'Staging'
  },
  choices: ['Staging', 'Production']
};

const PLATFORM_PARAMS = {
  message: '请选择您要部署的平台',
  type: 'list',
  name: 'platform',
  choices: ['both', 'android', 'ios'],
  default: 'both'
};

const VERSION_PARAMS = {
  name: 'version',
  type: 'input',
  message: '请输入要更新的目标版本号'
};

const DES_PARAMS = {
  name: 'description',
  type: 'editor',
  message: '请输入本次修改的描述'
};

const MANDATORY_PARAMS = {
  message: '本次更新是否为强制更新',
  type: 'list',
  name: 'mandatory',
  choices: ['true', 'false'],
  default: 'false',
};

const QUESTIONS = [ENV_PARAMS, PLATFORM_PARAMS, DES_PARAMS, VERSION_PARAMS, MANDATORY_PARAMS];

function main (){
  inquirer.prompt(QUESTIONS).then(option => {
    const { description, environment, platform, version, mandatory } = option;
    if (!description) {
      console.error('你没有输入改动描述');
      process.exit(1);
    }
    makePush({
      environment,
      platform,
      version,
      description,
      mandatory,
    });
  });
}

main();

```

2. 在项目中增加文件：`scripts/codePush/makePush.js`

`注意：需要把下面的的包的名字给替换掉 thundersdata/rn-template-android ---> ownerName/在之前步骤注册的对应平台的app的名字，如果android和ios都需要热更新，则都要替换 `

```code
'use strict';
const shell = require('shelljs');

function makePush({ environment, platform, description, mandatory, version }) {
  let androidCmd = `appcenter codepush release-react -a thundersdata/rn-template-android -d ${environment} --description "${description}" -m "${mandatory}"`;
  let iosCmd = `appcenter codepush release-react -a thundersdata/rn-template-ios -d ${environment} --description "${description}" -m "${mandatory}"`;
  if (version) {
    androidCmd += ` -t "${version}"`;
    iosCmd += ` -t "${version}"`;
  }
  let finalCmd = '';
  if (platform === 'both') {
    finalCmd = `${androidCmd} && ${iosCmd}`;
  } else if (platform === 'android') {
    finalCmd = androidCmd;
  } else {
    finalCmd = iosCmd;
  }

  shell.exec(finalCmd);
}

module.exports = {
  makePush,
};

```

3. 在项目中添加文件：`hooks/useCodePush.ts`

```code
import codePush, { DownloadProgress } from 'react-native-code-push';
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import { useRef } from 'react';
import { Modal, Toast } from '@td-design/react-native';

export function useCodePush() {
  const key = useRef(-1);

  const [progress, setProgress] = useSafeState<string>();

  // eslint-disable-next-line complexity
  const codePushStatusDidChange = async (syncStatus: codePush.SyncStatus) => {
    switch (syncStatus) {
      case codePush.SyncStatus.CHECKING_FOR_UPDATE:
        // 0 - 正在查询CodePush服务器以进行更新。
        console.info('[CodePush] Checking for update.');
        break;
      case codePush.SyncStatus.AWAITING_USER_ACTION:
        // 1 - 有可用的更新，并且向最终用户显示了一个确认对话框。（仅在updateDialog使用时适用）
        console.info('[CodePush] Awaiting user action.');
        break;
      case codePush.SyncStatus.DOWNLOADING_PACKAGE:
        // 2 - 正在从CodePush服务器下载可用更新。
        console.info('[CodePush] Downloading package.');
        break;
      case codePush.SyncStatus.INSTALLING_UPDATE:
        // 3 - 已下载一个可用的更新，并将其安装。
        console.info('[CodePush] Installing update.');
        break;
      case codePush.SyncStatus.UP_TO_DATE:
        // 4 - 应用程序已配置的部署完全最新。
        console.info('[CodePush] App is up to date.');
        break;
      case codePush.SyncStatus.UPDATE_IGNORED:
        // 5 该应用程序具有可选更新，最终用户选择忽略该更新。（仅在updateDialog使用时适用）
        console.info('[CodePush] User cancelled the update.');
        break;
      case codePush.SyncStatus.UPDATE_INSTALLED:
        // 6 - 安装了一个可用的更新，它将根据 SyncOptions 中的 InstallMode指定在 syncStatusChangedCallback 函数返回后立即或在下次应用恢复/重新启动时立即运行。
        console.info('[CodePush] Installed update.');
        break;
      case codePush.SyncStatus.SYNC_IN_PROGRESS:
        // 7 - 正在执行的 sync 操作
        console.info('[CodePush] Sync already in progress.');
        break;
      case codePush.SyncStatus.UNKNOWN_ERROR:
        // -1 - 同步操作遇到未知错误。
        console.info('[CodePush] An unknown error occurred.');
        break;
    }
  };

  const codePushDownloadDidProgress = (progress: DownloadProgress) => {
    const curPercent = ((progress.receivedBytes / progress.totalBytes) * 100).toFixed(0);
    console.info('[CodePushUtils] Downloading Progress', `${curPercent}%`);
    setProgress(`${curPercent}%`);
  };

  const syncImmediate = async () => {
    codePush.sync(
      {
        updateDialog: {
          // 是否显示更新描述
          appendReleaseDescription: true,
          // 更新描述的前缀。 默认为"Description"
          descriptionPrefix: '\n\n更新内容：\n',
          // 强制更新按钮文字，默认为continue
          mandatoryContinueButtonLabel: '立即更新',
          // 强制更新时的信息. 默认为"An update is available that must be installed."
          mandatoryUpdateMessage: '必须更新后才能使用',
          // 非强制更新时，按钮文字,默认为"ignore"
          optionalIgnoreButtonLabel: '稍后',
          // 非强制更新时，确认按钮文字. 默认为"Install"
          optionalInstallButtonLabel: '后台更新',
          // 非强制更新时，检查到更新的消息文本
          optionalUpdateMessage: '有新版本了，是否更新？',
          // Alert窗口的标题
          title: '更新',
        },
        installMode: codePush.InstallMode.IMMEDIATE,
      },
      codePushStatusDidChange,
      codePushDownloadDidProgress,
    );
  };

  /** 个人中心页面用 */
  const checkForUpdate = async () => {
    key.current = Toast.submitting({ content: '检查中...' });
    const update = await codePush.checkForUpdate();
    Toast.remove(key.current);
    if (!update) {
      Modal.alert({
        title: '提示',
        content: '当前版本没有发现需要安装的更新',
      });
    } else {
      syncImmediate();
    }
  };

  /** app启动时不需要弹窗提示 */
  const checkForUpdateWithoutMessage = async () => {
    const update = await codePush.checkForUpdate();
    if (!update) {
      // 如果没有在app启动时调用sync，则需要显式调用notifyAppReady，否则插件将认为更新失败并回滚回以前版本
      codePush.notifyAppReady();
    } else {
      syncImmediate();
    }
  };

  return {
    progress,
    checkForUpdate: useMemoizedFn(checkForUpdate),
    checkForUpdateWithoutMessage: useMemoizedFn(checkForUpdateWithoutMessage),
    sync: syncImmediate,
  };
}

```

4. `由于热更新时我们只能针对特定的版本进行热更新，所以为了保证后续用户手机上 app 版本的一致性，我们推荐使用强更新和热更新相结合的方式。当有版本更新时，我们推荐使用强更新功能，当需要对某个版本进行 bug 修复时，我们推荐使用热更新功能。`

`注意：热更新要求app版本必须是三段式的，如: 1.1.0。`

添加文件：`hooks/useCheckUpdate.ts`

```code
import { useRef } from 'react';
import { helpers, Image, Modal, Toast } from '@td-design/react-native';
import { ForceUpdateEnum } from 'enums';
import RNFetchBlob from 'rn-fetch-blob';
import { PERMISSIONS, request } from 'react-native-permissions';
import { useCustomRequest } from './useCustomRequest';
import { useToast } from './useToast';
import { useCodePush } from './useCodePush';
import { Linking, Platform } from 'react-native';

const { px } = helpers;

export function useCheckUpdate(showMessage = false) {
  const { toastFail } = useToast();
  const { checkForUpdate, checkForUpdateWithoutMessage } = useCodePush();

  const key = useRef(-1);

  const appUpdate = async (androidDownloadUrl: string, appStoreUrl: string, version: string) => {
    if (Platform.OS === 'android') {
      const result = await request(PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE);
      if (result !== 'granted') {
        toastFail('请授权APP下载文件的权限');
        return;
      }
      key.current = Toast.submitting({ content: '下载中...' });
      const downloadPath = RNFetchBlob.fs.dirs.DownloadDir + `/animalHusbandryCollectorApp-${version}.apk`;
      const android = RNFetchBlob.android;
      RNFetchBlob.config({
        addAndroidDownloads: {
          // 调起原生下载管理
          useDownloadManager: true,
          // 下载的安装包保存的名字
          title: `animalHusbandryCollectorApp-${version}.apk`,
          // 下载时候顶部通知栏的描述
          description: '下载完成之后将会自动安装',
          // 下载的文件格式
          mime: 'application/vnd.android.package-archive',
          // 下载完成之后扫描下载的文件
          mediaScannable: true,
          // 通知栏显示下载情况
          notification: true,
          // 下载地址
          path: downloadPath,
        },
      })
        .fetch('GET', androidDownloadUrl)
        .then(res => {
          android.actionViewIntent(res.path(), 'application/vnd.android.package-archive');
        })
        .catch(() => {
          toastFail('下载失败');
        })
        .finally(() => {
          Toast.remove(key.current);
        });
    } else {
      Linking.canOpenURL(appStoreUrl)
        .then(supported => {
          if (!supported) {
            console.warn('找不到对应的应用');
            return false;
          }
          return Linking.openURL(appStoreUrl);
        })
        .catch(err => {
          console.error('跳转到APP_STORE失败，失败原因：', err);
        });
    }
  };

  /**
   * 根据版本号对比是否需要强制更新，默认版本号为三段 如：1.2.3
   * 和后端约定：第一段和第二段为强制更新，第三段为非强制更新
   * 如果是非强制更新的话，走热更新功能
   */
  const { run: checkUpdate } = useCustomRequest(API.collector.appVersion.check.fetch, {
    manual: true,
    onSuccess: data => {
      if (data?.forcedUpdate === ForceUpdateEnum.强制) {
        Modal.alert({
          icon: (
            <Image
              source={require('modules/offline/assets/modal_confirm.webp')}
              style={{ width: px(55), height: px(55), marginTop: px(36) }}
            />
          ),
          title: '版本更新',
          content: '检测到有新版本请立即升级',
          onPress: () => appUpdate(data?.downloadUrl ?? '', data?.appStoreUrl ?? '', data?.version ?? ''),
        });
        return;
      }

      // 热更新，判断是否需要显示检查更新的弹窗
      if (showMessage) {
        checkForUpdate();
      } else {
        checkForUpdateWithoutMessage();
      }
    },
  });
  return { checkUpdate };
}

```

配置文件：`android/app/src/main/AndroidManifest.xml`，否则 android apk 下载失败

```code
    ...
    <!-- 文件权限 -->
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.DOWNLOAD_WITHOUT_NOTIFICATION" />
    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
    ...
    <intent-filter>
      <action android:name="android.intent.action.VIEW" />
      <action android:name="android.intent.action.DOWNLOAD_COMPLETE"/> ---->添加这行
      ...
    </intent-filter>
```

5. 添加 `npm scripts`

```code
{
  "scripts": {
    ...
    "codePush": "node scripts/codePush/index.js",
    "android:staging": "yarn bundle && cd ./android && ./gradlew app:assembleReleaseStaging",
    ...
  },
}
```

6. 在 `App.tsx`中使用

```code
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
import { hide as hideSplash } from 'react-native-bootsplash';
import { ThemeProvider } from '@td-design/react-native';
import { useMount } from '@td-design/rn-hooks';
import { getVersion } from 'react-native-device-info';

import { Stack } from './stacks';
import { authAtom } from 'atoms';
import { Fallback } from 'components';
import { lightTheme } from 'theme';
import { linking } from 'linking';
import { isSignedIn } from 'utils/auth';
import { useUpdateAtom } from 'jotai/utils';
import { useCheckUpdate } from 'hooks/useCheckUpdate';

export function App() {
  const updateAuth = useUpdateAtom(authAtom);

  const { checkUpdate } = useCheckUpdate();

  useMount(() => {
    const init = async () => {
      // 判断用户是否已经登录
      const signedIn = await isSignedIn();
      updateAuth({ signedIn });
    };

    init().finally(async () => {
      await hideSplash({ fade: true });
      checkUpdate({ version: getVersion() });
    });
  });

  return (
    <SafeAreaProvider>
      <ThemeProvider theme={lightTheme}>
        <NavigationContainer linking={linking} fallback={<Fallback />} theme={DefaultTheme}>
          <Stack />
        </NavigationContainer>
      </ThemeProvider>
    </SafeAreaProvider>
  );
}

```

7. `发布热更新：在项目下执行命令：yarn codePush 然后按照步骤执行即可`

## 4. 外链唤醒 APP


================================================
FILE: docs/screen.md
================================================
---
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 概要
  order: 1
---

# 概要

大屏素材库概要，集成一些常见的大屏组件及图表组件，统一样式。

## 安装方式：

```sh
yarn add @td-design/lego
```

如果你要使用地图功能，请安装

```sh
yarn add @td-design/lego-map
```

如果你要使用视频播放功能，请安装

```sh
yarn add @td-design/lego-video
```


================================================
FILE: docs/structure/array.md
================================================
---
toc: menu
---

# 数组 - Array

## 什么是数组

数组是一种线性结构，是一个存储相同类型的变量所组成的一个有序集合，数组中每一个变量称为元素，每个元素都有一个对应的索引（索引从 0 开始）。数组还有另一个特点，就是在内存中是顺序存储的。 内存是由一个个连续的内存单元所组成的，每一个内存单元都对应一个地址，在内存单元中，有些被占用了，有些是空闲的。 数组中的每一个元素，都存储在内存单元中，并且这些内存单元之间紧密排列，既不能打乱存储顺序，也不能跳过某个内存单元进行存储。

> 线性表数据结构 从字面意思理解线性表数据结构是数据呈现线性存储的一种方式，有前后两个方向，数据呈一对一的关系，除头尾外，元素都是相连的。线性表数据结构还有链表、栈、队列。

![Array](https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1619014497486978379)

## js 中的数组

基本上所有的语言都内置了数组这个结构，在 js 中也不例外。在 js 中数组是基于 对象来实现的，所有跟传统的数组有一些不同

典型的数组：

- 元素的数据类型相同
- 使用连续的内存存储
- 通过数字下标获取元素

js 中的数组

- 元素的数据类型可以不同
- 内存不一定是连续的（对象是随机存储的）
- 不能通过数字下标，而是通过字符串下标
- 数组可以有任何 key。

> 在内存中的存储不一定是连续的，可能根据不同环境的实现有不同的体现。在 V8 引擎中，数组有两种，一种是内存连续的快数组，一种是以堆栈存储的慢数组，快数组存储的是一些简单的数据，可以保证查询时候的性能，但是更耗费存储空间。慢数组牺牲了查询的时间节约了存储空间。引擎会根据数据的情况自动切换快慢数组。

## 数组的优缺点

### 数组的优点

由于数组定义的空间是连续的，数组可以很方便的进行遍历，同时也可以通过数组的下标进行访问例如:

```js
const a = [1, 2, 3, 4, 5, 6, 7, 8];
a[1]; // 2
```

> 同时由于数组连续的特性,遍历的时候有着一定的优势

### 数组的缺点

数组是有序的线性表，为了保证其有序，所以在对数组进行操作的时候会有更多的耗费，基本上对于数组的操作都是 O(n)复杂度的。

- 在数组中插入元素

如果我们希望在一个数组中的某一位置进行插入一个元素，由于数组是连续的，我们需要把插入位置给腾出来，需要把插入位置右侧的所有数据进行相应的后移一位，简单的说就是依次的把数组(i-1)位的值赋值给(i),再把元素赋值到指定索引上。

<center>
<img src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1619015200254077566.png" alt="数组插入" width="400" />
</center>

```js
Array.prototype.insert = function (index, node) {
  if (index < 0 || index > this.length) {
    return undefined;
  }
  for (let i = this.length - 1; i >= index; i -= 1) {
    this[i + 1] = this[i];
  }
  this[index] = element;
  return this;
};
```

- 删除数组中元素

删除数组的逻辑跟插入类似

```js
Array.prototype.delete = function (index) {
  if (index < 0 || index > this.length) {
    return undefined;
  }
  for (let i = index; i < this.length; i += 1) {
    this[i] = this[i + 1];
  }
  this.pop();
  return this;
};
```

<center>
<img src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1619015726909083485.png" alt="数组删除" width="400" />
</center>

我们把数组里所有的元素都左移了一位，但数组的长度依没有改变，这意味着数组中有额外的一个元素（值是 undefined）。在最后一次循环里，i+1 引用了数组里还未初始化的一个位置。在 Java、C/C+或 C#等一些语言里，这样写可能会抛出异常，因此不得不在 numbers.length-1 处停止循环。最后用 pop 方法将数组最后一位移除，也可以将数组所有不是 undefined 给赋值一个新数组。

## 多维数组

多维数组是数组的元素也为一个数组

```js
// 一个简单的多维数组
var arr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];
```

多维数组的扁平化

```js
// ES6 中提供的方法flat
let a = [1, [2, 3]];
a.flat(); // [1,2,3]

// 循环
let arr1 = [1, 2, [3], [1, 2, 3, [4, [2, 3, 4]]]];
function flatten(arr) {
  while (arr.some(item => Array.isArray(item))) {
    arr = [].concat(...arr);
  }
  return arr;
}
flatten(arr1); //[1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
```

## 总结

js 原本没有真正的数组，因为 js 的数组可以存放不同类型的数据，不同数据类型存储所需要的空间大小不同，这就导致用来存放数组的内存地址不可能是连续的。所以 js 的数组是按照类似哈希映射的方法存储的，这种方式的数组读写操作相对低效。

数组是编程中极重要的一种数据结构，大部分语言都原生实现了数组数据结构。js 的数组更加灵活，而且原生实现了众多数组的操作方法，这些方法要经常使用务必做到烂熟于心。


================================================
FILE: docs/structure/index.md
================================================
---
title: 数据结构介绍
toc: menu
nav:
  title: Structure
---

# 数据结构介绍

> Data dominates. If you've chosen the right data structures and organized things well, the algorithms will almost always be self-evident. Data structures, not algorithms, are central to programming. <br/>数据占主导。如果您选择了正确的数据结构并组织得当，那么这些算法几乎总是不言而喻的。数据结构而非算法是编程的核心。


================================================
FILE: docs/structure/linkedList.md
================================================
---
toc: menu
---

# 链表 - LinkedList

链表


================================================
FILE: jest.config.js
================================================
module.exports = {
  preset: 'ts-jest/presets/js-with-ts',
  testEnvironment: 'jsdom',
  clearMocks: true,
  coverageDirectory: 'coverage',
  cacheDirectory: '.jest/cache',
  testPathIgnorePatterns: ['/.history/'],
  modulePathIgnorePatterns: ['<rootDir>/package.json'],
  resetMocks: false,
  setupFiles: ['raf/polyfill', './jest.setup.js'],
  transform: {
    '\\.ts?$': [
      'ts-jest',
      {
        tsconfig: 'tsconfig.json',
      },
    ],
  },
  transformIgnorePatterns: ['^.+\\.js$'],
  collectCoverageFrom: [
    '<rootDir>/**/src/**/*.{js,jsx,ts,tsx}',
    '!**/demo/**',
    '!**/example/**',
    '!**/es/**',
    '!**/lib/**',
    '!**/dist/**',
  ],
  moduleNameMapper: {
    '^lodash-es$': 'lodash',
  },
  globals: {
    '__DEV__': true,
  }
};


================================================
FILE: jest.setup.js
================================================
jest.mock('react-native', () => {
  return {
    Platform: {
      OS: 'ios',
      Version: 123,
      isTesting: true,
      select: objs => objs['ios'],
    },
    BackHandler: {
      addEventListener: jest.fn(),
      removeEventListener: jest.fn(),
    },
    AccessibilityInfo: {
      addEventListener: jest.fn(),
      removeEventListener: jest.fn(),
      isBoldTextEnabled: jest.fn(),
      isGrayscaleEnabled: jest.fn(),
      isInvertColorsEnabled: jest.fn(),
      isReduceMotionEnabled: jest.fn(),
      isReduceTransparencyEnabled: jest.fn(),
      isScreenReaderEnabled: jest.fn(),
    },
    AppState: {
      currentState: 'mock-currentState',
      addEventListener: jest.fn(),
      removeEventListener: jest.fn(),
    },
    Keyboard: {
      emit: jest.fn(),
      addListener: jest.fn(),
    },
  };
});


================================================
FILE: package.json
================================================
{
  "license": "Apache-2.0",
  "name": "thundersdata-frontend",
  "author": "陈杰 <chj_0507_dz@sina.com>",
  "homepage": "https://github.com/thundersdata-frontend/td-design#readme",
  "scripts": {
    "preinstall": "npx only-allow pnpm",
    "prepare": "husky install",
    "build": "turbo run build",
    "commit": "git-cz",
    "test": "jest --passWithNoTests --detectOpenHandles --watch",
    "coverage": "jest --coverage",
    "prettier": "prettier --write --cache --cache-strategy metadata \"**/*.{tsx,ts,md}\"",
    "doc:dev": "dumi dev",
    "doc:build": "dumi build",
    "changeset": "changeset",
    "release": "pnpm build && changeset publish"
  },
  "config": {
    "commitizen": {
      "path": "node_modules/cz-customizable"
    }
  },
  "lint-staged": {
    "*.{ts,tsx,md}": [
      "npm run prettier"
    ]
  },
  "devDependencies": {
    "@changesets/changelog-github": "^0.4.8",
    "@changesets/cli": "^2.26.2",
    "@commitlint/cli": "^17.6.7",
    "@commitlint/config-conventional": "^17.6.7",
    "@testing-library/react-hooks": "^8.0.1",
    "@trivago/prettier-plugin-sort-imports": "^4.2.0",
    "@types/jest": "^29.5.3",
    "@umijs/plugin-esbuild": "^1.4.2",
    "antd": "^4.23.6",
    "babel-plugin-import": "^1.13.6",
    "commitizen": "^4.3.0",
    "cz-customizable": "^7.0.0",
    "dumi": "^1.1.48",
    "file-loader": "^6.2.0",
    "husky": "^8.0.3",
    "jest": "^29.6.1",
    "jest-environment-jsdom": "^29.6.1",
    "lint-staged": "^13.2.3",
    "prettier": "^3.0.0",
    "prettier-plugin-packagejson": "^2.4.5",
    "raf": "^3.4.1",
    "react": "^17.0.0",
    "react-native": "^0.72.9",
    "react-test-renderer": "^17.0.0",
    "ts-jest": "^29.1.1",
    "ts-node": "^10.9.1",
    "turbo": "^1.10.9",
    "yorkie": "^2.0.0"
  },
  "packageManager": "pnpm@7.3.0",
  "engines": {
    "node": ">=16",
    "pnpm": ">=7.0.0"
  },
  "resolutions": {
    "@types/react": "17.0.43"
  }
}

================================================
FILE: packages/cli/README.md
================================================
# `@td-design/cli`

> TODO: description

## Usage

```
const cli = require('@td-design/cli');

// TODO: DEMONSTRATE API
```


================================================
FILE: packages/cli/bin/index.js
================================================
#!/usr/bin/env node

require('../lib/index.js');


================================================
FILE: packages/cli/package.json
================================================
{
  "name": "@td-design/cli",
  "version": "2.6.2",
  "description": "脚手架工具,用于创建项目,创建页面等功能",
  "keywords": [
    "thundersdata",
    "frontend",
    "cli",
    "nodejs"
  ],
  "author": "陈杰 <chenjie@thundersdata.com>",
  "homepage": "https://github.com/thundersdata-frontend/td-design#readme",
  "license": "Apache-2.0",
  "files": [
    "bin/",
    "lib/"
  ],
  "main": "lib/index.js",
  "bin": {
    "td-cli": "bin/index.js"
  },
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/thundersdata-frontend/td-design.git"
  },
  "scripts": {
    "build": "tsc -p ./tsconfig.build.json"
  },
  "bugs": {
    "url": "https://github.com/thundersdata-frontend/td-design/issues"
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61",
  "dependencies": {
    "chalk": "^5.1.2",
    "commander": "^9.4.1",
    "download-git-repo": "^3.0.2",
    "handlebars": "^4.7.7",
    "inquirer": "^9.1.4",
    "log-symbols": "^5.1.0",
    "minimist": "^1.2.7",
    "ora": "^6.1.2",
    "prompt": "^1.3.0",
    "semver": "^7.3.8"
  },
  "devDependencies": {
    "@types/inquirer": "^9.0.2",
    "typescript": "^4.8.4"
  }
}


================================================
FILE: packages/cli/src/index.ts
================================================
import chalk from 'chalk';
import { program } from 'commander';
import fs from 'fs';
import inquirer from 'inquirer';

import setupApp from './setupApp';
import setupSpa from './setupSpa';

program
  .version('1.0.0', '-v, --version')
  .command('init <name>')
  .action(name => {
    if (!fs.existsSync(name)) {
      validateProjectName(name);
      inquirer
        .prompt([
          {
            name: 'platform',
            message: '请选择项目类型',
            type: 'list',
            choices: ['spa', 'app'],
          },
          {
            name: 'branch',
            message: '请选择项目分支',
            type: 'input',
            default: 'main',
          },
        ])
        .then((answers: { platform: string; branch: string }) => {
          if (answers.platform === 'spa') {
            setupSpa.init(name, answers.branch);
          } else if (answers.platform === 'app') {
            setupApp.init(name, answers.branch);
          }
        });
    } else {
      console.log(chalk.red('项目已存在'));
    }
  });
program.parse(process.argv);

/**
 * 对项目名进行校验
 * @param {*} name
 */
function validateProjectName(name: string) {
  if (!String(name).match(/^[$A-Z_][0-9A-Z_$]*$/i)) {
    console.error(
      '"%s" is not a valid name for a project. Please use a valid identifier ' + 'name (alphanumeric).',
      name
    );
    process.exit(1);
  }

  if (name === 'React') {
    console.error('"%s" is not a valid name for a project. Please do not use the ' + 'reserved word "React".', name);
    process.exit(1);
  }
}


================================================
FILE: packages/cli/src/setupApp.ts
================================================
import chalk from 'chalk';
import download from 'download-git-repo';
import fs from 'fs';
import ora from 'ora';
import path from 'path';

import deleteOldDirs from './utils/deleteOldDirs';
import replaceProject from './utils/replaceProject';
import translateFilePath from './utils/translateFilePath';
import walk from './utils/walk';

export default {
  init(projectName: string, branch: string) {
    const repository = `thundersdata-frontend/rn-template#${branch}`;
    console.log(chalk.green(`模板地址：${repository}`));
    const spinner = ora('正在下载模板，请稍候...');
    spinner.start();
    download(repository, projectName, { clone: true }, (err: string) => {
      if (err) {
        spinner.fail();
        console.log(chalk.red(err));
      } else {
        spinner.succeed();

        const rootPath = path.resolve(projectName);
        // 替换和生成所有重命名之后的文件和文件夹
        walk(rootPath).forEach(absoluteFilePath => {
          const relativeFilePath = path.relative(rootPath, absoluteFilePath);
          const relativeRenamedPath = translateFilePath(relativeFilePath)
            .replace(/rnTemplate/g, projectName)
            .replace(/rntemplate/g, projectName.toLowerCase());

          replaceProject(absoluteFilePath, path.resolve(rootPath, relativeRenamedPath), {
            'Hello App Display Name': projectName,
            rnTemplate: projectName,
            rntemplate: projectName.toLowerCase(),
          });
        });
        // 删除以前的旧的文件夹和文件夹下的内容
        walk(rootPath).forEach(absoluteFilePath => {
          if (fs.existsSync(absoluteFilePath) && fs.statSync(absoluteFilePath).isDirectory()) {
            if (absoluteFilePath.includes('rnTemplate') || absoluteFilePath.includes('rntemplate')) {
              deleteOldDirs(absoluteFilePath);
            }
          }
        });
        console.log(chalk.green('项目初始化完成'));
      }
    });
  },
};


================================================
FILE: packages/cli/src/setupSpa.ts
================================================
import chalk from 'chalk';
import download from 'download-git-repo';
import ora from 'ora';

export default {
  init: function (name: string, branch: string) {
    const repository = `thundersdata-frontend/spa-template#${branch}`;
    console.log(chalk.green(`模板地址：${repository}`));
    const spinner = ora('正在下载模板，请稍候...');
    spinner.start();
    download(repository, name, { clone: true }, (err: string) => {
      if (err) {
        spinner.fail();
        console.log(chalk.red(err));
      } else {
        spinner.succeed();
        console.log(chalk.green('项目初始化完成'));
      }
    });
  },
};


================================================
FILE: packages/cli/src/utils/deleteOldDirs.ts
================================================
import fs from 'fs';

export default function delDir(path: string) {
  let files = [];
  if (fs.existsSync(path)) {
    files = fs.readdirSync(path);
    files.forEach(file => {
      const curPath = path + '/' + file;
      if (fs.statSync(curPath).isDirectory()) {
        delDir(curPath); //递归删除文件夹
      } else {
        fs.unlinkSync(curPath); //删除文件
      }
    });
    fs.rmdirSync(path);
  }
}


================================================
FILE: packages/cli/src/utils/replaceProject.ts
================================================
import fs from 'fs';
import path from 'path';

const binaryExtensions = ['.png', '.jar', '.webp', '.ttf', '.svg', '.bat', '.properties', '.keystore'];

/**
 * Copy a file to given destination, replacing parts of its contents.
 * @param srcPath Path to a file to be copied.
 * @param destPath Destination path.
 * @param replacements: e.g. {'TextToBeReplaced': 'Replacement'}
 */
export default function replaceProject(srcPath: string, destPath: string, replacements: Record<string, string>) {
  if (fs.lstatSync(srcPath).isDirectory()) {
    if (!fs.existsSync(destPath)) {
      fs.mkdirSync(destPath);
    }
    // Not recursive
    return;
  }

  const extension = path.extname(srcPath);
  if (binaryExtensions.indexOf(extension) === -1) {
    // Text file
    const srcPermissions = fs.statSync(srcPath).mode;
    let content = fs.readFileSync(srcPath, 'utf8');
    Object.keys(replacements).forEach(
      regex => (content = content.replace(new RegExp(regex, 'g'), replacements[regex]))
    );
    fs.writeFileSync(destPath, content, {
      encoding: 'utf8',
      mode: srcPermissions,
    });
  }
}


================================================
FILE: packages/cli/src/utils/translateFilePath.ts
================================================
'use strict';

/**
 * There are various files in the templates folder in the RN repo. We want
 * these to be ignored by tools when working with React Native itself.
 * Example: _babelrc file is ignored by Babel, renamed to .babelrc inside
 *          a real app folder.
 * This is especially important for .gitignore because npm has some special
 * behavior of automatically renaming .gitignore to .npmignore.
 */
export default function translateFilePath(path: string) {
  if (!path) {
    return path;
  }
  return path
    .replace('_BUCK', 'BUCK')
    .replace('_gitignore', '.gitignore')
    .replace('_gitattributes', '.gitattributes')
    .replace('_babel.config.js', 'babel.config.js')
    .replace('_babelrc', '.babelrc')
    .replace('_flowconfig', '.flowconfig')
    .replace('_buckconfig', '.buckconfig')
    .replace('_watchmanconfig', '.watchmanconfig');
}


================================================
FILE: packages/cli/src/utils/walk.ts
================================================
import fs from 'fs';
import path from 'path';

('use strict');

export default function walk(current: string): string[] {
  if (!fs.lstatSync(current).isDirectory()) {
    return [current];
  }

  const files = fs.readdirSync(current).map(child => {
    child = path.join(current, child);
    return walk(child);
  });
  return [current].concat(...files);
}


================================================
FILE: packages/cli/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */,
    "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
    "outDir": "./lib" /* 输出目录 */,
    "strict": true /* 启用所有严格类型检查选项。 */,
    "baseUrl": "./" /* 解析非绝对模块名称的基目录。 */,
    "esModuleInterop": true /* 通过为所有导入创建命名空间对象，实现CommonJS和ES模块之间的互操作性。意味着“allowSyntheticDefaultImports”。 */,
    "experimentalDecorators": true /* 启用对ES7装饰器的实验性支持。 */,
    "forceConsistentCasingInFileNames": true /* 不允许对同一文件进行大小写不一致的引用。 */,
    "resolveJsonModule": true /* 允许导入JSON文件 */,
    "skipLibCheck": true
  }
  // "exclude": ["node_modules",]
}


================================================
FILE: packages/cli/types.d.ts
================================================
declare module 'download-git-repo';


================================================
FILE: packages/eslint-plugin-replace-hooks/.eslintrc.js
================================================
'use strict';

module.exports = {
  root: true,
  extends: ['eslint:recommended', 'plugin:eslint-plugin/recommended', 'plugin:node/recommended'],
  env: {
    es6: true,
  },
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: 'module',
  },
  overrides: [
    {
      files: ['tests/**/*.js'],
      env: { mocha: true },
    },
  ],
};


================================================
FILE: packages/eslint-plugin-replace-hooks/README.md
================================================
# eslint-plugin-replace-hooks

replace some hooks by other hooks

## Installation

You'll first need to install [ESLint](https://eslint.org/):

```sh
npm i eslint --save-dev
```

Next, install `eslint-plugin-replace-hooks`:

```sh
npm install eslint-plugin-replace-hooks --save-dev
```

## Usage

Add `replace-hooks` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix:

```json
{
  "plugins": [
    "replace-hooks" // this must be placed before `import`
  ]
}
```

Then configure the rules you want to use under the rules section.

```json
{
  "rules": {
    "replace-hooks/no-forbidden-hooks": [
      "error",
      { "useState": { "tip": "your custom hooks", "dependency": "your module" } }
    ]
  }
}
```

## Supported Rules

- no-forbidden-hooks

## Caution

- this plugin should work with `eslint-plugin-import`, especially the rules `import/no-duplicates` to help merge import from same modules.
- the plugin must be placed before `eslint-plugin-import`

  plugins: [ // other plugins, 'replace-hooks', 'import', ]


================================================
FILE: packages/eslint-plugin-replace-hooks/docs/rules/no-forbidden-hooks.md
================================================
# no forbidden hooks in project (no-forbidden-hooks)

## Rule Details

可以通过配置，把项目中不允许使用的 hooks 标记出来，同时提示用指定的其他 hooks 替换

Examples of **incorrect** code for this rule:

```js
// 其他配置
rules: {
  // 其他规则
  'replace-hooks/no-forbidden-hooks': 'error',
}

```

Examples of **correct** code for this rule:

```js
// 其他配置
rules: {
  // 其他规则
  'replace-hooks/no-forbidden-hooks': ['error', { useState: 'useSafeState' }],
}

```

### Options

要提示错误的 hooks，是一个键值对。键是要提示错误的 hooks，值是提示要替换的 hooks。比如：

```js
{
  useState: 'useSafeState';
}
```

## When Not To Use It

如果你的项目里不需要用一些自定义的 hooks 封装，替换默认的 hooks


================================================
FILE: packages/eslint-plugin-replace-hooks/gulpfile.js
================================================
const gulp = require('gulp');
const del = require('del');

/**
 * 清理构建目录
 */
async function clean() {
  /** 删除构建目录 */
  await del('lib');
}

async function copy() {
  await gulp.src('./src/**/*').pipe(gulp.dest('lib/'));
}

exports.default = gulp.series(clean, copy);


================================================
FILE: packages/eslint-plugin-replace-hooks/package.json
================================================
{
  "name": "eslint-plugin-replace-hooks",
  "version": "1.0.3",
  "description": "replace some hooks by other hooks",
  "keywords": [
    "eslint",
    "eslintplugin",
    "eslint-plugin"
  ],
  "author": "chjdamon<chj_0507_dz@sina.com>",
  "main": "lib/index.js",
  "scripts": {
    "build": "gulp",
    "lint": "eslint .",
    "test": "mocha tests --recursive"
  },
  "devDependencies": {
    "del": "^6.0.0",
    "eslint": "^8.25.0",
    "eslint-plugin-es": "^4.1.0",
    "eslint-plugin-eslint-plugin": "^5.0.6",
    "eslint-plugin-node": "^11.1.0",
    "gulp": "^4.0.2",
    "mocha": "^10.1.0"
  },
  "license": "MIT",
  "dependencies": {
    "requireindex": "^1.2.0"
  }
}


================================================
FILE: packages/eslint-plugin-replace-hooks/src/index.js
================================================
/**
 * @fileoverview replace some hooks by other hooks
 * @author chjdamon
 */
'use strict';

//------------------------------------------------------------------------------
// Requirements
//------------------------------------------------------------------------------

const requireIndex = require('requireindex');

//------------------------------------------------------------------------------
// Plugin Definition
//------------------------------------------------------------------------------

// import all rules in lib/rules
module.exports.rules = requireIndex(__dirname + '/rules');


================================================
FILE: packages/eslint-plugin-replace-hooks/src/rules/no-forbidden-hooks.js
================================================
/**
 * @fileoverview no forbidden hooks in project
 * @author chjdamon
 */
'use strict';

//------------------------------------------------------------------------------
// Rule Definition
//------------------------------------------------------------------------------

module.exports = {
  meta: {
    type: 'suggestion', // `problem`, `suggestion`, or `layout`
    docs: {
      description: 'no forbidden hooks in project',
      recommended: true,
      url: 'https://github.com/thundersdata-frontend/td-design/tree/main/packages/eslint-plugin-replace-hooks#readme', // URL to the documentation page for this rule
    },
    fixable: 'code', // Or `code` or `whitespace`
    schema: [
      {
        type: 'object',
      },
    ], // Add a schema if the rule has options
    messages: {
      empty: '',
      forbidden: '`{{name}}` is forbidden. try to use `{{tip}}` from `{{dependency}}` alternatively',
    },
  },

  create(context) {
    // variables should be defined here
    if (!context.options || !Array.isArray(context.options) || context.options.length === 0) return {};
    const pattern = context.options[0]; // {useState: {tip: 'useSafeState', dependency: '@td-design/rn-hooks'}}
    //----------------------------------------------------------------------
    // Helpers
    //----------------------------------------------------------------------

    // any helper functions should go here or else delete this section

    //----------------------------------------------------------------------
    // Public
    //----------------------------------------------------------------------
    if (!pattern) return {};
    return {
      // 删除要替换的hooks，插入代替的hooks的import
      ImportSpecifier: node => {
        Object.entries(pattern).forEach(([key, value]) => {
          if (node.imported.name === key) {
            context.report({
              node,
              messageId: 'forbidden',
              data: {
                name: key,
                tip: value.tip,
                dependency: value.dependency,
              },
              fix: fixer => [
                fixer.remove(node),
                fixer.insertTextAfterRange(
                  [node.parent.range[0], node.parent.range[1] + 1],
                  `import { ${value.tip} } from '${value.dependency}';\n`
                ),
              ],
            });
          }
        });
      },

      // 删除空的import
      ImportDeclaration: node => {
        if (node.specifiers.length === 0) {
          context.report({
            node,
            messageId: 'empty',
            fix: fixer => fixer.remove(node),
          });
        }
      },

      // 替换文本
      'VariableDeclaration VariableDeclarator CallExpression Identifier': node => {
        Object.entries(pattern).forEach(([key, value]) => {
          if (node.name === key) {
            context.report({
              node,
              messageId: 'forbidden',
              data: {
                name: key,
                tip: value.tip,
                dependency: value.dependency,
              },
              fix: fixer => fixer.replaceText(node, value.tip),
            });
          }
        });
      },
    };
  },
};


================================================
FILE: packages/hooks/CHANGELOG.md
================================================
# @td-design/rn-hooks

## 2.8.1

### Patch Changes

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 优化代码性能

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复useCounter的bug

## 2.8.0

### Minor Changes

- [#831](https://github.com/thundersdata-frontend/td-design/pull/831) [`85fcb2d49`](https://github.com/thundersdata-frontend/td-design/commit/85fcb2d49ad1a15f5db089b769ecfb610988c0d1) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 新增useInfiniteScroll

## 2.7.4

### Patch Changes

- [#812](https://github.com/thundersdata-frontend/td-design/pull/812) [`603414f12`](https://github.com/thundersdata-frontend/td-design/commit/603414f12353bdd2ae1ffa1655fcddf8b799029b) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修改RN里面判断开发环境的方式

## 2.7.3

### Patch Changes

- [#698](https://github.com/thundersdata-frontend/td-design/pull/698) [`52e472893`](https://github.com/thundersdata-frontend/td-design/commit/52e472893db980bbbc0131fe45da2188ec681542) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化 useRequest 组件在开发环境的提示

## 2.7.2

### Patch Changes

- [#694](https://github.com/thundersdata-frontend/td-design/pull/694) [`8edd617ee`](https://github.com/thundersdata-frontend/td-design/commit/8edd617eee2d62d4c6daa6aa1c348464325cd358) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化部分 hooks 的代码

## 2.7.1

### Patch Changes

- [#660](https://github.com/thundersdata-frontend/td-design/pull/660) [`94e1422ba`](https://github.com/thundersdata-frontend/td-design/commit/94e1422babc364a236695e12a80718336a039e70) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 修复 Modal 的几个方法在关闭后 Portal 没有被销毁的问题 2. 优化 ImagePicker 两个方法的写法 3. 修复 ActionSheet 的一些问题

## 2.7.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 2.6.1

### Patch Changes

- [#643](https://github.com/thundersdata-frontend/td-design/pull/643) [`694c4666c`](https://github.com/thundersdata-frontend/td-design/commit/694c4666c116869ee9321dd579113136603b8ba3) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 pollingInterval 没有类型定义的问题

## 2.6.0

### Minor Changes

- [#641](https://github.com/thundersdata-frontend/td-design/pull/641) [`68cfd28b1`](https://github.com/thundersdata-frontend/td-design/commit/68cfd28b1f3bc9bebfe8b6eda4979102054fb8df) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化 hooks

## 2.5.1

### Patch Changes

- [`1cffe53a5`](https://github.com/thundersdata-frontend/td-design/commit/1cffe53a553b66a78b09a34ad091afae5cfc56c7) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 loading 在 ready 为 falsy 的时候一直都是 true 的问题

## 2.5.0

### Minor Changes

- [`4d1d4db4c`](https://github.com/thundersdata-frontend/td-design/commit/4d1d4db4c83b1d37810af6c289adfade573364d8) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 移除某些 hooks 对 react-native-background-timer 的依赖

  2. 重写 useSms


================================================
FILE: packages/hooks/package.json
================================================
{
  "name": "@td-design/rn-hooks",
  "version": "2.8.1",
  "description": "从ahooks里面抽取的一些在rn项目里可以使用的hooks。提高开发效率",
  "keywords": [
    "hooks",
    "ahooks"
  ],
  "homepage": "https://github.com/thundersdata-frontend/td-design/tree/main/packages/hooks#readme",
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/thundersdata-frontend/td-design.git"
  },
  "scripts": {
    "build": "rollup -c"
  },
  "bugs": {
    "url": "https://github.com/thundersdata-frontend/td-design/issues"
  },
  "dependencies": {
    "lodash-es": "^4.17.21"
  },
  "devDependencies": {
    "@types/lodash-es": "^4.17.8",
    "@types/node": "^20.4.4",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "typescript": "^5.1.6",
    "@rollup/plugin-babel": "^6.0.3",
    "@rollup/plugin-commonjs": "^25.0.3",
    "@rollup/plugin-node-resolve": "^15.1.0",
    "rollup": "^3.26.3",
    "rollup-plugin-typescript2": "^0.35.0",
    "tslib": "^2.6.0"
  }
}

================================================
FILE: packages/hooks/rollup.config.js
================================================
const commonjs = require('@rollup/plugin-commonjs');
const resolve = require('@rollup/plugin-node-resolve');
const typescript = require('rollup-plugin-typescript2')
const fs = require("fs")

const noDeclarationFiles = { compilerOptions: { declaration: false } };

let pkg = JSON.parse(fs.readFileSync('./package.json')),
    external = Object.keys(pkg.dependencies || {});


module.exports = [
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/commonjs',
      format: 'cjs',
      name: '[name].js',
      preserveModules: true, 
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs(),
      typescript({tsconfig: "tsconfig.json",tsconfigOverride:{ compilerOptions: { declaration: true ,declarationDir:'./lib/typescript'} },useTsconfigDeclarationDir: true}),
    ],
    external: ['react','react-native',...external,/node_modules/],
  },
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/module',
      format: 'esm',
      entryFileNames: '[name].js',
      preserveModules: true, 
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs({ mainFields: ["module", "main", "jsnext:main", "browser"],
      extensions: [".js", ".mjs", ".json"],
      sourceMap: false,
      browser: true,}),
      typescript({ tsconfigOverride: noDeclarationFiles}),
    ],
    external: ['react','react-native',...external,/node_modules/],
  }
]




================================================
FILE: packages/hooks/src/createUpdateEffect/index.test.ts
================================================
import { useEffect, useLayoutEffect } from 'react';

import { renderHook } from '@testing-library/react-hooks';

import { createUpdateEffect } from './index';

describe('createUpdateEffect', () => {
  it('should be defined', () => {
    expect(createUpdateEffect).toBeDefined();
  });

  it('should work for useEffect', () => {
    const useUpdateEffect = createUpdateEffect(useEffect);

    let mountedState = 1;
    const hook = renderHook(() =>
      useUpdateEffect(() => {
        mountedState = 2;
      })
    );
    expect(mountedState).toEqual(1);
    hook.rerender();
    expect(mountedState).toEqual(2);
  });

  it('should work for useLayoutEffect', () => {
    const useUpdateLayoutEffect = createUpdateEffect(useLayoutEffect);

    let mountedState = 1;
    const hook = renderHook(() =>
      useUpdateLayoutEffect(() => {
        mountedState = 2;
      })
    );
    expect(mountedState).toEqual(1);
    hook.rerender();
    expect(mountedState).toEqual(2);
  });
});


================================================
FILE: packages/hooks/src/createUpdateEffect/index.ts
================================================
import type { useEffect, useLayoutEffect } from 'react';
import { useRef } from 'react';

type effectHookType = typeof useEffect | typeof useLayoutEffect;

export const createUpdateEffect: (hook: effectHookType) => effectHookType = hook => (effect, deps) => {
  const isMounted = useRef(false);

  // for react-refresh
  hook(() => {
    return () => {
      isMounted.current = false;
    };
  }, []);

  hook(() => {
    if (!isMounted.current) {
      isMounted.current = true;
    } else {
      return effect();
    }
  }, deps);
};


================================================
FILE: packages/hooks/src/index.ts
================================================
import { default as useAccessibilityInfo } from './useAccessibilityInfo';
import { default as useAppState } from './useAppState';
import { default as useAsyncEffect } from './useAsyncEffect';
import { default as useBackHandler } from './useBackHandler';
import { default as useBoolean } from './useBoolean';
import { default as useControllableValue } from './useControllableValue';
import { default as useCountdown } from './useCountdown';
import { default as useCounter } from './useCounter';
import { default as useCreation } from './useCreation';
import { default as useDebounce } from './useDebounce';
import { default as useDebounceEffect } from './useDebounceEffect';
import { default as useDebounceFn } from './useDebounceFn';
import { default as useDeepCompareEffect } from './useDeepCompareEffect';
import { default as useDeviceOrientation } from './useDeviceOrientation';
import { default as useDimensions } from './useDimensions';
import { default as useDynamicList } from './useDynamicList';
import { default as useEventEmitter } from './useEventEmitter';
import { default as useHistoryTravel } from './useHistoryTravel';
import { default as useInfiniteScroll } from './useInfiniteScroll';
import { default as useInterval } from './useInterval';
import { default as useKeyboard } from './useKeyboard';
import { default as useLatest } from './useLatest';
import { default as useLayout } from './useLayout';
import { default as useLockFn } from './useLockFn';
import { default as useMap } from './useMap';
import { default as useMemoizedFn } from './useMemoizedFn';
import { default as useMount } from './useMount';
import { default as usePagination } from './usePagination';
import { default as usePrevious } from './usePrevious';
import { clearCache, default as useRequest } from './useRequest';
import { default as useSafeState } from './useSafeState';
import { default as useSet } from './useSet';
import { default as useSetState } from './useSetState';
import { default as useSms } from './useSms';
import { default as useThrottle } from './useThrottle';
import { default as useThrottleEffect } from './useThrottleEffect';
import { default as useThrottleFn } from './useThrottleFn';
import { default as useTimeout } from './useTimeout';
import { default as useToggle } from './useToggle';
import { default as useTrackedEffect } from './useTrackedEffect';
import { default as useUnmount } from './useUnmount';
import { default as useUnmountedRef } from './useUnmountedRef';
import { default as useUpdate } from './useUpdate';
import { default as useUpdateEffect } from './useUpdateEffect';
import { default as useUpdateLayoutEffect } from './useUpdateLayoutEffect';
import { default as useWhyDidYouUpdate } from './useWhyDidYouUpdate';

export {
  useAccessibilityInfo,
  useAppState,
  useBackHandler,
  useDeviceOrientation,
  useDimensions,
  useKeyboard,
  useLayout,
  useAsyncEffect,
  useBoolean,
  useControllableValue,
  useCounter,
  useCreation,
  useDebounce,
  useDebounceEffect,
  useDebounceFn,
  useDeepCompareEffect,
  useDynamicList,
  useEventEmitter,
  useHistoryTravel,
  useInterval,
  useLatest,
  useLockFn,
  useMap,
  useMemoizedFn,
  useMount,
  usePagination,
  usePrevious,
  useRequest,
  useSafeState,
  useSet,
  useSetState,
  useCountdown,
  useThrottle,
  useThrottleEffect,
  useThrottleFn,
  useTimeout,
  useToggle,
  useTrackedEffect,
  useUnmount,
  useUpdate,
  useUnmountedRef,
  useUpdateEffect,
  useUpdateLayoutEffect,
  useWhyDidYouUpdate,
  useSms,
  clearCache,
  useInfiniteScroll,
};


================================================
FILE: packages/hooks/src/useAccessibilityInfo/index.test.ts
================================================
import { AccessibilityChangeEventName, AccessibilityInfo } from 'react-native';

import { act, renderHook } from '@testing-library/react-hooks';

import useAccessibilityInfo from './index';

describe('useAccessibilityInfo', () => {
  const mockAddEventListener = AccessibilityInfo.addEventListener as jest.Mock;

  const mockIsBoldTextEnabled = AccessibilityInfo.isBoldTextEnabled as jest.Mock;
  const mockIsGrayscaleEnabled = AccessibilityInfo.isGrayscaleEnabled as jest.Mock;
  const mockIsInvertColorsEnabled = AccessibilityInfo.isInvertColorsEnabled as jest.Mock;
  const mockIsReduceMotionEnabled = AccessibilityInfo.isReduceMotionEnabled as jest.Mock;
  const mockIsReduceTransparencyEnabled = AccessibilityInfo.isReduceTransparencyEnabled as jest.Mock;
  const mockIsScreenReaderEnabled = AccessibilityInfo.isScreenReaderEnabled as jest.Mock;

  const createEmitChangeEvent = (event: AccessibilityChangeEventName) => {
    let handler: (value: boolean) => void;

    mockAddEventListener.mockImplementation((eventName, fn) => {
      if (eventName === event) {
        handler = fn;
      }
    });

    return (value: boolean) => handler(value);
  };

  beforeAll(() => {
    mockIsBoldTextEnabled.mockResolvedValue(false);
    mockIsGrayscaleEnabled.mockResolvedValue(false);
    mockIsInvertColorsEnabled.mockResolvedValue(false);
    mockIsReduceMotionEnabled.mockResolvedValue(false);
    mockIsReduceTransparencyEnabled.mockResolvedValue(false);
    mockIsScreenReaderEnabled.mockResolvedValue(false);
  });

  describe('screenReaderEnabled', () => {
    it('should return undefined until promise will be resolved', async () => {
      const { result } = renderHook(() => useAccessibilityInfo().screenReaderEnabled);

      expect(result.current).toBeUndefined();
    });

    it('should return default value', async () => {
      const defaultValue = true;

      mockIsScreenReaderEnabled.mockResolvedValueOnce(defaultValue);

      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().screenReaderEnabled);

      await waitForNextUpdate(); // wait when promise will be resolved

      expect(result.current).toBe(defaultValue);
    });

    it('should update value when it change', async () => {
      const newValue = true;
      const emit = createEmitChangeEvent('screenReaderChanged');
      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().screenReaderEnabled);
      await waitForNextUpdate(); // wait when promise will be resolved

      const { current: initial } = result;

      act(() => emit(newValue));

      const { current: afterUpdate } = result;

      expect({ initial, afterUpdate }).toEqual({
        initial: false,
        afterUpdate: newValue,
      });
    });
  });

  describe('grayscaleEnabled', () => {
    it('should return undefined until promise will be resolved', async () => {
      const { result } = renderHook(() => useAccessibilityInfo().grayscaleEnabled);

      expect(result.current).toBeUndefined();
    });

    it('should return default value', async () => {
      const defaultValue = true;

      mockIsGrayscaleEnabled.mockResolvedValueOnce(defaultValue);

      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().grayscaleEnabled);

      await waitForNextUpdate(); // wait when promise will be resolved

      expect(result.current).toBe(defaultValue);
    });

    it('should update value when it change', async () => {
      const newValue = true;
      const emit = createEmitChangeEvent('grayscaleChanged');
      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().grayscaleEnabled);
      await waitForNextUpdate(); // wait when promise will be resolved

      const { current: initial } = result;

      act(() => emit(newValue));

      const { current: afterUpdate } = result;

      expect({ initial, afterUpdate }).toEqual({
        initial: false,
        afterUpdate: newValue,
      });
    });
  });

  describe('invertColorsEnabled', () => {
    it('should return undefined until promise will be resolved', async () => {
      const { result } = renderHook(() => useAccessibilityInfo().invertColorsEnabled);

      expect(result.current).toBeUndefined();
    });

    it('should return default value', async () => {
      const defaultValue = true;

      mockIsInvertColorsEnabled.mockResolvedValueOnce(defaultValue);

      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().invertColorsEnabled);

      await waitForNextUpdate(); // wait when promise will be resolved

      expect(result.current).toBe(defaultValue);
    });

    it('should update value when it change', async () => {
      const newValue = true;
      const emit = createEmitChangeEvent('invertColorsChanged');
      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().invertColorsEnabled);
      await waitForNextUpdate(); // wait when promise will be resolved

      const { current: initial } = result;

      act(() => emit(newValue));

      const { current: afterUpdate } = result;

      expect({ initial, afterUpdate }).toEqual({
        initial: false,
        afterUpdate: newValue,
      });
    });
  });

  describe('reduceMotionEnabled', () => {
    it('should return undefined until promise will be resolved', async () => {
      const { result } = renderHook(() => useAccessibilityInfo().reduceMotionEnabled);

      expect(result.current).toBeUndefined();
    });

    it('should return default value', async () => {
      const defaultValue = true;

      mockIsReduceMotionEnabled.mockResolvedValueOnce(defaultValue);

      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().reduceMotionEnabled);

      await waitForNextUpdate(); // wait when promise will be resolved

      expect(result.current).toBe(defaultValue);
    });

    it('should update value when it change', async () => {
      const newValue = true;
      const emit = createEmitChangeEvent('reduceMotionChanged');
      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().reduceMotionEnabled);
      await waitForNextUpdate(); // wait when promise will be resolved

      const { current: initial } = result;

      act(() => emit(newValue));

      const { current: afterUpdate } = result;

      expect({ initial, afterUpdate }).toEqual({
        initial: false,
        afterUpdate: newValue,
      });
    });
  });

  describe('reduceTransparencyEnabled', () => {
    it('should return undefined until promise will be resolved', async () => {
      const { result } = renderHook(() => useAccessibilityInfo().reduceTransparencyEnabled);

      expect(result.current).toBeUndefined();
    });

    it('should return default value', async () => {
      const defaultValue = true;

      mockIsReduceTransparencyEnabled.mockResolvedValueOnce(defaultValue);

      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().reduceTransparencyEnabled);

      await waitForNextUpdate(); // wait when promise will be resolved

      expect(result.current).toBe(defaultValue);
    });

    it('should update value when it change', async () => {
      const newValue = true;
      const emit = createEmitChangeEvent('reduceTransparencyChanged');
      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().reduceTransparencyEnabled);
      await waitForNextUpdate(); // wait when promise will be resolved

      const { current: initial } = result;

      act(() => emit(newValue));

      const { current: afterUpdate } = result;

      expect({ initial, afterUpdate }).toEqual({
        initial: false,
        afterUpdate: newValue,
      });
    });
  });

  describe('boldTextEnabled', () => {
    it('should return undefined until promise will be resolved', async () => {
      const { result } = renderHook(() => useAccessibilityInfo().boldTextEnabled);

      expect(result.current).toBeUndefined();
    });

    it('should return default value', async () => {
      const defaultValue = true;

      mockIsBoldTextEnabled.mockResolvedValueOnce(defaultValue);

      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().boldTextEnabled);

      await waitForNextUpdate(); // wait when promise will be resolved

      expect(result.current).toBe(defaultValue);
    });

    it('should update value when it change', async () => {
      const newValue = true;
      const emit = createEmitChangeEvent('boldTextChanged');
      const { result, waitForNextUpdate } = renderHook(() => useAccessibilityInfo().boldTextEnabled);
      await waitForNextUpdate(); // wait when promise will be resolved

      const { current: initial } = result;

      act(() => emit(newValue));

      const { current: afterUpdate } = result;

      expect({ initial, afterUpdate }).toEqual({
        initial: false,
        afterUpdate: newValue,
      });
    });
  });
});


================================================
FILE: packages/hooks/src/useAccessibilityInfo/index.ts
================================================
import { useEffect } from 'react';
import { AccessibilityChangeEventName, AccessibilityInfo } from 'react-native';

import useSafeState from '../useSafeState';

type AccessibilityInfoStaticInitializers =
  | 'isBoldTextEnabled'
  | 'isScreenReaderEnabled'
  | 'isGrayscaleEnabled'
  | 'isInvertColorsEnabled'
  | 'isReduceMotionEnabled'
  | 'isReduceTransparencyEnabled';

function useAccessibilityStateListener(
  eventName: AccessibilityChangeEventName,
  initializerName: AccessibilityInfoStaticInitializers
) {
  const [isEnabled, setIsEnabled] = useSafeState<boolean | undefined>(undefined);

  useEffect(() => {
    if (!AccessibilityInfo[initializerName]) return;

    AccessibilityInfo[initializerName]().then(setIsEnabled);

    const subscription = AccessibilityInfo.addEventListener(eventName, setIsEnabled);

    return () => {
      if (typeof subscription?.remove === 'function') {
        subscription.remove();
      } else {
        // @ts-ignore - need update @types/react-native@0.65.x
        AccessibilityInfo.removeEventListener(eventName, setIsEnabled);
      }
    };
  }, [eventName, initializerName, setIsEnabled]);

  return isEnabled;
}

export default function useAccessibilityInfo() {
  // 字体加粗（IOS）
  const boldTextEnabled = useAccessibilityStateListener('boldTextChanged', 'isBoldTextEnabled');
  // 灰色模式（IOS。色盲使用）
  const grayscaleEnabled = useAccessibilityStateListener('grayscaleChanged', 'isGrayscaleEnabled');
  // 反转显示屏的颜色（IOS）
  const invertColorsEnabled = useAccessibilityStateListener('invertColorsChanged', 'isInvertColorsEnabled');
  // 减弱动态效果
  const reduceMotionEnabled = useAccessibilityStateListener('reduceMotionChanged', 'isReduceMotionEnabled');
  // 降低透明度 (IOS)
  const reduceTransparencyEnabled = useAccessibilityStateListener(
    'reduceTransparencyChanged',
    'isReduceTransparencyEnabled'
  );
  // 是否启用读屏应用
  const screenReaderEnabled = useAccessibilityStateListener('screenReaderChanged', 'isScreenReaderEnabled');

  return {
    screenReaderEnabled,
    grayscaleEnabled,
    invertColorsEnabled,
    reduceMotionEnabled,
    reduceTransparencyEnabled,
    boldTextEnabled,
  };
}


================================================
FILE: packages/hooks/src/useAppState/index.test.ts
================================================
import { AppState, AppStateStatus } from 'react-native';

import { act, renderHook } from '@testing-library/react-hooks';

import useAppState from './index';

describe('useAppState', () => {
  const addEventListenerMock = AppState.addEventListener as jest.Mock;
  const createEmitAppStateChange = () => {
    let listener: (newStatus: AppStateStatus) => any;

    addEventListenerMock.mockImplementationOnce((_, fn) => {
      listener = fn;
    });

    return (newStatus: AppStateStatus) => listener(newStatus);
  };

  it('should return current state by default', () => {
    const { result } = renderHook(() => useAppState());

    expect(result.current).toBe(AppState.currentState);
  });

  it('should update state when it change', () => {
    const newStatus = 'background';
    const emit = createEmitAppStateChange();

    const { result } = renderHook(() => useAppState());

    const { current: initialStatus } = result;

    act(() => {
      emit(newStatus);
    });

    const { current: statusAfterUpdate } = result;

    expect({ initialStatus, statusAfterUpdate }).toEqual({
      initialStatus: AppState.currentState,
      statusAfterUpdate: newStatus,
    });
  });
});


================================================
FILE: packages/hooks/src/useAppState/index.ts
================================================
import { useEffect } from 'react';
import { AppState } from 'react-native';

import useSafeState from '../useSafeState';

export default function useAppState() {
  const [appState, setAppState] = useSafeState(AppState.currentState);

  useEffect(() => {
    const subscription = AppState.addEventListener('change', setAppState);

    return () => {
      if (typeof subscription?.remove === 'function') {
        subscription.remove();
      } else {
        // @ts-ignore - need update @types/react-native@0.65.x
        AppState.removeEventListener('change', setAppState);
      }
    };
  }, [setAppState]);

  return appState;
}


================================================
FILE: packages/hooks/src/useAsyncEffect/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useAsyncEffect } from '@td-design/rn-hooks';

function mockCheck(): Promise<boolean> {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(true);
    }, 3000);
  });
}

export default () => {
  const [pass, setPass] = useState<boolean>();

  useAsyncEffect(async () => {
    setPass(await mockCheck());
  }, []);

  return (
    <div>
      <button disabled={!pass}>Submit</button>
      <p>
        {pass === null && 'Checking...'}
        {pass === true && 'Check passed.'}
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useAsyncEffect/index.test.ts
================================================
import { useState } from 'react';

import { renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useAsyncEffect from './index';

describe('useAsyncEffect', () => {
  test('useAsyncEffect should be defined', () => {
    expect(useAsyncEffect).toBeDefined();
  });

  test('should work without cleanup', async () => {
    const { result, waitForNextUpdate } = renderHook(() => {
      const [count, setCount] = useState(0);

      useAsyncEffect(async () => {
        await sleep(100);
        setCount(1);
      }, []);
      return count;
    });

    expect(result.current).toBe(0);

    await waitForNextUpdate();

    expect(result.current).toBe(1);
  });
});


================================================
FILE: packages/hooks/src/useAsyncEffect/index.ts
================================================
import type { DependencyList } from 'react';
import { useEffect } from 'react';

import { isFunction } from '../utils';

function isAsyncGenerator(
  val: AsyncGenerator<void, void, void> | Promise<void>
): val is AsyncGenerator<void, void, void> {
  return isFunction(val[Symbol.asyncIterator]);
}

function useAsyncEffect(effect: () => AsyncGenerator<void, void, void> | Promise<void>, deps?: DependencyList) {
  useEffect(() => {
    const e = effect();
    let cancelled = false;
    async function execute() {
      if (isAsyncGenerator(e)) {
        while (true) {
          const result = await e.next();
          if (result.done || cancelled) {
            break;
          }
        }
      } else {
        await e;
      }
    }
    execute();
    return () => {
      cancelled = true;
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, deps);
}

export default useAsyncEffect;


================================================
FILE: packages/hooks/src/useBackHandler/index.test.ts
================================================
import { BackHandler } from 'react-native';

import { renderHook } from '@testing-library/react-hooks';

import useBackHandler from './index';

describe('useBackHandler', () => {
  test('useBackHandler should be defined', () => {
    expect(useBackHandler).toBeDefined();
  });

  const addEventListenerMock = BackHandler.addEventListener as jest.Mock;
  const removeEventListenerMock = BackHandler.removeEventListener as jest.Mock;

  beforeEach(() => {
    jest.clearAllMocks();
  });

  it('should add back press listener on mount', () => {
    const handler = jest.fn();

    renderHook(props => useBackHandler(props.handler), {
      initialProps: { handler },
    });

    expect(addEventListenerMock).toBeCalledTimes(1);
    expect(addEventListenerMock).toBeCalledWith('hardwareBackPress', handler);
  });

  it('should resubscribe when passed handler will change', () => {
    const handler = jest.fn();
    const handler2 = jest.fn();

    const { rerender } = renderHook(props => useBackHandler(props.handler), {
      initialProps: { handler },
    });

    expect(addEventListenerMock).toBeCalledWith('hardwareBackPress', handler);

    rerender({ handler: handler2 });

    expect(removeEventListenerMock).toBeCalledWith('hardwareBackPress', handler);
    expect(addEventListenerMock).toBeCalledWith('hardwareBackPress', handler2);
  });

  it('should remove back press listener on unmount', () => {
    const handler = jest.fn();

    const { unmount } = renderHook(props => useBackHandler(props.handler), {
      initialProps: { handler },
    });

    expect(removeEventListenerMock).toBeCalledTimes(0);

    unmount();

    expect(removeEventListenerMock).toBeCalledTimes(1);
    expect(removeEventListenerMock).toBeCalledWith('hardwareBackPress', handler);
  });
});


================================================
FILE: packages/hooks/src/useBackHandler/index.ts
================================================
import { useEffect } from 'react';
import { BackHandler } from 'react-native';

export default function useBackHandler(handler: () => boolean) {
  useEffect(() => {
    const subscription = BackHandler.addEventListener('hardwareBackPress', handler);

    return () => {
      if (typeof subscription?.remove === 'function') {
        subscription.remove();
      } else {
        // React Native < 0.65
        BackHandler.removeEventListener('hardwareBackPress', handler);
      }
    };
  }, [handler]);
}


================================================
FILE: packages/hooks/src/useBoolean/demo/demo1.tsx
================================================
import React from 'react';

import { useBoolean } from '@td-design/rn-hooks';

export default () => {
  const [state, { toggle, setTrue, setFalse }] = useBoolean(true);

  return (
    <div>
      <p>Effects：{JSON.stringify(state)}</p>
      <p>
        <button type="button" onClick={toggle}>
          Toggle
        </button>
        <button type="button" onClick={setFalse} style={{ margin: '0 16px' }}>
          Set false
        </button>
        <button type="button" onClick={setTrue}>
          Set true
        </button>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useBoolean/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useBoolean from './index';

describe('useBoolean', () => {
  it('should be defined', () => {
    expect(useBoolean).toBeDefined();
  });

  it('test on methods', async () => {
    const { result } = renderHook(() => useBoolean());
    expect(result.current[0]).toBeFalsy();
    const [, { setTrue, toggle, set }] = result.current;

    act(() => {
      setTrue();
    });
    expect(result.current[0]).toBeTruthy();

    act(() => {
      toggle();
    });
    expect(result.current[0]).toBeFalsy();

    act(() => {
      toggle();
    });
    expect(result.current[0]).toBeTruthy();

    act(() => {
      set(false);
    });
    expect(result.current[0]).toBeFalsy();

    // act(() => {
    //   result.current[1].set(true);
    // });
    // expect(result.current[0]).toBe(true);

    // act(() => {
    //   // @ts-ignore
    //   result.current[1].set(0);
    // });
    // expect(result.current[0]).toBe(false);

    // act(() => {
    //   // @ts-ignore
    //   result.current[1].set('a');
    // });
    // expect(result.current[0]).toBe(true);
  });
});


================================================
FILE: packages/hooks/src/useBoolean/index.ts
================================================
import { useMemo } from 'react';

import useToggle from '../useToggle';

/**
 * 优雅的管理 boolean 状态的 Hook。
 * @param defaultValue 默认值为false
 * @returns
 */
export default function useBoolean(defaultValue = false) {
  const [state, { toggle, set }] = useToggle(defaultValue);

  const actions = useMemo(() => {
    const setTrue = () => set(true);
    const setFalse = () => set(false);
    return {
      toggle,
      set: (v: boolean) => set(!!v),
      setTrue,
      setFalse,
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return [state, actions] as const;
}


================================================
FILE: packages/hooks/src/useControllableValue/demo/demo1.tsx
================================================
import React from 'react';

import { useControllableValue } from '@td-design/rn-hooks';

export default (props: any) => {
  const [state, setState] = useControllableValue<string>(props, {
    defaultValue: '',
  });

  return (
    <>
      <input value={state} onChange={e => setState(e.target.value)} style={{ width: 300 }} />
      <button type="button" onClick={() => setState('')} style={{ margin: '0 4px' }}>
        Clear
      </button>
    </>
  );
};


================================================
FILE: packages/hooks/src/useControllableValue/demo/demo2.tsx
================================================
import React, { useState } from 'react';

import { useControllableValue } from '@td-design/rn-hooks';

const ControllableComponent = (props: any) => {
  const [state, setState] = useControllableValue<string>(props);

  return <input value={state} onChange={e => setState(e.target.value)} style={{ width: 300 }} />;
};

const Parent = () => {
  const [state, setState] = useState<string>('');
  const clear = () => {
    setState('');
  };

  return (
    <>
      <ControllableComponent value={state} onChange={setState} />
      <button type="button" onClick={clear} style={{ margin: '0 4px' }}>
        Clear
      </button>
    </>
  );
};
export default Parent;


================================================
FILE: packages/hooks/src/useControllableValue/demo/demo3.tsx
================================================
import React, { useState } from 'react';

import { useControllableValue } from '@td-design/rn-hooks';

const ControllableComponent = (props: any) => {
  const [state, setState] = useControllableValue<string>(props);

  return (
    <input
      value={state}
      onChange={e => {
        setState(e.target.value);
      }}
      style={{ width: 300 }}
    />
  );
};
const Parent = () => {
  const [state, setState] = useState<number>(0);

  return (
    <>
      <div style={{ marginBottom: 8 }}>state:{state}</div>
      <ControllableComponent onChange={setState} />
    </>
  );
};
export default Parent;


================================================
FILE: packages/hooks/src/useControllableValue/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useControllableValue from './index';

describe('useControllableValue', () => {
  test('useControllableValue should be defined', () => {
    expect(useControllableValue).toBeDefined();
  });

  test('defaultValue should work like a charm', () => {
    const { result } = renderHook(() => useControllableValue({ defaultValue: 1 }));
    expect(result.current[0]).toEqual(1);
  });

  test('value should override defaultValue', () => {
    const { result } = renderHook(() => useControllableValue({ defaultValue: 1, value: 2 }));
    expect(result.current[0]).toEqual(2);
  });

  test('value should be undefined if nothing passed', () => {
    const { result } = renderHook(() => useControllableValue());
    expect(result.current[0]).toBeUndefined();
  });

  test('onChange should work like a charm', () => {
    let extraParam = '';
    const props = {
      value: 2,
      onChange(v: number, extra: any) {
        this.value = v;
        extraParam = extra;
      },
    };
    const { result } = renderHook(() => useControllableValue(props));
    expect(result.current[0]).toEqual(2);

    act(() => {
      result.current[1](3, 'test');
    });

    expect(props.value).toEqual(3);
    expect(extraParam).toEqual('test');
  });

  test('state should update when rerender', () => {
    const { result, rerender } = renderHook(props => useControllableValue(props), {
      initialProps: {
        value: 2,
      },
    });

    rerender({ value: 3 });

    expect(result.current[0]).toEqual(3);

    rerender({ value: 1 });

    expect(result.current[0]).toEqual(1);
  });

  test('state should update when set was triggered', () => {
    const { result } = renderHook(() => useControllableValue({ newValue: 1 }));
    const [, setValue] = result.current;

    act(() => setValue(undefined));
    expect(result.current[0]).toBeUndefined();

    act(() => setValue(null));
    expect(result.current[0]).toBeNull();

    act(() => setValue(55));
    expect(result.current[0]).toBe(55);

    act(() => setValue((prev: number) => prev + 1));
    expect(result.current[0]).toEqual(56);
  });
});


================================================
FILE: packages/hooks/src/useControllableValue/index.ts
================================================
import type { SetStateAction } from 'react';
import { useMemo, useRef } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useUpdate from '../useUpdate';
import { isFunction } from '../utils';

interface Options<T> {
  /** 默认值，会被 props.defaultValue 和 props.value 覆盖 */
  defaultValue?: T;
  /** 默认值的属性名。默认为 defaultValue */
  defaultValuePropName?: string;
  /** 值的属性名。默认为 value */
  valuePropName?: string;
  /** 修改值时触发的函数。默认为 onChange */
  trigger?: string;
}

interface StandardProps<T> {
  value: T;
  defaultValue?: T;
  onChange?: (value: T) => void;
}
export type Props = Record<string, any>;

function useControllableValue<T = any>(props: StandardProps<T>): [T, (v: SetStateAction<T>) => void];
function useControllableValue<T = any>(
  props?: Props,
  options?: Options<T>
): [T, (v: SetStateAction<T>, ...args: any[]) => void];
function useControllableValue<T = any>(props: Props = {}, options: Options<T> = {}) {
  const {
    defaultValue,
    defaultValuePropName = 'defaultValue',
    valuePropName = 'value',
    trigger = 'onChange',
  } = options;

  const value = props[valuePropName] as T;
  const isControlled = props.hasOwnProperty(valuePropName);

  const initialValue = useMemo(() => {
    if (isControlled) {
      return value;
    }
    if (props.hasOwnProperty(defaultValuePropName)) {
      return props[defaultValuePropName];
    }
    return defaultValue;

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  const stateRef = useRef(initialValue);
  if (isControlled) {
    stateRef.current = value;
  }

  const update = useUpdate();

  function setState<T>(v: SetStateAction<T>, ...args: any[]) {
    const r = isFunction(v) ? v(stateRef.current) : v;

    if (!isControlled) {
      stateRef.current = r;
      update();
    }
    if (props[trigger]) {
      props[trigger](r, ...args);
    }
  }

  return [stateRef.current, useMemoizedFn(setState)] as const;
}

export default useControllableValue;


================================================
FILE: packages/hooks/src/useCountdown/index.ts
================================================
import { useEffect, useRef, useState } from 'react';

import useAppState from '../useAppState';
import useMemoizedFn from '../useMemoizedFn';

export default function useCountDown(seconds) {
  const appState = useAppState();
  const timer = useRef<ReturnType<typeof setInterval>>();
  const [target, setTarget] = useState<Date | null>(null);
  const [count, setCount] = useState(0);

  const start = useMemoizedFn(() => {
    setTarget(add(new Date(), seconds));
  });

  const stop = useMemoizedFn(() => {
    setTarget(null);
    setCount(0);
  });

  useEffect(() => {
    if (target === null || appState !== 'active') return;

    setCount(diff(new Date(), target));

    timer.current = setInterval(() => {
      setCount(diff(new Date(), target));
    }, 1000);

    return () => {
      if (timer.current) {
        clearInterval(timer.current);
        timer.current = undefined;
      }
    };
  }, [target]);

  useEffect(() => {
    if (count === 0) {
      stop();
    }
  }, [count, stop]);

  return {
    count,

    start,
    stop,
  };
}

function add(date: Date, seconds: number) {
  return new Date(date.getTime() + seconds * 1000);
}

function diff(now: Date, target: Date) {
  return Math.max(Math.trunc((target.getTime() - now.getTime()) / 1000 + 0.5), 0);
}


================================================
FILE: packages/hooks/src/useCounter/demo/demo1.tsx
================================================
import React from 'react';

import { useCounter } from '@td-design/rn-hooks';

export default () => {
  const [current, { inc, dec, set, reset }] = useCounter(100, { min: 1, max: 10 });

  return (
    <div>
      <p>{current} [max: 10; min: 1;]</p>
      <div>
        <button
          type="button"
          onClick={() => {
            inc();
          }}
          style={{ marginRight: 8 }}
        >
          inc()
        </button>
        <button
          type="button"
          onClick={() => {
            dec();
          }}
          style={{ marginRight: 8 }}
        >
          dec()
        </button>
        <button
          type="button"
          onClick={() => {
            set(3);
          }}
          style={{ marginRight: 8 }}
        >
          set(3)
        </button>
        <button type="button" onClick={reset} style={{ marginRight: 8 }}>
          reset()
        </button>
      </div>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useCounter/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useCounter from './index';

describe('useCounter', () => {
  test('useCounter should be defined', () => {
    expect(useCounter).toBeDefined();
  });

  test('initialValue should work like a charm', () => {
    const { result } = renderHook(() => useCounter(2));

    expect(result.current[0]).toBe(2);
  });

  test('state should be empty string if no initialValue passed', () => {
    const { result } = renderHook(() => useCounter());
    expect(result.current[0]).toBe(0);
  });

  test('min value should be 2', () => {
    const { result } = renderHook(() => useCounter(1, { min: 2 }));

    expect(result.current[0]).toBe(2);
  });

  test('max value should be 5', () => {
    const { result } = renderHook(() => useCounter(7, { max: 5 }));

    expect(result.current[0]).toBe(5);
  });

  test('actions should work like a charm', () => {
    const { result } = renderHook(() => useCounter(100, { min: 1, max: 10 }));
    expect(result.current[0]).toEqual(10);

    const [, { inc, dec, reset, set }] = result.current;

    act(() => {
      inc(1);
    });
    expect(result.current[0]).toEqual(10);

    act(() => {
      dec(100);
    });
    expect(result.current[0]).toEqual(1);

    act(() => {
      inc(2);
    });
    expect(result.current[0]).toEqual(3);

    act(() => {
      reset();
    });
    expect(result.current[0]).toEqual(10);

    act(() => {
      set(6);
    });
    expect(result.current[0]).toEqual(6);

    act(() => {
      set(60);
    });
    expect(result.current[0]).toEqual(10);

    act(() => {
      set(-100);
    });
    expect(result.current[0]).toEqual(1);

    act(() => {
      inc();
      inc();
      inc();
    });
    expect(result.current[0]).toEqual(4);
  });
});


================================================
FILE: packages/hooks/src/useCounter/index.ts
================================================
import { useEffect } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useSafeState from '../useSafeState';

type Options = { min?: number; max?: number };
export type ValueParam = number | ((c: number) => number);

/**
 * 步进器效果
 * @param initialValue
 * @param options
 * @returns
 */
export default function useCounter(initialValue = 0, options: Options = {}) {
  const [current, setCurrent] = useSafeState(0);

  useEffect(() => {
    setCurrent(getTargetValue(initialValue, options));
  }, [initialValue, options]);

  const setValue = (value: ValueParam) => {
    setCurrent(c => {
      const target = typeof value === 'number' ? value : value(c);
      return getTargetValue(target, options);
    });
  };

  const inc = (delta = 1) => {
    setValue(c => c + delta);
  };

  const dec = (delta = 1) => {
    setValue(c => c - delta);
  };

  const set = (value: ValueParam) => {
    setValue(value);
  };

  const reset = () => {
    setValue(initialValue);
  };

  const actions = {
    inc: useMemoizedFn(inc),
    dec: useMemoizedFn(dec),
    set: useMemoizedFn(set),
    reset: useMemoizedFn(reset),
  };

  return [current, actions] as const;
}

function getTargetValue(val: number, options: Options = {}) {
  const { min, max } = options;
  let target = val;
  if (typeof max === 'number') {
    target = Math.min(max, target);
  }
  if (typeof min === 'number') {
    target = Math.max(min, target);
  }
  return target;
}


================================================
FILE: packages/hooks/src/useCreation/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useCreation } from '@td-design/rn-hooks';

class Foo {
  constructor() {
    this.data = Math.random();
  }

  data: number;
}

export default function () {
  const foo = useCreation(() => new Foo(), []);
  const [, setFlag] = useState({});
  return (
    <>
      <p>{foo.data}</p>
      <button
        type="button"
        onClick={() => {
          setFlag({});
        }}
      >
        Rerender
      </button>
    </>
  );
}


================================================
FILE: packages/hooks/src/useCreation/index.test.ts
================================================
import { useState } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import useCreation from './index';

describe('useCreation', () => {
  test('useCreation should be defined', () => {
    expect(useCreation).toBeDefined();
  });

  class Foo {
    data: number;

    constructor() {
      this.data = Math.random();
    }
  }

  const hook = () =>
    renderHook(() => {
      const [count, setCount] = useState(0);
      const [, setFlag] = useState({});
      const foo = useCreation(() => new Foo(), [count]); // count发生变化之后返回的foo和之前的不是同一个
      return {
        foo,
        count,
        setCount,
        setFlag,
      };
    });

  test('useCreation should work like a charm', () => {
    const { result } = hook();
    const foo = result.current.foo;

    act(() => {
      result.current.setFlag({});
    });

    expect(result.current.foo).toBe(foo);

    act(() => {
      result.current.setCount(1);
    });

    expect(result.current.foo).not.toBe(foo);
  });
});


================================================
FILE: packages/hooks/src/useCreation/index.ts
================================================
import { useRef } from 'react';

import { depsAreSame } from '../utils';

/**
 * `useCreation` 是 `useMemo` 或 `useRef` 的替代品。
 * 因为 `useMemo` 不能保证被 memo 的值一定不会被重计算，而 `useCreation` 可以保证这一点。
 * 相比于 `useRef`，你可以使用 `useCreation` 创建一些常量，这些常量和 `useRef` 创建出来的 ref 有很多使用场景上的相似，但对于复杂常量的创建，`useRef` 却容易出现潜在的性能隐患。
 * const a = useRef(new Subject()) // 每次重渲染，都会执行实例化 Subject 的过程，即便这个实例立刻就被扔掉了
 * const b = useCreation(() => new Subject(), []) // 通过 factory 函数，可以避免性能隐患
 */
export default function useCreation<T>(factory: () => T, deps: any[]) {
  const { current } = useRef({
    deps,
    initialized: false,
    obj: undefined as T | undefined,
  });

  if (current.initialized === false || !depsAreSame(current.deps, deps)) {
    current.deps = deps;
    current.obj = factory();
    current.initialized = true;
  }
  return current.obj as T;
}


================================================
FILE: packages/hooks/src/useDebounce/DebounceOptions.ts
================================================
export interface DebounceOptions {
  /** 超时时间，单位为毫秒 */
  wait?: number;
  /** 是否在延迟开始前调用函数 */
  leading?: boolean;
  /** 是否在延迟开始后调用函数 */
  trailing?: boolean;
}


================================================
FILE: packages/hooks/src/useDebounce/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useDebounce } from '@td-design/rn-hooks';

export default () => {
  const [value, setValue] = useState<string>();
  const debouncedValue = useDebounce(value, { wait: 500 });

  return (
    <div>
      <input value={value} onChange={e => setValue(e.target.value)} placeholder="Typed value" style={{ width: 280 }} />
      <p style={{ marginTop: 16 }}>DebouncedValue: {debouncedValue}</p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useDebounce/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useDebounce from './index';

describe('useDebounce', () => {
  it('should be defined', () => {
    expect(useDebounce).toBeDefined();
  });

  it('useDebounce wait:200ms', async () => {
    let mountedState = 0;
    const { result, rerender } = renderHook(() => useDebounce(mountedState, { wait: 200 }));
    expect(result.current).toEqual(0);

    await act(async () => {
      mountedState = 1;
      rerender();
      await sleep(50);
      expect(result.current).toEqual(0);

      mountedState = 2;
      rerender();
      await sleep(100);
      expect(result.current).toEqual(0);

      mountedState = 3;
      rerender();
      await sleep(150);
      expect(result.current).toEqual(0);

      mountedState = 4;
      rerender();
      await sleep(250);
      expect(result.current).toEqual(4);
    });
  });
});


================================================
FILE: packages/hooks/src/useDebounce/index.ts
================================================
import { useEffect, useState } from 'react';

import useDebounceFn from '../useDebounceFn';
import type { DebounceOptions } from './DebounceOptions';

/**
 * 用来处理防抖值的 Hook。
 * @param value 需要防抖的值
 * @param options 配置防抖的行为
 * @returns
 */
export default function useDebounce<T>(value: T, options?: DebounceOptions) {
  const [debounced, setDebounced] = useState(value);

  const { run } = useDebounceFn(() => {
    setDebounced(value);
  }, options);

  useEffect(() => {
    run();

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [value]); // 每次value变化的时候，都触发debounce的run方法

  return debounced;
}


================================================
FILE: packages/hooks/src/useDebounceEffect/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useDebounceEffect } from '@td-design/rn-hooks';

export default () => {
  const [value, setValue] = useState('hello');
  const [records, setRecords] = useState<string[]>([]);
  useDebounceEffect(
    () => {
      setRecords(val => [...val, value]);
    },
    [value],
    {
      wait: 1000,
    }
  );
  return (
    <div>
      <input value={value} onChange={e => setValue(e.target.value)} placeholder="Typed value" style={{ width: 280 }} />
      <p style={{ marginTop: 16 }}>
        <ul>
          {records.map((record, index) => (
            <li key={index}>{record}</li>
          ))}
        </ul>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useDebounceEffect/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useDebounceEffect from './index';

describe('useDebounceEffect', () => {
  test('useDebounceEffect should be defined', () => {
    expect(useDebounceEffect).toBeDefined();
  });

  test('useDebounceEffect should work like a charm', async () => {
    const mockEffect = jest.fn();
    const mockCleanup = jest.fn();

    const { rerender } = renderHook(props =>
      useDebounceEffect(
        () => {
          mockEffect();
          return () => mockCleanup();
        },
        [props],
        { wait: 200 }
      )
    );
    expect(mockEffect).not.toBeCalled();
    expect(mockCleanup).not.toBeCalled();

    await act(async () => {
      rerender(2);
      await sleep(50);
    });
    expect(mockEffect).not.toBeCalled();
    expect(mockCleanup).not.toBeCalled();

    await act(async () => {
      rerender(3);
      await sleep(400);
    });
    expect(mockEffect).toBeCalled();
    expect(mockCleanup).not.toBeCalled();
  });

  test('useDebounceEffect should cancel timeout on unmount', async () => {
    const mockEffect = jest.fn();
    const mockCleanup = jest.fn();

    const { rerender, unmount } = renderHook(props =>
      useDebounceEffect(
        () => {
          mockEffect();

          return () => mockCleanup();
        },
        [props],
        { wait: 200 }
      )
    );

    await act(async () => {
      rerender(4);
      await sleep(400);
      unmount();
    });

    expect(mockCleanup.mock.calls.length).toEqual(1);
  });
});


================================================
FILE: packages/hooks/src/useDebounceEffect/index.ts
================================================
import { DependencyList, EffectCallback, useEffect, useState } from 'react';

import type { DebounceOptions } from '../useDebounce/DebounceOptions';
import useDebounceFn from '../useDebounceFn';
import useUpdateEffect from '../useUpdateEffect';

/**
 * 为 `useEffect` 增加防抖的能力。
 * @param effect 执行函数
 * @param deps 依赖数组
 * @param options 配置防抖的行为
 */
export default function useDebounceEffect(effect: EffectCallback, deps?: DependencyList, options?: DebounceOptions) {
  const [flag, setFlag] = useState({});

  const { run } = useDebounceFn(() => {
    setFlag({});
  }, options);

  useEffect(() => {
    return run();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, deps);

  useUpdateEffect(effect, [flag]);
}


================================================
FILE: packages/hooks/src/useDebounceFn/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useDebounceFn } from '@td-design/rn-hooks';

export default () => {
  const [value, setValue] = useState(0);
  const { run } = useDebounceFn(
    () => {
      setValue(value + 1);
    },
    {
      wait: 500,
    }
  );

  return (
    <div>
      <p style={{ marginTop: 16 }}> Clicked count: {value} </p>
      <button type="button" onClick={run}>
        Click fast!
      </button>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useDebounceFn/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useDebounceFn from './index';

describe('useDebounceFn', () => {
  test('useDebounceFn should be defined', () => {
    expect(useDebounceFn).toBeDefined();
  });

  test('useDebounceFn parameter should be function', () => {
    const { result } = renderHook(() => useDebounceFn(12 as any, { wait: 200 }));
    expect(result.error).toBeDefined();
  });

  test('debounce.run should work like a charm', async () => {
    let count = 0;
    function debounceFn(delta: number) {
      count += delta;
    }
    const { result } = renderHook(() => useDebounceFn(debounceFn, { wait: 200 }));

    act(() => {
      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
    });
    expect(count).toBe(0);

    await sleep(300);

    expect(count).toBe(2);

    act(() => {
      result.current.run(4);
    });
    expect(count).toBe(2);
    await sleep(300);
    expect(count).toBe(6);
  });

  test('debounce.cancel should work like a charm', async () => {
    let count = 0;
    function debounceFn(delta: number) {
      count += delta;
    }
    const { result } = renderHook(() => useDebounceFn(debounceFn, { wait: 200 }));

    act(() => {
      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
    });
    expect(count).toBe(0);

    await sleep(300);

    expect(count).toBe(2);

    act(() => {
      result.current.run(4);
    });
    expect(count).toBe(2);

    act(() => {
      result.current.cancel(); // result.current.run(4) 被取消，所以 count 还是 2
    });
    expect(count).toBe(2);
    await sleep(300);
    expect(count).toBe(2);
  });

  test('debounce.flush should work like a charm', async () => {
    let count = 0;
    function debounceFn(delta: number) {
      count += delta;
    }
    const { result } = renderHook(() => useDebounceFn(debounceFn));

    act(() => {
      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
    });
    expect(count).toBe(0);

    await sleep(1100);

    expect(count).toBe(2);

    act(() => {
      result.current.run(4);
    });
    expect(count).toBe(2);

    act(() => {
      result.current.flush(); // 立即执行
    });
    expect(count).toBe(6);
    await sleep(300);
    expect(count).toBe(6);
  });
});


================================================
FILE: packages/hooks/src/useDebounceFn/index.ts
================================================
import { debounce } from 'lodash-es';

import useCreation from '../useCreation';
import type { DebounceOptions } from '../useDebounce/DebounceOptions';
import useMemoizedFn from '../useMemoizedFn';
import useUnmount from '../useUnmount';

type noop = (...args: any) => any;

/**
 * 用来处理防抖函数的 Hook。
 * @param fn 需要防抖的函数
 * @param options 配置防抖的行为
 */
export default function useDebounceFn<T extends noop>(fn: T, options?: DebounceOptions) {
  if (__DEV__) {
    if (typeof fn !== 'function') {
      throw new Error(`useDebounceFn expected parameter is a function, got ${typeof fn}`);
    }
  }

  const fnRef = useMemoizedFn(fn);

  const wait = options?.wait ?? 1000;

  const debounced = useCreation(
    () =>
      debounce(
        (...args: Parameters<T>): ReturnType<T> => {
          return fnRef(...args);
        },
        wait,
        options
      ),
    []
  );

  useUnmount(() => {
    debounced.cancel();
  });

  return {
    run: debounced,
    cancel: debounced.cancel,
    flush: debounced.flush,
  };
}


================================================
FILE: packages/hooks/src/useDeepCompareEffect/demo/demo1.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';

import { useDeepCompareEffect } from '@td-design/rn-hooks';

export default () => {
  const [count, setCount] = useState(0);
  const effectCountRef = useRef(0);
  const deepCompareCountRef = useRef(0);

  useEffect(() => {
    effectCountRef.current += 1;
  }, [{}]);

  useDeepCompareEffect(() => {
    deepCompareCountRef.current += 1;
    return () => {
      // do something
    };
  }, [{}]);

  return (
    <div>
      <p>effectCount: {effectCountRef.current}</p>
      <p>deepCompareCount: {deepCompareCountRef.current}</p>
      <p>
        <button type="button" onClick={() => setCount(c => c + 1)}>
          reRender
        </button>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useDeepCompareEffect/index.test.ts
================================================
import { useState } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import useDeepCompareEffect from './index';

describe('useDeepCompareEffect', () => {
  test('useDeepCompareEffect should be defined', () => {
    expect(useDeepCompareEffect).toBeDefined();
  });

  test('useDeepCompareEffect should work like a charm', () => {
    const { result } = renderHook(() => {
      const [x, setX] = useState(0);
      const [y, setY] = useState({});

      useDeepCompareEffect(() => {
        setX(x => x + 1);
      }, [y]);

      return { x, setY };
    });

    expect(result.current.x).toBe(1);

    act(() => {
      result.current.setY({}); // 对象的深比较会失败，所以 setX 不会执行
    });
    expect(result.current.x).toBe(1);
  });
});


================================================
FILE: packages/hooks/src/useDeepCompareEffect/index.ts
================================================
/* eslint-disable */
import { DependencyList, EffectCallback, useEffect, useRef } from 'react';

import { isEqual } from 'lodash-es';

export default function useDeepCompareEffect(effect: EffectCallback, deps: DependencyList) {
  const depsRef = useRef<DependencyList>();
  const signalRef = useRef(0);

  if (!isEqual(deps, depsRef.current)) {
    depsRef.current = deps;
    signalRef.current += 1;
  }

  useEffect(effect, [signalRef.current]);
}


================================================
FILE: packages/hooks/src/useDeviceOrientation/index.ts
================================================
import { useEffect } from 'react';
import { Dimensions, ScaledSize } from 'react-native';

import useDimensions from '../useDimensions';
import useSafeState from '../useSafeState';

const isOrientationPortrait = ({ width, height }: ScaledSize) => height >= width;
const isOrientationLandscape = ({ width, height }: ScaledSize) => width >= height;

export default function useDeviceOrientation() {
  const { screen } = useDimensions();

  const initialState = {
    portrait: isOrientationPortrait(screen),
    landscape: isOrientationLandscape(screen),
  };
  const [orientation, setOrientation] = useSafeState(initialState);

  useEffect(() => {
    const onChange = ({ screen }: { screen: ScaledSize }) => {
      setOrientation({
        portrait: isOrientationPortrait(screen),
        landscape: isOrientationLandscape(screen),
      });
    };

    const subscription = Dimensions.addEventListener('change', onChange);

    return () => {
      // @ts-ignore - React Native >= 0.65
      if (typeof subscription?.remove === 'function') {
        // @ts-ignore - need update @types/react-native@0.65.x
        subscription.remove();
      } else {
        // @ts-ignore React Native < 0.65
        Dimensions.removeEventListener('change', onChange);
      }
    };
  }, [setOrientation]);

  return orientation;
}


================================================
FILE: packages/hooks/src/useDimensions/index.ts
================================================
import { useEffect } from 'react';
import { Dimensions, ScaledSize } from 'react-native';

import useSafeState from '../useSafeState';

const initialValue = {
  window: Dimensions.get('window'),
  screen: Dimensions.get('screen'),
};

export default function useDimensions() {
  const [dimensions, setDimensions] = useSafeState(initialValue);

  useEffect(() => {
    function onChange({ window, screen }: { window: ScaledSize; screen: ScaledSize }) {
      setDimensions({ window, screen });
    }

    const subscription = Dimensions.addEventListener('change', onChange);

    return () => {
      // @ts-ignore - React Native >= 0.65
      if (typeof subscription?.remove === 'function') {
        // @ts-ignore - need update @types/react-native@0.65.x
        subscription.remove();
      } else {
        // @ts-ignore React Native < 0.65
        Dimensions.removeEventListener('change', onChange);
      }
    };
  }, [setDimensions]);

  return dimensions;
}


================================================
FILE: packages/hooks/src/useDynamicList/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useDynamicList from './index';

describe('useDynamicList', () => {
  const setUp = (props: any): any => renderHook(() => useDynamicList(props));

  it('getKey should work', () => {
    const hook = setUp([1, 2, 3]);
    expect(hook.result.current.list[0]).toEqual(1);
    expect(hook.result.current.getKey(0)).toEqual(0);
    expect(hook.result.current.getKey(1)).toEqual(1);
    expect(hook.result.current.getKey(2)).toEqual(2);
  });

  it('methods should work', () => {
    const hook = setUp([
      { name: 'aaa', age: 18 },
      { name: 'bbb', age: 19 },
      { name: 'ccc', age: 20 },
    ]);

    expect(hook.result.current.list[0].age).toEqual(18);
    expect(hook.result.current.list[1].age).toEqual(19);
    expect(hook.result.current.list[2].age).toEqual(20);

    expect(hook.result.current.getKey(0)).toEqual(0);
    expect(hook.result.current.getKey(1)).toEqual(1);
    expect(hook.result.current.getKey(2)).toEqual(2);

    // unshift
    act(() => {
      hook.result.current.unshift({ name: 'ddd', age: 21 });
    });

    expect(hook.result.current.list[0].name).toEqual('ddd');
    expect(hook.result.current.getKey(0)).toEqual(3);

    // push
    act(() => {
      hook.result.current.push({ name: 'ddd', age: 21 });
    });

    expect(hook.result.current.list[4].name).toEqual('ddd');
    expect(hook.result.current.getKey(0)).toEqual(3);
    expect(hook.result.current.getKey(4)).toEqual(4);

    // insert
    act(() => {
      hook.result.current.insert(1, { name: 'eee', age: 22 });
    });
    expect(hook.result.current.list[1].name).toEqual('eee');
    expect(hook.result.current.getKey(1)).toEqual(5);

    // merge
    act(() => {
      hook.result.current.merge(0, [1, 2, 3, 4]);
    });
    expect(hook.result.current.list[0]).toEqual(1);
    expect(hook.result.current.getKey(0)).toEqual(6);

    // move
    act(() => {
      hook.result.current.move(0, 1);
    });
    expect(hook.result.current.list[0]).toEqual(2);
    expect(hook.result.current.getKey(0)).toEqual(7);

    // move without changes
    act(() => {
      hook.result.current.move(2, 2);
    });
    expect(hook.result.current.list[0]).toEqual(2);
    expect(hook.result.current.getKey(0)).toEqual(7);

    // shift
    act(() => {
      hook.result.current.shift();
    });
    expect(hook.result.current.list[0]).toEqual(1);
    expect(hook.result.current.getKey(0)).toEqual(6);
    expect(hook.result.current.list.length).toEqual(9);

    // pop
    act(() => {
      hook.result.current.pop();
    });
    expect(hook.result.current.list.length).toEqual(8);

    // replace
    act(() => {
      hook.result.current.replace(7, { value: 8 });
    });
    expect(hook.result.current.list[7].value).toEqual(8);

    // remove
    act(() => {
      hook.result.current.remove(7);
    });
    expect(hook.result.current.list.length).toEqual(7);
  });

  it('same items should have different keys', () => {
    const hook = setUp([1, 1, 1, 1]);
    expect(hook.result.current.getKey(0)).toEqual(0);
    expect(hook.result.current.getKey(1)).toEqual(1);
    expect(hook.result.current.getKey(2)).toEqual(2);
    expect(hook.result.current.getKey(3)).toEqual(3);

    act(() => {
      hook.result.current.push(1);
    });

    expect(hook.result.current.getKey(4)).toEqual(4);
    const testObj = {};

    act(() => {
      hook.result.current.push({});
      hook.result.current.push(testObj);
      hook.result.current.push(testObj);
    });

    expect(hook.result.current.getKey(5)).toEqual(5);
    expect(hook.result.current.getKey(6)).toEqual(6);
    expect(hook.result.current.getKey(7)).toEqual(7);
  });

  it('initialValue changes', () => {
    const hook = renderHook(({ initialValue }) => useDynamicList(initialValue), {
      initialProps: {
        initialValue: [1],
      },
    });
    expect(hook.result.current.list[0]).toEqual(1);
    expect(hook.result.current.getKey(0)).toEqual(0);

    act(() => {
      hook.result.current.reset([2]);
    });

    expect(hook.result.current.list[0]).toEqual(2);
    expect(hook.result.current.getKey(0)).toEqual(1);

    act(() => {
      hook.result.current.reset([3]);
    });

    expect(hook.result.current.list[0]).toEqual(3);
    expect(hook.result.current.getKey(0)).toEqual(2);
  });

  it('sortList', () => {
    const hook = setUp([1, 2, 3, 4]);
    const formData = [
      {
        name: 'my bro',
        age: '23',
        memo: "he's my bro",
      },
      {
        name: 'my sis',
        age: '21',
        memo: "she's my sis",
      },
      null,
      {
        name: '新增行',
        age: '25',
      },
    ];

    let sorted = hook.result.current.sort(formData);
    expect(sorted.length).toEqual(3);
    expect(sorted[0].name).toEqual('my bro');

    act(() => {
      hook.result.current.move(3, 0);
    });
    sorted = hook.result.current.sort(formData);
    expect(sorted[0].name).toEqual('新增行');
  });
});


================================================
FILE: packages/hooks/src/useDynamicList/index.ts
================================================
import { useCallback, useRef, useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';

export default function useDynamicList<T>(initialList: T[] = []) {
  const counterRef = useRef(-1);
  const keyListRef = useRef<number[]>([]);

  const setKey = useCallback((index: number) => {
    counterRef.current += 1;
    keyListRef.current.splice(index, 0, counterRef.current);
  }, []);

  const [list, setList] = useState(() => {
    initialList.forEach((_, index) => {
      setKey(index);
    });
    return initialList;
  });

  /**
   * 重设List
   * @param newList
   */
  const reset = (newList: T[]) => {
    keyListRef.current = [];
    setList(() => {
      newList.forEach((_, index) => {
        setKey(index);
      });
      return newList;
    });
  };

  /**
   * 在指定位置插入一个新数据
   * @param index
   * @param item
   */
  const insert = (index: number, item: T) => {
    setList(l => {
      const temp = [...l];
      temp.splice(index, 0, item);
      setKey(index);

      return temp;
    });
  };

  const getKey = (index: number) => {
    return keyListRef.current[index];
  };

  const getIndex = (key: number) => {
    return keyListRef.current.findIndex(item => item === key);
  };

  /**
   * 从指定位置开始，合并数据
   * @param index
   * @param items
   */
  const merge = (index: number, items: T[]) => {
    setList(l => {
      const temp = [...l];
      items.forEach((_, i) => {
        setKey(index + i);
      });
      temp.splice(index, 0, ...items);

      return temp;
    });
  };

  /**
   * 替换指定位置的数据
   * @param index
   * @param item
   */
  const replace = (index: number, item: T) => {
    setList(l => {
      const temp = [...l];
      temp[index] = item;

      return temp;
    });
  };

  /**
   * 删除指定位置的数据
   * @param index
   */
  const remove = (index: number) => {
    setList(l => {
      const temp = [...l];
      temp.splice(index, 1);

      try {
        keyListRef.current.splice(index, 1);
      } catch (e) {
        console.error(e);
      }

      return temp;
    });
  };

  /**
   * 移动数据到新位置
   * @param oldIndex
   * @param newIndex
   */
  const move = (oldIndex: number, newIndex: number) => {
    if (oldIndex === newIndex) return;

    setList(l => {
      const newList = [...l];
      const temp = newList.filter((_, index) => index !== oldIndex);
      temp.splice(newIndex, 0, newList[oldIndex]);

      try {
        const keyTemp = keyListRef.current.filter((_, index) => index !== oldIndex);
        keyTemp.splice(newIndex, 0, keyListRef.current[oldIndex]);
        keyListRef.current = keyTemp;
      } catch (error) {
        console.error(error);
      }

      return temp;
    });
  };

  /**
   * 在当前数组中插入一个新的数据
   * @param item
   */
  const push = (item: T) => {
    setList(l => {
      setKey(l.length);

      return l.concat([item]);
    });
  };

  /**
   * 从数组中删除最后一个数据，返回新数组
   */
  const pop = () => {
    try {
      keyListRef.current = keyListRef.current.slice(0, keyListRef.current.length - 1);
    } catch (error) {
      console.error(error);
    }

    setList(l => l.slice(0, l.length - 1));
  };

  /**
   * 在数组最前面插入一条新数据
   * @param item
   */
  const unshift = (item: T) => {
    setList(l => {
      setKey(0);

      return [item].concat(l);
    });
  };

  /**
   * 删除数组的第一条数据，并返回新数组
   */
  const shift = () => {
    try {
      keyListRef.current = keyListRef.current.slice(1, keyListRef.current.length);
    } catch (error) {
      console.error(error);
    }
    setList(l => l.slice(1, l.length));
  };

  const sort = (result: T[]) => {
    return result
      .map((item, index) => ({ key: index, item }))
      .sort((a, b) => getIndex(a.key) - getIndex(b.key))
      .filter(item => !!item.item)
      .map(item => item.item);
  };

  return {
    list,
    insert: useMemoizedFn(insert),
    merge: useMemoizedFn(merge),
    replace: useMemoizedFn(replace),
    remove: useMemoizedFn(remove),
    getKey: useMemoizedFn(getKey),
    getIndex: useMemoizedFn(getIndex),
    move: useMemoizedFn(move),
    push: useMemoizedFn(push),
    pop: useMemoizedFn(pop),
    unshift: useMemoizedFn(unshift),
    shift: useMemoizedFn(shift),
    sort: useMemoizedFn(sort),
    reset: useMemoizedFn(reset),
  };
}


================================================
FILE: packages/hooks/src/useEventEmitter/index.ts
================================================
/* eslint-disable */
import { useEffect, useRef } from 'react';

type Subscription<T> = (val: T) => void;

export class EventEmitter<T> {
  private subscriptions = new Set<Subscription<T>>();

  emit(val: T) {
    for (const subscription of this.subscriptions) {
      subscription(val);
    }
  }

  useSubscription(cb: Subscription<T>) {
    const callbackRef = useRef<Subscription<T>>();
    callbackRef.current = cb;

    useEffect(() => {
      function subscription(val: T) {
        if (callbackRef.current) {
          callbackRef.current(val);
        }
      }

      this.subscriptions.add(subscription);

      return () => {
        this.subscriptions.delete(subscription);
      };

      // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);
  }
}

export default function useEventEmitter<T = void>() {
  const ref = useRef<EventEmitter<T>>();
  if (!ref.current) {
    ref.current = new EventEmitter();
  }
  return ref.current;
}


================================================
FILE: packages/hooks/src/useGetState/__tests__/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useGetState from '../index';

describe('useGetState', () => {
  const setUp = <T>(initialValue: T) =>
    renderHook(() => {
      const [state, setState, getState] = useGetState<T>(initialValue);
      return {
        state,
        setState,
        getState,
      } as const;
    });

  it('should support initialValue', () => {
    const hook = setUp(() => 0);
    expect(hook.result.current.state).toEqual(0);
  });

  it('should support update', () => {
    const hook = setUp(0);
    act(() => {
      hook.result.current.setState(1);
    });
    expect(hook.result.current.getState()).toEqual(1);
  });

  it('should getState frozen', () => {
    const hook = setUp(0);
    const prevGetState = hook.result.current.getState;
    act(() => {
      hook.result.current.setState(1);
    });
    expect(hook.result.current.getState).toEqual(prevGetState);
  });
});


================================================
FILE: packages/hooks/src/useGetState/demo/demo1.tsx
================================================
/**
 * title: Open console to view logs
 * desc: The counter prints the value every 3 seconds
 *
 * title.zh-CN: 打开控制台查看输出
 * desc.zh-CN: 计数器每 3 秒打印一次值
 */
import React, { useEffect } from 'react';

import { useGetState } from 'ahooks';

export default () => {
  const [count, setCount, getCount] = useGetState<number>(0);

  useEffect(() => {
    const interval = setInterval(() => {
      console.log('interval count', getCount());
    }, 3000);

    return () => {
      clearInterval(interval);
    };
  }, []);

  return <button onClick={() => setCount(count => count + 1)}>count: {count}</button>;
};


================================================
FILE: packages/hooks/src/useGetState/index.ts
================================================
import type { Dispatch, SetStateAction } from 'react';
import { useRef } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useSafeState from '../useSafeState';

type GetStateAction<S> = () => S;

function useGetState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>, GetStateAction<S>];
function useGetState<S = undefined>(): [
  S | undefined,
  Dispatch<SetStateAction<S | undefined>>,
  GetStateAction<S | undefined>,
];
function useGetState<S>(initialState?: S) {
  const [state, setState] = useSafeState(initialState);
  const stateRef = useRef(state);
  stateRef.current = state;

  const getState = useMemoizedFn(() => stateRef.current);

  return [state, setState, getState];
}

export default useGetState;


================================================
FILE: packages/hooks/src/useHistoryTravel/index.ts
================================================
import { useRef, useState } from 'react';

import { isNumber } from 'lodash-es';

import useMemoizedFn from '../useMemoizedFn';

type HistoryData<T> = {
  present?: T;
  past: T[];
  future: T[];
};

export default function useHistoryTravel<T>(initialValue?: T, maxLength = 0) {
  const [history, setHistory] = useState<HistoryData<T | undefined>>({
    present: initialValue,
    past: [],
    future: [],
  });

  const { present, past, future } = history;

  const initialValueRef = useRef(initialValue);

  const reset = (...params: any[]) => {
    const _initialValue = params.length > 0 ? params[0] : initialValueRef.current;
    initialValueRef.current = _initialValue;

    setHistory({
      present: _initialValue,
      past: [],
      future: [],
    });
  };

  const updateValue = (val: T) => {
    const _past = [...past, present];
    const maxLengthNum = isNumber(maxLength) ? maxLength : Number(maxLength);
    // maximum number of records exceeded
    if (maxLengthNum > 0 && _past.length > maxLengthNum) {
      //delete first
      _past.splice(0, 1);
    }

    setHistory({
      present: val,
      future: [],
      past: _past,
    });
  };

  // 内部方法，不对外暴露
  const _forward = (step = 1) => {
    if (future.length === 0) return;

    const { _before, _current, _after } = split(step, future);
    setHistory({
      past: [...past, present, ..._before],
      present: _current,
      future: _after,
    });
  };

  // 内部方法，不对外暴露
  const _backward = (step = -1) => {
    if (past.length === 0) return;

    const { _before, _current, _after } = split(step, past);
    setHistory({
      past: _before,
      present: _current,
      future: [..._after, present, ...future],
    });
  };

  const go = (step: number) => {
    const stepNum = isNumber(step) ? step : Number(step);
    if (stepNum === 0) {
      return;
    }
    if (stepNum > 0) {
      return _forward(stepNum);
    }
    _backward(stepNum);
  };

  return {
    value: present,
    backLength: past.length,
    forwardLength: future.length,
    setValue: useMemoizedFn(updateValue),
    go: useMemoizedFn(go),
    back: useMemoizedFn(() => {
      go(-1);
    }),
    forward: useMemoizedFn(() => {
      go(1);
    }),
    reset: useMemoizedFn(reset),
  };
}

function split<T>(step: number, targetArr: T[]) {
  const index = dumpIndex(step, targetArr);
  return {
    _current: targetArr[index],
    _before: targetArr.slice(0, index),
    _after: targetArr.slice(index + 1),
  };
}

function dumpIndex<T>(step: number, arr: T[]) {
  let index = step > 0 ? step - 1 : arr.length + step;

  if (index >= arr.length - 1) {
    index = arr.length - 1;
  }
  if (index < 0) {
    index = 0;
  }
  return index;
}


================================================
FILE: packages/hooks/src/useInfiniteScroll/__tests__/index.test.ts
================================================
import { useState } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../../utils/testHelpers';
import useInfiniteScroll from '../index';

async function mockRequest({ page, pageSize }: { page: number; pageSize: number }) {
  await sleep(1000);
  return {
    page,
    pageSize,
    total: 30,
    list: Array(10)
      .fill('')
      .map((_, index) => ({ id: (page - 1) * pageSize + index, name: `Cell${(page - 1) * pageSize + index}` })),
  };
}

const setup = (service, options?: any) => renderHook(() => useInfiniteScroll(service, options));

describe('useInfiniteScroll', () => {
  beforeAll(() => {
    jest.useFakeTimers();
  });

  afterAll(() => {
    jest.useRealTimers();
  });

  it('should auto load', async () => {
    const { result } = setup(mockRequest);
    expect(result.current.loading).toBeTruthy();
    await act(async () => {
      jest.advanceTimersByTime(1000);
    });
    expect(result.current.loading).toBeFalsy();
  });

  it('loadMore should work', async () => {
    const { result } = setup(mockRequest);
    expect(result.current.loading).toBeTruthy();

    act(() => {
      result.current.loadMore();
    });

    expect(result.current.loadingMore).toBeTruthy();
    await act(async () => {
      jest.advanceTimersByTime(1000);
    });
    expect(result.current.loadingMore).toBeFalsy();
  });

  it('refresh should work', async () => {
    const fn = jest.fn(() => Promise.resolve({ list: [] }));
    const { result } = setup(fn);
    const { refresh } = result.current;
    expect(fn).toBeCalledTimes(1);
    await act(async () => {
      refresh();
    });
    expect(fn).toBeCalledTimes(2);
  });

  it('refresh should be triggered when refreshDeps change', async () => {
    const fn = jest.fn(() => Promise.resolve({ list: [], page: 1, pageSize: 10, total: 30 }));
    const { result } = renderHook(() => {
      const [value, setValue] = useState('');
      const res = useInfiniteScroll(fn, {
        refreshDeps: [value],
      });
      return {
        ...res,
        setValue,
      };
    });
    expect(fn).toBeCalledTimes(1);
    act(() => {
      result.current.setValue('ahooks');
    });
    expect(fn).toBeCalledTimes(2);
  });

  it('cancel should be work', () => {
    const onSuccess = jest.fn();
    const { result } = setup(mockRequest, {
      onSuccess,
    });
    const { cancel } = result.current;
    expect(result.current.loading).toBe(true);
    act(() => cancel());
    expect(result.current.loading).toBe(false);
    expect(onSuccess).not.toBeCalled();
  });

  it('onBefore/onSuccess/onFinally should be called', async () => {
    const onBefore = jest.fn();
    const onSuccess = jest.fn();
    const onFinally = jest.fn();
    const { result } = setup(mockRequest, {
      onBefore,
      onSuccess,
      onFinally,
    });
    await act(async () => {
      jest.advanceTimersByTime(1000);
    });
    expect(onBefore).toBeCalled();
    expect(onSuccess).toBeCalled();
    expect(onFinally).toBeCalled();
  });

  it('onError should be called when throw error', async () => {
    const onError = jest.fn();
    const mockRequestError = () => {
      return Promise.reject('error');
    };
    setup(mockRequestError, {
      onError,
    });
    await act(async () => {
      Promise.resolve();
    });
    expect(onError).toBeCalled();
  });

  it('loading should be true when refresh after loadMore', async () => {
    const { result } = setup(mockRequest);
    expect(result.current.loading).toBeTruthy();
    const { refresh, loadMore } = result.current;
    await act(async () => {
      jest.advanceTimersByTime(1000);
    });

    expect(result.current.loading).toBeFalsy();

    act(() => {
      loadMore();
      refresh();
    });
    expect(result.current.loading).toBeTruthy();

    await act(async () => {
      jest.advanceTimersByTime(1000);
    });

    expect(result.current.loading).toBeFalsy();
  });
});


================================================
FILE: packages/hooks/src/useInfiniteScroll/index.ts
================================================
import { DependencyList } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useRequest from '../useRequest';
import useSafeState from '../useSafeState';
import useUpdateEffect from '../useUpdateEffect';

interface PageParams {
  page: number;
  pageSize: number;
}

interface Page<T> extends PageParams {
  list: T[];
  total: number;
  totalPage?: number;
}

interface InfiniteScrollOptions<TData> {
  manual?: boolean;
  refreshDeps?: DependencyList;

  onBefore?: () => void;
  onSuccess?: (data: TData) => void;
  onError?: (error: Error) => void;
  onFinally?: (data?: TData, error?: Error) => void;
}

const INITIAL_PAGE = 1;
const INITIAL_PAGE_SIZE = 10;

function useInfiniteScroll<T>(
  service: (data: PageParams) => Promise<Page<T>>,
  options?: InfiniteScrollOptions<Page<T>>
) {
  const { manual = false, refreshDeps = [], onBefore, onSuccess, onError, onFinally } = options || {};

  const [data, setData] = useSafeState<Page<T>>();
  const [loadingMore, setLoadingMore] = useSafeState(false);
  const [noMoreData, setNoMoreData] = useSafeState(false);

  const { loading, error, run, runAsync, cancel } = useRequest(
    async (lastData: Page<T>) => {
      const currentData = await service(
        lastData
          ? {
              page: lastData.page + 1,
              pageSize: lastData.pageSize,
            }
          : {
              page: INITIAL_PAGE,
              pageSize: INITIAL_PAGE_SIZE,
            }
      );

      if (!currentData) {
        setNoMoreData(true);
        return currentData;
      }

      setNoMoreData(currentData.page * currentData.pageSize >= currentData.total);

      if (!lastData) {
        setData({
          ...currentData,
          list: [...(currentData.list || [])],
        });
      } else {
        setData({
          ...currentData,
          list: [...(lastData.list || []), ...(currentData.list || [])],
        });
      }

      return currentData;
    },
    {
      manual,
      onBefore,
      onSuccess,
      onError,
      onFinally(_, d, e) {
        setLoadingMore(false);
        onFinally?.(d, e);
      },
    }
  );

  const loadMore = useMemoizedFn(() => {
    if (noMoreData) return;

    setLoadingMore(true);
    return run(data);
  });

  const refresh = useMemoizedFn(() => {
    setLoadingMore(false);
    return runAsync();
  });

  useUpdateEffect(() => {
    run();
  }, [...refreshDeps]);

  return {
    data: data?.list || [],
    loading,
    loadingMore,
    noMoreData,
    error,

    loadMore,
    refresh,
    cancel,
    mutate: setData,
  };
}

export default useInfiniteScroll;


================================================
FILE: packages/hooks/src/useInterval/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useInterval } from '@td-design/rn-hooks';

export default () => {
  const [count, setCount] = useState(0);

  useInterval(() => {
    setCount(count + 1);
  }, 1000);

  return <div>count: {count}</div>;
};


================================================
FILE: packages/hooks/src/useInterval/demo/demo2.tsx
================================================
import React, { useState } from 'react';

import { useInterval } from '@td-design/rn-hooks';

export default () => {
  const [count, setCount] = useState(0);
  const [interval, setInterval] = useState(1000);

  useInterval(
    () => {
      setCount(count + 1);
    },
    interval,
    { immediate: true }
  );

  return (
    <div>
      <p> count: {count} </p>
      <p style={{ marginTop: 16 }}> interval: {interval} </p>
      <button onClick={() => setInterval(interval + 1000)} style={{ marginRight: 8 }}>
        interval + 1000
      </button>
      <button
        style={{ marginRight: 8 }}
        onClick={() => {
          setInterval(1000);
        }}
      >
        reset interval
      </button>
      <button
        onClick={() => {
          setInterval(null);
        }}
      >
        clear
      </button>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useInterval/demo/demo3.tsx
================================================
import React, { Dispatch, SetStateAction, useState } from 'react';

import { useInterval } from '@td-design/rn-hooks';

const useManualInterval = (
  fn: any,
  interval: number | null | undefined,
  options?: { immediate?: boolean }
): [boolean, Dispatch<SetStateAction<boolean>>] => {
  const [enable, setEnable] = useState<boolean>(true);
  useInterval(fn, enable ? interval : null, options);
  return [enable, setEnable];
};

export default () => {
  const [count, setCount] = useState<number>(0);
  const [interval, setInterval] = useState<number>(500);

  const [status, setStatus] = useManualInterval(
    () => {
      setCount(count + 1);
    },
    interval,
    { immediate: true }
  );

  return (
    <>
      <p style={{ marginTop: 16 }}> count: {count} </p>
      <p style={{ marginTop: 16 }}> interval: {interval} </p>
      <p style={{ marginTop: 16 }}> status: {status ? 'alive' : 'stopped'} </p>
      <button onClick={() => setInterval(interval + 500)} style={{ marginRight: 12 }}>
        interval + 500
      </button>
      <button
        style={{ marginRight: 12 }}
        onClick={() => {
          setInterval(500);
        }}
      >
        reset interval
      </button>
      <button
        onClick={() => {
          setStatus(!status);
        }}
      >
        {status ? 'stop' : 'start'} interval
      </button>
    </>
  );
};


================================================
FILE: packages/hooks/src/useInterval/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import useInterval from './index';

describe('useInterval', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  test('useInterval should be defined', () => {
    expect(useInterval).toBeDefined();
  });

  test('useInterval should work like a charm', () => {
    const callback = jest.fn();

    renderHook(() => useInterval(callback, 20));
    expect(callback).not.toBeCalled();

    jest.advanceTimersByTime(200);
    expect(callback).toHaveBeenCalledTimes(10);
  });

  test('userInterval should not work when delay is undefined', () => {
    const callback = jest.fn();
    renderHook(() => useInterval(callback));

    expect(callback).not.toBeCalled();

    jest.advanceTimersByTime(200);

    expect(callback).not.toBeCalled();
  });

  test('immediate in options should work', () => {
    const callback = jest.fn();
    renderHook(() => useInterval(callback, 20, { immediate: true }));

    expect(callback).toBeCalled();
    expect(callback).toHaveBeenCalledTimes(1);

    jest.advanceTimersByTime(50);

    expect(callback).toHaveBeenCalledTimes(3);
  });
});


================================================
FILE: packages/hooks/src/useInterval/index.ts
================================================
import { useEffect, useRef } from 'react';

import { isNumber } from 'lodash-es';

import useMemoizedFn from '../useMemoizedFn';

type Func = (...args: any[]) => any;

export default function useInterval(fn: Func, delay?: number, options?: { immediate: boolean }) {
  const immediate = options?.immediate ?? false;

  const timerCallback = useMemoizedFn(fn);
  const timer = useRef<ReturnType<typeof setInterval>>();

  useEffect(() => {
    if (!isNumber(delay) || delay < 0) return;
    if (immediate) {
      timerCallback();
    }
    timer.current = setInterval(timerCallback, delay);

    return clear;
  }, [delay, immediate]);

  const clear = useMemoizedFn(() => {
    if (timer.current) {
      clearInterval(timer.current);
    }
  });

  return clear;
}


================================================
FILE: packages/hooks/src/useKeyboard/index.test.ts
================================================
import useKeyboard from './index';

describe('useKeyboard', () => {
  test('useKeyboard should be defined', () => {
    expect(useKeyboard).toBeDefined();
  });
});


================================================
FILE: packages/hooks/src/useKeyboard/index.ts
================================================
import { useEffect } from 'react';
import { Keyboard, KeyboardMetrics } from 'react-native';

import useBoolean from '../useBoolean';
import useSafeState from '../useSafeState';

const emptyCoord = Object.freeze({
  screenX: 0,
  screenY: 0,
  width: 0,
  height: 0,
});

const initialValue = {
  start: emptyCoord,
  end: emptyCoord,
};

export default function useKeyboard() {
  const [shown, { setTrue, setFalse }] = useBoolean(false);
  const [coords, setCoords] = useSafeState<{ start?: KeyboardMetrics; end?: KeyboardMetrics }>(initialValue);
  const [keyboardHeight, setKeyboardHeight] = useSafeState(0);

  useEffect(() => {
    const subscriptions = [
      Keyboard.addListener('keyboardWillShow', e => {
        setCoords({ start: e.startCoordinates, end: e.endCoordinates });
      }),
      Keyboard.addListener('keyboardDidShow', e => {
        setTrue();
        setCoords({ start: e.startCoordinates, end: e.endCoordinates });
        setKeyboardHeight(e.endCoordinates.height);
      }),
      Keyboard.addListener('keyboardWillHide', e => {
        setCoords({ start: e.startCoordinates, end: e.endCoordinates });
      }),
      Keyboard.addListener('keyboardDidHide', e => {
        setFalse();
        if (e) {
          setCoords({ start: e.startCoordinates, end: e.endCoordinates });
        } else {
          setCoords(initialValue);
          setKeyboardHeight(0);
        }
      }),
    ];

    return () => {
      subscriptions.forEach(subscription => subscription.remove());
    };
  }, [setCoords, setFalse, setKeyboardHeight, setTrue]);

  return {
    keyboardShown: shown,
    keyboardHeight,
    coords,
  };
}


================================================
FILE: packages/hooks/src/useLatest/demo/demo1.tsx
================================================
import React, { useEffect, useState } from 'react';

import { useLatest } from '@td-design/rn-hooks';

export default () => {
  const [count, setCount] = useState(0);

  const latestCountRef = useLatest(count);

  useEffect(() => {
    const interval = setInterval(() => {
      setCount(latestCountRef.current + 1);
    }, 1000);
    return () => clearInterval(interval);
  }, []);

  return (
    <>
      <p>count: {count}</p>
    </>
  );
};


================================================
FILE: packages/hooks/src/useLatest/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import useLatest from './index';

describe('useLatest', () => {
  test('useLatest should be defined', () => {
    expect(useLatest).toBeDefined();
  });

  test('useLatest with basic variable should work like a charm', () => {
    const { result, rerender } = renderHook(state => useLatest(state), { initialProps: 0 });

    rerender(1);
    expect(result.current.current).toBe(1);

    rerender(2);
    expect(result.current.current).toBe(2);
  });

  test('useLatest with reference variable should work like a charm', () => {
    const { result, rerender } = renderHook(state => useLatest(state), { initialProps: {} });

    expect(result.current.current).toEqual({});

    rerender([]);
    expect(result.current.current).toEqual([]);
  });

  test('useLatest with function should work like a charm', () => {
    const fn = jest.fn();
    const { result, rerender } = renderHook(state => useLatest(state), { initialProps: fn });

    expect(result.current.current).toEqual(fn);

    rerender();
    expect(result.current.current).toEqual(fn);
  });
});


================================================
FILE: packages/hooks/src/useLatest/index.ts
================================================
import { useRef } from 'react';

/**
 * 返回当前最新值的 Hook，可以避免闭包问题。
 * @param value 要持久化的值
 * @returns
 */
export default function useLatest<T>(value: T) {
  const ref = useRef<T>(value);
  ref.current = value;

  return ref;
}


================================================
FILE: packages/hooks/src/useLayout/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useLayout from './index';

describe('useLayout', () => {
  it('should return default state', () => {
    const { result } = renderHook(() => useLayout());

    expect(result.current.x).toBe(0);
    expect(result.current.y).toBe(0);
    expect(result.current.width).toBe(0);
    expect(result.current.height).toBe(0);
  });

  it('should update state when layout change', () => {
    const { result } = renderHook(() => useLayout());

    act(() => {
      const layout = { x: 1, y: 2, width: 3, height: 4 };

      result.current.onLayout({ nativeEvent: { layout } });
    });

    expect(result.current.x).toBe(1);
    expect(result.current.y).toBe(2);
    expect(result.current.width).toBe(3);
    expect(result.current.height).toBe(4);
  });
});


================================================
FILE: packages/hooks/src/useLayout/index.ts
================================================
import useMemoizedFn from '../useMemoizedFn';
import useSafeState from '../useSafeState';

export default function useLayout() {
  const [layout, setLayout] = useSafeState({
    x: 0,
    y: 0,
    width: 0,
    height: 0,
  });
  const onLayout = useMemoizedFn(e => setLayout(e.nativeEvent.layout));

  return {
    onLayout,
    ...layout,
  };
}


================================================
FILE: packages/hooks/src/useLockFn/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useLockFn } from '@td-design/rn-hooks';
import { message } from 'antd';

function mockApiRequest() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(true);
    }, 2000);
  });
}

export default () => {
  const [count, setCount] = useState(0);

  const submit = useLockFn(async () => {
    message.info('Start to submit');
    await mockApiRequest();
    setCount(val => val + 1);
    message.success('Submit finished');
  });

  return (
    <>
      <p>Submit count: {count}</p>
      <button onClick={submit}>Submit</button>
    </>
  );
};


================================================
FILE: packages/hooks/src/useLockFn/index.test.ts
================================================
import { useCallback, useRef, useState } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useLockFn from './index';

describe('useLockFn', () => {
  test('useLockFn should be defined', () => {
    expect(useLockFn).toBeDefined();
  });

  const setup = () =>
    renderHook(() => {
      const [tag, setTag] = useState(false);
      const countRef = useRef(0);

      const persistFn = useCallback(
        async (step: number) => {
          countRef.current += step;
          await sleep(50);
        },
        // eslint-disable-next-line react-hooks/exhaustive-deps
        [tag] // 为了模拟tag变化引起persistFn发生变化
      );
      const lockedFn = useLockFn(persistFn);

      return {
        lockedFn,
        countRef,
        updateTag: () => setTag(true),
      };
    });

  test('useLockFn should work like a charm', async () => {
    const { result } = setup();
    const { lockedFn, countRef } = result.current;

    lockedFn(1);
    expect(countRef.current).toBe(1);

    lockedFn(2);
    expect(countRef.current).toBe(1);

    await sleep(30);
    lockedFn(3);
    expect(countRef.current).toBe(1);

    await sleep(50);
    lockedFn(4);
    expect(countRef.current).toBe(5);

    lockedFn(5);
    expect(countRef.current).toBe(5);
  });

  test('lockedFn should be the same', () => {
    const { result, rerender } = setup();
    const prevLockedFn = result.current.lockedFn;

    rerender();
    expect(result.current.lockedFn).toEqual(prevLockedFn);

    act(() => {
      result.current.updateTag(); // 更新之后tag发生变化，导致persistFn发生变化，从而lockedFn发生变化
    });
    expect(result.current.lockedFn).not.toEqual(prevLockedFn);
  });
});


================================================
FILE: packages/hooks/src/useLockFn/index.ts
================================================
import { useCallback, useRef } from 'react';

/**
 * 用于给一个异步函数增加竞态锁，防止并发执行。
 * 可以用在诸如表单提交的场景下，保证即便多次点击提交，在前一次结果未完成之前，后续操作会被忽略
 */
export default function useLockFn<P extends any[] = any[], U = any>(fn: (...args: P) => Promise<U>) {
  const lockRef = useRef(false);

  return useCallback(
    async (...args: P) => {
      if (lockRef.current) return;
      lockRef.current = true;

      try {
        const result = await fn(...args);
        lockRef.current = false;
        return result;
      } catch (error) {
        lockRef.current = false;
        throw error;
      }
    },
    [fn]
  );
}


================================================
FILE: packages/hooks/src/useMap/demo/demo1.tsx
================================================
import React from 'react';

import { useMap } from '@td-design/rn-hooks';

export default () => {
  const [map, { set, setAll, remove, reset, get }] = useMap<string | number, string>([
    ['msg', 'hello world'],
    [123, 'number type'],
  ]);

  return (
    <div>
      <button type="button" onClick={() => set(String(Date.now()), new Date().toJSON())}>
        Add
      </button>
      <button type="button" onClick={() => setAll([['text', 'this is a new Map']])} style={{ margin: '0 8px' }}>
        Set new Map
      </button>
      <button type="button" onClick={() => remove('msg')} disabled={!get('msg')}>
        Remove 'msg'
      </button>
      <button type="button" onClick={() => reset()} style={{ margin: '0 8px' }}>
        Reset
      </button>
      <div style={{ marginTop: 16 }}>
        <pre>{JSON.stringify(Array.from(map), null, 2)}</pre>
      </div>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useMap/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useMap from './index';

const setUp = (initialMap?: Iterable<[any, any]>) => renderHook(() => useMap(initialMap));

describe('useMap', () => {
  it('should be defined', () => {
    expect(useMap).toBeDefined();
  });

  it('should init map and utils', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    const [map, utils] = result.current;

    expect(Array.from(map)).toEqual([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    expect(utils).toStrictEqual({
      get: expect.any(Function),
      set: expect.any(Function),
      setAll: expect.any(Function),
      remove: expect.any(Function),
      reset: expect.any(Function),
    });
  });

  it('should init empty map if not initial object provided', () => {
    const { result } = setUp();

    expect([...result.current[0]]).toEqual([]);
  });

  it('should get corresponding value for initial provided key', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    const [, utils] = result.current;

    let value;
    act(() => {
      value = utils.get('a');
    });

    expect(value).toBe(1);
  });

  it('should get corresponding value for existing provided key', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);

    act(() => {
      result.current[1].set('a', 99);
    });

    let value;
    act(() => {
      value = result.current[1].get('a');
    });

    expect(value).toBe(99);
  });

  it('should get undefined for non-existing provided key', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    const [, utils] = result.current;

    let value;
    act(() => {
      value = utils.get('nonExisting');
    });

    expect(value).toBeUndefined();
  });

  it('should set new key-value pair', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    const [, utils] = result.current;

    act(() => {
      utils.set('newKey', 99);
    });

    expect([...result.current[0]]).toEqual([
      ['foo', 'bar'],
      ['a', 1],
      ['newKey', 99],
    ]);
  });

  it('should override current value if setting existing key', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    const [, utils] = result.current;

    act(() => {
      utils.set('foo', 'qux');
    });

    expect([...result.current[0]]).toEqual([
      ['foo', 'qux'],
      ['a', 1],
    ]);
  });

  it('should set new map', () => {
    const { result } = setUp([
      ['foo', 'bar'],
      ['a', 1],
    ]);
    const [, utils] = result.current;

    act(() => {
      utils.setAll([
        ['foo', 'foo'],
        ['a', 2],
      ]);
    });

    expect([...result.current[0]]).toEqual([
      ['foo', 'foo'],
      ['a', 2],
    ]);
  });
});


================================================
FILE: packages/hooks/src/useMap/index.ts
================================================
import { useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';

/**
 * 一个可以管理 Map 类型状态的 Hook。
 * @param initialValue 初始值
 * @returns
 */
export default function useMap<K = any, T = any>(initialValue?: Iterable<readonly [K, T]>) {
  const getInitValue = () => new Map(initialValue);

  const [map, setMap] = useState<Map<K, T>>(getInitValue);

  const set = (key: K, entry: T) => {
    setMap(prev => {
      const temp = new Map(prev);
      temp.set(key, entry);
      return temp;
    });
  };

  const setAll = (newMap: Iterable<readonly [K, T]>) => {
    setMap(new Map(newMap));
  };

  const remove = (key: K) => {
    setMap(prev => {
      const temp = new Map(prev);
      temp.delete(key);
      return temp;
    });
  };

  const reset = () => setMap(getInitValue());

  const get = (key: K) => map.get(key);

  const actions = {
    set: useMemoizedFn(set),
    setAll: useMemoizedFn(setAll),
    remove: useMemoizedFn(remove),
    reset: useMemoizedFn(reset),
    get: useMemoizedFn(get),
  };

  return [map, actions] as const;
}


================================================
FILE: packages/hooks/src/useMemoizedFn/index.test.ts
================================================
import { useState } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import useMemoizedFn from './index';

const useCount = () => {
  const [count, setCount] = useState(0);

  const addCount = () => {
    setCount(c => c + 1);
  };

  const memoizedFn = useMemoizedFn(() => count);

  return {
    addCount,
    memoizedFn,
  };
};

describe('useMemoizedFn', () => {
  test('useMemoizedFn should be defined', () => {
    expect(useMemoizedFn).toBeDefined();
  });

  test('useMemoizedFn should work like a charm', () => {
    const { result } = renderHook(() => useCount());
    // 在useCount重新渲染之前先存下来，用于后面比较引用地址是否一致
    const prevMemoizedFn = result.current.memoizedFn;

    // 修改state的操作要放在act中执行
    act(() => {
      result.current.addCount();
    });

    // 比较 rerender 前后 memoizedFn 的地址是否发生变化
    expect(prevMemoizedFn).toEqual(result.current.memoizedFn);
    expect(result.current.memoizedFn()).toEqual(1);
  });
});


================================================
FILE: packages/hooks/src/useMemoizedFn/index.ts
================================================
import { useMemo, useRef } from 'react';

import { isFunction } from '../utils';

type noop = (this: any, ...args: any[]) => any;

type PickFunction<T extends noop> = (this: ThisParameterType<T>, ...args: Parameters<T>) => ReturnType<T>;

function useMemoizedFn<T extends noop>(fn: T) {
  if (__DEV__) {
    if (!isFunction(fn)) {
      throw new Error(`useMemoizedFn expected parameter is a function, got ${typeof fn}`);
    }
  }

  const fnRef = useRef<T>(fn);

  // why not write `fnRef.current = fn`?
  // https://github.com/alibaba/hooks/issues/728
  fnRef.current = useMemo(() => fn, [fn]);

  const memoizedFn = useRef<PickFunction<T>>();
  if (!memoizedFn.current) {
    memoizedFn.current = function (this, ...args) {
      return fnRef.current.apply(this, args);
    };
  }

  return memoizedFn.current as T;
}

export default useMemoizedFn;


================================================
FILE: packages/hooks/src/useMount/demo/demo1.tsx
================================================
import React from 'react';

import { useMount, useToggle } from '@td-design/rn-hooks';
import { message } from 'antd';

const MyComponent = () => {
  useMount(() => {
    message.info('mount');
  });

  return <div>Hello World</div>;
};

export default () => {
  const [state, { toggle }] = useToggle(false);

  return (
    <>
      <button type="button" onClick={toggle}>
        {state ? 'unmount' : 'mount'}
      </button>
      {state && <MyComponent />}
    </>
  );
};


================================================
FILE: packages/hooks/src/useMount/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import useMount from './index';

describe('useMount', () => {
  test('useMount should be defined', () => {
    expect(useMount).toBeDefined();
  });

  test('useMount parameter should be function', () => {
    const { result } = renderHook(() => useMount(1 as any));
    expect(result.error).toBeDefined();
  });

  test('useMount should work like a charm', () => {
    const fn = jest.fn();
    const { rerender, unmount } = renderHook(() => useMount(fn));

    expect(fn).toBeCalledTimes(1);

    rerender();
    expect(fn).toBeCalledTimes(1);

    unmount();
    expect(fn).toBeCalledTimes(1);
  });
});


================================================
FILE: packages/hooks/src/useMount/index.ts
================================================
import { useEffect } from 'react';

import { isFunction } from '../utils';

type Func = (...args: any[]) => any;

/**
 * 只在组件 mount 时执行的 Hook。也就是说 fn 函数只会执行一次
 * @param fn mount 时执行的函数
 */
export default function useMount(fn: Func) {
  if (__DEV__) {
    if (!isFunction(fn)) {
      throw new Error(`useMount expected parameter is a function, got ${typeof fn}`);
    }
  }

  useEffect(() => {
    fn();

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
}


================================================
FILE: packages/hooks/src/usePagination/index.test.ts
================================================
import { act, renderHook, RenderHookResult } from '@testing-library/react-hooks';

import usePagination from './index';
import { request } from './testingHelper';

type PaginationParams = { current: number; pageSize: number };

describe('usePagination', () => {
  test('usePagination should be defined', () => {
    expect(usePagination).toBeDefined();
  });

  beforeEach(() => {
    jest.useFakeTimers();
  });

  const setUp = (service: any, options: any) => renderHook(o => usePagination(service, o || options));
  let hook: RenderHookResult<any, any>;

  test('usePagination should run automatically', async () => {
    hook = setUp(request, {});
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
    expect(hook.result.current.pagination.total).toEqual(12);
    expect(hook.result.current.pagination.current).toEqual(1);
    expect(hook.result.current.pagination.pageSize).toEqual(10);
    expect(hook.result.current.pagination.totalPage).toEqual(2);
    expect(hook.result.current.params).toEqual([{ current: 1, pageSize: 10 }]);
    hook.unmount();

    // 测试自动执行失败的场景
    hook = setUp(({ current, pageSize }: PaginationParams, fail = true) => request({ current, pageSize, fail }), {});
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.error).toEqual(new Error('fail'));
    expect(hook.result.current.data).toBeUndefined();
  });

  test('usePagination should be triggered manually', async () => {
    hook = setUp(request, { manual: true });
    expect(hook.result.current.loading).toBeFalsy();

    act(() => {
      hook.result.current.run({ current: 1, pageSize: 10 });
    });
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });

    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
    expect(hook.result.current.pagination.total).toEqual(12);
    expect(hook.result.current.pagination.current).toEqual(1);
    expect(hook.result.current.pagination.pageSize).toEqual(10);
    expect(hook.result.current.pagination.totalPage).toEqual(2);
    hook.unmount();

    // 测试失败的场景
    hook = setUp(request, { manual: true });
    expect(hook.result.current.loading).toBeFalsy();

    act(() => {
      hook.result.current.run({ fail: true, current: 1, pageSize: 10 });
    });
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });

    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.error).toEqual(new Error('fail'));
    expect(hook.result.current.data).toBeUndefined();
  });

  test('usePagination changeCurrent should work', async () => {
    hook = setUp(request, {});
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);

    act(() => {
      hook.result.current.pagination.changeCurrent(2);
    });

    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([11, 12]);
    expect(hook.result.current.pagination.total).toEqual(12);
    expect(hook.result.current.pagination.totalPage).toEqual(2);
  });

  test('usePagination changePageSize should work', async () => {
    hook = setUp(request, {});
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);

    act(() => {
      hook.result.current.pagination.changePageSize(2);
    });

    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([1, 2]);
    expect(hook.result.current.pagination.total).toEqual(12);
    expect(hook.result.current.pagination.totalPage).toEqual(6);

    act(() => {
      hook.result.current.pagination.changeCurrent(2);
    });

    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data.list).toEqual([3, 4]);
    expect(hook.result.current.pagination.total).toEqual(12);
    expect(hook.result.current.pagination.totalPage).toEqual(6);
  });
});


================================================
FILE: packages/hooks/src/usePagination/index.ts
================================================
import { useMemo } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useRequest from '../useRequest';
import type { Data, PaginationOptions, PaginationResult, Params, Service } from './types';

const usePagination = <TData extends Data, TParams extends Params>(
  service: Service<TData, TParams>,
  options: PaginationOptions<TData, TParams> = {}
) => {
  const { defaultPageSize = 10, defaultCurrent = 1, ...rest } = options;

  const result = useRequest(service, {
    defaultParams: [{ current: defaultCurrent, pageSize: defaultPageSize }] as any as TParams,
    refreshDepsAction: () => {
      // eslint-disable-next-line @typescript-eslint/no-use-before-define
      changeCurrent(1);
    },
    ...rest,
  });

  const { current = 1, pageSize = defaultPageSize } = result.params[0] ?? {};

  const total = result.data?.total ?? 0;
  const totalPage = useMemo(() => Math.ceil(total / pageSize), [pageSize, total]);

  const onChange = (current: number, pageSize: number) => {
    let toPage = current <= 0 ? 1 : current;
    const toPageSize = pageSize <= 0 ? 1 : pageSize;
    const tempTotalPage = Math.ceil(total / toPageSize);

    if (toPage > tempTotalPage) {
      toPage = Math.max(1, tempTotalPage);
    }

    const [oldParams = {}, ...restParams] = result.params ?? [];

    result.run(
      {
        ...oldParams,
        current: toPage,
        pageSize: toPageSize,
      },
      ...restParams
    );
  };

  const changeCurrent = (current: number) => {
    onChange(current, pageSize);
  };

  const changePageSize = (pageSize: number) => {
    onChange(current, pageSize);
  };

  return {
    ...result,
    pagination: {
      current,
      pageSize,
      total,
      totalPage,
      onChange: useMemoizedFn(onChange),
      changeCurrent: useMemoizedFn(changeCurrent),
      changePageSize: useMemoizedFn(changePageSize),
    },
  } as PaginationResult<TData, TParams>;
};

export default usePagination;


================================================
FILE: packages/hooks/src/usePagination/testingHelper.ts
================================================
import type { Data, Params, Service } from './types';

export const request: Service<Data, Params> = ({
  current = 1,
  pageSize = 10,
  fail = false,
}: {
  current: number;
  pageSize: number;
  fail?: boolean;
}) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (fail) {
        reject(new Error('fail'));
      } else {
        const originalData = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
        const total = originalData.length;
        const list = originalData.slice((current - 1) * pageSize, current * pageSize);

        resolve({
          total,
          list,
        });
      }
    }, 1000);
  });
};


================================================
FILE: packages/hooks/src/usePagination/types.ts
================================================
import type { Options, Result } from '../useRequest/types';

export type Data = { total: number; list: any[] };

export type Params = [{ current: number; pageSize: number; [key: string]: any }, ...any[]];

export type Service<TData extends Data, TParams extends Params> = (...args: TParams) => Promise<TData>;

export interface PaginationResult<TData extends Data, TParams extends Params> extends Result<TData, TParams> {
  pagination: {
    current: number;
    pageSize: number;
    total: number;
    totalPage: number;
    onChange: (current: number, pageSize: number) => void;
    changeCurrent: (current: number) => void;
    changePageSize: (pageSize: number) => void;
  };
}

export interface PaginationOptions<TData extends Data, TParams extends Params> extends Options<TData, TParams> {
  defaultPageSize?: number;
  defaultCurrent?: number;
}


================================================
FILE: packages/hooks/src/usePrevious/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { usePrevious } from '@td-design/rn-hooks';

export default () => {
  const [count, setCount] = useState(0);
  const previous = usePrevious(count);
  return (
    <>
      <div>counter current value: {count}</div>
      <div style={{ marginBottom: 8 }}>counter previous value: {previous}</div>
      <button type="button" onClick={() => setCount(c => c + 1)}>
        increase
      </button>
      <button type="button" style={{ marginLeft: 8 }} onClick={() => setCount(c => c - 1)}>
        decrease
      </button>
    </>
  );
};


================================================
FILE: packages/hooks/src/usePrevious/demo/demo2.tsx
================================================
/**
 * 只有 shouldUpdate function 返回 true 时，才会记录值的变化。
 */
import React, { useState } from 'react';

import { usePrevious } from '@td-design/rn-hooks';

interface Person {
  name: string;
  job: string;
}

const nameCompareFunction = (prev: Person | undefined, next: Person) => {
  if (!prev) {
    return true;
  }
  if (prev.name !== next.name) {
    return true;
  }
  return false;
};

const jobCompareFunction = (prev: Person | undefined, next: Person) => {
  if (!prev) {
    return true;
  }
  if (prev.job !== next.job) {
    return true;
  }
  return false;
};

export default () => {
  const [state, setState] = useState({ name: 'Jack', job: 'student' });
  const [nameInput, setNameInput] = useState('');
  const [jobInput, setJobInput] = useState('');
  const previousName = usePrevious(state, nameCompareFunction);
  const previousJob = usePrevious(state, jobCompareFunction);

  return (
    <>
      <div style={{ margin: '8px 0', border: '1px solid #e8e8e8', padding: 8 }}>
        <div>current name: {state.name}</div>
        <div>current job: {state.job}</div>
      </div>
      <div>previous name: {(previousName || {}).name}</div>
      <div style={{ marginBottom: 8 }}>previous job: {(previousJob || {}).job}</div>
      <div style={{ marginTop: 8 }}>
        <input
          style={{ width: 220 }}
          value={nameInput}
          onChange={e => setNameInput(e.target.value)}
          placeholder="new name"
        />
        <button
          type="button"
          onClick={() => {
            setState(s => ({ ...s, name: nameInput }));
          }}
          style={{ marginLeft: 8 }}
        >
          update
        </button>
      </div>
      <div style={{ marginTop: 8 }}>
        <input
          style={{ width: 220 }}
          value={jobInput}
          onChange={e => setJobInput(e.target.value)}
          placeholder="new job"
        />
        <button
          type="button"
          onClick={() => {
            setState(s => ({ ...s, job: jobInput }));
          }}
          style={{ marginLeft: 8 }}
        >
          update
        </button>
      </div>
    </>
  );
};


================================================
FILE: packages/hooks/src/usePrevious/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import usePrevious, { ShouldUpdateFunc } from './index';

describe('usePrevious', () => {
  test('usePrevious should be defined', () => {
    expect(usePrevious).toBeDefined();
  });

  function setup<T>(initialValue?: T, compareFunction?: ShouldUpdateFunc<T>) {
    return renderHook(({ val, cmpFunc }) => usePrevious<T>(val as T, cmpFunc), {
      initialProps: {
        val: initialValue || 0,
        cmpFunc: compareFunction,
      } as { val?: T; cmpFunc?: ShouldUpdateFunc<T> },
    });
  }

  test('usePrevious should be undefined if no initialValue', () => {
    const { result } = setup();
    expect(result.current).toBeUndefined();
  });

  test('usePrevious should be undefined even if initialValue passed', () => {
    const { result } = setup(2);
    expect(result.current).toBeUndefined();
  });

  test('usePrevious should update previous value only after render with different value', () => {
    const { result, rerender } = setup(0);
    expect(result.current).toBeUndefined();

    rerender({ val: 1 });
    expect(result.current).toBe(0);

    rerender({ val: 2 });
    expect(result.current).toBe(1);

    rerender({ val: 3 });
    expect(result.current).toBe(2);
  });

  test('usePrevious should work fine with undefined values', () => {
    const { result, rerender } = setup(0);
    expect(result.current).toBeUndefined();

    rerender({ val: 1 });
    expect(result.current).toBe(0);

    rerender({ val: undefined });
    expect(result.current).toBe(1);

    rerender({ val: 3 });
    expect(result.current).toBeUndefined();
  });

  test('usePrevious compareFunction should work like a charm', () => {
    const obj1 = { label: 'John', value: 'john' };
    const obj2 = { label: 'Jonny', value: 'john' };
    const obj3 = { label: 'Kate', value: 'kate' };
    type Obj = { label: string; value: string };
    const compareFunction = (a?: Obj, b?: Obj) => (a && b ? a.value !== b.value : true);

    const { result, rerender } = setup(obj1, compareFunction);

    expect(result.current).toBeUndefined();

    rerender({ val: obj2, cmpFunc: compareFunction });
    expect(result.current).toBeUndefined();

    rerender({ val: obj3, cmpFunc: compareFunction });
    expect(result.current).toBe(obj1);
  });
});


================================================
FILE: packages/hooks/src/usePrevious/index.ts
================================================
import { useRef } from 'react';

export type ShouldUpdateFunc<T> = (prev: T | undefined, next: T) => boolean;

const defaultShouldUpdate = <T>(a?: T, b?: T) => !Object.is(a, b);

/**
 * 保存上一次状态的 Hook。
 * @param state 初始state
 * @param shouldUpdate 判断是否更新的函数
 */
export default function usePrevious<T>(
  state: T,
  shouldUpdate: ShouldUpdateFunc<T> = defaultShouldUpdate
): T | undefined {
  const prevRef = useRef<T>();
  const currentRef = useRef<T>();

  if (shouldUpdate(currentRef.current, state)) {
    prevRef.current = currentRef.current;
    currentRef.current = state;
  }

  return prevRef.current;
}


================================================
FILE: packages/hooks/src/useRafInterval/demo/demo1.tsx
================================================
/**
 * title: 基础组件 usage
 * desc: Execute once per 1000ms.
 *
 * title.zh-CN: 基础用法
 * desc.zh-CN: 每1000ms，执行一次
 */
import React, { useState } from 'react';

import { useRafInterval } from 'ahooks';

export default () => {
  const [count, setCount] = useState(0);

  useRafInterval(() => {
    setCount(count + 1);
  }, 1000);

  return <div>count: {count}</div>;
};


================================================
FILE: packages/hooks/src/useRafInterval/demo/demo2.tsx
================================================
/**
 * title: Advanced usage
 * desc: Modify the delay to realize the timer interval change and pause.
 *
 * title.zh-CN: 进阶使用
 * desc.zh-CN: 动态修改 delay 以实现定时器间隔变化与暂停。
 */
import React, { useState } from 'react';

import { useRafInterval } from 'ahooks';

export default () => {
  const [count, setCount] = useState(0);
  const [interval, setInterval] = useState(1000);

  useRafInterval(() => {
    setCount(count + 1);
  }, interval);

  return (
    <div>
      <p> count: {count} </p>
      <p style={{ marginTop: 16 }}> interval: {interval} </p>
      <button onClick={() => setInterval(t => (!!t ? t + 1000 : 1000))} style={{ marginRight: 8 }}>
        interval + 1000
      </button>
      <button
        style={{ marginRight: 8 }}
        onClick={() => {
          setInterval(1000);
        }}
      >
        reset interval
      </button>
      <button
        onClick={() => {
          setInterval(undefined);
        }}
      >
        clear
      </button>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useRafInterval/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useRafInterval from './index';

const FRAME_TIME = 16.7;
describe('useRafInterval', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  test('useRafInterval should be defined', () => {
    expect(useRafInterval).toBeDefined();
  });

  test('useRafInterval should work like a charm', () => {
    const callback = jest.fn();

    renderHook(() => useRafInterval(callback, FRAME_TIME));
    expect(callback).not.toBeCalled();

    act(() => {
      requestAnimationFrame(() => {
        expect(callback).toBeCalledTimes(1);
      });
      requestAnimationFrame(() => {
        expect(callback).toBeCalledTimes(2);
      });
    });
  });

  test('userInterval should not work when delay is undefined', () => {
    const callback = jest.fn();
    renderHook(() => useRafInterval(callback));

    expect(callback).not.toBeCalled();

    act(() => {
      requestAnimationFrame(() => {
        expect(callback).not.toBeCalled();
      });
    });
  });

  test('immediate in options should work', () => {
    const callback = jest.fn();
    renderHook(() => useRafInterval(callback, FRAME_TIME, { immediate: true }));

    expect(callback).toBeCalled();

    act(() => {
      requestAnimationFrame(() => {
        expect(callback).toBeCalledTimes(2);
      });
      requestAnimationFrame(() => {
        expect(callback).toBeCalledTimes(3);
      });
    });
  });
});


================================================
FILE: packages/hooks/src/useRafInterval/index.ts
================================================
import { useEffect, useRef } from 'react';

import { isNumber } from 'lodash-es';

import useMemoizedFn from '../useMemoizedFn';

interface Handle {
  id: ReturnType<typeof setInterval> | number;
}

const setRafInterval = function (callback: () => void, delay = 0): Handle {
  if (typeof requestAnimationFrame === typeof undefined) {
    return {
      id: setInterval(callback, delay),
    };
  }
  const handle: Handle = {
    id: 0,
  };

  let start = new Date().getTime();
  const loop = () => {
    const current = new Date().getTime();
    if (current - start >= delay) {
      callback();
      start = new Date().getTime();
    }
    handle.id = requestAnimationFrame(loop);
  };
  handle.id = requestAnimationFrame(loop);
  return handle;
};

function cancelAnimationFrameIsNotDefined(t: any): t is NodeJS.Timer {
  return typeof cancelAnimationFrame === typeof undefined;
}

const clearRafInterval = function (handle: Handle) {
  if (cancelAnimationFrameIsNotDefined(handle.id)) {
    return clearInterval(handle.id);
  }
  cancelAnimationFrame(handle.id);
};

function useRafInterval(
  fn: () => void,
  delay?: number,
  options?: {
    immediate?: boolean;
  }
) {
  const immediate = options?.immediate ?? false;

  const timerCallback = useMemoizedFn(fn);
  const timerRef = useRef<Handle>();

  useEffect(() => {
    if (!isNumber(delay) || delay < 0) return;
    if (immediate) {
      timerCallback();
    }
    timerRef.current = setRafInterval(() => {
      timerCallback();
    }, delay);

    return clear;
  }, [delay, immediate]);

  const clear = useMemoizedFn(() => {
    if (timerRef.current) {
      clearRafInterval(timerRef.current);
    }
  });

  return clear;
}

export default useRafInterval;


================================================
FILE: packages/hooks/src/useRafState/demo/demo1.tsx
================================================
/**
 * title: Default usage
 *
 * title.zh-CN: 基础用法
 */
import React, { useEffect } from 'react';

import { useRafState } from 'ahooks';

export default () => {
  const [state, setState] = useRafState({
    width: 0,
    height: 0,
  });

  useEffect(() => {
    const onResize = () => {
      setState({
        width: document.documentElement.clientWidth,
        height: document.documentElement.clientHeight,
      });
    };
    onResize();

    window.addEventListener('resize', onResize);

    return () => {
      window.removeEventListener('resize', onResize);
    };
  }, []);

  return (
    <div>
      <p>Try to resize the window </p>
      current: {JSON.stringify(state)}
    </div>
  );
};


================================================
FILE: packages/hooks/src/useRafState/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useRafState from './index';

describe('useRafState', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  test('should be defined', () => {
    expect(useRafState).toBeDefined();
  });

  test('useRafState should work like a charm', () => {
    const { result } = renderHook(() => useRafState(0));
    const [rafState, setRafState] = result.current;
    expect(rafState).toBe(0);

    act(() => {
      setRafState(1);
      requestAnimationFrame(() => {
        expect(rafState).toBe(1);
      });
    });
  });
});


================================================
FILE: packages/hooks/src/useRafState/index.ts
================================================
import type { Dispatch, SetStateAction } from 'react';
import { useRef, useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useUnmount from '../useUnmount';

function useRafState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
function useRafState<S = undefined>(): [S | undefined, Dispatch<SetStateAction<S | undefined>>];

function useRafState<S>(initialState?: S | (() => S)) {
  const ref = useRef(0);
  const [state, setState] = useState(initialState);

  const setRafState = useMemoizedFn((value: S | ((prevState: S | undefined) => S)) => {
    cancelAnimationFrame(ref.current);

    ref.current = requestAnimationFrame(() => {
      setState(value);
    });
  });

  useUnmount(() => {
    cancelAnimationFrame(ref.current);
  });

  return [state, setRafState] as const;
}

export default useRafState;


================================================
FILE: packages/hooks/src/useRafTimeout/demo/demo1.tsx
================================================
/**
 * title: 基础组件 usage
 * desc: Execute after 2000ms.
 *
 * title.zh-CN: 基础用法
 * desc.zh-CN: 在 2000ms 后执行。
 */
import React, { useState } from 'react';

import { useRafTimeout } from 'ahooks';

export default () => {
  const [count, setCount] = useState(0);

  useRafTimeout(() => {
    setCount(count + 1);
  }, 2000);

  return <div>count: {count}</div>;
};


================================================
FILE: packages/hooks/src/useRafTimeout/demo/demo2.tsx
================================================
/**
 * title: Advanced usage
 * desc: Modify the delay to realize the timer timeout change and pause.
 *
 * title.zh-CN: 进阶使用
 * desc.zh-CN: 动态修改 delay 以实现定时器间隔变化与暂停。
 */
import React, { useState } from 'react';

import { useRafTimeout } from 'ahooks';

export default () => {
  const [count, setCount] = useState(0);
  const [delay, setDelay] = useState<number | undefined>(1000);

  useRafTimeout(() => {
    setCount(count + 1);
  }, delay);

  return (
    <div>
      <p> count: {count} </p>
      <p style={{ marginTop: 16 }}> Delay: {delay} </p>
      <button onClick={() => setDelay(t => (!!t ? t + 1000 : 1000))} style={{ marginRight: 8 }}>
        Delay + 1000
      </button>
      <button
        style={{ marginRight: 8 }}
        onClick={() => {
          setDelay(1000);
        }}
      >
        reset Delay
      </button>
      <button
        onClick={() => {
          setDelay(undefined);
        }}
      >
        clear
      </button>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useRafTimeout/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useRafTimeout from './index';

interface ParamsObj {
  fn: (...arg: any) => any;
  delay: number | undefined;
}

const setUp = ({ fn, delay }: ParamsObj) => renderHook(() => useRafTimeout(fn, delay));

const FRAME_TIME = 16.7;
describe('useRafTimeout', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  it('useRafTimeout should be defined', () => {
    expect(useRafTimeout).toBeDefined();
  });

  it('useRafTimeout should work like a charm', () => {
    const callback = jest.fn();
    setUp({ fn: callback, delay: FRAME_TIME });
    expect(callback).not.toBeCalled();

    act(() => {
      requestAnimationFrame(() => {
        expect(callback).not.toBeCalled();
      });
      requestAnimationFrame(() => {
        expect(callback).toBeCalledTimes(1);
      });
    });
  });

  it('timeout should stop when delay is undefined', () => {
    const delay: number | undefined = undefined;
    const callback = jest.fn();
    setUp({ fn: callback, delay });
    expect(callback).not.toBeCalled();

    act(() => {
      requestAnimationFrame(() => {
        expect(callback).not.toBeCalled();
      });
      requestAnimationFrame(() => {
        expect(callback).not.toBeCalled();
      });
    });
  });
});


================================================
FILE: packages/hooks/src/useRafTimeout/index.ts
================================================
import { useEffect, useRef } from 'react';

import { isNumber } from 'lodash-es';

import useMemoizedFn from '../useMemoizedFn';

interface Handle {
  id: number | ReturnType<typeof setTimeout>;
}

const setRafTimeout = function (callback: () => void, delay = 0): Handle {
  if (typeof requestAnimationFrame === typeof undefined) {
    return {
      id: setTimeout(callback, delay),
    };
  }
  const handle: Handle = {
    id: 0,
  };

  const startTime = new Date().getTime();
  const loop = () => {
    const current = new Date().getTime();
    if (current - startTime >= delay) {
      callback();
    } else {
      handle.id = requestAnimationFrame(loop);
    }
  };
  handle.id = requestAnimationFrame(loop);
  return handle;
};

function cancelAnimationFrameIsNotDefined(t: any): t is NodeJS.Timer {
  return typeof cancelAnimationFrame === typeof undefined;
}

const clearRafTimeout = function (handle: Handle) {
  if (cancelAnimationFrameIsNotDefined(handle.id)) {
    return clearTimeout(handle.id);
  }
  cancelAnimationFrame(handle.id as number);
};

function useRafTimeout(fn: () => void, delay?: number) {
  const timerCallback = useMemoizedFn(fn);
  const timerRef = useRef<Handle>();

  useEffect(() => {
    if (!isNumber(delay) || delay < 0) return;

    timerRef.current = setRafTimeout(() => {
      timerCallback();
    }, delay);

    return clear;
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [delay]);

  const clear = useMemoizedFn(() => {
    if (timerRef.current) {
      clearRafTimeout(timerRef.current);
    }
  });

  return clear;
}

export default useRafTimeout;


================================================
FILE: packages/hooks/src/useRequest/Fetch.ts
================================================
import { MutableRefObject } from 'react';

import { isFunction } from '../utils';
import type { FetchState, Options, PluginReturn, Service, Subscribe } from './types';

export default class Fetch<TData, TParams extends any[]> {
  pluginImpls: PluginReturn<TData, TParams>[] = [];

  count = 0;

  state: FetchState<TData, TParams> = {
    loading: false,
    params: undefined,
    data: undefined,
    error: undefined,
  };

  constructor(
    public service: MutableRefObject<Service<TData, TParams>>,
    public options: Options<TData, TParams>,
    public subscribe: Subscribe,
    public initState: Partial<FetchState<TData, TParams>> = {}
  ) {
    this.state = {
      ...this.state,
      loading: !options.manual,
      ...initState,
    };
  }

  setState(s: Partial<FetchState<TData, TParams>> = {}) {
    this.state = {
      ...this.state,
      ...s,
    };
    this.subscribe();
  }

  runPluginHandler(event: keyof PluginReturn<TData, TParams>, ...rest: any[]) {
    // @ts-ignore
    const result = this.pluginImpls.map(impl => impl[event]?.(...rest)).filter(Boolean);
    return Object.assign({}, ...result);
  }

  async runAsync(...params: any[]): Promise<TData> {
    this.count += 1;
    const currentCount = this.count;

    const { stopNow = false, returnNow = false, ...state } = this.runPluginHandler('onBefore', params);

    if (stopNow) {
      return new Promise(() => {});
    }

    this.setState({
      loading: true,
      params,
      ...state,
    });

    if (returnNow) {
      return Promise.resolve(state.data);
    }

    this.options.onBefore?.(params as TParams);

    try {
      let { servicePromise } = this.runPluginHandler('onRequest', this.service.current, params);
      if (!servicePromise) {
        servicePromise = this.service.current(...(params as TParams));
      }

      const result = await servicePromise;

      if (currentCount !== this.count) {
        return new Promise(() => {});
      }

      this.setState({
        loading: false,
        data: result,
        error: undefined,
      });

      this.options.onSuccess?.(result, params as TParams);
      this.runPluginHandler('onSuccess', result, params);

      this.options.onFinally?.(params as TParams, result, undefined);

      if (currentCount === this.count) {
        this.runPluginHandler('onFinally', params, result, undefined);
      }

      return result;
    } catch (e) {
      if (currentCount !== this.count) {
        return new Promise(() => {});
      }

      const error = e as Error;
      this.setState({
        loading: false,
        error,
      });

      this.options.onError?.(error, params as TParams);
      this.runPluginHandler('onError', error, params);

      this.options.onFinally?.(params as TParams, undefined, error);

      if (currentCount === this.count) {
        this.runPluginHandler('onFinally', params, undefined, error);
      }

      throw error;
    }
  }

  run(...params: any[]) {
    this.runAsync(...params).catch(error => {
      if (!this.options.onError) {
        console.error(error);
      }
    });
  }

  cancel() {
    this.count += 1;
    this.setState({
      loading: false,
    });

    this.runPluginHandler('onCancel');
  }

  refresh() {
    this.run(...(this.state.params || []));
  }

  refreshAsync() {
    return this.runAsync(...(this.state.params || []));
  }

  mutate(data?: TData | ((oldData?: TData) => TData | undefined)) {
    const targetData = isFunction(data) ? data(this.state.data) : data;
    this.runPluginHandler('onMutate', targetData);
    this.setState({
      data: targetData,
    });
  }
}


================================================
FILE: packages/hooks/src/useRequest/index.test.ts
================================================
import { act, renderHook, RenderHookResult } from '@testing-library/react-hooks';

import useRequest from './index';
import { request } from './utils/testingHelper';

describe('useRequest', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  const setUp = (service: any, options: any) => renderHook(o => useRequest(service, o || options));
  let hook: RenderHookResult<any, any>;

  test('useRequest should be defined', () => {
    expect(useRequest).toBeDefined();
  });

  test('useRequest should run automatically', async () => {
    let value, success;

    const successCb = (text: string) => (success = text);
    const errorCb = jest.fn();
    const beforeCb = () => (value = 'before');
    const finallyCb = () => (value = 'finally');

    // 测试成功的场景
    hook = setUp(request, {
      onBefore: beforeCb,
      onSuccess: successCb,
      onError: errorCb,
      onFinally: finallyCb,
    });

    expect(hook.result.current.loading).toBeTruthy();
    expect(value).toEqual('before');
    expect(success).toEqual(undefined);

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(success).toEqual('success');
    expect(hook.result.current.data).toEqual('success');
    expect(value).toEqual('finally');
    expect(errorCb).toHaveBeenCalledTimes(0);
    hook.unmount();

    // 测试失败的场景
    hook = setUp(() => request(0), {
      onSuccess: successCb,
      onError: errorCb,
    });
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.error).toEqual(new Error('fail'));
    expect(errorCb).toHaveBeenCalledTimes(1);
    hook.unmount();
  });

  test('useRequest should be triggered manually', async () => {
    hook = setUp(request, {
      manual: true,
    });

    expect(hook.result.current.loading).toBeFalsy();

    act(() => {
      hook.result.current.run(1);
    });

    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.data).toEqual('success');

    // 测试失败的场景
    act(() => {
      hook.result.current.run(0);
    });
    expect(hook.result.current.loading).toBeTruthy();
    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.error).toEqual(new Error('fail'));
    hook.unmount();
  });

  test('useRequest runAsync should work', async () => {
    let success = '',
      error;

    hook = setUp(request, {
      manual: true,
    });

    act(() => {
      hook.result.current
        .runAsync(0)
        .then((res: string) => {
          success = res;
        })
        .catch((e: Error) => {
          error = e;
        });
    });

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(success).toEqual('');
    expect(error).toEqual(new Error('fail'));

    success = '';
    error = undefined;
    act(() => {
      hook.result.current
        .runAsync(1)
        .then((res: string) => {
          success = res;
        })
        .catch((e: Error) => {
          error = e;
        });
    });

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(success).toEqual('success');
    expect(error).toBeUndefined();
    hook.unmount();
  });

  test('useRequest mutate should work', async () => {
    hook = setUp(request, {});

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.data).toEqual('success');

    act(() => {
      hook.result.current.mutate('hello');
    });
    expect(hook.result.current.data).toEqual('hello');
    hook.unmount();
  });

  test('useRequest defaultParams should work', async () => {
    hook = setUp(request, {
      defaultParams: [1, 2, 3],
    });
    expect(hook.result.current.loading).toBeTruthy();

    act(() => {
      jest.runAllTimers();
    });
    await hook.waitForNextUpdate();

    expect(hook.result.current.loading).toBeFalsy();
    expect(hook.result.current.params).toEqual([1, 2, 3]);
    expect(hook.result.current.data).toEqual('success');
    hook.unmount();
  });
});


================================================
FILE: packages/hooks/src/useRequest/index.ts
================================================
import { useAutoRunPlugin } from './plugins/useAutoRunPlugin';
import { useCachePlugin } from './plugins/useCachePlugin';
import { useDebouncePlugin } from './plugins/useDebouncePlugin';
import { useLoadingDelayPlugin } from './plugins/useLoadingDelayPlugin';
import { usePollingPlugin } from './plugins/usePollingPlugin';
import { useRetryPlugin } from './plugins/useRetryPlugin';
import { useThrottlePlugin } from './plugins/useThrottlePlugin';
import type { Options, Plugin, Service } from './types';
import useRequestImpl from './useRequestImpl';
import { clearCache } from './utils/cache';

export { clearCache };

export default function useRequest<TData, TParams extends any[]>(
  service: Service<TData, TParams>,
  options?: Options<TData, TParams>,
  plugins?: Plugin<TData, TParams>[]
) {
  return useRequestImpl<TData, TParams>(service, options, [
    ...(plugins || []),
    useDebouncePlugin,
    useLoadingDelayPlugin,
    usePollingPlugin,
    useThrottlePlugin,
    useCachePlugin,
    useRetryPlugin,
    useAutoRunPlugin,
  ] as Plugin<TData, TParams>[]);
}


================================================
FILE: packages/hooks/src/useRequest/plugins/useAutoRunPlugin.ts
================================================
import { useRef } from 'react';

import useUpdateEffect from '../../useUpdateEffect';
import type { Plugin } from '../types';

export const useAutoRunPlugin: Plugin<any, any[]> = (
  fetchInstance,
  { manual, ready = true, defaultParams = [], refreshDeps = [], refreshDepsAction }
) => {
  const hasAutoRun = useRef(false);
  hasAutoRun.current = false;

  useUpdateEffect(() => {
    if (!manual && ready) {
      hasAutoRun.current = true;
      fetchInstance.run(...defaultParams);
    }
  }, [ready]);

  useUpdateEffect(() => {
    if (hasAutoRun.current) return;

    if (!manual) {
      hasAutoRun.current = true;
      if (refreshDepsAction) {
        refreshDepsAction();
      } else {
        fetchInstance.refresh();
      }
    }
  }, [...refreshDeps]);

  return {
    onBefore: () => {
      if (!ready) {
        return {
          stopNow: true,
        };
      }
      return {};
    },
  };
};

useAutoRunPlugin.onInit = ({ ready = true, manual = true }) => {
  return {
    loading: !manual && ready,
  };
};


================================================
FILE: packages/hooks/src/useRequest/plugins/useCachePlugin.ts
================================================
import { useRef } from 'react';

import * as cache from '../utils/cache';
import * as cachePromise from '../utils/cachePromise';
import * as cacheSubscribe from '../utils/cacheSubscribe';
import useCreation from '../../useCreation';
import useUnmount from '../../useUnmount';
import type { Plugin } from '../types';
import type { CachedData } from '../utils/cache';

export const useCachePlugin: Plugin<any, any[]> = (
  fetchInstance,
  { cacheKey, cacheTime = 5 * 60 * 1000, staleTime = 0, setCache: customSetCache, getCache: customGetCache }
) => {
  const unSubscribeRef = useRef<() => void>();

  const currentPromiseRef = useRef<Promise<any>>();

  const _setCache = (key: string, cachedData: CachedData) => {
    if (customSetCache) {
      customSetCache(cachedData);
    } else {
      cache.setCache(key, cacheTime, cachedData);
    }
    cacheSubscribe.trigger(key, cachedData.data);
  };

  const _getCache = (key: string, params: any[] = []) => {
    if (customGetCache) {
      return customGetCache(params);
    }
    return cache.getCache(key);
  };

  useCreation(() => {
    if (!cacheKey) return;

    // get data from cache when init
    const cacheData = _getCache(cacheKey);
    if (cacheData && Object.hasOwnProperty.call(cacheData, 'data')) {
      fetchInstance.state.data = cacheData.data;
      fetchInstance.state.params = cacheData.params;
      if (staleTime === -1 || new Date().getTime() - cacheData.time <= staleTime) {
        fetchInstance.state.loading = false;
      }
    }

    // subscribe same cachekey update, trigger update
    unSubscribeRef.current = cacheSubscribe.subscribe(cacheKey, data => {
      fetchInstance.setState({ data });
    });
  }, []);

  useUnmount(() => {
    unSubscribeRef.current?.();
  });

  if (!cacheKey) return {};

  return {
    onBefore: params => {
      const cacheData = _getCache(cacheKey, params);

      if (!cacheData || !Object.hasOwnProperty.call(cacheData, 'data')) return {};

      // If the data is fresh, stop request
      if (staleTime === -1 || new Date().getTime() - cacheData.time <= staleTime) {
        return {
          loading: false,
          data: cacheData?.data,
          error: undefined,
          returnNow: true,
        };
      }
      // If the data is stale, return data, and request continue
      return {
        data: cacheData?.data,
        error: undefined,
      };
    },
    onRequest: (service, args) => {
      let servicePromise = cachePromise.getCachePromise(cacheKey);

      // If has servicePromise, and is not trigger by self, then use it
      if (servicePromise && servicePromise !== currentPromiseRef.current) return { servicePromise };

      servicePromise = service(...args);
      currentPromiseRef.current = servicePromise;
      cachePromise.setCachePromise(cacheKey, servicePromise);
      return { servicePromise };
    },
    onSuccess: (data, params) => {
      if (cacheKey) {
        // cancel subscribe, avoid trgger self
        unSubscribeRef.current?.();
        _setCache(cacheKey, {
          data,
          params,
          time: new Date().getTime(),
        });
        // resubscribe
        unSubscribeRef.current = cacheSubscribe.subscribe(cacheKey, d => {
          fetchInstance.setState({ data: d });
        });
      }
    },
    onMutate: data => {
      if (cacheKey) {
        // cancel subscribe, avoid trgger self
        unSubscribeRef.current?.();
        _setCache(cacheKey, {
          data,
          params: fetchInstance.state.params,
          time: new Date().getTime(),
        });
        // resubscribe
        unSubscribeRef.current = cacheSubscribe.subscribe(cacheKey, d => {
          fetchInstance.setState({ data: d });
        });
      }
    },
  };
};


================================================
FILE: packages/hooks/src/useRequest/plugins/useDebouncePlugin.ts
================================================
import { useEffect, useMemo, useRef } from 'react';

import { debounce, DebouncedFunc, DebounceSettings } from 'lodash-es';

import type { Plugin } from '../types';

export const useDebouncePlugin: Plugin<any, any[]> = (
  fetchInstance,
  { debounceWait, debounceLeading, debounceTrailing, debounceMaxWait }
) => {
  const debounceRef = useRef<DebouncedFunc<any>>();

  const options = useMemo(() => {
    const settings: DebounceSettings = {};

    if (debounceLeading !== undefined) {
      settings.leading = debounceLeading;
    }
    if (debounceTrailing !== undefined) {
      settings.trailing = debounceTrailing;
    }
    if (debounceMaxWait !== undefined) {
      settings.maxWait = debounceMaxWait;
    }
    return settings;
  }, [debounceLeading, debounceTrailing, debounceMaxWait]);

  useEffect(() => {
    if (debounceWait) {
      const originRunAsync = fetchInstance.runAsync.bind(fetchInstance);
      debounceRef.current = debounce(
        (cb: any) => {
          cb();
        },
        debounceWait,
        options
      );

      fetchInstance.runAsync = (...args) =>
        new Promise((resolve, reject) => {
          debounceRef.current?.(() => {
            originRunAsync(...args)
              .then(resolve)
              .catch(reject);
          });
        });

      return () => {
        debounceRef.current?.cancel();
        fetchInstance.runAsync = originRunAsync;
      };
    }
    return () => {};

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [debounceWait, options]);

  if (!debounceWait) return {};

  return {
    onCancel: () => {
      debounceRef.current?.cancel();
    },
  };
};


================================================
FILE: packages/hooks/src/useRequest/plugins/useLoadingDelayPlugin.ts
================================================
import { useRef } from 'react';

import type { Plugin } from '../types';

export const useLoadingDelayPlugin: Plugin<any, any[]> = (fetchInstance, { loadingDelay, ready }) => {
  const timerRef = useRef<any>();

  if (!loadingDelay) return {};

  const cancelTimeout = () => {
    if (timerRef.current) {
      clearTimeout(timerRef.current);
    }
  };

  return {
    onBefore: () => {
      cancelTimeout();

      // Two cases:
      // 1. ready === undefined
      // 2. ready === true
      if (ready !== false) {
        timerRef.current = setTimeout(() => {
          fetchInstance.setState({
            loading: true,
          });
        }, loadingDelay);
      }

      return {
        loading: false,
      };
    },
    onCancel: () => {
      cancelTimeout();
    },
    onFinally: () => {
      cancelTimeout();
    },
  };
};


================================================
FILE: packages/hooks/src/useRequest/plugins/usePollingPlugin.ts
================================================
import { useRef } from 'react';

import useUpdateEffect from '../../useUpdateEffect';
import type { Plugin } from '../types';

export const usePollingPlugin: Plugin<any, any[]> = (
  fetchInstance,
  { pollingInterval, pollingErrorRetryCount = -1 }
) => {
  const timerRef = useRef<ReturnType<typeof setTimeout>>();
  const countRef = useRef<number>(0);

  const stopPolling = () => {
    if (timerRef.current) {
      clearTimeout(timerRef.current);
    }
  };

  useUpdateEffect(() => {
    if (!pollingInterval) {
      stopPolling();
    }
  }, [pollingInterval]);

  if (!pollingInterval) return {};

  return {
    onBefore: () => {
      stopPolling();
    },
    onError: () => {
      countRef.current += 1;
    },
    onSuccess: () => {
      countRef.current = 0;
    },
    onFinally: () => {
      if (
        pollingErrorRetryCount === -1 ||
        // When an error occurs, the request is not repeated after pollingErrorRetryCount retries
        (pollingErrorRetryCount !== -1 && countRef.current <= pollingErrorRetryCount)
      ) {
        // 之所以用setTimeout, 是因为fetchInstance.refresh()最后都会走到onFinally，然后这里又会再次调用refresh，从而实现跟interval一样的效果
        timerRef.current = setTimeout(() => {
          fetchInstance.refresh();
        }, pollingInterval);
      } else {
        countRef.current = 0;
      }
    },
    onCancel: () => {
      stopPolling();
    },
  };
};


================================================
FILE: packages/hooks/src/useRequest/plugins/useRetryPlugin.ts
================================================
import { useRef } from 'react';

import type { Plugin } from '../types';

export const useRetryPlugin: Plugin<any, any[]> = (fetchInstance, { retryInterval, retryCount }) => {
  const timerRef = useRef<any>();
  const countRef = useRef(0);

  const triggerByRetry = useRef(false);

  if (!retryCount) return {};

  return {
    onBefore: () => {
      if (!triggerByRetry.current) {
        countRef.current = 0;
      }
      triggerByRetry.current = false;

      if (timerRef.current) {
        clearTimeout(timerRef.current);
      }
    },
    onSuccess: () => {
      countRef.current = 0;
    },
    onError: () => {
      countRef.current += 1;
      if (retryCount === -1 || countRef.current <= retryCount) {
        const timeout = retryInterval ?? Math.min(1000 * 2 ** countRef.current, 30000);
        timerRef.current = setTimeout(() => {
          triggerByRetry.current = true;
          fetchInstance.refresh();
        }, timeout);
      } else {
        countRef.current = 0;
      }
    },
    onCancel: () => {
      countRef.current = 0;
      if (timerRef.current) {
        clearTimeout(timerRef.current);
      }
    },
  };
};


================================================
FILE: packages/hooks/src/useRequest/plugins/useThrottlePlugin.ts
================================================
import { useEffect, useMemo, useRef } from 'react';

import { DebouncedFunc, throttle, ThrottleSettings } from 'lodash-es';

import type { Plugin } from '../types';

export const useThrottlePlugin: Plugin<any, any[]> = (
  fetchInstance,
  { throttleWait, throttleLeading, throttleTrailing }
) => {
  const throttleRef = useRef<DebouncedFunc<any>>();

  const options = useMemo(() => {
    const settings: ThrottleSettings = {};

    if (throttleLeading !== undefined) {
      settings.leading = throttleLeading;
    }
    if (throttleTrailing !== undefined) {
      settings.trailing = throttleTrailing;
    }
    return settings;
  }, [throttleLeading, throttleTrailing]);

  useEffect(() => {
    if (throttleWait) {
      const originRunAsync = fetchInstance.runAsync.bind(fetchInstance);

      throttleRef.current = throttle(
        (cb: any) => {
          cb();
        },
        throttleWait,
        options
      );

      fetchInstance.runAsync = (...args) =>
        new Promise((resolve, reject) => {
          throttleRef.current?.(() => {
            originRunAsync(...args)
              .then(resolve)
              .catch(reject);
          });
        });

      return () => {
        fetchInstance.runAsync = originRunAsync;
        throttleRef.current?.cancel();
      };
    }
  }, [throttleWait, throttleLeading, throttleTrailing]);

  if (!throttleWait) return {};

  return {
    onCancel: () => {
      throttleRef.current?.cancel();
    },
  };
};


================================================
FILE: packages/hooks/src/useRequest/types.ts
================================================
import type { DependencyList } from 'react';

import type Fetch from './Fetch';
import { CachedData } from './utils/cache';

export type Subscribe = () => void;
export type Service<TData, TParams extends any[]> = (...args: TParams) => Promise<TData>;
export type Options<TData, TParams extends any[]> = Record<string, any> & {
  manual?: boolean;

  onBefore?: (params: TParams) => void;
  onSuccess?: (data: TData, params: TParams) => void;
  onError?: (e: Error, params: TParams) => void;
  onFinally?: (params: TParams, data?: TData, e?: Error) => void;

  defaultParams?: TParams;
  ready?: boolean;

  // refreshDeps
  refreshDeps?: DependencyList;
  refreshDepsAction?: () => void;

  loadingDelay?: number;

  pollingInterval?: number;

  // debounce
  debounceWait?: number;
  debounceLeading?: boolean;
  debounceTrailing?: boolean;
  debounceMaxWait?: number;

  // throttle
  throttleWait?: number;
  throttleLeading?: boolean;
  throttleTrailing?: boolean;

  // cache
  cacheKey?: string;
  cacheTime?: number;
  staleTime?: number;
  setCache?: (data: CachedData<TData, TParams>) => void;
  getCache?: (params: TParams) => CachedData<TData, TParams> | undefined;

  // retry
  retryCount?: number;
  retryInterval?: number;
};

export type Plugin<TData, TParams extends any[]> = {
  (fetchInstance: Fetch<TData, TParams>, options: Options<TData, TParams>): PluginReturn<TData, TParams>;
  onInit?: (options: Options<TData, TParams>) => Partial<FetchState<TData, TParams>>;
};

export type PluginReturn<TData, TParams extends any[]> = {
  onBefore?: (params: TParams) =>
    | ({
        stopNow?: boolean;
        returnNow?: boolean;
      } & Partial<FetchState<TData, TParams>>)
    | void;

  onRequest?: (
    service: Service<TData, TParams>,
    params: TParams
  ) => {
    servicePromise?: Promise<TData>;
  };

  onSuccess?: (data: TData, params: TParams) => void;

  onError?: (e: Error, params: TParams) => void;

  onFinally?: (params: TParams, data?: TData, e?: Error) => void;

  onCancel?: () => void;

  onMutate?: (data: TData) => void;
};

export type FetchState<TData, TParams extends any[]> = {
  loading: boolean;
  params?: TParams;
  data?: TData;
  error?: Error;
};

export type Result<TData, TParams extends any[]> = {
  loading: boolean;

  data?: TData;

  error?: Error;

  params: TParams | [];

  cancel: Fetch<TData, TParams>['cancel'];

  refresh: Fetch<TData, TParams>['refresh'];

  refreshAsync: Fetch<TData, TParams>['refreshAsync'];

  run: Fetch<TData, TParams>['run'];

  runAsync: Fetch<TData, TParams>['runAsync'];

  mutate: Fetch<TData, TParams>['mutate'];
};


================================================
FILE: packages/hooks/src/useRequest/useRequestImpl.ts
================================================
import useCreation from '../useCreation';
import useLatest from '../useLatest';
import useMemoizedFn from '../useMemoizedFn';
import useMount from '../useMount';
import useUnmount from '../useUnmount';
import useUpdate from '../useUpdate';
import Fetch from './Fetch';
import type { Options, Plugin, Result, Service } from './types';

export default function useRequestImpl<TData, TParams extends any[]>(
  service: Service<TData, TParams>,
  options: Options<TData, TParams> = {},
  plugins: Plugin<TData, TParams>[] = []
) {
  const { manual = false, ...rest } = options;

  if (__DEV__) {
    if (options.defaultParams && !Array.isArray(options.defaultParams)) {
      console.warn(`expected defaultParams is array, got ${typeof options.defaultParams}`);
    }
  }

  const fetchOptions = {
    manual,
    ...rest,
  };

  const serviceRef = useLatest(service);
  const forceUpdate = useUpdate();

  const fetchInstance = useCreation(() => {
    const initState = plugins.map(p => p?.onInit?.(fetchOptions)).filter(Boolean);

    return new Fetch<TData, TParams>(serviceRef, fetchOptions, forceUpdate, Object.assign({}, ...initState));
  }, []);

  fetchInstance.options = fetchOptions;
  fetchInstance.pluginImpls = plugins.map(plugin => plugin(fetchInstance, fetchOptions));

  useMount(() => {
    if (!manual) {
      // useCachePlugin can set fetchInstance.state.params from cache when init
      const params = fetchInstance.state.params || options.defaultParams || [];
      // @ts-ignore
      fetchInstance.run(...params);
    }
  });

  useUnmount(() => {
    fetchInstance.cancel();
  });

  return {
    loading: fetchInstance.state.loading,
    data: fetchInstance.state.data,
    error: fetchInstance.state.error,
    params: fetchInstance.state.params || [],
    cancel: useMemoizedFn(fetchInstance.cancel.bind(fetchInstance)),
    refresh: useMemoizedFn(fetchInstance.refresh.bind(fetchInstance)),
    refreshAsync: useMemoizedFn(fetchInstance.refreshAsync.bind(fetchInstance)),
    run: useMemoizedFn(fetchInstance.run.bind(fetchInstance)),
    runAsync: useMemoizedFn(fetchInstance.runAsync.bind(fetchInstance)),
    mutate: useMemoizedFn(fetchInstance.mutate.bind(fetchInstance)),
  } as Result<TData, TParams>;
}


================================================
FILE: packages/hooks/src/useRequest/utils/cache.ts
================================================
type Timer = ReturnType<typeof setTimeout>;
type CachedKey = string | number;

export interface CachedData<TData = any, TParams = any> {
  data: TData;
  params: TParams;
  time: number;
}
interface RecordData extends CachedData {
  timer: Timer | undefined;
}

const cache = new Map<CachedKey, RecordData>();

const setCache = (key: CachedKey, cacheTime: number, cachedData: CachedData) => {
  const currentCache = cache.get(key);
  if (currentCache?.timer) {
    clearTimeout(currentCache.timer);
  }

  let timer: Timer | undefined = undefined;

  if (cacheTime > -1) {
    // if cache out, clear it
    timer = setTimeout(() => {
      cache.delete(key);
    }, cacheTime);
  }

  cache.set(key, {
    ...cachedData,
    timer,
  });
};

const getCache = (key: CachedKey) => {
  return cache.get(key);
};

const clearCache = (key?: string | string[]) => {
  if (key) {
    const cacheKeys = Array.isArray(key) ? key : [key];
    cacheKeys.forEach(cacheKey => cache.delete(cacheKey));
  } else {
    cache.clear();
  }
};

export { getCache, setCache, clearCache };


================================================
FILE: packages/hooks/src/useRequest/utils/cachePromise.ts
================================================
type CachedKey = string | number;
const cachePromise = new Map<CachedKey, Promise<any>>();

const getCachePromise = (cacheKey: CachedKey) => {
  return cachePromise.get(cacheKey);
};

const setCachePromise = (cacheKey: CachedKey, promise: Promise<any>) => {
  // Should cache the same promise, cannot be promise.finally
  // Because the promise.finally will change the reference of the promise
  cachePromise.set(cacheKey, promise);

  // no use promise.finally for compatibility
  promise
    .then(res => {
      cachePromise.delete(cacheKey);
      return res;
    })
    .catch(() => {
      cachePromise.delete(cacheKey);
    });
};

export { getCachePromise, setCachePromise };


================================================
FILE: packages/hooks/src/useRequest/utils/cacheSubscribe.ts
================================================
type Listener = (data: any) => void;
const listeners: Record<string, Listener[]> = {};

const trigger = (key: string, data: any) => {
  if (listeners[key]) {
    listeners[key].forEach(item => item(data));
  }
};

const subscribe = (key: string, listener: Listener) => {
  if (!listeners[key]) {
    listeners[key] = [];
  }
  listeners[key].push(listener);

  return function unsubscribe() {
    const index = listeners[key].indexOf(listener);
    listeners[key].splice(index, 1);
  };
};

export { trigger, subscribe };


================================================
FILE: packages/hooks/src/useRequest/utils/testingHelper.ts
================================================
import type { Service } from '../types';

export const request: Service<any, any[]> = (req?: number) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (req === 0) {
        reject(new Error('fail'));
      } else {
        resolve('success');
      }
    }, 1000);
  });
};


================================================
FILE: packages/hooks/src/useResetState/__tests__/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useResetState from '../index';

describe('useResetState', () => {
  const setUp = <S>(initialState: S) =>
    renderHook(() => {
      const [state, setState, resetState] = useResetState<S>(initialState);

      return {
        state,
        setState,
        resetState,
      } as const;
    });

  it('should support initialValue', () => {
    const hook = setUp({
      hello: 'world',
    });
    expect(hook.result.current.state).toEqual({ hello: 'world' });
  });

  it('should reset state', () => {
    const hook = setUp({
      hello: '',
      count: 0,
    });

    act(() => {
      hook.result.current.setState({
        hello: 'world',
        count: 1,
      });
    });

    act(() => {
      hook.result.current.resetState();
    });

    expect(hook.result.current.state).toEqual({ hello: '', count: 0 });
  });

  it('should support function update', () => {
    const hook = setUp({
      count: 0,
    });
    act(() => {
      hook.result.current.setState(prev => ({ count: prev.count + 1 }));
    });
    expect(hook.result.current.state).toEqual({ count: 1 });
  });
});


================================================
FILE: packages/hooks/src/useResetState/demo/demo1.tsx
================================================
import React from 'react';

import { useResetState } from 'ahooks';

interface State {
  hello: string;
  count: number;
}

export default () => {
  const [state, setState, resetState] = useResetState<State>({
    hello: '',
    count: 0,
  });

  return (
    <div>
      <pre>{JSON.stringify(state, null, 2)}</pre>
      <p>
        <button type="button" style={{ marginRight: '8px' }} onClick={() => setState({ hello: 'world', count: 1 })}>
          set hello and count
        </button>

        <button type="button" onClick={resetState}>
          resetState
        </button>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useResetState/index.ts
================================================
import type { Dispatch, SetStateAction } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useSafeState from '../useSafeState';

type ResetState = () => void;

const useResetState = <S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>, ResetState] => {
  const [state, setState] = useSafeState(initialState);

  const resetState = useMemoizedFn(() => {
    setState(initialState);
  });

  return [state, setState, resetState];
};

export default useResetState;


================================================
FILE: packages/hooks/src/useSafeState/demo/demo1.tsx
================================================
import React, { useEffect, useState } from 'react';

import { useSafeState } from '@td-design/rn-hooks';

const Child = () => {
  const [value, setValue] = useSafeState<string>();

  useEffect(() => {
    setTimeout(() => {
      setValue('从服务端获取的数据');
    }, 5000);
  }, []);

  const text = value || '正在获取数据。。。';

  return <div>{text}</div>;
};

export default () => {
  const [visible, setVisible] = useState(true);

  return (
    <div>
      <button onClick={() => setVisible(false)}>卸载</button>
      {visible && <Child />}
    </div>
  );
};


================================================
FILE: packages/hooks/src/useSafeState/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useSafeState from './index';

describe('useSafeState', () => {
  test('useSafeState should be defined', () => {
    expect(useSafeState).toBeDefined();
  });

  test('useSafeState should support initialState', () => {
    const { result } = renderHook(() => useSafeState(2));

    expect(result.current[0]).toBe(2);
  });

  test('useSafeState should update', () => {
    const { result } = renderHook(() => useSafeState(() => ({ hello: 'world' })));
    const [, setState] = result.current;
    act(() => {
      setState({ hello: 'react' });
    });

    expect(result.current[0]).toEqual({ hello: 'react' });
  });

  test('useSafeState should not update when unmounted', () => {
    const { result, unmount } = renderHook(() => useSafeState(2));

    expect(result.current[0]).toBe(2);

    act(() => {
      result.current[1](3);
    });
    expect(result.current[0]).toBe(3);

    unmount();
    act(() => {
      result.current[1](4);
    });
    expect(result.current[0]).toBe(3);
  });
});


================================================
FILE: packages/hooks/src/useSafeState/index.ts
================================================
import { Dispatch, SetStateAction, useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import useUnmountedRef from '../useUnmountedRef';

function useSafeState<S>(initialState: S | (() => S)): [S, Dispatch<SetStateAction<S>>];
function useSafeState<S = undefined>(): [S | undefined, Dispatch<SetStateAction<S | undefined>>];

/**
 * 用法与 useState 完全一样，但是在组件卸载后 setState 不再执行，避免因组件卸载后更新状态而导致的内存泄漏。
 * @param initialState 初始值
 */
function useSafeState<S>(initialState?: S | (() => S)) {
  const unmountedRef = useUnmountedRef();
  const [state, setState] = useState(initialState);

  const setCurrentState = (currentState?: S | (() => S)) => {
    // 如果组件已经卸载了，则不要再做 setState 的操作
    if (unmountedRef.current) return;
    setState(currentState);
  };

  return [state, useMemoizedFn(setCurrentState)] as const;
}

export default useSafeState;


================================================
FILE: packages/hooks/src/useSet/demo/demo1.tsx
================================================
import React from 'react';

import { useSet } from '@td-design/rn-hooks';

export default () => {
  const [set, { add, remove, reset }] = useSet(['Hello']);

  return (
    <div>
      <button type="button" onClick={() => add(String(Date.now()))}>
        Add Timestamp
      </button>
      <button type="button" onClick={() => remove('Hello')} disabled={!set.has('Hello')} style={{ margin: '0 8px' }}>
        Remove Hello
      </button>
      <button type="button" onClick={() => reset()}>
        Reset
      </button>
      <div style={{ marginTop: 16 }}>
        <pre>{JSON.stringify(Array.from(set), null, 2)}</pre>
      </div>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useSet/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useSet from './index';

const setUp = <K>(initialSet?: Iterable<K>) => renderHook(() => useSet(initialSet));

describe('useSet', () => {
  it('should be defined', () => {
    expect(useSet).toBeDefined();
  });

  it('should init set and utils', () => {
    const { result } = setUp([1, 2]);
    const [set, utils] = result.current;

    expect(set).toEqual(new Set([1, 2]));
    expect(utils).toStrictEqual({
      add: expect.any(Function),
      remove: expect.any(Function),
      reset: expect.any(Function),
    });
  });

  it('should init empty set if no initial set provided', () => {
    const { result } = setUp();

    expect(result.current[0]).toEqual(new Set());
  });

  it('should have an initially provided key', () => {
    const { result } = setUp(['a']);
    const [set] = result.current;

    let value;
    act(() => {
      value = set.has('a');
    });

    expect(value).toBe(true);
  });

  it('should have an added key', () => {
    const { result } = setUp();

    act(() => {
      result.current[1].add('newKey');
    });

    let value;
    act(() => {
      value = result.current[0].has('newKey');
    });

    expect(value).toBe(true);
  });

  it('should get false for non-existing key', () => {
    const { result } = setUp(['a']);
    const [set] = result.current;

    let value;
    act(() => {
      value = set.has('nonExisting');
    });

    expect(value).toBe(false);
  });

  it('should add a new key', () => {
    const { result } = setUp(['oldKey']);
    const [, utils] = result.current;

    act(() => {
      utils.add('newKey');
    });

    expect(result.current[0]).toEqual(new Set(['oldKey', 'newKey']));
  });

  it('should work if setting existing key', () => {
    const { result } = setUp(['oldKey']);
    const [, utils] = result.current;

    act(() => {
      utils.add('oldKey');
    });

    expect(result.current[0]).toEqual(new Set(['oldKey']));
  });

  it('should remove existing key', () => {
    const { result } = setUp([1, 2]);
    const [, utils] = result.current;

    act(() => {
      utils.remove(2);
    });

    expect(result.current[0]).toEqual(new Set([1]));
  });

  it('should do nothing if removing non-existing key', () => {
    const { result } = setUp(['a', 'b']);
    const [, utils] = result.current;

    act(() => {
      utils.remove('nonExisting');
    });

    expect(result.current[0]).toEqual(new Set(['a', 'b']));
  });

  it('should reset to initial set provided', () => {
    const { result } = setUp([1]);
    const [, utils] = result.current;

    act(() => {
      utils.add(2);
    });

    expect(result.current[0]).toEqual(new Set([1, 2]));

    act(() => {
      utils.reset();
    });

    expect(result.current[0]).toEqual(new Set([1]));
  });

  it('should memoized its utils methods', () => {
    const { result } = setUp(['a', 'b']);
    const [, utils] = result.current;
    const { add, remove, reset } = utils;

    act(() => {
      add('foo');
    });

    expect(result.current[1].add).toBe(add);
    expect(result.current[1].remove).toBe(remove);
    expect(result.current[1].reset).toBe(reset);
  });
});


================================================
FILE: packages/hooks/src/useSet/index.ts
================================================
import { useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';

/**
 * 一个可以管理 Set 类型状态的 Hook。
 * @param initialValue 初始值
 * @returns
 */
export default function useSet<K>(initialValue?: Iterable<K>) {
  const getInitValue = () => new Set(initialValue);

  const [set, setSet] = useState<Set<K>>(getInitValue);

  const add = (key: K) => {
    if (set.has(key)) {
      return;
    }
    setSet(prevSet => {
      const temp = new Set(prevSet);
      temp.add(key);
      return temp;
    });
  };

  const remove = (key: K) => {
    if (!set.has(key)) {
      return;
    }
    setSet(prevSet => {
      const temp = new Set(prevSet);
      temp.delete(key);
      return temp;
    });
  };

  const reset = () => setSet(getInitValue());

  const actions = {
    add: useMemoizedFn(add),
    remove: useMemoizedFn(remove),
    reset: useMemoizedFn(reset),
  };

  return [set, actions] as const;
}


================================================
FILE: packages/hooks/src/useSetState/index.ts
================================================
import { useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';
import { isFunction } from '../utils';

export type SetState<S extends Record<string, unknown>> = <K extends keyof S>(
  state: Pick<S, K> | null | ((prevState: Readonly<S>) => Pick<S, K> | S | null)
) => void;

const useSetState = <S extends Record<string, unknown>>(initialState: S | (() => S)): [S, SetState<S>] => {
  const [state, setState] = useState<S>(initialState);

  const setMergeState = useMemoizedFn(patch => {
    setState(prevState => {
      const newState = isFunction(patch) ? patch(prevState) : patch;
      return newState ? { ...prevState, ...newState } : prevState;
    });
  });

  return [state, setMergeState];
};

export default useSetState;


================================================
FILE: packages/hooks/src/useSms/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useSms from './index';

describe('useSms', () => {
  beforeEach(() => {
    jest.useFakeTimers();
    jest.clearAllTimers();
  });

  test('useSms should be defined', () => {
    expect(useSms).toBeDefined();
  });

  test('useSms sendSms method should work like a charm', async () => {
    const onSend = jest.fn();
    const onAfter = jest.fn();
    const { result } = renderHook(() =>
      useSms({
        onSend,
        onAfter,
      })
    );
    await act(async () => {
      expect(result.current.text).toEqual('发送验证码');
      expect(result.current.disabled).toBeFalsy();

      await result.current.sendSms();
      expect(onAfter).toBeCalledTimes(0);

      jest.advanceTimersByTime(1100); // 1100
      expect(result.current.text).toEqual('重新发送(59s)');

      jest.advanceTimersByTime(1100); // 2200
      expect(result.current.text).toEqual('重新发送(58s)');

      jest.advanceTimersByTime(1100); // 3300
      expect(result.current.text).toEqual('重新发送(57s)');

      jest.advanceTimersByTime(60100); // 60秒
      expect(result.current.text).toEqual('重新发送');

      expect(onAfter).toBeCalledTimes(1);
    });
  });

  test('useSms onBefore method should fire before sendSms fired', async () => {
    const onBefore = jest.fn();
    const onSend = jest.fn();
    const { result } = renderHook(() =>
      useSms({
        onSend,
        onBefore,
      })
    );

    await act(async () => {
      await result.current.sendSms();

      expect(onBefore).toBeCalledTimes(1);
    });
  });

  test('useSms sendSms method will not fire when onBefore returns false', async () => {
    const onBefore = jest.fn(() => Promise.resolve(false));
    const onSend = jest.fn();
    const { result } = renderHook(() =>
      useSms({
        onSend,
        onBefore,
      })
    );

    await act(async () => {
      await result.current.sendSms();

      expect(onBefore).toBeCalledTimes(1);
      expect(onSend).not.toBeCalled();
    });
  });
});


================================================
FILE: packages/hooks/src/useSms/index.ts
================================================
import { ForwardedRef, MutableRefObject, useEffect, useRef, useState } from 'react';
import { TextInput } from 'react-native';

import useCountdown from '../useCountdown';
import useMemoizedFn from '../useMemoizedFn';

interface Props {
  /** 倒计时时长，默认为 60s */
  count?: number;
  /** 倒计时文字，默认为：获取验证码 */
  defaultLabel?: string;
  /** 重新发送文字，默认为：重新发送 */
  resendLabel?: string;
  /** 发送之前执行的函数，结果将决定验证码是否允许发送。通常用在验证码发送之前的手机号校验的场景 */
  onBefore?: () => Promise<boolean>;
  /** 发送验证码 */
  onSend: (...args: any[]) => void;
  /** 倒计时结束之后执行的函数 */
  onAfter?: () => void;
  ref?: ForwardedRef<TextInput>;
}

/**
 * 用于发送手机验证码的 hook。
 * @param props 参数
 */
export default function useSms({
  defaultLabel = '发送验证码',
  resendLabel = '重新发送',
  count = 60,
  onBefore,
  onSend,
  onAfter,
  ref,
}: Props) {
  const { count: currentCount, start } = useCountdown(count);

  const [text, setText] = useState('');
  const [started, setStarted] = useState(false);

  useEffect(() => {
    if (currentCount === 0) {
      onAfter?.();
      setStarted(false);
    }
  }, [currentCount]);

  useEffect(() => {
    if (!started) {
      setText(defaultLabel);
    } else if (currentCount !== 0) {
      setText(`${resendLabel}(${currentCount}s)`);
    } else {
      setText(resendLabel);
    }
  }, [currentCount, defaultLabel, resendLabel]);

  /**
   * 发送验证码
   */
  const sendSms = async (...args: any[]) => {
    let validateResult = true;
    if (onBefore) {
      validateResult = await onBefore();
    }
    if (validateResult) {
      if (ref) {
        (ref as MutableRefObject<TextInput>).current.focus();
      }
      onSend(...args);
      // 开始倒计时
      start();
      setStarted(true);
    }
  };

  return {
    text,
    disabled: started,
    sendSms: useMemoizedFn(sendSms),
  };
}


================================================
FILE: packages/hooks/src/useThrottle/ThrottleOptions.ts
================================================
export interface ThrottleOptions {
  /** 超时时间，单位为毫秒 */
  wait?: number;
  /** 是否在延迟开始前调用函数 */
  leading?: boolean;
  /** 是否在延迟开始后调用函数 */
  trailing?: boolean;
}


================================================
FILE: packages/hooks/src/useThrottle/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useThrottle } from '@td-design/rn-hooks';

export default () => {
  const [value, setValue] = useState<string>();
  const throttledValue = useThrottle(value, { wait: 500 });

  return (
    <div>
      <input value={value} onChange={e => setValue(e.target.value)} placeholder="Typed value" style={{ width: 280 }} />
      <p style={{ marginTop: 16 }}>throttledValue: {throttledValue}</p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useThrottle/index.ts
================================================
import { useEffect, useState } from 'react';

import useThrottleFn from '../useThrottleFn';
import type { ThrottleOptions } from './ThrottleOptions';

/**
 * 用来处理节流值的 Hook。
 * @param value 需要节流的值
 * @param options 配置节流的行为
 * @returns
 */
export default function useThrottle<T>(value: T, options?: ThrottleOptions) {
  const [throttled, setThrottled] = useState(value);

  const { run } = useThrottleFn(() => {
    setThrottled(value);
  }, options);

  useEffect(() => {
    run();

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [value]);

  return throttled;
}


================================================
FILE: packages/hooks/src/useThrottleEffect/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useThrottleEffect } from '@td-design/rn-hooks';

export default () => {
  const [value, setValue] = useState('hello');
  const [records, setRecords] = useState<string[]>([]);
  useThrottleEffect(
    () => {
      setRecords(val => [...val, value]);
    },
    [value],
    {
      wait: 1000,
    }
  );
  return (
    <div>
      <input value={value} onChange={e => setValue(e.target.value)} placeholder="Typed value" style={{ width: 280 }} />
      <p style={{ marginTop: 16 }}>
        <ul>
          {records.map((record, index) => (
            <li key={index}>{record}</li>
          ))}
        </ul>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useThrottleEffect/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useThrottleEffect from './index';

describe('useThrottleEffect', () => {
  test('useThrottleEffect should be defined', () => {
    expect(useThrottleEffect).toBeDefined();
  });

  test('useThrottleEffect should work like a charm', async () => {
    const mockEffect = jest.fn();
    const mockCleanup = jest.fn();

    const { rerender } = renderHook(props =>
      useThrottleEffect(
        () => {
          mockEffect();

          return () => mockCleanup();
        },
        [props],
        { wait: 200 }
      )
    );

    expect(mockEffect).toBeCalled();
    expect(mockCleanup).not.toBeCalled();

    await act(async () => {
      rerender(2);
      await sleep(300);

      expect(mockEffect).toBeCalled();
      expect(mockCleanup).toBeCalled();
      expect(mockEffect.mock.calls.length).toBe(2);
      expect(mockCleanup.mock.calls.length).toBe(1);

      rerender(3);
      expect(mockEffect.mock.calls.length).toBe(2);
      expect(mockCleanup.mock.calls.length).toBe(1);

      await sleep(300);
      expect(mockEffect.mock.calls.length).toBe(3);
      expect(mockCleanup.mock.calls.length).toBe(2);
    });
  });

  test('useThrottleEffect should cancel timeout on unmount', async () => {
    const mockEffect = jest.fn();
    const mockCleanup = jest.fn();

    const { rerender, unmount } = renderHook(props =>
      useThrottleEffect(
        () => {
          mockEffect();

          return () => mockCleanup();
        },
        [props],
        { wait: 200 }
      )
    );
    expect(mockEffect).toBeCalled();
    expect(mockCleanup).not.toBeCalled();

    rerender(1);
    await sleep(100);
    unmount();

    expect(mockEffect.mock.calls.length).toBe(1);
    expect(mockCleanup.mock.calls.length).toBe(1);
  });
});


================================================
FILE: packages/hooks/src/useThrottleEffect/index.ts
================================================
import { DependencyList, EffectCallback, useEffect, useState } from 'react';

import type { ThrottleOptions } from '../useThrottle/ThrottleOptions';
import useThrottleFn from '../useThrottleFn';
import useUpdateEffect from '../useUpdateEffect';

/**
 * 为 `useEffect` 增加节流的能力。
 */
export default function useThrottleEffect(effect: EffectCallback, deps?: DependencyList, options?: ThrottleOptions) {
  const [flag, setFlag] = useState({});

  const { run } = useThrottleFn(() => {
    setFlag({});
  }, options);

  useEffect(() => {
    return run();
  }, deps);

  useUpdateEffect(effect, [flag]);
}


================================================
FILE: packages/hooks/src/useThrottleFn/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useThrottleFn } from '@td-design/rn-hooks';

export default () => {
  const [value, setValue] = useState(0);
  const { run } = useThrottleFn(
    () => {
      setValue(value + 1);
    },
    { wait: 500 }
  );

  return (
    <div>
      <p style={{ marginTop: 16 }}> Clicked count: {value} </p>
      <button type="button" onClick={run}>
        Click fast!
      </button>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useThrottleFn/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import { sleep } from '../utils/testHelpers';
import useThrottleFn from './index';

describe('useThrottleFn', () => {
  test('useThrottleFn should be defined', () => {
    expect(useThrottleFn).toBeDefined();
  });

  test('useThrottleFn parameter should be function', () => {
    const { result } = renderHook(() => useThrottleFn(12 as any, { wait: 200 }));
    expect(result.error).toBeDefined();
  });

  test('useThrottleFn.run should work like a charm', async () => {
    let count = 0;
    const throttleFn = (delta = 1) => {
      count += delta;
    };
    const { result } = renderHook(() => useThrottleFn(throttleFn, { wait: 300 }));

    await act(async () => {
      result.current.run(1);
      expect(count).toBe(1);

      result.current.run(1);
      result.current.run(1);
      result.current.run(1);
      expect(count).toBe(1);

      await sleep(100); // t = 100
      expect(count).toBe(1);

      await sleep(150); // t = 250
      expect(count).toBe(1);

      await sleep(100); // t = 350
      expect(count).toBe(2);

      result.current.run(2);
      result.current.run(2);
      result.current.run(2);
      await sleep(200); // t = 550
      expect(count).toBe(4);
    });
  });

  test('useThrottleFn.cancel should work like a charm', async () => {
    let count = 0;
    const throttleFn = (delta = 1) => {
      count += delta;
    };
    const { result } = renderHook(() => useThrottleFn(throttleFn, { wait: 300 }));

    await act(async () => {
      result.current.run(1);
      expect(count).toBe(1);

      result.current.run(1);
      result.current.run(1);
      result.current.run(1);
      expect(count).toBe(1);

      await sleep(100); // t = 100
      expect(count).toBe(1);

      await sleep(150); // t = 250
      result.current.run(1);
      expect(count).toBe(1);

      await sleep(100); // t = 350
      result.current.run(1);
      expect(count).toBe(2);

      await sleep(100); // t = 450
      result.current.run(2);
      result.current.cancel();
      expect(count).toBe(2);
    });
  });

  test('useThrottleFn.flush should work like a charm', async () => {
    let count = 0;
    const throttleFn = (delta = 1) => {
      count += delta;
    };
    const { result } = renderHook(() => useThrottleFn(throttleFn, { wait: 300 }));

    await act(async () => {
      result.current.run(1);
      expect(count).toBe(1);

      result.current.run(1);
      result.current.run(1);
      result.current.run(1);
      expect(count).toBe(1);

      await sleep(100); // t = 100
      expect(count).toBe(1);

      await sleep(150); // t = 250
      result.current.run(1);
      expect(count).toBe(1);

      await sleep(100); // t = 350
      result.current.run(1);
      expect(count).toBe(2);

      await sleep(100); // t = 450
      result.current.run(2);
      result.current.flush();
      expect(count).toBe(4);
    });
  });
});


================================================
FILE: packages/hooks/src/useThrottleFn/index.ts
================================================
import { throttle } from 'lodash-es';

import useCreation from '../useCreation';
import useMemoizedFn from '../useMemoizedFn';
import type { ThrottleOptions } from '../useThrottle/ThrottleOptions';
import useUnmount from '../useUnmount';

type noop = (...args: any) => any;

/**
 * 用来处理节流函数的 Hook。
 * @param fn 需要节流的函数
 * @param options 配置节流的行为
 */
export default function useThrottleFn<T extends noop>(fn: T, options?: ThrottleOptions) {
  if (__DEV__) {
    if (typeof fn !== 'function') {
      throw new Error(`useThrottleFn expected parameter is a function, got ${typeof fn}`);
    }
  }

  const fnRef = useMemoizedFn(fn);

  const wait = options?.wait ?? 1000;

  const throttled = useCreation(
    () =>
      throttle(
        (...args: Parameters<T>): ReturnType<T> => {
          return fnRef(...args);
        },
        wait,
        options
      ),
    []
  );

  useUnmount(() => {
    throttled.cancel();
  });

  return {
    run: throttled,
    cancel: throttled.cancel,
    flush: throttled.flush,
  };
}


================================================
FILE: packages/hooks/src/useTimeout/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useTimeout } from '@td-design/rn-hooks';

export default () => {
  const [state, setState] = useState(1);
  useTimeout(() => {
    setState(state + 1);
  }, 3000);

  return <div>{state}</div>;
};


================================================
FILE: packages/hooks/src/useTimeout/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import useTimeout from './index';

describe('useTimeout', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  test('useTimeout should be defined', () => {
    expect(useTimeout).toBeDefined();
  });

  test('useTimeout should work like a charm', () => {
    const callback = jest.fn();

    renderHook(() => useTimeout(callback, 200));

    expect(callback).not.toBeCalled();

    jest.advanceTimersByTime(300);

    expect(callback).toHaveBeenCalledTimes(1);
  });
});


================================================
FILE: packages/hooks/src/useTimeout/index.ts
================================================
import { useEffect, useRef } from 'react';

import { isNumber } from 'lodash-es';

import useMemoizedFn from '../useMemoizedFn';

type Func = (...args: any[]) => any;

export default function useTimeout(fn: Func, delay?: number) {
  const timerCallback = useMemoizedFn(fn);
  const timer = useRef<ReturnType<typeof setTimeout>>();

  useEffect(() => {
    if (!isNumber(delay) || delay < 0) return;

    timer.current = setTimeout(() => {
      timerCallback();
    }, delay);

    return clear;
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [delay]);

  const clear = useMemoizedFn(() => {
    if (timer.current) {
      clearInterval(timer.current);
    }
  });

  return clear;
}


================================================
FILE: packages/hooks/src/useToggle/demo/demo1.tsx
================================================
import React from 'react';

import { useToggle } from '@td-design/rn-hooks';

export default () => {
  const [state, { toggle, setLeft, setRight }] = useToggle();

  return (
    <div>
      <p>Effects：{`${state}`}</p>
      <p>
        <button type="button" onClick={toggle}>
          Toggle
        </button>
        <button type="button" onClick={setLeft} style={{ margin: '0 8px' }}>
          Toggle False
        </button>
        <button type="button" onClick={setRight}>
          Toggle True
        </button>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useToggle/demo/demo2.tsx
================================================
import React from 'react';

import { useToggle } from '@td-design/rn-hooks';

export default () => {
  const [state, { toggle, set, setLeft, setRight }] = useToggle('Hello', 'World');

  return (
    <div>
      <p>Effects：{state}</p>
      <p>
        <button type="button" onClick={toggle}>
          Toggle
        </button>
        <button type="button" onClick={() => set('Hello')} style={{ margin: '0 8px' }}>
          Set Hello
        </button>
        <button type="button" onClick={() => set('World')}>
          Set World
        </button>
        <button type="button" onClick={setLeft} style={{ margin: '0 8px' }}>
          Set Left
        </button>
        <button type="button" onClick={setRight}>
          Set Right
        </button>
      </p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useToggle/index.test.ts
================================================
import { act, renderHook } from '@testing-library/react-hooks';

import useToggle from './index';

describe('useToggle', () => {
  test('should be defined', () => {
    expect(useToggle).toBeDefined();
  });

  test('initialValue should be false', () => {
    const { result } = renderHook(() => useToggle());
    expect(result.current[0]).toBeFalsy();
  });

  test('initialValue should be hello', () => {
    const { result } = renderHook(() => useToggle('hello'));
    expect(result.current[0]).toEqual('hello');
  });

  test('value should be true after toggle was triggered', () => {
    const { result } = renderHook(() => useToggle());

    act(() => {
      result.current[1].toggle();
    });

    expect(result.current[0]).toBeTruthy();
  });

  test('value should be world after setRight was triggered', () => {
    const { result } = renderHook(() => useToggle('hello', 'world'));

    act(() => {
      result.current[1].setRight();
    });

    expect(result.current[0]).toEqual('world');
  });

  test('value should be hello after setRight and setLeft were triggered sequentially', () => {
    const { result } = renderHook(() => useToggle('hello', 'world'));

    act(() => {
      result.current[1].setRight();
    });

    act(() => {
      result.current[1].setLeft();
    });

    expect(result.current[0]).toEqual('hello');
  });
});


================================================
FILE: packages/hooks/src/useToggle/index.ts
================================================
import { useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';

interface Actions<T> {
  setLeft: () => void;
  setRight: () => void;
  set: (value: T) => void;
  toggle: () => void;
}

function useToggle<T = boolean>(): [boolean, Actions<T>];
function useToggle<T>(defaultValue: T): [T, Actions<T>];
function useToggle<T, U>(defaultValue: T, reverseValue: U): [T | U, Actions<T | U>];

/**
 * 用于在两个状态值间切换的 Hook。
 * @param defaultValue 默认值，默认为false
 * @param reverseValue 切换值，可以不传，不传的时候值是对默认值取非
 * @returns
 */
function useToggle<D, R>(defaultValue = false as unknown as D, reverseValue?: R) {
  const [state, setState] = useState<D | R>(defaultValue);

  const reverseValueOrigin = (reverseValue === undefined ? !defaultValue : reverseValue) as D | R;

  const toggle = () => setState(s => (s === defaultValue ? reverseValueOrigin : defaultValue));
  const set = (value: D | R) => setState(value);
  const setLeft = () => setState(defaultValue);
  const setRight = () => setState(reverseValueOrigin);

  const actions = {
    toggle: useMemoizedFn(toggle),
    set: useMemoizedFn(set),
    setLeft: useMemoizedFn(setLeft),
    setRight: useMemoizedFn(setRight),
  };

  return [state, actions];
}

export default useToggle;


================================================
FILE: packages/hooks/src/useTrackedEffect/index.ts
================================================
import { DependencyList, useEffect, useRef } from 'react';

type Effect<T extends DependencyList> = (changes?: number[], previousDeps?: T, currentDeps?: T) => void | (() => void);

export default function useTrackedEffect<T extends DependencyList>(effect: Effect<T>, deps?: [...T]) {
  const previousDepsRef = useRef<T>();

  useEffect(() => {
    const changes = diffTwoDeps(previousDepsRef.current, deps);
    const previousDeps = previousDepsRef.current;
    previousDepsRef.current = deps;

    return effect(changes, previousDeps, deps);

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, deps);
}

function diffTwoDeps(deps1?: DependencyList, deps2?: DependencyList) {
  //Let's do a reference equality check on 2 dependency list.
  //If deps1 is defined, we iterate over deps1 and do comparison on each element with equivalent element from deps2
  //As this func is used only in this hook, we assume 2 deps always have same length.
  return deps1
    ? deps1.map((_ele, idx) => (deps1[idx] !== deps2?.[idx] ? idx : -1)).filter(ele => ele >= 0)
    : deps2
    ? deps2.map((_ele, idx) => idx)
    : [];
}


================================================
FILE: packages/hooks/src/useUnmount/demo/demo1.tsx
================================================
import React from 'react';

import { useBoolean, useUnmount } from '@td-design/rn-hooks';
import { message } from 'antd';

const MyComponent = () => {
  useUnmount(() => {
    message.info('unmount');
  });

  return <p>Hello World!</p>;
};

export default () => {
  const [state, { toggle }] = useBoolean(true);

  return (
    <>
      <button type="button" onClick={toggle}>
        {state ? 'unmount' : 'mount'}
      </button>
      {state && <MyComponent />}
    </>
  );
};


================================================
FILE: packages/hooks/src/useUnmount/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import useUnmount from './index';

describe('useUnmount', () => {
  test('useUnmount should be defined', () => {
    expect(useUnmount).toBeDefined();
  });

  test('useUnmount parameter should be function', () => {
    const { result } = renderHook(() => useUnmount(1 as any));
    expect(result.error).toBeDefined();
  });

  test('useUnmount should work like a charm', () => {
    const fn = jest.fn();
    const { rerender, unmount } = renderHook(() => useUnmount(fn));
    expect(fn).toBeCalledTimes(0);

    rerender();
    expect(fn).toBeCalledTimes(0);

    unmount();
    expect(fn).toBeCalledTimes(1);
  });
});


================================================
FILE: packages/hooks/src/useUnmount/index.ts
================================================
import { useEffect } from 'react';

import useMemoizedFn from '../useMemoizedFn';

type Func = (...args: any[]) => any;

export default function useUnmount(fn: Func) {
  if (__DEV__) {
    if (typeof fn !== 'function') {
      throw new Error(`useUnmount expected parameter is a function, got ${typeof fn}`);
    }
  }

  const fnRef = useMemoizedFn(fn);

  useEffect(
    () => fnRef,

    // eslint-disable-next-line react-hooks/exhaustive-deps
    []
  );
}


================================================
FILE: packages/hooks/src/useUnmountedRef/demo/demo1.tsx
================================================
import React, { useEffect } from 'react';

import { useBoolean, useUnmountedRef } from '@td-design/rn-hooks';
import { message } from 'antd';

const MyComponent = () => {
  const unmountedRef = useUnmountedRef();
  useEffect(() => {
    setTimeout(() => {
      if (!unmountedRef.current) {
        message.info('component is alive');
      }
    }, 3000);
  }, []);

  return <p>Hello World!</p>;
};

export default () => {
  const [state, { toggle }] = useBoolean(true);

  return (
    <>
      <button type="button" onClick={toggle}>
        {state ? 'unmount' : 'mount'}
      </button>
      {state && <MyComponent />}
    </>
  );
};


================================================
FILE: packages/hooks/src/useUnmountedRef/index.test.ts
================================================
import { renderHook } from '@testing-library/react-hooks';

import useUnmountedRef from './index';

describe('useUnmountedRef', () => {
  test('useUnmountedRef should be defined', () => {
    expect(useUnmountedRef).toBeDefined();
  });

  test('useUnmountedRef should work like a charm', () => {
    const { result, rerender, unmount } = renderHook(() => useUnmountedRef());

    expect(result.current.current).toBeFalsy();

    rerender();
    expect(result.current.current).toBeFalsy();

    unmount();
    expect(result.current.current).toBeTruthy();
  });
});


================================================
FILE: packages/hooks/src/useUnmountedRef/index.ts
================================================
import { useEffect, useRef } from 'react';

/**
 * 获取当前组件卸载状态的 Hook。
 * @returns
 */
export default function useUnmountedRef() {
  const unmountedRef = useRef(false);

  useEffect(() => {
    unmountedRef.current = false;

    return () => {
      unmountedRef.current = true;
    };
  }, []);

  return unmountedRef;
}


================================================
FILE: packages/hooks/src/useUpdate/demo/demo1.tsx
================================================
import React from 'react';

import { useUpdate } from '@td-design/rn-hooks';

export default () => {
  const update = useUpdate();

  return (
    <>
      <div>Time: {Date.now()}</div>
      <button type="button" onClick={update} style={{ marginTop: 8 }}>
        update
      </button>
    </>
  );
};


================================================
FILE: packages/hooks/src/useUpdate/index.test.ts
================================================
import { useRef } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import useMemoizedFn from '../useMemoizedFn';
import useUpdate from './index';

describe('useUpdate', () => {
  test('useUpdate should be defined', () => {
    expect(useUpdate).toBeDefined();
  });

  test('useUpdate should update', () => {
    const { result } = renderHook(() => {
      const ref = useRef(0);
      const update = useUpdate();
      return {
        update,
        count: ref.current,
        onChange: useMemoizedFn(() => {
          ref.current = ref.current + 1;
          update();
        }),
      };
    });
    expect(result.current.count).toEqual(0);

    act(result.current.onChange);

    expect(result.current.count).toEqual(1);
  });

  test('should return same update function', () => {
    const { result, rerender } = renderHook(() => useUpdate());
    const preUpdate = result.current;
    rerender();
    expect(result.current).toEqual(preUpdate);
  });
});


================================================
FILE: packages/hooks/src/useUpdate/index.ts
================================================
import { useState } from 'react';

import useMemoizedFn from '../useMemoizedFn';

/**
 * 强制组件重新渲染的 Hook。
 * @returns
 */
export default function useUpdate() {
  const [, setState] = useState({});

  return useMemoizedFn(() => setState({}));
}


================================================
FILE: packages/hooks/src/useUpdateEffect/index.ts
================================================
import { useEffect } from 'react';

import { createUpdateEffect } from '../createUpdateEffect';

export default createUpdateEffect(useEffect);


================================================
FILE: packages/hooks/src/useUpdateLayoutEffect/index.ts
================================================
import { useLayoutEffect } from 'react';

import { createUpdateEffect } from '../createUpdateEffect';

export default createUpdateEffect(useLayoutEffect);


================================================
FILE: packages/hooks/src/useWhyDidYouUpdate/demo/demo1.tsx
================================================
import React, { useState } from 'react';

import { useWhyDidYouUpdate } from '@td-design/rn-hooks';

const Demo: React.FC<{ count: number }> = props => {
  const [randomNum, setRandomNum] = useState(Math.random());

  useWhyDidYouUpdate('useWhyDidYouUpdateComponent', { ...props, randomNum });

  return (
    <div>
      <div>
        <span>number: {props.count}</span>
      </div>
      <div>
        randomNum: {randomNum}
        <button onClick={() => setRandomNum(Math.random)} style={{ marginLeft: 8 }}>
          🎲
        </button>
      </div>
    </div>
  );
};

export default () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <Demo count={count} />
      <div>
        <button onClick={() => setCount(prevCount => prevCount - 1)}>count -</button>
        <button onClick={() => setCount(prevCount => prevCount + 1)} style={{ marginLeft: 8 }}>
          count +
        </button>
      </div>
      <p style={{ marginTop: 8 }}>Please open the browser console to view the output!</p>
    </div>
  );
};


================================================
FILE: packages/hooks/src/useWhyDidYouUpdate/index.test.ts
================================================
import { useState } from 'react';

import { act, renderHook } from '@testing-library/react-hooks';

import useWhyDidYouUpdate from './index';

describe('useWhyDidYouUpdate', () => {
  test('should be defined', () => {
    expect(useWhyDidYouUpdate).toBeDefined();
  });

  test('useWhyDidYouUpdate should work like a charm', () => {
    console.log = jest.fn();
    const setup = () =>
      renderHook(() => {
        const [count, setCount] = useState(100);
        useWhyDidYouUpdate('UseWhyDidYouUpdateComponent', { count });
        return {
          setCount,
        };
      });

    const hook = setup();

    act(() => {
      hook.result.current.setCount(1);
    });
    expect(console.log).toHaveBeenCalledWith('[why-did-you-update]', 'UseWhyDidYouUpdateComponent', {
      count: {
        from: 100,
        to: 1,
      },
    });
  });

  it('should support component props', () => {});
});


================================================
FILE: packages/hooks/src/useWhyDidYouUpdate/index.ts
================================================
import { useEffect, useRef } from 'react';

type Props = Record<string, any>;

/**
 * 帮助开发者排查是那个属性改变导致了组件的 rerender。
 */
export default function useWhyDidYouUpdate(componentName: string, props: Props) {
  const prevProps = useRef<Props>({});

  useEffect(() => {
    if (prevProps.current) {
      const allKeys = Object.keys({ ...prevProps.current, ...props });
      const changedProps: Props = {};

      allKeys.forEach(key => {
        if (prevProps.current[key] !== props[key]) {
          changedProps[key] = {
            from: prevProps.current[key],
            to: props[key],
          };
        }
      });

      if (Object.keys(changedProps).length) {
        console.log('[why-did-you-update]', componentName, changedProps);
      }
    }

    prevProps.current = props;
  });
}


================================================
FILE: packages/hooks/src/utils/index.ts
================================================
export function depsAreSame(oldDeps: any[], deps: any[]): boolean {
  if (oldDeps === deps) return true;
  for (let i = 0; i < oldDeps.length; i++) {
    if (oldDeps[i] !== deps[i]) return false;
  }
  return true;
}

export const isObject = (value: unknown): value is Record<any, any> => value !== null && typeof value === 'object';

// eslint-disable-next-line @typescript-eslint/ban-types
export const isFunction = (value: unknown): value is Function => typeof value === 'function';

export const isString = (value: unknown): value is string => typeof value === 'string';

export const isBoolean = (value: unknown): value is boolean => typeof value === 'boolean';

export const isNumber = (value: unknown): value is number => typeof value === 'number';

export const isUndef = (value: unknown): value is undefined => typeof value === 'undefined';


================================================
FILE: packages/hooks/src/utils/platform.ts
================================================
import { Platform } from 'react-native';

export function isIOS() {
  return Platform.OS === 'ios';
}


================================================
FILE: packages/hooks/src/utils/testHelpers.ts
================================================
/**
 * 模拟异步操作
 * @param time
 * @returns
 */
export function sleep(time: number) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(true);
    }, time);
  });
}


================================================
FILE: packages/hooks/tsconfig.json
================================================
{
  "compilerOptions": {
    "target": "ES5",
    "lib": ["ESNext"],
    "moduleResolution": "node",
    "allowJs": true,
    "esModuleInterop": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "declaration": false,
    "strictNullChecks": true,
    "baseUrl": "."
  },
  "exclude": ["node_modules", "lib", "es", "dist", "**/index.test.ts", "**/demo", "coverage", "**/*.js"]
}


================================================
FILE: packages/lego/CHANGELOG.md
================================================
# @td-design/lego

## 4.1.12

### Patch Changes

- [#938](https://github.com/thundersdata-frontend/td-design/pull/938) [`a32b740a2`](https://github.com/thundersdata-frontend/td-design/commit/a32b740a2a66866e4f2edb01590f8035b95bf837) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Table组件字段折行的问题

## 4.1.11

### Patch Changes

- [#884](https://github.com/thundersdata-frontend/td-design/pull/884) [`b3db6b924`](https://github.com/thundersdata-frontend/td-design/commit/b3db6b924c3bb9049c5e4c5b64eaf8ac1bd10cef) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 优化进度条图

## 4.1.10

### Patch Changes

- [#880](https://github.com/thundersdata-frontend/td-design/pull/880) [`91b431ab7`](https://github.com/thundersdata-frontend/td-design/commit/91b431ab7f0532877ddffe7a47c26ad50029ba1b) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 进度条组件支持非百分比模式

## 4.1.9

### Patch Changes

- [#767](https://github.com/thundersdata-frontend/td-design/pull/767) [`05d836a19`](https://github.com/thundersdata-frontend/td-design/commit/05d836a1926104a2442475281b4f035d683d038b) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复3d饼图卡顿问题

## 4.1.8

### Patch Changes

- [#765](https://github.com/thundersdata-frontend/td-design/pull/765) [`62355ae75`](https://github.com/thundersdata-frontend/td-design/commit/62355ae759b9d31bc837f0eb3dd99e77bfa0a580) Thanks [@qqack](https://github.com/qqack)! - feat: lego的table组件的优化

## 4.1.7

### Patch Changes

- [#763](https://github.com/thundersdata-frontend/td-design/pull/763) [`d0d5db234`](https://github.com/thundersdata-frontend/td-design/commit/d0d5db234eee0f405e3a59907002958d28ef02e1) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复条形图和条形对比图的显示 bug

## 4.1.6

### Patch Changes

- [#761](https://github.com/thundersdata-frontend/td-design/pull/761) [`a9315c23b`](https://github.com/thundersdata-frontend/td-design/commit/a9315c23b7816f37513f401d43b06ae7523b0ebb) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复无法自定义样式的问题

## 4.1.5

### Patch Changes

- [#759](https://github.com/thundersdata-frontend/td-design/pull/759) [`66f777c42`](https://github.com/thundersdata-frontend/td-design/commit/66f777c42028549437cbb35308135daea8fb258c) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 3d饼图支持中心标题

## 4.1.4

### Patch Changes

- [#757](https://github.com/thundersdata-frontend/td-design/pull/757) [`2017a1dea`](https://github.com/thundersdata-frontend/td-design/commit/2017a1dea0e6c843e84a1b7cd66372392ec67be6) Thanks [@qqack](https://github.com/qqack)! - fix: lego组件解决文字滚动组件不能无缝连接问题

## 4.1.3

### Patch Changes

- [#755](https://github.com/thundersdata-frontend/td-design/pull/755) [`5d70073db`](https://github.com/thundersdata-frontend/td-design/commit/5d70073db0a5365f363854ce4e10e3d7cfa696aa) Thanks [@qqack](https://github.com/qqack)! - perf: lego组件库更新写法,去掉warning

## 4.1.2

### Patch Changes

- [#753](https://github.com/thundersdata-frontend/td-design/pull/753) [`069382d8f`](https://github.com/thundersdata-frontend/td-design/commit/069382d8f6b012fcce75d2bd5769083eaa6bfa4e) Thanks [@qqack](https://github.com/qqack)! - fix: lego组件的一些优化

## 4.1.1

### Patch Changes

- [#745](https://github.com/thundersdata-frontend/td-design/pull/745) [`bbc7deb64`](https://github.com/thundersdata-frontend/td-design/commit/bbc7deb64da6805a33ff20e2b5dbdd0a2e714df0) Thanks [@qqack](https://github.com/qqack)! - style: 优化data-show-simple组件

## 4.1.0

### Minor Changes

- [#742](https://github.com/thundersdata-frontend/td-design/pull/742) [`60960d99a`](https://github.com/thundersdata-frontend/td-design/commit/60960d99ace962e135ef957ae06367aba8955d7f) Thanks [@qqack](https://github.com/qqack)! - feat: 用css动画替代动态背景图

## 4.0.3

### Patch Changes

- [#733](https://github.com/thundersdata-frontend/td-design/pull/733) [`aeada2c4f`](https://github.com/thundersdata-frontend/td-design/commit/aeada2c4f464dc84ad2cfab315c956236bfe70b1) Thanks [@qqack](https://github.com/qqack)! - fix: 修复lego的一些组件的bug

## 4.0.2

### Patch Changes

- [#730](https://github.com/thundersdata-frontend/td-design/pull/730) [`d6df8177a`](https://github.com/thundersdata-frontend/td-design/commit/d6df8177a9b8a43ee15a3ecae1d92f87db508780) Thanks [@qqack](https://github.com/qqack)! - lego 中 table 组件的优化

## 4.0.1

### Patch Changes

- [#726](https://github.com/thundersdata-frontend/td-design/pull/726) [`7e04b363f`](https://github.com/thundersdata-frontend/td-design/commit/7e04b363fc35419219bc9afce20c197d50ca6209) Thanks [@qqack](https://github.com/qqack)! - 修改 table 的 lineHeight 报错以及更新 modal 的写法

## 4.0.0

### Major Changes

- [#687](https://github.com/thundersdata-frontend/td-design/pull/687) [`1c6182348`](https://github.com/thundersdata-frontend/td-design/commit/1c6182348dbb3e97ae014b20b432cccc8452e701) Thanks [@chen929104](https://github.com/chen929104)! - 修改 sideEffects 配置 支持使用 Tree-shaking

## 3.1.1

### Patch Changes

- [#647](https://github.com/thundersdata-frontend/td-design/pull/647) [`5bb50834a`](https://github.com/thundersdata-frontend/td-design/commit/5bb50834acd3cc4c4951275e1ee49512805e9335) Thanks [@chj-damon](https://github.com/chj-damon)! - 让柱状图宽度自适应

## 3.1.0

### Minor Changes

- [#645](https://github.com/thundersdata-frontend/td-design/pull/645) [`10117acf9`](https://github.com/thundersdata-frontend/td-design/commit/10117acf92f6e4fe6d7600fc439686e7f916d966) Thanks [@chj-damon](https://github.com/chj-damon)! - 为图表增加 svg 渲染器的配置项

## 3.0.1

### Patch Changes

- [#638](https://github.com/thundersdata-frontend/td-design/pull/638) [`40bbbdb0d`](https://github.com/thundersdata-frontend/td-design/commit/40bbbdb0d1e4d11a9245fa782d84529312694ed7) Thanks [@chj-damon](https://github.com/chj-damon)! - 删除一些无用的图片资源, 优化 useEchartsRef 里的 useCallback 依赖

## 3.0.0

### Major Changes

- [#629](https://github.com/thundersdata-frontend/td-design/pull/629) [`931cebafb`](https://github.com/thundersdata-frontend/td-design/commit/931cebafb99ab21e18dd8957fff394b07cf573b1) Thanks [@chen929104](https://github.com/chen929104)! - 修复打包的时候 background-image 图片没有打包

## 2.3.7

### Patch Changes

- [#554](https://github.com/thundersdata-frontend/td-design/pull/554) [`f12fb3a44`](https://github.com/thundersdata-frontend/td-design/commit/f12fb3a4429e9e80878b55b38185308f82b45da8) Thanks [@qqack](https://github.com/qqack)! - fix: 解决饼图渲染 null 的 bug

## 2.3.6

### Patch Changes

- [#552](https://github.com/thundersdata-frontend/td-design/pull/552) [`db26633df`](https://github.com/thundersdata-frontend/td-design/commit/db26633df44d2d796fdc69c62020f28e9b09190a) Thanks [@chen929104](https://github.com/chen929104)! - 1 修改打包配置

## 2.3.5

### Patch Changes

- [`9c480ef78`](https://github.com/thundersdata-frontend/td-design/commit/9c480ef7847c86e551097a8d1ef6ff98c192f79d) - 1 修改打包文件路径问题

## 2.3.4

### Patch Changes

- [#544](https://github.com/thundersdata-frontend/td-design/pull/544) [`eaae913d4`](https://github.com/thundersdata-frontend/td-design/commit/eaae913d4edd24533f5119272f8d48cb0b4a5ef9) Thanks [@ziqiya](https://github.com/ziqiya)! - 修复 CircularSolidPie 饼图只有 1 个选项时会出现 NaN%

## 2.3.3

### Patch Changes

- [#536](https://github.com/thundersdata-frontend/td-design/pull/536) [`aa9f59b48`](https://github.com/thundersdata-frontend/td-design/commit/aa9f59b4865666b03c805151087b4485072b949a) Thanks [@qqack](https://github.com/qqack)! - feat: 饼图等大屏组件的自适应改造

## 2.3.2

### Patch Changes

- [`079fc9e44`](https://github.com/thundersdata-frontend/td-design/commit/079fc9e4482b3be0d29524b0c7d826dcebf8b6b8) - X 轴不强制显示所有标签

## 2.3.1

### Patch Changes

- [`e749c01a6`](https://github.com/thundersdata-frontend/td-design/commit/e749c01a6daa53c1171104b30b720dc3625ce1f9) - 去除一些使用 useMemo 的过度优化场景

## 2.3.0

### Minor Changes

- [#516](https://github.com/thundersdata-frontend/td-design/pull/516) [`61ead348b`](https://github.com/thundersdata-frontend/td-design/commit/61ead348bd4e96cef1f6dd2e992c004876cbb15a) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 新增 modal 弹窗

## 2.2.18

### Patch Changes

- [`585e7801e`](https://github.com/thundersdata-frontend/td-design/commit/585e7801e246a25f2dfa647a4dd9e6a5800b5f3c) - 优化 children 的定义

## 2.2.17

### Patch Changes

- [`578e9b90d`](https://github.com/thundersdata-frontend/td-design/commit/578e9b90d67c39163f544b4190e09e97ec2fb016) - feat: 3D 饼图和立体环形图增加弹窗配置

## 2.2.16

### Patch Changes

- feat: 3D 饼图和立体环形图增加弹窗配置


================================================
FILE: packages/lego/example/AccumulatedDataDemo/demo1.tsx
================================================
import { AccumulatedData } from '@td-design/lego';

export default function () {
  return (
    <AccumulatedData
      data={[
        { name: '承运车辆数', value: 36.8, unit: '万辆' },
        { name: '累计订单', value: 168.5, unit: '万单' },
        { name: '运费', value: 41.5, unit: '万' },
        { name: '光伏发电量', value: 3346.8, unit: '万度' },
        { name: '换电站数量', value: 4, unit: '个' },
      ]}
    />
  );
}


================================================
FILE: packages/lego/example/AccumulatedDataDemo/demo2.tsx
================================================
import { AccumulatedData } from '@td-design/lego';

export default function () {
  return (
    <AccumulatedData
      data={[
        { name: '承运车辆数', value: 36.8, unit: '万辆' },
        { name: '累计订单', value: 168.5, unit: '万单' },
        { name: '运费', value: 41.5, unit: '万' },
      ]}
      numberScroll
    />
  );
}


================================================
FILE: packages/lego/example/BarLineDemo/demo1.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11] }}
    barData={{ name: '运费', data: [500, 584] }}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo10.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11] }}
    barData={{ name: '运费', data: [500, 584] }}
    style={{ width: 486, height: 254 }}
    shadow
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo11.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月', '05月', '06月', '07月', '08月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
    barData={{ name: '运费', data: [98, 112, 234, 500, 584, 666] }}
    style={{ width: 486, height: 254 }}
    smooth
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo12.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月', '05月', '06月', '07月', '08月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
    barData={{ name: '运费', data: [98, 112, 234, 500, 584, 666] }}
    style={{ width: 486, height: 254 }}
    smooth
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo2.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月', '05月', '06月', '07月', '08月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
    style={{ width: 486, height: 254 }}
    barType="cylinderBar"
    barData={[
      { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
      { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
    ]}
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo3.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月', '05月', '06月', '07月', '08月']}
    yAxis={[{ name: '万辆' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
    style={{ width: 486, height: 254 }}
    barType="cylinderShadowBar"
    max={4000}
    barData={{
      name: '月高速车辆总数',
      data: [2012, 2555, 1234, 1899, 1986, 2100],
    }}
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo4.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月', '05月', '06月', '07月', '08月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
    style={{ width: 486, height: 254 }}
    barType="sliceBar"
    max={4000}
    barData={{ name: '产值', data: [2012, 2555, 1234, 1899, 1986, 2100] }}
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo5.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月', '05月', '06月', '07月', '08月']}
    yAxis={[{ name: '万辆' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
    style={{ width: 486, height: 254 }}
    barType="stackBar"
    barData={[
      { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
      { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
    ]}
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo6.tsx
================================================
import React from 'react';
import { BarLine } from '@td-design/lego';

export default () => (
  <BarLine
    xAxisData={['03月', '04月']}
    yAxis={[{ name: '万元' }, { name: '%' }]}
    lineData={{ name: '同比增长率', data: [12, 11] }}
    barData={{ name: '运费', data: [500, 584] }}
    autoLoop
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/BarLineDemo/demo7.tsx
================================================
import React, { useEffect, useState } from 'react';
import { BarLine } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <BarLine
      xAxisData={['03月', '04月']}
      yAxis={[{ name: '万元' }, { name: '%' }]}
      lineData={{ name: '同比增长率', data: [12, 11] }}
      barData={{ name: '运费', data: [500, 584] }}
      autoLoop={autoLoop}
      style={{ width: 486, height: 254 }}
    />
  );
};


================================================
FILE: packages/lego/example/BarLineDemo/demo8.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { BarLine } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <BarLine
          inModal
          xAxisData={['03月', '04月']}
          yAxis={[{ name: '万元' }, { name: '%' }]}
          lineData={{ name: '同比增长率', data: [12, 11] }}
          barData={{ name: '运费', data: [500, 584] }}
          style={{ height: 500, width: '100%' }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/BarLineDemo/demo9.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { BarLine, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['03月', '04月', '05月', '06月', '07月', '08月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex < xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <BarLine
        ref={echartsRef}
        xAxisData={xAxisData}
        yAxis={[{ name: '万元' }, { name: '%' }]}
        lineData={{ name: '同比增长率', data: [12, 11, 19, 23, 32, 45] }}
        barData={{ name: '运费', data: [98, 112, 234, 500, 584, 666] }}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/BasePieDemo/demo1.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { BasePie } from '@td-design/lego';

const result = {
  code: 20000,
  data: {
    title: '货物比例',
    data: {
      series: [
        {
          name: '货物比例',
          type: 'pie',
          data: [
            { name: '木材', value: '47043' },
            { name: '机械、设备', value: '38603' },
            { name: '钢铁', value: '31316' },
            { name: '煤炭及制品', value: '29037' },
            { name: '矿建材料', value: '27474' },
            { name: '其他', value: '73437' },
          ],
        },
      ],
    },
  },
  success: true,
};

/** 饼图 demo */
const BasePieDemo = () => {
  return (
    <div style={{ width: 475, height: 255 }}>
      <BasePie
          autoLoop={true}
          unit="吨"
          data={result.data.data.series[0].data}
        />
    </div>

  );
};

export default BasePieDemo;


================================================
FILE: packages/lego/example/BasePieDemo/demo2.tsx
================================================
import React from 'react';
import { BasePie } from '@td-design/lego';

const result = {
  code: 20000,
  data: {
    title: '货物比例',
    data: {
      series: [
        {
          name: '货物比例',
          type: 'pie',
          data: [
            { name: '木材', value: '47043' },
            { name: '其他', value: '73437' },
          ],
        },
      ],
    },
  },
  success: true,
};

/** 饼图 demo */
const BasePieDemo = () => (
  <BasePie
    data={result.data.data.series[0].data}
    style={{ width: 486, height: 254 }}
  />
);

export default BasePieDemo;


================================================
FILE: packages/lego/example/BasePieDemo/demo3.tsx
================================================
import React from 'react';
import { BasePie } from '@td-design/lego';

const result = {
  code: 20000,
  data: {
    title: '货物比例',
    data: {
      series: [
        {
          name: '货物比例',
          type: 'pie',
          data: [
            { name: '木材', value: '47043' },
            { name: '机械、设备', value: '38603' },
            { name: '钢铁', value: '31316' },
            { name: '煤炭及制品', value: '29037' },
            { name: '矿建材料', value: '27474' },
          ],
        },
      ],
    },
  },
  success: true,
};

/** 饼图 demo */
const BasePieDemo = () => (
  <BasePie
    data={result.data.data.series[0].data}
    style={{ width: 486, height: 254 }}
  />
);

export default BasePieDemo;


================================================
FILE: packages/lego/example/BasePieDemo/demo4.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { BasePie, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const seriesData = [
    { name: '木材', value: '47043' },
    { name: '机械、设备', value: '38603' },
    { name: '钢铁', value: '31316' },
    { name: '煤炭及制品', value: '29037' },
    { name: '矿建材料', value: '27474' },
    { name: '其他', value: '73437' },
  ];
  const currentName = seriesData[currentIndex]?.name;

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex < seriesData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <BasePie
        ref={echartsRef}
        data={seriesData}
        style={{ width: 700, height: 404 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/BasePieDemo/demo5.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { BasePie } from '@td-design/lego';

const result = {
  code: 20000,
  data: {
    title: '货物比例',
    data: {
      series: [
        {
          name: '货物比例',
          type: 'pie',
          data: [
            { name: '木材', value: '47043' },
            { name: '机械、设备', value: '38603' },
            { name: '钢铁', value: '31316' },
            { name: '煤炭及制品', value: '29037' },
            { name: '矿建材料', value: '27474' },
            { name: '其他', value: '73437' },
          ],
        },
      ],
    },
  },
  success: true,
};

/** 饼图 demo */
const BasePieDemo = () => {
  return (
    <BasePie
      autoLoop={true}
      data={result.data.data.series[0].data}
      legendPosition="bottom"
      style={{ width: 260, height: 500 }}
    />
  );
};

export default BasePieDemo;


================================================
FILE: packages/lego/example/BasePieDemo/demo6.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { BasePie } from '@td-design/lego';

const result = {
  code: 20000,
  data: {
    title: '货物比例',
    data: {
      series: [
        {
          name: '货物比例',
          type: 'pie',
          data: [
            { name: '木材', value: '47043' },
            { name: '机械、设备', value: '38603' },
            { name: '钢铁', value: '31316' },
            { name: '煤炭及制品', value: '29037' },
            { name: '矿建材料', value: '27474' },
            { name: '其他', value: '73437' },
          ],
        },
      ],
    },
  },
  success: true,
};

/** 饼图 demo */
const BasePieDemo = () => {
  return (
    <BasePie
      autoLoop={true}
      data={result.data.data.series[0].data}
      legendPosition="bottom"
      onlyPercentage={true}
      style={{ width: 260, height: 500 }}
    />
  );
};

export default BasePieDemo;


================================================
FILE: packages/lego/example/BasePieDemo/demo7.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { BasePie } from '@td-design/lego';

const result = {
  code: 20000,
  data: {
    title: '货物比例',
    data: {
      series: [
        {
          name: '货物比例',
          type: 'pie',
          data: [
            { name: '木材', value: '47043' },
            { name: '机械、设备', value: '38603' },
            { name: '钢铁', value: '31316' },
            { name: '煤炭及制品', value: '29037' },
            { name: '矿建材料', value: '27474' },
            { name: '其他', value: '73437' },
          ],
        },
      ],
    },
  },
  success: true,
};

/** 饼图 demo */
const BasePieDemo = () => {
  return (
    <div style={{ width: 475, height: 255 }}>
      <BasePie
        autoLoop={true}
        unit="吨"
        data={result.data.data.series[0].data}
        renderer='svg'
      />
    </div>

  );
};

export default BasePieDemo;


================================================
FILE: packages/lego/example/CircularSolidPieDemo/demo1.tsx
================================================
import React from 'react';
import { CircularSolidPie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '47043' },
    { name: '机械', value: '38603' },
    { name: '钢铁', value: '31316' },
    { name: '煤烟', value: '31316' },
    { name: '木材1', value: '47043' },
    { name: '机械2', value: '38603' },
    { name: '钢铁3', value: '31316' },
    { name: '煤烟4', value: '31316' },
    { name: '木材5', value: '47043' },
    { name: '机械6', value: '38603' },
    { name: '钢铁7', value: '31316' },
    { name: '煤烟8', value: '31316' },
  ];

  return (
    <CircularSolidPie
      data={data}
      style={{ width: 500, height: 500 }}
      autoLoop
    />
  );
};


================================================
FILE: packages/lego/example/CircularSolidPieDemo/demo2.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { CircularSolidPie, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const seriesData = [
    { name: '木材', value: '47043' },
    { name: '机械', value: '38603' },
    { name: '钢铁', value: '31316' },
    { name: '煤烟', value: '31316' },
  ];
  const currentName = seriesData[currentIndex]?.name;

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex < seriesData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <CircularSolidPie
        ref={echartsRef}
        data={seriesData}
        style={{ width: 470, height: 300 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/CircularSolidPieDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { CircularSolidPie } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);

  const data = [
    { name: '木材', value: '47043' },
    { name: '机械', value: '38603' },
    { name: '钢铁', value: '31316' },
    { name: '煤烟', value: '31316' },
  ];

  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <CircularSolidPie
          data={data}
          autoLoop
          inModal
          style={{ width: 600, height: 380 }}
          imgStyle={{ width: 470, height: 365 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/CircularSolidPieDemo/demo4.tsx
================================================
import React from 'react';
import { CircularSolidPie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '47043' },
    { name: '机械', value: '38603' },
    { name: '钢铁', value: '31316' },
    { name: '煤烟', value: '31316' },
    { name: '木材1', value: '47043' },
    { name: '机械2', value: '38603' },
    { name: '钢铁3', value: '31316' },
    { name: '煤烟4', value: '31316' },
    { name: '木材5', value: '47043' },
    { name: '机械6', value: '38603' },
    { name: '钢铁7', value: '31316' },
    { name: '煤烟8', value: '31316' },
  ];

  return (
    <CircularSolidPie
      data={data}
      style={{ width: 500, height: 500 }}
      autoLoop
      renderer='svg'
    />
  );
};


================================================
FILE: packages/lego/example/CuboidBarDemo/demo1.tsx
================================================
import React from 'react';
import { CuboidBar } from '@td-design/lego';

export default () => (
  <CuboidBar
    xAxisData={['01月', '02月', '03月']}
    unit="万"
    name="产值"
    data={[2012, 1230, 3790]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/CuboidBarDemo/demo2.tsx
================================================
import React from 'react';
import { CuboidBar } from '@td-design/lego';

export default () => (
  <CuboidBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    name="产值"
    data={[2012, 1230, 3790, 2349, 1654, 1230]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/CuboidBarDemo/demo3.tsx
================================================
import React from 'react';
import { CuboidBar } from '@td-design/lego';

export default () => (
  <CuboidBar
    xAxisData={[
      '01月',
      '02月',
      '03月',
      '04月',
      '05月',
      '06月',
      '07月',
      '08月',
      '09月',
      '10月',
      '11月',
      '12月',
    ]}
    unit="万"
    name="产值"
    data={[
      2012, 1230, 3790, 2349, 1654, 1230, 3790, 2349, 1654, 3790, 2349, 1654,
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/CuboidBarDemo/demo4.tsx
================================================
import React, { useState } from 'react';
import { CuboidBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <CuboidBar
      xAxisData={['01月', '02月', '03月']}
      unit="万"
      name="产值"
      data={[2012, 1230, 3790]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/CuboidBarDemo/demo5.tsx
================================================
import React, { useEffect, useState } from 'react';
import { CuboidBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <CuboidBar
      xAxisData={['01月', '02月', '03月']}
      unit="万"
      name="产值"
      data={[2012, 1230, 3790]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/CuboidBarDemo/demo6.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { CuboidBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <CuboidBar
          inModal
          xAxisData={['01月', '02月', '03月']}
          unit="万"
          name="产值"
          data={[2012, 1230, 3790]}
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/CuboidBarDemo/demo7.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { CuboidBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['01月', '02月', '03月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <CuboidBar
        ref={echartsRef}
        xAxisData={xAxisData}
        unit="万"
        name="产值"
        data={[2012, 1230, 3790]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/CuboidBarDemo/demo8.tsx
================================================
import React from 'react';
import { CuboidBar } from '@td-design/lego';

export default () => (
  <CuboidBar
    xAxisData={['01月', '02月', '03月']}
    unit="万"
    name="产值"
    data={[2012, 1230, 3790]}
    style={{ width: 486, height: 254 }}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/CylinderBarDemo/demo1.tsx
================================================
import React from 'react';
import { CylinderBar } from '@td-design/lego';
import { useState } from 'react';
import { Button } from 'antd';

export default () => {
  const [unit, setUnit] = useState('');
  return (
    <div>
      <Button onClick={() => setUnit('辆')}>辆</Button>
      <Button onClick={() => setUnit('万辆')}>万辆</Button>
      <CylinderBar
        xAxisData={['01月', '02月']}
        seriesData={[
          { name: '月高速车辆总数', data: [2012, 555], unit: '万辆' },
          { name: '月空车数量', data: [1222, 1333], unit: '万辆' },
        ]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/CylinderBarDemo/demo2.tsx
================================================
import React from 'react';
import { CylinderBar } from '@td-design/lego';

export default () => (
  <CylinderBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    seriesData={[
      {
        name: '月高速车辆总数',
        data: [2012, 2555, 1234, 1899, 1986, 2100],
        unit: '万辆',
      },
      {
        name: '月空车数量',
        data: [1222, 1333, 899, 1234, 1500, 900],
        unit: '辆',
      },
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/CylinderBarDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { CylinderBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <CylinderBar
      xAxisData={['01月', '02月']}
      seriesData={[
        { name: '月高速车辆总数', data: [2012, 555], unit: '万辆' },
        { name: '月空车数量', data: [1222, 1333], unit: '万辆' },
      ]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/CylinderBarDemo/demo4.tsx
================================================
import React, { useEffect, useState } from 'react';
import { CylinderBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <CylinderBar
      xAxisData={['01月', '02月']}
      seriesData={[
        { name: '月高速车辆总数', data: [2012, 555], unit: '万辆' },
        { name: '月空车数量', data: [1222, 1333], unit: '万辆' },
      ]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/CylinderBarDemo/demo5.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { CylinderBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <CylinderBar
          inModal
          xAxisData={['01月', '02月']}
          seriesData={[
            { name: '月高速车辆总数', data: [2012, 555], unit: '万辆' },
            { name: '月空车数量', data: [1222, 1333], unit: '万辆' },
          ]}
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/CylinderBarDemo/demo6.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { CylinderBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['01月', '02月', '03月', '04月', '05月', '06月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <CylinderBar
        ref={echartsRef}
        xAxisData={xAxisData}
        seriesData={[
          {
            name: '月高速车辆总数',
            data: [2012, 2555, 1234, 1899, 1986, 2100],
          },
          { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
        ]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/CylinderBarDemo/demo7.tsx
================================================
import React from 'react';
import { CylinderBar } from '@td-design/lego';
import { useState } from 'react';
import { Button } from 'antd';

export default () => {
  const [unit, setUnit] = useState('');
  return (
    <div>
      <Button onClick={() => setUnit('辆')}>辆</Button>
      <Button onClick={() => setUnit('万辆')}>万辆</Button>
      <CylinderBar
        xAxisData={['01月', '02月']}
        seriesData={[
          { name: '月高速车辆总数', data: [2012, 555], unit: '万辆' },
          { name: '月空车数量', data: [1222, 1333], unit },
        ]}
        style={{ width: 486, height: 254 }}
        renderer='svg'
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo1.tsx
================================================
import React from 'react';
import { CylinderShadowBar } from '@td-design/lego';

export default () => (
  <CylinderShadowBar
    xAxisData={['01月', '02月']}
    unit="万"
    name="月高速车辆总数"
    max={2500}
    data={[2012, 555]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo2.tsx
================================================
import React from 'react';
import { CylinderShadowBar } from '@td-design/lego';

export default () => (
  <CylinderShadowBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    name="月高速车辆总数"
    max={4000}
    data={[2012, 555, 2300, 899, 1589, 2500]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo3.tsx
================================================
import React from 'react';
import { CylinderShadowBar } from '@td-design/lego';

export default () => (
  <CylinderShadowBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    name="月高速车辆总数"
    max={4000}
    data={[2012, 555, 2300, 899, 1589, 2500]}
    style={{ width: 486, height: 254 }}
    img={require('../assets/line_bottom.png')}
  />
);


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo4.tsx
================================================
import React, { useState } from 'react';
import { CylinderShadowBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <CylinderShadowBar
      xAxisData={['01月', '02月']}
      unit="万"
      name="月高速车辆总数"
      max={2500}
      data={[2012, 555]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo5.tsx
================================================
import React, { useEffect, useState } from 'react';
import { CylinderShadowBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <CylinderShadowBar
      xAxisData={['01月', '02月']}
      unit="万"
      name="月高速车辆总数"
      max={2500}
      data={[2012, 555]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo6.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { CylinderShadowBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <CylinderShadowBar
          inModal
          xAxisData={['01月', '02月']}
          unit="万"
          name="月高速车辆总数"
          max={2500}
          data={[2012, 555]}
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo7.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { CylinderShadowBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['01月', '02月', '03月', '04月', '05月', '06月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <CylinderShadowBar
        ref={echartsRef}
        xAxisData={xAxisData}
        unit="万"
        name="月高速车辆总数"
        max={4000}
        data={[2012, 555, 2300, 899, 1589, 2500]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/CylinderShadowBarDemo/demo8.tsx
================================================
import React from 'react';
import { CylinderShadowBar } from '@td-design/lego';

export default () => (
  <CylinderShadowBar
    xAxisData={['01月', '02月']}
    unit="万"
    name="月高速车辆总数"
    max={2500}
    data={[2012, 555]}
    style={{ width: 486, height: 254 }}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/DataShowDemo/demo1.tsx
================================================
import React from 'react';
import { DataShow } from '@td-design/lego';

export default () => <DataShow title="数据展示1" data="134/999" />;


================================================
FILE: packages/lego/example/DataShowSimpleDemo/demo1.tsx
================================================
import React from 'react';
import { DataShowSimple } from '@td-design/lego';

export default () => (
  <DataShowSimple
    title="数据展示1"
    data="134/999"
    style={{ width: 450, height: 450 }}
  />
);


================================================
FILE: packages/lego/example/FlipNumberDemo/demo1.tsx
================================================
import React from 'react';
import { FlipNumber } from '@td-design/lego';

export default () => <FlipNumber start={0} end={100} />;


================================================
FILE: packages/lego/example/FlipNumberDemo/demo2.tsx
================================================
import React from 'react';
import { FlipNumber } from '@td-design/lego';

export default () => <FlipNumber start={0} end={10000000} separator="," />;


================================================
FILE: packages/lego/example/FlipNumberDemo/demo3.tsx
================================================
import React from 'react';
import { FlipNumber } from '@td-design/lego';

export default () => (
  <FlipNumber
    start={0}
    end={10000000}
    separator=","
    style={{
      color: '#8dceff',
      fontWeight: 'bold',
      fontSize: '28px',
    }}
  />
);


================================================
FILE: packages/lego/example/FlipNumberDemo/demo4.tsx
================================================
import React, { useRef } from 'react';
import { FlipNumber } from '@td-design/lego';

export default () => {
  const ref = useRef(null);

  return (
    <div>
      <div>
        <button
          onClick={() => {
            ref?.current?.start();
          }}
        >
          开始
        </button>
        <button
          onClick={() => {
            ref?.current?.reset();
          }}
        >
          重置
        </button>
        <button
          onClick={() => {
            ref?.current?.pause();
          }}
        >
          暂停/重新开始
        </button>
        <button
          onClick={() => {
            ref?.current?.update(10000000 + Math.random() * 10000000);
          }}
        >
          更新
        </button>
      </div>
      <FlipNumber ref={ref} start={0} end={10000000} />
    </div>
  );
};


================================================
FILE: packages/lego/example/FloatBallDemo/demo1.tsx
================================================
import React from 'react';
import { FloatBall } from '@td-design/lego';

const dataSource = [
  {
    label: '服务站(个)',
    value: 242,
  },
  {
    label: '服务员(人)',
    value: 1430,
  },
  {
    label: '服务车(辆)',
    value: 935,
  },
];

export default () => <FloatBall dataSource={dataSource} />;


================================================
FILE: packages/lego/example/FloatBallDemo/demo2.tsx
================================================
import React from 'react';
import { FloatBall } from '@td-design/lego';

const dataSource = [
  {
    label: '服务站(个)',
    value: 242,
  },
  {
    label: '服务员(人)',
    value: 1430,
  },
  {
    label: '服务车(辆)',
    value: 935,
  },
  {
    label: '流程线(条)',
    value: 100,
  },
];

export default () => <FloatBall dataSource={dataSource} />;


================================================
FILE: packages/lego/example/FloatBallDemo/demo3.tsx
================================================
import React from 'react';
import { FloatBall } from '@td-design/lego';

const dataSource = [
  {
    label: '服务站(个)',
    value: 242,
  },
  {
    label: '服务员(人)',
    value: 1430,
  },
  {
    label: '服务车(辆)',
    value: 935,
  },
  {
    label: '流程线(条)',
    value: 100,
  },
];

export default () => <FloatBall dataSource={dataSource} maxCount={3} />;


================================================
FILE: packages/lego/example/FloatBallDemo/demo4.tsx
================================================
import React from 'react';
import { FloatBall } from '@td-design/lego';

const dataSource = [
  {
    element: (
      <>
        <div className="td-lego-float-ball-value">242</div>
        <div className="td-lego-float-ball-label">服务站(个)</div>
      </>
    ),
  },
  {
    element: (
      <>
        <div className="td-lego-float-ball-label">自定义</div>
      </>
    ),
  },
  {
    label: '服务车(辆)',
    value: 935,
  },
  {
    label: '流程线(条)',
    value: 100,
  },
];

export default () => <FloatBall dataSource={dataSource} maxCount={3} />;


================================================
FILE: packages/lego/example/GaugeDemo/demo1.tsx
================================================
import React from 'react';
import { Gauge } from '@td-design/lego';

export default () => (
  <Gauge style={{ width: 407, height: 351 }} max={100} value={80} />
);


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo1.tsx
================================================
import React from 'react';
import { HorizontalBar } from '@td-design/lego';

export default () => (
  <HorizontalBar
    unit="万元"
    max={1000}
    seriesData={{
      name: '',
      data: [
        {
          name: '太原',
          value: 960,
        },
        {
          name: '西安',
          value: 548.7,
        },
        {
          name: '北京',
          value: 300.2,
        },
        {
          name: '上海',
          value: 300,
        },
      ],
    }}
    style={{ width: 486, height: 224 }}
  />
);


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo2.tsx
================================================
import React from 'react';
import { HorizontalBar } from '@td-design/lego';

export default () => (
  <HorizontalBar
    unit="万元"
    max={1000}
    seriesData={{
      name: '产值',
      data: [
        {
          name: '吉尔吉斯斯坦',
          value: 960,
        },
        {
          name: '哈萨克斯坦',
          value: 548.7,
        },
        {
          name: '阿富汗斯坦',
          value: 300.2,
        },
        {
          name: '伊拉克斯坦',
          value: 300,
        },
      ],
    }}
    style={{ width: 486, height: 254 }}
    config={{
      grid: {
        left: '20%',
        right: '10%',
      },
    }}
  />
);


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { HorizontalBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <HorizontalBar
      unit="万元"
      max={1000}
      seriesData={{
        name: '产值',
        data: [
          {
            name: '太原',
            value: 960,
          },
          {
            name: '西安',
            value: 548.7,
          },
          {
            name: '北京',
            value: 300.2,
          },
          {
            name: '上海',
            value: 300,
          },
        ],
      }}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo4.tsx
================================================
import React, { useEffect, useState } from 'react';
import { HorizontalBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <HorizontalBar
      unit="万元"
      max={1000}
      seriesData={{
        name: '产值',
        data: [
          {
            name: '太原',
            value: 960,
          },
          {
            name: '西安',
            value: 548.7,
          },
          {
            name: '北京',
            value: 300.2,
          },
          {
            name: '上海',
            value: 300,
          },
        ],
      }}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo5.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { HorizontalBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <HorizontalBar
          unit="万元"
          max={1000}
          seriesData={{
            name: '产值',
            data: [
              {
                name: '太原',
                value: 960,
              },
              {
                name: '西安',
                value: 548.7,
              },
              {
                name: '北京',
                value: 300.2,
              },
              {
                name: '上海',
                value: 300,
              },
            ],
          }}
          inModal
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo6.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { HorizontalBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const seriesData = [
    {
      name: '太原',
      value: 960,
    },
    {
      name: '西安',
      value: 548.7,
    },
    {
      name: '北京',
      value: 300.2,
    },
    {
      name: '上海',
      value: 300,
    },
  ];
  const currentName = seriesData[currentIndex]?.name;

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex < seriesData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <HorizontalBar
        ref={echartsRef}
        unit="万元"
        max={1000}
        seriesData={{
          name: '产值',
          data: seriesData,
        }}
        style={{ width: 486, height: 254 }}
        config={{
          grid: {
            left: '20%',
            right: '10%',
          },
        }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/HorizontalBarDemo/demo7.tsx
================================================
import React from 'react';
import { HorizontalBar } from '@td-design/lego';

export default () => (
  <HorizontalBar
    unit="万元"
    max={1000}
    seriesData={{
      name: '',
      data: [
        {
          name: '太原',
          value: 960,
        },
        {
          name: '西安',
          value: 548.7,
        },
        {
          name: '北京',
          value: 300.2,
        },
        {
          name: '上海',
          value: 300,
        },
      ],
    }}
    style={{ width: 486, height: 224 }}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/ImgLineDemo/demo1.tsx
================================================
import React from 'react';
import { ImgLine } from '@td-design/lego';

export default () => (
  <ImgLine
    img={require('../assets/line_bottom.png')}
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [174, 187, 719, 18, 784, 392],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/ImgLineDemo/demo2.tsx
================================================
import React from 'react';
import { ImgLine } from '@td-design/lego';

export default () => (
  <ImgLine
    img={require('../assets/line_bottom.png')}
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [174, 187, 719, 18, 784, 392],
      },
    ]}
    autoLoop
  />
);


================================================
FILE: packages/lego/example/ImgLineDemo/demo3.tsx
================================================
import React, { useEffect, useState } from 'react';
import { ImgLine } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <ImgLine
      img={require('../assets/line_bottom.png')}
      style={{ width: 486, height: 254 }}
      xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
      yAxis={[{ name: '万kWh' }]}
      seriesData={[
        {
          name: '充电电量',
          yAxisIndex: 0,
          data: [174, 187, 719, 18, 784, 392],
        },
      ]}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/ImgLineDemo/demo4.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { ImgLine } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <ImgLine
          inModal
          img={require('../assets/line_bottom.png')}
          style={{ height: 500 }}
          xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
          yAxis={[{ name: '万kWh' }]}
          seriesData={[
            {
              name: '充电电量',
              yAxisIndex: 0,
              data: [174, 187, 719, 18, 784, 392],
            },
          ]}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/ImgLineDemo/demo5.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { ImgLine, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <ImgLine
        ref={echartsRef}
        xAxisData={xAxisData}
        img={require('../assets/line_bottom.png')}
        style={{ width: 486, height: 254 }}
        yAxis={[{ name: '万kWh' }]}
        seriesData={[
          {
            name: '充电电量',
            yAxisIndex: 0,
            data: [174, 187, 719, 18, 784, 392],
          },
        ]}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/ImgLineDemo/demo6.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { ImgLine, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['1月', '2月', '3月', '4月', '5月', '6月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <ImgLine
        ref={echartsRef}
        xAxisData={xAxisData}
        img={require('../assets/line_bottom.png')}
        style={{ width: 486, height: 254 }}
        yAxis={[{ name: '万kWh' }]}
        seriesData={[
          {
            name: '充电电量',
            yAxisIndex: 0,
            data: [174, 187, 719, 18, 784, 392],
          },
        ]}
        renderer='svg'
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/ImgPieDemo/demo1.tsx
================================================
import React from 'react';
import { ImgPie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '47043' },
    { name: '机械、设备', value: '38603' },
    { name: '钢铁', value: '31316' },
  ];

  return <div style={{ width: 300, height: 250 }}><ImgPie data={data} /></div>;
};


================================================
FILE: packages/lego/example/ImgPieDemo/demo2.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { ImgPie, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const seriesData = [
    { name: '木材', value: '47043' },
    { name: '机械、设备', value: '38603' },
    { name: '钢铁', value: '31316' },
  ];
  const currentName = seriesData[currentIndex]?.name;

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex < seriesData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <ImgPie
        ref={echartsRef}
        data={seriesData}
        style={{ width: 407, height: 351 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/ImgPieDemo/demo3.tsx
================================================
import React from 'react';
import { ImgPie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '47043' },
    { name: '机械、设备', value: '38603' },
    { name: '钢铁', value: '31316' },
  ];

  return <div style={{ width: 300, height: 250 }}><ImgPie data={data} renderer='svg' /></div>;
};


================================================
FILE: packages/lego/example/ImgRosePieDemo/demo1.tsx
================================================
import React from 'react';
import { ImgRosePie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '6' },
    { name: '机械', value: '4' },
    { name: '钢铁', value: '3' },
    { name: '煤炭', value: '2' },
    { name: '矿建', value: '1' },
  ];

  return (
    <div style={{ width: 460, height: 350 }}>
    <ImgRosePie
      seriesData={data}
      autoLoop={true}
    />
    </div>
  );
};


================================================
FILE: packages/lego/example/ImgRosePieDemo/demo2.tsx
================================================
import React from 'react';
import { ImgRosePie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '6' },
    { name: '机械', value: '4' },
    { name: '钢铁', value: '3' },
    { name: '煤炭', value: '2' },
    { name: '矿建', value: '1' },
  ];

  return (
    <div style={{ width: 460, height: 350 }}>
    <ImgRosePie
      seriesData={data}
      autoLoop={true}
      renderer='svg'
    />
    </div>
  );
};


================================================
FILE: packages/lego/example/ModalDemo/demo1.tsx
================================================
import React, {useState} from 'react';
import { Modal } from '@td-design/lego';
import { Button } from 'antd';

export default () => {

  const [visible, setVisible] = useState<boolean>(false);

  return (
    <>
      <Button onClick={() => setVisible(true)}>显示弹窗</Button>
      <Modal visible={visible} onClose={() => setVisible(false)} />
    </>
  );
};


================================================
FILE: packages/lego/example/MultiHorizontalBarDemo/demo1.tsx
================================================
import React from 'react';
import { MultiHorizontalBar } from '@td-design/lego';

export default () => (
  <MultiHorizontalBar
    unit={['万元', '万元']}
    max={[1000, 1000]}
    leftData={{
      name: '充电',
      data: [
        {
          name: '尖',
          value: 960,
        },
        {
          name: '峰',
          value: 548.7,
        },
        {
          name: '平',
          value: 300.2,
        },
        {
          name: '谷',
          value: 300,
        },
      ],
    }}
    rightData={{
      name: '放电',
      data: [
        {
          name: '尖',
          value: 960,
        },
        {
          name: '峰',
          value: 548.7,
        },
        {
          name: '平',
          value: 300.2,
        },
        {
          name: '谷',
          value: 300,
        },
      ],
    }}
    style={{ width: 686, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/MultiHorizontalBarDemo/demo2.tsx
================================================
import React from 'react';
import { MultiHorizontalBar } from '@td-design/lego';

export default () => (
  <MultiHorizontalBar
    max={1000}
    leftData={{
      name: '充电',
      data: [
        {
          name: '哈萨克斯坦',
          value: 960,
        },
        {
          name: '吉尔吉斯斯坦',
          value: 548.7,
        },
        {
          name: '阿富汗斯坦',
          value: 300.2,
        },
        {
          name: '伊拉克斯坦',
          value: 300,
        },
      ],
    }}
    rightData={{
      name: '放电',
      data: [
        {
          name: '哈萨克斯坦',
          value: 960,
        },
        {
          name: '吉尔吉斯斯坦',
          value: 548.7,
        },
        {
          name: '阿富汗斯坦',
          value: 300.2,
        },
        {
          name: '伊拉克斯坦',
          value: 300,
        },
      ],
    }}
    style={{ width: 486, height: 254 }}
    config={{
      grid: [
        {
          show: false,
          left: '7%',
          top: '5%',
          bottom: '10%',
          width: '31%',
        },
        {
          show: false,
          left: '45%',
          top: '5%',
          bottom: '10%',
          width: '0%',
        },
        {
          show: false,
          right: '7%',
          top: '5%',
          bottom: '10%',
          width: '31%',
        },
      ],
    }}
  />
);


================================================
FILE: packages/lego/example/MultiHorizontalBarDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { MultiHorizontalBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <MultiHorizontalBar
          unit={['万元', '万元']}
          max={[1000, 1000]}
          leftData={{
            name: '充电',
            data: [
              {
                name: '尖',
                value: 960,
              },
              {
                name: '峰',
                value: 548.7,
              },
              {
                name: '平',
                value: 300.2,
              },
              {
                name: '谷',
                value: 300,
              },
            ],
          }}
          rightData={{
            name: '放电',
            data: [
              {
                name: '尖',
                value: 960,
              },
              {
                name: '峰',
                value: 548.7,
              },
              {
                name: '平',
                value: 300.2,
              },
              {
                name: '谷',
                value: 300,
              },
            ],
          }}
          inModal
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/MultiHorizontalBarDemo/demo4.tsx
================================================
import React from 'react';
import { MultiHorizontalBar } from '@td-design/lego';

export default () => (
  <MultiHorizontalBar
    renderer='svg'
    unit={['万元', '万元']}
    max={[1000, 1000]}
    leftData={{
      name: '充电',
      data: [
        {
          name: '尖',
          value: 960,
        },
        {
          name: '峰',
          value: 548.7,
        },
        {
          name: '平',
          value: 300.2,
        },
        {
          name: '谷',
          value: 300,
        },
      ],
    }}
    rightData={{
      name: '放电',
      data: [
        {
          name: '尖',
          value: 960,
        },
        {
          name: '峰',
          value: 548.7,
        },
        {
          name: '平',
          value: 300.2,
        },
        {
          name: '谷',
          value: 300,
        },
      ],
    }}
    style={{ width: 686, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo1.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }, { name: '万次' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
          { name: '4月', value: '18' },
          { name: '5月', value: '784' },
          { name: '6月', value: '392' },
        ],
      },
      {
        name: '充电次数',
        yAxisIndex: 1,
        data: [
          { name: '1月', value: '713' },
          { name: '2月', value: '192' },
          { name: '3月', value: '184' },
          { name: '4月', value: '892' },
          { name: '5月', value: '138' },
          { name: '6月', value: '1182' },
        ],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo10.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }]}
    showYAxisLine={false}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
          { name: '4月', value: '18' },
          { name: '5月', value: '784' },
          { name: '6月', value: '392' },
        ],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo11.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }, { name: '万次' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
          { name: '4月', value: '18' },
          { name: '5月', value: '784' },
          { name: '6月', value: '392' },
        ],
      },
      {
        name: '充电次数',
        yAxisIndex: 1,
        data: [
          { name: '1月', value: '713' },
          { name: '2月', value: '192' },
          { name: '3月', value: '184' },
          { name: '4月', value: '892' },
          { name: '5月', value: '138' },
          { name: '6月', value: '1182' },
        ],
      },
    ]}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo2.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月']}
    yAxis={[{ name: '万kWh' }, { name: '万次' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
        ],
      },
      {
        name: '充电次数',
        yAxisIndex: 1,
        data: [
          { name: '1月', value: '713' },
          { name: '2月', value: '112' },
          { name: '3月', value: '184' },
        ],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo3.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 486, height: 254 }}
    xAxisData={[
      '1月',
      '2月',
      '3月',
      '4月',
      '5月',
      '6月',
      '7月',
      '8月',
      '9月',
      '10月',
      '11月',
      '12月',
    ]}
    yAxis={[{ name: '万kWh' }, { name: '万次' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
          { name: '4月', value: '18' },
          { name: '5月', value: '784' },
          { name: '6月', value: '392' },
          { name: '7月', value: '713' },
          { name: '8月', value: '192' },
          { name: '9月', value: '184' },
          { name: '10月', value: '892' },
          { name: '11月', value: '138' },
          { name: '12月', value: '1182' },
        ],
      },
      {
        name: '充电次数',
        yAxisIndex: 1,
        data: [
          { name: '1月', value: '713' },
          { name: '2月', value: '192' },
          { name: '3月', value: '184' },
          { name: '4月', value: '892' },
          { name: '5月', value: '138' },
          { name: '6月', value: '1182' },
          { name: '7月', value: '174' },
          { name: '8月', value: '187' },
          { name: '9月', value: '719' },
          { name: '10月', value: '18' },
          { name: '11月', value: '784' },
          { name: '12月', value: '392' },
        ],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo4.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 486, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
          { name: '4月', value: '18' },
          { name: '5月', value: '784' },
          { name: '6月', value: '392' },
        ],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo5.tsx
================================================
import React from 'react';
import { MultiLine } from '@td-design/lego';

export default () => (
  <MultiLine
    style={{ width: 686, height: 254 }}
    xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
    yAxis={[{ name: '万kWh' }, { name: '万次' }]}
    seriesData={[
      {
        name: '充电电量',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '174' },
          { name: '2月', value: '187' },
          { name: '3月', value: '719' },
          { name: '4月', value: '18' },
          { name: '5月', value: '784' },
          { name: '6月', value: '392' },
        ],
      },
      {
        name: '充电次数',
        yAxisIndex: 1,
        data: [
          { name: '1月', value: '713' },
          { name: '2月', value: '192' },
          { name: '3月', value: '184' },
          { name: '4月', value: '892' },
          { name: '5月', value: '138' },
          { name: '6月', value: '202' },
        ],
      },
      {
        name: '充电电量1',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '1713' },
          { name: '2月', value: '1192' },
          { name: '3月', value: '1184' },
          { name: '4月', value: '1892' },
          { name: '5月', value: '1138' },
          { name: '6月', value: '482' },
        ],
      },
      {
        name: '充电电量2',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '173' },
          { name: '2月', value: '119' },
          { name: '3月', value: '114' },
          { name: '4月', value: '892' },
          { name: '5月', value: '1238' },
          { name: '6月', value: '182' },
        ],
      },
      {
        name: '充电电量3',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '1213' },
          { name: '2月', value: '1122' },
          { name: '3月', value: '1184' },
          { name: '4月', value: '192' },
          { name: '5月', value: '1138' },
          { name: '6月', value: '382' },
        ],
      },
      {
        name: '充电电量4',
        yAxisIndex: 0,
        data: [
          { name: '1月', value: '713' },
          { name: '2月', value: '1192' },
          { name: '3月', value: '584' },
          { name: '4月', value: '1892' },
          { name: '5月', value: '938' },
          { name: '6月', value: '82' },
        ],
      },
    ]}
  />
);


================================================
FILE: packages/lego/example/MultiLineDemo/demo6.tsx
================================================
import React, { useState } from 'react';
import { MultiLine } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <MultiLine
      style={{ width: 486, height: 254 }}
      xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
      yAxis={[{ name: '万kWh' }, { name: '万次' }]}
      seriesData={[
        {
          name: '充电电量',
          yAxisIndex: 0,
          data: [
            { name: '1月', value: '174' },
            { name: '2月', value: '187' },
            { name: '3月', value: '719' },
            { name: '4月', value: '18' },
            { name: '5月', value: '784' },
            { name: '6月', value: '392' },
          ],
        },
        {
          name: '充电次数',
          yAxisIndex: 1,
          data: [
            { name: '1月', value: '713' },
            { name: '2月', value: '192' },
            { name: '3月', value: '184' },
            { name: '4月', value: '892' },
            { name: '5月', value: '138' },
            { name: '6月', value: '1182' },
          ],
        },
      ]}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/MultiLineDemo/demo7.tsx
================================================
import React, { useEffect, useState } from 'react';
import { MultiLine } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  });

  return (
    <MultiLine
      style={{ width: 486, height: 254 }}
      xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
      yAxis={[{ name: '万kWh' }, { name: '万次' }]}
      seriesData={[
        {
          name: '充电电量',
          yAxisIndex: 0,
          data: [
            { name: '1月', value: '174' },
            { name: '2月', value: '187' },
            { name: '3月', value: '719' },
            { name: '4月', value: '18' },
            { name: '5月', value: '784' },
            { name: '6月', value: '392' },
          ],
        },
        {
          name: '充电次数',
          yAxisIndex: 1,
          data: [
            { name: '1月', value: '713' },
            { name: '2月', value: '192' },
            { name: '3月', value: '184' },
            { name: '4月', value: '892' },
            { name: '5月', value: '138' },
            { name: '6月', value: '1182' },
          ],
        },
      ]}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/MultiLineDemo/demo8.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { MultiLine } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <MultiLine
          inModal
          style={{ height: 500 }}
          xAxisData={['1月', '2月', '3月', '4月', '5月', '6月']}
          yAxis={[{ name: '万kWh' }, { name: '万次' }]}
          seriesData={[
            {
              name: '充电电量',
              yAxisIndex: 0,
              data: [
                { name: '1月', value: '174' },
                { name: '2月', value: '187' },
                { name: '3月', value: '719' },
                { name: '4月', value: '18' },
                { name: '5月', value: '784' },
                { name: '6月', value: '392' },
              ],
            },
            {
              name: '充电次数',
              yAxisIndex: 1,
              data: [
                { name: '1月', value: '713' },
                { name: '2月', value: '192' },
                { name: '3月', value: '184' },
                { name: '4月', value: '892' },
                { name: '5月', value: '138' },
                { name: '6月', value: '1182' },
              ],
            },
          ]}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/MultiLineDemo/demo9.tsx
================================================
/*
 * @文件描述:
 * @公司: thundersdata
 * @作者: 阮旭松
 * @Date: 2021-10-11 16:36:21
 * @LastEditors: 阮旭松
 * @LastEditTime: 2021-10-11 16:40:08
 */
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { MultiLine, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['1月', '2月', '3月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <MultiLine
        ref={echartsRef}
        style={{ width: 486, height: 254 }}
        xAxisData={xAxisData}
        yAxis={[{ name: '万kWh' }, { name: '万次' }]}
        seriesData={[
          {
            name: '充电电量',
            yAxisIndex: 0,
            data: [
              { name: '1月', value: '174' },
              { name: '2月', value: '187' },
              { name: '3月', value: '719' },
            ],
          },
          {
            name: '充电次数',
            yAxisIndex: 1,
            data: [
              { name: '1月', value: '713' },
              { name: '2月', value: '112' },
              { name: '3月', value: '184' },
            ],
          },
        ]}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/PictorialBarDemo/demo1.tsx
================================================
import React from 'react';
import { PictorialBar } from '@td-design/lego';

export default () => (
  <PictorialBar
    xAxisData={['2019年', '2020年', '2021年']}
    unit="万"
    name="产值"
    data={[2012, 3620, 3790]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/PictorialBarDemo/demo2.tsx
================================================
import React from 'react';
import { PictorialBar } from '@td-design/lego';

export default () => (
  <PictorialBar
    xAxisData={['2009年', '2010年', '2011年', '2012年', '2013年', '2014年']}
    unit="万"
    name="产值"
    data={[
      { name: '2009年', value: 2012, unit: '万' },
      { name: '2010年', value: 3620, unit: '万' },
      { name: '2011年', value: 3790, unit: '万' },
      { name: '2012年', value: 1900, unit: '万' },
      { name: '2013年', value: 4560, unit: '万' },
      { name: '2014年', value: 7300, unit: '万' },
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/PictorialBarDemo/demo3.tsx
================================================
import React from 'react';
import { PictorialBar } from '@td-design/lego';

export default () => (
  <PictorialBar
    xAxisData={[
      '2009年',
      '2010年',
      '2011年',
      '2012年',
      '2013年',
      '2014年',
      '2015年',
      '2016年',
      '2017年',
      '2018年',
      '2019年',
      '2020年',
    ]}
    unit="万"
    name="产值"
    data={[
      { name: '2009年', value: 2012, unit: '万' },
      { name: '2010年', value: 3620, unit: '万' },
      { name: '2011年', value: 3790, unit: '万' },
      { name: '2012年', value: 1900, unit: '万' },
      { name: '2013年', value: 4560, unit: '万' },
      { name: '2014年', value: 7300, unit: '万' },
      { name: '2015年', value: 5678, unit: '万' },
      { name: '2016年', value: 8976, unit: '万' },
      { name: '2017年', value: 3790, unit: '万' },
      { name: '2018年', value: 4536, unit: '万' },
      { name: '2019年', value: 9076, unit: '万' },
      { name: '2020年', value: 1289, unit: '万' },
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/PictorialBarDemo/demo4.tsx
================================================
import React, { useState } from 'react';
import { PictorialBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <PictorialBar
      xAxisData={['2019年', '2020年', '2021年']}
      unit="万"
      name="产值"
      data={[2012, 3620, 3790]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/PictorialBarDemo/demo5.tsx
================================================
import React, { useState, useEffect } from 'react';
import { PictorialBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <PictorialBar
      xAxisData={['2019年', '2020年', '2021年']}
      unit="万"
      name="产值"
      data={[2012, 3620, 3790]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/PictorialBarDemo/demo6.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { PictorialBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <PictorialBar
          xAxisData={['2019年', '2020年', '2021年']}
          unit="万"
          name="产值"
          data={[2012, 3620, 3790]}
          inModal
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/PictorialBarDemo/demo7.tsx
================================================
/*
 * @文件描述:
 * @公司: thundersdata
 * @作者: 阮旭松
 * @Date: 2021-10-11 16:36:21
 * @LastEditors: 阮旭松
 * @LastEditTime: 2021-10-11 16:40:05
 */
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { PictorialBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['2019年', '2020年', '2021年'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <PictorialBar
        ref={echartsRef}
        xAxisData={xAxisData}
        unit="万"
        name="产值"
        data={[2012, 3620, 3790]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/PictorialBarDemo/demo8.tsx
================================================
import React from 'react';
import { PictorialBar } from '@td-design/lego';

export default () => (
  <PictorialBar
    xAxisData={['2019年', '2020年', '2021年']}
    unit="万"
    name="产值"
    data={[2012, 3620, 3790]}
    style={{ width: 486, height: 254 }}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/ProgressDemo/demo1.tsx
================================================
import React from 'react';
import { Progress } from '@td-design/lego';

export default () => (
  <Progress
    name="进度"
    data={[
      { name: '北京', value: 64 },
      { name: '上海', value: 78 },
      { name: '成都', value: 38 },
    ]}
    style={{ width: 374, height: 214 }}
  />
);


================================================
FILE: packages/lego/example/ProgressDemo/demo2.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { Progress } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <Progress
          name="进度"
          data={[
            { name: '北京', value: 64 },
            { name: '上海', value: 78 },
            { name: '成都', value: 38 },
          ]}
          mode="normal"
          inModal
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/ProgressDemo/demo3.tsx
================================================
import React from 'react';
import { Progress } from '@td-design/lego';

export default () => (
  <Progress
    name="进度"
    data={[
      { name: '北京', value: 64 },
      { name: '上海', value: 78 },
      { name: '成都', value: 38 },
    ]}
    style={{ width: 374, height: 214 }}
    renderer="svg"
  />
);


================================================
FILE: packages/lego/example/RadarDemo/demo1.tsx
================================================
import React from 'react';
import { Radar } from '@td-design/lego';

export default () => {
  const seriesData = [
    {
      name: '平均情况',
      data: [51, 19, 25, 280, 47],
    },
    {
      name: '当前园区情况',
      data: [74, 28, 45, 340, 56],
    },
  ];

  const indicatorData = [
    { name: '占地面积', max: 100, unit: '亩' },
    { name: '高标库面积', max: 100, unit: '万平方米' },
    { name: '充电桩数量', max: 100, unit: '个' },
    { name: '车辆进出数量', max: 500, unit: '辆' },
    { name: '平均停留时长', max: 100, unit: '分钟' },
  ];

  return (
    <Radar
      style={{ width: 486, height: 354 }}
      seriesData={seriesData}
      indicatorData={indicatorData}
    />
  );
};


================================================
FILE: packages/lego/example/RadarDemo/demo2.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { Radar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);

  const seriesData = [
    {
      name: '平均情况',
      data: [51, 19, 25, 280, 47],
    },
    {
      name: '当前园区情况',
      data: [74, 28, 45, 340, 56],
    },
  ];

  const indicatorData = [
    { name: '占地面积', max: '100', unit: '亩' },
    { name: '高标库面积', max: '100', unit: '万平方米' },
    { name: '充电桩数量', max: '100', unit: '个' },
    { name: '车辆进出数量', max: '500', unit: '辆' },
    { name: '平均停留时长', max: '100', unit: '分钟' },
  ];

  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <Radar
          inModal
          seriesData={seriesData}
          indicatorData={indicatorData}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/RadarDemo/demo3.tsx
================================================
import React from 'react';
import { Radar } from '@td-design/lego';

export default () => {
  const seriesData = [
    {
      name: '平均情况',
      data: [51, 19, 25, 280, 47],
    },
    {
      name: '当前园区情况',
      data: [74, 28, 45, 340, 56],
    },
  ];

  const indicatorData = [
    { name: '占地面积', max: 100, unit: '亩' },
    { name: '高标库面积', max: 100, unit: '万平方米' },
    { name: '充电桩数量', max: 100, unit: '个' },
    { name: '车辆进出数量', max: 500, unit: '辆' },
    { name: '平均停留时长', max: 100, unit: '分钟' },
  ];

  return (
    <Radar
      style={{ width: 486, height: 354 }}
      seriesData={seriesData}
      indicatorData={indicatorData}
      renderer="svg"
    />
  );
};


================================================
FILE: packages/lego/example/ScatterDemo/demo1.tsx
================================================
import React from 'react';
import { Scatter } from '@td-design/lego';

export default () => (
  <Scatter
    unit="AQI指数"
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    seriesData={[
      {
        name: '北京',
        data: [55, 25, 56, 33, 42, 82],
      },
      {
        name: '上海',
        data: [27, 71, 74, 36, 46, 69],
      },
      {
        name: '重庆',
        data: [91, 65, 83, 109, 106, 109],
      },
    ]}
    style={{ width: 374, height: 214 }}
  />
);


================================================
FILE: packages/lego/example/ScatterDemo/demo2.tsx
================================================
import React, { useState } from 'react';
import { Scatter } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <Scatter
      unit="AQI指数"
      xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
      seriesData={[
        {
          name: '北京',
          data: [55, 25, 56, 33, 42, 82],
        },
        {
          name: '上海',
          data: [27, 71, 74, 36, 46, 69],
        },
        {
          name: '重庆',
          data: [91, 65, 83, 109, 106, 109],
        },
      ]}
      style={{ width: 374, height: 214 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/ScatterDemo/demo3.tsx
================================================
import React, { useEffect, useState } from 'react';
import { Scatter } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <Scatter
      unit="AQI指数"
      xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
      seriesData={[
        {
          name: '北京',
          data: [55, 25, 56, 33, 42, 82],
        },
        {
          name: '上海',
          data: [27, 71, 74, 36, 46, 69],
        },
        {
          name: '重庆',
          data: [91, 65, 83, 109, 106, 109],
        },
      ]}
      style={{ width: 374, height: 214 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/ScatterDemo/demo4.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { Scatter } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <Scatter
          unit="AQI指数"
          xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
          seriesData={[
            {
              name: '北京',
              data: [55, 25, 56, 33, 42, 82],
            },
            {
              name: '上海',
              data: [27, 71, 74, 36, 46, 69],
            },
            {
              name: '重庆',
              data: [91, 65, 83, 109, 106, 109],
            },
          ]}
          inModal
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/ScatterDemo/demo5.tsx
================================================
/*
 * @文件描述:
 * @公司: thundersdata
 * @作者: 阮旭松
 * @Date: 2021-10-11 16:36:21
 * @LastEditors: 阮旭松
 * @LastEditTime: 2021-10-11 16:47:35
 */
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { Scatter, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['01月', '02月', '03月', '04月', '05月', '06月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <Scatter
        unit="AQI指数"
        ref={echartsRef}
        xAxisData={xAxisData}
        seriesData={[
          {
            name: '北京',
            data: [55, 25, 56, 33, 42, 82],
          },
          {
            name: '上海',
            data: [27, 71, 74, 36, 46, 69],
          },
          {
            name: '重庆',
            data: [91, 65, 83, 109, 106, 109],
          },
        ]}
        style={{ width: 374, height: 214 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/ScatterDemo/demo6.tsx
================================================
import React from 'react';
import { Scatter } from '@td-design/lego';

export default () => (
  <Scatter
    unit="AQI指数"
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    seriesData={[
      {
        name: '北京',
        data: [55, 25, 56, 33, 42, 82],
      },
      {
        name: '上海',
        data: [27, 71, 74, 36, 46, 69],
      },
      {
        name: '重庆',
        data: [91, 65, 83, 109, 106, 109],
      },
    ]}
    style={{ width: 374, height: 214 }}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/ScrollNumberDemo/demo1.tsx
================================================
import React from 'react';
import { ScrollNumber } from '@td-design/lego';

export default () => <ScrollNumber value={244} />;


================================================
FILE: packages/lego/example/ScrollNumberDemo/demo2.tsx
================================================
import React, { useState } from 'react';
import { ScrollNumber } from '@td-design/lego';
import { Button } from 'antd';

export default () => {
  const [value, setValue] = useState(200);

  const handleChange = () => {
    setValue(Math.ceil(Math.random() * 1000));
  };

  return (
    <div>
      <ScrollNumber value={value} />
      <Button onClick={handleChange}>改变数值</Button>
    </div>
  );
};


================================================
FILE: packages/lego/example/ScrollNumberDemo/demo3.tsx
================================================
import React from 'react';
import { ScrollNumber } from '@td-design/lego';

export default () => (
  <ScrollNumber
    value="11.08吨"
    containerStyle={{}}
    itemStyle={{ fontSize: 28, width: 50 }}
  />
);


================================================
FILE: packages/lego/example/SliceBarDemo/demo1.tsx
================================================
import React from 'react';
import { SliceBar } from '@td-design/lego';

export default () => (
  <SliceBar
    max={1000}
    unit="万元"
    xAxisData={['太原', '西安', '北京', '上海']}
    name="产值"
    data={[960, 548, 300, 300]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/SliceBarDemo/demo2.tsx
================================================
import React from 'react';
import { SliceBar } from '@td-design/lego';

export default () => (
  <SliceBar
    max={1000}
    unit="万元"
    xAxisData={[
      '太原',
      '西安',
      '北京',
      '上海',
      '成都',
      '重庆',
      '南京',
      '广州',
      '厦门',
      '哈尔滨',
      '济南',
      '南昌',
    ]}
    name="产值"
    data={[
      {
        name: '太原',
        value: 960,
      },
      {
        name: '西安',
        value: 548.7,
      },
      {
        name: '北京',
        value: 300.2,
      },
      {
        name: '上海',
        value: 300,
      },
      {
        name: '成都',
        value: 300,
      },
      {
        name: '重庆',
        value: 300,
      },
      {
        name: '南京',
        value: 300,
      },
      {
        name: '广州',
        value: 300,
      },
      {
        name: '厦门',
        value: 300,
      },
      {
        name: '哈尔滨',
        value: 300,
      },
      {
        name: '济南',
        value: 300,
      },
      {
        name: '南昌',
        value: 300,
      },
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/SliceBarDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { SliceBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <SliceBar
      max={1000}
      unit="万元"
      xAxisData={['太原', '西安', '北京', '上海']}
      name="产值"
      data={[960, 548, 300, 300]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/SliceBarDemo/demo4.tsx
================================================
import React, { useEffect, useState } from 'react';
import { SliceBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <SliceBar
      max={1000}
      unit="万元"
      xAxisData={['太原', '西安', '北京', '上海']}
      name="产值"
      data={[960, 548, 300, 300]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/SliceBarDemo/demo5.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { SliceBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <SliceBar
          max={1000}
          unit="万元"
          xAxisData={['太原', '西安', '北京', '上海']}
          name="产值"
          data={[960, 548, 300, 300]}
          inModal
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/SliceBarDemo/demo6.tsx
================================================
/*
 * @文件描述:
 * @公司: thundersdata
 * @作者: 阮旭松
 * @Date: 2021-10-11 16:36:21
 * @LastEditors: 阮旭松
 * @LastEditTime: 2021-10-11 16:49:01
 */
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { SliceBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['太原', '西安', '北京', '上海'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>

      <SliceBar
        ref={echartsRef}
        xAxisData={xAxisData}
        max={1000}
        unit="万元"
        name="产值"
        data={[960, 548, 300, 300]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/SliceBarDemo/demo7.tsx
================================================
import React from 'react';
import { SliceBar } from '@td-design/lego';

export default () => (
  <SliceBar
    max={1000}
    unit="万元"
    xAxisData={['太原', '西安', '北京', '上海']}
    name="产值"
    data={[960, 548, 300, 300]}
    style={{ width: 486, height: 254 }}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/example/StackBarDemo/demo1.tsx
================================================
import React from 'react';
import { StackBar } from '@td-design/lego';

export default () => (
  <StackBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    seriesData={[
      { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
      { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/StackBarDemo/demo2.tsx
================================================
import React from 'react';
import { StackBar } from '@td-design/lego';

export default () => (
  <StackBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    seriesData={[
      { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
      { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
    ]}
    seriesColor={[
      ['#46E081', '#0DFFB7'],
      ['#3FA4FF', '#60F5FF'],
    ]}
    style={{ width: 486, height: 254 }}
  />
);


================================================
FILE: packages/lego/example/StackBarDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { StackBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);
  return (
    <StackBar
      xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
      unit="万"
      seriesData={[
        { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
        { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
      ]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/StackBarDemo/demo4.tsx
================================================
import React, { useEffect, useState } from 'react';
import { StackBar } from '@td-design/lego';

export default () => {
  const [autoLoop, setAutoLoop] = useState(true);

  useEffect(() => {
    setTimeout(() => {
      setAutoLoop(false);
    }, 5000);
  }, []);

  return (
    <StackBar
      xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
      unit="万"
      seriesData={[
        { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
        { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
      ]}
      style={{ width: 486, height: 254 }}
      autoLoop={autoLoop}
    />
  );
};


================================================
FILE: packages/lego/example/StackBarDemo/demo5.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { StackBar } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <StackBar
          inModal
          xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
          unit="万"
          seriesData={[
            {
              name: '月高速车辆总数',
              data: [2012, 2555, 1234, 1899, 1986, 2100],
            },
            { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
          ]}
          style={{ height: 500 }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/StackBarDemo/demo6.tsx
================================================
import React, { useEffect, useRef, useState } from 'react';
import { Button } from 'antd';
import { StackBar, ReactEcharts } from '@td-design/lego';

export default () => {
  const echartsRef = useRef<ReactEcharts>(null);
  const instance = echartsRef.current?.getEchartsInstance();

  const [currentIndex, setCurrentIndex] = useState(-1);
  const xAxisData = ['01月', '02月', '03月', '04月', '05月', '06月'];
  const currentName = xAxisData[currentIndex];

  const highlightPrev = () => {
    if (currentIndex >= 0) {
      setCurrentIndex((idx) => idx - 1);
    }
  };

  const highlightNext = () => {
    if (currentIndex <= xAxisData.length) {
      setCurrentIndex((idx) => idx + 1);
    }
  };

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    // 取消高亮效果
    instance?.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance?.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance?.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: currentIndex,
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, instance]);

  return (
    <div>
      <div>
        <Button onClick={highlightPrev}>高亮上一个</Button>
        <Button onClick={highlightNext}>高亮下一个</Button>
      </div>
      <StackBar
        ref={echartsRef}
        xAxisData={xAxisData}
        unit="万"
        seriesData={[
          {
            name: '月高速车辆总数',
            data: [2012, 2555, 1234, 1899, 1986, 2100],
          },
          { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
        ]}
        style={{ width: 486, height: 254 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/StackBarDemo/demo7.tsx
================================================
import React from 'react';
import { StackBar } from '@td-design/lego';

export default () => (
  <StackBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    seriesData={[
      { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
      { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
    ]}
    style={{ width: 486, height: 254 }}
    img={require('../assets/line_bottom.png')}
  />
);


================================================
FILE: packages/lego/example/StackBarDemo/demo8.tsx
================================================
import React from 'react';
import { StackBar } from '@td-design/lego';

export default () => (
  <StackBar
    xAxisData={['01月', '02月', '03月', '04月', '05月', '06月']}
    unit="万"
    seriesData={[
      { name: '月高速车辆总数', data: [2012, 2555, 1234, 1899, 1986, 2100] },
      { name: '月空车数量', data: [1222, 1333, 899, 1234, 1500, 900] },
    ]}
    style={{ width: 486, height: 254 }}
    renderer="svg"
  />
);


================================================
FILE: packages/lego/example/SwiperDemo/demo1.tsx
================================================
import React from 'react';
import { Swiper } from '@td-design/lego';

export default () => {
  return (
    <Swiper
      autoplay={{ delay: 2000 }}
      imgs={[
        'https://fast-fregiht.oss-cn-hangzhou.aliyuncs.com/screen/shanxiluqiao_photo1.jpg',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/industry/1626231634429684221.jpg',
        'https://uploadfile.bizhizu.cn/up/40/bc/53/40bc5393651da4083978f06f9ffac600.jpg.220.146.jpg',
        'https://uploadfile.bizhizu.cn/up/f8/de/73/f8de73289ff7286896f8200e8dc45867.jpg.220.146.jpg',
        'https://uploadfile.bizhizu.cn/up/0f/d2/26/0fd2267541f18505917a38c563498c6f.jpg.220.146.jpg',
      ]}
    />
  );
};


================================================
FILE: packages/lego/example/SwiperDemo/demo2.tsx
================================================
import React from 'react';
import { Swiper } from '@td-design/lego';

export default () => {
  const data = [
    '今天是个好日子好日子好日子好日子好日子哦',
    '明天是个好日子好日子好日子好日子好日子哦',
    '后天是个好日子好日子好日子好日子好日子哦',
  ];
  const list = data.map((str, index) => (
    <div key={index} style={{ textAlign: 'center', color: 'red' }}>
      {str}
    </div>
  ));

  return <Swiper autoplay={{ delay: 2000 }} list={list} />;
};


================================================
FILE: packages/lego/example/SwiperDemo/demo3.tsx
================================================
import React, { useEffect, useRef } from 'react';
import { Swiper } from '@td-design/lego';

export default () => {
  const swiperRef = useRef<any>();
  useEffect(() => {
    setInterval(() => {
      swiperRef?.current?.swiper?.slideNext();
    }, 1000);
  }, []);

  return (
    <Swiper
      ref={swiperRef}
      pagination={false}
      imgs={[
        'https://fast-fregiht.oss-cn-hangzhou.aliyuncs.com/screen/shanxiluqiao_photo1.jpg',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/industry/1626231634429684221.jpg',
        'https://uploadfile.bizhizu.cn/up/40/bc/53/40bc5393651da4083978f06f9ffac600.jpg.220.146.jpg',
        'https://uploadfile.bizhizu.cn/up/f8/de/73/f8de73289ff7286896f8200e8dc45867.jpg.220.146.jpg',
        'https://uploadfile.bizhizu.cn/up/0f/d2/26/0fd2267541f18505917a38c563498c6f.jpg.220.146.jpg',
      ]}
    />
  );
};


================================================
FILE: packages/lego/example/TableDemo/demo1.tsx
================================================
import React from 'react';
import { Table } from '@td-design/lego';

const data = [
  {
    id: 1,
    brand: '维特根1',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
  },
  {
    id: 2,
    brand: '徐工1',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
  },
  {
    id: 3,
    brand: '维特根2',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
  },
  {
    id: 4,
    brand: '维特根3',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
  },
  {
    id: 5,
    brand: '维特根5',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
  },
  {
    id: 6,
    brand: '徐工6',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
  },
  {
    id: 7,
    brand: '维特根7',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
  },
  {
    id: 8,
    brand: '维特根8',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
  },
];

const columns = [
  {
    id: 1,
    title: '品牌',
    dataIndex: 'brand',
  },
  {
    id: 2,
    title: '名称',
    dataIndex: 'name',
  },
  {
    id: 3,
    title: '型号',
    dataIndex: 'model',
  },
  {
    id: 4,
    title: '月租金',
    dataIndex: 'money',
  },
];

export default () => {
  return (
    <div style={{ width: '100%', height: 200 }}>
      <Table
        data={data}
        columns={columns}
        pageSize={4}
        autoplay={true}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/TableDemo/demo2.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { Table } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);

  const data = [
    {
      id: 1,
      brand: '维特根1',
      name: '沥青摊铺机',
      model: '200',
      money: '12988元',
    },
    {
      id: 2,
      brand: '徐工1',
      name: '履带式挖掘机',
      model: 'XE80CA',
      money: '862.2元',
    },
    {
      id: 3,
      brand: '维特根2',
      name: '沥青摊铺机',
      model: '200',
      money: '200元',
    },
    {
      id: 4,
      brand: '维特根3',
      name: '沥青摊铺机',
      model: '200',
      money: '200元',
    },
  ];

  const columns = [
    {
      id: 1,
      title: '品牌',
      dataIndex: 'brand',
    },
    {
      id: 2,
      title: '名称',
      dataIndex: 'name',
    },
    {
      id: 3,
      title: '型号',
      dataIndex: 'model',
    },
    {
      id: 4,
      title: '月租金',
      dataIndex: 'money',
    },
  ];

  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
      >
        <Table
          inModal
          data={data}
          columns={columns}
          height={200}
          pageSize={4}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/TableDemo/demo3.tsx
================================================
import React from 'react';
import { Table } from '@td-design/lego';

export default () => {
  const data = [
    {
      id: 1,
      brand: '维特根1',
      name: '沥青摊铺机',
      model: '200',
      money: '12988元',
    },
    {
      id: 2,
      brand: '徐工',
      name: '履带式挖掘机',
      model: 'XE80CA',
      money: '862.2元',
    },
    {
      id: 3,
      brand: '维特根2',
      name: '沥青摊铺机',
      model: '200',
      money: '200元',
    },
    {
      id: 4,
      brand: '维特根3',
      name: '沥青摊铺机',
      model: '200',
      money: '200元',
    },
  ];

  const columns = [
    {
      id: 1,
      title: '品牌',
      dataIndex: 'brand',
    },
    {
      id: 2,
      title: '名称',
      dataIndex: 'name',
    },
    {
      id: 3,
      title: '型号',
      dataIndex: 'model',
    },
    {
      id: 4,
      title: '月租金',
      dataIndex: 'money',
    },
  ];

  return (
    <>
      <Table
        data={data}
        columns={columns}
        colors={['red', 'blue', 'green']}
        height={200}
        pageSize={4}
      />
    </>
  );
};


================================================
FILE: packages/lego/example/TableDemo/demo4.tsx
================================================
import React from 'react';
import { Table } from '@td-design/lego';

enum ColorEnum {
  红 = 1,
  绿 = 2,
  蓝 = 3,
}

const data = [
  {
    id: 1,
    brand: '维特根1',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
    color: 1,
  },
  {
    id: 2,
    brand: '徐工',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
    color: 2,
  },
  {
    id: 3,
    brand: '维特根2',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 3,
  },
  {
    id: 4,
    brand: '维特根3',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 1,
  },
  {
    id: 5,
    brand: '维特根5',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
    color: 1,
  },
  {
    id: 6,
    brand: '徐工6',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
    color: 2,
  },
  {
    id: 7,
    brand: '维特根7',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 3,
  },
  {
    id: 8,
    brand: '维特根8',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 1,
  },
];

const columns = [
  {
    id: 1,
    title: '品牌',
    dataIndex: 'brand',
  },
  {
    id: 2,
    title: '名称',
    dataIndex: 'name',
  },
  {
    id: 3,
    title: '型号',
    dataIndex: 'model',
  },
  {
    id: 4,
    title: '月租金',
    dataIndex: 'money',
  },
  {
    id: 5,
    title: '颜色',
    dataIndex: 'color',
    render: (data) => <span>{ColorEnum[data.color]}</span>,
  },
];

export default () => {
  return <Table data={data} columns={columns} height={210} pageSize={7} />;
};


================================================
FILE: packages/lego/example/TableDemo/demo5.tsx
================================================
import React from 'react';
import { Table } from '@td-design/lego';

const data = [
  {
    id: 1,
    brand: '维特根1',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
    color: 1,
  },
  {
    id: 2,
    brand: '徐工',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
    color: 2,
  },
  {
    id: 3,
    brand: '维特根2',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 3,
  },
  {
    id: 4,
    brand: '维特根3',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 1,
  },
  {
    id: 5,
    brand: '维特根5',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
    color: 1,
  },
  {
    id: 6,
    brand: '徐工6',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
    color: 2,
  },
  {
    id: 7,
    brand: '维特根7',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 3,
  },
  {
    id: 8,
    brand: '维特根8',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 1,
  },
];

const columns = [
  {
    id: 1,
    title: '品牌',
    dataIndex: 'brand',
  },
  {
    id: 2,
    title: '名称',
    dataIndex: 'name',
  },
  {
    id: 3,
    title: '型号',
    dataIndex: 'model',
  },
  {
    id: 4,
    title: '月租金',
    dataIndex: 'money',
  },
];

export default () => {
  return (
    <Table
      data={data}
      columns={columns}
      autoplay={false}
      height={200}
      pageSize={4}
    />
  );
};


================================================
FILE: packages/lego/example/TableDemo/demo6.tsx
================================================
import React from 'react';
import { Table } from '@td-design/lego';
import './index.less';
import { Column } from '../../lib/typescript/other/Table';

const data = [
  {
    id: 1,
    brand: '维特根1',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
    color: 1,
  },
  {
    id: 2,
    brand: '徐工',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
    color: 2,
  },
  {
    id: 3,
    brand: '维特根2',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 3,
  },
  {
    id: 4,
    brand: '维特根3',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 1,
  },
  {
    id: 5,
    brand: '维特根5',
    name: '沥青摊铺机',
    model: '200',
    money: '12988元',
    color: 1,
  },
  {
    id: 6,
    brand: '徐工6',
    name: '履带式挖掘机',
    model: 'XE80CA',
    money: '862.2元',
    color: 2,
  },
  {
    id: 7,
    brand: '维特根7',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 3,
  },
  {
    id: 8,
    brand: '维特根8',
    name: '沥青摊铺机',
    model: '200',
    money: '200元',
    color: 1,
  },
];

const columns: Column[] = [
  {
    id: 1,
    title: '品牌',
    dataIndex: 'brand',
    flex: 1,
    textAlign: 'left',
  },
  {
    id: 2,
    title: '名称',
    dataIndex: 'name',
    flex: 1,
    textAlign: 'left',
  },
  {
    id: 3,
    title: '型号',
    dataIndex: 'model',
    flex: 1,
    textAlign: 'left',
  },
  {
    id: 4,
    title: '月租金',
    dataIndex: 'money',
    flex: 3,
    textAlign: 'left',
  },
];

export default () => {
  return (
    <Table
      data={data}
      columns={columns}
      height={200}
      pageSize={4}
      autoplay={false}
      headerClass="header"
      contentClass="content"
    />
  );
};


================================================
FILE: packages/lego/example/TableDemo/index.less
================================================
.header {
  padding: 0 40px;
}
.content {
  padding: 0 40px;
}


================================================
FILE: packages/lego/example/TextScrollDemo/demo1.tsx
================================================
import React from 'react';
import { TextScroll } from '@td-design/lego';

export default () => {
  return (
    <div
      style={{
        width: 429,
        height: 187,
        backgroundImage: `url(${require('../assets/border_bg.png')})`,
        padding: 20,
        backgroundSize: '100% 100%',
      }}
    >
      <TextScroll
        contentStyle={{ height: 147 }}
        texts={[
          '雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。',
          '今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦',
          '明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦',
        ]}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/TextScrollDemo/demo2.tsx
================================================
import React from 'react';
import { TextScroll } from '@td-design/lego';

export default () => {
  return (
    <div
      style={{
        width: 429,
        height: 187,
        backgroundImage: `url(${require('../assets/border_bg.png')})`,
        padding: 20,
        backgroundSize: '100% 100%',
      }}
    >
      <TextScroll
        contentStyle={{ height: 147 }}
        scrollSpeed={10}
        delay={0}
        texts={[
          '雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。经过十几年变迁与发展，销售累计突破百亿。',
          '今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦',
          '明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦',
        ]}
      />
    </div>
  );
};


================================================
FILE: packages/lego/example/TextScrollDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { TextScroll } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={650}
        bodyStyle={{ backgroundColor: '#040727' }}
      >
        <TextScroll
          inModal
          contentStyle={{ height: 147 }}
          texts={[
            '雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。雷数科技竭力为客户提供贯穿整个设备生命周期的全方位服务，经过十几年变迁与发展，销售累计突破百亿。',
            '今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦今天是个好日子哦',
            '明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦明天是个好日子哦',
          ]}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/ThreeDimensionalPieDemo/demo1.tsx
================================================
import React from 'react';
import { ThreeDimensionalPie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '47043' },
    { name: '机械', value: '38603' },
    { name: '钢铁', value: '31316' },
  ];

  return (
    <ThreeDimensionalPie
      seriesData={data}
      autoLoop
      style={{ width: 560, height: 218 }}
      barConfig={{ legend: { top: 50 } }}
      pieConfig={{}}
    />
  );
};


================================================
FILE: packages/lego/example/ThreeDimensionalPieDemo/demo2.tsx
================================================
import React from 'react';
import { ThreeDimensionalPie } from '@td-design/lego';

export default () => {
  const data = [
    { name: '木材', value: '600' },
    { name: '机械', value: '500' },
    { name: '钢铁', value: '400' },
    { name: '铝', value: '300' },
    { name: '塑料', value: '200' },
    { name: '金', value: '100' },
  ];

  return (
    <ThreeDimensionalPie
      seriesData={data}
      style={{ width: 560, height: 218 }}
      barConfig={{ legend: { top: 50 } }}
      pieConfig={{}}
      isFlat={false}
      coefficient={2}
    />
  );
};


================================================
FILE: packages/lego/example/ThreeDimensionalPieDemo/demo3.tsx
================================================
import React, { useState } from 'react';
import { Button, Modal } from 'antd';
import { ThreeDimensionalPie } from '@td-design/lego';

export default () => {
  const [visible, setVisible] = useState(false);

  const data = [
    { name: '木材', value: '47043' },
    { name: '机械', value: '38603' },
    { name: '钢铁', value: '31316' },
  ];

  return (
    <>
      <Button onClick={() => setVisible(true)}>弹窗</Button>
      <Modal
        open={visible}
        onCancel={() => setVisible(false)}
        footer={null}
        width={750}
        bodyStyle={{ backgroundColor: '#040727' }}
        getContainer={false} // <- 这个属性如果不加，那第一次打开的时候，里面的echarts图表不能正常渲染
      >
        <ThreeDimensionalPie
          seriesData={data}
          autoLoop
          inModal
          style={{ width: 720, height: 308 }}
          barConfig={{ legend: { top: 50 } }}
        />
      </Modal>
    </>
  );
};


================================================
FILE: packages/lego/example/WordCloudDemo/demo1.tsx
================================================
import React from 'react';
import { WordCloud } from '@td-design/lego';

export default () => (
  <WordCloud
    data={[
      { name: '雨伞', value: 30 },
      { name: '晴天', value: 28 },
      { name: '电话', value: 24 },
      { name: '手机', value: 23 },
      { name: '下雨', value: 22 },
      { name: '暴雨', value: 21 },
      { name: '多云', value: 20 },
      { name: '雨衣', value: 29 },
      { name: '屋檐', value: 28 },
      { name: '大风', value: 27 },
      { name: '台风', value: 26 },
      { name: '下雪', value: 25 },
      { name: '打雷', value: 24 },
      { name: '小雨', value: 30 },
      { name: '中雨', value: 18 },
      { name: '大雨', value: 14 },
      { name: '雷阵雨', value: 13 },
      { name: '下雪', value: 12 },
      { name: '小雪', value: 11 },
      { name: '中雪', value: 10 },
      { name: '大雪', value: 9 },
      { name: '暴雪', value: 8 },
      { name: '东风', value: 7 },
      { name: '南风', value: 6 },
      { name: '西北风', value: 5 },
      { name: '北风', value: 4 },
      { name: '闪电', value: 3 },
    ]}
  />
);


================================================
FILE: packages/lego/example/WordCloudDemo/demo2.tsx
================================================
import React from 'react';
import { WordCloud } from '@td-design/lego';

export default () => (
  <WordCloud
    data={[
      { name: '雨伞', value: 30 },
      { name: '晴天', value: 28 },
      { name: '电话', value: 24 },
      { name: '手机', value: 23 },
      { name: '下雨', value: 22 },
      { name: '暴雨', value: 21 },
      { name: '多云', value: 20 },
      { name: '雨衣', value: 29 },
      { name: '屋檐', value: 28 },
      { name: '大风', value: 27 },
      { name: '台风', value: 26 },
      { name: '下雪', value: 25 },
      { name: '打雷', value: 24 },
      { name: '小雨', value: 30 },
      { name: '中雨', value: 18 },
      { name: '大雨', value: 14 },
      { name: '雷阵雨', value: 13 },
      { name: '下雪', value: 12 },
      { name: '小雪', value: 11 },
      { name: '中雪', value: 10 },
      { name: '大雪', value: 9 },
      { name: '暴雪', value: 8 },
      { name: '东风', value: 7 },
      { name: '南风', value: 6 },
      { name: '西北风', value: 5 },
      { name: '北风', value: 4 },
      { name: '闪电', value: 3 },
    ]}
    renderer='svg'
  />
);


================================================
FILE: packages/lego/package.json
================================================
{
  "name": "@td-design/lego",
  "version": "4.1.12",
  "description": "雷数大屏素材库",
  "keywords": [
    "thundersdata",
    "frontend",
    "lego"
  ],
  "homepage": "https://github.com/thundersdata-frontend/td-design#readme",
  "license": "Apache-2.0",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/thundersdata-frontend/td-design.git"
  },
  "scripts": {
    "build": "rollup -c"
  },
  "bugs": {
    "url": "https://github.com/thundersdata-frontend/td-design/issues"
  },
  "sideEffects": [
    "*.less.js",
    "*.less",
    ".css"
  ],
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61",
  "dependencies": {
    "@react-spring/web": "^9.7.3",
    "classnames": "^2.3.2",
    "color": "^4.2.3",
    "echarts": "^5.4.3",
    "echarts-for-react": "^3.0.2",
    "echarts-gl": "^2.0.9",
    "echarts-wordcloud": "^2.1.0",
    "lodash-es": "^4.17.21",
    "react-countup": "^6.4.2",
    "style-inject": "^0.3.0",
    "swiper": "^9.2.3"
  },
  "devDependencies": {
    "@rollup/plugin-babel": "^6.0.3",
    "@rollup/plugin-commonjs": "^25.0.3",
    "@rollup/plugin-image": "^3.0.2",
    "@rollup/plugin-node-resolve": "^15.1.0",
    "@types/color": "^3.0.3",
    "@types/lodash-es": "^4.17.8",
    "@types/react": "^18.2.15",
    "@types/react-dom": "^18.2.7",
    "less": "^4.1.3",
    "postcss": "^8.4.31",
    "postcss-url": "^10.1.3",
    "rollup": "^3.26.3",
    "rollup-plugin-font": "^1.1.2",
    "rollup-plugin-postcss": "^4.0.2",
    "rollup-plugin-typescript2": "^0.35.0",
    "tslib": "^2.6.0",
    "typescript": "^5.1.6"
  }
}


================================================
FILE: packages/lego/rollup.config.js
================================================
const commonjs = require('@rollup/plugin-commonjs');
const image = require('@rollup/plugin-image');
const resolve = require('@rollup/plugin-node-resolve');
const postcss = require('rollup-plugin-postcss');
const less = require('less');
const typescript = require('rollup-plugin-typescript2');
const postcssurl = require('postcss-url')
const fs = require("fs")

const isProductionEnv = process.env.NODE_ENV === 'production';

const noDeclarationFiles = { compilerOptions: { declaration: false } };

let pkg = JSON.parse(fs.readFileSync('./package.json')),
    external = Object.keys(pkg.dependencies || {});

const processLess = function (context, payload) {
  return new Promise((resolve, reject) => {
    less.render(
      {
        file: context,
      },
      function (err, result) {
        if (!err) {
          resolve(result);
        } else {
          reject(err);
        }
      }
    );

    less.render(context, {}).then(
      function (output) {
        if (output && output.css) {
          resolve(output.css);
        } else {
          reject({});
        }
      },
      function (err) {
        reject(err);
      }
    );
  });
};



module.exports = [
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/commonjs',
      format: 'cjs',
      name: '[name].js',
      preserveModules: true,
      preserveModulesRoot: 'src',
      // entryFileNames: entryFileNames
    },
    plugins: [
      resolve(),
      commonjs(),
      typescript({
        tsconfig: 'tsconfig.json',
        tsconfigOverride: { compilerOptions: { declaration: true, declarationDir: './lib/typescript' } },
        useTsconfigDeclarationDir: true,
      }),
      image(),
      postcss({
        minimize: isProductionEnv,
        process: processLess,
        plugins:[
          postcssurl({
            url: 'inline',
          }),
        ]
      }),
      {
        name: 'Custom Rollup Plugin`',

        generateBundle: (options, bundle) => {
          Object.entries(bundle).forEach(entry => {

            // early return if the file we're currently looking at doesn't need to be acted upon by this plugin
            if (!entry[0].match(/.*(.less.js)$/)) {
              return;
            }

            // this line only runs for .scss.js files, which were generated by the postcss plugin.
            // depending on the use-case, the relative path to style-inject might need to change
            bundle[entry[0]].code = entry[1].code.replace(
              '/home/runner/work/td-design/td-design/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js',
              'style-inject',
            );
          });
        },
      }
    ],
    external:  (id) => {
      if (/node_modules/.test(id)) return true;
      return false;
    },
  },
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/module',
      format: 'esm',
      entryFileNames: '[name].js',
      preserveModules: true,
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs({
        mainFields: ['module', 'main', 'jsnext:main', 'browser'],
        extensions: ['.js', '.mjs', '.json'],
        sourceMap: false,
        browser: true,
      }),
      typescript({ tsconfigOverride: noDeclarationFiles }),
      image(),
      postcss({
        minimize: isProductionEnv,
        process: processLess,
        plugins:[
          postcssurl({
            url: 'inline',
          }),
        ]
      }),
      {
        name: 'Custom Rollup Plugin`',

        generateBundle: (options, bundle) => {
          Object.entries(bundle).forEach(entry => {

            // early return if the file we're currently looking at doesn't need to be acted upon by this plugin
            if (!entry[0].match(/.*(.less.js)$/)) {
              return;
            }

            // this line only runs for .scss.js files, which were generated by the postcss plugin.
            // depending on the use-case, the relative path to style-inject might need to change
            bundle[entry[0]].code = entry[1].code.replace(
              '/home/runner/work/td-design/td-design/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js',
              'style-inject',
            );
          });
        },
      }
    ],
    external:  (id) => {
      if (/node_modules/.test(id)) return true;
      return false;
    },
  },
];


================================================
FILE: packages/lego/src/accumulated-data/index.less
================================================
@import '../style/index.less';

@prefix: .td-lego-accumulated-data;

@{prefix}-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;

  @{prefix}-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;

    @{prefix}-border {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 80px;
      background: linear-gradient(
        180deg,
        rgba(54, 161, 255, 0) 0%,
        rgba(25, 104, 255, 1) 52%,
        rgba(54, 161, 255, 0) 100%
      );
    }

    @{prefix}-block {
      display: flex;
      flex-direction: column;
      align-items: baseline;
      justify-content: center;

      @{prefix}-value {
        margin-right: 4px;
        color: #8dceff;
        font-weight: bold;
        font-size: 28px;
        line-height: 42px;
      }
    }

    @{prefix}-valueContent {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 6px;
    }

    @{prefix}-unit {
      color: #999999;
      font-weight: 400;
      font-size: 16px;
    }

    @{prefix}-name {
      width: 100%;
      color: #cccccc;
      text-align: center;
      font-weight: 400;
      font-size: 16px;
    }
  }
}


================================================
FILE: packages/lego/src/accumulated-data/index.md
================================================
---
title: 累计数据
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 基本的数据展示

## API

| 属性         | 必填    | 说明         | 类型                                                         | 默认值  |
| ------------ | ------- | ------------ | ------------------------------------------------------------ | ------- |
| data         | `true`  | 数据         | `{ name: string; value: string \| number; unit?: string }[]` |         |
| numberScroll | `false` | 数字是否滚动 | `boolean`                                                    | `false` |

## 效果图 1

<code src="../../example/AccumulatedDataDemo/demo1.tsx" background="#040727">

## 效果图 2(数字滚动)

<code src="../../example/AccumulatedDataDemo/demo2.tsx" background="#040727">


================================================
FILE: packages/lego/src/accumulated-data/index.tsx
================================================
import React from 'react';

import ScrollNumber from '../scroll-number';
import './index.less';

const prefixName = 'td-lego-accumulated-data';

export default function ({
  data,
  numberScroll = false,
}: {
  data: { name: string; value: string | number; unit?: string }[];
  numberScroll?: boolean;
}) {
  return (
    <div className={`${prefixName}-container`}>
      {data.map(({ name, unit, value }, index) => (
        <div className={`${prefixName}-item`} key={index}>
          <div className={`${prefixName}-block`}>
            <div className={`${prefixName}-name`}>{name}</div>
            <div className={`${prefixName}-valueContent`}>
              <div className={`${prefixName}-value`}>{numberScroll ? <ScrollNumber value={value} /> : value}</div>
              <div className={`${prefixName}-unit`}>{unit}</div>
            </div>
          </div>
          {index !== data.length - 1 && <div className={`${prefixName}-border`}></div>}
        </div>
      ))}
    </div>
  );
}


================================================
FILE: packages/lego/src/bar-line/index.md
================================================
---
title: 柱线混合图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 折线图
  order: 2
---

# 柱线混合图

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| xAxisData | `true` | x 轴数据 | `any[]` |  |
| yAxis | `true` | y 轴配置 | `YAXisOption[]` |  |
| lineData | `true` | 线图数据 | `{ name: string; data: number[] }` |  |
| lineUnit | `false` | 线图单位 | `string` |  |
| barType | `false` | 柱图形状 | `string` | `cuboidBar` |
| barData | `true` | 柱图数据 | `BarSeriesData \| BarSeriesData[]` |  |
| barUnit | `false` | 柱图单位 | `string` |  |
| max | `false` | 柱图最大值（仅在 barType 为 cylinderShadowBar ｜ sliceBar 时需要） | `number` |  |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| autoLoop | `false` | 控制是否自动轮播 | `boolean` |  |
| duration | `false` | 自动轮播的时长 | `number` | `2000` |
| config | `false` | 自定义 Echarts 配置 | `ECOption` |  |
| inModal | `false` | 是否在弹窗内显示 | `boolean` | `false` |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean` | `true` |
| shadow | `false` | 是否显示 areaStyle | `boolean` | `false` |
| smooth | `false` | 折线是否平滑 | `boolean` | `false` |
| onEvents | `false` | 图表交互事件 | `Record<string, (params?: any) => void>` |  |
| renderer | `false` | 图表渲染器 | `canvas \| svg` | `canvas` |

## 效果图 1 (长方体柱状图)

<code src="../../example/BarLineDemo/demo1.tsx" background="#040727">

## 效果图 2（分组圆柱图）

<code src="../../example/BarLineDemo/demo2.tsx" background="#040727">

## 效果图 3 (带阴影圆柱图)

<code src="../../example/BarLineDemo/demo3.tsx" background="#040727">

## 效果图 4（叠片柱状图）

<code src="../../example/BarLineDemo/demo4.tsx" background="#040727">

## 效果图 5 (堆叠圆柱图)

<code src="../../example/BarLineDemo/demo5.tsx" background="#040727">

## 效果图 6 自动轮播效果

<code src="../../example/BarLineDemo/demo6.tsx" background="#040727">

## 效果图 7 (轮播两次后停止)

<code src="../../example/BarLineDemo/demo7.tsx" background="#040727">

## 效果图 8 (弹窗)

<code src="../../example/BarLineDemo/demo8.tsx" background="#040727">

## 效果图 9 (手动控制图表轮播)

<code src="../../example/BarLineDemo/demo9.tsx" background="#040727">

## 效果图 10 (显示阴影效果)

<code src="../../example/BarLineDemo/demo10.tsx" background="#040727">

## 效果图 11 (折线平滑)

<code src="../../example/BarLineDemo/demo11.tsx" background="#040727">

## 效果图 12 (SVG 渲染器)

<code src="../../example/BarLineDemo/demo12.tsx" background="#040727">


================================================
FILE: packages/lego/src/bar-line/index.tsx
================================================
import React, { CSSProperties, ForwardedRef, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import Color from 'color';
import ReactEcharts from 'echarts-for-react';
import {
  CustomChart, // 系列类型的定义后缀都为 SeriesOption
  CustomSeriesOption,
  LineChart,
  LineSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseBarConfig from '../hooks/useBaseBarConfig';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBaseLineConfig from '../hooks/useBaseLineConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createCuboidSeries from '../utils/createCuboidSeries';
import createCylinderBarSeries from '../utils/createCylinderSeries';
import createCylinderShadowSeries from '../utils/createCylinderShadowSeries';
import createLinearGradient from '../utils/createLinearGradient';
import createSliceSeries from '../utils/createSliceSeries';
import createStackSeries from '../utils/createStackSeries';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<
  LineSeriesOption | CustomSeriesOption | TooltipComponentOption | GridComponentOption
>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, LineChart, CustomChart, CanvasRenderer, SVGRenderer]);

type CuboidBarParams = {
  barType: 'cuboidBar';
  barData: BarSeriesData;
};

type CylinderBarParams = {
  barType: 'cylinderBar';
  barData: BarSeriesData[];
};

type CylinderShadowBarParams = {
  barType: 'cylinderShadowBar';
  barData: BarSeriesData;
};

type StackBarParams = {
  barType: 'stackBar';
  barData: BarSeriesData[];
};

type SliceBarParams = {
  barType: 'sliceBar';
  barData: BarSeriesData;
};

type Params = CuboidBarParams | CylinderBarParams | CylinderShadowBarParams | StackBarParams | SliceBarParams;

type GetValueType<TType extends Params['barType']> = Extract<Params, { barType: TType }>['barData'];

export interface BarLineProps<TType extends Params['barType']> {
  xAxisData: any[];
  yAxis: YAXisOption[];
  lineData: { name: string; data: (number | string | null)[] };
  lineUnit?: string;
  barUnit?: string;
  style?: CSSProperties;
  // 柱状图类型
  barType?: TType;
  // barType = cylinderShadowBar | sliceBar 时需要
  max?: number;
  barData: GetValueType<TType>;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 是否显示areaStyle */
  shadow?: boolean;
  /** 折线是否平滑 */
  smooth?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 长方体柱状图，对应figma柱状图4
 */
function BarLine<TType extends Params['barType']>(
  {
    xAxisData,
    yAxis,
    barType,
    barData,
    max,
    barUnit = yAxis[0]?.name,
    lineData,
    lineUnit = yAxis[1]?.name,
    style,
    autoLoop,
    duration = 2000,
    config,
    inModal = false,
    shadow = false,
    smooth = false,
    showYAxisLine = true,
    onEvents,
    renderer = 'canvas',
  }: BarLineProps<TType>,
  ref: ForwardedRef<ReactEcharts>
) {
  const theme = useTheme();
  const baseBarConfig = useBaseBarConfig(inModal);
  const baseChartConfig = useBaseChartConfig(inModal);
  const baseLineConfig = useBaseLineConfig();
  const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration, 1);

  const baseLineSeries = {
    name: lineData.name,
    yAxisIndex: 1,
    data: lineData.data.map(item => ({ value: item, unit: lineUnit })),
    ...baseLineConfig,
    smooth,
    itemStyle: {
      color: createLinearGradient(theme.colors.primary200),
    },
    emphasis: {
      lineStyle: {
        shadowBlur: 11,
        shadowColor: theme.colors.assist600,
      },
    },
  };
  const lineSeries = shadow
    ? {
        ...baseLineSeries,
        areaStyle: {
          color: getAreaColorsByIndex(theme.colors.primary200),
          shadowColor: Color(theme.colors.primary200).alpha(0.85).string(),
        },
      }
    : baseLineSeries;

  const createOption = () => {
    switch (barType) {
      // 长方体柱状图
      case 'cuboidBar':
      default:
        return {
          color: [createLinearGradient(theme.colors.primary300)],
          series: [createCuboidSeries(theme, barData as BarSeriesData, barUnit), lineSeries],
        };

      // 分组圆柱图
      case 'cylinderBar':
        const cylinderBarColors = [
          createLinearGradient(theme.colors.primary50),
          createLinearGradient(theme.colors.primary300),
        ];
        const cylinderBarData = (barData as BarSeriesData[]).map(item => ({
          ...item,
          unit: barUnit,
        }));
        return {
          color: cylinderBarColors,
          series: [...createCylinderBarSeries(cylinderBarData, cylinderBarColors, 1), lineSeries],
        };

      // 带阴影圆柱图
      case 'cylinderShadowBar':
        return {
          color: [createLinearGradient(theme.colors.primary50)],
          series: [...createCylinderShadowSeries(theme, baseBarConfig, barData as BarSeriesData, max ?? 0), lineSeries],
          tooltipFormatter: {
            formatter: function (params: any) {
              const str = `
                  <div style="display: flex; align-items: center;">
                    <div style="
                      width: 7px;
                      height: 7px;
                      background: linear-gradient(180deg, ${params[0]?.color} 0%, ${params[0]?.color} 100%);
                      margin-right: 4px;
                      border-radius: 7px;
                    "></div>
                    ${params[0]?.seriesName}：${params[0]?.data?.value || params[0]?.data} ${
                      barUnit ?? params[0]?.data?.unit ?? ''
                    }
                  </div>
                  <div style="display: flex; align-items: center;">
                  <div style="
                    width: 7px;
                    height: 7px;
                    background: linear-gradient(180deg, ${params?.[5]?.color?.colorStops?.[0]?.color} 0%, ${params?.[5]
                      ?.color?.colorStops?.[1]?.color} 100%);
                    margin-right: 4px;
                    border-radius: 7px;
                  "></div>
                  ${params?.[5]?.seriesName}：${params?.[5]?.value} ${lineUnit ?? params?.[5]?.data?.unit ?? ''}
                </div>
                `;

              return `
                  <div style="
                    background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                    border: 1px solid #017AFF;
                    color: #fff;
                    font-size: ${inModal ? '18px' : '14px'};
                    line-height: ${inModal ? '25px' : '22px'};
                    padding: 5px;
                    border-radius: 6px;
                  ">
                    <div>${params[0]?.name}</div>
                    ${str}
                  </div>
                `;
            },
          },
        };

      // 叠片柱状图
      case 'sliceBar':
        return {
          series: [...createSliceSeries(theme, barData as BarSeriesData, max ?? 0), lineSeries],
          tooltipFormatter: {
            formatter: function (params: any) {
              const str = `
                  <div style="display: flex; align-items: center;">
                    <div style="
                      width: 7px;
                      height: 7px;
                      background: linear-gradient(180deg, ${params[0]?.color?.colorStops?.[0]?.color} 0%, ${params[0]
                        ?.color?.colorStops?.[1]?.color} 100%);
                      margin-right: 4px;
                      border-radius: 7px;
                    "></div>
                    ${params[0]?.seriesName}：${params[0]?.data?.value || params[0]?.data} ${
                      barUnit ?? params[0]?.data?.unit ?? ''
                    }
                  </div>
                  <div style="display: flex; align-items: center;">
                  <div style="
                    width: 7px;
                    height: 7px;
                    background: linear-gradient(180deg, ${params?.[2]?.color?.colorStops?.[0]?.color} 0%, ${params?.[2]
                      ?.color?.colorStops?.[1]?.color} 100%);
                    margin-right: 4px;
                    border-radius: 7px;
                  "></div>
                  ${params?.[2]?.seriesName}：${params?.[2]?.value} ${lineUnit ?? params?.[2]?.data?.unit ?? ''}
                </div>
                `;

              return `
                  <div style="
                    background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                    border: 1px solid #017AFF;
                    color: #fff;
                    font-size: ${inModal ? '18px' : '14px'};
                    line-height: ${inModal ? '25px' : '22px'};
                    padding: 5px;
                    border-radius: 6px;
                  ">
                    <div>${params[0]?.name}</div>
                    ${str}
                  </div>
                `;
            },
          } as any,
        };

      // 堆叠圆柱图
      case 'stackBar':
        const totalData: number[] = [];
        for (let i = 0; i < xAxisData.length; i++) {
          const element = +barData[0].data[i] + +barData[1].data[i];
          totalData.push(element);
        }
        return {
          series: [
            ...createStackSeries(
              [theme.colors.primary50, theme.colors.primary300],
              baseBarConfig,
              barData as any,
              totalData,
              barUnit
            ),
            lineSeries,
          ],
        };
    }
  };

  const { series, color, tooltipFormatter } = createOption();
  const option = merge(
    {
      color,
      legend: {
        ...baseChartConfig.legend,
      },
      grid: {
        ...baseChartConfig.grid,
      },
      tooltip: {
        ...baseChartConfig.tooltip,
        axisPointer: {
          type: 'shadow',
        },
        ...(tooltipFormatter ?? {}),
      },
      xAxis: {
        type: 'category',
        data: xAxisData,
        ...baseChartConfig.xAxis,
      },
      yAxis: [
        // 第一个是柱图
        {
          ...yAxis[0],
          ...baseChartConfig.yAxis,
          nameTextStyle: {
            ...(baseChartConfig.yAxis as YAXisOption).nameTextStyle,
            padding: [0, 40, 0, 0],
          },
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        // 第二个是线图
        {
          ...yAxis[1],
          ...baseChartConfig.yAxis,
          nameTextStyle: {
            ...(baseChartConfig.yAxis as YAXisOption).nameTextStyle,
            padding: [0, 0, 0, 30],
          },
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
          splitLine: {
            show: false,
          },
        },
      ],
      series,
    },
    config
  );

  return (
    <ReactEcharts
      ref={echartsRef}
      notMerge={true}
      echarts={echarts}
      option={option}
      style={style}
      onEvents={onEvents}
      opts={{ renderer }}
    />
  );
}

export default forwardRef(BarLine);

const getAreaColorsByIndex = (colors: [string, string]) => {
  const _color = [Color(colors[1]).alpha(0).string(), Color(colors[0]).alpha(0.4).string()];
  return createLinearGradient(_color);
};


================================================
FILE: packages/lego/src/base-pie/index.md
================================================
---
title: 环形图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 饼图
  order: 4
---

# 基本的饼图

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| data | `true` | 图表数据 | `{ value: string \| number; name: string; percent?: number; itemStyle?: any }[]` |  |
| unit | `false` | 单位 | `string` |  |
| onlyPercentage | `false` | 不显示数值 | `boolean` | `false` |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| autoLoop | `false` | 控制是否自动轮播 | `boolean` | `false` |
| duration | `false` | 自动轮播的时长 | `number` | `2000` |
| config | `false` | 自定义 Echarts 配置 | `ECOption` |  |
| legendPosition | `false` | 自定义图例的位置 | `right` \| `bottom` | `right` |
| pieColors | `false` | 自定义颜色 | `[string, string][]` |  |
| onEvents | `false` | 图表交互事件 | `Record<string, (params?: any) => void>` |  |
| renderer | `false` | 图表渲染器 | `canvas \| svg` | `canvas` |

## 效果图 1

<code src="../../example/BasePieDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/BasePieDemo/demo2.tsx" background="#040727">

## 效果图 3

<code src="../../example/BasePieDemo/demo3.tsx" background="#040727">

## 效果图 4 (手动控制图表轮播)

<code src="../../example/BasePieDemo/demo4.tsx" background="#040727">

## 效果图 5（图例在下方）

<code src="../../example/BasePieDemo/demo5.tsx" background="#040727">

## 效果图 6（不显示具体数值）

<code src="../../example/BasePieDemo/demo6.tsx" background="#040727">

## 效果图 7（SVG 渲染器）

<code src="../../example/BasePieDemo/demo7.tsx" background="#040727">


================================================
FILE: packages/lego/src/base-pie/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  PieChart, // 系列类型的定义后缀都为 SeriesOption
  PieSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  LegendComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

import useChartLoop from '../hooks/useChartLoop';
import useNodeBoundingRect from '../hooks/useNodeBoundingRect';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';
import chartBg from './assets/chart_bg.svg';
import legendBg from './assets/legend_bg.svg';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<PieSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([GridComponent, PieChart, CanvasRenderer, LegendComponent, SVGRenderer]);

export type DataType = {
  value: string | number;
  name: string;
  percent?: number;
  itemStyle?: any;
};

export interface BasePieProps {
  data: DataType[];
  unit?: string;
  onlyPercentage?: boolean;
  style?: CSSProperties;
  autoLoop?: boolean;
  duration?: number;
  config?: ECOption;
  pieColors?: [string, string][];
  legendPosition?: 'right' | 'bottom';
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

const BasePie = forwardRef<ReactEcharts, BasePieProps>(
  (
    {
      data,
      style,
      unit = '',
      autoLoop = false,
      onlyPercentage = false,
      duration = 2000,
      pieColors = [],
      config,
      legendPosition = 'right',
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    // 图例选中的下标，图例不选中时不轮播
    const [activeLegends, setActiveLegends] = useState<number[]>([]);
    const echartsRef = useChartLoop(
      ref,
      data.filter((_item, idx) => activeLegends.includes(idx)),
      autoLoop,
      duration
    );
    // 数据长度，轮播时使用
    const length = data.length;

    const containerRef = useRef<HTMLDivElement>(null);
    const rect = useNodeBoundingRect(containerRef);
    const { width: rectWidth = 0, height: rectHeight = 0 } = rect;

    const baseColors =
      pieColors?.length > 0 && pieColors?.length >= data?.length
        ? pieColors
        : [
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary200,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const { imageRadius, left, centerX } = useMemo(() => {
      if (!rectWidth) {
        return {
          imageRadius: 0,
          left: 0,
          centerX: '50%',
        };
      }

      let circleWidth = 0;
      if (rectWidth >= rectHeight * 2) {
        circleWidth = rectHeight;
      } else {
        circleWidth = rectWidth / 2;
      }

      if (legendPosition === 'right') {
        return {
          imageRadius: circleWidth * 0.8,
          centerX: circleWidth / 2,
          left: circleWidth * 0.1,
        };
      }
      return {
        imageRadius: rectWidth * 0.8,
        left: rectWidth * 0.1,
        centerX: '50%',
      };
    }, [rectWidth, rectHeight, legendPosition]);

    const newData = useMemo(() => {
      const total = Math.round(
        data
          ?.map(item => +item.value)
          .reduce((value: number, total: number) => {
            return value + total;
          }, 0)
      );

      //增加百分比
      let formatData = data;
      if (data?.[0]?.percent) {
        formatData = data.map(item => {
          return {
            ...item,
            value: Math.round(+item.value),
            percent: (+item.value / total) * 100,
          };
        });
      }

      const gapValue = Number(total) * 0.01;

      const newData: DataType[] = [];
      if (formatData.length === 1) {
        newData.push({
          value: formatData[0].value,
          name: formatData[0].name,
          percent: (+formatData[0].value / total) * 100,
        });
      } else {
        for (let i = 0; i < formatData.length; i++) {
          newData.push(
            {
              value: formatData[i].value,
              name: formatData[i].name,
              percent: (+formatData[i].value / total) * 100,
              itemStyle: {
                borderRadius: 20,
              },
            },
            {
              value: gapValue,
              name: '',
              itemStyle: {
                color: 'rgba(0, 0, 0, 0)',
                borderColor: 'rgba(0, 0, 0, 0)',
                borderWidth: 0,
              },
            }
          );
        }
      }

      return newData;
    }, [data]);

    const isSmall = useMemo(() => {
      if (legendPosition === 'right') {
        if (rectWidth <= 400 || rectHeight <= 260) {
          return true;
        }
      } else {
        if (rectWidth <= 200 || rectHeight <= 300) {
          return true;
        }
      }
      return false;
    }, [rectWidth, rectHeight]);

    const lineHeight = isSmall ? 20 : 35;
    const itemGap = isSmall ? 3 : 7;
    const legend = Object.assign(
      {
        icon: 'circle',
        orient: 'vertical',
        data,
        show: true,
        itemGap,
        formatter: (name: string) => {
          return `{name|${name}} {percent|${newData
            ?.find((item: { name: string }) => item.name === name)
            ?.percent?.toFixed(2)}%}`;
        },
        textStyle: {
          width: 190,
          height: lineHeight,
          backgroundColor: {
            image: legendBg,
          },
          rich: {
            name: {
              color: theme.colors.gray50,
              padding: [8, 10],
              ...theme.typography.p2,
              lineHeight,
            },
            percent: {
              color: '#6FCCFF',
              align: 'right',
              padding: [0, 15, 0, 0],
              ...theme.typography[isSmall ? 'p1' : 'h4'],
              lineHeight,
            },
          },
        },
      },
      legendPosition === 'right'
        ? {
            right: 0,
            top: 'center',
          }
        : {
            left: 0,
            bottom: 0,
          }
    );

    const option = merge(
      {
        color: colors,
        legend,
        // 底部的环状背景
        graphic: {
          elements: [
            {
              type: 'image',
              left: left,
              top: legendPosition === 'right' ? 'middle' : 20,
              x: 20,
              z: 0,
              style: {
                image: chartBg,
                width: imageRadius,
                height: imageRadius,
              },
            },
          ],
        },
        calculable: true,
        series: [
          {
            name: '',
            type: 'pie',
            radius: [imageRadius / 2 - 20, imageRadius / 2 - 5],
            center: [centerX, legendPosition === 'right' ? '50%' : imageRadius / 2 + 20],
            hoverAnimation: false,
            legendHoverLink: !autoLoop,
            silent: autoLoop,
            itemStyle: {
              borderRadius: 20,
            },
            data: newData,
            label: {
              show: newData.length === 1,
              position: 'center',
              formatter: ({ data }: { data: DataType }) => {
                if (!data.name) return;
                if (onlyPercentage) return `{a|${data.name}}{b|\n${data.percent?.toFixed(2)}}{c|%}`;
                return `{a|${data.name}}{b|\n${data.percent?.toFixed(2)}}{c|%}{d|\n${data.value}${unit}}`;
              },
              rich: {
                a: {
                  color: theme.colors.gray50,
                  align: 'center',
                  padding: 10,
                  ...theme.typography[isSmall ? 'p2' : 'p1'],
                },
                b: {
                  color: theme.colors.gray50,
                  align: 'center',
                  ...theme.typography[isSmall ? 'h3' : 'h2'],
                },
                c: {
                  color: theme.colors.gray50,
                  padding: [10, 0, 0, 5],
                  ...theme.typography.h4,
                },
                d: {
                  color: theme.colors.gray50,
                  padding: 8,
                  ...theme.typography.p1,
                },
              },
            },
            emphasis: {
              scale: true,
              scaleSize: 10,
              itemStyle: {
                shadowBlur: 20,
                shadowColor: 'rgba(255, 255, 255, 0.6)',
              },
              label: {
                show: true,
              },
            },
          },
        ],
      },
      config
    );

    // 初始化轮播的下标
    useEffect(() => {
      const arr = new Array(length).fill(0).map((_, i) => i);
      setActiveLegends(arr);
    }, [length]);

    // 记录图例的显示下标
    const handleLegendSelectChanged = useCallback(({ selected }: { selected: { [name: string]: boolean } }) => {
      const selectArr: number[] = [];
      Object.keys(selected).forEach((key, index) => {
        if (selected[key]) {
          selectArr.push(index);
        }
      });
      setActiveLegends(selectArr);
    }, []);

    return (
      <div
        style={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'start',
          width: '95%',
          height: '90%',
          ...style,
        }}
        ref={containerRef}
      >
        <ReactEcharts
          echarts={echarts}
          ref={echartsRef}
          option={option}
          style={{ width: style?.width ?? '100%', height: style?.height ?? '100%' }}
          onEvents={{
            legendselectchanged: handleLegendSelectChanged,
            ...onEvents,
          }}
          opts={{ renderer }}
        />
      </div>
    );
  }
);

export default BasePie;


================================================
FILE: packages/lego/src/circular-solid-pie/index.less
================================================
@prefix: .td-lego-circular-solid-pie;

@{prefix}-bg {
  animation: innerLoading 8s linear infinite;
}
@{prefix}-outer-image {
  animation: outerLoading 5s linear infinite;
}
@{prefix}-inner-image {
  animation: innerLoading 3s linear infinite;
}
@keyframes innerLoading {
  /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
  0% {
    /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes outerLoading {
  /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
  0% {
    /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


================================================
FILE: packages/lego/src/circular-solid-pie/index.md
================================================
---
title: 环形立体饼图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 饼图
---

# 环形立体饼图

## API

| 属性      | 必填    | 说明                | 类型                                     | 默认值   |
| --------- | ------- | ------------------- | ---------------------------------------- | -------- |
| data      | `true`  | 图表数据            | `{ name: string; value: string }[]`      |          |
| style     | `false` | 自定义样式          | `CSSProperties`                          |          |
| imgStyle  | `false` | 图片自定义样式      | `CSSProperties`                          |          |
| autoLoop  | `false` | 控制是否自动轮播    | `boolean`                                |          |
| duration  | `false` | 自动轮播的时长      | `number`                                 | `2000`   |
| config    | `false` | 自定义 Echarts 配置 | `ECOption`                               |          |
| pieColors | `false` | 自定义颜色          | `[string, string][]`                     |          |
| onEvents  | `false` | 图表交互事件        | `Record<string, (params?: any) => void>` |          |
| renderer  | `false` | 图表渲染器          | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example//CircularSolidPieDemo/demo1.tsx" background="#040727">

## 效果图 2 (手动控制图表轮播)

<code src="../../example//CircularSolidPieDemo/demo2.tsx" background="#040727">

## 效果图 3 (弹窗)

<code src="../../example/CircularSolidPieDemo/demo3.tsx" background="#040727">

## 效果图 4 (SVG 渲染器)

<code src="../../example/CircularSolidPieDemo/demo4.tsx" background="#040727">


================================================
FILE: packages/lego/src/circular-solid-pie/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback, useEffect, useRef, useState } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import { PieChart, PieSeriesOption } from 'echarts/charts';
import { GraphicComponent, GraphicComponentOption, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

import bg from '../assets/bg.png';
import innerBg from '../assets/inner.png';
import outerBg from '../assets/outer.png';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBasePieConfig from '../hooks/useBasePieConfig';
import useChartLoop from '../hooks/useChartLoop';
import useNodeBoundingRect from '../hooks/useNodeBoundingRect';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';
import './index.less';

const prefixName = 'td-lego-circular-solid-pie';

type ECOption = echarts.ComposeOption<PieSeriesOption | TooltipComponentOption | GraphicComponentOption>;

echarts.use([TooltipComponent, PieChart, GraphicComponent, CanvasRenderer, SVGRenderer]);

export interface CircularSolidPieProps {
  data: { name: string; value: string | number }[];
  style?: CSSProperties;
  imgStyle?: CSSProperties;
  autoLoop?: boolean;
  config?: ECOption;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  inModal?: boolean;
  pieColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/** 透明圆环饼图-对应Figma饼图4 */
export default forwardRef<ReactEcharts, CircularSolidPieProps>(
  (
    {
      data = [],
      style,
      imgStyle,
      autoLoop = false,
      config,
      duration = 2000,
      inModal = false,
      pieColors = [],
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal);
    const basePieConfig = useBasePieConfig();
    // 图例选中的下标，图例不选中时不轮播
    const [activeLegends, setActiveLegends] = useState<number[]>([]);
    // 数据长度，轮播时使用
    const length = data.length;
    const echartsRef = useChartLoop(
      ref,
      data.filter((_item, idx) => activeLegends.includes(idx)),
      autoLoop,
      duration
    );

    const { style: modifiedStyle } = useStyle(style);

    const divRef = useRef<HTMLDivElement>(null);
    const rect = useNodeBoundingRect(divRef);
    const { width = 0, height = 0 } = rect;

    // 容器宽高比例
    const proportion = height > 0 ? width / height : 0;

    // 初始化轮播的下标
    useEffect(() => {
      const arr = new Array(length).fill(0).map((_, i) => i);
      setActiveLegends(arr);
    }, [length]);

    // 记录图例改变后的数据
    const legendSelectChanged = useCallback(({ selected }: { selected: { [name: string]: boolean } }) => {
      const selectArr: number[] = [];
      Object.keys(selected).forEach((key, index) => {
        if (selected[key]) {
          selectArr.push(index);
        }
      });
      setActiveLegends(selectArr);
    }, []);

    const baseColors =
      pieColors?.length > 0 && pieColors?.length >= data?.length
        ? pieColors
        : [
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary200,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const total = Math.round(
      data
        .map(item => +item.value)
        .reduce((value: number, total: number) => {
          return value + total;
        }, 0)
    );

    const gapValue = Number(total) * 0.01;

    const seriesData: any[] = [];
    if (data.length == 1) {
      seriesData.push({
        ...data[0],
        percent: 100,
      });
    } else {
      data.forEach(ele => {
        seriesData.push(
          {
            value: +ele.value,
            name: ele.name,
            percent: ((+ele.value / total) * 100).toFixed(2),
          },
          {
            value: gapValue,
            // echarts中name为''或者是'\n'代笔legend换行
            name: '',
            itemStyle: {
              color: 'transparent',
              borderColor: 'transparent',
              borderWidth: 0,
            },
          }
        );
      });
    }

    const option = merge(
      {
        color: colors,
        legend: {
          ...baseChartConfig.legend,
          orient: 'horizontal',
          left: '1%',
          data: seriesData.filter(i => i.name),
        },
        series: [
          {
            ...basePieConfig,
            name: '数据环',
            left: 0,
            right: 0,
            center: ['50%', '60%'],
            radius: ['62%', '72%'],
            label: {
              show: false,
            },
            data: seriesData,
            zlevel: 3,
            emphasis: {
              scale: true,
              scaleSize: 10,
              itemStyle: {
                shadowBlur: 20,
                shadowColor: 'rgba(255, 255, 255, 0.6)',
              },
            },
          },
          {
            ...basePieConfig,
            name: '数据标签',
            type: 'pie',
            center: ['50%', '60%'],
            radius: ['62%', '72%'],
            itemStyle: {
              opacity: 0,
              borderWidth: 0,
            },
            label: {
              position: 'outside',
              padding: inModal ? [0, -70, 50, -50] : [10, -50, 50, -40],
              formatter: ({ name }: { name: string }) => {
                if (!name) return;
                return `{a|${name}}{b|\n${Number(seriesData.find(item => item.name === name)?.percent).toFixed(2)}%}`;
              },
              opacity: 1,
              rich: {
                a: {
                  ...theme.typography[inModal ? 'p0' : 'p2'],
                  color: theme.colors.gray50,
                },
                b: {
                  ...theme.typography[inModal ? 'p0' : 'p2'],
                  color: theme.colors.gray50,
                },
              },
            },
            labelLine: {
              ...basePieConfig.labelLine,
              show: true,
              length2: inModal ? 85 : 60,
              minTurnAngle: 45,
            },
            data: seriesData.filter(item => !!item.name),
            zlevel: 3,
          },
          {
            name: '透明环',
            type: 'pie',
            center: ['50%', '60%'],
            radius: ['50%', '65%'],
            silent: true,
            itemStyle: {
              opacity: 0.3,
            },
            label: {
              show: false,
            },
            data: seriesData,
          },
        ],
      },
      config
    );

    const imageStyle: React.CSSProperties = {
      position: 'absolute',
      top: '60%',
      left: '50%',
      transform: 'translate(-50%, -50%)',
      width: proportion > 1.67 ? 'auto' : '100%',
      height: proportion > 1.67 ? '100%' : 'auto',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      ...imgStyle,
    };

    return (
      <div
        style={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'start',
          width: '95%',
          height: '90%',
          ...modifiedStyle,
        }}
        ref={divRef}
      >
        <div style={imageStyle}>
          <img src={bg} className={`${prefixName}-bg`} />
        </div>
        <div style={imageStyle}>
          <img src={outerBg} className={`${prefixName}-outer-image`} />
        </div>
        <div style={imageStyle}>
          <img src={innerBg} className={`${prefixName}-inner-image`} />
        </div>

        <ReactEcharts
          ref={echartsRef}
          style={{ width: modifiedStyle.width ?? '95%', height: modifiedStyle.height ?? '90%' }}
          echarts={echarts}
          option={option}
          onEvents={{
            legendSelectChanged,
            ...onEvents,
          }}
          opts={{ renderer }}
        />
      </div>
    );
  }
);


================================================
FILE: packages/lego/src/context/ThemeContext.tsx
================================================
import React, { createContext, FC, PropsWithChildren } from 'react';

import theme from '../theme';

export const ThemeContext = createContext(theme);

export const ThemeProvider: FC<PropsWithChildren<{ theme: typeof theme }>> = ({ theme, children }) => {
  return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>;
};


================================================
FILE: packages/lego/src/cuboid-bar/index.md
================================================
---
title: 长方体柱状图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
  order: 3
---

# 长方体柱状图

## API

| 属性          | 必填    | 说明                  | 类型                                     | 默认值   |
| ------------- | ------- | --------------------- | ---------------------------------------- | -------- |
| xAxisData     | `true`  | x 轴数据              | `any[]`                                  |          |
| unit          | `false` | 单位                  | `string`                                 |          |
| name          | `false` | 图例名称              | `string`                                 |          |
| data          | `true`  | 图表数据              | `(number \| string)[]`                   |          |
| style         | `false` | 自定义样式            | `CSSProperties`                          |          |
| autoLoop      | `false` | 控制是否自动轮播      | `boolean`                                |          |
| duration      | `false` | 自动轮播的时长        | `number`                                 | `2000`   |
| config        | `false` | 自定义 Echarts 配置   | `ECOption`                               |          |
| inModal       | `false` | 是否在弹窗内显示      | `boolean`                                | `false`  |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean`                                | `true`   |
| onEvents      | `false` | 图表交互事件          | `Record<string, (params?: any) => void>` |          |
| renderer      | `false` | 图表渲染器            | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example/CuboidBarDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/CuboidBarDemo/demo2.tsx" background="#040727">

## 效果图 3

<code src="../../example/CuboidBarDemo/demo3.tsx" background="#040727">

## 效果图 4 自动轮播

<code src="../../example/CuboidBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (轮播两次后停止)

<code src="../../example/CuboidBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (弹窗)

<code src="../../example/CuboidBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (手动控制图表轮播)

<code src="../../example/CuboidBarDemo/demo7.tsx" background="#040727">

## 效果图 8 (SVG 渲染器)

<code src="../../example/CuboidBarDemo/demo8.tsx" background="#040727">


================================================
FILE: packages/lego/src/cuboid-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  CustomChart, // 系列类型的定义后缀都为 SeriesOption
  CustomSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createCuboidSeries from '../utils/createCuboidSeries';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<CustomSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, CustomChart, CanvasRenderer, SVGRenderer]);

export interface CuboidBarProps {
  /** x轴数据 */
  xAxisData: any[];
  /** 单位 */
  unit?: string;
  /** 图例名称 */
  name?: string;
  /** 图表数据 */
  data: (number | string)[];
  /** 自定义样式 */
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  /** 自定义Echarts配置 */
  config?: ECOption;
  /** 是否在弹窗内显示 */
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 长方体柱状图，对应figma柱状图4
 */
const CuboidBar = forwardRef<ReactEcharts, CuboidBarProps>(
  (
    {
      xAxisData,
      unit,
      name,
      data,
      autoLoop,
      duration = 2000,
      style,
      config,
      inModal = false,
      showYAxisLine = true,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);

    const option = merge(
      {
        color: [createLinearGradient(theme.colors.primary300)],
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
        },
        xAxis: {
          type: 'category',
          data: xAxisData,
          ...baseChartConfig.xAxis,
        },
        yAxis: {
          name: unit,
          ...baseChartConfig.yAxis,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        series: [createCuboidSeries(theme, { name: name ?? '', data })],
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        echarts={echarts}
        option={option}
        style={style}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);

export default CuboidBar;


================================================
FILE: packages/lego/src/cylinder-bar/index.md
================================================
---
title: 分组圆柱图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 分组圆柱图

适用于分组展示一个组下多个不同维度数据的情况。

## API

| 属性          | 必填    | 说明                  | 类型                                     | 默认值   |
| ------------- | ------- | --------------------- | ---------------------------------------- | -------- |
| xAxisData     | `true`  | x 轴数据              | `any[]`                                  |          |
| seriesData    | `true`  | 图表数据              | `BarSeriesData[]`                        |          |
| style         | `false` | 自定义样式            | `CSSProperties`                          |          |
| autoLoop      | `false` | 控制是否自动轮播      | `boolean`                                |          |
| duration      | `false` | 自动轮播的时长        | `number`                                 | `2000`   |
| config        | `false` | 自定义 Echarts 配置   | `ECOption`                               |          |
| inModal       | `false` | 是否在弹窗内显示      | `boolean`                                | `false`  |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean`                                | `true`   |
| onEvents      | `false` | 图表交互事件          | `Record<string, (params?: any) => void>` |          |
| renderer      | `false` | 图表渲染器            | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example/CylinderBarDemo/demo1.tsx" background="#040727">

## 效果图 2 双 Y 轴（单位不一样时）

<code src="../../example/CylinderBarDemo/demo2.tsx" background="#040727">

## 效果图 3 自动轮播

<code src="../../example/CylinderBarDemo/demo3.tsx" background="#040727">

## 效果图 4 (轮播两次后停止)

<code src="../../example/CylinderBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (弹窗)

<code src="../../example/CylinderBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (手动控制图表轮播)

<code src="../../example/CylinderBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (SVG 渲染器)

<code src="../../example/CylinderBarDemo/demo7.tsx" background="#040727">


================================================
FILE: packages/lego/src/cylinder-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  CustomChart, // 系列类型的定义后缀都为 SeriesOption
  CustomSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createCylinderBarSeries from '../utils/createCylinderSeries';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<CustomSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, CustomChart, CanvasRenderer, SVGRenderer]);

export interface CylinderBarProps {
  xAxisData: any[];
  seriesData: BarSeriesData[];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 圆柱体柱状图，对应figma柱状图1
 */
export default forwardRef<ReactEcharts, CylinderBarProps>(
  (
    {
      xAxisData,
      seriesData = [{ unit: '' }, { unit: '' }],
      style,
      /** 控制是否自动轮播 */
      autoLoop,
      /** 自动轮播的时长，默认为2s */
      duration,
      config,
      inModal,
      showYAxisLine = true,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const colors = [createLinearGradient(theme.colors.primary50), createLinearGradient(theme.colors.primary300)];

    const baseChartConfig = useBaseChartConfig(inModal);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);

    const data = seriesData.slice(0, 2);
    // 根据data里面的unit，判断有几个y轴
    const yAxisCount = data[0].unit === data[1].unit ? 1 : 2;
    const yAxis =
      yAxisCount === 1
        ? [
            {
              name: data[0].unit,
              ...baseChartConfig.yAxis,
              axisLine: {
                ...(baseChartConfig.yAxis as YAXisOption).axisLine,
                show: showYAxisLine,
              },
            },
          ]
        : data.map(item => ({
            name: item.unit,
            ...baseChartConfig.yAxis,
            axisLine: {
              ...(baseChartConfig.yAxis as YAXisOption).axisLine,
              show: showYAxisLine,
            },
          }));

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
        },
        xAxis: {
          type: 'category',
          data: xAxisData,
          ...baseChartConfig.xAxis,
        },
        yAxis,
        series: createCylinderBarSeries(data as BarSeriesData[], colors, yAxisCount),
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        notMerge
        echarts={echarts}
        option={option}
        style={style}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/src/cylinder-shadow-bar/index.md
================================================
---
title: 带阴影圆柱图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 带阴影圆柱图

## API

| 属性          | 必填    | 说明                  | 类型                                            | 默认值   |
| ------------- | ------- | --------------------- | ----------------------------------------------- | -------- |
| xAxisData     | `true`  | x 轴数据              | `any[]`                                         |          |
| unit          | `false` | 单位                  | `string`                                        |          |
| name          | `false` | 图例名称              | `string`                                        |          |
| max           | `true`  | 最大值                | `number`                                        |          |
| data          | `true`  | 图表数据              | `(number \| { name: string; value: number })[]` |          |
| style         | `false` | 自定义样式            | `CSSProperties`                                 |          |
| autoLoop      | `false` | 控制是否自动轮播      | `boolean`                                       |          |
| duration      | `false` | 自动轮播的时长        | `number`                                        | `2000`   |
| config        | `false` | 自定义 Echarts 配置   | `ECOption`                                      |          |
| inModal       | `false` | 是否在弹窗内显示      | `boolean`                                       | `false`  |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean`                                       | `true`   |
| onEvents      | `false` | 图表交互事件          | `Record<string, (params?: any) => void>`        |          |
| renderer      | `false` | 图表渲染器            | `canvas \| svg`                                 | `canvas` |

## 效果图 1

<code src="../../example/CylinderShadowBarDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/CylinderShadowBarDemo/demo2.tsx" background="#040727">

## 效果图 3

<code src="../../example/CylinderShadowBarDemo/demo3.tsx" background="#040727">

## 效果图 4 自动轮播

<code src="../../example/CylinderShadowBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (轮播两次后停止)

<code src="../../example/CylinderShadowBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (弹窗)

<code src="../../example/CylinderShadowBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (手动控制图表轮播)

<code src="../../example/CylinderShadowBarDemo/demo7.tsx" background="#040727">

## 效果图 8 (SVG 渲染器)

<code src="../../example/CylinderShadowBarDemo/demo8.tsx" background="#040727">


================================================
FILE: packages/lego/src/cylinder-shadow-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  CustomChart, // 系列类型的定义后缀都为 SeriesOption
  CustomSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseBarConfig from '../hooks/useBaseBarConfig';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import createCylinderShadowSeries from '../utils/createCylinderShadowSeries';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<CustomSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, CustomChart, CanvasRenderer, SVGRenderer]);

export interface CylinderShadowBarProps {
  xAxisData: any[];
  unit?: string;
  name: string;
  max: number;
  data: (number | string)[];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  imgStyle?: CSSProperties;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 带阴影柱状堆叠图，对应figma柱状图2
 */
export default forwardRef<ReactEcharts, CylinderShadowBarProps>(
  (
    {
      xAxisData,
      unit,
      name,
      data,
      max,
      style,
      autoLoop,
      duration = 2000,
      config,
      inModal = false,
      showYAxisLine = true,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseBarConfig = useBaseBarConfig(inModal);
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);
    const { style: modifiedStyle } = useStyle(style);

    const option = merge(
      {
        color: [createLinearGradient(theme.colors.primary50)],
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
          formatter: function (params: any) {
            const str = `
            <div style="display: flex; align-items: center;">
              <div style="
                width: 7px;
                height: 7px;
                background: linear-gradient(180deg, ${params[0]?.color} 0%, ${params[0]?.color} 100%);
                margin-right: 4px;
                border-radius: 7px;
              "></div>
              ${params[0]?.seriesName}：${params[0]?.data?.value || params[0]?.data} ${
                unit ?? params[0]?.data?.unit ?? ''
              }
            </div>
          `;

            return `
                <div style="
                  background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                  border: 1px solid #017AFF;
                  color: #fff;
                  font-size: ${inModal ? '18px' : '14px'};
                  line-height: ${inModal ? '25px' : '22px'};
                  padding: 5px;
                  border-radius: 6px;
                ">
                  <div>${params[0]?.name}</div>
                  ${str}
                </div>
              `;
          },
        },
        xAxis: {
          type: 'category',
          data: xAxisData,
          ...baseChartConfig.xAxis,
        },
        yAxis: {
          name: unit,
          max,
          ...baseChartConfig.yAxis,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        series: createCylinderShadowSeries(theme, baseBarConfig, { name, data }, max),
      },
      config
    );

    return (
      <div style={modifiedStyle}>
        <ReactEcharts
          ref={echartsRef}
          echarts={echarts}
          option={option}
          style={{ width: modifiedStyle.width, height: modifiedStyle.height }}
          onEvents={onEvents}
          opts={{ renderer }}
        />
      </div>
    );
  }
);


================================================
FILE: packages/lego/src/data-show/index.less
================================================
@import '../style/index.less';

@prefix: .td-lego-data-show;

@{prefix}-container {
  position: relative;
  flex: 1;
  overflow: hidden;
  background-image: url('../assets/other_datashow_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  animation: breathe 3s linear infinite;

  @{prefix}-data-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @{prefix}-title-wrap {
    flex: 1;
    align-items: center;
    justify-content: center;
    width: 156px;
    height: 65px;
    background-image: url('./assets/rectangle.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;

    @{prefix}-title {
      text-align: center;
    }
  }

  @{prefix}-total {
    margin-top: 12px;
    text-align: center;
  }
}

@{prefix}-title-wrap:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 156px;
  height: 65px;
  content: '';
  background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.15) 50%, transparent 60%);
  background-size: 300% 100%;
  animation: shine 15s linear infinite;
}

@keyframes shine {
  0% {
    background-position-x: 400%;
  }

  50% {
    background-position-x: 0%;
  }

  100% {
    background-position-x: -400%;
  }
}

@keyframes breathe {
  0% {
    opacity: 1;
  }

  50% {
    filter: brightness(150%) saturate(140%);
  }

  100% {
    opacity: 1;
  }
}


================================================
FILE: packages/lego/src/data-show/index.md
================================================
---
title: 数据展示
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 基本的数据展示

## API

| 属性  | 必填    | 说明       | 类型            | 默认值 |
| ----- | ------- | ---------- | --------------- | ------ |
| title | `false` | 标题       | `string`        |        |
| data  | `false` | 数量       | `string`        |        |
| style | `false` | 自定义样式 | `CSSProperties` |        |

## 效果图

<code src="../../example/DataShowDemo/demo1.tsx" background="#040727">


================================================
FILE: packages/lego/src/data-show/index.tsx
================================================
import React, { CSSProperties } from 'react';

import useTheme from '../hooks/useTheme';
import './index.less';

const prefixName = 'td-lego-data-show';

// 默认宽高
const initialSize = 450;

export interface DataShowProps {
  style?: CSSProperties;
  title?: string;
  data?: string;
}

export default ({ style, title, data }: DataShowProps) => {
  const theme = useTheme();
  const { width = initialSize, height = initialSize } = style || {};
  return (
    <div
      className={`${prefixName}-container`}
      style={{
        ...style,
        width,
        height,
      }}
    >
      <div className={`${prefixName}-data-wrap`}>
        <div className={`${prefixName}-title-wrap`}>
          <div
            className={`${prefixName}-title`}
            style={{
              ...theme.typography.h3,
              color: theme.colors.gray50,
              lineHeight: '65px',
            }}
          >
            {title}
          </div>
        </div>
        <div
          className={`${prefixName}-total`}
          style={{
            color: theme.colors.gray50,
            ...theme.typography.h4,
            lineHeight: theme.typography.h4.lineHeight + 'px',
          }}
        >
          {data}
        </div>
      </div>
    </div>
  );
};


================================================
FILE: packages/lego/src/data-show-simple/index.less
================================================
@import '../style/index.less';

@prefix: .td-lego-data-simple-show;

@{prefix}-container {
  display: flex;
  padding-top: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-image: url('../assets/data_show_bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 75%;
  animation: breathe 3s linear infinite;

  @{prefix}-content {
    display: flex;
    flex-direction: column;
    padding-top: 25%;
    margin-left: 10%;
    margin-right: 10%;
  }

  @{prefix}-title-wrap {
    width: 156px;
    height: 65px;
    background-image: url('../assets/rectangle.png');
    background-size: contain;
    background-repeat: no-repeat;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;

    @{prefix}-title {
      line-height: 65px;
      text-align: center;
    }
  }

  @{prefix}-data {
    text-align: center;
    margin-top: 25px;
  }
}

@keyframes breathe {
  0% {
    opacity: 1;
  }

  50% {
    filter: brightness(150%) saturate(140%);
  }

  100% {
    opacity: 1;
  }
}


================================================
FILE: packages/lego/src/data-show-simple/index.md
================================================
---
title: 数据展示
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 基本的数据展示

## API

| 属性  | 必填    | 说明       | 类型            | 默认值 |
| ----- | ------- | ---------- | --------------- | ------ |
| title | `false` | 标题       | `string`        |        |
| total | `false` | 数量       | `string`        |        |
| style | `false` | 自定义样式 | `CSSProperties` |        |

## 效果图

<code src="../../example/DataShowSimpleDemo/demo1.tsx" background="#040727">


================================================
FILE: packages/lego/src/data-show-simple/index.tsx
================================================
import React, { CSSProperties } from 'react';

import { DataShowProps } from '../data-show';
import useTheme from '../hooks/useTheme';
import './index.less';

// 默认宽高
const initialSize = 450;

const prefixName = 'td-lego-data-simple-show';

export default ({ style, title, data }: DataShowProps) => {
  const theme = useTheme();
  const { width = initialSize, height = initialSize } = style || {};
  return (
    <div
      className={`${prefixName}-container`}
      style={{
        ...style,
        width,
        height,
      }}
    >
      <div className={`${prefixName}-content`}>
        <div className={`${prefixName}-title-wrap`}>
          <div
            className={`${prefixName}-title`}
            style={
              {
                ...theme.typography.h3,
                color: theme.colors.gray50,
              } as CSSProperties
            }
          >
            {title}
          </div>
        </div>
        <div
          className={`${prefixName}-data`}
          style={
            {
              color: theme.colors.gray50,
              ...theme.typography.h4,
              lineHeight: theme.typography.h4.lineHeight + 'px',
            } as CSSProperties
          }
        >
          {data}
        </div>
      </div>
    </div>
  );
};


================================================
FILE: packages/lego/src/flip-number/index.less
================================================
.wrap {
  height: 159px;
  margin-top: 16px;
  color: #ffffff;
  font-weight: 400;
  font-size: 120px;
  line-height: 159px;
}


================================================
FILE: packages/lego/src/flip-number/index.md
================================================
---
title: 翻牌器
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 数字
---

# 数据展示

## API

| 属性          | 必填    | 说明                                   | 类型                        | 默认值 |
| ------------- | ------- | -------------------------------------- | --------------------------- | ------ |
| auto          | `false` | 是否自动                               | `boolean`                   |        |
| decimals      | `false` | 要显示的小数位数                       | `number`                    |        |
| delay         | `false` | 开始转换前的延迟（以秒为单位）         | `number`                    |        |
| duration      | `false` | 持续时间（以秒为单位）                 | `number`                    |        |
| preserveValue | `false` | 保存先前结束的数字以从中开始每个新动画 | `number`                    |        |
| separator     | `false` | 指定千位分隔符的字符                   | `string`                    |        |
| start         | `true`  | 开始值                                 | `number`                    |        |
| end           | `true`  | 目标值                                 | `number`                    |        |
| useEasing     | `false` | 启用缓动。设置 false 为线性过渡        | `boolean`                   |        |
| formattingFn  | `false` | 自定义数字格式的功能                   | `(value: number) => string` |        |
| onEnd         | `false` | 过渡结束时的回调函数                   | `() => void`                |        |
| onStart       | `false` | 转换开始时的回调函数                   | `() => void`                |        |
| onPause       | `false` | 暂停或恢复时的回调函数                 | `() => void`                |        |
| onReset       | `false` | 复位时的回调函数                       | `() => void`                |        |
| onUpdate      | `false` | 更新回调函数                           | `() => void`                |        |
| style         | `false` | 容器样式                               | `CSSProperties`             |        |
| className     | `false` | 自定义类名                             | `string`                    |        |

## 1 常规

<code src="../../example/FlipNumberDemo/demo1.tsx" background="#040727">

## 2 千位分隔

<code src="../../example/FlipNumberDemo/demo2.tsx" background="#040727">

## 3 文字样式

<code src="../../example/FlipNumberDemo/demo3.tsx" background="#040727">

## 4 手动触发

<code src="../../example/FlipNumberDemo/demo4.tsx" background="#040727">


================================================
FILE: packages/lego/src/flip-number/index.tsx
================================================
import React, { CSSProperties, forwardRef, useImperativeHandle, useRef } from 'react';
import { useCountUp } from 'react-countup';

import classNames from 'classnames';

import './index.less';

export interface FlipNumberProps {
  auto?: boolean;
  decimals?: number; // 要显示的小数位数
  delay?: number; // 开始转换前的延迟（以秒为单位）
  duration?: number; // 持续时间（以秒为单位）
  preserveValue?: number; // 保存先前结束的数字以从中开始每个新动画
  separator?: string; // 指定千位分隔符的字符
  start: number; // 开始值
  end: number; // 目标值
  useEasing?: boolean; // 启用缓动。设置false为线性过渡
  formattingFn?: (value: number) => string; // 自定义数字格式的功能
  onEnd?: () => void; // 过渡结束时的回调函数
  onStart?: () => void; // 转换开始时的回调函数
  onPause?: () => void; // 暂停或恢复时的回调函数
  onReset?: () => void; // 复位时的回调函数
  onUpdate?: () => void; // 更新回调函数
  style?: CSSProperties; // 容器样式
  className?: string;
}

interface FlipNumberRef {
  pause: () => void; // 暂停或恢复过渡
  reset: () => void; //重置为初始值
  start: () => void; // 开始或重新开始过渡
  update: (newEnd: number) => void; //更新过渡到新的结束值（如果给定）
}

const FlipNumber = forwardRef<FlipNumberRef, FlipNumberProps>((props, ref) => {
  const { style = {}, className = '', duration = 3, ...res } = props;

  const countUpRef = useRef(null);
  const {
    start,
    update,
    pauseResume: pause,
    reset,
  } = useCountUp({
    ref: countUpRef,
    duration,
    ...res,
  });

  useImperativeHandle(ref, () => ({
    start,
    update,
    pause,
    reset,
  }));

  return <div ref={countUpRef} className={classNames('wrap', `${className}`)} style={style}></div>;
});

export default FlipNumber;


================================================
FILE: packages/lego/src/float-ball/index.less
================================================
@prefix: .td-lego-float-ball;

@{prefix}-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 260px;
  background: url(./assets/bottom_bg.png) no-repeat;
  background-position: center;
  background-size: contain;

  @{prefix}-ball-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 142px;
    height: 142px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;

    @{prefix}-label {
      font-size: 14px;
    }

    @{prefix}-value {
      color: #fff;
      font-size: 32px;
    }
  }

  @{prefix}-blue {
    background-image: url(./assets/blue.png);

    @{prefix}-label {
      color: #a6c0ff;
    }
  }

  @{prefix}-label {
    text-align: center;
  }

  @{prefix}-orange {
    background-image: url(./assets/orange.png);

    @{prefix}-label {
      color: #ead261;
    }
  }

  @{prefix}-green {
    background-image: url(./assets/green.png);

    @{prefix}-label {
      color: #61e1ff;
    }
  }

  @{prefix}-purple {
    background-image: url(./assets/purple.png);

    @{prefix}-label {
      color: #a13ed6;
    }
  }
}

@{prefix}-normal {
  @{prefix}-blue {
    top: 10px;
    left: calc(50% - 70px);
    width: 142px;
    height: 142px;
    animation: float 3.5s ease-in-out infinite;
  }
  @{prefix}-orange {
    top: 100px;
    left: calc(50% - 170px);
    width: 126px;
    height: 126px;
    animation: longFloat 7s ease-in-out infinite;
  }
  @{prefix}-green {
    top: 100px;
    left: calc(50% + 54px);
    width: 122px;
    height: 122px;
    animation: longFloat 4.9s ease-in-out infinite;
  }
}

@{prefix}-more {
  @{prefix}-blue {
    top: 10px;
    left: calc(50% - 130px);
    width: 128px;
    height: 128px;
    animation: shortFloat 3.5s ease-in-out infinite;
  }
  @{prefix}-orange {
    top: 138px;
    left: calc(50% - 126px);
    width: 92px;
    height: 92px;
    animation: shortFloat 3.5s ease-in-out infinite;
  }
  @{prefix}-green {
    top: 110px;
    left: calc(50%);
    width: 120px;
    height: 120px;
    animation: shortFloat 3.5s ease-in-out infinite;
  }
  @{prefix}-purple {
    top: 10px;
    left: calc(50% + 12px);
    width: 98px;
    height: 98px;
    animation: shortFloat 3.5s ease-in-out infinite;
  }
}

@keyframes float {
  0%,
  100% {
    transform: translatey(-10px);
  }
  50% {
    transform: translatey(10px);
  }
}

@keyframes longFloat {
  0%,
  100% {
    transform: translatey(-21px);
  }
  50% {
    transform: translatey(7px);
  }
}

@keyframes shortFloat {
  0%,
  100% {
    transform: translatey(-5px);
  }
  50% {
    transform: translatey(5px);
  }
}


================================================
FILE: packages/lego/src/float-ball/index.md
================================================
---
title: 浮动球
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 基本的数据展示

主要用于 3 ~ 4 组数据的场景，大于 4 组数据按照 4 组数据显示。

## API

| 属性       | 必填    | 说明         | 类型                                                                | 默认值 |
| ---------- | ------- | ------------ | ------------------------------------------------------------------- | ------ |
| dataSource | `true`  | 标题         | `{value: string \| number;label: string;element?: ReactElement;}[]` |        |
| maxCount   | `false` | 最大展示数量 | `number`                                                            |        |
| className  | `false` | 自定义样式名 | `string`                                                            |        |
| style      | `false` | 自定义样式   | `CSSProperties`                                                     |        |

## 3 组数据

<code src="../../example/FloatBallDemo/demo1.tsx" background="#040727">

## 4 组数据

<code src="../../example/FloatBallDemo/demo2.tsx" background="#040727">

## 限制最大显示个数为 3 组数据

<code src="../../example/FloatBallDemo/demo3.tsx" background="#040727">

## 自定义内部内容

<code src="../../example/FloatBallDemo/demo4.tsx" background="#040727">


================================================
FILE: packages/lego/src/float-ball/index.tsx
================================================
import React, { CSSProperties, FC, ReactElement } from 'react';

import classNames from 'classnames';

import './index.less';

const prefixName = 'td-lego-float-ball';
// 颜色名称
const colorNamesArr = ['blue', 'orange', 'green', 'purple'];
// 最大的气泡个数
const MAX_COUNT = 4;

export interface LabeledValue {
  value: string | number;
  label: string;
  element?: ReactElement;
}

export interface FloatBallProps {
  dataSource: LabeledValue[];
  maxCount?: number;
  className?: string;
  style?: CSSProperties;
}

const FloatBall: FC<FloatBallProps> = ({ dataSource = [], maxCount, className, style }) => {
  const moreThanMax = (maxCount ?? dataSource.length) >= MAX_COUNT;
  // 如果数据个数超过4个，只显示4个
  const modifiedCount = moreThanMax ? MAX_COUNT : dataSource.length;
  // 限制最大显示个数
  const limitedCount = maxCount ? Math.min(modifiedCount, maxCount) : modifiedCount;

  const renderBall = (item: LabeledValue, idx: number) => {
    const { label, value } = item;
    return (
      <div
        key={`${label}${idx}`}
        className={classNames(`${prefixName}-ball-container`, `${prefixName}-${colorNamesArr[idx]}`)}
      >
        {React.isValidElement(item.element) ? (
          item.element
        ) : (
          <>
            <div className={`${prefixName}-label`}>{label}</div>
            <div className={`${prefixName}-value`}>{value}</div>
          </>
        )}
      </div>
    );
  };

  return (
    <div
      className={classNames(`${prefixName}-container`, `${prefixName}-${moreThanMax ? 'more' : 'normal'}`, className)}
      style={style}
    >
      {dataSource.slice(0, limitedCount).map(renderBall)}
    </div>
  );
};

export default FloatBall;


================================================
FILE: packages/lego/src/gauge/index.md
================================================
---
title: 仪表盘
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 基本的数据展示

## API

| 属性  | 必填    | 说明       | 类型                 | 默认值 |
| ----- | ------- | ---------- | -------------------- | ------ |
| max   | `true`  | 最大值     | `number`             | `100`  |
| value | `true`  | 当前值     | `number` \| `string` |        |
| style | `false` | 自定义样式 | `CSSProperties`      |        |

## 效果图

<code src="../../example/GaugeDemo/demo1.tsx" background="#040727">


================================================
FILE: packages/lego/src/gauge/index.tsx
================================================
import React, { CSSProperties, useCallback, useEffect, useRef } from 'react';

import color from 'color';

import useNodeBoundingRect from '../hooks/useNodeBoundingRect';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';

export interface GaugeProps {
  max: number;
  value: number | string;
  style?: CSSProperties;
}

/**
 * 仪表盘图
 */
export default ({ max = 100, style = {}, ...props }: GaugeProps) => {
  let value = +props.value;
  value = value > max ? max : value;
  const theme = useTheme();
  // 当前的值,保存有动画
  const valueRef = useRef(0);

  const canvasRef = useRef<HTMLCanvasElement>(null);

  const { style: modifiedStyle } = useStyle(style);

  const containerRef = useRef<HTMLDivElement>(null);
  const rect = useNodeBoundingRect(containerRef);

  // 间隔最小单位
  const interval = max / 5;

  const lineNums = 120;
  const innerLineNums = 180;

  const canvasWidth = (rect?.width ?? 0) * 2;
  const canvasHeight = (rect?.height ?? 0) * 2;

  // 根据长宽最短的进行计算半径
  const radius = Math.min(canvasWidth, canvasHeight) / 2;

  const colorArr = [
    theme.colors.primary400[0],
    theme.colors.primary300[0],
    theme.colors.primary200[0],
    theme.colors.primary100[0],
  ];

  const lineColor = [theme.colors.primary400[0], theme.colors.primary50[1], theme.colors.primary100[0]];

  const numberColors = [
    theme.colors.primary400,
    theme.colors.primary400,
    theme.colors.primary300,
    theme.colors.primary200,
    theme.colors.primary50,
    theme.colors.primary100,
  ];

  const gradientColor = useCallback((startColor, endColor, step) => {
    const startRGB = color.rgb(startColor).array(); //转换为rgb数组模式
    const startR = startRGB[0];
    const startG = startRGB[1];
    const startB = startRGB[2];

    const endRGB = color.rgb(endColor).array();
    const endR = endRGB[0];
    const endG = endRGB[1];
    const endB = endRGB[2];

    const sR = (+endR - +startR) / step; //总差值
    const sG = (+endG - +startG) / step;
    const sB = (+endB - +startB) / step;

    const colorArr: any[] = [];

    for (let i = 0; i < step; i++) {
      //计算每一步的hex值
      const hex = color.hsl(
        'rgb(' +
          parseInt(+sR * i + +startR + '') +
          ',' +
          parseInt(+sG * i + +startG + '') +
          ',' +
          parseInt(+sB * i + +startB + '') +
          ')'
      );
      colorArr.push(hex);
    }
    return colorArr;
  }, []);

  let colorList: any[] = [];
  for (let i = 0; i < colorArr.length - 1; i++) {
    const next = colorArr[i + 1];
    const cur = colorArr[i];
    const colorStep = 40;
    colorList = colorList.concat(gradientColor(cur, next, colorStep));
  }

  const splitLine = useCallback(
    (radius: number) => {
      const ctx = canvasRef.current?.getContext('2d');
      if (!ctx) return;

      ctx.save();

      for (let i = 0; i <= 5; i++) {
        ctx.beginPath();
        ctx.lineWidth = 4;
        const index = Math.ceil((i / 5) * 119);
        ctx.strokeStyle = colorList[index];
        ctx.moveTo(radius * 0.9, 0);
        ctx.lineTo(radius * 0.9 + 26, 0);

        ctx.stroke();
        ctx.rotate(((Math.PI * 12) / (9 * 50)) * 10);
        ctx.closePath();
      }
      ctx.restore();
    },
    [colorList]
  );

  const drawTick = useCallback(
    (radius: number) => {
      const ctx = canvasRef.current?.getContext('2d');
      if (!ctx) return;

      ctx.save();
      for (let i = 0; i <= lineNums; i++) {
        ctx.beginPath();
        ctx.lineWidth = 4;
        ctx.strokeStyle = colorList[i];

        ctx.moveTo(radius * 0.9, 0);
        ctx.lineTo(radius * 0.9 + 16, 0);
        ctx.stroke();
        //每个点的弧度,360°弧度为2π,即旋转弧度为 2π / 75
        ctx.rotate((2 * Math.PI) / innerLineNums);
        ctx.closePath();
      }
      ctx.restore();
    },
    [colorList]
  );

  const drawNumber = useCallback(
    (radius: number) => {
      const ctx = canvasRef.current?.getContext('2d');
      if (!ctx) return;
      ctx.save();

      ctx.rotate(Math.PI / 2);
      for (let i = 0; i <= 5; i++) {
        const gradient = ctx.createLinearGradient(0, 0, 400, 0);
        gradient.addColorStop(0, numberColors[i][0]);
        gradient.addColorStop(1, numberColors[i][1]);
        ctx.fillStyle = gradient;
        ctx.font = '36px Alibaba PuHuiTi';
        ctx.textAlign = 'center';
        ctx.fillText(interval * i + '', 0, -radius * 0.8);
        ctx.rotate(((Math.PI * 12) / (9 * 50)) * 10);
      }
      ctx.restore();
    },
    [interval, numberColors]
  );

  const drawLine = useCallback(
    (radius: number) => {
      const ctx = canvasRef.current?.getContext('2d');
      if (!ctx) return;

      let list: any[] = [];
      for (let i = 0; i < lineColor.length - 1; i++) {
        const next = lineColor[i + 1];
        const cur = lineColor[i];
        const colorStep = 150;
        list = list.concat(gradientColor(cur, next, colorStep));
      }

      //外环渐变线
      for (let i = 0; i < 300; i++) {
        ctx.save();
        ctx.beginPath();
        ctx.lineWidth = 20;
        ctx.strokeStyle = list[i];

        ctx.arc(0, 0, (radius * 3) / 4, (60 / 45 / 300) * i * Math.PI, (60 / 45 / 300) * (i + 1.3) * Math.PI);
        ctx.stroke();
        ctx.closePath();
        ctx.restore();
      }
    },
    [gradientColor, lineColor]
  );

  const drawPointer = useCallback(
    (value, radius) => {
      if (!radius) {
        return;
      }
      const ctx = canvasRef.current?.getContext('2d');
      if (!ctx) return;
      ctx.save();

      ctx.beginPath();
      ctx.rotate((((Math.PI * 4) / 3) * value) / max);
      ctx.moveTo(0, 4);
      ctx.lineTo(0, -4);
      ctx.lineTo(radius * 0.9 + 24, 0);

      ctx.fillStyle = '#3DE6FF';
      ctx.fill();
      ctx.closePath();
      ctx.restore();
    },
    [max]
  );

  const drawCenter = useCallback(() => {
    const ctx = canvasRef.current?.getContext('2d');
    if (!ctx) return;
    ctx.save();
    ctx.beginPath();
    ctx.rotate(((Math.PI * 12) / (9 * 50)) * 0);
    ctx.lineWidth = 3;
    ctx.strokeStyle = '#3DE6FF';
    ctx.arc(0, 0, 12, 0, 2 * Math.PI);
    ctx.stroke();
    ctx.closePath();
    ctx.beginPath();
    ctx.fillStyle = '#3DE6FF';
    ctx.arc(0, 0, 6, 0, 2 * Math.PI);
    ctx.fill();
    ctx.closePath();
    ctx.restore();
  }, []);

  const drawValue = useCallback(
    value => {
      const ctx = canvasRef.current?.getContext('2d');
      if (!ctx) return;
      ctx.save();
      ctx.rotate((210 / 180) * Math.PI);
      ctx.fillStyle = theme.colors.gray50;
      ctx.font = '72px Roboto';
      ctx.textAlign = 'center';
      ctx.fillText(value + '', 0, 120);
      ctx.restore();
    },
    [theme.colors.gray50]
  );

  const resizeInit = useCallback(() => {
    const ctx = canvasRef.current?.getContext('2d');
    if (!ctx) return;
    ctx.save();
    ctx.clearRect(0, 0, canvasWidth, canvasHeight);
    ctx.translate(canvasWidth / 2, canvasHeight / 2);

    ctx.rotate((150 * Math.PI) / 180);
    drawTick(radius);
    splitLine(radius);
    drawNumber(radius);
    drawLine(radius);
    drawCenter();
    drawValue(valueRef.current);
    drawPointer(valueRef.current, radius);
    ctx.translate(-canvasWidth / 2, -canvasHeight / 2);
    ctx.restore();
  }, [
    canvasHeight,
    canvasWidth,
    drawCenter,
    drawLine,
    drawNumber,
    drawPointer,
    drawTick,
    drawValue,
    radius,
    splitLine,
  ]);

  const init = useCallback(() => {
    if (!radius) {
      return;
    }
    if (valueRef.current !== value) {
      if (value > valueRef.current) {
        valueRef.current += 1;
      }
      if (value < valueRef.current) {
        valueRef.current -= 1;
      }

      resizeInit();
      requestAnimationFrame(init);
    } else {
      resizeInit();
    }
  }, [radius, value, resizeInit]);

  useEffect(() => {
    init();
  }, [init]);

  return (
    <div style={modifiedStyle} ref={containerRef}>
      <canvas
        ref={canvasRef}
        height={canvasHeight}
        width={canvasWidth}
        style={{ width: modifiedStyle.width, height: modifiedStyle.height }}
      ></canvas>
    </div>
  );
};


================================================
FILE: packages/lego/src/hooks/useBaseBarConfig.ts
================================================
import { useMemo } from 'react';

import { BarSeriesOption } from 'echarts/charts';

import useTheme from './useTheme';

/**
 * 柱状图的基础配置，如坐标轴样式、文字样式、tooltip样式等
 */
export default function useBaseBarConfig(inModal = false) {
  const theme = useTheme();
  const option: BarSeriesOption = useMemo(
    () => ({
      type: 'bar',
      label: {
        show: true,
        ...theme.typography[inModal ? 'p0' : 'p2'],
        color: theme.colors.gray100,
      },
    }),
    [inModal, theme.colors.gray100, theme.typography]
  );

  return option;
}


================================================
FILE: packages/lego/src/hooks/useBaseChartConfig.ts
================================================
import { useMemo } from 'react';

import * as echarts from 'echarts/core';
import {
  GridComponentOption,
  LegendComponentOption,
  SingleAxisComponentOption,
  TooltipComponentOption,
} from 'echarts/components';

import useTheme from './useTheme';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<
  TooltipComponentOption | GridComponentOption | LegendComponentOption | SingleAxisComponentOption
>;

/**
 * 柱状图的基础配置，如坐标轴样式、文字样式、tooltip样式等
 */
export default function useBaseChartConfig(inModal = false, unit?: string) {
  const theme = useTheme();
  const option: ECOption = useMemo(
    () => ({
      legend: {
        top: 0,
        right: '1%',
        itemWidth: inModal ? 16 : 12,
        itemHeight: inModal ? 16 : 12,
        textStyle: {
          color: theme.colors.gray100,
          ...theme.typography[inModal ? 'p0' : 'p2'],
        },
      },
      grid: {
        left: '1%',
        right: '1%',
        bottom: 10,
        containLabel: true,
      },
      tooltip: {
        trigger: 'axis',
        className: 'echarts-tooltip',
        padding: 0,
        borderWidth: 0,
        backgroundColor: 'transparent',
        axisPointer: {
          lineStyle: {
            color: theme.colors.assist200,
            opacity: 0.5,
          },
          shadowStyle: {},
          crossStyle: {},
        },
        formatter: function (params: any) {
          const strs = params
            .filter((i: any) => i.seriesName && !i.seriesName.includes('series'))
            .map((item: any) => {
              const value =
                item.data && typeof item.data === 'object' && 'value' in item.data ? item?.data?.value : item?.data;
              return `
                <div style="display: flex; align-items: center;">
                  <div style="
                    width: 7px;
                    height: 7px;
                    background: linear-gradient(180deg, ${item?.color?.colorStops?.[0]?.color} 0%, ${item?.color
                      ?.colorStops?.[1]?.color} 100%);
                    margin-right: 4px;
                    border-radius: 7px;
                  "></div>
                  ${item?.seriesName}：${value} ${unit ?? item?.data?.unit ?? ''}
                </div>
              `;
            });
          return `
            <div style="
              background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
              border: 1px solid #017AFF;
              color: #fff;
              font-size: ${inModal ? '18px' : '14px'};
              line-height: ${inModal ? '25px' : '22px'};
              padding: 5px;
              border-radius: 6px;
            ">
              <div>${params?.[0]?.name}</div>
              ${strs.join('')}
            </div>
          `;
        },
      },
      xAxis: {
        type: 'category',
        nameLocation: 'end',
        nameTextStyle: {
          ...theme.typography[inModal ? 'p0' : 'p2'],
          color: theme.colors.gray100,
        },
        axisLine: {
          show: false,
          lineStyle: {
            width: 1,
            color: theme.colors.gray200,
          },
        },
        axisTick: {
          show: false,
        },
        axisLabel: {
          show: true,
          ...theme.typography[inModal ? 'p0' : 'p2'],
          color: theme.colors.gray100,
        },
      },
      yAxis: {
        type: 'value',
        nameLocation: 'end',
        nameTextStyle: {
          ...theme.typography[inModal ? 'p0' : 'p2'],
          color: theme.colors.gray100,
        },
        axisLine: {
          show: false,
          lineStyle: {
            width: 1,
            color: theme.colors.gray200,
          },
        },
        axisTick: {
          show: false,
        },
        axisLabel: {
          show: true,
          ...theme.typography[inModal ? 'p0' : 'p2'],
          color: theme.colors.gray100,
        },
        splitLine: {
          lineStyle: {
            width: 1,
            color: theme.colors.gray200,
          },
        },
      },
    }),
    [inModal, theme.colors.assist200, theme.colors.gray100, theme.colors.gray200, theme.typography, unit]
  );

  return option;
}


================================================
FILE: packages/lego/src/hooks/useBaseLineConfig.ts
================================================
import { useMemo } from 'react';

import { LineSeriesOption } from 'echarts/charts';

import useTheme from './useTheme';

/**
 * 柱状图的基础配置，如坐标轴样式、文字样式、tooltip样式等
 */
export default function useBaseLineConfig(inModal = false) {
  const theme = useTheme();
  const option: LineSeriesOption = useMemo(
    () => ({
      type: 'line',
      symbol: 'circle',
      symbolSize: 8,
      connectNulls: true,
      label: {
        ...theme.typography[inModal ? 'p0' : 'p2'],
        color: theme.colors.gray100,
      },
      lineStyle: {
        width: 3,
      },
    }),
    [inModal, theme.colors.gray100, theme.typography]
  );

  return option;
}


================================================
FILE: packages/lego/src/hooks/useBasePieConfig.ts
================================================
import { useMemo } from 'react';

import { PieSeriesOption } from 'echarts/charts';

import useTheme from './useTheme';

/**
 * 柱状图的基础配置，如坐标轴样式、文字样式、tooltip样式等
 */
export default function useBasePieConfig(inModal = false) {
  const theme = useTheme();

  const option: PieSeriesOption = useMemo(
    () => ({
      type: 'pie',
      label: {
        ...theme.typography[inModal ? 'p0' : 'p2'],
        color: theme.colors.gray100,
      },
      labelLine: {
        lineStyle: {
          color: theme.colors.gray50,
          width: 1.35,
        },
      },
    }),
    [inModal, theme.colors.gray100, theme.colors.gray50, theme.typography]
  );

  return option;
}


================================================
FILE: packages/lego/src/hooks/useChartLoop.ts
================================================
import { ForwardedRef, useEffect, useRef, useState } from 'react';

import type ReactEcharts from 'echarts-for-react';

import useEchartsRef from './useEchartsRef';
import { useRAF } from './useRAF';

export default function useChartLoop(
  ref: ForwardedRef<ReactEcharts>,
  data: any[] = [],
  autoLoop = false,
  duration = 2000,
  seriesIndex = 0
) {
  // 用来控制当前轮播到哪个
  const [currentIndex, setCurrentIndex] = useState(-1);
  // 图表实例，轮播的本质是用 currentIndex 来驱动图表实例去 dispatchAction
  const { ref: echartsRef, getInstance } = useEchartsRef(ref);

  const { raf } = useRAF();
  const timer = useRef<symbol>();

  const length = data?.length ?? 0;
  const current = data[currentIndex];
  const currentName = typeof current === 'string' ? current : current?.name;

  useEffect(() => {
    // 开启自动轮播，同时echarts有示例，同时有数据的情况下，才开始
    if (autoLoop && (typeof echartsRef === 'function' || echartsRef.current) && length > 1) {
      timer.current = raf.setInterval(() => {
        setCurrentIndex(index => (index >= length - 1 ? 0 : index + 1));
      }, duration);
    } else {
      setCurrentIndex(-1);
      timer.current && raf.clearInterval(timer.current);
    }
    return () => {
      timer.current && raf.clearInterval(timer.current);
    };
  }, [autoLoop, duration, raf, length, echartsRef]);

  // 用 currentIndex 来驱动图表变化
  useEffect(() => {
    const instance = getInstance();
    if (!instance) {
      return;
    }
    // 取消高亮效果
    instance.dispatchAction({
      type: 'downplay',
    });
    // 先把提示框都隐藏
    instance.dispatchAction({
      type: 'hideTip',
    });

    if (currentIndex > -1) {
      // 再根据 currentIndex 显示对应的提示框
      instance.dispatchAction({
        type: 'showTip',
        seriesIndex,
        dataIndex: currentIndex,
      });

      currentName &&
        instance.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }
  }, [currentIndex, currentName, getInstance, seriesIndex]);

  return echartsRef;
}


================================================
FILE: packages/lego/src/hooks/useEchartsRef.ts
================================================
import { ForwardedRef, MutableRefObject, useCallback, useRef } from 'react';

import { ECharts } from 'echarts';
import type ReactEcharts from 'echarts-for-react';
import EChartsReact from 'echarts-for-react';

export default function useEchartsRef(ref: ForwardedRef<ReactEcharts> | ((ref: ReactEcharts | null) => ECharts)) {
  const _echartsRef = useRef<ReactEcharts>(null);

  const echartsRef = ref
    ? (ref as MutableRefObject<ReactEcharts> | ((ref: ReactEcharts | null) => ECharts))
    : _echartsRef;
  const currentRef = useRef<EChartsReact | null>(typeof echartsRef !== 'function' ? echartsRef.current : null);

  // 如果 ref 是函数则执行
  const handleEchartsRef = useCallback((ref: ReactEcharts) => {
    // 执行传入的 ref 函数
    typeof echartsRef === 'function' && echartsRef(ref);
    if (!ref) {
      return;
    }
    // 设置当前图表实例
    currentRef.current = ref;
  }, []);

  const _ref = (typeof echartsRef === 'function' ? handleEchartsRef : echartsRef) as MutableRefObject<ReactEcharts>;

  // 获得图表实例的方法
  const getInstance = useCallback(() => _ref.current?.getEchartsInstance(), []);

  return {
    ref: _ref,
    getInstance,
  };
}


================================================
FILE: packages/lego/src/hooks/useNodeBoundingRect.ts
================================================
import React, { useEffect } from 'react';

export default function useNodeBoundingRect(target: React.RefObject<HTMLDivElement>) {
  const [rect, setRect] = React.useState<any>(null);

  useEffect(() => {
    const el = target?.current;
    if (!el) return;

    const resizeObserver = new ResizeObserver(entries => {
      setRect(entries[0].contentRect);
    });

    resizeObserver.observe(el);

    return () => {
      resizeObserver.disconnect();
    };
  }, [target]);

  return rect || {};
}


================================================
FILE: packages/lego/src/hooks/useRAF.ts
================================================
import { useMemo } from 'react';

import RAF from '../utils/RAF';

export function useRAF() {
  const raf = useMemo(() => {
    return new RAF();
  }, []);
  return { raf };
}


================================================
FILE: packages/lego/src/hooks/useStyle.ts
================================================
import { CSSProperties, useMemo } from 'react';

export default function useStyle(style: CSSProperties = {}) {
  const modifiedStyle: CSSProperties = useMemo(
    () => ({
      position: 'relative',
      width: '100%',
      height: '100%',
      ...style,
    }),
    [style]
  );
  return { style: modifiedStyle };
}


================================================
FILE: packages/lego/src/hooks/useTheme.ts
================================================
import { useContext } from 'react';

import { ThemeContext } from '../context/ThemeContext';

export default function useTheme() {
  const theme = useContext(ThemeContext);

  return theme;
}


================================================
FILE: packages/lego/src/horizontal-bar/index.md
================================================
---
title: 条形图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 条形图

## API

| 属性       | 必填    | 说明                | 类型                                                        | 默认值   |
| ---------- | ------- | ------------------- | ----------------------------------------------------------- | -------- |
| unit       | `false` | 单位                | `string`                                                    |          |
| max        | `true`  | 最大值              | `number`                                                    |          |
| seriesData | `true`  | 图表数据            | `{ name: string; data: { name: string; value: number }[] }` |          |
| style      | `false` | 自定义样式          | `CSSProperties`                                             |          |
| autoLoop   | `false` | 控制是否自动轮播    | `boolean`                                                   |          |
| duration   | `false` | 自动轮播的时长      | `number`                                                    | `2000`   |
| config     | `false` | 自定义 Echarts 配置 | `ECOption`                                                  |          |
| inModal    | `false` | 是否在弹窗内显示    | `boolean`                                                   | `false`  |
| onEvents   | `false` | 图表交互事件        | `Record<string, (params?: any) => void>`                    |          |
| renderer   | `false` | 图表渲染器          | `canvas \| svg`                                             | `canvas` |

## 效果图 1

<code src="../../example/HorizontalBarDemo/demo1.tsx" background="#040727">

## 效果图 2 - 修改图表配置项

<code src="../../example/HorizontalBarDemo/demo2.tsx" background="#040727">

## 效果图 3 自动轮播

<code src="../../example/HorizontalBarDemo/demo3.tsx" background="#040727">

## 效果图 4 (轮播两次后停止)

<code src="../../example/HorizontalBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (弹窗)

<code src="../../example/HorizontalBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (手动控制图表轮播)

<code src="../../example//HorizontalBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (SVG 渲染器)

<code src="../../example//HorizontalBarDemo/demo7.tsx" background="#040727">


================================================
FILE: packages/lego/src/horizontal-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  PictorialBarChart, // 系列类型的定义后缀都为 SeriesOption
  PictorialBarSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  SingleAxisComponent,
  SingleAxisComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, XAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<
  PictorialBarSeriesOption | TooltipComponentOption | GridComponentOption | SingleAxisComponentOption
>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, SingleAxisComponent, PictorialBarChart, CanvasRenderer, SVGRenderer]);

export interface HorizontalBarProps {
  unit?: string;
  max: number;
  seriesData: {
    name: string;
    data: { name: string; value: number | string }[];
  };
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 水平条形图，对应figma柱状图5
 */
export default forwardRef<ReactEcharts, HorizontalBarProps>(
  ({ unit, max, seriesData, style, autoLoop, duration = 2000, config, inModal = false, onEvents, renderer }, ref) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, seriesData.data, autoLoop, duration);

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
          top: seriesData.name ? 20 : 0,
          left: '10%',
          right: '10%',
        },
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
          formatter: function (params: any) {
            const str = `
            <div style="display: flex; align-items: center;">
              <div style="
                width: 7px;
                height: 7px;
                background: linear-gradient(180deg, ${params[0]?.color?.colorStops?.[0]?.color} 0%, ${params[0]?.color
                  ?.colorStops?.[1]?.color} 100%);
                margin-right: 4px;
                border-radius: 7px;
              "></div>
              ${params[0]?.seriesName}：${params[0]?.data?.value || params[0]?.data} ${
                unit ?? params[0]?.data?.unit ?? ''
              }
            </div>
          `;

            return `
                <div style="
                  background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                  border: 1px solid #017AFF;
                  color: #fff;
                  font-size: ${inModal ? '18px' : '14px'};
                  line-height: ${inModal ? '25px' : '22px'};
                  padding: 5px;
                  border-radius: 6px;
                ">
                  <div>${params[0]?.name}</div>
                  ${str}
                </div>
              `;
          },
        },
        xAxis: {
          max,
          name: unit,
          nameLocation: 'end',
          nameTextStyle: {
            ...theme.typography[inModal ? 'p0' : 'p2'],
            color: theme.colors.gray100,
          },
          splitLine: {
            show: false,
          },
          axisLine: {
            ...(baseChartConfig.xAxis as XAXisOption).axisLine,
            show: true,
          },
          axisLabel: {
            ...theme.typography[inModal ? 'p0' : 'p2'],
            show: true,
            color: theme.colors.gray100,
          },
          axisTick: {
            show: true,
          },
        },
        yAxis: [
          {
            type: 'category',
            data: seriesData.data.map(item => item.name),
            axisLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLabel: {
              show: false,
            },
            inverse: true,
          },
        ],
        series: [
          {
            name: seriesData.name,
            type: 'pictorialBar',
            silent: true,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                { offset: 0, color: '#3FA4FF' },
                { offset: 1, color: '#60F5FF' },
              ]),
            },
            label: {
              ...theme.typography[inModal ? 'p0' : 'p2'],
              color: theme.colors.gray100,
              formatter: '{b}',
              position: 'left',
              distance: 20, // 向右偏移位置
              show: true,
            },
            symbolRepeat: 'fixed',
            symbolMargin: 1,
            symbol: 'rect',
            symbolClip: true,
            symbolSize: [3, 8],
            symbolPosition: 'start',
            symbolBoundingData: max * 0.96,
            data: seriesData.data,
            z: 3,
            animationEasing: 'elasticOut',
          },
          {
            name: seriesData.name,
            type: 'pictorialBar',
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                { offset: 0, color: '#0F2623' },
                { offset: 1, color: '#3BFFBA' },
              ]),
              opacity: 0.2,
            },
            symbolRepeat: 'fixed',
            symbolMargin: 1,
            symbol: 'rect',
            symbolClip: true,
            symbolSize: [3, 8],
            symbolPosition: 'start',
            symbolBoundingData: max * 0.96,
            data: seriesData.data.map(() => max),
            z: 2,
            animationEasing: 'elasticOut',
          },
          {
            name: seriesData.name,
            type: 'pictorialBar',
            itemStyle: {
              color: 'rgba(9, 63, 160, 0.57)',
            },
            symbol: 'path://M 0 0 L 8 0 C 8 0 8 1 7.5 1 L -1 1 C -1 1 -1 0 -0.5 0',
            symbolSize: ['102%', 24],
            symbolOffset: ['-3%', 0],
            symbolBoundingData: max,
            data: seriesData.data.map(() => max),
            z: 1,
            animation: false,
          },
        ],
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        echarts={echarts}
        option={option}
        style={style}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/src/img-line/index.md
================================================
---
title: 带图片的折线图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 折线图
---

# 带图片的折线图

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| xAxisData | `true` | x 轴数据 | `string[]` |  |
| yAxis | `true` | y 轴配置 | `{ name: string }[]` |  |
| seriesData | `true` | 图表数据 | `{ name: string; data: number[]; yAxisIndex: number }[]` |  |
| unit | `false` | 单位 | `string` |  |
| img | `false` | 自定义图片 | `string` |  |
| imgStyle | `false` | 自定义图片样式 | `CSSProperties` |  |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| autoLoop | `false` | 控制是否自动轮播 | `boolean` |  |
| duration | `false` | 自动轮播的时长 | `number` | `2000` |
| config | `false` | 自定义 Echarts 配置 | `ECOption` |  |
| inModal | `false` | 是否在弹窗内显示 | `boolean` | `false` |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean` | `true` |
| lineColors | `false` | 自定义颜色 | `[string, string][]` |  |
| onEvents | `false` | 图表交互事件 | `Record<string, (params?: any) => void>` |  |
| renderer | `false` | 图表渲染器 | `canvas \| svg` | `canvas` |

## 效果图 1

<code src="../../example/ImgLineDemo/demo1.tsx" background="#040727">

## 效果图 2 自动轮播效果

<code src="../../example/ImgLineDemo/demo2.tsx" background="#040727">

## 效果图 3 (轮播两次后停止)

<code src="../../example/ImgLineDemo/demo3.tsx" background="#040727">

## 效果图 4 (弹窗)

<code src="../../example/ImgLineDemo/demo4.tsx" background="#040727">

## 效果图 5 (手动控制图表轮播)

<code src="../../example/ImgLineDemo/demo5.tsx" background="#040727">

## 效果图 6 (SVG 渲染器)

<code src="../../example/ImgLineDemo/demo6.tsx" background="#040727">


================================================
FILE: packages/lego/src/img-line/index.tsx
================================================
import React, { CSSProperties, forwardRef, useMemo } from 'react';

import * as echarts from 'echarts/core';
import Color from 'color';
import ReactEcharts from 'echarts-for-react';
import { LineChart, LineSeriesOption } from 'echarts/charts';
import { GridComponent, GridComponentOption, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBaseLineConfig from '../hooks/useBaseLineConfig';
import useChartLoop from '../hooks/useChartLoop';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

type ECOption = echarts.ComposeOption<LineSeriesOption | TooltipComponentOption | GridComponentOption>;

echarts.use([TooltipComponent, GridComponent, LineChart, CanvasRenderer, SVGRenderer]);

export interface ImgLineProps {
  xAxisData: string[];
  yAxis: { name: string }[];
  seriesData: {
    name: string;
    data: (number | string | null)[];
    yAxisIndex: number;
  }[];
  unit?: string;
  img?: string;
  imgStyle?: CSSProperties;
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  lineColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/** 带图片的折线图-对应Figma折线图2 */
export default forwardRef<ReactEcharts, ImgLineProps>(
  (
    {
      xAxisData,
      yAxis,
      seriesData,
      unit = yAxis[0]?.name,
      img,
      imgStyle,
      style,
      autoLoop,
      duration = 2000,
      config,
      inModal = false,
      showYAxisLine = true,
      lineColors = [],
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const baseLineConfig = useBaseLineConfig(inModal);

    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);
    const { style: modifiedStyle } = useStyle(style);

    const baseColors =
      lineColors?.length > 0 && lineColors?.length >= seriesData?.length
        ? lineColors
        : [
            theme.colors.primary200,
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const getColorsByIndex = (index: number) => {
      return Color(baseColors[index][0]).alpha(0.85).string();
    };

    const getAreaColorsByIndex = (index: number) => {
      const _color = [Color(baseColors[index][1]).alpha(0).string(), Color(baseColors[index][0]).alpha(0.4).string()];
      return createLinearGradient(_color);
    };

    const option = merge(
      {
        color: colors,
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
          left: '3%',
          right: '3%',
        },
        tooltip: {
          ...baseChartConfig.tooltip,
        },
        xAxis: {
          type: 'category',
          ...baseChartConfig.xAxis,
          data: xAxisData,
        },
        yAxis: yAxis.map((item, index) => ({
          ...baseChartConfig.yAxis,
          ...item,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
          nameTextStyle: {
            ...(baseChartConfig.yAxis as YAXisOption).nameTextStyle,
            padding: index === 0 ? [0, 40, 0, 0] : [0, 0, 0, 40],
          },
          splitLine: {
            ...(baseChartConfig.yAxis as YAXisOption).splitLine,
            show: index === 0 ? true : false,
          },
        })),
        series: seriesData.map((item, index) => ({
          ...item,
          ...baseLineConfig,
          smooth: true,
          lineStyle: {
            width: 3,
            shadowBlur: 11,
            shadowColor: getColorsByIndex(index),
          },
          itemStyle: {
            borderColor: colors[index],
            borderWidth: 2,
          },
          emphasis: {
            lineStyle: {
              shadowBlur: 11,
              shadowColor: getColorsByIndex(index),
            },
          },
          areaStyle: {
            color: getAreaColorsByIndex(index),
            shadowColor: getColorsByIndex(index),
          },
        })),
      },
      config
    );

    return (
      <div style={modifiedStyle}>
        {img && (
          <img
            src={img}
            style={{
              position: 'absolute',
              bottom: 33,
              left: '3.6%',
              width: '94%',
              ...imgStyle,
            }}
          />
        )}
        <ReactEcharts
          ref={echartsRef}
          style={{ width: modifiedStyle.width, height: modifiedStyle.height }}
          echarts={echarts}
          option={option}
          onEvents={onEvents}
          opts={{ renderer }}
        />
      </div>
    );
  }
);


================================================
FILE: packages/lego/src/img-pie/index.less
================================================
@prefix: .td-lego-img-pie;

@{prefix}-image {
  position: absolute;
  top: 50%;
  left: 49.5%;
  transform: translate(-50%, -50%);
}

@{prefix}-bg {
  width: 252px;
  animation: bgLoading 10s linear infinite;
}

@keyframes bgLoading {
  /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
  0% {
    /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


================================================
FILE: packages/lego/src/img-pie/index.md
================================================
---
title: 带图片的饼图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 饼图
---

# 带图片的饼图

## API

| 属性      | 必填    | 说明                | 类型                                     | 默认值   |
| --------- | ------- | ------------------- | ---------------------------------------- | -------- |
| data      | `true`  | 图表数据            | `{ name: string; value: string }[]`      |          |
| style     | `false` | 自定义样式          | `CSSProperties`                          |          |
| imgStyle  | `false` | 图片自定义样式      | `CSSProperties`                          |          |
| autoLoop  | `false` | 控制是否自动轮播    | `boolean`                                |          |
| config    | `false` | 自定义 Echarts 配置 | `ECOption`                               |          |
| pieColors | `false` | 自定义颜色          | `[string, string][]`                     |          |
| onEvents  | `false` | 图表交互事件        | `Record<string, (params?: any) => void>` |          |
| renderer  | `false` | 图表渲染器          | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example/ImgPieDemo/demo1.tsx" background="#040727">

## 效果图 2 (手动控制图表轮播)

<code src="../../example//ImgPieDemo/demo2.tsx" background="#040727">

## 效果图 3 (SVG 渲染器)

<code src="../../example//ImgPieDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/img-pie/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback, useEffect, useRef, useState } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import { PieChart, PieSeriesOption } from 'echarts/charts';
import { GraphicComponent, GraphicComponentOption, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

import bg from '../assets/bg.png';
import imgPieGraphic from '../assets/img_pie_graphic.png';
import imgPieBg from '../assets/pie.png';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBasePieConfig from '../hooks/useBasePieConfig';
import useEchartsRef from '../hooks/useEchartsRef';
import useNodeBoundingRect from '../hooks/useNodeBoundingRect';
import { useRAF } from '../hooks/useRAF';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';
import './index.less';

const prefixName = 'td-lego-img-pie';

type ECOption = echarts.ComposeOption<PieSeriesOption | TooltipComponentOption | GraphicComponentOption>;

echarts.use([TooltipComponent, PieChart, GraphicComponent, CanvasRenderer, SVGRenderer]);

export interface ImgPieProps {
  data: { name: string; value: string | number }[];
  style?: CSSProperties;
  imgStyle?: CSSProperties;
  autoLoop?: boolean;
  config?: ECOption;
  pieColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/** 带图片的饼图-对应Figma饼图3 */
export default forwardRef<ReactEcharts, ImgPieProps>(
  ({ data = [], style, imgStyle, autoLoop = false, config, pieColors = [], onEvents, renderer = 'canvas' }, ref) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig();
    const basePieConfig = useBasePieConfig();
    const { style: modifiedStyle } = useStyle(style);
    const { raf } = useRAF();
    // 数据长度，轮播时使用
    const length = data.length;

    // 记录轮播的位置，图例不显示的时候使用
    const activeLegendsIndex = useRef(0);
    const { ref: echartsRef, getInstance } = useEchartsRef(ref);
    const timer = useRef<any>();

    // 图例选中的下标，图例不选中时不轮播
    const [activeLegends, setActiveLegends] = useState<number[]>([]);
    const [currentIndex, setCurrentIndex] = useState(-1);

    const divRef = useRef<HTMLDivElement>(null);
    const rect = useNodeBoundingRect(divRef);
    const { width = 0, height = 0 } = rect;

    // 容器宽高比例
    const proportion = height > 0 ? width / height : 0;

    // 初始化轮播的下标
    useEffect(() => {
      const arr = new Array(length).fill(0).map((_, i) => i);
      setActiveLegends(arr);
    }, [length]);

    //定时器
    useEffect(() => {
      if (!autoLoop) {
        return;
      }
      requestAnimationFrame(() => {
        if (echartsRef?.current && activeLegends?.length > 1) {
          timer.current = raf.setInterval(() => {
            setCurrentIndex(activeLegends[activeLegendsIndex.current]);
            if (activeLegendsIndex.current < activeLegends.length - 1) {
              activeLegendsIndex.current++;
            } else {
              activeLegendsIndex.current = 0;
            }
          }, 2000);
        }
      });
      return () => {
        raf.clearInterval(timer.current);
      };
    }, [activeLegends, autoLoop, activeLegends.length, raf, echartsRef]);

    //currentIndex 驱动数据变化
    useEffect(() => {
      const instance = getInstance();
      if (currentIndex === length) {
        setCurrentIndex(0);
      }
      const currentName = data[currentIndex]?.name;
      instance?.dispatchAction({
        type: 'downplay',
      });

      currentName &&
        instance?.dispatchAction({
          type: 'highlight',
          name: currentName,
        });
    }, [currentIndex, length, echartsRef, data, getInstance]);

    // 记录图例的显示下标
    const legendselectchanged = useCallback(({ selected }: { selected: { [name: string]: boolean } }) => {
      const selectArr: number[] = [];
      Object.keys(selected).forEach((key, index) => {
        if (selected[key]) {
          selectArr.push(index);
        }
      });
      setActiveLegends(selectArr);
    }, []);

    const baseColors =
      pieColors?.length > 0 && pieColors?.length >= data?.length
        ? pieColors
        : [
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary200,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const total = Math.round(
      data
        .map(item => +item.value)
        .reduce((value: number, total: number) => {
          return value + total;
        }, 0)
    );

    const gapValue = Number(total) * 0.01;

    const seriesData: any[] = [];
    if (data.length == 1) {
      seriesData.push(data[0]);
    } else {
      data.forEach(ele => {
        seriesData.push(
          {
            value: +ele.value,
            name: ele.name,
            percent: (+ele.value / total) * 100,
          },
          {
            value: gapValue,
            name: '',
            itemStyle: {
              color: 'rgba(0, 0, 0, 0)',
              borderColor: 'rgba(0, 0, 0, 0)',
              borderWidth: 0,
            },
          }
        );
      });
    }

    const option = merge(
      {
        color: colors,
        legend: {
          ...baseChartConfig.legend,
          orient: 'horizontal',
          data: seriesData.filter(i => i.name),
        },
        graphic: {
          elements: [
            {
              type: 'image',
              left: 'center',
              style: {
                image: imgPieGraphic,
                width: height / 5,
                height: height / 5,
              },
              top: 'center',
            },
          ],
        },
        series: {
          ...basePieConfig,
          left: 0,
          radius: ['35%', '55%'],
          hoverAnimation: false,
          silent: autoLoop,
          data: seriesData,
          legendHoverLink: false,
          labelLine: {
            show: false,
          },
          label: {
            show: seriesData.length === 1,
            position: 'center',
            formatter: ({ name }: { name: string }) => {
              if (!name) return;
              return `{a|${name}}{b|\n${Number(seriesData.find(item => item.name === name)?.percent).toFixed(1)}%}`;
            },
            rich: {
              a: {
                ...theme.typography.p2,
                color: theme.colors.gray100,
              },
              b: {
                ...theme.typography.h4,
                color: theme.colors.gray50,
              },
            },
          },
          emphasis: {
            scale: true,
            scaleSize: 10,
            itemStyle: {
              shadowBlur: 20,
              shadowColor: 'rgba(255, 255, 255, 0.6)',
            },
            label: {
              show: true,
            },
          },
        },
      },
      config
    );

    return (
      <div
        style={{
          width: '95%',
          height: '90%',
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          ...modifiedStyle,
        }}
        ref={divRef}
      >
        <img
          src={imgPieBg}
          className={`${prefixName}-image`}
          style={{
            ...imgStyle,
            width: proportion > 1.25 ? 'auto' : '90%',
            height: proportion > 1.25 ? '90%' : 'auto',
          }}
        />
        <div
          className={`${prefixName}-image`}
          style={{
            ...imgStyle,
          }}
        >
          <img src={bg} className={`${prefixName}-bg`} />
        </div>
        <ReactEcharts
          ref={echartsRef}
          style={{ width: modifiedStyle.width, height: modifiedStyle.height }}
          echarts={echarts}
          option={option}
          onEvents={{
            legendselectchanged: legendselectchanged,
            ...onEvents,
          }}
          opts={{ renderer }}
        />
        ;
      </div>
    );
  }
);


================================================
FILE: packages/lego/src/img-rose-pie/index.less
================================================
@prefix: .td-lego-img-rose-pie;

@{prefix}-bg {
  animation: innerLoading 8s linear infinite;
}
@{prefix}-outer-image {
  animation: outerLoading 5s linear infinite;
}
@{prefix}-inner-image {
  animation: innerLoading 3s linear infinite;
}
@keyframes innerLoading {
  /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
  0% {
    /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes outerLoading {
  /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
  0% {
    /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


================================================
FILE: packages/lego/src/img-rose-pie/index.md
================================================
---
title: 带图片的玫瑰图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 饼图
---

# 带图片的玫瑰图

## API

| 属性       | 必填    | 说明                | 类型                                     | 默认值   |
| ---------- | ------- | ------------------- | ---------------------------------------- | -------- |
| seriesData | `true`  | 图表数据            | `{ name: string; value: string }[]`      |          |
| style      | `false` | 自定义样式          | `CSSProperties`                          |          |
| imgStyle   | `false` | 图片自定义样式      | `CSSProperties`                          |          |
| autoLoop   | `false` | 控制是否自动轮播    | `boolean`                                |          |
| duration   | `false` | 自动轮播的时长      | `number`                                 | `2000`   |
| config     | `false` | 自定义 Echarts 配置 | `ECOption`                               |          |
| pieColors  | `false` | 自定义颜色          | `[string, string][]`                     |          |
| onEvents   | `false` | 图表交互事件        | `Record<string, (params?: any) => void>` |          |
| renderer   | `false` | 图表渲染器          | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example/ImgRosePieDemo/demo1.tsx" background="#040727">

## 效果图 2 (SVG 渲染器)

<code src="../../example/ImgRosePieDemo/demo2.tsx" background="#040727">


================================================
FILE: packages/lego/src/img-rose-pie/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback } from 'react';
import { useEffect, useRef, useState } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import { PieChart, PieSeriesOption } from 'echarts/charts';
import { GraphicComponent, GraphicComponentOption, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

import bg from '../assets/bg.png';
import imgPieGraphic from '../assets/img_pie_graphic.png';
import imgRosePieGraphic from '../assets/img_rose_pie_graphic.png';
import innerBg from '../assets/inner.png';
import outerBg from '../assets/outer.png';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBasePieConfig from '../hooks/useBasePieConfig';
import useChartLoop from '../hooks/useChartLoop';
import useNodeBoundingRect from '../hooks/useNodeBoundingRect';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';
import './index.less';

const prefixName = 'td-lego-img-rose-pie';

type ECOption = echarts.ComposeOption<PieSeriesOption | TooltipComponentOption | GraphicComponentOption>;

echarts.use([TooltipComponent, PieChart, GraphicComponent, CanvasRenderer, SVGRenderer]);

export interface ImgRosePieProps {
  seriesData: {
    name: string;
    value: string | number;
    percent?: number | string;
  }[];
  style?: CSSProperties;
  imgStyle?: CSSProperties;
  autoLoop?: boolean;
  config?: ECOption;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  pieColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/** 带图片的玫瑰图-对应Figma饼图5 */
export default forwardRef<ReactEcharts, ImgRosePieProps>(
  (
    {
      seriesData,
      style,
      imgStyle,
      config,
      pieColors = [],
      duration = 2000,
      autoLoop = false,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig();
    const basePieConfig = useBasePieConfig();
    const { style: modifiedStyle } = useStyle(style);

    // 数据长度，轮播时使用
    const length = seriesData.length;

    // 图例选中的下标，图例不选中时不轮播
    const [activeLegends, setActiveLegends] = useState<number[]>([]);
    const echartsRef = useChartLoop(
      ref,
      seriesData.filter((_item, idx) => activeLegends.includes(idx)),
      autoLoop,
      duration
    );

    const divRef = useRef<HTMLDivElement>(null);
    const rect = useNodeBoundingRect(divRef);
    const { width = 0, height = 0 } = rect;

    // 容器宽高比例
    const proportion = height > 0 ? width / height : 0;

    // 初始化轮播的下标
    useEffect(() => {
      const arr = new Array(length).fill(0).map((_, i) => i);
      setActiveLegends(arr);
    }, [length]);

    // 记录图例改变后的数据
    const legendSelectChanged = useCallback(({ selected }: { selected: { [name: string]: boolean } }) => {
      const selectArr: number[] = [];
      Object.keys(selected).forEach((key, index) => {
        if (selected[key]) {
          selectArr.push(index);
        }
      });
      setActiveLegends(selectArr);
    }, []);

    const baseColors =
      pieColors?.length > 0 && pieColors?.length >= seriesData?.length
        ? pieColors
        : [
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary200,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const option = merge(
      {
        color: colors,
        legend: {
          ...baseChartConfig.legend,
        },
        series: {
          ...basePieConfig,
          left: 0,
          right: 0,
          center: ['50%', '54%'],
          radius: ['33%', '62%'],
          hoverAnimation: false,
          silent: true,
          data: seriesData,
          roseType: 'radius',
          legendHoverLink: false,
          zlevel: 3,
          emphasis: {
            scale: true,
            scaleSize: 10,
            itemStyle: {
              shadowBlur: 20,
              shadowColor: 'rgba(255, 255, 255, 0.6)',
            },
          },
          label: {
            position: 'outside',
            padding: [10, -50, 50, -40],
            formatter: '{a|{b}}\n{a|{d}%}',
            rich: {
              a: {
                ...theme.typography.p2,
                color: theme.colors.gray50,
              },
            },
          },
          labelLine: {
            ...basePieConfig.labelLine,
            show: true,
            length2: 40,
            minTurnAngle: 45,
          },
        },
      },
      config
    );
    const imageStyle: React.CSSProperties = {
      position: 'absolute',
      top: '54%',
      left: '50%',
      transform: 'translate(-50%, -50%)',
      width: proportion > 1.67 ? 'auto' : '100%',
      height: proportion > 1.67 ? '100%' : 'auto',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      ...imgStyle,
    };

    return (
      <div
        style={{
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'start',
          width: '95%',
          height: '90%',
          ...modifiedStyle,
        }}
        ref={divRef}
      >
        {/* 旋转背景 图 */}
        <div style={imageStyle}>
          <img src={bg} className={`${prefixName}-bg`} />
        </div>
        <div style={imageStyle}>
          <img src={outerBg} className={`${prefixName}-outer-image`} />
        </div>
        <div style={imageStyle}>
          <img src={innerBg} className={`${prefixName}-inner-image`} />
        </div>
        {/* 大圆 */}
        <img
          src={imgPieGraphic}
          style={{
            position: 'absolute',
            top: '54%',
            left: '50%',
            transform: 'translate(-50%, -50%)',
            zIndex: 2,
            width: proportion > 1.67 ? 'auto' : '15%',
            height: proportion > 1.67 ? '25%' : 'auto',
            ...imgStyle,
          }}
        />
        {/* 小圆 */}
        <img
          src={imgRosePieGraphic}
          style={{
            position: 'absolute',
            top: '54%',
            left: '50%',
            transform: 'translate(-50%, -50%)',
            zIndex: 3,
            width: proportion > 1.67 ? 'auto' : '8%',
            height: proportion > 1.67 ? '16%' : 'auto',
            ...imgStyle,
          }}
        />
        <ReactEcharts
          ref={echartsRef}
          style={{ width: modifiedStyle.width ?? '95%', height: modifiedStyle.height ?? '90%' }}
          echarts={echarts}
          option={option}
          onEvents={{
            legendSelectChanged,
            ...onEvents,
          }}
          opts={{ renderer }}
        />
      </div>
    );
  }
);


================================================
FILE: packages/lego/src/index.ts
================================================
// bar
export { default as ReactEcharts } from 'echarts-for-react';
export { default as CuboidBar } from './cuboid-bar';
export { default as CylinderBar } from './cylinder-bar';
export { default as CylinderShadowBar } from './cylinder-shadow-bar';
export { default as HorizontalBar } from './horizontal-bar';
export { default as MultiHorizontalBar } from './multi-horizontal-bar';
export { default as PictorialBar } from './pictorial-bar';
export { default as SliceBar } from './slice-bar';
export { default as StackBar } from './stack-bar';
export { ThemeProvider } from './context/ThemeContext';
export { default as BarLine } from './bar-line';
export { default as ImgLine } from './img-line';
export { default as MultiLine } from './multi-line';
export { default as FlipNumber } from './flip-number';
export { default as ScrollNumber } from './scroll-number';
export { default as AccumulatedData } from './accumulated-data';
export { default as DataShow } from './data-show';
export { default as DataShowSimple } from './data-show-simple';
export { default as FloatBall } from './float-ball';
export { default as Gauge } from './gauge';
export { default as Progress } from './progress';
// other
export { default as Radar } from './radar';
export { default as Scatter } from './scatter';
export { default as Swiper } from './swiper';
export { default as Table } from './table';
export { default as TextScroll } from './text-scroll';
export { default as WordCloud } from './word-cloud';
export { default as Modal } from './modal';
// pie
export { default as BasePie } from './base-pie';
export { default as CircularSolidPie } from './circular-solid-pie';
export { default as ImgPie } from './img-pie';
export { default as ImgRosePie } from './img-rose-pie';
export { default as ThreeDimensionalPie } from './three-dimensional-pie';
export { default as theme } from './theme';


================================================
FILE: packages/lego/src/modal/index.md
================================================
---
title: 弹窗
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 弹窗

## API

| 属性            | 必填    | 说明                         | 类型       | 默认值                          |
| --------------- | ------- | ---------------------------- | ---------- | ------------------------------- |
| visible         | `true`  | 弹窗是否可见                 | `boolean`  | `false`                         |
| width           | `false` | 弹窗宽度                     | `number`   | 784                             |
| height          | `false` | 弹窗高度                     | `number`   | 800                             |
| left            | `false` | 弹窗出现的位置（离左侧距离） | `number`   | （浏览器窗口宽度 - 弹窗宽度）/2 |
| top             | `false` | 弹窗出现的位置（离上侧距离） | `number`   | （浏览器窗口高度 - 弹窗高度）/2 |
| onClose         | `true`  | 弹窗关闭                     | `Function` |                                 |
| backgroundImage | `false` | 弹窗背景图                   | `string`   |                                 |

## 效果图 1

<code src="../../example/ModalDemo/demo1.tsx" background="#040727">


================================================
FILE: packages/lego/src/modal/index.tsx
================================================
import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
import { createPortal } from 'react-dom';

import { animated, useSpring } from '@react-spring/web';

import defaultBg from './assets/modal_bg.png';

export interface ModalProps {
  /** 弹窗是否可见 */
  visible: boolean;
  /** 弹窗的宽度 */
  width?: number;
  /** 弹窗的高度 */
  height?: number;
  /** 弹窗出现的位置离左侧距离 */
  left?: number;
  /** 弹窗出现的位置离上侧距离 */
  top?: number;
  /** 弹窗关闭 */
  onClose: () => void;
  /** 弹窗的背景图 */
  backgroundImage?: string;
}

const Modal = ({
  visible,
  onClose,
  children,
  width = 784,
  backgroundImage = `url(${defaultBg})`,
  height = 800,
  left,
  top,
}: PropsWithChildren<ModalProps>) => {
  const [animatedStyles, api] = useSpring(() => ({}));
  const isFirstLoad = useRef(true);
  const [animatedVisible, setAnimatedVisible] = useState(visible);

  const modalLeft = left ?? (window.innerWidth - width) / 2;
  const modalTop = top ?? (window.innerHeight - height) / 2;

  useEffect(() => {
    if (visible) {
      isFirstLoad.current = false;
      setAnimatedVisible(true);
      api.start({
        opacity: 1,
        width,
        height,
        left: modalLeft,
        top: modalTop,
      });
    } else {
      api
        .start({
          opacity: 0,
          width: 0,
          height: 0,
        })?.[0]
        .then(() => {
          setAnimatedVisible(false);
          if (!isFirstLoad.current) {
            onClose();
          }
        });
    }
  }, [visible]);

  const modal = createPortal(
    <>
      <animated.div
        style={{
          position: 'absolute',
          zIndex: 999999,
          overflow: 'hidden',
          backgroundSize: '100% 100%',
          backgroundImage,
          ...animatedStyles,
        }}
      >
        <div style={{ width, height }}>{children}</div>
      </animated.div>
      {/* 蒙层点击可关闭 */}
      <div
        style={{
          position: 'fixed',
          left: 0,
          top: 0,
          width: '100%',
          height: '100%',
          backgroundColor: 'rgba(7, 3, 28, 0.3)',
          zIndex: 99,
        }}
        onClick={onClose}
      />
    </>,
    document.body
  );
  return <>{animatedVisible && modal}</>;
};

export default Modal;


================================================
FILE: packages/lego/src/multi-horizontal-bar/index.md
================================================
---
title: 条形对比图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 条形对比图

## API

| 属性      | 必填    | 说明                | 类型                                                        | 默认值   |
| --------- | ------- | ------------------- | ----------------------------------------------------------- | -------- |
| leftData  | `true`  |                     | `{ name: string; data: { name: string; value: number }[] }` |          |
| rightData | `true`  |                     | `{ name: string; data: { name: string; value: number }[] }` |          |
| unit      | `false` | 单位                | `string \| [string, string]`                                |          |
| max       | `true`  | 最大值              | `number \| [number, number]`                                |          |
| style     | `false` | 自定义样式          | `CSSProperties`                                             |          |
| config    | `false` | 自定义 Echarts 配置 | `ECOption`                                                  |          |
| inModal   | `false` | 是否在弹窗内显示    | `boolean`                                                   | `false`  |
| onEvents  | `false` | 图表交互事件        | `Record<string, (params?: any) => void>`                    |          |
| renderer  | `false` | 图表渲染器          | `canvas \| svg`                                             | `canvas` |

## 效果图 1

<code src="../../example/MultiHorizontalBarDemo/demo1.tsx" background="#040727">

## 效果图 2 - 修改图表配置项

<code src="../../example/MultiHorizontalBarDemo/demo2.tsx" background="#040727">

## 效果图 3 (弹窗)

<code src="../../example/MultiHorizontalBarDemo/demo3.tsx" background="#040727">

## 效果图 4 (SVG 渲染器)

<code src="../../example/MultiHorizontalBarDemo/demo4.tsx" background="#040727">


================================================
FILE: packages/lego/src/multi-horizontal-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  PictorialBarChart, // 系列类型的定义后缀都为 SeriesOption
  PictorialBarSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  SingleAxisComponent,
  SingleAxisComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<
  PictorialBarSeriesOption | TooltipComponentOption | GridComponentOption | SingleAxisComponentOption
>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, SingleAxisComponent, PictorialBarChart, CanvasRenderer, SVGRenderer]);

export interface MultiHorizontalBarProps {
  unit?: string | [string, string];
  max: number | [number, number];
  leftData: { name: string; data: { name: string; value: number | string }[] };
  rightData: { name: string; data: { name: string; value: number | string }[] };
  style?: CSSProperties;
  config?: ECOption;
  inModal?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 双列水平条形图，对应figma柱状图6
 */
export default forwardRef<ReactEcharts, MultiHorizontalBarProps>(
  ({ unit = '', max, leftData, rightData, style, config, inModal = false, onEvents, renderer = 'canvas' }, ref) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal);
    const leftUnit = typeof unit === 'string' ? unit : unit[0];
    const rightUnit = typeof unit === 'string' ? unit : unit[1];
    const leftMax = typeof max === 'number' ? max : max[0];
    const rightMax = typeof max === 'number' ? max : max[1];

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
        },
        grid: [
          {
            show: false,
            left: '4%',
            top: '5%',
            bottom: '10%',
            width: '42%',
          },
          {
            show: false,
            left: '50%',
            top: '5%',
            bottom: '10%',
            width: '0%',
          },
          {
            show: false,
            right: '4%',
            top: '5%',
            bottom: '10%',
            width: '42%',
          },
        ],
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
          formatter: function (params: any) {
            const str = `
            <div style="display: flex; align-items: center;">
              <div style="
                width: 7px;
                height: 7px;
                background: linear-gradient(180deg, ${params[0]?.color?.colorStops?.[0]?.color} 0%, ${params[0]?.color
                  ?.colorStops?.[1]?.color} 100%);
                margin-right: 4px;
                border-radius: 7px;
              "></div>
              ${params[0]?.seriesName}：${params[0]?.data?.value || params[0]?.data} ${params[0]?.data?.unit ?? ''}
            </div>
          `;

            return `
                <div style="
                  background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                  border: 1px solid #017AFF;
                  color: #fff;
                  font-size: ${inModal ? '18px' : '14px'};
                  line-height: ${inModal ? '25px' : '22px'};
                  padding: 5px;
                  border-radius: 6px;
                ">
                  <div>${params[0]?.name}</div>
                  ${str}
                </div>
              `;
          },
        },
        xAxis: [
          {
            type: 'value',
            inverse: true,
            name: leftUnit,
            nameGap: 5,
            nameLocation: 'end',
            nameTextStyle: {
              ...theme.typography[inModal ? 'p0' : 'p2'],
              color: theme.colors.gray100,
            },
            axisLine: {
              ...(baseChartConfig.xAxis as YAXisOption).axisLine,
              show: true,
            },
            axisTick: {
              show: true,
            },
            axisLabel: {
              ...(baseChartConfig.xAxis as YAXisOption).axisLabel,
              show: true,
            },
            splitLine: {
              show: false,
            },
          },
          {
            gridIndex: 1,
            show: false,
          },
          {
            gridIndex: 2,
            show: true,
            type: 'value',
            inverse: false,
            name: rightUnit,
            nameGap: 5,
            nameLocation: 'end',
            nameTextStyle: {
              ...theme.typography[inModal ? 'p0' : 'p2'],
              color: theme.colors.gray100,
            },
            axisLine: {
              ...(baseChartConfig.xAxis as YAXisOption).axisLine,
              show: true,
            },
            axisTick: {
              show: true,
            },
            axisLabel: {
              ...(baseChartConfig.xAxis as YAXisOption).axisLabel,
              show: true,
            },
            splitLine: {
              show: false,
            },
          },
        ],
        yAxis: [
          {
            gridIndex: 0,
            triggerEvent: true,
            inverse: true,
            data: getArrByKey(leftData.data, 'name'),
            axisLine: {
              show: false,
            },
            splitLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLabel: {
              show: false,
            },
          },
          // 控制 Y 轴
          {
            gridIndex: 1,
            type: 'category',
            inverse: true,
            axisLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLabel: {
              ...(baseChartConfig.yAxis as YAXisOption).axisLabel,
              show: true,
              interval: 0,
              align: 'auto',
              verticalAlign: 'middle',
            },
            data: getArrByKey(leftData.data, 'name'),
          },
          {
            gridIndex: 2,
            triggerEvent: true,
            inverse: true,
            data: getArrByKey(rightData.data, 'name'),
            axisLine: {
              show: false,
            },
            splitLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLabel: {
              show: false,
            },
          },
        ],
        series: [
          // 左侧
          {
            name: leftData.name,
            type: 'pictorialBar',
            xAxisIndex: 0,
            yAxisIndex: 0,
            gridIndex: 0,
            silent: true,
            itemStyle: {
              color: createLinearGradient(theme.colors.primary300, false),
            },
            symbolRepeat: 'fixed',
            symbolMargin: 1,
            symbol: 'rect',
            symbolClip: true,
            symbolSize: [3, 8],
            symbolPosition: 'start',
            symbolBoundingData: leftMax * 0.92,
            data: leftData.data.map(item => ({ ...item, unit: leftUnit })),
            z: 3,
            animationEasing: 'elasticOut',
          },
          {
            name: leftData.name,
            type: 'pictorialBar',
            xAxisIndex: 0,
            yAxisIndex: 0,
            gridIndex: 0,
            itemStyle: {
              color: theme.colors.assist1100,
              opacity: 0.2,
            },
            symbolRepeat: 'fixed',
            symbolMargin: 1,
            symbol: 'rect',
            symbolClip: true,
            symbolSize: [3, 8],
            symbolPosition: 'start',
            symbolBoundingData: leftMax * 0.92,
            data: leftData.data.map(() => leftMax),
            z: 2,
            animationEasing: 'elasticOut',
          },
          {
            name: leftData.name,
            type: 'pictorialBar',
            itemStyle: {
              color: 'rgba(9, 63, 160, 0.57)',
            },
            xAxisIndex: 0,
            yAxisIndex: 0,
            gridIndex: 0,
            symbol: 'path://M 0 0 L 8 0 C 8 0 8 1 7.5 1 L -1 1 C -1 1 -1 0 -0.5 0',
            symbolSize: ['100%', 24],
            symbolOffset: ['3%', 0],
            symbolBoundingData: leftMax,
            data: leftData.data.map(() => leftMax),
            z: 1,
            animation: false,
          },

          // 右侧
          {
            name: rightData.name,
            type: 'pictorialBar',
            xAxisIndex: 2,
            yAxisIndex: 2,
            gridIndex: 2,
            silent: true,
            itemStyle: {
              color: createLinearGradient(theme.colors.primary50, false),
            },
            symbolRepeat: 'fixed',
            symbolMargin: 1,
            symbol: 'rect',
            symbolClip: true,
            symbolSize: [3, 8],
            symbolPosition: 'start',
            symbolBoundingData: rightMax * 0.92,
            data: rightData.data.map(item => ({
              ...item,
              unit: rightUnit,
            })),
            z: 3,
            animationEasing: 'elasticOut',
          },
          {
            name: rightData.name,
            type: 'pictorialBar',
            xAxisIndex: 2,
            yAxisIndex: 2,
            gridIndex: 2,
            itemStyle: {
              color: theme.colors.assist1100,
              opacity: 0.2,
            },
            symbolRepeat: 'fixed',
            symbolMargin: 1,
            symbol: 'rect',
            symbolClip: true,
            symbolSize: [3, 8],
            symbolPosition: 'start',
            symbolBoundingData: rightMax * 0.92,
            data: rightData.data.map(() => rightMax),
            z: 2,
            animationEasing: 'elasticOut',
          },
          {
            name: rightData.name,
            type: 'pictorialBar',
            xAxisIndex: 2,
            yAxisIndex: 2,
            gridIndex: 2,
            itemStyle: {
              color: 'rgba(9, 63, 160, 0.57)',
            },
            symbol: 'path://M 0 0 L 8 0 C 8 0 8 1 7.5 1 L -1 1 C -1 1 -1 0 -0.5 0',
            symbolSize: ['100%', 24],
            symbolOffset: ['-3%', 0],
            symbolBoundingData: rightMax,
            data: rightData.data.map(() => rightMax),
            z: 1,
            animation: false,
          },
        ],
      },
      config
    );

    return (
      <ReactEcharts ref={ref} echarts={echarts} option={option} style={style} onEvents={onEvents} opts={{ renderer }} />
    );
  }
);

function getArrByKey(list: { name: string; value: number | string }[], key: string) {
  return list.map(item => item[key]);
}


================================================
FILE: packages/lego/src/multi-line/index.md
================================================
---
title: 多折线图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 折线图
---

# 多折线图

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| xAxisData | `true` | x 轴数据 | `string[]` |  |
| yAxis | `true` | y 轴配置 | `{ name: string }[]` |  |
| seriesData | `true` | 图表数据 | `{ name: string; data: { name: string; value: string \| number }[]; yAxisIndex: number }[]` |  |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| autoLoop | `false` | 控制是否自动轮播 | `boolean` |  |
| duration | `false` | 自动轮播的时长 | `number` | `2000` |
| config | `false` | 自定义 Echarts 配置 | `ECOption` |  |
| inModal | `false` | 是否在弹窗内显示 | `boolean` | `false` |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean` | `true` |
| onEvents | `false` | 图表交互事件 | `Record<string, (params?: any) => void>` |  |
| renderer | `false` | 图表渲染器 | `canvas \| svg` | `canvas` |
| lineColors | `false` | 自定义颜色 | `[string, string][]` |  |

## 效果图 1

<code src="../../example/MultiLineDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/MultiLineDemo/demo2.tsx" background="#040727">

## 效果图 3

<code src="../../example/MultiLineDemo/demo3.tsx" background="#040727">

## 效果图 4

<code src="../../example/MultiLineDemo/demo4.tsx" background="#040727">

## 效果图 5

<code src="../../example/MultiLineDemo/demo5.tsx" background="#040727">

## 效果图 6 (自动轮播)

<code src="../../example/MultiLineDemo/demo6.tsx" background="#040727">

## 效果图 7 (轮播两次后停止)

<code src="../../example/MultiLineDemo/demo7.tsx" background="#040727">

## 效果图 8 (弹窗)

<code src="../../example/MultiLineDemo/demo8.tsx" background="#040727">

## 效果图 9 (手动控制图表轮播)

<code src="../../example/MultiLineDemo/demo9.tsx" background="#040727">

## 效果图 10 (控制是否显示 y 轴的线，默认显示，控制为不显示)

<code src="../../example/MultiLineDemo/demo10.tsx" background="#040727">

## 效果图 11 (SVG 渲染器)

<code src="../../example/MultiLineDemo/demo11.tsx" background="#040727">


================================================
FILE: packages/lego/src/multi-line/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import Color from 'color';
import ReactEcharts from 'echarts-for-react';
import { LineChart, LineSeriesOption } from 'echarts/charts';
import { GridComponent, GridComponentOption, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBaseLineConfig from '../hooks/useBaseLineConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

type ECOption = echarts.ComposeOption<LineSeriesOption | TooltipComponentOption | GridComponentOption>;

echarts.use([TooltipComponent, GridComponent, LineChart, CanvasRenderer, SVGRenderer]);

export interface MultiLineProps {
  xAxisData: string[];
  yAxis: { name: string }[];
  seriesData: {
    name: string;
    data: { name: string; value: string | number | null }[];
    yAxisIndex: number;
  }[];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
  lineColors?: [string, string][];
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
}

/** 折线图1 */
export default forwardRef<ReactEcharts, MultiLineProps>(
  (
    {
      xAxisData,
      yAxis,
      seriesData,
      style,
      autoLoop,
      duration = 2000,
      config,
      inModal = false,
      lineColors = [],
      showYAxisLine = true,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal);
    const baseLineConfig = useBaseLineConfig(inModal);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);

    const baseColors =
      lineColors?.length > 0 && seriesData?.length === lineColors?.length
        ? lineColors
        : [
            theme.colors.primary200,
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const getColorsByIndex = (index: number) => {
      return Color(baseColors[index][0]).alpha(0.85).string();
    };

    const getAreaColorsByIndex = (index: number) => {
      const _color = [Color(baseColors[index][1]).alpha(0).string(), Color(baseColors[index][0]).alpha(0.4).string()];
      return createLinearGradient(_color);
    };
    const option = merge(
      {
        color: colors,
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
          left: '3%',
          right: '3%',
        },
        tooltip: { ...baseChartConfig.tooltip },
        xAxis: {
          type: 'category',
          ...baseChartConfig.xAxis,
          data: xAxisData,
        },
        yAxis: yAxis.map((item, index) => ({
          ...baseChartConfig.yAxis,
          ...item,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
          nameTextStyle: {
            ...(baseChartConfig.yAxis as YAXisOption).nameTextStyle,
            padding: index === 0 ? [0, 40, 0, 0] : [0, 0, 0, 40],
          },
          splitLine: {
            ...(baseChartConfig.yAxis as YAXisOption).splitLine,
            show: index === 0 ? true : false,
          },
        })),
        series: seriesData.map((item, index) => {
          const data = item.data.map(ele => ({
            name: ele.name,
            value: ele.value ? +ele.value : 0,
            unit: yAxis[item.yAxisIndex]?.name,
          }));
          return {
            ...item,
            ...baseLineConfig,
            data,
            smooth: true,
            lineStyle: {
              width: 3,
              shadowBlur: 11,
              shadowColor: getColorsByIndex(index),
            },
            itemStyle: {
              borderColor: colors[index],
              borderWidth: 2,
            },
            emphasis: {
              lineStyle: {
                shadowBlur: 11,
                shadowColor: getColorsByIndex(index),
              },
            },
            areaStyle: {
              color: getAreaColorsByIndex(index),
              shadowColor: getColorsByIndex(index),
            },
          };
        }),
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        style={style}
        echarts={echarts}
        notMerge
        option={option}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/src/pictorial-bar/index.md
================================================
---
title: 象形柱状图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 象形柱状图

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| xAxisData | `true` | x 轴数据 | `any[]` |  |
| unit | `false` | 单位 | `string` |  |
| name | `false` | 图例名称 | `string` |  |
| data | `true` | 图表数据 | `(string \| number \| { name: string; value: string \| number; unit: string })[]` |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| autoLoop | `false` | 控制是否自动轮播 | `boolean` |  |
| duration | `false` | 自动轮播的时长 | `number` | `2000` |
| config | `false` | 自定义 Echarts 配置 | `ECOption` |  |
| inModal | `false` | 是否在弹窗内显示 | `boolean` | `false` |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean` | `true` |
| barColors | `false` | 自定义颜色 | `[string, string][]` |  |
| onEvents | `false` | 图表交互事件 | `Record<string, (params?: any) => void>` |  |
| renderer | `false` | 图表渲染器 | `canvas \| svg` | `canvas` |

## 效果图 1

<code src="../../example/PictorialBarDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/PictorialBarDemo/demo2.tsx" background="#040727">

## 效果图 3

<code src="../../example/PictorialBarDemo/demo3.tsx" background="#040727">

## 效果图 4 自动轮播

<code src="../../example/PictorialBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (轮播两次后停止)

<code src="../../example/PictorialBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (弹窗)

<code src="../../example/PictorialBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (手动控制图表轮播)

<code src="../../example/PictorialBarDemo/demo7.tsx" background="#040727">

## 效果图 8 (SVG 渲染器)

<code src="../../example/PictorialBarDemo/demo8.tsx" background="#040727">


================================================
FILE: packages/lego/src/pictorial-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  PictorialBarChart, // 系列类型的定义后缀都为 SeriesOption
  PictorialBarSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<PictorialBarSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, PictorialBarChart, CanvasRenderer, SVGRenderer]);

export interface PictorialBarProps {
  xAxisData: any[];
  name: string;
  unit?: string;
  data: (string | number | { name: string; value: string | number; unit: string })[];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  barColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 象形柱状图，对应figma柱状图7
 */
export default forwardRef<ReactEcharts, PictorialBarProps>(
  (
    {
      name,
      data,
      unit,
      xAxisData,
      style,
      autoLoop,
      duration = 2000,
      config,
      showYAxisLine = true,
      inModal = false,
      barColors = [],
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);

    const baseColors =
      barColors?.length > 0 && barColors?.length >= data?.length
        ? barColors
        : [
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary200,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const option = merge(
      {
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: { ...baseChartConfig.tooltip },
        xAxis: {
          type: 'category',
          data: xAxisData,
          ...baseChartConfig.xAxis,
        },
        yAxis: {
          name: unit,
          ...baseChartConfig.yAxis,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        series: [
          {
            name,
            type: 'pictorialBar',
            barCategoryGap: '-100%',
            symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
            data: data.map((item, index) => ({
              ...(typeof item === 'object' ? item : { value: item, unit }),
              itemStyle: {
                opacity: 0.5,
                color: colors[index],
              },
            })),
          },
        ],
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        echarts={echarts}
        option={option}
        style={style}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/src/progress/index.md
================================================
---
title: 进度条图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
  order: 5
---

# 进度条图

## API

| 属性     | 必填    | 说明                | 类型                                          | 默认值   |
| -------- | ------- | ------------------- | --------------------------------------------- | -------- |
| name     | `false` | 图例名称            | `string`                                      |          |
| data     | `true`  | 图表数据            | `{ name: string; value: number \| string }[]` |          |
| style    | `false` | 自定义样式          | `CSSProperties`                               |          |
| config   | `false` | 自定义 Echarts 配置 | `ECOption`                                    |          |
| inModal  | `false` | 是否在弹窗内显示    | `boolean`                                     | `false`  |
| onEvents | `false` | 图表交互事件        | `Record<string, (params?: any) => void>`      |          |
| renderer | `false` | 图表渲染器          | `canvas \| svg`                               | `canvas` |

## 效果图 1

<code src="../../example/ProgressDemo/demo1.tsx" background="#040727">

## 效果图 2 (弹窗)

<code src="../../example/ProgressDemo/demo2.tsx" background="#040727">

## 效果图 3 (SVG 渲染器)

<code src="../../example/ProgressDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/progress/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  BarChart, // 系列类型的定义后缀都为 SeriesOption
  BarSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  SingleAxisComponent,
  SingleAxisComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

import useBaseBarConfig from '../hooks/useBaseBarConfig';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<
  BarSeriesOption | TooltipComponentOption | GridComponentOption | SingleAxisComponentOption
>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, SingleAxisComponent, BarChart, CanvasRenderer, SVGRenderer]);

export interface ProgressProps {
  name: string;
  data: { name: string; value: number | string }[];
  style?: CSSProperties;
  config?: ECOption;
  inModal?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
  /** 显示模式： percentage百分比； normal数字 */
  mode: 'percentage' | 'normal';
}

/**
 * 进度条图，对应Figma其他图6
 */
export default forwardRef<ReactEcharts, ProgressProps>(
  (
    {
      name,
      data,
      style = { width: 300, height: 300 },
      config,
      inModal = false,
      mode = 'percentage',
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal);
    const baseBarConfig = useBaseBarConfig(inModal);

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
          left: '5%',
          right: '5%',
          top: 20,
          bottom: 0,
        },
        xAxis: {
          show: false,
        },
        yAxis: [
          {
            type: 'category',
            data,
            axisLine: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLabel: {
              show: false,
            },
            inverse: true,
          },
        ],
        series: [
          {
            name,
            type: 'bar',
            barWidth: 6,
            yAxisIndex: 0,
            data: data,
            z: 3,
            barCategoryGap: '30%',
            label: {
              ...baseBarConfig.label,
              offset: [-5, -3],
              position: 'insideBottomLeft',
              formatter: '{b}',
            },
            itemStyle: {
              color: createLinearGradient(theme.colors.primary50, false),
              borderRadius: 11,
            },
          },
          {
            name,
            type: 'bar',
            barWidth: 6,
            yAxisIndex: 0,
            barGap: '-100%',
            barCategoryGap: '30%',
            z: 2,
            silent: true,
            data: data.map(item => ({
              name: item.value + (mode === 'percentage' ? '%' : ''),
              value: mode === 'percentage' ? 100 : Math.max(...data.map(item => +item.value)) * 2.5,
            })),
            label: {
              ...baseBarConfig.label,
              position: 'insideBottomRight',
              offset: [5, -3],
              formatter: '{b}',
            },
            itemStyle: {
              color: createLinearGradient(theme.colors.primary100, false),
              borderRadius: 11,
            },
          },
          {
            name,
            type: 'scatter',
            data,
            yAxisIndex: 0,
            symbolSize: 10,
            itemStyle: {
              color: theme.colors.assist1000,
              opacity: 1,
              borderWidth: 0.5,
              borderColor: theme.colors.gray50,
            },
            z: 4,
          },
        ],
      },
      config
    );

    return (
      <ReactEcharts ref={ref} echarts={echarts} option={option} style={style} onEvents={onEvents} opts={{ renderer }} />
    );
  }
);


================================================
FILE: packages/lego/src/radar/index.md
================================================
---
title: 雷达图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 雷达图

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| seriesData | `true` | 图表数据 | `{ name: string; data: { name: string; unit: string; value: string }[] }[]` |  |
| indicatorData | `true` | 雷达指标数据 | `{ name: string; max: string; unit: string }[]` |  |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| config | `false` | 自定义 Echarts 配置 | `ECOption` |  |
| inModal | `false` | 是否在弹窗内显示 | `boolean` | `false` |
| radarColors | `false` | 自定义颜色 | `[string, string][]` |  |
| onEvents | `false` | 图表交互事件 | `Record<string, (params?: any) => void>` |  |
| renderer | `false` | 图表渲染器 | `canvas \| svg` | `canvas` |

## 效果图 1

<code src="../../example/RadarDemo/demo1.tsx" background="#040727">

## 效果图 2 (弹窗)

<code src="../../example/RadarDemo/demo2.tsx" background="#040727">

## 效果图 3 (SVG 渲染器)

<code src="../../example/RadarDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/radar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import Color from 'color';
import ReactEcharts from 'echarts-for-react';
import { RadarSeriesOption } from 'echarts/charts';
import { RadarComponent, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

type ECOption = echarts.ComposeOption<RadarSeriesOption | TooltipComponentOption>;

echarts.use([TooltipComponent, RadarComponent, CanvasRenderer, SVGRenderer]);

export type IndicatorItem = { name: string; unit: string; max: string };

export interface RadarProps {
  seriesData: { name: string; data: (number | string)[] }[];
  indicatorData: { name: string; max: string; unit: string }[];
  style?: CSSProperties;
  config?: ECOption;
  inModal?: boolean;
  radarColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/** 其他1-雷达图 */
export default forwardRef<ReactEcharts, RadarProps>(
  (
    {
      seriesData,
      indicatorData = [
        {
          name: ' ',
          max: 100,
        },
      ],
      style = { width: 500, height: 500 },
      config,
      inModal = false,
      radarColors = [],
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal);

    // 雷达图的底色（带层次感）
    const colors = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6]
      .reverse()
      .map(num => Color(theme.colors.assist200).alpha(num).string());

    const baseColors =
      radarColors?.length > 0 && radarColors?.length >= seriesData?.length
        ? radarColors
        : [theme.colors.primary50, theme.colors.primary300];

    const gradientColors = baseColors.map(item => createLinearGradient(item));

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
          icon: 'circle',
          data: seriesData.map(item => item.name),
        },
        tooltip: {
          show: true,
          trigger: 'item',
          appendToBody: false,
          padding: 0,
          borderWidth: 0,
          className: 'echarts-radar-tooltip',
          formatter: (params: any) => {
            const strs = params.data.map(
              (value: number, index: number) => `
                    <div>
                      ${params.marker}
                      ${indicatorData[index]?.name}： ${value} ${indicatorData[index]?.unit ?? ''}
                    </div>
                  `
            );
            return `
                  <div style="
                    background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                    border: 1px solid #017AFF;
                    color: #fff;
                    font-size: ${inModal ? '18px' : '14px'};
                    line-height: ${inModal ? '25px' : '22px'};
                    padding: 5px;
                    border-radius: 4px;
                  ">
                    <div>${params.seriesName}</div>
                    ${strs.join('')}
                  </div>
                `;
          },
        },
        radar: {
          center: ['50%', '50%'],
          radius: '70%',
          axisNameGap: 5,
          axisName: {
            formatter: (_: string, indicator: IndicatorItem) => {
              return `{a|${indicator.name ?? ''}}\n{a|${indicator.max}${indicator.unit ?? ''}}`;
            },
            rich: {
              a: {
                ...theme.typography[inModal ? 'p0' : 'p2'],
                color: theme.colors.gray50,
              },
            },
          },
          indicator: indicatorData,
          splitArea: {
            show: true,
            areaStyle: {
              color: colors,
            },
          },
          axisLine: {
            lineStyle: {
              color: theme.colors.assist50,
            },
          },
          splitLine: {
            show: false,
            lineStyle: {
              type: 'solid',
              color: theme.colors.assist200, // 分隔线颜色
              opacity: 0.2,
              width: 1, // 分隔线线宽
            },
          },
        },
        series: seriesData.map((item, index) => ({
          type: 'radar',
          name: item?.name,
          data: [item?.data],
          symbol: 'circle',
          symbolSize: 10,
          itemStyle: {
            color: gradientColors[index],
            opacity: 0.6,
          },
          areaStyle: {
            color: gradientColors[index],
            opacity: 0.3,
          },
          lineStyle: {
            type: 'dashed',
            width: 1,
            color: gradientColors[index],
          },
          emphasis: {
            lineStyle: {
              type: 'solid',
              width: 2,
              color: gradientColors[index],
            },
          },
        })),
      },
      config
    );

    return (
      <ReactEcharts ref={ref} style={style} echarts={echarts} option={option} onEvents={onEvents} opts={{ renderer }} />
    );
  }
);


================================================
FILE: packages/lego/src/registerShape.ts
================================================
import * as echarts from 'echarts/core';

export function registerCuboidShape() {
  // cube
  const CubeLeft = echarts.graphic.extendShape({
    shape: {
      x: 0,
      y: 0,
    },
    buildPath: function (ctx, shape) {
      const xAxisPoint = shape.xAxisPoint;
      const c0 = [shape.x, shape.y];
      const c1 = [shape.x - 9, shape.y - 9];
      const c2 = [xAxisPoint[0] - 9, xAxisPoint[1] - 9];
      const c3 = [xAxisPoint[0], xAxisPoint[1]];
      ctx.moveTo(c0[0], c0[1])!.lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath();
    },
  });
  const CubeRight = echarts.graphic.extendShape({
    shape: {
      x: 0,
      y: 0,
    },
    buildPath: function (ctx, shape) {
      const xAxisPoint = shape.xAxisPoint;
      const c1 = [shape.x, shape.y];
      const c2 = [xAxisPoint[0], xAxisPoint[1]];
      const c3 = [xAxisPoint[0] + 18, xAxisPoint[1] - 9];
      const c4 = [shape.x + 18, shape.y - 9];
      ctx.moveTo(c1[0], c1[1])!.lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
    },
  });
  const CubeTop = echarts.graphic.extendShape({
    shape: {
      x: 0,
      y: 0,
    },
    buildPath: function (ctx, shape) {
      const c1 = [shape.x, shape.y];
      const c2 = [shape.x + 18, shape.y - 9];
      const c3 = [shape.x + 9, shape.y - 18];
      const c4 = [shape.x - 9, shape.y - 9];
      ctx.moveTo(c1[0], c1[1])!.lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath();
    },
  });
  echarts.graphic.registerShape('CubeLeft', CubeLeft);
  echarts.graphic.registerShape('CubeRight', CubeRight);
  echarts.graphic.registerShape('CubeTop', CubeTop);
}

export function registerCylinderShape() {
  // cylinder
  const CylinderTop = echarts.graphic.extendShape({
    shape: {
      x: 0,
      y: 0,
    },
    buildPath: function (ctx, shape) {
      const { x, y, itemWidth } = shape;
      const c0 = [x + itemWidth / 2, y];

      const arc1 = [x, y + itemWidth / 2];
      const arc2 = [x, y - itemWidth / 2];

      ctx
        .moveTo(c0[0], c0[1])!
        .arc(arc1[0], arc1[1], (itemWidth / 2) * Math.sqrt(2), 1.25 * Math.PI, 1.75 * Math.PI, false)
        .arc(arc2[0], arc2[1], (itemWidth / 2) * Math.sqrt(2), 0.25 * Math.PI, 0.75 * Math.PI, false)
        .closePath();
    },
  });

  const CylinderBody = echarts.graphic.extendShape({
    shape: {
      x: 0,
      y: 0,
    },
    buildPath: function (ctx, shape) {
      const { x, y, xAxisPoint, itemWidth } = shape;

      const c0 = [x + itemWidth / 2, y];
      const c1 = [x - itemWidth / 2, y];
      const c2 = [xAxisPoint[0] - itemWidth / 2, xAxisPoint[1]];
      const c3 = [xAxisPoint[0] + itemWidth / 2, xAxisPoint[1]];

      const arc = [xAxisPoint[0], xAxisPoint[1] - itemWidth / 2];

      ctx
        .moveTo(c0[0], c0[1])!
        .lineTo(c1[0], c1[1])
        .lineTo(c2[0], c2[1])
        .arc(arc[0], arc[1], (itemWidth / 2) * Math.sqrt(2), 0.25 * Math.PI, 0.75 * Math.PI, false)
        .lineTo(c3[0], c3[1])
        .closePath();
    },
  });
  echarts.graphic.registerShape('CylinderTop', CylinderTop);
  echarts.graphic.registerShape('CylinderBody', CylinderBody);
}


================================================
FILE: packages/lego/src/scatter/index.md
================================================
---
title: 直角坐标系散点图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 直角坐标系散点图

## API

| 属性          | 必填    | 说明                  | 类型                                             | 默认值   |
| ------------- | ------- | --------------------- | ------------------------------------------------ | -------- |
| xAxisData     | `true`  | x 轴数据              | `any[]`                                          |          |
| unit          | `false` | 单位                  | `string`                                         |          |
| seriesData    | `true`  | 图表数据              | `{ name: string; data: (string \| number)[] }[]` |          |
| style         | `false` | 自定义样式            | `CSSProperties`                                  |          |
| autoLoop      | `false` | 控制是否自动轮播      | `boolean`                                        |          |
| duration      | `false` | 自动轮播的时长        | `number`                                         | `2000`   |
| config        | `false` | 自定义 Echarts 配置   | `ECOption`                                       |          |
| inModal       | `false` | 是否在弹窗内显示      | `boolean`                                        | `false`  |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean`                                        | `true`   |
| scatterColors | `false` | 自定义颜色            | `[string, string][]`                             |          |
| onEvents      | `false` | 图表交互事件          | `Record<string, (params?: any) => void>`         |          |
| renderer      | `false` | 图表渲染器            | `canvas \| svg`                                  | `canvas` |

## 效果图 1

<code src="../../example/ScatterDemo/demo1.tsx" background="#040727">

## 效果图 2 自动轮播

<code src="../../example/ScatterDemo/demo2.tsx" background="#040727">

## 效果图 3 (轮播两次后停止)

<code src="../../example/ScatterDemo/demo3.tsx" background="#040727">

## 效果图 4 (弹窗)

<code src="../../example/ScatterDemo/demo4.tsx" background="#040727">

## 效果图 5 (手动控制图表轮播)

<code src="../../example/ScatterDemo/demo5.tsx" background="#040727">

## 效果图 6 (SVG 渲染器)

<code src="../../example/ScatterDemo/demo6.tsx" background="#040727">


================================================
FILE: packages/lego/src/scatter/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  ScatterChart, // 系列类型的定义后缀都为 SeriesOption
  ScatterSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  SingleAxisComponent,
  SingleAxisComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createLinearGradient from '../utils/createLinearGradient';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<
  ScatterSeriesOption | TooltipComponentOption | GridComponentOption | SingleAxisComponentOption
>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, SingleAxisComponent, ScatterChart, CanvasRenderer, SVGRenderer]);

export interface ScatterProps {
  unit?: string;
  xAxisData: string[];
  seriesData: { name: string; data: (string | number)[] }[];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  scatterColors?: [string, string][];
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 直角坐标系散点图，对应Figma其他图7
 */
export default forwardRef<ReactEcharts, ScatterProps>(
  (
    {
      unit,
      xAxisData,
      seriesData,
      style,
      autoLoop,
      duration = 2000,
      config,
      inModal = false,
      showYAxisLine = true,
      scatterColors = [],
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);

    const baseColors =
      scatterColors?.length > 0 && scatterColors?.length >= seriesData?.length
        ? scatterColors
        : [
            theme.colors.primary50,
            theme.colors.primary100,
            theme.colors.primary200,
            theme.colors.primary300,
            theme.colors.primary400,
            theme.colors.primary500,
          ];

    const colors = baseColors.map(item => createLinearGradient(item));

    const option = merge(
      {
        color: colors,
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: { ...baseChartConfig.tooltip },
        xAxis: {
          ...baseChartConfig.xAxis,
          data: xAxisData,
        },
        yAxis: {
          ...baseChartConfig.yAxis,
          name: unit,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        series: seriesData.map(item => ({
          name: item.name,
          data: item.data,
          type: 'scatter',
          itemStyle: {
            opacity: 0.8,
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowOffsetY: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)',
          },
        })),
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        echarts={echarts}
        option={option}
        style={style}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/src/scroll-number/index.less
================================================
.container {
  color: #fff;

  .boxItem {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 32px;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    font-family: Roboto-Bold, Roboto;
  }

  .boxList {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease-in-out;

    & > div {
      text-align: center;
    }
  }

  .boxItem:last-child {
    margin-right: 0;
  }
}


================================================
FILE: packages/lego/src/scroll-number/index.md
================================================
---
title: 滚动数字
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 数字
---

# 数据展示

## API

| 属性           | 必填    | 说明             | 类型               | 默认值 |
| -------------- | ------- | ---------------- | ------------------ | ------ |
| value          | `true`  | 数字             | `string \| number` |        |
| containerStyle | `false` | 容器自定义样式   | `CSSProperties`    |        |
| itemStyle      | `false` | 数字自定义样式   | `CSSProperties`    |        |
| separatorStyle | `false` | 分隔符自定义样式 | `CSSProperties`    |        |

## 1 常规

<code src="../../example/ScrollNumberDemo/demo1.tsx" background="#040727">

## 2 动态改变数值

<code src="../../example/ScrollNumberDemo/demo2.tsx" background="#040727">

## 3 自定义样式

<code src="../../example/ScrollNumberDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/scroll-number/index.tsx
================================================
import React, { FC, useCallback, useEffect, useRef, useState } from 'react';

import './index.less';

export interface ScrollNumberProps {
  value: string | number;
  separatorStyle?: React.CSSProperties;
  containerStyle?: React.CSSProperties;
  itemStyle?: React.CSSProperties;
}

const ScrollNumber: FC<ScrollNumberProps> = ({ value, containerStyle, itemStyle, separatorStyle }) => {
  const numberItem = useRef<HTMLDivElement>(null);

  const [numStr, setNumStr] = useState(String(value));

  const width = itemStyle?.width || 18;
  const height = itemStyle?.height || 32;

  // 设置每一位数字的偏移
  const setNumberTransform = useCallback(() => {
    if (numberItem) {
      if (!numStr) {
        return;
      }
      const items = numberItem?.current?.children || [];
      const numberArr = numStr.split('');
      for (let index = 0; index < items.length; index++) {
        const elem = items[index].children[0] as HTMLElement;
        if (!elem) {
          continue;
        }
        elem.style.transform = `translate(0%, -${parseInt(numberArr[index]) * 10}%)`;
      }
    }
  }, [numStr]);

  useEffect(() => {
    setNumStr(String(value));
    requestAnimationFrame(() => {
      setNumberTransform();
    });
  }, [value, setNumberTransform]);

  return (
    <div style={containerStyle} className="container" ref={numberItem}>
      {numStr &&
        numStr.split('').map((item, index) => {
          if (item && isNaN(parseInt(item))) {
            return (
              <span style={separatorStyle} key={numStr + index}>
                {item}
              </span>
            );
          }
          return (
            <div key={numStr + index} className="boxItem" style={itemStyle}>
              <div className="boxList">
                {[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(item => {
                  return (
                    <div key={item} style={{ width, height, lineHeight: `${height}px` }}>
                      {item}
                    </div>
                  );
                })}
              </div>
            </div>
          );
        })}
    </div>
  );
};

export default ScrollNumber;


================================================
FILE: packages/lego/src/slice-bar/index.md
================================================
---
title: 叠片柱状图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 叠片柱状图

## API

| 属性          | 必填    | 说明                  | 类型                                            | 默认值   |
| ------------- | ------- | --------------------- | ----------------------------------------------- | -------- |
| xAxisData     | `true`  | x 轴数据              | `any[]`                                         |          |
| unit          | `false` | 单位                  | `string`                                        |          |
| name          | `false` | 图例名称              | `string`                                        |          |
| data          | `true`  | 图表数据              | `(number \| { name: string; value: number })[]` |
| style         | `false` | 自定义样式            | `CSSProperties`                                 |          |
| autoLoop      | `false` | 控制是否自动轮播      | `boolean`                                       |          |
| duration      | `false` | 自动轮播的时长        | `number`                                        | `2000`   |
| config        | `false` | 自定义 Echarts 配置   | `ECOption`                                      |          |
| inModal       | `false` | 是否在弹窗内显示      | `boolean`                                       | `false`  |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean`                                       | `true`   |
| onEvents      | `false` | 图表交互事件          | `Record<string, (params?: any) => void>`        |          |
| renderer      | `false` | 图表渲染器            | `canvas \| svg`                                 | `canvas` |

## 效果图 1

<code src="../../example/SliceBarDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/SliceBarDemo/demo2.tsx" background="#040727">

## 效果图 3 自动轮播

<code src="../../example/SliceBarDemo/demo3.tsx" background="#040727">

## 效果图 4 (轮播两次后停止)

<code src="../../example/SliceBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (弹窗)

<code src="../../example/SliceBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (手动控制图表轮播)

<code src="../../example/SliceBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (SVG 渲染器)

<code src="../../example/SliceBarDemo/demo7.tsx" background="#040727">


================================================
FILE: packages/lego/src/slice-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  PictorialBarChart, // 系列类型的定义后缀都为 SeriesOption
  PictorialBarSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  SingleAxisComponent,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useTheme from '../hooks/useTheme';
import createSliceSeries from '../utils/createSliceSeries';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<PictorialBarSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, SingleAxisComponent, PictorialBarChart, CanvasRenderer, SVGRenderer]);

export interface SliceBarProps {
  unit?: string;
  xAxisData: any[];
  name?: string;
  max: number;
  data: (number | string)[];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 片状体柱状图，对应figma柱状图3
 */
export default forwardRef<ReactEcharts, SliceBarProps>(
  (
    {
      unit,
      max,
      xAxisData,
      name,
      data,
      style,
      autoLoop,
      duration = 2000,
      config,
      inModal = false,
      showYAxisLine = true,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
          formatter: function (params: any) {
            const str = `
            <div style="display: flex; align-items: center;">
              <div style="
                width: 7px;
                height: 7px;
                background: linear-gradient(180deg, ${params[0]?.color?.colorStops?.[0]?.color} 0%, ${params[0]?.color
                  ?.colorStops?.[1]?.color} 100%);
                margin-right: 4px;
                border-radius: 7px;
              "></div>
              ${params[0]?.seriesName}：${params[0]?.data?.value || params[0]?.data} ${
                unit ?? params[0]?.data?.unit ?? ''
              }
            </div>
          `;

            return `
                <div style="
                  background: linear-gradient(180deg, rgba(18, 81, 204, 0.9) 0%, rgba(12, 49, 117, 0.9) 100%);
                  border: 1px solid #017AFF;
                  color: #fff;
                  font-size: ${inModal ? '18px' : '14px'};
                  line-height: ${inModal ? '25px' : '22px'};
                  padding: 5px;
                  border-radius: 6px;
                ">
                  <div>${params[0]?.name}</div>
                  ${str}
                </div>
              `;
          },
        },
        xAxis: {
          type: 'category',
          data: xAxisData,
          ...baseChartConfig.xAxis,
        },
        yAxis: {
          name: unit,
          ...baseChartConfig.yAxis,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        series: createSliceSeries(theme, { name: name ?? '', data }, max),
      },
      config
    );

    return (
      <ReactEcharts
        ref={echartsRef}
        echarts={echarts}
        option={option}
        style={style}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/src/stack-bar/index.md
================================================
---
title: 堆叠圆柱图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 柱状图
---

# 堆叠圆柱图

## API

| 属性          | 必填    | 说明                  | 类型                                     | 默认值   |
| ------------- | ------- | --------------------- | ---------------------------------------- | -------- |
| xAxisData     | `true`  | x 轴数据              | `any[]`                                  |          |
| unit          | `false` | 单位                  | `string`                                 |          |
| seriesData    | `true`  | 图表数据              | `{ name: string; data: number[] }[]`     |          |
| seriesColor   | `false` | 图表颜色              | `[[string, string], [string, string]]`   |          |
| style         | `false` | 自定义样式            | `CSSProperties`                          |          |
| autoLoop      | `false` | 控制是否自动轮播      | `boolean`                                |          |
| duration      | `false` | 自动轮播的时长        | `number`                                 | `2000`   |
| config        | `false` | 自定义 Echarts 配置   | `ECOption`                               |          |
| inModal       | `false` | 是否在弹窗内显示      | `boolean`                                | `false`  |
| showYAxisLine | `false` | 控制是否显示 y 轴的线 | `boolean`                                | `true`   |
| onEvents      | `false` | 图表交互事件          | `Record<string, (params?: any) => void>` |          |
| renderer      | `false` | 图表渲染器            | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example/StackBarDemo/demo1.tsx" background="#040727">

## 效果图 2 (自定义颜色)

<code src="../../example/StackBarDemo/demo2.tsx" background="#040727">

## 效果图 3 (自动轮播)

<code src="../../example/StackBarDemo/demo3.tsx" background="#040727">

## 效果图 4 (轮播两次后停止)

<code src="../../example/StackBarDemo/demo4.tsx" background="#040727">

## 效果图 5 (弹窗)

<code src="../../example/StackBarDemo/demo5.tsx" background="#040727">

## 效果图 6 (手动控制图表轮播)

<code src="../../example/StackBarDemo/demo6.tsx" background="#040727">

## 效果图 7 (显示背景图)

<code src="../../example/StackBarDemo/demo7.tsx" background="#040727">

## 效果图 8 (SVG 渲染器)

<code src="../../example/StackBarDemo/demo8.tsx" background="#040727">


================================================
FILE: packages/lego/src/stack-bar/index.tsx
================================================
import React, { CSSProperties, forwardRef } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import {
  CustomChart, // 系列类型的定义后缀都为 SeriesOption
  CustomSeriesOption,
} from 'echarts/charts';
import {
  // 组件类型的定义后缀都为 ComponentOption
  GridComponent,
  GridComponentOption,
  TooltipComponent,
  TooltipComponentOption,
} from 'echarts/components';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { TooltipOption, YAXisOption } from 'echarts/types/dist/shared';
import { merge } from 'lodash-es';

import useBaseBarConfig from '../hooks/useBaseBarConfig';
import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useChartLoop from '../hooks/useChartLoop';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import createStackSeries from '../utils/createStackSeries';

// 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
type ECOption = echarts.ComposeOption<CustomSeriesOption | TooltipComponentOption | GridComponentOption>;

// 注册必须的组件
echarts.use([TooltipComponent, GridComponent, CustomChart, CanvasRenderer, SVGRenderer]);

export interface StackBarProps {
  xAxisData: string[];
  unit?: string;
  seriesData: { name: string; data: (number | string)[] }[];
  seriesColor?: [[string, string], [string, string]];
  style?: CSSProperties;
  /** 控制是否自动轮播 */
  autoLoop?: boolean;
  /** 自动轮播的时长，默认为2s */
  duration?: number;
  config?: ECOption;
  inModal?: boolean;
  /** 控制是否显示y轴的线，默认显示 */
  showYAxisLine?: boolean;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 带阴影柱状堆叠图，对应figma柱状图2
 */
export default forwardRef<ReactEcharts, StackBarProps>(
  (
    {
      xAxisData,
      seriesData,
      seriesColor,
      unit,
      style,
      autoLoop,
      duration = 2000,
      config,
      inModal = false,
      showYAxisLine = true,
      onEvents,
      renderer = 'canvas',
    },
    ref
  ) => {
    const theme = useTheme();
    const baseBarConfig = useBaseBarConfig(inModal);
    const baseChartConfig = useBaseChartConfig(inModal, unit);
    const echartsRef = useChartLoop(ref, xAxisData, autoLoop, duration);
    const { style: modifiedStyle } = useStyle(style);

    const chartColor = seriesColor || [theme.colors.primary50, theme.colors.primary300];
    const totalData: number[] = [];
    for (let i = 0; i < xAxisData.length; i++) {
      const element = +seriesData[0].data[i] + +seriesData[1].data[i];
      totalData.push(element);
    }

    const option = merge(
      {
        legend: {
          ...baseChartConfig.legend,
        },
        grid: {
          ...baseChartConfig.grid,
        },
        tooltip: {
          ...baseChartConfig.tooltip,
          axisPointer: {
            ...(baseChartConfig.tooltip as TooltipOption).axisPointer,
            type: 'shadow',
          },
        },
        xAxis: {
          type: 'category',
          data: xAxisData,
          ...baseChartConfig.xAxis,
        },
        yAxis: {
          name: unit,
          ...baseChartConfig.yAxis,
          axisLine: {
            ...(baseChartConfig.yAxis as YAXisOption).axisLine,
            show: showYAxisLine,
          },
        },
        series: createStackSeries(chartColor, baseBarConfig, seriesData, totalData, unit),
      },
      config
    );

    return (
      <div style={modifiedStyle}>
        <ReactEcharts
          ref={echartsRef}
          echarts={echarts}
          option={option}
          style={{ width: modifiedStyle.width, height: modifiedStyle.height }}
          onEvents={onEvents}
          opts={{ renderer }}
        />
      </div>
    );
  }
);


================================================
FILE: packages/lego/src/style/index.less
================================================
@font-face {
  font-family: 'PangMenZhengDao-3';
  src: url('./font/pmzd.otf');
}


================================================
FILE: packages/lego/src/swiper/index.less
================================================
.td-lego-swiper-container {
  width: 100%;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;

  .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    transition: 300ms;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }

  .swiper-button-prev,
  .swiper-button-next {
    color: #00b7fa;
  }

  .swiper-pagination-bullet {
    background-color: #fff;
  }

  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px;
  }
}


================================================
FILE: packages/lego/src/swiper/index.md
================================================
---
title: 轮播图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 轮播图

## API

| 属性           | 必填    | 说明                               | 类型               | 默认值 |
| -------------- | ------- | ---------------------------------- | ------------------ | ------ |
| imgs           | `false` | 需要轮播的图片                     | `string[]`         |        |
| list           | `false` | 解决除图片轮播之外的情况           | `ReactNode[]`      |        |
| style          | `false` | img 的样式，主要为宽度和高度       | `CSSProperties`    |        |
| autoplay       | `false` | 是否自动播放，delay 为切换速度(ms) | `{delay: number;}` |        |
| imgNumPerSlide | `false` | 每次轮播时展示几张图片             | `number`           |        |
| pagination     | `false` | 分页器配置                         | `any`              |        |

## 效果图 1

<code src="../../example/SwiperDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/SwiperDemo/demo2.tsx" background="#040727">

## 效果图 3

<code src="../../example/SwiperDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/swiper/index.tsx
================================================
import React, { forwardRef, ReactNode, useImperativeHandle } from 'react';

import { Autoplay, Pagination } from 'swiper';
import 'swiper/css/pagination';
import { Swiper, SwiperSlide, useSwiper } from 'swiper/react';
import 'swiper/swiper.min.css';

import './index.less';

export interface CustomSwiperProps {
  /** 需要轮播的图片 */
  imgs?: string[];
  /** img的样式，主要为宽度和高度 */
  style?: React.CSSProperties;
  /** 是否自动播放，delay为切换速度(ms) */
  autoplay?: {
    delay: number;
  };
  /** 每次轮播时展示几张图片 */
  imgNumPerSlide?: number;
  /** 解决除图片轮播之外的情况 */
  list?: ReactNode[];
  /** 分页器 */
  pagination?: any;
}

const CustomSwiper = forwardRef<any, CustomSwiperProps>(
  ({ imgs = [], style, imgNumPerSlide = 1, autoplay, list = [], pagination }, ref) => {
    const auto = autoplay?.delay ? { pauseOnMouseEnter: true, disableOnInteraction: false, ...autoplay } : false;
    const paddingBottom = pagination === false ? 0 : 40;

    const swiperInstance = useSwiper();

    useImperativeHandle(ref, () => {
      return {
        enable() {
          swiperInstance.enable();
        },
        disable() {
          swiperInstance.disable();
        },
        slideNext() {
          swiperInstance.slideNext();
        },
        slidePrev() {
          swiperInstance.slidePrev();
        },
        slideReset() {
          swiperInstance.slideReset();
        },
        slideTo(index: number, speed?: number) {
          swiperInstance.slideTo(index, speed);
        },
      };
    });

    return (
      <div className="td-lego-swiper-container">
        {imgs.length > 0 || list.length > 0 ? (
          <Swiper
            modules={[Pagination, Autoplay]}
            spaceBetween={0}
            slidesPerView={imgNumPerSlide}
            slidesPerGroup={imgNumPerSlide}
            loop
            pagination={pagination === false ? false : { clickable: true, ...pagination }}
            autoplay={auto}
            initialSlide={0}
          >
            {imgs.length > 0
              ? imgs.map((item, index) => (
                  <SwiperSlide key={index}>
                    <img
                      src={item}
                      key={index}
                      style={{
                        width: 692,
                        height: 297,
                        paddingBottom,
                        ...style,
                      }}
                    />
                  </SwiperSlide>
                ))
              : list.map((ele, index) => (
                  <SwiperSlide key={index} style={{ paddingBottom, ...style }}>
                    {ele}
                  </SwiperSlide>
                ))}
          </Swiper>
        ) : null}
      </div>
    );
  }
);

export default CustomSwiper;


================================================
FILE: packages/lego/src/table/index.less
================================================
.td-lego-table-container {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 8px;

  .table-view {
    padding: 3px;
    background-size: 100% 100%;
    height: 100%;

    .td-lego-table-header {
      width: 100%;
      height: 36px;
      color: #fff;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    .td-lego-table-waybill-table {
      width: 100%;
      color: #fff;

      .table-swiper {
        min-height: 30px;
        overflow: hidden;
      }
    }

    .td-lego-table-content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      /** 100% */
      height: 100%;

      .text {
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}

.waybill-table::-webkit-scrollbar {
  width: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: rgba(126, 112, 112, 0.1);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1);
}


================================================
FILE: packages/lego/src/table/index.md
================================================
---
title: 表格
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 表格

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| columns | `true` | 列数据 | `Column[]` |  |
| data | `true` | 数据源 | `T[]` |  |
| height | `false` | 除了表头的表格内容高度, 如果不填默认撑满父组件 | `number` | `calc(100% - 36px)` |
| pageSize | `true` | 每屏显示几条数据 | `number` |  |
| speed | `false` | 速度（ms） | `number` |  |
| autoplay | `false` | 自动轮播, 注：pageSize必须小于等于数量的一半才能自动轮播 | `boolean` |  |
| inModal | `false` | 是否在弹窗中 | `boolean` |  |
| colors | `false` | 自定义颜色 | `[string, string] \| [string, string, string]` |  |
| headerClass | `false` | 表头的类 | `string` |  |
| contentClass | `false` | 内容的类 | `string` |  |

```ts
type Column<T> = {
  title: string;
  dataIndex: string;
  id?: number | string;
  width?: number;
  // 使用flex计算宽度 优先级比width高
  flex?: number;
  // 文本对齐方式
  textAlign?: 'center' | 'left' | 'right';
  render?: (data: T) => ReactElement;
};
```

## 默认效果

<code src="../../example/TableDemo/demo1.tsx" background="#040727">

## 弹窗内 Table

<code src="../../example/TableDemo/demo2.tsx" background="#040727">

## 修改 Table 的渲染颜色

<code src="../../example/TableDemo/demo3.tsx" background="#040727">

## 自定义渲染函数

<code src="../../example/TableDemo/demo4.tsx" background="#040727">

## 不滚动并自定义高度

<code src="../../example/TableDemo/demo5.tsx" background="#040727">

## flex 控制列宽度

<code src="../../example/TableDemo/demo6.tsx" background="#040727">


================================================
FILE: packages/lego/src/table/index.tsx
================================================
import React, { memo, PropsWithChildren, ReactElement } from 'react';

import classnames from 'classnames';
import { isEmpty } from 'lodash-es';
import { Autoplay } from 'swiper';
import 'swiper/css/pagination';
import { Swiper, SwiperSlide } from 'swiper/react';

import useTheme from '../hooks/useTheme';
import './index.less';

export type TextAlign = 'center' | 'left' | 'right';

export type Column<T = any> = {
  title: string;
  dataIndex: string;
  id?: number | string;
  width?: number;
  flex?: number;
  /** 文字对齐方式 */
  textAlign?: TextAlign;
  render?: (data: T, index: number) => ReactElement;
};

export type CustomTableProps<T> = {
  /** 列数据 */
  columns: Column<T>[];
  /** 数据源 */
  data: T[];
  /** 容器高度 */
  height?: number;
  /** 每屏显示几条数据 */
  pageSize: number;
  /** 速度（ms） */
  speed?: number;
  /** 自动轮播 */
  autoplay?: boolean;
  /** 是否在弹窗中 */
  inModal?: boolean;
  /** 背景颜色 */
  colors?: [string, string] | [string, string, string];
  /** 表头的类 */
  headerClass?: string;
  /** 内容的class */
  contentClass?: string;
};

function Table<T extends Record<string, any>>({
  columns = [],
  data = [],
  height = 0,
  pageSize = 1,
  speed = 1000,
  autoplay = true,
  inModal = false,
  colors = ['rgba(51, 64, 146, 1)', 'rgba(35, 40, 129, 1)'],
  headerClass,
  contentClass,
}: CustomTableProps<T>) {
  const theme = useTheme();

  const cellStyle = ({ width, flex }: { width: number | string; flex?: number }) => {
    if (flex) {
      return { flex };
    }

    return { width };
  };

  const slidesPerViewParams = pageSize > data.length ? data.length : pageSize;

  const bgHeight: string = height
    ? `${(height / slidesPerViewParams) * 2}px`
    : `calc(100% / ${slidesPerViewParams / 2})`;

  return (
    <div className="td-lego-table-container">
      <div style={{ width: '100%', height: '100%' }}>
        <div className="table-view">
          <div
            className={classnames('td-lego-table-header', headerClass)}
            style={{ backgroundColor: colors?.[2] ?? colors?.[1] }}
          >
            {!isEmpty(columns) && (
              <div className="td-lego-table-content">
                {columns.map(item => {
                  return (
                    <div
                      className="text"
                      key={item.id}
                      style={{
                        ...theme.typography[inModal ? 'p0' : 'p2'],
                        lineHeight: inModal ? '25px' : '19px',
                        textAlign: 'center',
                        ...cellStyle({
                          width: item.width || `${100 / columns?.length}%`,
                          flex: item.flex,
                        }),
                      }}
                    >
                      {item.title}
                    </div>
                  );
                })}
              </div>
            )}
          </div>
          <div
            className={classnames('td-lego-table-waybill-table', contentClass)}
            style={{
              // 如果直接设置background，切换colors会报错（background和backgroundSize属性冲突）
              backgroundImage: `linear-gradient( ${colors[0]} 50%, ${colors[1]} 0)`,
              backgroundSize: `100% ${bgHeight}`,
              height: `${height === 0 ? 'calc(100% - 36px)' : height}`,
              overflow: autoplay ? 'hidden' : 'auto',
            }}
          >
            {!isEmpty(data) && !isEmpty(columns) && (
              <Container
                {...{
                  height: `${height ? height + 'px' : '100%'}`,
                  pageSize: slidesPerViewParams,
                  speed,
                  autoplay,
                }}
              >
                {data.map((item, index) => {
                  return (
                    <SwiperSlide key={index}>
                      <div
                        className="td-lego-table-content"
                        style={{
                          ...theme.typography[inModal ? 'p0' : 'p2'],
                          lineHeight: inModal ? '25px' : '19px',
                        }}
                      >
                        {columns.map((term, idx) => {
                          return (
                            <div
                              key={term.id}
                              className="text"
                              style={{
                                ...cellStyle({
                                  width: term.width || `${100 / columns?.length}%`,
                                  flex: term.flex,
                                }),
                                textAlign: term.textAlign || 'center',
                              }}
                            >
                              {term.render ? term.render(item, index) : item?.[term.dataIndex]}
                            </div>
                          );
                        })}
                      </div>
                    </SwiperSlide>
                  );
                })}
              </Container>
            )}
          </div>
        </div>
      </div>
    </div>
  );
}

const Container = memo(
  ({
    height,
    pageSize,
    autoplay,
    speed,
    children,
  }: PropsWithChildren<{
    height: string | number;
    pageSize: number;
    autoplay: boolean;
    speed: number;
  }>) => {
    return (
      <Swiper
        direction={'vertical'}
        modules={[Autoplay]}
        slidesPerView={pageSize}
        spaceBetween={0}
        loop
        autoplay={
          autoplay
            ? {
                delay: speed,
                disableOnInteraction: false,
                pauseOnMouseEnter: true,
              }
            : false
        }
        style={{ height }}
      >
        {children}
      </Swiper>
    );
  }
);

export default Table;


================================================
FILE: packages/lego/src/text-scroll/index.less
================================================
.td-lego-text-scroll-list {
  padding-bottom: 1px;
  &:hover {
    animation-play-state: paused !important;
  }
}


================================================
FILE: packages/lego/src/text-scroll/index.md
================================================
---
title: 文字滚动
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 文字滚动

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| texts | `true` | 文字数组 | `string[]` |  |
| scrollSpeed | `false` | 滚动速度，通过时间控制，单位 s | `number` | `5` |
| delay | `false` | 文字滚动的延迟时间，单位 s | `number` | `2` |
| textStyle | `false` | 文字的样式 | `CSSProperties` |  |
| contentStyle | `false` | 内容的样式，主要用于设置文字滚动的高度, 高度最好设置为数据 \* 单个数据的高度，可以实现无缝轮播 | `CSSProperties` |  |
| inModal | `false` | 是否在弹窗中 | `boolean` | `false` |

## 效果图 1

<code src="../../example/TextScrollDemo/demo1.tsx" background="#040727">

## 效果图 2

<code src="../../example/TextScrollDemo/demo2.tsx" background="#040727">

## 效果图 3 (弹窗)

<code src="../../example/TextScrollDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/text-scroll/index.tsx
================================================
import React, { CSSProperties, useEffect } from 'react';

import useTheme from '../hooks/useTheme';
import './index.less';

export interface TextScrollProps {
  texts: string[];
  /** 滚动速度，通过时间控制，单位s */
  scrollSpeed?: number;
  /** 文字滚动的延迟时间，单位s */
  delay?: number;
  /** 文字的样式 */
  textStyle?: CSSProperties;
  /** 内容的样式，主要用于设置文字滚动的高度 */
  contentStyle?: CSSProperties;
  /** 在弹窗中 */
  inModal?: boolean;
}

export default ({
  texts = [],
  textStyle,
  scrollSpeed = 5,
  delay = 2,
  contentStyle,
  inModal = false,
}: TextScrollProps) => {
  const theme = useTheme();

  useEffect(() => {
    if (texts.length > 0) {
      const node = document.getElementById('list');
      const runKeyframes = `
        @keyframes scroll {
          0% {
            transform: translateY(0);
          }
          100% {
            transform: translateY(-50%);
          }
        }`;
      const style = document.createElement('style');
      style.innerHTML = runKeyframes;
      node?.appendChild(style);
    }
  }, [texts]);

  const lineHeight = inModal ? 25 : 19;
  /** 两组数据解决轮播后面会空白的问题 */
  const textList = [...texts, ...texts];
  const content = textList?.map((item: string, index: number) => (
    <div
      key={index}
      style={
        {
          color: theme.colors.gray50,
          ...theme.typography[inModal ? 'p0' : 'p2'],
          lineHeight: `${lineHeight}px`,
          textIndent: '2em',
          wordSpacing: -0.7,
          marginBottom: 7,
          ...textStyle,
        } as CSSProperties
      }
      dangerouslySetInnerHTML={{ __html: decodeHTML(item) }}
    ></div>
  ));

  return (
    <div style={{ height: lineHeight * texts?.length, overflow: 'hidden', ...contentStyle }}>
      <div
        id="list"
        style={{
          animation: `scroll ${scrollSpeed}s ${delay}s linear infinite`,
        }}
        className="td-lego-text-scroll-list"
      >
        {content}
      </div>
    </div>
  );
};

const decodeHTML = (text: string) => {
  if (!text) return '';
  const temp = document.createElement('div');
  temp.innerHTML = text;
  const output = temp.innerText || temp.textContent;
  return output || '';
};


================================================
FILE: packages/lego/src/theme.ts
================================================
import createLinearGradient from './utils/createLinearGradient';

const theme = {
  typography: {
    h0: {
      fontSize: 48,
      lineHeight: 55,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'PangMenZhengDao-3',
    },
    h1: {
      fontSize: 38,
      lineHeight: 45,
      fontWeight: 'bold',
      fontStyle: 'normal',
      fontFamily: 'Roboto',
    },
    h2: {
      fontSize: 32,
      lineHeight: 37,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'PangMenZhengDao-3',
    },
    h3: {
      fontSize: 24,
      lineHeight: 27,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'PangMenZhengDao-3',
    },
    h4: {
      fontSize: 20,
      lineHeight: 23,
      fontWeight: 'bold',
      fontStyle: 'normal',
      fontFamily: 'Roboto',
    },
    h5: {
      fontSize: 18,
      lineHeight: 21,
      fontWeight: 'bold',
      fontStyle: 'normal',
      fontFamily: 'Roboto',
    },
    p0: {
      fontSize: 18,
      lineHeight: 25,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'Alibaba PuHuiTi',
    },
    p1: {
      fontSize: 16,
      lineHeight: 22,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'Alibaba PuHuiTi',
    },
    p2: {
      fontSize: 14,
      lineHeight: 19,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'Alibaba PuHuiTi',
    },
    p3: {
      fontSize: 12,
      lineHeight: 16,
      fontWeight: 'normal',
      fontStyle: 'normal',
      fontFamily: 'Alibaba PuHuiTi',
    },
  },
  colors: {
    primary50: ['#3FA4FF', '#60F5FF'],
    primary100: ['#413ED6', '#728DED'],
    primary200: ['#46E081', '#0DFFB7'],
    primary300: ['#FEB01E', '#F2F756'],
    primary400: ['#FF3657', '#FF72A6'],
    primary500: ['#A13ED6', '#CF72ED'],
    func50: '#FF4D4D',
    gray50: '#ffffff',
    gray100: '#cccccc',
    gray200: 'rgba(255,255,255,0.15)',
    assist50: createLinearGradient(['#24689E', '#1C3D62']),
    assist100: '#CC9F08',
    assist200: '#85C5FF',
    assist300: createLinearGradient(['rgba(13, 255, 187, 0)', 'rgba(70, 224, 129, 0.4)']),
    assist400: createLinearGradient(['rgba(63, 164, 255, 0)', 'rgba(96, 154, 255, 0.4)']),
    assist500: '#1968FF',
    assist600: '#47FFC6',
    assist700: '#00ABFF',
    assist800: '#FDB522',
    assist900: createLinearGradient(['#FEB01E', '#ECD542'], false),
    assist1000: '#50DFFF',
    assist1100: createLinearGradient(['#3BFFBA', '#0F2623'], false),
  },
} as any;

export default theme;
export type Theme = typeof theme;


================================================
FILE: packages/lego/src/three-dimensional-pie/index.less
================================================
.td-lego-3d-pie {
  position: relative;

  .td-lego-3d-pie-text-wrap {
    position: absolute;
    color: #fff;
    left: 39%;
    top: 40%;
    z-index: 999;

    .td-lego-3d-pie-title {
      text-align: center;
      font-family: Roboto;
      font-size: 38px;
      font-style: normal;
      font-weight: 700;
      line-height: 38px;
    }

    .td-lego-3d-pie-text {
      font-family: Alibaba PuHuiTi;
      text-align: center;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
    }
  }
}

================================================
FILE: packages/lego/src/three-dimensional-pie/index.md
================================================
---
title: 3D立体饼图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 饼图
---

# 3D 立体饼图

## API

| 属性        | 必填    | 说明             | 类型                                     | 默认值  |
| ----------- | ------- | ---------------- | ---------------------------------------- | ------- |
| seriesData  | `true`  | 图表数据         | `{ name: string; value: string }[]`      |         |
| style       | `false` | 自定义样式       | `CSSProperties`                          |         |
| barConfig   | `false` | 3D 饼图纵向配置  | `ECOption`                               |         |
| pieConfig   | `false` | 3D 饼图配置      | `ECOption`                               |         |
| autoLoop    | `false` | 是否自动切换     | `boolean`                                |         |
| isFlat      | `false` | 是否扁平         | `boolean`                                | `true`  |
| loopSpeed   | `false` | 切换速度         | `number`                                 | `2000`  |
| coefficient | `false` | 高度系数         | `number`                                 | `1`     |
| pieColors   | `false` | 自定义颜色       | `string[]`                               |         |
| showTitle   | `false` | 是否显示中心标题 | `boolean`                                | `false` |
| titleStyle  | `false` | 中心标题的样式   | `CSSProperties`                          |         |
| onEvents    | `false` | 自定义事件       | `Record<string, (params?: any) => void>` |         |

## 基本效果

<code src="../../example/ThreeDimensionalPieDemo/demo1.tsx" background="#040727">

## 根据数量有高低

<code src="../../example/ThreeDimensionalPieDemo/demo2.tsx" background="#040727">

## 弹窗效果

<code src="../../example/ThreeDimensionalPieDemo/demo3.tsx" background="#040727">


================================================
FILE: packages/lego/src/three-dimensional-pie/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import 'echarts-gl';
import { PieChart, PieSeriesOption } from 'echarts/charts';
import { GraphicComponent, GraphicComponentOption, TooltipComponent, TooltipComponentOption } from 'echarts/components';
import { merge } from 'lodash-es';

import useBaseChartConfig from '../hooks/useBaseChartConfig';
import useBasePieConfig from '../hooks/useBasePieConfig';
import useEchartsRef from '../hooks/useEchartsRef';
import { useRAF } from '../hooks/useRAF';
import useStyle from '../hooks/useStyle';
import useTheme from '../hooks/useTheme';
import './index.less';

type ECOption = echarts.ComposeOption<PieSeriesOption | TooltipComponentOption | GraphicComponentOption>;

echarts.use([TooltipComponent, PieChart, GraphicComponent]);

const BAR_WIDTH_COEFFICIENT = 0.6;

export interface ThreeDimensionalPieProps {
  seriesData: { name: string; value: string | number }[];
  style?: CSSProperties;
  barConfig?: ECOption;
  pieConfig?: ECOption;
  autoLoop?: boolean;
  isFlat?: boolean;
  loopSpeed?: number;
  inModal?: boolean;
  onEvents?: Record<string, (params?: any) => void>;
  coefficient?: number;
  pieColors?: string[];
  showTitle?: boolean;
  titleStyle?: CSSProperties;
}

/** 3D立体饼图-对应Figma饼图2 */
export default forwardRef<ReactEcharts, ThreeDimensionalPieProps>(
  (
    {
      seriesData,
      style,
      autoLoop,
      loopSpeed = 2000,
      barConfig,
      pieConfig,
      isFlat = true,
      inModal = false,
      pieColors = [],
      onEvents,
      coefficient = 1,
      showTitle = false,
      titleStyle,
    },
    ref
  ) => {
    const { ref: echartsRef, getInstance } = useEchartsRef(ref);
    const { raf } = useRAF();
    const theme = useTheme();
    const basePieConfig = useBasePieConfig(inModal);
    const baseChartConfig = useBaseChartConfig();
    const { style: modifiedStyle } = useStyle(style);

    const colors =
      pieColors?.length > 0 && pieColors.length >= seriesData?.length
        ? pieColors
        : [
            theme.colors.primary50[0],
            theme.colors.primary100[0],
            theme.colors.primary200[0],
            theme.colors.primary300[0],
            theme.colors.primary400[0],
            theme.colors.primary500[0],
          ];

    const len = seriesData?.length || 0;

    const [index, setIndex] = useState(0);
    const [hoveredIndex, setHoveredIndex] = useState<string>('');

    // 生成数据
    const generateData = useCallback(
      (props: { option: any; hoveredIndex?: any; seriesIndex?: string; kCondition?: number; upCondition?: number }) => {
        const { option, hoveredIndex, kCondition = 1, upCondition = 1 } = props;
        if (!option?.series) {
          return;
        }
        const isHovered = hoveredIndex !== '' ? false : true;

        // 准备重新渲染扇形所需的参数
        const isSelected = option.series[hoveredIndex]?.pieStatus?.selected;
        const startRatio = option.series[hoveredIndex]?.pieData?.startRatio;
        const endRatio = option.series[hoveredIndex]?.pieData?.endRatio;
        const k = option.series[hoveredIndex]?.pieStatus?.k;

        const value =
          option.series[hoveredIndex] && option.series[hoveredIndex].pieData
            ? option.series[hoveredIndex].pieData.value
            : 30;
        // 对当前点击的扇形，执行取消高亮操作（对 option 更新）
        option.series[hoveredIndex].parametricEquation = getParametricEquation(
          startRatio,
          endRatio,
          isSelected,
          isHovered,
          k * kCondition,
          generate3DHeight(isFlat, value, upCondition * coefficient)
        );

        if (option?.series[hoveredIndex]?.pieStatus) {
          option.series[hoveredIndex].pieStatus.hovered = isHovered;
        }
      },
      [coefficient, isFlat]
    );

    const total = seriesData
      .map(item => +item.value)
      .reduce((value: number, total: number) => {
        return value + total;
      }, 0);

    const newData = seriesData.map((item, index: number) => {
      let value = +item.value / total;
      value = Math.ceil(value * 100);
      return { name: item.name, value, itemStyle: { color: colors[index] } };
    });

    const option = getPie3D(
      barConfig,
      pieConfig,
      theme,
      basePieConfig,
      baseChartConfig,
      newData,
      0.7,
      isFlat,
      inModal,
      coefficient
    );

    const updateData = useCallback(() => {
      const seriesIndex = index.toString();
      if (echartsRef && seriesData) {
        const myChart = getInstance();
        if (hoveredIndex === seriesIndex) {
          return;
          // 否则进行高亮及必要的取消高亮操作
        } else {
          // 如果当前有高亮的扇形，取消其高亮状态（对 option 更新）
          if (hoveredIndex !== '' && option?.series) {
            generateData({ option, hoveredIndex });
            // 将此前记录的上次选中的扇形对应的系列号 seriesIndex 清空
            setHoveredIndex('');
          }
          // 如果触发 mouseover 的扇形不是透明圆环，将其高亮（对 option 更新）
          if (option?.series) {
            generateData({
              option,
              hoveredIndex: seriesIndex,
              kCondition: BAR_WIDTH_COEFFICIENT,
              upCondition: 1.5,
            });
            setHoveredIndex(seriesIndex);
            // 记录上次高亮的扇形对应的系列号 seriesIndex
          }
          // 使用更新后的 option，渲染图表
          myChart?.setOption(option);
        }
      }
    }, [echartsRef, generateData, hoveredIndex, index, getInstance, option, seriesData]);

    useEffect(() => {
      if (!autoLoop) {
        return;
      }
      const newIndex = index + 1 === len ? 0 : index + 1;
      const interval = raf.setInterval(() => {
        setIndex(newIndex);
        updateData();
      }, loopSpeed);
      return () => raf.clearInterval(interval);
    }, [len, index, updateData, raf, autoLoop, loopSpeed]);

    // 监听鼠标事件
    useEffect(() => {
      let hoveredIndex = '';
      if (autoLoop) return;
      if (echartsRef && seriesData) {
        const myChart = getInstance();
        myChart.on('mouseover', function (params: { seriesName?: string }) {
          let seriesIndex = '0';
          const newSeries = option?.series as typeof seriesData;
          option?.series &&
            newSeries.forEach((element, index) => {
              if (params.seriesName === element.name) {
                seriesIndex = index.toString();
              }
            });
          // 如果触发 mouseover 的扇形当前已高亮，则不做操作
          if (hoveredIndex === seriesIndex) {
            return;
          } else {
            if (hoveredIndex !== '') {
              generateData({ option, hoveredIndex });
            }
            // 如果触发 mouseover 的扇形不是透明圆环，将其高亮（对 option 更新）
            if (params.seriesName !== 'mouseoutSeries' && params.seriesName !== 'pie2d') {
              generateData({
                option,
                hoveredIndex: seriesIndex,
                kCondition: BAR_WIDTH_COEFFICIENT,
                upCondition: 1.5,
              });
            }
            hoveredIndex = hoveredIndex !== '' ? '' : seriesIndex;
            myChart.setOption(option);
          }
        });

        // 修正取消高亮失败的 bug
        myChart.on('globalout', function () {
          if (hoveredIndex !== '' && option?.series) {
            generateData({ option, hoveredIndex });
            // 将此前记录的上次选中的扇形对应的系列号 seriesIndex 清空
            hoveredIndex = '';
          }
          myChart.setOption(option);
        });
      }
    }, [echartsRef, seriesData, option, isFlat, generateData, getInstance]);

    return (
      <div className="td-lego-3d-pie" style={modifiedStyle}>
        {showTitle && hoveredIndex ? (
          <div className="td-lego-3d-pie-text-wrap" style={titleStyle}>
            <div className="td-lego-3d-pie-title">
              {((seriesData?.[hoveredIndex]?.value / total) * 100).toFixed(2) + '%'}
            </div>
            <div className="td-lego-3d-pie-text">{seriesData?.[hoveredIndex]?.name}</div>
          </div>
        ) : null}
        <ReactEcharts
          ref={echartsRef}
          style={{ width: modifiedStyle.width, height: modifiedStyle.height }}
          echarts={echarts}
          option={option}
          onEvents={onEvents}
        />
      </div>
    );
  }
);

function getParametricEquation(
  startRatio: number,
  endRatio: number,
  isSelected: boolean,
  isHovered: boolean,
  k: number,
  h: number
) {
  // 计算
  const midRatio = (startRatio + endRatio) / 2;

  const startRadian = startRatio * Math.PI * 2;
  const endRadian = endRatio * Math.PI * 2;
  const midRadian = midRatio * Math.PI * 2;

  // 如果只有一个扇形，则不实现选中效果。
  if (startRatio === 0 && endRatio === 1) {
    isSelected = false;
  }

  // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
  k = typeof k !== 'undefined' ? k : 1 / 3;

  // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
  const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
  const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;

  // 计算高亮效果的放大比例（未高亮，则比例为 1）
  const hoverRate = isHovered ? 1.05 : 1;

  // 返回曲面参数方程
  return {
    u: {
      min: -Math.PI,
      max: Math.PI * 3,
      step: Math.PI / 32,
    },
    v: {
      min: 0,
      max: Math.PI * 2,
      step: Math.PI / 20,
    },
    x: function (u: number, v: number) {
      if (u < startRadian) {
        return offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
      }
      if (u > endRadian) {
        return offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
      }
      return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
    },

    y: function (u: number, v: number) {
      if (u < startRadian) {
        return offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
      }
      if (u > endRadian) {
        return offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
      }
      return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
    },

    z: function (u: number, v: number) {
      if (u < -Math.PI * 0.5) {
        return Math.sin(u);
      }
      if (u > Math.PI * 2.5) {
        return Math.sin(u) * h * 0.1;
      }
      return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
    },
  };
}

// 生成模拟 3D 饼图的配置项
function getPie3D(
  barConfig: ECOption = {},
  pieConfig: ECOption = {},
  theme: any,
  basePieConfig: PieSeriesOption,
  baseChartConfig: any,
  pieData: string | any[],
  internalDiameterRatio: number,
  isFlat = true,
  inModal = false,
  coefficient = 1
) {
  const series: any[] = [];
  let sumValue = 0;
  let startValue = 0;
  let endValue = 0;
  const legendData: any[] = [];
  const k =
    typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio) : 1 / 3;

  // 为每一个饼图数据，生成一个 series-surface 配置
  for (let i = 0; i < pieData.length; i++) {
    sumValue += pieData[i].value;

    const seriesItem = {
      name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
      type: 'surface',
      parametric: true,
      wireframe: {
        show: false,
      },
      shading: 'realistic',
      itemStyle: {},
      pieData: pieData[i],
      parametricEquation: {},
      pieStatus: {
        selected: false,
        hovered: false,
        k: k,
      },
      zlevel: 10,
    };

    if (typeof pieData[i].itemStyle != 'undefined') {
      const itemStyle = { color: '', opacity: 1 };

      typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
      typeof pieData[i].itemStyle.opacity != 'undefined' ? (itemStyle.opacity = pieData[i].itemStyle.opacity) : null;

      seriesItem.itemStyle = itemStyle;
    }
    series.push(seriesItem);
  }

  // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
  // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
  for (let i = 0; i < series.length; i++) {
    endValue = startValue + series[i].pieData.value;

    series[i].pieData.startRatio = startValue / sumValue;
    series[i].pieData.endRatio = endValue / sumValue;

    series[i].parametricEquation = getParametricEquation(
      series[i].pieData.startRatio,
      series[i].pieData.endRatio,
      false,
      false,
      k,
      generate3DHeight(isFlat, series[i].pieData?.value, coefficient)
    );

    startValue = endValue;
    legendData.push(series[i].name);
  }

  // 添加2D饼图
  const pieSeries = {
    name: 'pie2d',
    type: 'pie',
    itemStyle: {
      opacity: 0,
      borderWidth: 0,
      color: 'transparent',
    },
    legendHoverLink: false,
    emphasis: { scale: false },
    label: {
      show: true,
      position: 'outside',
      padding: [10, -70, 40, -80],
      formatter: '{a|{b}}{a|{d}%}',
      align: 'left',
      opacity: 1,
      rich: {
        a: {
          ...theme.typography[inModal ? 'p0' : 'p2'],
          color: theme.colors.gray50,
        },
      },
    },
    labelLine: {
      ...basePieConfig.labelLine,
      show: true,
      length: inModal ? 70 : 50,
      length2: inModal ? 110 : 90,
      minTurnAngle: 45,
      lineStyle: {
        color: theme.colors.gray50,
      },
    },
    zlevel: 1,
    startAngle: 0,
    //起始角度，支持范围[0,360],
    clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
    radius: ['46%', '46%'],
    center: ['50%', '58%'],
    data: pieData,
  };
  series?.push(merge(pieSeries, pieConfig));

  // 准备待返回的配置项，把准备好的 legendData、series 传入。
  const option = {
    legend: {
      ...baseChartConfig.legend,
      orient: 'vertical',
    },
    xAxis3D: {
      min: -1,
      max: 1,
    },
    yAxis3D: {
      min: -1,
      max: 1,
    },
    zAxis3D: {
      min: -1,
      max: 1,
    },
    grid3D: {
      show: false,
      boxHeight: 8,
      viewControl: {
        //3d效果可以放大、旋转等，请自己去查看官方配置
        alpha: 25,
        beta: 5,
        rotateSensitivity: 0,
        zoomSensitivity: 0,
        panSensitivity: 0,
        autoRotate: false,
        distance: 140,
      },
      light: {
        ambient: {
          color: '#fff',
          intensity: 0.7,
        },
        main: {
          intensity: 0.5,
          shadow: true,
          alpha: 80,
        },
        ambientCubemap: {
          exposure: 1,
          diffuseIntensity: 0.5,
          specularIntensity: 2,
        },
      },
    },
    series: series,
  };

  const mergeOptions = merge(option, barConfig);
  return mergeOptions;
}

// 计算3d扇区高度
function generate3DHeight(isFlat: boolean, value = 30, coefficient = 1): number {
  return (isFlat ? 30 : value) * coefficient;
}


================================================
FILE: packages/lego/src/utils/RAF.ts
================================================
/**
 * 使用RequestAnimationFrame实现setTimeout和setInterval
 * 代码来源：https://zhuanlan.zhihu.com/p/34868095
 */
type RAFType = 'interval' | 'timeout';
type RAFCallback = (...args: any[]) => void;

export default class RAF {
  private _timerIdMap: Record<RAFType, Record<symbol, number>>;

  constructor() {
    this._timerIdMap = {
      timeout: {},
      interval: {},
    };
  }
  run(type: RAFType = 'interval', cb: RAFCallback, interval = 16.7) {
    // 每16.7毫秒刷新一次（一帧）
    const now = Date.now;
    let startTime = now();
    let endTime = startTime;
    const timerSymbol = Symbol();
    const loop = () => {
      this.setIdMap(timerSymbol, type, loop);
      endTime = now();
      if (endTime - startTime >= interval) {
        if (type === 'interval') {
          startTime = now();
          endTime = startTime;
        }
        cb();
        type === 'timeout' && this.clearTimeout(timerSymbol);
      }
    };
    this.setIdMap(timerSymbol, type, loop);
    return timerSymbol;
  }
  setIdMap(timerSymbol: symbol, type: RAFType, loop: () => void) {
    const id = requestAnimationFrame(loop);
    this._timerIdMap[type][timerSymbol] = id;
  }
  setTimeout(cb: RAFCallback, interval: number) {
    return this.run('timeout', cb, interval);
  }
  clearTimeout(timer: symbol) {
    cancelAnimationFrame(this._timerIdMap.timeout[timer]);
  }
  setInterval(cb: RAFCallback, interval: number) {
    return this.run('interval', cb, interval);
  }
  clearInterval(timer: symbol) {
    cancelAnimationFrame(this._timerIdMap.interval[timer]);
  }
}


================================================
FILE: packages/lego/src/utils/createCuboidSeries.ts
================================================
import { CustomSeriesOption } from 'echarts/charts';
import { CustomSeriesRenderItemReturn } from 'echarts/types/dist/shared';

import { registerCuboidShape } from '../registerShape';
import { Theme } from '../theme';
import createLinearGradient from './createLinearGradient';

export default function createCuboidSeries(theme: Theme, seriesData: BarSeriesData, unit = '') {
  registerCuboidShape();

  return {
    type: 'custom',
    name: seriesData.name,
    data: seriesData.data.map(item => ({ value: item, unit })),
    yAxisIndex: 0,
    renderItem: (_, api) => {
      const location = api.coord([api.value(0), api.value(1)]);
      return {
        type: 'group',
        children: [
          {
            type: 'CubeLeft',
            shape: {
              api,
              xValue: api.value(0),
              yValue: api.value(1),
              x: location[0],
              y: location[1],
              xAxisPoint: api.coord([api.value(0), 0]),
            },
            style: {
              fill: theme.colors.assist100,
            },
            styleEmphasis: {
              shadowBlur: 20,
              shadowColor: 'rgba(255, 255, 255, 1)',
            },
          },
          {
            type: 'CubeRight',
            shape: {
              api,
              xValue: api.value(0),
              yValue: api.value(1),
              x: location[0],
              y: location[1],
              xAxisPoint: api.coord([api.value(0), 0]),
            },
            style: {
              fill: createLinearGradient(theme.colors.primary300),
            },
            styleEmphasis: {
              shadowBlur: 20,
              shadowColor: 'rgba(255, 255, 255, 1)',
            },
          },
          {
            type: 'CubeTop',
            shape: {
              api,
              xValue: api.value(0),
              yValue: api.value(1),
              x: location[0],
              y: location[1],
              xAxisPoint: api.coord([api.value(0), 0]),
            },
            style: {
              fill: createLinearGradient(theme.colors.primary300, false),
            },
            styleEmphasis: {
              shadowBlur: 20,
              shadowColor: 'rgba(255, 255, 255, 1)',
            },
          },
        ],
      } as any as CustomSeriesRenderItemReturn;
    },
  } as CustomSeriesOption;
}


================================================
FILE: packages/lego/src/utils/createCylinderSeries.ts
================================================
import { flatten } from 'lodash-es';

export default function createCylinderBarSeries(data: BarSeriesData[], colors: any[], yAxisCount: number) {
  const result = data.map((item, index) =>
    createCylinderSeries(item, colors[index], yAxisCount === 1 ? 0 : index, index)
  );
  const series = flatten(result);
  return series;
}

function createCylinderSeries(seriesData: BarSeriesData, color: any, yAxisIndex: number, index: number) {
  return [
    {
      name: seriesData.name,
      type: 'bar',
      barMaxWidth: 20,
      data: seriesData.data?.map(i => ({ value: i, unit: seriesData.unit })),
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
      yAxisIndex,
      itemStyle: {
        color,
        borderRadius: [0, 0, 10, 10],
      },
      barGap: index === 0 ? '-25%' : '25%',
      animation: false,
    },
    // 顶部垫片
    {
      z: 3,
      silent: true,
      type: 'pictorialBar',
      symbolPosition: 'end',
      data: seriesData.data,
      yAxisIndex,
      symbol: 'circle',
      symbolOffset: [0, '-50%'],
      symbolSize: ['100%', 10],
      itemStyle: {
        color,
      },
      barMaxWidth: 20,
      barGap: index === 0 ? '-25%' : '25%',
      animation: false,
    },
  ];
}


================================================
FILE: packages/lego/src/utils/createCylinderShadowSeries.ts
================================================
import { Theme } from '../theme';
import createLinearGradient from './createLinearGradient';

export default function createCylinderShadowSeries(
  theme: Theme,
  baseBarConfig: any,
  seriesData: BarSeriesData,
  max: number
) {
  const { name = '', data = [] } = seriesData || { name: '', data: [] };
  return [
    {
      name,
      type: 'pictorialBar',
      symbolSize: ['100%', 10],
      symbolOffset: [0, '50%'],
      z: 1,
      silent: true,
      color: theme.colors.assist700,
      data: data,
      animation: false,
      barMaxWidth: 20,
      barGap: '-100%',
      barCateGoryGap: '-100%',
    },
    {
      name,
      type: 'bar',
      barMaxWidth: 20,
      z: 2,
      data: data,
      animation: false,
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
      barGap: '-100%',
    },
    {
      name,
      type: 'pictorialBar',
      symbolSize: ['100%', 10],
      symbolOffset: [0, '-50%'],
      symbolPosition: 'end',
      z: 3,
      silent: true,
      color: createLinearGradient(theme.colors.primary50, false),
      data: data,
      label: {
        show: true,
        position: 'top',
        ...baseBarConfig.label,
      },
      barMaxWidth: 20,
      barGap: '-100%',
    },
    {
      name,
      type: 'bar',
      barMaxWidth: 20,
      barGap: '-100%',
      z: 2,
      silent: true,
      data: data.map(() => max),
      itemStyle: {
        color: createLinearGradient(theme.colors.primary50),
        opacity: 0.2,
      },
      animation: false,
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
    },
    {
      name,
      type: 'pictorialBar',
      symbolSize: ['100%', 10],
      symbolOffset: [0, '-50%'],
      symbolPosition: 'end',
      z: 3,
      silent: true,
      color: theme.colors.assist50,
      data: data.map(() => max),
      barGap: '-100%',
      barMaxWidth: 20,
    },
  ];
}


================================================
FILE: packages/lego/src/utils/createLinearGradient.ts
================================================
import * as echarts from 'echarts/core';

/**
 * 根据颜色和渐变方向生成渐变色
 * @param color : 渐变颜色，是一个长度为2的数组
 * @param horizontal 水平渐变；默认为true
 */
export default function createLinearGradient(color: string[], vertical = true): unknown {
  if (!color || color.length !== 2) return color;
  if (!vertical) {
    return new echarts.graphic.LinearGradient(0, 0, 1, 0, [
      { offset: 0, color: color[1] },
      { offset: 1, color: color[0] },
    ]);
  }

  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    { offset: 0, color: color[1] },
    { offset: 1, color: color[0] },
  ]);
}


================================================
FILE: packages/lego/src/utils/createSliceSeries.ts
================================================
import { Theme } from '../theme';
import createLinearGradient from './createLinearGradient';

export default function createSliceSeries(theme: Theme, seriesData: BarSeriesData, max: number) {
  const { name = '', data = [] } = seriesData || { name: '', data: [] };

  return [
    {
      name,
      type: 'pictorialBar',
      silent: true,
      itemStyle: {
        color: createLinearGradient(theme.colors.primary50),
      },
      symbolRepeat: 'fixed',
      symbolMargin: 2,
      symbol: 'rect',
      symbolClip: true,
      symbolSize: [16, 2],
      symbolPosition: 'start',
      symbolBoundingData: max,
      data,
      z: 2,
      animationEasing: 'elasticOut',
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
    },
    {
      name,
      type: 'pictorialBar',
      itemStyle: {
        color: createLinearGradient(theme.colors.primary100),
        opacity: 0.2,
      },
      symbolRepeat: 'fixed',
      symbolMargin: 2,
      symbol: 'rect',
      symbolClip: true,
      symbolSize: [16, 2],
      symbolPosition: 'start',
      symbolBoundingData: max,
      data: data.map(() => max),
      z: 1,
      animation: false,
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
    },
  ];
}


================================================
FILE: packages/lego/src/utils/createStackSeries.ts
================================================
import createLinearGradient from './createLinearGradient';

export default function createStackSeries(
  chartColor: any[],
  baseBarConfig: any,
  seriesData: { name: string; data: (number | string)[] }[],
  totalData: number[],
  unit?: string
) {
  return [
    // 底部垫片
    {
      z: 3,
      type: 'pictorialBar',
      symbolPosition: 'end',
      data: seriesData[0].data.map(() => 1),
      symbol: 'circle',
      symbolOffset: [0, '-50%'],
      symbolSize: ['100%', 10],
      symbolRotate: 0,
      itemStyle: {
        borderWidth: 0,
        color: chartColor[0][0],
      },
      animation: false,
      barMaxWidth: 20,
      barGap: '-100%',
    },
    {
      name: seriesData[0].name,
      type: 'bar',
      stack: 'account',
      barMaxWidth: 20,
      itemStyle: {
        color: createLinearGradient(chartColor[0]),
      },
      data: seriesData[0].data?.map(i => ({ value: i, unit })),
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
      animation: false,
    },
    // 中间垫片
    {
      z: 3,
      type: 'pictorialBar',
      symbolPosition: 'end',
      data: seriesData[0].data?.map(i => ({ value: i, unit })),
      symbol: 'circle',
      symbolOffset: [0, '-50%'],
      symbolSize: ['100%', 10],
      symbolRotate: 0,
      itemStyle: {
        color: chartColor[1][0],
      },
      animation: false,
      barMaxWidth: 20,
      barGap: '-100%',
    },
    {
      name: seriesData[1].name,
      type: 'bar',
      stack: 'account',
      barMaxWidth: 20,
      itemStyle: {
        color: createLinearGradient(chartColor[1]),
      },
      data: seriesData[1].data?.map(i => ({ value: i, unit })),
      emphasis: {
        itemStyle: {
          shadowBlur: 20,
          shadowColor: 'rgba(255, 255, 255, 1)',
        },
      },
      animation: false,
    },
    // 顶部垫片
    {
      z: 3,
      type: 'pictorialBar',
      symbolPosition: 'end',
      data: totalData,
      symbol: 'circle',
      symbolOffset: [0, '-50%'],
      symbolSize: ['100%', 10],
      itemStyle: {
        color: chartColor[1][1],
      },
      label: {
        show: true,
        position: 'top',
        ...baseBarConfig.label,
      },
      animation: false,
      barMaxWidth: 20,
      barGap: '-100%',
    },
  ];
}


================================================
FILE: packages/lego/src/word-cloud/index.md
================================================
---
title: 词云图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 词云图

## API

| 属性     | 必填    | 说明             | 类型                                     | 默认值   |
| -------- | ------- | ---------------- | ---------------------------------------- | -------- |
| data     | `true`  | 图表数据         | `{ name: string; value: number }[]`      |          |
| width    | `false` | 词云图宽度       | `number`                                 |          |
| height   | `false` | 词云图高度       | `number`                                 |          |
| config   | `false` | 自定义词云图配置 | `any`                                    |          |
| onEvents | `false` | 图表交互事件     | `Record<string, (params?: any) => void>` |          |
| renderer | `false` | 图表渲染器       | `canvas \| svg`                          | `canvas` |

## 效果图 1

<code src="../../example/WordCloudDemo/demo1.tsx" background="#040727">

## 效果图 2 (SVG 渲染器)

<code src="../../example/WordCloudDemo/demo2.tsx" background="#040727">


================================================
FILE: packages/lego/src/word-cloud/index.tsx
================================================
import React, { forwardRef, useMemo } from 'react';

import * as echarts from 'echarts/core';
import ReactEcharts from 'echarts-for-react';
import 'echarts-wordcloud';
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
import { merge } from 'lodash-es';

echarts.use([CanvasRenderer, SVGRenderer]);

export interface WordCloudProps {
  data: { name: string; value: number }[];
  width?: number;
  height?: number;
  config?: any;
  /** 图表交互事件 */
  onEvents?: Record<string, (params?: any) => void>;
  /** 图表渲染器 */
  renderer?: 'canvas' | 'svg';
}

/**
 * 词云图，对应Figma其他图8
 */
export default forwardRef<ReactEcharts, WordCloudProps>(
  ({ data, width = 469, height = 227, config, onEvents, renderer = 'canvas' }, ref) => {
    const option = merge(
      {
        series: [
          {
            type: 'wordCloud',
            // 词云宽高
            width,
            height,
            // 词云形状
            shape: 'diamond',
            // 文字之间的间隔
            gridSize: 2,
            // 词云里文字大小区间
            sizeRange: [12, 38],
            // 词云里文字旋转区间
            rotationRange: [-90, 90],
            rotationStep: 45,
            // 是否允许文字超出canvas范围
            drawOutOfBound: false,
            layoutAnimation: true,
            // 文字样式
            textStyle: {
              color: function () {
                return (
                  'rgb(' +
                  [
                    Math.round(Math.random() * 160),
                    Math.round(Math.random() * 160),
                    Math.round(Math.random() * 160),
                  ].join(',') +
                  ')'
                );
              },
            },
            data,
          },
        ],
      },
      config
    );

    return (
      <ReactEcharts
        ref={ref}
        echarts={echarts}
        option={option}
        style={{ width, height }}
        onEvents={onEvents}
        opts={{ renderer }}
      />
    );
  }
);


================================================
FILE: packages/lego/tsconfig.json
================================================
{
  "compilerOptions": {
    "target": "ES5",
    "lib": ["dom", "ESNext"],
    "moduleResolution": "node",
    "jsx": "react",
    "allowJs": true,
    "esModuleInterop": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "declaration": false,
    "strictNullChecks": true,
    "baseUrl": ".",

  },
  "exclude": ["node_modules", "lib", "es", "dist", "**/index.test.ts", "**/demo", "coverage", "**/*.js", "example"]
}


================================================
FILE: packages/lego/typings.d.ts
================================================
declare module '*.css';
declare module '*.less';
declare module '*.png';
declare module '*.webp';
declare module '*.svg';

declare interface Window {
  echarts: any;
}

declare module '*.json' {
  const value: any;
  export default value;
}

interface BarSeriesData {
  name: string;
  data: (string | number | { name: string; value: string | number })[];
  unit?: string;
}


================================================
FILE: packages/lego-map/CHANGELOG.md
================================================
# @td-design/lego-map

## 1.4.1

### Patch Changes

- [#651](https://github.com/thundersdata-frontend/td-design/pull/651) [`94033922d`](https://github.com/thundersdata-frontend/td-design/commit/94033922d7cda587369bd2eef37341c19a26db53) Thanks [@chj-damon](https://github.com/chj-damon)! - 新增地图缩放功能

## 1.4.0

### Minor Changes

- [#649](https://github.com/thundersdata-frontend/td-design/pull/649) [`454e8c345`](https://github.com/thundersdata-frontend/td-design/commit/454e8c345964261585c4322a932e55857f2543ef) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复地图使用报错的问题

## 1.3.0

### Minor Changes

- [#638](https://github.com/thundersdata-frontend/td-design/pull/638) [`40bbbdb0d`](https://github.com/thundersdata-frontend/td-design/commit/40bbbdb0d1e4d11a9245fa782d84529312694ed7) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复下钻地图的 bug


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo1.tsx
================================================
import { BasicMap } from '@td-design/lego-map';

export default () => {
  return <BasicMap style={{ width: '100%', height: 900 }} />;
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo2.tsx
================================================
import { BasicMap } from '@td-design/lego-map';
import sichuan from './sichuan.json';

export default () => {
  return (
    <BasicMap
      mapName="sichuan"
      mapJson={sichuan}
      style={{ width: '100%', height: 400 }}
      top={40}
    />
  );
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo3.tsx
================================================
import { BasicMap } from '@td-design/lego-map';
import sichuan from './sichuan.json';

export default () => {
  return (
    <BasicMap
      mapName="sichuan"
      mapJson={sichuan}
      showLabel={false}
      style={{ width: '100%', height: 400 }}
      top={40}
    />
  );
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo4.tsx
================================================
import { BasicMap } from '@td-design/lego-map';
import sichuan from './sichuan.json';

export default () => {
  return (
    <BasicMap
      mapName="sichuan"
      mapJson={sichuan}
      silent
      style={{ width: '100%', height: 400 }}
      top={40}
    />
  );
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo5.tsx
================================================
import { BasicMap } from '@td-design/lego-map';

export default () => {
  const data = [
    [104.075045, 30.663774, 10],
    [104.689584, 31.476866, 10],
    [106.55408, 29.578697, 10],
    [108.94113, 34.352069, 10],
    [116.382836, 39.926047, 10],
    [103.799085, 36.114321, 10],
    [114.285544, 30.65433, 10],
    [106.669064, 26.696559, 10],
    [113.218501, 23.2084522, 10],
    [118.802027, 32.095359, 10],
    [121.423696, 31.320051, 10],
  ];

  return (
    <BasicMap
      config={{
        tooltip: {},
        series: [
          {
            type: 'effectScatter',
            coordinateSystem: 'geo',
            zlevel: 2,
            rippleEffect: {
              //涟漪特效
              period: 2, //动画时间，值越小速度越快
              brushType: 'stroke', //波纹绘制方式 stroke, fill
              scale: 2, //波纹圆环最大限制，值越大波纹越大
            },
            symbol: 'circle',
            symbolSize: 20,
            itemStyle: {
              color: '#f00',
            },
            data,
          },
        ],
      }}
      style={{ width: '100%', height: 900 }}
    />
  );
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo6.tsx
================================================
import { BasicMap } from '@td-design/lego-map';
import { Select } from 'antd';
import { useState } from 'react';
import sichuan from './sichuan.json';

export default () => {
  const [mapName, setMapName] = useState('china');

  return (
    <div>
      <Select value={mapName} onChange={setMapName} style={{ width: 100 }}>
        <Select.Option key="china">全国</Select.Option>
        <Select.Option key="sichuan">四川</Select.Option>
      </Select>
      <BasicMap
        mapName={mapName}
        mapJson={mapName === 'sichuan' ? sichuan : undefined}
        style={{ width: '100%', height: 900 }}
      />
    </div>
  );
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/demo7.tsx
================================================
import { BasicMap } from '@td-design/lego-map';

export default () => {
  return <BasicMap style={{ width: '100%', height: 900 }} zoom={1.2} top={80} />;
};


================================================
FILE: packages/lego-map/example/BasicMapDemo/sichuan.json
================================================
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "adcode": 510100,
        "name": "成都市",
        "center": [104.065735, 30.659462],
        "centroid": [103.931804, 30.652329],
        "childrenNum": 20,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 0,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.959259, 30.320742],
              [103.965866, 30.316774],
              [103.974713, 30.290727],
              [103.998343, 30.264508],
              [104.030035, 30.266245],
              [104.030035, 30.266245],
              [104.047393, 30.270381],
              [104.091628, 30.24879],
              [104.116601, 30.227194],
              [104.150533, 30.245646],
              [104.152213, 30.265335],
              [104.174051, 30.298666],
              [104.17853, 30.318262],
              [104.192977, 30.329836],
              [104.2016, 30.316526],
              [104.232284, 30.313798],
              [104.2315, 30.282209],
              [104.232732, 30.281878],
              [104.23318, 30.281051],
              [104.231836, 30.280472],
              [104.243371, 30.267403],
              [104.23094, 30.256153],
              [104.243259, 30.244239],
              [104.264537, 30.241592],
              [104.2726, 30.217842],
              [104.282231, 30.220904],
              [104.315379, 30.200792],
              [104.327138, 30.204269],
              [104.364541, 30.185974],
              [104.358158, 30.173638],
              [104.386379, 30.161798],
              [104.39881, 30.124776],
              [104.41012, 30.125521],
              [104.428374, 30.089729],
              [104.450212, 30.101081],
              [104.437109, 30.107544],
              [104.457715, 30.120634],
              [104.449428, 30.132894],
              [104.464994, 30.151529],
              [104.468354, 30.157077],
              [104.485264, 30.156001],
              [104.484368, 30.181504],
              [104.533754, 30.193673],
              [104.541594, 30.184236],
              [104.569254, 30.196985],
              [104.600163, 30.220408],
              [104.599603, 30.244488],
              [104.653133, 30.240185],
              [104.638239, 30.268148],
              [104.643614, 30.283036],
              [104.691993, 30.275427],
              [104.703975, 30.301643],
              [104.723797, 30.308341],
              [104.738579, 30.290314],
              [104.774863, 30.30156],
              [104.795133, 30.279397],
              [104.807228, 30.296847],
              [104.823354, 30.293787],
              [104.848775, 30.306852],
              [104.850455, 30.338929],
              [104.837016, 30.361988],
              [104.855494, 30.347194],
              [104.860982, 30.364384],
              [104.881027, 30.360831],
              [104.895922, 30.382315],
              [104.881699, 30.393551],
              [104.875092, 30.437078],
              [104.8761, 30.5131],
              [104.892786, 30.541645],
              [104.879124, 30.550635],
              [104.858854, 30.582385],
              [104.819098, 30.580076],
              [104.819994, 30.598296],
              [104.847319, 30.631101],
              [104.842728, 30.649395],
              [104.821226, 30.643874],
              [104.818315, 30.664307],
              [104.800956, 30.690995],
              [104.78875, 30.694043],
              [104.788526, 30.721299],
              [104.768032, 30.71817],
              [104.750786, 30.726898],
              [104.732084, 30.778257],
              [104.718086, 30.771756],
              [104.698376, 30.825559],
              [104.640366, 30.837895],
              [104.629952, 30.852449],
              [104.613937, 30.847763],
              [104.596355, 30.864535],
              [104.585269, 30.862891],
              [104.520764, 30.882456],
              [104.533083, 30.917875],
              [104.511917, 30.935868],
              [104.495791, 30.935457],
              [104.465218, 30.9509],
              [104.44506, 30.940468],
              [104.39601, 30.942358],
              [104.389739, 30.925681],
              [104.367117, 30.93365],
              [104.351887, 30.902345],
              [104.322322, 30.891743],
              [104.288726, 30.90292],
              [104.244491, 30.896921],
              [104.21571, 30.8984],
              [104.202384, 30.91311],
              [104.168787, 30.918533],
              [104.149974, 30.91311],
              [104.142582, 30.925845],
              [104.166324, 30.951311],
              [104.166884, 30.993438],
              [104.143478, 31.01158],
              [104.117385, 31.017572],
              [104.10697, 31.032263],
              [104.107194, 31.032017],
              [104.106522, 31.031607],
              [104.10641, 31.031771],
              [104.094876, 31.032756],
              [104.060608, 31.0641],
              [104.057584, 31.07821],
              [104.019844, 31.103963],
              [104.022868, 31.142661],
              [104.009429, 31.153235],
              [104.014693, 31.167577],
              [103.983, 31.200925],
              [103.949404, 31.215997],
              [103.929134, 31.234425],
              [103.928014, 31.272497],
              [103.914128, 31.278964],
              [103.891618, 31.308017],
              [103.894418, 31.326018],
              [103.92835, 31.355139],
              [103.894754, 31.408858],
              [103.897554, 31.416377],
              [103.868437, 31.420954],
              [103.828682, 31.412454],
              [103.816027, 31.431906],
              [103.802588, 31.430108],
              [103.787246, 31.434439],
              [103.75029, 31.419156],
              [103.739876, 31.398885],
              [103.700792, 31.391118],
              [103.669323, 31.354812],
              [103.627104, 31.344097],
              [103.60717, 31.351295],
              [103.569543, 31.338453],
              [103.569991, 31.314563],
              [103.579733, 31.291241],
              [103.569095, 31.262019],
              [103.581413, 31.246626],
              [103.57671, 31.215834],
              [103.583205, 31.191422],
              [103.564839, 31.175034],
              [103.557224, 31.149055],
              [103.525644, 31.101092],
              [103.521164, 31.067792],
              [103.504814, 31.041044],
              [103.517132, 31.030129],
              [103.52094, 31.005095],
              [103.516461, 30.971761],
              [103.465058, 30.941536],
              [103.454644, 30.924695],
              [103.451396, 30.892565],
              [103.409401, 30.864946],
              [103.383084, 30.862891],
              [103.354527, 30.850887],
              [103.337617, 30.824655],
              [103.305252, 30.810507],
              [103.284647, 30.829589],
              [103.25833, 30.842418],
              [103.228653, 30.836579],
              [103.199088, 30.845707],
              [103.165716, 30.842171],
              [103.123945, 30.79282],
              [103.083629, 30.812728],
              [103.037938, 30.802364],
              [102.992919, 30.778339],
              [103.005126, 30.74649],
              [103.033907, 30.719076],
              [103.031331, 30.703678],
              [103.068735, 30.716194],
              [103.103115, 30.672957],
              [103.119017, 30.670898],
              [103.13156, 30.65475],
              [103.135591, 30.624096],
              [103.126856, 30.593927],
              [103.147798, 30.585847],
              [103.166276, 30.555749],
              [103.157765, 30.530013],
              [103.180834, 30.525228],
              [103.185874, 30.511945],
              [103.162244, 30.472579],
              [103.141751, 30.470845],
              [103.12596, 30.451115],
              [103.115993, 30.413954],
              [103.116329, 30.380002],
              [103.127976, 30.367111],
              [103.091132, 30.326529],
              [103.079038, 30.324545],
              [103.062128, 30.302553],
              [103.068623, 30.294283],
              [103.061456, 30.270464],
              [103.071534, 30.260951],
              [103.076798, 30.220242],
              [103.147238, 30.207],
              [103.183634, 30.248128],
              [103.211631, 30.232407],
              [103.215998, 30.209235],
              [103.233356, 30.213456],
              [103.242651, 30.243081],
              [103.282295, 30.263598],
              [103.313875, 30.260372],
              [103.320259, 30.23489],
              [103.350047, 30.236048],
              [103.370317, 30.22827],
              [103.36091, 30.168008],
              [103.372109, 30.148382],
              [103.360574, 30.136787],
              [103.395178, 30.094866],
              [103.439637, 30.119474],
              [103.439637, 30.119557],
              [103.443893, 30.120054],
              [103.443893, 30.117486],
              [103.4505, 30.096524],
              [103.462483, 30.096027],
              [103.468082, 30.114255],
              [103.450948, 30.132231],
              [103.474577, 30.131237],
              [103.486224, 30.104147],
              [103.504142, 30.128503],
              [103.533819, 30.146643],
              [103.544233, 30.161218],
              [103.533819, 30.178109],
              [103.597204, 30.203524],
              [103.617473, 30.195412],
              [103.628, 30.214863],
              [103.649502, 30.199799],
              [103.648046, 30.229263],
              [103.693065, 30.245894],
              [103.681754, 30.269885],
              [103.705271, 30.268975],
              [103.718374, 30.283201],
              [103.736516, 30.285848],
              [103.727893, 30.30462],
              [103.75141, 30.307927],
              [103.769776, 30.332068],
              [103.794749, 30.345872],
              [103.845368, 30.34331],
              [103.87426, 30.348104],
              [103.887699, 30.328761],
              [103.910432, 30.330663],
              [103.913904, 30.353972],
              [103.942237, 30.357773],
              [103.93563, 30.346203],
              [103.959259, 30.320742]
            ]
          ],
          [
            [
              [104.107194, 31.032017],
              [104.10697, 31.032263],
              [104.10641, 31.031771],
              [104.106522, 31.031607],
              [104.107194, 31.032017]
            ]
          ],
          [
            [
              [103.443893, 30.120054],
              [103.439637, 30.119557],
              [103.439637, 30.119474],
              [103.443893, 30.117486],
              [103.443893, 30.120054]
            ]
          ],
          [
            [
              [104.232732, 30.281878],
              [104.2315, 30.282209],
              [104.231836, 30.280472],
              [104.23318, 30.281051],
              [104.232732, 30.281878]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510300,
        "name": "自贡市",
        "center": [104.773447, 29.352765],
        "centroid": [104.685446, 29.28421],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 1,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.17685, 29.195745],
              [104.195888, 29.220657],
              [104.191409, 29.235869],
              [104.23262, 29.205861],
              [104.256026, 29.212298],
              [104.265433, 29.231857],
              [104.249082, 29.261356],
              [104.284582, 29.259601],
              [104.298805, 29.245647],
              [104.323218, 29.2408],
              [104.368685, 29.247652],
              [104.380332, 29.238376],
              [104.411688, 29.245479],
              [104.417735, 29.236454],
              [104.442597, 29.238543],
              [104.434646, 29.220908],
              [104.460963, 29.221827],
              [104.46589, 29.207366],
              [104.509453, 29.155522],
              [104.540922, 29.143394],
              [104.580117, 29.164639],
              [104.596355, 29.190394],
              [104.62424, 29.207282],
              [104.649325, 29.198588],
              [104.691993, 29.19934],
              [104.692329, 29.177099],
              [104.680346, 29.15569],
              [104.697816, 29.118212],
              [104.714614, 29.122396],
              [104.73018, 29.106498],
              [104.737236, 29.078796],
              [104.713718, 29.06105],
              [104.705207, 29.045477],
              [104.720214, 28.996651],
              [104.744067, 28.990369],
              [104.76512, 28.998746],
              [104.796701, 29.000086],
              [104.811931, 28.990704],
              [104.819546, 29.001761],
              [104.85751, 29.003436],
              [104.861542, 29.019685],
              [104.879684, 29.024291],
              [104.881475, 29.050836],
              [104.902529, 29.047738],
              [104.941837, 29.058873],
              [104.944636, 29.021277],
              [104.969722, 29.015749],
              [104.986296, 28.991541],
              [105.00511, 28.989866],
              [105.017316, 28.972104],
              [105.073758, 28.936404],
              [105.111162, 28.933722],
              [105.126952, 28.945288],
              [105.145094, 28.942271],
              [105.162116, 28.947467],
              [105.167715, 28.92995],
              [105.201871, 28.929279],
              [105.205007, 28.951825],
              [105.217214, 28.95568],
              [105.225837, 28.934644],
              [105.244763, 28.937745],
              [105.254282, 28.9271],
              [105.267608, 28.939086],
              [105.239723, 28.956937],
              [105.267384, 28.979561],
              [105.269288, 29.009719],
              [105.234348, 29.026636],
              [105.214974, 29.016168],
              [105.187873, 29.027306],
              [105.188769, 29.056613],
              [105.207359, 29.070258],
              [105.250138, 29.119969],
              [105.244987, 29.135196],
              [105.271752, 29.160123],
              [105.256521, 29.17526],
              [105.266936, 29.188638],
              [105.23558, 29.215475],
              [105.217998, 29.20561],
              [105.195488, 29.222078],
              [105.203999, 29.23963],
              [105.160548, 29.262776],
              [105.134903, 29.257429],
              [105.113961, 29.284999],
              [105.120121, 29.302205],
              [105.108922, 29.315568],
              [105.072526, 29.336359],
              [105.063679, 29.364659],
              [105.035346, 29.382937],
              [105.046881, 29.408721],
              [105.079469, 29.406886],
              [105.084285, 29.42232],
              [105.063119, 29.442923],
              [105.067823, 29.454349],
              [105.044305, 29.480865],
              [105.030643, 29.472527],
              [105.04061, 29.461938],
              [105.020564, 29.454432],
              [105.026947, 29.439587],
              [104.993127, 29.438669],
              [104.961882, 29.416647],
              [104.937133, 29.445425],
              [104.917647, 29.434332],
              [104.871957, 29.459019],
              [104.873972, 29.47086],
              [104.848775, 29.467858],
              [104.833657, 29.430495],
              [104.808796, 29.457018],
              [104.786398, 29.457518],
              [104.777327, 29.448177],
              [104.750786, 29.453598],
              [104.741155, 29.432414],
              [104.751458, 29.402631],
              [104.766128, 29.406469],
              [104.759969, 29.374759],
              [104.738132, 29.381936],
              [104.745411, 29.36324],
              [104.710919, 29.361404],
              [104.704423, 29.372255],
              [104.674299, 29.38227],
              [104.673403, 29.398709],
              [104.652461, 29.411141],
              [104.619761, 29.444758],
              [104.587956, 29.422987],
              [104.569814, 29.441172],
              [104.558728, 29.431913],
              [104.543945, 29.441005],
              [104.535658, 29.418566],
              [104.510013, 29.456767],
              [104.53465, 29.456601],
              [104.529611, 29.518876],
              [104.501726, 29.549958],
              [104.482912, 29.562872],
              [104.493551, 29.582613],
              [104.488847, 29.601435],
              [104.474065, 29.609262],
              [104.442933, 29.600102],
              [104.421767, 29.616423],
              [104.39489, 29.621002],
              [104.381787, 29.607264],
              [104.383579, 29.584196],
              [104.340688, 29.565704],
              [104.334193, 29.583113],
              [104.309332, 29.607347],
              [104.280551, 29.613925],
              [104.269576, 29.632491],
              [104.249754, 29.636154],
              [104.251098, 29.623084],
              [104.212239, 29.61251],
              [104.182226, 29.633407],
              [104.16722, 29.597854],
              [104.139895, 29.589693],
              [104.166884, 29.55729],
              [104.160948, 29.541876],
              [104.135079, 29.52096],
              [104.151093, 29.52221],
              [104.165988, 29.496538],
              [104.16666, 29.496455],
              [104.16666, 29.496371],
              [104.166324, 29.495955],
              [104.150309, 29.472027],
              [104.149526, 29.47061],
              [104.14919, 29.470776],
              [104.14919, 29.472277],
              [104.128472, 29.498289],
              [104.08838, 29.461687],
              [104.064191, 29.472361],
              [104.052656, 29.456684],
              [104.058256, 29.425907],
              [104.098347, 29.437168],
              [104.105962, 29.414895],
              [104.0923, 29.416397],
              [104.090172, 29.391616],
              [104.100811, 29.382186],
              [104.131272, 29.400378],
              [104.134967, 29.399043],
              [104.141126, 29.374508],
              [104.160836, 29.379933],
              [104.163412, 29.364158],
              [104.142022, 29.355644],
              [104.135415, 29.338781],
              [104.105626, 29.338864],
              [104.083229, 29.348298],
              [104.07651, 29.323584],
              [104.09174, 29.315317],
              [104.139447, 29.307467],
              [104.14639, 29.283829],
              [104.116377, 29.263946],
              [104.109658, 29.241886],
              [104.118393, 29.236454],
              [104.14359, 29.256844],
              [104.150981, 29.22726],
              [104.150645, 29.194157],
              [104.17685, 29.195745]
            ]
          ],
          [
            [
              [104.150309, 29.472027],
              [104.14919, 29.472277],
              [104.14919, 29.470776],
              [104.149526, 29.47061],
              [104.150309, 29.472027]
            ]
          ],
          [
            [
              [104.16666, 29.496455],
              [104.165988, 29.496538],
              [104.166324, 29.495955],
              [104.16666, 29.496371],
              [104.16666, 29.496455]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510400,
        "name": "攀枝花市",
        "center": [101.716007, 26.580446],
        "centroid": [101.625394, 26.755869],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 2,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [101.839897, 26.082429],
              [101.832282, 26.117176],
              [101.844712, 26.141683],
              [101.840681, 26.16008],
              [101.872261, 26.181483],
              [101.906753, 26.191367],
              [101.90205, 26.243521],
              [101.921759, 26.27032],
              [101.926015, 26.306213],
              [101.935198, 26.322954],
              [101.927583, 26.362263],
              [101.939118, 26.410824],
              [101.929039, 26.419487],
              [101.942701, 26.448989],
              [101.982121, 26.454906],
              [101.994999, 26.431409],
              [102.020196, 26.422832],
              [102.029491, 26.434068],
              [102.033411, 26.470768],
              [102.050769, 26.49417],
              [102.034083, 26.541133],
              [102.038562, 26.571717],
              [102.030611, 26.596898],
              [102.011125, 26.598525],
              [102.001383, 26.633632],
              [101.984024, 26.638854],
              [101.995559, 26.653577],
              [101.997463, 26.698849],
              [101.977081, 26.711084],
              [101.981897, 26.735892],
              [101.971706, 26.735464],
              [101.960171, 26.710143],
              [101.946509, 26.707662],
              [101.938782, 26.639367],
              [101.920528, 26.635515],
              [101.913024, 26.680537],
              [101.91672, 26.703127],
              [101.912688, 26.723318],
              [101.861398, 26.724173],
              [101.838889, 26.744958],
              [101.834297, 26.763516],
              [101.819963, 26.765227],
              [101.81358, 26.793272],
              [101.772704, 26.82413],
              [101.731157, 26.835924],
              [101.707528, 26.873691],
              [101.70148, 26.902051],
              [101.704952, 26.933477],
              [101.698904, 26.944406],
              [101.744931, 26.970614],
              [101.773488, 26.99289],
              [101.77248, 27.006544],
              [101.805852, 27.056366],
              [101.809212, 27.088858],
              [101.817387, 27.101732],
              [101.803725, 27.114691],
              [101.761729, 27.133444],
              [101.744483, 27.124835],
              [101.708759, 27.129012],
              [101.681994, 27.150404],
              [101.65075, 27.208169],
              [101.643135, 27.24513],
              [101.664748, 27.288888],
              [101.659261, 27.313569],
              [101.633728, 27.327949],
              [101.635408, 27.33952],
              [101.598452, 27.340456],
              [101.584229, 27.334671],
              [101.55836, 27.295357],
              [101.530475, 27.277823],
              [101.514685, 27.229802],
              [101.495759, 27.228014],
              [101.470674, 27.238829],
              [101.419048, 27.215835],
              [101.426999, 27.190792],
              [101.41412, 27.162164],
              [101.394299, 27.145206],
              [101.355215, 27.184658],
              [101.334721, 27.179546],
              [101.315571, 27.197522],
              [101.293174, 27.189599],
              [101.283095, 27.197607],
              [101.246027, 27.179205],
              [101.197425, 27.18321],
              [101.168084, 27.165232],
              [101.145351, 27.103779],
              [101.157221, 27.094826],
              [101.137399, 27.022329],
              [101.227213, 26.984441],
              [101.227101, 26.958919],
              [101.264505, 26.955504],
              [101.255546, 26.923913],
              [101.267753, 26.90299],
              [101.293958, 26.896157],
              [101.31154, 26.902905],
              [101.323299, 26.888299],
              [101.365406, 26.883686],
              [101.374701, 26.865318],
              [101.399674, 26.840453],
              [101.372013, 26.800367],
              [101.379852, 26.786432],
              [101.357791, 26.770614],
              [101.390267, 26.750004],
              [101.389707, 26.723146],
              [101.421624, 26.726312],
              [101.43607, 26.740596],
              [101.457124, 26.729733],
              [101.459139, 26.747353],
              [101.445925, 26.774205],
              [101.465747, 26.786688],
              [101.513341, 26.768562],
              [101.510654, 26.754452],
              [101.492176, 26.746412],
              [101.498895, 26.732214],
              [101.472802, 26.721436],
              [101.454548, 26.703641],
              [101.4541, 26.691148],
              [101.481201, 26.673177],
              [101.461043, 26.640737],
              [101.461939, 26.606746],
              [101.452084, 26.601009],
              [101.400234, 26.605119],
              [101.39609, 26.592017],
              [101.406617, 26.556383],
              [101.422967, 26.531708],
              [101.438422, 26.538477],
              [101.439766, 26.512684],
              [101.458691, 26.495456],
              [101.506958, 26.499656],
              [101.530027, 26.467252],
              [101.565639, 26.454563],
              [101.588149, 26.425834],
              [101.635632, 26.396069],
              [101.631488, 26.359517],
              [101.660605, 26.346816],
              [101.640335, 26.318833],
              [101.660381, 26.310849],
              [101.646942, 26.305183],
              [101.621073, 26.312824],
              [101.597444, 26.303466],
              [101.585797, 26.283888],
              [101.59442, 26.261559],
              [101.616706, 26.249792],
              [101.630368, 26.224879],
              [101.649966, 26.234244],
              [101.67158, 26.231838],
              [101.690057, 26.241717],
              [101.705064, 26.224449],
              [101.735748, 26.219982],
              [101.773152, 26.168247],
              [101.807644, 26.156298],
              [101.797229, 26.142198],
              [101.796558, 26.114769],
              [101.819515, 26.087074],
              [101.839897, 26.082429]
            ]
          ],
          [
            [
              [102.18213, 26.812591],
              [102.156261, 26.847717],
              [102.159845, 26.855151],
              [102.204976, 26.85216],
              [102.214159, 26.889153],
              [102.205312, 26.91042],
              [102.225917, 26.923999],
              [102.229165, 26.945174],
              [102.214495, 26.957297],
              [102.230173, 27.000485],
              [102.217518, 27.04596],
              [102.238684, 27.064298],
              [102.2407, 27.106592],
              [102.210351, 27.11776],
              [102.203296, 27.131398],
              [102.176419, 27.137535],
              [102.161077, 27.182187],
              [102.122665, 27.171878],
              [102.114826, 27.159437],
              [102.086269, 27.146484],
              [102.081566, 27.129268],
              [102.049761, 27.082718],
              [102.034083, 27.076152],
              [102.025908, 27.093462],
              [102.000263, 27.096873],
              [101.993879, 27.115202],
              [101.97305, 27.122619],
              [101.938782, 27.104034],
              [101.927247, 27.137109],
              [101.941021, 27.143842],
              [101.922095, 27.180654],
              [101.908433, 27.192666],
              [101.914368, 27.213195],
              [101.903618, 27.218561],
              [101.912241, 27.243683],
              [101.896786, 27.267096],
              [101.886259, 27.255603],
              [101.878084, 27.222734],
              [101.878196, 27.189855],
              [101.862966, 27.182784],
              [101.879204, 27.168129],
              [101.870357, 27.129694],
              [101.833065, 27.122619],
              [101.817387, 27.101732],
              [101.809212, 27.088858],
              [101.805852, 27.056366],
              [101.77248, 27.006544],
              [101.773488, 26.99289],
              [101.744931, 26.970614],
              [101.698904, 26.944406],
              [101.704952, 26.933477],
              [101.70148, 26.902051],
              [101.707528, 26.873691],
              [101.731157, 26.835924],
              [101.772704, 26.82413],
              [101.81358, 26.793272],
              [101.819963, 26.765227],
              [101.834297, 26.763516],
              [101.838889, 26.744958],
              [101.861398, 26.724173],
              [101.912688, 26.723318],
              [101.91672, 26.703127],
              [101.946509, 26.707662],
              [101.960171, 26.710143],
              [101.971706, 26.735464],
              [101.981897, 26.735892],
              [101.977081, 26.711084],
              [101.997463, 26.698849],
              [102.006534, 26.716388],
              [102.033187, 26.712367],
              [102.04573, 26.737517],
              [102.063088, 26.718613],
              [102.054801, 26.692688],
              [102.073502, 26.670867],
              [102.068351, 26.656659],
              [102.084477, 26.654519],
              [102.114714, 26.63406],
              [102.132296, 26.637741],
              [102.135543, 26.674718],
              [102.157045, 26.680708],
              [102.157605, 26.692346],
              [102.178883, 26.708346],
              [102.175859, 26.726568],
              [102.195681, 26.744616],
              [102.192993, 26.763602],
              [102.175075, 26.774975],
              [102.189857, 26.791904],
              [102.174179, 26.802419],
              [102.18213, 26.812591]
            ]
          ],
          [
            [
              [102.204976, 26.85216],
              [102.159845, 26.855151],
              [102.156261, 26.847717],
              [102.18213, 26.812591],
              [102.192657, 26.820455],
              [102.215615, 26.813617],
              [102.202288, 26.840795],
              [102.204976, 26.85216]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510500,
        "name": "泸州市",
        "center": [105.443348, 28.889138],
        "childrenNum": 7,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 3,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.420135, 29.314399],
              [105.395274, 29.308553],
              [105.389002, 29.286502],
              [105.386203, 29.284832],
              [105.384747, 29.283579],
              [105.384747, 29.283328],
              [105.383403, 29.281991],
              [105.368621, 29.285918],
              [105.366493, 29.287839],
              [105.365149, 29.292684],
              [105.364141, 29.291932],
              [105.339392, 29.281741],
              [105.318226, 29.263612],
              [105.287542, 29.218233],
              [105.281495, 29.188471],
              [105.266936, 29.188638],
              [105.256521, 29.17526],
              [105.271752, 29.160123],
              [105.244987, 29.135196],
              [105.250138, 29.119969],
              [105.207359, 29.070258],
              [105.188769, 29.056613],
              [105.187873, 29.027306],
              [105.214974, 29.016168],
              [105.234348, 29.026636],
              [105.269288, 29.009719],
              [105.267384, 28.979561],
              [105.239723, 28.956937],
              [105.267608, 28.939086],
              [105.254282, 28.9271],
              [105.244763, 28.937745],
              [105.225837, 28.934644],
              [105.217214, 28.95568],
              [105.205007, 28.951825],
              [105.201871, 28.929279],
              [105.167715, 28.92995],
              [105.162116, 28.947467],
              [105.145094, 28.942271],
              [105.166483, 28.9271],
              [105.177682, 28.907148],
              [105.203999, 28.896751],
              [105.202879, 28.869748],
              [105.21531, 28.818405],
              [105.225725, 28.807748],
              [105.2311, 28.777448],
              [105.240507, 28.774846],
              [105.204111, 28.746635],
              [105.216878, 28.739078],
              [105.219342, 28.715813],
              [105.203887, 28.709514],
              [105.21139, 28.696325],
              [105.201312, 28.673555],
              [105.167939, 28.65036],
              [105.172083, 28.607908],
              [105.207807, 28.569055],
              [105.203439, 28.548192],
              [105.226285, 28.540536],
              [105.237483, 28.523455],
              [105.234012, 28.49341],
              [105.206687, 28.457041],
              [105.191121, 28.445757],
              [105.228748, 28.449631],
              [105.229532, 28.451483],
              [105.230652, 28.450978],
              [105.2311, 28.449378],
              [105.295269, 28.449041],
              [105.293813, 28.435651],
              [105.32013, 28.427987],
              [105.32293, 28.386371],
              [105.3077, 28.371541],
              [105.287654, 28.369181],
              [105.306692, 28.359321],
              [105.310611, 28.339597],
              [105.336928, 28.313378],
              [105.331553, 28.292634],
              [105.339168, 28.280236],
              [105.333121, 28.256533],
              [105.348463, 28.205314],
              [105.344767, 28.185646],
              [105.358094, 28.153478],
              [105.350255, 28.140811],
              [105.275335, 28.134392],
              [105.224493, 28.099843],
              [105.225613, 28.098999],
              [105.225725, 28.09883],
              [105.226957, 28.094859],
              [105.226061, 28.094183],
              [105.220237, 28.091901],
              [105.204111, 28.073396],
              [105.17701, 28.066889],
              [105.18373, 28.040349],
              [105.167603, 28.023611],
              [105.184401, 27.996468],
              [105.215534, 27.990548],
              [105.246219, 28.009237],
              [105.270856, 27.995792],
              [105.269848, 27.978961],
              [105.283398, 27.959929],
              [105.280935, 27.929132],
              [105.264137, 27.91153],
              [105.248906, 27.912969],
              [105.234908, 27.898919],
              [105.250138, 27.844818],
              [105.244763, 27.822544],
              [105.27052, 27.818139],
              [105.314195, 27.81941],
              [105.313187, 27.81077],
              [105.287766, 27.807042],
              [105.273879, 27.795266],
              [105.292917, 27.771287],
              [105.287878, 27.742386],
              [105.290566, 27.712459],
              [105.309603, 27.705676],
              [105.327073, 27.727042],
              [105.339952, 27.729077],
              [105.353838, 27.748828],
              [105.368957, 27.749421],
              [105.440181, 27.77527],
              [105.458211, 27.767897],
              [105.477137, 27.774846],
              [105.517788, 27.764931],
              [105.537498, 27.753744],
              [105.550488, 27.72611],
              [105.60413, 27.71619],
              [105.604018, 27.700758],
              [105.619025, 27.687614],
              [105.623392, 27.667088],
              [105.643102, 27.659963],
              [105.66438, 27.683882],
              [105.702007, 27.676927],
              [105.721045, 27.684815],
              [105.722837, 27.705846],
              [105.784206, 27.719158],
              [105.842888, 27.705337],
              [105.868309, 27.732552],
              [105.921279, 27.747048],
              [105.929902, 27.728144],
              [105.985448, 27.74976],
              [106.023075, 27.746963],
              [106.062383, 27.763321],
              [106.063727, 27.777134],
              [106.12756, 27.778659],
              [106.19352, 27.754422],
              [106.224653, 27.760948],
              [106.268552, 27.782133],
              [106.295989, 27.803145],
              [106.341792, 27.820172],
              [106.317154, 27.838721],
              [106.34, 27.86531],
              [106.325889, 27.879364],
              [106.325777, 27.897988],
              [106.304836, 27.899342],
              [106.308083, 27.936748],
              [106.328353, 27.957983],
              [106.294309, 28.003656],
              [106.268888, 28.003318],
              [106.246266, 28.012027],
              [106.244139, 28.030543],
              [106.265528, 28.049816],
              [106.266648, 28.066551],
              [106.25153, 28.090296],
              [106.231484, 28.097985],
              [106.226221, 28.115894],
              [106.207071, 28.134223],
              [106.145254, 28.162851],
              [106.122072, 28.167073],
              [106.093515, 28.162682],
              [106.060927, 28.143007],
              [106.027219, 28.131267],
              [106.036514, 28.110741],
              [106.01322, 28.119949],
              [105.976153, 28.108038],
              [105.970777, 28.131267],
              [105.945244, 28.143513],
              [105.936957, 28.132281],
              [105.903697, 28.129156],
              [105.895186, 28.11978],
              [105.876036, 28.128227],
              [105.8785, 28.139037],
              [105.860918, 28.159558],
              [105.870996, 28.201937],
              [105.889026, 28.238479],
              [105.874244, 28.254593],
              [105.862709, 28.248941],
              [105.845687, 28.259908],
              [105.823402, 28.306885],
              [105.797645, 28.312366],
              [105.785662, 28.336478],
              [105.771328, 28.319449],
              [105.78667, 28.308825],
              [105.740643, 28.304862],
              [105.738627, 28.277284],
              [105.730004, 28.272139],
              [105.688569, 28.284369],
              [105.670091, 28.310427],
              [105.639518, 28.32417],
              [105.654861, 28.362355],
              [105.643326, 28.431524],
              [105.612529, 28.438936],
              [105.619361, 28.463608],
              [105.609842, 28.473964],
              [105.627984, 28.507802],
              [105.684649, 28.534563],
              [105.683417, 28.557867],
              [105.69316, 28.588567],
              [105.720709, 28.590585],
              [105.747474, 28.615895],
              [105.757665, 28.590333],
              [105.78499, 28.611103],
              [105.798429, 28.603199],
              [105.884995, 28.595463],
              [105.905937, 28.611019],
              [105.890258, 28.62136],
              [105.895634, 28.64372],
              [105.889474, 28.67053],
              [105.904817, 28.669606],
              [105.935613, 28.681874],
              [105.934269, 28.703633],
              [105.955883, 28.713881],
              [105.967754, 28.761665],
              [105.979288, 28.746551],
              [106.008965, 28.738238],
              [106.030802, 28.695064],
              [106.080413, 28.686327],
              [106.10337, 28.636071],
              [106.144582, 28.644729],
              [106.165747, 28.636239],
              [106.192064, 28.577802],
              [106.236187, 28.560138],
              [106.254889, 28.539443],
              [106.292629, 28.537339],
              [106.305396, 28.50452],
              [106.330705, 28.48213],
              [106.378859, 28.479689],
              [106.373036, 28.526906],
              [106.350191, 28.5402],
              [106.34224, 28.532627],
              [106.332049, 28.55324],
              [106.346607, 28.583773],
              [106.324546, 28.616736],
              [106.329809, 28.634054],
              [106.304052, 28.649856],
              [106.321522, 28.664648],
              [106.308531, 28.672547],
              [106.305172, 28.704221],
              [106.287702, 28.732359],
              [106.273143, 28.739833],
              [106.267656, 28.779295],
              [106.252426, 28.785842],
              [106.244363, 28.814629],
              [106.264856, 28.846093],
              [106.206959, 28.904548],
              [106.173474, 28.920813],
              [106.149173, 28.901949],
              [106.101243, 28.898931],
              [106.070558, 28.919807],
              [106.04928, 28.906393],
              [106.039426, 28.917711],
              [106.043793, 28.954172],
              [106.017476, 28.952915],
              [106.000902, 28.974031],
              [105.970217, 28.966071],
              [105.944012, 28.939589],
              [105.909744, 28.920477],
              [105.90952, 28.900188],
              [105.889362, 28.909495],
              [105.888019, 28.926848],
              [105.875028, 28.933973],
              [105.852742, 28.927351],
              [105.830457, 28.944283],
              [105.797533, 28.935901],
              [105.803804, 28.947635],
              [105.788238, 28.978221],
              [105.761921, 28.993049],
              [105.765952, 29.013906],
              [105.744563, 29.046649],
              [105.757777, 29.06624],
              [105.729892, 29.098799],
              [105.735156, 29.122396],
              [105.752066, 29.129758],
              [105.728884, 29.134443],
              [105.721381, 29.169573],
              [105.704471, 29.175678],
              [105.711974, 29.218902],
              [105.693944, 29.267539],
              [105.695176, 29.287338],
              [105.715894, 29.290846],
              [105.705031, 29.299199],
              [105.678042, 29.27347],
              [105.665164, 29.276561],
              [105.666507, 29.252917],
              [105.647581, 29.253251],
              [105.631791, 29.280404],
              [105.607938, 29.255758],
              [105.609506, 29.272719],
              [105.583301, 29.270379],
              [105.558328, 29.278483],
              [105.51846, 29.264447],
              [105.509165, 29.285416],
              [105.476241, 29.279235],
              [105.465378, 29.29235],
              [105.466498, 29.32158],
              [105.420135, 29.314399]
            ]
          ],
          [
            [
              [105.225613, 28.098999],
              [105.224493, 28.099843],
              [105.220237, 28.091901],
              [105.226061, 28.094183],
              [105.226957, 28.094859],
              [105.225725, 28.09883],
              [105.225613, 28.098999]
            ]
          ],
          [
            [
              [105.384747, 29.283579],
              [105.384747, 29.283328],
              [105.383403, 29.281991],
              [105.386203, 29.284832],
              [105.384747, 29.283579]
            ]
          ],
          [
            [
              [105.230652, 28.450978],
              [105.229532, 28.451483],
              [105.228748, 28.449631],
              [105.2311, 28.449378],
              [105.230652, 28.450978]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510600,
        "name": "德阳市",
        "center": [104.398651, 31.127991],
        "centroid": [104.436756, 31.128701],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 4,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.168723, 30.706395],
              [105.157972, 30.706313],
              [105.156517, 30.732496],
              [105.118329, 30.750276],
              [105.115865, 30.759247],
              [105.081149, 30.755873],
              [105.07051, 30.771756],
              [105.025267, 30.781878],
              [104.998502, 30.805901],
              [104.987192, 30.843076],
              [104.992007, 30.870125],
              [104.960427, 30.865029],
              [104.967482, 30.894949],
              [104.945308, 30.897496],
              [104.947436, 30.912124],
              [104.931646, 30.945808],
              [104.904769, 30.943425],
              [104.906785, 30.940879],
              [104.906449, 30.939975],
              [104.906113, 30.939647],
              [104.906001, 30.939647],
              [104.903649, 30.943015],
              [104.894578, 30.936936],
              [104.893682, 30.936361],
              [104.893682, 30.936197],
              [104.89357, 30.934964],
              [104.893458, 30.934964],
              [104.891554, 30.936607],
              [104.876772, 30.937347],
              [104.87666, 30.936607],
              [104.87666, 30.936279],
              [104.875652, 30.934554],
              [104.875316, 30.934718],
              [104.875204, 30.935786],
              [104.875204, 30.936114],
              [104.875652, 30.937757],
              [104.870165, 30.946465],
              [104.841496, 30.946465],
              [104.85471, 30.959442],
              [104.846311, 30.981368],
              [104.82593, 30.997625],
              [104.83836, 31.013878],
              [104.82593, 31.023564],
              [104.819882, 31.064182],
              [104.80678, 31.067135],
              [104.774751, 31.099616],
              [104.791885, 31.118394],
              [104.788974, 31.130283],
              [104.762321, 31.132004],
              [104.757393, 31.144219],
              [104.756385, 31.144383],
              [104.75605, 31.14512],
              [104.756721, 31.146104],
              [104.743507, 31.167168],
              [104.719654, 31.16266],
              [104.713942, 31.216079],
              [104.741939, 31.232623],
              [104.74877, 31.275117],
              [104.731524, 31.281174],
              [104.724917, 31.271351],
              [104.697256, 31.274298],
              [104.677434, 31.266849],
              [104.670827, 31.299998],
              [104.658172, 31.311127],
              [104.656829, 31.33109],
              [104.586165, 31.357674],
              [104.590532, 31.375665],
              [104.585045, 31.402482],
              [104.523676, 31.44261],
              [104.496911, 31.407795],
              [104.477313, 31.405588],
              [104.478545, 31.385068],
              [104.418295, 31.374847],
              [104.387051, 31.382861],
              [104.37574, 31.373784],
              [104.358158, 31.386376],
              [104.347407, 31.381798],
              [104.326914, 31.399294],
              [104.311011, 31.427738],
              [104.285702, 31.436318],
              [104.27092, 31.45936],
              [104.236428, 31.463608],
              [104.202944, 31.51457],
              [104.185586, 31.520286],
              [104.170579, 31.512366],
              [104.155685, 31.519061],
              [104.152325, 31.541755],
              [104.16106, 31.55612],
              [104.146054, 31.564934],
              [104.132727, 31.605319],
              [104.102715, 31.630602],
              [104.098459, 31.648622],
              [104.116937, 31.677724],
              [104.09398, 31.693535],
              [104.085917, 31.688075],
              [104.040786, 31.697691],
              [104.016037, 31.678539],
              [103.989384, 31.68237],
              [103.962842, 31.656612],
              [103.928238, 31.639572],
              [103.917376, 31.612089],
              [103.923311, 31.60328],
              [103.907409, 31.564444],
              [103.915136, 31.538409],
              [103.898226, 31.512856],
              [103.857798, 31.53849],
              [103.84212, 31.510896],
              [103.795757, 31.471777],
              [103.802588, 31.430108],
              [103.816027, 31.431906],
              [103.828682, 31.412454],
              [103.868437, 31.420954],
              [103.897554, 31.416377],
              [103.894754, 31.408858],
              [103.92835, 31.355139],
              [103.894418, 31.326018],
              [103.891618, 31.308017],
              [103.914128, 31.278964],
              [103.928014, 31.272497],
              [103.929134, 31.234425],
              [103.949404, 31.215997],
              [103.983, 31.200925],
              [104.014693, 31.167577],
              [104.009429, 31.153235],
              [104.022868, 31.142661],
              [104.019844, 31.103963],
              [104.057584, 31.07821],
              [104.060608, 31.0641],
              [104.094876, 31.032756],
              [104.10641, 31.031771],
              [104.10697, 31.032263],
              [104.117385, 31.017572],
              [104.143478, 31.01158],
              [104.166884, 30.993438],
              [104.166324, 30.951311],
              [104.142582, 30.925845],
              [104.149974, 30.91311],
              [104.168787, 30.918533],
              [104.202384, 30.91311],
              [104.21571, 30.8984],
              [104.244491, 30.896921],
              [104.288726, 30.90292],
              [104.322322, 30.891743],
              [104.351887, 30.902345],
              [104.367117, 30.93365],
              [104.389739, 30.925681],
              [104.39601, 30.942358],
              [104.44506, 30.940468],
              [104.465218, 30.9509],
              [104.495791, 30.935457],
              [104.511917, 30.935868],
              [104.533083, 30.917875],
              [104.520764, 30.882456],
              [104.585269, 30.862891],
              [104.596355, 30.864535],
              [104.613937, 30.847763],
              [104.629952, 30.852449],
              [104.640366, 30.837895],
              [104.698376, 30.825559],
              [104.718086, 30.771756],
              [104.732084, 30.778257],
              [104.750786, 30.726898],
              [104.768032, 30.71817],
              [104.788526, 30.721299],
              [104.78875, 30.694043],
              [104.800956, 30.690995],
              [104.818315, 30.664307],
              [104.821226, 30.643874],
              [104.842728, 30.649395],
              [104.847319, 30.631101],
              [104.819994, 30.598296],
              [104.819098, 30.580076],
              [104.858854, 30.582385],
              [104.859078, 30.611321],
              [104.878788, 30.617997],
              [104.886403, 30.609343],
              [104.910928, 30.625662],
              [104.932206, 30.617091],
              [104.93019, 30.601429],
              [104.953371, 30.612475],
              [104.970393, 30.586425],
              [104.963226, 30.56746],
              [104.983944, 30.529271],
              [105.025043, 30.530178],
              [105.022916, 30.546099],
              [105.048449, 30.545192],
              [105.066927, 30.53587],
              [105.079021, 30.543129],
              [105.094812, 30.584198],
              [105.117657, 30.602913],
              [105.130088, 30.624756],
              [105.153829, 30.640249],
              [105.142742, 30.653185],
              [105.146998, 30.669168],
              [105.161108, 30.672545],
              [105.174547, 30.697666],
              [105.168723, 30.706395]
            ]
          ],
          [
            [
              [104.876772, 30.937347],
              [104.875652, 30.937757],
              [104.875204, 30.936114],
              [104.875204, 30.935786],
              [104.875316, 30.934718],
              [104.875652, 30.934554],
              [104.87666, 30.936279],
              [104.87666, 30.936607],
              [104.876772, 30.937347]
            ]
          ],
          [
            [
              [104.894578, 30.936936],
              [104.891554, 30.936607],
              [104.893458, 30.934964],
              [104.89357, 30.934964],
              [104.893682, 30.936197],
              [104.893682, 30.936361],
              [104.894578, 30.936936]
            ]
          ],
          [
            [
              [104.904769, 30.943425],
              [104.903649, 30.943015],
              [104.906001, 30.939647],
              [104.906113, 30.939647],
              [104.906449, 30.939975],
              [104.906785, 30.940879],
              [104.904769, 30.943425]
            ]
          ],
          [
            [
              [104.756721, 31.146104],
              [104.75605, 31.14512],
              [104.756385, 31.144383],
              [104.757393, 31.144219],
              [104.756721, 31.146104]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510700,
        "name": "绵阳市",
        "center": [104.741722, 31.46402],
        "centroid": [104.704392, 31.850919],
        "childrenNum": 9,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 5,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.459219, 31.52698],
              [105.416215, 31.558487],
              [105.395834, 31.561588],
              [105.393258, 31.618369],
              [105.366269, 31.615596],
              [105.333009, 31.630276],
              [105.345103, 31.677235],
              [105.317555, 31.702988],
              [105.315315, 31.71855],
              [105.284518, 31.700951],
              [105.25361, 31.707306],
              [105.284406, 31.72914],
              [105.283062, 31.740218],
              [105.311395, 31.744128],
              [105.3077, 31.771327],
              [105.288774, 31.793716],
              [105.264137, 31.790541],
              [105.262233, 31.77841],
              [105.243755, 31.795181],
              [105.251482, 31.816587],
              [105.243195, 31.830014],
              [105.205231, 31.837094],
              [105.223261, 31.882078],
              [105.203327, 31.90509],
              [105.18317, 31.91135],
              [105.205343, 31.945652],
              [105.185185, 31.965399],
              [105.187761, 31.983029],
              [105.174211, 31.999518],
              [105.194144, 31.996025],
              [105.208591, 32.0117],
              [105.215198, 32.004229],
              [105.235692, 32.016492],
              [105.25193, 31.982866],
              [105.26436, 32.031514],
              [105.250026, 32.033138],
              [105.252602, 32.082651],
              [105.286198, 32.108777],
              [105.262569, 32.126623],
              [105.28575, 32.139762],
              [105.275111, 32.15598],
              [105.251706, 32.16725],
              [105.273096, 32.193189],
              [105.240395, 32.204292],
              [105.262233, 32.225198],
              [105.252826, 32.236297],
              [105.27052, 32.263027],
              [105.268504, 32.27809],
              [105.254394, 32.271611],
              [105.238043, 32.287401],
              [105.254954, 32.300679],
              [105.247562, 32.32051],
              [105.218894, 32.316059],
              [105.208815, 32.306831],
              [105.176674, 32.302621],
              [105.112729, 32.310797],
              [105.08742, 32.30335],
              [105.082605, 32.283596],
              [105.044865, 32.287563],
              [105.032994, 32.265133],
              [104.995255, 32.247557],
              [105.00007, 32.266429],
              [104.976553, 32.293069],
              [104.964458, 32.297359],
              [104.974649, 32.334592],
              [104.940381, 32.333621],
              [104.911712, 32.326175],
              [104.884611, 32.355144],
              [104.856278, 32.357329],
              [104.840712, 32.35118],
              [104.822458, 32.370434],
              [104.804316, 32.374155],
              [104.773856, 32.400116],
              [104.775423, 32.414913],
              [104.755938, 32.436336],
              [104.761649, 32.445955],
              [104.749218, 32.464623],
              [104.759745, 32.493871],
              [104.750002, 32.505341],
              [104.754818, 32.52642],
              [104.745971, 32.536351],
              [104.709687, 32.553952],
              [104.655933, 32.56049],
              [104.651117, 32.579619],
              [104.634207, 32.597211],
              [104.618977, 32.600842],
              [104.617745, 32.627464],
              [104.635775, 32.668511],
              [104.596355, 32.693259],
              [104.582805, 32.72219],
              [104.555144, 32.733792],
              [104.526699, 32.728394],
              [104.510237, 32.754495],
              [104.458947, 32.748534],
              [104.447524, 32.761743],
              [104.422103, 32.768831],
              [104.421655, 32.780588],
              [104.371709, 32.805949],
              [104.365325, 32.821564],
              [104.330161, 32.824622],
              [104.294325, 32.835728],
              [104.28895, 32.870325],
              [104.277079, 32.891317],
              [104.247851, 32.877564],
              [104.220302, 32.896143],
              [104.217278, 32.908767],
              [104.195664, 32.916888],
              [104.158821, 32.956998],
              [104.113466, 32.99982],
              [104.069231, 33.003114],
              [104.013461, 33.041258],
              [103.986472, 33.034674],
              [103.973705, 33.005122],
              [103.978521, 32.985602],
              [103.959371, 32.939879],
              [103.965082, 32.922114],
              [103.952988, 32.917451],
              [103.958027, 32.888422],
              [103.993975, 32.879334],
              [103.994535, 32.861154],
              [103.971466, 32.839671],
              [104.004614, 32.814159],
              [104.032387, 32.820357],
              [104.035522, 32.833073],
              [104.068895, 32.845224],
              [104.079309, 32.856971],
              [104.101035, 32.848201],
              [104.108314, 32.800635],
              [104.121305, 32.799911],
              [104.146502, 32.756589],
              [104.130152, 32.730327],
              [104.155909, 32.711473],
              [104.182786, 32.663431],
              [104.177634, 32.607054],
              [104.168451, 32.579377],
              [104.174835, 32.531345],
              [104.162292, 32.521332],
              [104.144486, 32.473754],
              [104.0951, 32.467694],
              [104.132279, 32.492094],
              [104.129368, 32.530457],
              [104.084237, 32.569127],
              [104.068335, 32.608426],
              [104.065871, 32.631013],
              [104.035634, 32.651578],
              [104.007973, 32.641578],
              [103.993303, 32.647788],
              [103.922415, 32.635771],
              [103.890387, 32.638997],
              [103.877508, 32.621333],
              [103.853095, 32.61367],
              [103.84492, 32.584058],
              [103.906961, 32.51051],
              [103.902817, 32.496617],
              [103.914576, 32.432699],
              [103.889155, 32.364852],
              [103.904497, 32.347053],
              [103.898002, 32.341227],
              [103.921295, 32.315411],
              [103.960155, 32.304564],
              [103.981768, 32.305617],
              [104.022756, 32.265214],
              [104.033507, 32.248691],
              [104.066655, 32.249258],
              [104.075838, 32.237513],
              [104.131048, 32.223011],
              [104.135751, 32.234677],
              [104.162292, 32.250473],
              [104.159828, 32.25995],
              [104.182114, 32.308936],
              [104.211455, 32.298412],
              [104.209439, 32.285053],
              [104.247515, 32.24942],
              [104.257481, 32.214746],
              [104.221757, 32.215394],
              [104.18189, 32.196593],
              [104.158821, 32.176491],
              [104.156581, 32.158899],
              [104.142134, 32.149655],
              [104.152885, 32.125893],
              [104.129032, 32.140248],
              [104.100587, 32.125001],
              [104.048961, 32.131408],
              [103.994983, 32.118917],
              [103.974713, 32.140897],
              [103.938877, 32.146817],
              [103.922527, 32.143087],
              [103.897442, 32.155736],
              [103.850743, 32.161331],
              [103.855111, 32.126704],
              [103.826778, 32.130354],
              [103.82689, 32.114375],
              [103.811995, 32.097987],
              [103.824874, 32.07056],
              [103.817147, 32.054732],
              [103.795869, 32.045965],
              [103.758241, 31.997894],
              [103.754882, 31.964342],
              [103.763617, 31.946384],
              [103.817931, 31.939801],
              [103.845704, 31.921187],
              [103.876836, 31.917854],
              [103.886131, 31.929234],
              [103.920623, 31.942239],
              [103.957691, 31.903545],
              [103.975497, 31.85605],
              [104.01738, 31.862232],
              [104.030707, 31.846938],
              [104.046497, 31.849297],
              [104.061055, 31.829038],
              [104.080093, 31.838639],
              [104.127576, 31.828712],
              [104.132951, 31.815936],
              [104.152213, 31.815855],
              [104.169795, 31.779876],
              [104.171027, 31.732317],
              [104.147734, 31.727104],
              [104.142694, 31.715454],
              [104.103163, 31.710321],
              [104.09398, 31.693535],
              [104.116937, 31.677724],
              [104.098459, 31.648622],
              [104.102715, 31.630602],
              [104.132727, 31.605319],
              [104.146054, 31.564934],
              [104.16106, 31.55612],
              [104.152325, 31.541755],
              [104.155685, 31.519061],
              [104.170579, 31.512366],
              [104.185586, 31.520286],
              [104.202944, 31.51457],
              [104.236428, 31.463608],
              [104.27092, 31.45936],
              [104.285702, 31.436318],
              [104.311011, 31.427738],
              [104.326914, 31.399294],
              [104.347407, 31.381798],
              [104.358158, 31.386376],
              [104.37574, 31.373784],
              [104.387051, 31.382861],
              [104.418295, 31.374847],
              [104.478545, 31.385068],
              [104.477313, 31.405588],
              [104.496911, 31.407795],
              [104.523676, 31.44261],
              [104.585045, 31.402482],
              [104.590532, 31.375665],
              [104.586165, 31.357674],
              [104.656829, 31.33109],
              [104.658172, 31.311127],
              [104.670827, 31.299998],
              [104.677434, 31.266849],
              [104.697256, 31.274298],
              [104.724917, 31.271351],
              [104.731524, 31.281174],
              [104.74877, 31.275117],
              [104.741939, 31.232623],
              [104.713942, 31.216079],
              [104.719654, 31.16266],
              [104.743507, 31.167168],
              [104.756721, 31.146104],
              [104.757393, 31.144219],
              [104.762321, 31.132004],
              [104.788974, 31.130283],
              [104.791885, 31.118394],
              [104.774751, 31.099616],
              [104.80678, 31.067135],
              [104.819882, 31.064182],
              [104.82593, 31.023564],
              [104.83836, 31.013878],
              [104.82593, 30.997625],
              [104.846311, 30.981368],
              [104.85471, 30.959442],
              [104.841496, 30.946465],
              [104.870165, 30.946465],
              [104.875652, 30.937757],
              [104.876772, 30.937347],
              [104.891554, 30.936607],
              [104.894578, 30.936936],
              [104.903649, 30.943015],
              [104.904769, 30.943425],
              [104.931646, 30.945808],
              [104.947436, 30.912124],
              [104.945308, 30.897496],
              [104.967482, 30.894949],
              [104.960427, 30.865029],
              [104.992007, 30.870125],
              [104.987192, 30.843076],
              [104.998502, 30.805901],
              [105.025267, 30.781878],
              [105.07051, 30.771756],
              [105.081149, 30.755873],
              [105.115865, 30.759247],
              [105.118329, 30.750276],
              [105.156517, 30.732496],
              [105.157972, 30.706313],
              [105.168723, 30.706395],
              [105.215198, 30.734718],
              [105.243979, 30.726074],
              [105.248682, 30.739164],
              [105.271976, 30.751428],
              [105.260441, 30.822845],
              [105.232332, 30.846283],
              [105.228636, 30.877359],
              [105.200192, 30.886154],
              [105.194256, 30.897003],
              [105.208815, 30.906207],
              [105.177346, 30.960181],
              [105.193808, 30.964698],
              [105.194704, 30.992042],
              [105.174771, 31.045967],
              [105.189889, 31.054993],
              [105.199968, 31.075995],
              [105.193248, 31.08592],
              [105.223933, 31.107653],
              [105.241179, 31.101831],
              [105.296837, 31.106341],
              [105.344431, 31.125938],
              [105.35395, 31.160611],
              [105.381275, 31.152907],
              [105.389338, 31.112081],
              [105.410728, 31.07255],
              [105.42831, 31.075749],
              [105.453955, 31.060162],
              [105.474225, 31.06369],
              [105.489903, 31.035874],
              [105.504462, 31.026518],
              [105.534362, 31.027011],
              [105.546009, 31.013632],
              [105.565831, 31.011252],
              [105.573334, 30.98884],
              [105.595843, 30.972582],
              [105.618689, 30.977591],
              [105.613873, 30.991303],
              [105.633807, 31.003289],
              [105.65822, 30.999923],
              [105.663372, 31.01749],
              [105.686665, 31.016341],
              [105.714102, 31.039321],
              [105.708727, 31.071237],
              [105.721717, 31.084197],
              [105.712198, 31.09691],
              [105.726197, 31.110769],
              [105.716678, 31.130365],
              [105.721381, 31.150366],
              [105.707047, 31.169216],
              [105.674346, 31.171757],
              [105.674682, 31.249492],
              [105.647805, 31.257598],
              [105.637615, 31.283548],
              [105.616673, 31.295579],
              [105.599091, 31.288704],
              [105.594163, 31.299834],
              [105.609058, 31.325527],
              [105.606482, 31.339598],
              [105.629775, 31.345896],
              [105.64243, 31.371168],
              [105.641646, 31.394797],
              [105.620928, 31.406651],
              [105.612193, 31.39635],
              [105.591252, 31.39725],
              [105.57255, 31.382043],
              [105.56863, 31.403136],
              [105.551048, 31.392753],
              [105.533018, 31.401582],
              [105.524059, 31.391364],
              [105.49875, 31.402482],
              [105.481168, 31.424224],
              [105.486992, 31.443918],
              [105.501662, 31.454866],
              [105.471313, 31.485826],
              [105.458211, 31.474717],
              [105.441973, 31.480517],
              [105.462802, 31.498974],
              [105.459219, 31.52698]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510800,
        "name": "广元市",
        "center": [105.829757, 32.433668],
        "centroid": [105.78583, 32.26157],
        "childrenNum": 7,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 6,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.459219, 31.52698],
              [105.494719, 31.550326],
              [105.493711, 31.551468],
              [105.498414, 31.574155],
              [105.529771, 31.574644],
              [105.53537, 31.564771],
              [105.579493, 31.565668],
              [105.599203, 31.581009],
              [105.60805, 31.551631],
              [105.618353, 31.55359],
              [105.622496, 31.58419],
              [105.639518, 31.587617],
              [105.633247, 31.60067],
              [105.653517, 31.61372],
              [105.657884, 31.601975],
              [105.684649, 31.608908],
              [105.69932, 31.649845],
              [105.723845, 31.663623],
              [105.726085, 31.726615],
              [105.749378, 31.718794],
              [105.76864, 31.735412],
              [105.780735, 31.712684],
              [105.816011, 31.677643],
              [105.817914, 31.66778],
              [105.847143, 31.667047],
              [105.838072, 31.65115],
              [105.845799, 31.632559],
              [105.865285, 31.614781],
              [105.885779, 31.630521],
              [105.881635, 31.648052],
              [105.910528, 31.625791],
              [105.929902, 31.649193],
              [105.925086, 31.664764],
              [105.958235, 31.672426],
              [105.977496, 31.662482],
              [106.007173, 31.684734],
              [106.032482, 31.687586],
              [106.048385, 31.698098],
              [106.078061, 31.697202],
              [106.068318, 31.708447],
              [106.10225, 31.73248],
              [106.111993, 31.758543],
              [106.128568, 31.767174],
              [106.12364, 31.792006],
              [106.110538, 31.790785],
              [106.130359, 31.829282],
              [106.138646, 31.811297],
              [106.153765, 31.806576],
              [106.188481, 31.821796],
              [106.199232, 31.818622],
              [106.194528, 31.785901],
              [106.211326, 31.770757],
              [106.24817, 31.7824],
              [106.262057, 31.773851],
              [106.275271, 31.79689],
              [106.270456, 31.810972],
              [106.292293, 31.80739],
              [106.310435, 31.825539],
              [106.327345, 31.829689],
              [106.33552, 31.848484],
              [106.361277, 31.846287],
              [106.384235, 31.801693],
              [106.39577, 31.805681],
              [106.406296, 31.808286],
              [106.416039, 31.83156],
              [106.406408, 31.874189],
              [106.424662, 31.889803],
              [106.408984, 31.902081],
              [106.427462, 31.915009],
              [106.419847, 31.917529],
              [106.426678, 31.923219],
              [106.428694, 31.922813],
              [106.446052, 31.943295],
              [106.463522, 31.94167],
              [106.464754, 31.954591],
              [106.445492, 31.977179],
              [106.482112, 31.977098],
              [106.493087, 32.006016],
              [106.508765, 32.024775],
              [106.501038, 32.048969],
              [106.519628, 32.050186],
              [106.517836, 32.068531],
              [106.533514, 32.08184],
              [106.559159, 32.082733],
              [106.535194, 32.098474],
              [106.567558, 32.128407],
              [106.556919, 32.1756],
              [106.564647, 32.227548],
              [106.594547, 32.23727],
              [106.666219, 32.249663],
              [106.674842, 32.272664],
              [106.688393, 32.266267],
              [106.718405, 32.269263],
              [106.71695, 32.294607],
              [106.755361, 32.285296],
              [106.776191, 32.296874],
              [106.745058, 32.322938],
              [106.737779, 32.31533],
              [106.725909, 32.336939],
              [106.688953, 32.348024],
              [106.691528, 32.404159],
              [106.684697, 32.418066],
              [106.689849, 32.453633],
              [106.674842, 32.486196],
              [106.649421, 32.50421],
              [106.65838, 32.566221],
              [106.652109, 32.590756],
              [106.658044, 32.622463],
              [106.645278, 32.63682],
              [106.64035, 32.687294],
              [106.629375, 32.681248],
              [106.588612, 32.688584],
              [106.566774, 32.675847],
              [106.517276, 32.668027],
              [106.498126, 32.64932],
              [106.472929, 32.650368],
              [106.451651, 32.660125],
              [106.450979, 32.640207],
              [106.420519, 32.616655],
              [106.38905, 32.626738],
              [106.383227, 32.646578],
              [106.351199, 32.671897],
              [106.305508, 32.679636],
              [106.278855, 32.670687],
              [106.256457, 32.693259],
              [106.17437, 32.697611],
              [106.171795, 32.709136],
              [106.153653, 32.705751],
              [106.145366, 32.720417],
              [106.119944, 32.719611],
              [106.062047, 32.7673],
              [106.065519, 32.783486],
              [106.094747, 32.795966],
              [106.093627, 32.823737],
              [106.069998, 32.824059],
              [106.046705, 32.852224],
              [106.021732, 32.857534],
              [106.011541, 32.829693],
              [105.99519, 32.828003],
              [105.969321, 32.849005],
              [105.927214, 32.825991],
              [105.89317, 32.838464],
              [105.857782, 32.827439],
              [105.850727, 32.818103],
              [105.831129, 32.826071],
              [105.816906, 32.790411],
              [105.82273, 32.771649],
              [105.779615, 32.750225],
              [105.768752, 32.767542],
              [105.750722, 32.767945],
              [105.73594, 32.75385],
              [105.719253, 32.75973],
              [105.678042, 32.726541],
              [105.649261, 32.718725],
              [105.625408, 32.702044],
              [105.596403, 32.699303],
              [105.585204, 32.729119],
              [105.556312, 32.732019],
              [105.55788, 32.752964],
              [105.56807, 32.758763],
              [105.554744, 32.773985],
              [105.556312, 32.792021],
              [105.535818, 32.789847],
              [105.524507, 32.847718],
              [105.495503, 32.873221],
              [105.486768, 32.92139],
              [105.456307, 32.932645],
              [105.42551, 32.931117],
              [105.41308, 32.918898],
              [105.407816, 32.885768],
              [105.380827, 32.878771],
              [105.399753, 32.829049],
              [105.427526, 32.784292],
              [105.425174, 32.774951],
              [105.453283, 32.767623],
              [105.459443, 32.7524],
              [105.448916, 32.732744],
              [105.425398, 32.733953],
              [105.394266, 32.714293],
              [105.365597, 32.710425],
              [105.346895, 32.682699],
              [105.308708, 32.67109],
              [105.297733, 32.657061],
              [105.261785, 32.653191],
              [105.241179, 32.668914],
              [105.219677, 32.666334],
              [105.215086, 32.63682],
              [105.186865, 32.62585],
              [105.184737, 32.617381],
              [105.143862, 32.601245],
              [105.110826, 32.594145],
              [105.095931, 32.6077],
              [105.079357, 32.637223],
              [105.030195, 32.650449],
              [105.014852, 32.640127],
              [104.971961, 32.632948],
              [104.927726, 32.60891],
              [104.881811, 32.601164],
              [104.873636, 32.623027],
              [104.845751, 32.653916],
              [104.820666, 32.662947],
              [104.795917, 32.643514],
              [104.766016, 32.645449],
              [104.739587, 32.635449],
              [104.696808, 32.673509],
              [104.668027, 32.662544],
              [104.635775, 32.668511],
              [104.617745, 32.627464],
              [104.618977, 32.600842],
              [104.634207, 32.597211],
              [104.651117, 32.579619],
              [104.655933, 32.56049],
              [104.709687, 32.553952],
              [104.745971, 32.536351],
              [104.754818, 32.52642],
              [104.750002, 32.505341],
              [104.759745, 32.493871],
              [104.749218, 32.464623],
              [104.761649, 32.445955],
              [104.755938, 32.436336],
              [104.775423, 32.414913],
              [104.773856, 32.400116],
              [104.804316, 32.374155],
              [104.822458, 32.370434],
              [104.840712, 32.35118],
              [104.856278, 32.357329],
              [104.884611, 32.355144],
              [104.911712, 32.326175],
              [104.940381, 32.333621],
              [104.974649, 32.334592],
              [104.964458, 32.297359],
              [104.976553, 32.293069],
              [105.00007, 32.266429],
              [104.995255, 32.247557],
              [105.032994, 32.265133],
              [105.044865, 32.287563],
              [105.082605, 32.283596],
              [105.08742, 32.30335],
              [105.112729, 32.310797],
              [105.176674, 32.302621],
              [105.208815, 32.306831],
              [105.218894, 32.316059],
              [105.247562, 32.32051],
              [105.254954, 32.300679],
              [105.238043, 32.287401],
              [105.254394, 32.271611],
              [105.268504, 32.27809],
              [105.27052, 32.263027],
              [105.252826, 32.236297],
              [105.262233, 32.225198],
              [105.240395, 32.204292],
              [105.273096, 32.193189],
              [105.251706, 32.16725],
              [105.275111, 32.15598],
              [105.28575, 32.139762],
              [105.262569, 32.126623],
              [105.286198, 32.108777],
              [105.252602, 32.082651],
              [105.250026, 32.033138],
              [105.26436, 32.031514],
              [105.25193, 31.982866],
              [105.235692, 32.016492],
              [105.215198, 32.004229],
              [105.208591, 32.0117],
              [105.194144, 31.996025],
              [105.174211, 31.999518],
              [105.187761, 31.983029],
              [105.185185, 31.965399],
              [105.205343, 31.945652],
              [105.18317, 31.91135],
              [105.203327, 31.90509],
              [105.223261, 31.882078],
              [105.205231, 31.837094],
              [105.243195, 31.830014],
              [105.251482, 31.816587],
              [105.243755, 31.795181],
              [105.262233, 31.77841],
              [105.264137, 31.790541],
              [105.288774, 31.793716],
              [105.3077, 31.771327],
              [105.311395, 31.744128],
              [105.283062, 31.740218],
              [105.284406, 31.72914],
              [105.25361, 31.707306],
              [105.284518, 31.700951],
              [105.315315, 31.71855],
              [105.317555, 31.702988],
              [105.345103, 31.677235],
              [105.333009, 31.630276],
              [105.366269, 31.615596],
              [105.393258, 31.618369],
              [105.395834, 31.561588],
              [105.416215, 31.558487],
              [105.459219, 31.52698]
            ]
          ],
          [
            [
              [106.419847, 31.917529],
              [106.427462, 31.915009],
              [106.428694, 31.922813],
              [106.426678, 31.923219],
              [106.419847, 31.917529]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510900,
        "name": "遂宁市",
        "center": [105.571331, 30.513311],
        "centroid": [105.475016, 30.630107],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 7,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.066927, 30.53587],
              [105.059983, 30.522753],
              [105.084173, 30.494616],
              [105.076558, 30.481741],
              [105.090444, 30.459536],
              [105.090108, 30.442363],
              [105.075214, 30.44228],
              [105.075102, 30.442115],
              [105.074766, 30.44195],
              [105.074206, 30.441785],
              [105.073758, 30.44195],
              [105.073646, 30.442115],
              [105.068942, 30.432949],
              [105.090444, 30.425682],
              [105.080141, 30.412385],
              [105.079917, 30.411724],
              [105.07387, 30.403133],
              [105.093692, 30.395947],
              [105.097275, 30.396194],
              [105.100635, 30.38562],
              [105.101419, 30.385455],
              [105.126056, 30.341491],
              [105.151365, 30.341987],
              [105.157412, 30.323388],
              [105.197056, 30.310738],
              [105.198064, 30.311813],
              [105.198176, 30.311813],
              [105.19784, 30.309994],
              [105.218894, 30.30586],
              [105.221805, 30.287171],
              [105.258313, 30.280307],
              [105.263913, 30.287915],
              [105.328305, 30.303297],
              [105.343088, 30.298087],
              [105.35843, 30.308093],
              [105.368845, 30.278404],
              [105.380379, 30.276916],
              [105.411064, 30.295606],
              [105.425958, 30.259876],
              [105.444996, 30.265997],
              [105.480944, 30.238696],
              [105.4824, 30.223222],
              [105.521036, 30.202613],
              [105.529323, 30.21958],
              [105.547129, 30.212711],
              [105.557544, 30.195826],
              [105.558887, 30.185561],
              [105.561463, 30.183656],
              [105.579941, 30.173473],
              [105.595171, 30.183656],
              [105.64243, 30.186388],
              [105.655421, 30.220822],
              [105.636271, 30.219746],
              [105.619473, 30.234641],
              [105.625072, 30.27584],
              [105.667179, 30.265666],
              [105.670651, 30.254085],
              [105.723845, 30.254747],
              [105.734932, 30.276998],
              [105.71175, 30.282209],
              [105.714774, 30.322809],
              [105.741875, 30.319833],
              [105.735044, 30.336697],
              [105.756209, 30.347112],
              [105.751842, 30.357112],
              [105.769536, 30.375292],
              [105.760241, 30.384546],
              [105.77032, 30.403959],
              [105.78275, 30.403133],
              [105.791709, 30.425434],
              [105.818026, 30.437243],
              [105.846695, 30.410733],
              [105.846247, 30.392394],
              [105.873796, 30.408668],
              [105.899441, 30.405612],
              [105.901569, 30.386363],
              [105.917023, 30.395947],
              [105.940877, 30.372317],
              [105.967978, 30.379258],
              [105.992055, 30.369177],
              [106.00079, 30.376283],
              [105.987239, 30.394047],
              [105.989815, 30.41255],
              [105.9794, 30.427581],
              [105.963834, 30.424691],
              [105.948268, 30.441619],
              [105.950172, 30.452931],
              [105.971225, 30.456151],
              [105.970665, 30.477119],
              [105.954203, 30.514255],
              [105.945692, 30.501383],
              [105.934045, 30.516731],
              [105.915791, 30.508974],
              [105.927102, 30.494038],
              [105.948828, 30.494368],
              [105.917807, 30.466966],
              [105.885331, 30.458875],
              [105.884099, 30.496266],
              [105.867413, 30.497092],
              [105.860246, 30.48496],
              [105.846807, 30.491645],
              [105.862821, 30.51244],
              [105.877492, 30.547419],
              [105.871332, 30.562182],
              [105.85431, 30.565728],
              [105.82385, 30.602995],
              [105.82329, 30.621953],
              [105.809067, 30.625333],
              [105.813771, 30.651372],
              [105.792717, 30.711418],
              [105.792941, 30.759906],
              [105.782302, 30.785086],
              [105.796749, 30.800883],
              [105.784318, 30.823832],
              [105.755761, 30.841267],
              [105.730564, 30.876784],
              [105.744899, 30.879086],
              [105.73202, 30.905714],
              [105.705927, 30.910152],
              [105.691705, 30.933896],
              [105.65934, 30.918697],
              [105.6599, 30.942275],
              [105.643438, 30.948025],
              [105.618689, 30.977591],
              [105.595843, 30.972582],
              [105.573334, 30.98884],
              [105.565831, 31.011252],
              [105.546009, 31.013632],
              [105.534362, 31.027011],
              [105.504462, 31.026518],
              [105.489903, 31.035874],
              [105.474225, 31.06369],
              [105.453955, 31.060162],
              [105.42831, 31.075749],
              [105.410728, 31.07255],
              [105.389338, 31.112081],
              [105.381275, 31.152907],
              [105.35395, 31.160611],
              [105.344431, 31.125938],
              [105.296837, 31.106341],
              [105.241179, 31.101831],
              [105.223933, 31.107653],
              [105.193248, 31.08592],
              [105.199968, 31.075995],
              [105.189889, 31.054993],
              [105.174771, 31.045967],
              [105.194704, 30.992042],
              [105.193808, 30.964698],
              [105.177346, 30.960181],
              [105.208815, 30.906207],
              [105.194256, 30.897003],
              [105.200192, 30.886154],
              [105.228636, 30.877359],
              [105.232332, 30.846283],
              [105.260441, 30.822845],
              [105.271976, 30.751428],
              [105.248682, 30.739164],
              [105.243979, 30.726074],
              [105.215198, 30.734718],
              [105.168723, 30.706395],
              [105.174547, 30.697666],
              [105.161108, 30.672545],
              [105.146998, 30.669168],
              [105.142742, 30.653185],
              [105.153829, 30.640249],
              [105.130088, 30.624756],
              [105.117657, 30.602913],
              [105.094812, 30.584198],
              [105.079021, 30.543129],
              [105.066927, 30.53587]
            ]
          ],
          [
            [
              [105.093916, 30.395616],
              [105.094364, 30.396277],
              [105.094364, 30.396277],
              [105.093804, 30.395864],
              [105.093916, 30.395616]
            ]
          ],
          [
            [
              [105.075102, 30.442115],
              [105.075214, 30.44228],
              [105.073646, 30.442115],
              [105.073758, 30.44195],
              [105.074206, 30.441785],
              [105.074766, 30.44195],
              [105.075102, 30.442115]
            ]
          ],
          [
            [
              [105.198176, 30.311813],
              [105.198064, 30.311813],
              [105.197056, 30.310738],
              [105.19784, 30.309994],
              [105.198176, 30.311813]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511000,
        "name": "内江市",
        "center": [105.066138, 29.58708],
        "centroid": [104.913978, 29.638381],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 8,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.467234, 30.034689],
              [104.455363, 30.000606],
              [104.479217, 29.98891],
              [104.461859, 29.950579],
              [104.481792, 29.942363],
              [104.473281, 29.93481],
              [104.488512, 29.92153],
              [104.490079, 29.904761],
              [104.503294, 29.897454],
              [104.483584, 29.854104],
              [104.483248, 29.852194],
              [104.477425, 29.811317],
              [104.50307, 29.807411],
              [104.486608, 29.786965],
              [104.470146, 29.785386],
              [104.457155, 29.748223],
              [104.442373, 29.733837],
              [104.41572, 29.732257],
              [104.39769, 29.74839],
              [104.372157, 29.734586],
              [104.360286, 29.737746],
              [104.336769, 29.722276],
              [104.350319, 29.70173],
              [104.321314, 29.709966],
              [104.3081, 29.695075],
              [104.269576, 29.632491],
              [104.280551, 29.613925],
              [104.309332, 29.607347],
              [104.334193, 29.583113],
              [104.340688, 29.565704],
              [104.383579, 29.584196],
              [104.381787, 29.607264],
              [104.39489, 29.621002],
              [104.421767, 29.616423],
              [104.442933, 29.600102],
              [104.474065, 29.609262],
              [104.488847, 29.601435],
              [104.493551, 29.582613],
              [104.482912, 29.562872],
              [104.501726, 29.549958],
              [104.529611, 29.518876],
              [104.53465, 29.456601],
              [104.510013, 29.456767],
              [104.535658, 29.418566],
              [104.543945, 29.441005],
              [104.558728, 29.431913],
              [104.569814, 29.441172],
              [104.587956, 29.422987],
              [104.619761, 29.444758],
              [104.652461, 29.411141],
              [104.673403, 29.398709],
              [104.674299, 29.38227],
              [104.704423, 29.372255],
              [104.710919, 29.361404],
              [104.745411, 29.36324],
              [104.738132, 29.381936],
              [104.759969, 29.374759],
              [104.766128, 29.406469],
              [104.751458, 29.402631],
              [104.741155, 29.432414],
              [104.750786, 29.453598],
              [104.777327, 29.448177],
              [104.786398, 29.457518],
              [104.808796, 29.457018],
              [104.833657, 29.430495],
              [104.848775, 29.467858],
              [104.873972, 29.47086],
              [104.871957, 29.459019],
              [104.917647, 29.434332],
              [104.937133, 29.445425],
              [104.961882, 29.416647],
              [104.993127, 29.438669],
              [105.026947, 29.439587],
              [105.020564, 29.454432],
              [105.04061, 29.461938],
              [105.030643, 29.472527],
              [105.044305, 29.480865],
              [105.067823, 29.454349],
              [105.063119, 29.442923],
              [105.084285, 29.42232],
              [105.079469, 29.406886],
              [105.046881, 29.408721],
              [105.035346, 29.382937],
              [105.063679, 29.364659],
              [105.072526, 29.336359],
              [105.108922, 29.315568],
              [105.120121, 29.302205],
              [105.113961, 29.284999],
              [105.134903, 29.257429],
              [105.160548, 29.262776],
              [105.203999, 29.23963],
              [105.195488, 29.222078],
              [105.217998, 29.20561],
              [105.23558, 29.215475],
              [105.266936, 29.188638],
              [105.281495, 29.188471],
              [105.287542, 29.218233],
              [105.318226, 29.263612],
              [105.339392, 29.281741],
              [105.364141, 29.291932],
              [105.364141, 29.292934],
              [105.364813, 29.293519],
              [105.365149, 29.292684],
              [105.366493, 29.287839],
              [105.368957, 29.287839],
              [105.368845, 29.286586],
              [105.368621, 29.285918],
              [105.383403, 29.281991],
              [105.386203, 29.284832],
              [105.387771, 29.287254],
              [105.387659, 29.287588],
              [105.387883, 29.287588],
              [105.389002, 29.286502],
              [105.395274, 29.308553],
              [105.420135, 29.314399],
              [105.418567, 29.352305],
              [105.437045, 29.364743],
              [105.432006, 29.378848],
              [105.443092, 29.399126],
              [105.427302, 29.4189],
              [105.372988, 29.420902],
              [105.399193, 29.439003],
              [105.387995, 29.455099],
              [105.362014, 29.454683],
              [105.360446, 29.444258],
              [105.324498, 29.448594],
              [105.337824, 29.458852],
              [105.32125, 29.476029],
              [105.318898, 29.512375],
              [105.294373, 29.53396],
              [105.289782, 29.552624],
              [105.296725, 29.571202],
              [105.317667, 29.578115],
              [105.311283, 29.593357],
              [105.322258, 29.610095],
              [105.335473, 29.595189],
              [105.346783, 29.620253],
              [105.380827, 29.628246],
              [105.37758, 29.643313],
              [105.393146, 29.650721],
              [105.389674, 29.67652],
              [105.400537, 29.671611],
              [105.423943, 29.687587],
              [105.416775, 29.721112],
              [105.393482, 29.747226],
              [105.405017, 29.78896],
              [105.383179, 29.796856],
              [105.373548, 29.824612],
              [105.360446, 29.83425],
              [105.35395, 29.811566],
              [105.332225, 29.81115],
              [105.319122, 29.821953],
              [105.297733, 29.82054],
              [105.288662, 29.798269],
              [105.252714, 29.796025],
              [105.233564, 29.804087],
              [105.238491, 29.817549],
              [105.217326, 29.8448],
              [105.175554, 29.846711],
              [105.125608, 29.830677],
              [105.0947, 29.848954],
              [105.080589, 29.88284],
              [105.100747, 29.885498],
              [105.097051, 29.904927],
              [105.064015, 29.922526],
              [105.074654, 29.944023],
              [105.049345, 29.947508],
              [105.0209, 29.976798],
              [104.993687, 29.977047],
              [104.976441, 29.993223],
              [104.95158, 29.99256],
              [104.932766, 29.977296],
              [104.924367, 29.946844],
              [104.903649, 29.941367],
              [104.927166, 29.936221],
              [104.902417, 29.907168],
              [104.905441, 29.904678],
              [104.905217, 29.900692],
              [104.899505, 29.902353],
              [104.8789, 29.912897],
              [104.863333, 29.890895],
              [104.828057, 29.885498],
              [104.839144, 29.866812],
              [104.805436, 29.8752],
              [104.793341, 29.866895],
              [104.809132, 29.853024],
              [104.791997, 29.849037],
              [104.780575, 29.861413],
              [104.798493, 29.880183],
              [104.748322, 29.909244],
              [104.743619, 29.933233],
              [104.730628, 29.948504],
              [104.691769, 29.954645],
              [104.685049, 29.964436],
              [104.672955, 29.944189],
              [104.709127, 29.933233],
              [104.689865, 29.920036],
              [104.687289, 29.90227],
              [104.673739, 29.905674],
              [104.64395, 29.957383],
              [104.631184, 29.940952],
              [104.60677, 29.932901],
              [104.592548, 29.950164],
              [104.577989, 29.951076],
              [104.568471, 29.995546],
              [104.546297, 30.008485],
              [104.533195, 29.999278],
              [104.5239, 30.027227],
              [104.498142, 30.035933],
              [104.499486, 30.022666],
              [104.468578, 30.026563],
              [104.467234, 30.034689]
            ]
          ],
          [
            [
              [105.387883, 29.287588],
              [105.387659, 29.287588],
              [105.387771, 29.287254],
              [105.386203, 29.284832],
              [105.389002, 29.286502],
              [105.387883, 29.287588]
            ]
          ],
          [
            [
              [105.364813, 29.293519],
              [105.364141, 29.292934],
              [105.364141, 29.291932],
              [105.365149, 29.292684],
              [105.364813, 29.293519]
            ]
          ],
          [
            [
              [105.368957, 29.287839],
              [105.366493, 29.287839],
              [105.368621, 29.285918],
              [105.368845, 29.286586],
              [105.368957, 29.287839]
            ]
          ],
          [
            [
              [104.905441, 29.904678],
              [104.902417, 29.907168],
              [104.899505, 29.902353],
              [104.905217, 29.900692],
              [104.905441, 29.904678]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511100,
        "name": "乐山市",
        "center": [103.761263, 29.582024],
        "centroid": [103.571823, 29.214311],
        "childrenNum": 11,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 9,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.17685, 29.195745],
              [104.150645, 29.194157],
              [104.150981, 29.22726],
              [104.14359, 29.256844],
              [104.118393, 29.236454],
              [104.109658, 29.241886],
              [104.116377, 29.263946],
              [104.14639, 29.283829],
              [104.139447, 29.307467],
              [104.09174, 29.315317],
              [104.07651, 29.323584],
              [104.083229, 29.348298],
              [104.105626, 29.338864],
              [104.135415, 29.338781],
              [104.142022, 29.355644],
              [104.163412, 29.364158],
              [104.160836, 29.379933],
              [104.141126, 29.374508],
              [104.134967, 29.399043],
              [104.133175, 29.39946],
              [104.132503, 29.399627],
              [104.131272, 29.400378],
              [104.100811, 29.382186],
              [104.090172, 29.391616],
              [104.0923, 29.416397],
              [104.105962, 29.414895],
              [104.098347, 29.437168],
              [104.058256, 29.425907],
              [104.052656, 29.456684],
              [104.064191, 29.472361],
              [104.08838, 29.461687],
              [104.128472, 29.498289],
              [104.14919, 29.472277],
              [104.150309, 29.472027],
              [104.166324, 29.495955],
              [104.165988, 29.496538],
              [104.151093, 29.52221],
              [104.135079, 29.52096],
              [104.160948, 29.541876],
              [104.166884, 29.55729],
              [104.139895, 29.589693],
              [104.16722, 29.597854],
              [104.182226, 29.633407],
              [104.212239, 29.61251],
              [104.251098, 29.623084],
              [104.249754, 29.636154],
              [104.240347, 29.64323],
              [104.228477, 29.676187],
              [104.203727, 29.665702],
              [104.187489, 29.686339],
              [104.191297, 29.705058],
              [104.157477, 29.716371],
              [104.152885, 29.707304],
              [104.12612, 29.717452],
              [104.116937, 29.733421],
              [104.089388, 29.743733],
              [104.062623, 29.777821],
              [104.088716, 29.813643],
              [104.069231, 29.828517],
              [104.043809, 29.830677],
              [104.05624, 29.84696],
              [104.050081, 29.868473],
              [104.003606, 29.869968],
              [103.982888, 29.8502],
              [103.967658, 29.85643],
              [103.951084, 29.841727],
              [103.962395, 29.827603],
              [103.927678, 29.825526],
              [103.934622, 29.804668],
              [103.903265, 29.783391],
              [103.912784, 29.775826],
              [103.893522, 29.742486],
              [103.85623, 29.746976],
              [103.842344, 29.731093],
              [103.822522, 29.73076],
              [103.799229, 29.714042],
              [103.765073, 29.706555],
              [103.755442, 29.720197],
              [103.7317, 29.721944],
              [103.704711, 29.714375],
              [103.705607, 29.737247],
              [103.688025, 29.759365],
              [103.703368, 29.771587],
              [103.747267, 29.789957],
              [103.741107, 29.811067],
              [103.728789, 29.816053],
              [103.729125, 29.849286],
              [103.692729, 29.898866],
              [103.676715, 29.90393],
              [103.677834, 29.919621],
              [103.648158, 29.92817],
              [103.64211, 29.91796],
              [103.607954, 29.909244],
              [103.590484, 29.91904],
              [103.590484, 29.902021],
              [103.571782, 29.895462],
              [103.584661, 29.880847],
              [103.558008, 29.868058],
              [103.513885, 29.87902],
              [103.533595, 29.860666],
              [103.533371, 29.84156],
              [103.518028, 29.843388],
              [103.485776, 29.814807],
              [103.464386, 29.82162],
              [103.432918, 29.820623],
              [103.430566, 29.787879],
              [103.439413, 29.770922],
              [103.416904, 29.774829],
              [103.394058, 29.805416],
              [103.38062, 29.792617],
              [103.359118, 29.799516],
              [103.333473, 29.794196],
              [103.315667, 29.771753],
              [103.315779, 29.741488],
              [103.299429, 29.727516],
              [103.304356, 29.706389],
              [103.295957, 29.694409],
              [103.303684, 29.677935],
              [103.321826, 29.683094],
              [103.337057, 29.672776],
              [103.352959, 29.698735],
              [103.361694, 29.661791],
              [103.337281, 29.651803],
              [103.338737, 29.63424],
              [103.298869, 29.599853],
              [103.267848, 29.596105],
              [103.2702, 29.573701],
              [103.256426, 29.55679],
              [103.27132, 29.53221],
              [103.259673, 29.511375],
              [103.294166, 29.506874],
              [103.277703, 29.485617],
              [103.258889, 29.478447],
              [103.204464, 29.483867],
              [103.186434, 29.474278],
              [103.18005, 29.430161],
              [103.157541, 29.425573],
              [103.126968, 29.440421],
              [103.090012, 29.425573],
              [103.054736, 29.446009],
              [103.014869, 29.448011],
              [102.983512, 29.418483],
              [102.975449, 29.397791],
              [102.998519, 29.368332],
              [102.980377, 29.340367],
              [102.979817, 29.320578],
              [103.003894, 29.287171],
              [103.031779, 29.27982],
              [103.02002, 29.250744],
              [102.962795, 29.250828],
              [102.974553, 29.222162],
              [102.944877, 29.19006],
              [102.928639, 29.127332],
              [102.931326, 29.112941],
              [102.970074, 29.065068],
              [102.957755, 29.052008],
              [102.922143, 29.037941],
              [102.909041, 29.021612],
              [102.913632, 28.999918],
              [102.942413, 28.944115],
              [102.946221, 28.920058],
              [102.928079, 28.896415],
              [102.941741, 28.860521],
              [102.926287, 28.820168],
              [102.925279, 28.801873],
              [102.944205, 28.76645],
              [102.938157, 28.740001],
              [102.962571, 28.681118],
              [102.990904, 28.672379],
              [102.996503, 28.679941],
              [103.032451, 28.665824],
              [103.051265, 28.66969],
              [103.066047, 28.688511],
              [103.070527, 28.73681],
              [103.107482, 28.771907],
              [103.112522, 28.812364],
              [103.153957, 28.82923],
              [103.189905, 28.827887],
              [103.225069, 28.803971],
              [103.23862, 28.813538],
              [103.270984, 28.805986],
              [103.3085, 28.761749],
              [103.334817, 28.743108],
              [103.333585, 28.721861],
              [103.31074, 28.702037],
              [103.30626, 28.681958],
              [103.287334, 28.655319],
              [103.272776, 28.613121],
              [103.242875, 28.59336],
              [103.246571, 28.549791],
              [103.253962, 28.541209],
              [103.287782, 28.533048],
              [103.299541, 28.521604],
              [103.313875, 28.485581],
              [103.339968, 28.443483],
              [103.35699, 28.440872],
              [103.370205, 28.423354],
              [103.388347, 28.420659],
              [103.43303, 28.452915],
              [103.441541, 28.477331],
              [103.438629, 28.500059],
              [103.421831, 28.511506],
              [103.42967, 28.531786],
              [103.479057, 28.547099],
              [103.504142, 28.560306],
              [103.531803, 28.597649],
              [103.530571, 28.612196],
              [103.560696, 28.606899],
              [103.585893, 28.614886],
              [103.61389, 28.597313],
              [103.614562, 28.613373],
              [103.636623, 28.624134],
              [103.685674, 28.63481],
              [103.722853, 28.687923],
              [103.724869, 28.717577],
              [103.71591, 28.73849],
              [103.7018, 28.746719],
              [103.712775, 28.757299],
              [103.746483, 28.764016],
              [103.76944, 28.799355],
              [103.761041, 28.815888],
              [103.788478, 28.822433],
              [103.803708, 28.83611],
              [103.830473, 28.845338],
              [103.851079, 28.832166],
              [103.914912, 28.776273],
              [103.938317, 28.764268],
              [103.956459, 28.787521],
              [103.979977, 28.792137],
              [104.003494, 28.853475],
              [104.024996, 28.84408],
              [104.034402, 28.855908],
              [104.030483, 28.884843],
              [104.084685, 28.914441],
              [104.076174, 28.920897],
              [104.061839, 28.965401],
              [104.072478, 28.967496],
              [104.107082, 28.95082],
              [104.122985, 28.963976],
              [104.121641, 28.998243],
              [104.139671, 29.024543],
              [104.142358, 29.070593],
              [104.161732, 29.117041],
              [104.175395, 29.129591],
              [104.167891, 29.15042],
              [104.194097, 29.163719],
              [104.174835, 29.183789],
              [104.17685, 29.195745]
            ]
          ],
          [
            [
              [104.131272, 29.400378],
              [104.132503, 29.399627],
              [104.133175, 29.39946],
              [104.134967, 29.399043],
              [104.131272, 29.400378]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511300,
        "name": "南充市",
        "center": [106.082974, 30.795281],
        "centroid": [106.207711, 31.195136],
        "childrenNum": 9,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 10,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [106.964778, 31.250802],
              [106.947532, 31.263656],
              [106.94574, 31.264802],
              [106.964442, 31.291077],
              [106.944172, 31.288949],
              [106.934317, 31.309081],
              [106.946748, 31.328963],
              [106.917855, 31.377464],
              [106.864549, 31.400683],
              [106.883251, 31.420873],
              [106.871268, 31.426512],
              [106.846071, 31.456909],
              [106.842151, 31.503139],
              [106.815498, 31.515142],
              [106.821098, 31.547877],
              [106.787166, 31.531307],
              [106.766224, 31.537592],
              [106.7688, 31.5673],
              [106.722101, 31.563383],
              [106.718965, 31.571952],
              [106.693656, 31.56118],
              [106.673386, 31.569177],
              [106.647517, 31.591125],
              [106.632175, 31.567056],
              [106.644942, 31.544694],
              [106.626464, 31.510814],
              [106.607874, 31.50665],
              [106.566886, 31.518244],
              [106.566438, 31.545755],
              [106.536986, 31.572033],
              [106.516604, 31.575052],
              [106.492079, 31.567382],
              [106.484016, 31.584517],
              [106.460722, 31.586312],
              [106.456803, 31.633049],
              [106.438661, 31.655715],
              [106.412568, 31.65702],
              [106.400025, 31.681229],
              [106.366429, 31.696632],
              [106.382667, 31.720423],
              [106.378747, 31.732969],
              [106.405288, 31.725637],
              [106.40764, 31.755204],
              [106.42455, 31.755448],
              [106.406632, 31.777026],
              [106.39577, 31.805681],
              [106.384235, 31.801693],
              [106.361277, 31.846287],
              [106.33552, 31.848484],
              [106.327345, 31.829689],
              [106.310435, 31.825539],
              [106.292293, 31.80739],
              [106.270456, 31.810972],
              [106.275271, 31.79689],
              [106.262057, 31.773851],
              [106.24817, 31.7824],
              [106.211326, 31.770757],
              [106.194528, 31.785901],
              [106.199232, 31.818622],
              [106.188481, 31.821796],
              [106.153765, 31.806576],
              [106.138646, 31.811297],
              [106.130359, 31.829282],
              [106.110538, 31.790785],
              [106.12364, 31.792006],
              [106.128568, 31.767174],
              [106.111993, 31.758543],
              [106.10225, 31.73248],
              [106.068318, 31.708447],
              [106.078061, 31.697202],
              [106.048385, 31.698098],
              [106.032482, 31.687586],
              [106.007173, 31.684734],
              [105.977496, 31.662482],
              [105.958235, 31.672426],
              [105.925086, 31.664764],
              [105.929902, 31.649193],
              [105.910528, 31.625791],
              [105.881635, 31.648052],
              [105.885779, 31.630521],
              [105.865285, 31.614781],
              [105.845799, 31.632559],
              [105.838072, 31.65115],
              [105.847143, 31.667047],
              [105.817914, 31.66778],
              [105.816011, 31.677643],
              [105.780735, 31.712684],
              [105.76864, 31.735412],
              [105.749378, 31.718794],
              [105.726085, 31.726615],
              [105.723845, 31.663623],
              [105.69932, 31.649845],
              [105.684649, 31.608908],
              [105.657884, 31.601975],
              [105.653517, 31.61372],
              [105.633247, 31.60067],
              [105.639518, 31.587617],
              [105.622496, 31.58419],
              [105.618353, 31.55359],
              [105.60805, 31.551631],
              [105.599203, 31.581009],
              [105.579493, 31.565668],
              [105.53537, 31.564771],
              [105.529771, 31.574644],
              [105.498414, 31.574155],
              [105.493711, 31.551468],
              [105.494047, 31.551631],
              [105.495055, 31.550652],
              [105.494719, 31.550326],
              [105.459219, 31.52698],
              [105.462802, 31.498974],
              [105.441973, 31.480517],
              [105.458211, 31.474717],
              [105.471313, 31.485826],
              [105.501662, 31.454866],
              [105.486992, 31.443918],
              [105.481168, 31.424224],
              [105.49875, 31.402482],
              [105.524059, 31.391364],
              [105.533018, 31.401582],
              [105.551048, 31.392753],
              [105.56863, 31.403136],
              [105.57255, 31.382043],
              [105.591252, 31.39725],
              [105.612193, 31.39635],
              [105.620928, 31.406651],
              [105.641646, 31.394797],
              [105.64243, 31.371168],
              [105.629775, 31.345896],
              [105.606482, 31.339598],
              [105.609058, 31.325527],
              [105.594163, 31.299834],
              [105.599091, 31.288704],
              [105.616673, 31.295579],
              [105.637615, 31.283548],
              [105.647805, 31.257598],
              [105.674682, 31.249492],
              [105.674346, 31.171757],
              [105.707047, 31.169216],
              [105.721381, 31.150366],
              [105.716678, 31.130365],
              [105.726197, 31.110769],
              [105.712198, 31.09691],
              [105.721717, 31.084197],
              [105.708727, 31.071237],
              [105.714102, 31.039321],
              [105.686665, 31.016341],
              [105.663372, 31.01749],
              [105.65822, 30.999923],
              [105.633807, 31.003289],
              [105.613873, 30.991303],
              [105.618689, 30.977591],
              [105.643438, 30.948025],
              [105.6599, 30.942275],
              [105.65934, 30.918697],
              [105.691705, 30.933896],
              [105.705927, 30.910152],
              [105.73202, 30.905714],
              [105.744899, 30.879086],
              [105.730564, 30.876784],
              [105.755761, 30.841267],
              [105.784318, 30.823832],
              [105.796749, 30.800883],
              [105.782302, 30.785086],
              [105.792941, 30.759906],
              [105.792717, 30.711418],
              [105.813771, 30.651372],
              [105.809067, 30.625333],
              [105.82329, 30.621953],
              [105.82385, 30.602995],
              [105.85431, 30.565728],
              [105.871332, 30.562182],
              [105.877492, 30.547419],
              [105.862821, 30.51244],
              [105.846807, 30.491645],
              [105.860246, 30.48496],
              [105.867413, 30.497092],
              [105.884099, 30.496266],
              [105.885331, 30.458875],
              [105.917807, 30.466966],
              [105.916351, 30.469442],
              [105.910528, 30.480668],
              [105.917023, 30.490407],
              [105.923966, 30.49313],
              [105.927102, 30.494038],
              [105.915791, 30.508974],
              [105.934045, 30.516731],
              [105.945692, 30.501383],
              [105.954203, 30.514255],
              [105.970665, 30.477119],
              [105.980856, 30.488344],
              [106.024755, 30.482071],
              [106.028003, 30.505261],
              [106.039426, 30.518216],
              [106.066638, 30.491727],
              [106.093851, 30.504189],
              [106.112777, 30.503198],
              [106.123192, 30.544449],
              [106.157796, 30.598049],
              [106.180194, 30.595658],
              [106.192176, 30.612969],
              [106.178962, 30.620058],
              [106.166643, 30.648324],
              [106.217822, 30.677652],
              [106.225773, 30.695196],
              [106.237531, 30.687454],
              [106.238091, 30.706807],
              [106.217486, 30.704666],
              [106.207631, 30.722863],
              [106.250746, 30.719323],
              [106.286806, 30.70516],
              [106.300468, 30.686218],
              [106.354558, 30.722122],
              [106.366877, 30.712736],
              [106.364301, 30.697337],
              [106.38905, 30.679876],
              [106.403609, 30.695525],
              [106.423094, 30.693219],
              [106.420855, 30.708207],
              [106.441124, 30.727144],
              [106.448068, 30.753321],
              [106.466546, 30.760893],
              [106.487599, 30.787966],
              [106.507757, 30.784511],
              [106.506301, 30.762869],
              [106.528923, 30.732496],
              [106.542809, 30.743033],
              [106.587604, 30.73974],
              [106.584244, 30.756861],
              [106.618401, 30.766572],
              [106.626464, 30.789365],
              [106.616497, 30.801705],
              [106.617281, 30.82778],
              [106.629599, 30.821036],
              [106.675178, 30.838882],
              [106.675514, 30.867084],
              [106.689177, 30.883606],
              [106.666443, 30.909987],
              [106.678986, 30.922887],
              [106.707207, 30.915903],
              [106.723221, 30.946629],
              [106.740467, 30.951147],
              [106.73162, 30.973649],
              [106.771487, 30.96864],
              [106.784814, 30.972336],
              [106.78739, 30.995901],
              [106.803292, 30.993684],
              [106.819754, 31.011662],
              [106.830505, 31.05286],
              [106.86914, 31.081163],
              [106.894786, 31.08756],
              [106.909008, 31.107653],
              [106.935325, 31.116591],
              [106.931965, 31.133726],
              [106.951003, 31.161267],
              [106.938349, 31.1761],
              [106.939917, 31.207151],
              [106.958282, 31.228283],
              [106.964778, 31.250802]
            ]
          ],
          [
            [
              [105.927102, 30.494038],
              [105.923966, 30.49313],
              [105.917023, 30.490407],
              [105.910528, 30.480668],
              [105.916351, 30.469442],
              [105.917807, 30.466966],
              [105.948828, 30.494368],
              [105.927102, 30.494038]
            ]
          ],
          [
            [
              [105.494047, 31.551631],
              [105.493711, 31.551468],
              [105.494719, 31.550326],
              [105.495055, 31.550652],
              [105.494047, 31.551631]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511400,
        "name": "眉山市",
        "center": [103.831788, 30.048318],
        "centroid": [103.754827, 29.924767],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 11,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [102.975449, 29.397791],
              [102.983512, 29.418483],
              [103.014869, 29.448011],
              [103.054736, 29.446009],
              [103.090012, 29.425573],
              [103.126968, 29.440421],
              [103.157541, 29.425573],
              [103.18005, 29.430161],
              [103.186434, 29.474278],
              [103.204464, 29.483867],
              [103.258889, 29.478447],
              [103.277703, 29.485617],
              [103.294166, 29.506874],
              [103.259673, 29.511375],
              [103.27132, 29.53221],
              [103.256426, 29.55679],
              [103.2702, 29.573701],
              [103.267848, 29.596105],
              [103.298869, 29.599853],
              [103.338737, 29.63424],
              [103.337281, 29.651803],
              [103.361694, 29.661791],
              [103.352959, 29.698735],
              [103.337057, 29.672776],
              [103.321826, 29.683094],
              [103.303684, 29.677935],
              [103.295957, 29.694409],
              [103.304356, 29.706389],
              [103.299429, 29.727516],
              [103.315779, 29.741488],
              [103.315667, 29.771753],
              [103.333473, 29.794196],
              [103.359118, 29.799516],
              [103.38062, 29.792617],
              [103.394058, 29.805416],
              [103.416904, 29.774829],
              [103.439413, 29.770922],
              [103.430566, 29.787879],
              [103.432918, 29.820623],
              [103.464386, 29.82162],
              [103.485776, 29.814807],
              [103.518028, 29.843388],
              [103.517916, 29.8502],
              [103.517021, 29.85834],
              [103.533595, 29.860666],
              [103.513885, 29.87902],
              [103.558008, 29.868058],
              [103.584661, 29.880847],
              [103.571782, 29.895462],
              [103.590484, 29.902021],
              [103.590484, 29.91904],
              [103.607954, 29.909244],
              [103.64211, 29.91796],
              [103.648158, 29.92817],
              [103.677834, 29.919621],
              [103.676715, 29.90393],
              [103.692729, 29.898866],
              [103.729125, 29.849286],
              [103.728789, 29.816053],
              [103.741107, 29.811067],
              [103.747267, 29.789957],
              [103.703368, 29.771587],
              [103.688025, 29.759365],
              [103.705607, 29.737247],
              [103.704711, 29.714375],
              [103.7317, 29.721944],
              [103.755442, 29.720197],
              [103.765073, 29.706555],
              [103.799229, 29.714042],
              [103.822522, 29.73076],
              [103.842344, 29.731093],
              [103.85623, 29.746976],
              [103.893522, 29.742486],
              [103.912784, 29.775826],
              [103.903265, 29.783391],
              [103.934622, 29.804668],
              [103.927678, 29.825526],
              [103.962395, 29.827603],
              [103.951084, 29.841727],
              [103.967658, 29.85643],
              [103.982888, 29.8502],
              [104.003606, 29.869968],
              [104.050081, 29.868473],
              [104.05624, 29.84696],
              [104.043809, 29.830677],
              [104.069231, 29.828517],
              [104.088716, 29.813643],
              [104.062623, 29.777821],
              [104.089388, 29.743733],
              [104.116937, 29.733421],
              [104.12612, 29.717452],
              [104.152885, 29.707304],
              [104.157477, 29.716371],
              [104.191297, 29.705058],
              [104.187489, 29.686339],
              [104.203727, 29.665702],
              [104.228477, 29.676187],
              [104.240347, 29.64323],
              [104.249754, 29.636154],
              [104.269576, 29.632491],
              [104.3081, 29.695075],
              [104.321314, 29.709966],
              [104.350319, 29.70173],
              [104.336769, 29.722276],
              [104.360286, 29.737746],
              [104.372157, 29.734586],
              [104.39769, 29.74839],
              [104.41572, 29.732257],
              [104.442373, 29.733837],
              [104.457155, 29.748223],
              [104.470146, 29.785386],
              [104.486608, 29.786965],
              [104.50307, 29.807411],
              [104.477425, 29.811317],
              [104.483248, 29.852194],
              [104.482688, 29.852609],
              [104.483136, 29.854104],
              [104.483584, 29.854104],
              [104.503294, 29.897454],
              [104.490079, 29.904761],
              [104.488512, 29.92153],
              [104.473281, 29.93481],
              [104.481792, 29.942363],
              [104.461859, 29.950579],
              [104.479217, 29.98891],
              [104.455363, 30.000606],
              [104.467234, 30.034689],
              [104.464322, 30.049944],
              [104.479888, 30.047374],
              [104.467234, 30.066937],
              [104.481904, 30.086663],
              [104.461411, 30.086663],
              [104.450212, 30.101081],
              [104.428374, 30.089729],
              [104.41012, 30.125521],
              [104.39881, 30.124776],
              [104.386379, 30.161798],
              [104.358158, 30.173638],
              [104.364541, 30.185974],
              [104.327138, 30.204269],
              [104.315379, 30.200792],
              [104.282231, 30.220904],
              [104.2726, 30.217842],
              [104.264537, 30.241592],
              [104.243259, 30.244239],
              [104.23094, 30.256153],
              [104.243371, 30.267403],
              [104.231836, 30.280472],
              [104.2315, 30.282209],
              [104.232284, 30.313798],
              [104.2016, 30.316526],
              [104.192977, 30.329836],
              [104.17853, 30.318262],
              [104.174051, 30.298666],
              [104.152213, 30.265335],
              [104.150533, 30.245646],
              [104.116601, 30.227194],
              [104.091628, 30.24879],
              [104.047393, 30.270381],
              [104.030035, 30.266245],
              [104.030035, 30.266245],
              [103.998343, 30.264508],
              [103.974713, 30.290727],
              [103.965866, 30.316774],
              [103.959819, 30.311565],
              [103.954331, 30.313302],
              [103.959259, 30.320742],
              [103.93563, 30.346203],
              [103.942237, 30.357773],
              [103.913904, 30.353972],
              [103.910432, 30.330663],
              [103.887699, 30.328761],
              [103.87426, 30.348104],
              [103.845368, 30.34331],
              [103.794749, 30.345872],
              [103.769776, 30.332068],
              [103.75141, 30.307927],
              [103.727893, 30.30462],
              [103.736516, 30.285848],
              [103.718374, 30.283201],
              [103.705271, 30.268975],
              [103.681754, 30.269885],
              [103.693065, 30.245894],
              [103.648046, 30.229263],
              [103.649502, 30.199799],
              [103.628, 30.214863],
              [103.617473, 30.195412],
              [103.597204, 30.203524],
              [103.533819, 30.178109],
              [103.544233, 30.161218],
              [103.533819, 30.146643],
              [103.504142, 30.128503],
              [103.486224, 30.104147],
              [103.474577, 30.131237],
              [103.450948, 30.132231],
              [103.468082, 30.114255],
              [103.462483, 30.096027],
              [103.4505, 30.096524],
              [103.443893, 30.117486],
              [103.439637, 30.119474],
              [103.395178, 30.094866],
              [103.37838, 30.095944],
              [103.372221, 30.082105],
              [103.349599, 30.097684],
              [103.339856, 30.074729],
              [103.312531, 30.071745],
              [103.302341, 30.087574],
              [103.252506, 30.040078],
              [103.225965, 29.970659],
              [103.191249, 29.966344],
              [103.1964, 29.944355],
              [103.176915, 29.945931],
              [103.159781, 29.930162],
              [103.109946, 29.915636],
              [103.093708, 29.886992],
              [103.125064, 29.864154],
              [103.165156, 29.77034],
              [103.143206, 29.760862],
              [103.162916, 29.737829],
              [103.143654, 29.730926],
              [103.153845, 29.713293],
              [103.141303, 29.703145],
              [103.150038, 29.672443],
              [103.1282, 29.671527],
              [103.099083, 29.693827],
              [103.092028, 29.683177],
              [103.052497, 29.675522],
              [103.044546, 29.700066],
              [103.007702, 29.72552],
              [102.996055, 29.708302],
              [102.962011, 29.721944],
              [102.928751, 29.711047],
              [102.938493, 29.67677],
              [102.929646, 29.668115],
              [102.931998, 29.61634],
              [102.914416, 29.553208],
              [102.869957, 29.530044],
              [102.823146, 29.46569],
              [102.879364, 29.415896],
              [102.93211, 29.400545],
              [102.975449, 29.397791]
            ]
          ],
          [
            [
              [103.533595, 29.860666],
              [103.517021, 29.85834],
              [103.517916, 29.8502],
              [103.518028, 29.843388],
              [103.533371, 29.84156],
              [103.533595, 29.860666]
            ]
          ],
          [
            [
              [103.959259, 30.320742],
              [103.954331, 30.313302],
              [103.959819, 30.311565],
              [103.965866, 30.316774],
              [103.959259, 30.320742]
            ]
          ],
          [
            [
              [104.483584, 29.854104],
              [104.483136, 29.854104],
              [104.482688, 29.852609],
              [104.483248, 29.852194],
              [104.483584, 29.854104]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511500,
        "name": "宜宾市",
        "center": [104.630825, 28.760189],
        "centroid": [104.637629, 28.572053],
        "childrenNum": 10,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 12,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.781983, 28.524549],
              [103.800685, 28.533805],
              [103.801357, 28.561821],
              [103.837305, 28.58453],
              [103.834841, 28.622285],
              [103.851079, 28.667085],
              [103.8737, 28.652798],
              [103.874708, 28.626488],
              [103.896322, 28.619678],
              [103.909984, 28.631196],
              [103.936749, 28.622621],
              [103.942461, 28.603031],
              [104.0596, 28.627665],
              [104.096108, 28.603451],
              [104.125224, 28.637248],
              [104.170355, 28.643048],
              [104.192529, 28.633634],
              [104.231052, 28.635819],
              [104.241467, 28.660782],
              [104.252666, 28.660698],
              [104.269688, 28.635147],
              [104.296341, 28.63439],
              [104.314819, 28.615643],
              [104.343936, 28.640947],
              [104.37406, 28.649352],
              [104.404857, 28.64061],
              [104.425239, 28.62674],
              [104.417288, 28.59807],
              [104.387723, 28.59891],
              [104.368461, 28.58596],
              [104.356814, 28.55568],
              [104.329601, 28.558624],
              [104.319299, 28.538685],
              [104.287046, 28.532543],
              [104.261961, 28.536918],
              [104.248298, 28.528336],
              [104.248634, 28.509654],
              [104.265433, 28.502753],
              [104.261401, 28.482046],
              [104.27036, 28.465881],
              [104.258377, 28.453251],
              [104.267672, 28.42049],
              [104.254346, 28.40895],
              [104.278423, 28.346594],
              [104.301828, 28.32847],
              [104.29007, 28.314727],
              [104.313923, 28.306632],
              [104.33856, 28.33083],
              [104.35827, 28.338923],
              [104.384811, 28.330156],
              [104.392874, 28.291538],
              [104.408217, 28.269862],
              [104.449316, 28.269946],
              [104.444053, 28.259233],
              [104.462306, 28.2416],
              [104.445956, 28.21426],
              [104.402281, 28.202866],
              [104.404409, 28.17712],
              [104.434982, 28.168255],
              [104.451668, 28.17408],
              [104.444836, 28.138193],
              [104.450996, 28.116317],
              [104.399034, 28.087761],
              [104.395338, 28.063847],
              [104.376524, 28.052268],
              [104.341472, 28.057846],
              [104.304068, 28.050746],
              [104.298805, 28.0439],
              [104.326578, 28.025471],
              [104.356142, 28.018453],
              [104.378764, 27.993677],
              [104.383467, 27.968727],
              [104.401161, 27.952315],
              [104.449652, 27.927609],
              [104.47037, 27.905098],
              [104.497694, 27.895787],
              [104.503294, 27.881989],
              [104.53745, 27.886983],
              [104.558392, 27.86658],
              [104.558952, 27.852186],
              [104.580901, 27.842024],
              [104.608002, 27.858198],
              [104.633647, 27.850916],
              [104.679114, 27.882243],
              [104.743731, 27.902051],
              [104.759633, 27.884867],
              [104.795245, 27.900527],
              [104.829513, 27.89985],
              [104.872964, 27.905944],
              [104.887971, 27.914492],
              [104.891442, 27.933025],
              [104.921119, 27.94174],
              [104.903089, 27.960437],
              [104.929182, 27.985051],
              [104.9471, 27.980568],
              [104.946876, 27.994861],
              [104.974985, 28.019891],
              [104.980808, 28.062832],
              [105.011045, 28.06672],
              [105.059199, 28.098154],
              [105.076782, 28.084212],
              [105.108138, 28.081086],
              [105.144198, 28.066636],
              [105.17701, 28.066889],
              [105.204111, 28.073396],
              [105.220237, 28.091901],
              [105.224493, 28.099843],
              [105.275335, 28.134392],
              [105.350255, 28.140811],
              [105.358094, 28.153478],
              [105.344767, 28.185646],
              [105.348463, 28.205314],
              [105.333121, 28.256533],
              [105.339168, 28.280236],
              [105.331553, 28.292634],
              [105.336928, 28.313378],
              [105.310611, 28.339597],
              [105.306692, 28.359321],
              [105.287654, 28.369181],
              [105.3077, 28.371541],
              [105.32293, 28.386371],
              [105.32013, 28.427987],
              [105.293813, 28.435651],
              [105.295269, 28.449041],
              [105.2311, 28.449378],
              [105.228748, 28.449631],
              [105.191121, 28.445757],
              [105.206687, 28.457041],
              [105.234012, 28.49341],
              [105.237483, 28.523455],
              [105.226285, 28.540536],
              [105.203439, 28.548192],
              [105.207807, 28.569055],
              [105.172083, 28.607908],
              [105.167939, 28.65036],
              [105.201312, 28.673555],
              [105.21139, 28.696325],
              [105.203887, 28.709514],
              [105.219342, 28.715813],
              [105.216878, 28.739078],
              [105.204111, 28.746635],
              [105.240507, 28.774846],
              [105.2311, 28.777448],
              [105.225725, 28.807748],
              [105.21531, 28.818405],
              [105.202879, 28.869748],
              [105.203999, 28.896751],
              [105.177682, 28.907148],
              [105.166483, 28.9271],
              [105.145094, 28.942271],
              [105.126952, 28.945288],
              [105.111162, 28.933722],
              [105.073758, 28.936404],
              [105.017316, 28.972104],
              [105.00511, 28.989866],
              [104.986296, 28.991541],
              [104.969722, 29.015749],
              [104.944636, 29.021277],
              [104.941837, 29.058873],
              [104.902529, 29.047738],
              [104.881475, 29.050836],
              [104.879684, 29.024291],
              [104.861542, 29.019685],
              [104.85751, 29.003436],
              [104.819546, 29.001761],
              [104.811931, 28.990704],
              [104.796701, 29.000086],
              [104.76512, 28.998746],
              [104.744067, 28.990369],
              [104.720214, 28.996651],
              [104.705207, 29.045477],
              [104.713718, 29.06105],
              [104.737236, 29.078796],
              [104.73018, 29.106498],
              [104.714614, 29.122396],
              [104.697816, 29.118212],
              [104.680346, 29.15569],
              [104.692329, 29.177099],
              [104.691993, 29.19934],
              [104.649325, 29.198588],
              [104.62424, 29.207282],
              [104.596355, 29.190394],
              [104.580117, 29.164639],
              [104.540922, 29.143394],
              [104.509453, 29.155522],
              [104.46589, 29.207366],
              [104.460963, 29.221827],
              [104.434646, 29.220908],
              [104.442597, 29.238543],
              [104.417735, 29.236454],
              [104.411688, 29.245479],
              [104.380332, 29.238376],
              [104.368685, 29.247652],
              [104.323218, 29.2408],
              [104.298805, 29.245647],
              [104.284582, 29.259601],
              [104.249082, 29.261356],
              [104.265433, 29.231857],
              [104.256026, 29.212298],
              [104.23262, 29.205861],
              [104.191409, 29.235869],
              [104.195888, 29.220657],
              [104.17685, 29.195745],
              [104.174835, 29.183789],
              [104.194097, 29.163719],
              [104.167891, 29.15042],
              [104.175395, 29.129591],
              [104.161732, 29.117041],
              [104.142358, 29.070593],
              [104.139671, 29.024543],
              [104.121641, 28.998243],
              [104.122985, 28.963976],
              [104.107082, 28.95082],
              [104.072478, 28.967496],
              [104.061839, 28.965401],
              [104.076174, 28.920897],
              [104.084685, 28.914441],
              [104.030483, 28.884843],
              [104.034402, 28.855908],
              [104.024996, 28.84408],
              [104.003494, 28.853475],
              [103.979977, 28.792137],
              [103.956459, 28.787521],
              [103.938317, 28.764268],
              [103.914912, 28.776273],
              [103.851079, 28.832166],
              [103.830473, 28.845338],
              [103.803708, 28.83611],
              [103.788478, 28.822433],
              [103.761041, 28.815888],
              [103.76944, 28.799355],
              [103.746483, 28.764016],
              [103.712775, 28.757299],
              [103.7018, 28.746719],
              [103.71591, 28.73849],
              [103.724869, 28.717577],
              [103.722853, 28.687923],
              [103.685674, 28.63481],
              [103.636623, 28.624134],
              [103.614562, 28.613373],
              [103.61389, 28.597313],
              [103.639983, 28.604881],
              [103.665404, 28.594874],
              [103.689257, 28.562578],
              [103.712551, 28.552904],
              [103.712999, 28.541294],
              [103.689929, 28.519332],
              [103.685002, 28.497955],
              [103.724533, 28.471522],
              [103.739987, 28.51201],
              [103.75701, 28.522782],
              [103.781983, 28.524549]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511600,
        "name": "广安市",
        "center": [106.633369, 30.456398],
        "centroid": [106.666151, 30.42449],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 13,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [106.976088, 30.083596],
              [106.975864, 30.087906],
              [106.976648, 30.088071],
              [106.97732, 30.087491],
              [106.978552, 30.087408],
              [106.979784, 30.088071],
              [106.980456, 30.087657],
              [106.981912, 30.085171],
              [107.020659, 30.036845],
              [107.042721, 30.035021],
              [107.042497, 30.055084],
              [107.059295, 30.043146],
              [107.084492, 30.063871],
              [107.073853, 30.080944],
              [107.080125, 30.094204],
              [107.103082, 30.090143],
              [107.106554, 30.11384],
              [107.131303, 30.121545],
              [107.136454, 30.134385],
              [107.173298, 30.164861],
              [107.220221, 30.212794],
              [107.256057, 30.263764],
              [107.272743, 30.305447],
              [107.255385, 30.322809],
              [107.252809, 30.324876],
              [107.253257, 30.325951],
              [107.253593, 30.327356],
              [107.260425, 30.328927],
              [107.251802, 30.344302],
              [107.242843, 30.338598],
              [107.241611, 30.338516],
              [107.240939, 30.339425],
              [107.240267, 30.339921],
              [107.239931, 30.340499],
              [107.238587, 30.341739],
              [107.237691, 30.342235],
              [107.235563, 30.343723],
              [107.234779, 30.34455],
              [107.221341, 30.34612],
              [107.22918, 30.369838],
              [107.226828, 30.372069],
              [107.223021, 30.377771],
              [107.225932, 30.380084],
              [107.208798, 30.391155],
              [107.217533, 30.406438],
              [107.206895, 30.410072],
              [107.225372, 30.424113],
              [107.219661, 30.436995],
              [107.191776, 30.432123],
              [107.186177, 30.450454],
              [107.164115, 30.458793],
              [107.195696, 30.492058],
              [107.21395, 30.501218],
              [107.204207, 30.524321],
              [107.184945, 30.535705],
              [107.189201, 30.516483],
              [107.174418, 30.502868],
              [107.140822, 30.520938],
              [107.111593, 30.525971],
              [107.095355, 30.506251],
              [107.131303, 30.486363],
              [107.142614, 30.47002],
              [107.122792, 30.471671],
              [107.118201, 30.48562],
              [107.082365, 30.486198],
              [107.076429, 30.51409],
              [107.039361, 30.51541],
              [107.038689, 30.514998],
              [107.036898, 30.51574],
              [107.03757, 30.517143],
              [107.010917, 30.520691],
              [107.00207, 30.505921],
              [106.98348, 30.499485],
              [106.974633, 30.533726],
              [106.984599, 30.546511],
              [107.017748, 30.548656],
              [107.032082, 30.613217],
              [107.043281, 30.642803],
              [107.026819, 30.645193],
              [106.998038, 30.635634],
              [106.968585, 30.645522],
              [106.949323, 30.635716],
              [106.904305, 30.664225],
              [106.890306, 30.697666],
              [106.904528, 30.70236],
              [106.924126, 30.684818],
              [106.949547, 30.707137],
              [106.883587, 30.715618],
              [106.880451, 30.733978],
              [106.840472, 30.738341],
              [106.831177, 30.757107],
              [106.809899, 30.763198],
              [106.739123, 30.807875],
              [106.730164, 30.832632],
              [106.685257, 30.829342],
              [106.675178, 30.838882],
              [106.629599, 30.821036],
              [106.617281, 30.82778],
              [106.616497, 30.801705],
              [106.626464, 30.789365],
              [106.618401, 30.766572],
              [106.584244, 30.756861],
              [106.587604, 30.73974],
              [106.542809, 30.743033],
              [106.528923, 30.732496],
              [106.506301, 30.762869],
              [106.507757, 30.784511],
              [106.487599, 30.787966],
              [106.466546, 30.760893],
              [106.448068, 30.753321],
              [106.441124, 30.727144],
              [106.420855, 30.708207],
              [106.423094, 30.693219],
              [106.403609, 30.695525],
              [106.38905, 30.679876],
              [106.364301, 30.697337],
              [106.366877, 30.712736],
              [106.354558, 30.722122],
              [106.300468, 30.686218],
              [106.286806, 30.70516],
              [106.250746, 30.719323],
              [106.207631, 30.722863],
              [106.217486, 30.704666],
              [106.238091, 30.706807],
              [106.237531, 30.687454],
              [106.225773, 30.695196],
              [106.217822, 30.677652],
              [106.166643, 30.648324],
              [106.178962, 30.620058],
              [106.192176, 30.612969],
              [106.180194, 30.595658],
              [106.157796, 30.598049],
              [106.123192, 30.544449],
              [106.112777, 30.503198],
              [106.093851, 30.504189],
              [106.066638, 30.491727],
              [106.039426, 30.518216],
              [106.028003, 30.505261],
              [106.024755, 30.482071],
              [105.980856, 30.488344],
              [105.970665, 30.477119],
              [105.971225, 30.456151],
              [105.950172, 30.452931],
              [105.948268, 30.441619],
              [105.963834, 30.424691],
              [105.9794, 30.427581],
              [105.989815, 30.41255],
              [105.987239, 30.394047],
              [106.00079, 30.376283],
              [106.032146, 30.371821],
              [106.033714, 30.361823],
              [106.07347, 30.334135],
              [106.08926, 30.345541],
              [106.088364, 30.32314],
              [106.114793, 30.317353],
              [106.131815, 30.301808],
              [106.131815, 30.324132],
              [106.149733, 30.30925],
              [106.171235, 30.305033],
              [106.180418, 30.277825],
              [106.180418, 30.232821],
              [106.201023, 30.228021],
              [106.192288, 30.21627],
              [106.212558, 30.20311],
              [106.232268, 30.212546],
              [106.24593, 30.196488],
              [106.260601, 30.196985],
              [106.260377, 30.20402],
              [106.260265, 30.207911],
              [106.264296, 30.209732],
              [106.278407, 30.195743],
              [106.296437, 30.205841],
              [106.30058, 30.23853],
              [106.335072, 30.226366],
              [106.349295, 30.245232],
              [106.372588, 30.248211],
              [106.402713, 30.242088],
              [106.427798, 30.253754],
              [106.407976, 30.276171],
              [106.434741, 30.276998],
              [106.428582, 30.291554],
              [106.449747, 30.297839],
              [106.544825, 30.296764],
              [106.560279, 30.31512],
              [106.611009, 30.292712],
              [106.634863, 30.265666],
              [106.642142, 30.246556],
              [106.611457, 30.228021],
              [106.624448, 30.227111],
              [106.631839, 30.186554],
              [106.677642, 30.157409],
              [106.673274, 30.122042],
              [106.703175, 30.118148],
              [106.700263, 30.073651],
              [106.725797, 30.057073],
              [106.732404, 30.026812],
              [106.785486, 30.017276],
              [106.800044, 30.030543],
              [106.830169, 30.033943],
              [106.842039, 30.049115],
              [106.861413, 30.028139],
              [106.884259, 30.034357],
              [106.913599, 30.025568],
              [106.914831, 30.033943],
              [106.94854, 30.040161],
              [106.956715, 30.067518],
              [106.976088, 30.083596]
            ]
          ],
          [
            [
              [107.225932, 30.380084],
              [107.223021, 30.377771],
              [107.226828, 30.372069],
              [107.22918, 30.369838],
              [107.225932, 30.380084]
            ]
          ],
          [
            [
              [107.255385, 30.322809],
              [107.272743, 30.305447],
              [107.286742, 30.334796],
              [107.304772, 30.354881],
              [107.287749, 30.363062],
              [107.276327, 30.357195],
              [107.276663, 30.352401],
              [107.27879, 30.346203],
              [107.272295, 30.322148],
              [107.261432, 30.326281],
              [107.254153, 30.325951],
              [107.253257, 30.325951],
              [107.252809, 30.324876],
              [107.255385, 30.322809]
            ]
          ],
          [
            [
              [107.241611, 30.347856],
              [107.238811, 30.346616],
              [107.234779, 30.34455],
              [107.235563, 30.343723],
              [107.237691, 30.342235],
              [107.238587, 30.341739],
              [107.239931, 30.340499],
              [107.240267, 30.339921],
              [107.240939, 30.339425],
              [107.241611, 30.338516],
              [107.242843, 30.338598],
              [107.251802, 30.344302],
              [107.241611, 30.347856]
            ]
          ],
          [
            [
              [106.264296, 30.209732],
              [106.260265, 30.207911],
              [106.260377, 30.20402],
              [106.260601, 30.196985],
              [106.264296, 30.209732]
            ]
          ],
          [
            [
              [106.976648, 30.088071],
              [106.975864, 30.087906],
              [106.976088, 30.083596],
              [106.981912, 30.085171],
              [106.980456, 30.087657],
              [106.979784, 30.088071],
              [106.978552, 30.087408],
              [106.97732, 30.087491],
              [106.976648, 30.088071]
            ]
          ],
          [
            [
              [107.260425, 30.328927],
              [107.253593, 30.327356],
              [107.254153, 30.325951],
              [107.261432, 30.326281],
              [107.260425, 30.328927]
            ]
          ],
          [
            [
              [107.03757, 30.517143],
              [107.036898, 30.51574],
              [107.038689, 30.514998],
              [107.039361, 30.51541],
              [107.03757, 30.517143]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511700,
        "name": "达州市",
        "center": [107.502262, 31.209484],
        "centroid": [107.650611, 31.367469],
        "childrenNum": 7,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 14,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [107.304772, 30.354881],
              [107.33904, 30.387107],
              [107.345535, 30.425517],
              [107.359981, 30.456233],
              [107.408696, 30.521598],
              [107.419895, 30.516483],
              [107.442852, 30.535293],
              [107.42751, 30.547666],
              [107.46021, 30.571335],
              [107.485295, 30.598296],
              [107.493694, 30.618986],
              [107.51542, 30.642061],
              [107.499182, 30.660188],
              [107.478576, 30.664472],
              [107.456627, 30.682347],
              [107.458642, 30.704831],
              [107.436133, 30.721958],
              [107.424374, 30.740645],
              [107.439045, 30.747066],
              [107.447892, 30.778751],
              [107.466369, 30.77406],
              [107.477792, 30.799813],
              [107.497726, 30.809273],
              [107.492127, 30.833125],
              [107.481152, 30.836826],
              [107.513852, 30.855081],
              [107.527515, 30.839046],
              [107.535466, 30.847681],
              [107.577573, 30.848092],
              [107.616209, 30.837731],
              [107.631103, 30.817828],
              [107.643646, 30.820624],
              [107.691912, 30.874811],
              [107.704119, 30.872263],
              [107.717333, 30.888291],
              [107.737715, 30.885004],
              [107.760336, 30.862233],
              [107.752273, 30.846036],
              [107.763808, 30.817088],
              [107.787885, 30.819473],
              [107.818906, 30.797428],
              [107.852278, 30.793479],
              [107.891586, 30.830247],
              [107.929437, 30.859356],
              [107.955307, 30.873249],
              [107.955979, 30.882949],
              [107.992262, 30.902591],
              [107.945004, 30.92338],
              [107.936269, 30.952789],
              [107.943548, 30.989415],
              [107.981176, 30.983339],
              [108.003797, 31.025369],
              [108.053296, 31.040716],
              [108.058895, 31.053926],
              [108.028994, 31.061721],
              [108.024739, 31.089283],
              [108.009397, 31.108309],
              [108.025747, 31.116345],
              [108.036274, 31.139956],
              [108.08566, 31.188063],
              [108.089356, 31.205922],
              [108.076141, 31.231804],
              [108.040081, 31.218618],
              [108.019475, 31.244988],
              [108.066398, 31.261773],
              [108.092379, 31.265784],
              [108.095291, 31.275526],
              [108.144341, 31.301225],
              [108.185553, 31.338044],
              [108.176034, 31.35473],
              [108.154084, 31.370759],
              [108.182865, 31.392999],
              [108.206494, 31.397413],
              [108.216349, 31.411146],
              [108.210526, 31.435746],
              [108.223852, 31.449229],
              [108.223181, 31.46516],
              [108.19328, 31.468183],
              [108.19048, 31.491461],
              [108.212206, 31.493748],
              [108.226764, 31.505834],
              [108.254761, 31.498811],
              [108.28175, 31.507303],
              [108.323297, 31.502404],
              [108.344015, 31.512447],
              [108.339535, 31.53898],
              [108.350286, 31.546],
              [108.381195, 31.542572],
              [108.39161, 31.561425],
              [108.377947, 31.570401],
              [108.402584, 31.603851],
              [108.442676, 31.633701],
              [108.468321, 31.622284],
              [108.472017, 31.639001],
              [108.490159, 31.641284],
              [108.504493, 31.656286],
              [108.532826, 31.669084],
              [108.546488, 31.66672],
              [108.514796, 31.694106],
              [108.525435, 31.702499],
              [108.518603, 31.726207],
              [108.505501, 31.732643],
              [108.53529, 31.757728],
              [108.515692, 31.761067],
              [108.488591, 31.780283],
              [108.462498, 31.780527],
              [108.454435, 31.791111],
              [108.465185, 31.808367],
              [108.441444, 31.807635],
              [108.391946, 31.828712],
              [108.385898, 31.854097],
              [108.340991, 31.863533],
              [108.308403, 31.905984],
              [108.282646, 31.917773],
              [108.280182, 31.953047],
              [108.259352, 31.966861],
              [108.269879, 31.985141],
              [108.282198, 31.97921],
              [108.307059, 31.997244],
              [108.35051, 31.97198],
              [108.369436, 31.986847],
              [108.329233, 32.019253],
              [108.362493, 32.036304],
              [108.364061, 32.048319],
              [108.343567, 32.063904],
              [108.373804, 32.077133],
              [108.394521, 32.066177],
              [108.412887, 32.070073],
              [108.430021, 32.061388],
              [108.450403, 32.074374],
              [108.452531, 32.090279],
              [108.431589, 32.101719],
              [108.406616, 32.141303],
              [108.369436, 32.17333],
              [108.406392, 32.196188],
              [108.45925, 32.181436],
              [108.479296, 32.182085],
              [108.509756, 32.201213],
              [108.51446, 32.21823],
              [108.507069, 32.245694],
              [108.484447, 32.250716],
              [108.471793, 32.27064],
              [108.450739, 32.259302],
              [108.421846, 32.260679],
              [108.415015, 32.252498],
              [108.390602, 32.263594],
              [108.370668, 32.253632],
              [108.347935, 32.253956],
              [108.331808, 32.233381],
              [108.312099, 32.232166],
              [108.264504, 32.257439],
              [108.248602, 32.274446],
              [108.212206, 32.256953],
              [108.213326, 32.248205],
              [108.179729, 32.221714],
              [108.15666, 32.238971],
              [108.141654, 32.218878],
              [108.123064, 32.218392],
              [108.089915, 32.233705],
              [108.066062, 32.229654],
              [108.043329, 32.215232],
              [108.018579, 32.211829],
              [108.023171, 32.175924],
              [107.995734, 32.147141],
              [107.979384, 32.146006],
              [107.954299, 32.163926],
              [107.924734, 32.196998],
              [107.890466, 32.214422],
              [107.867508, 32.202428],
              [107.835816, 32.223011],
              [107.788669, 32.279871],
              [107.754625, 32.338233],
              [107.716773, 32.328846],
              [107.703559, 32.318001],
              [107.705239, 32.281814],
              [107.679034, 32.251445],
              [107.690456, 32.218797],
              [107.630991, 32.199673],
              [107.627855, 32.151763],
              [107.641294, 32.138707],
              [107.680601, 32.141059],
              [107.708262, 32.115024],
              [107.715765, 32.118998],
              [107.74253, 32.102368],
              [107.76392, 32.069667],
              [107.7329, 32.039552],
              [107.702439, 32.029809],
              [107.67601, 32.006097],
              [107.622368, 32.01438],
              [107.584964, 32.000168],
              [107.569174, 31.981241],
              [107.58418, 31.962961],
              [107.569622, 31.948659],
              [107.541177, 31.943864],
              [107.53233, 31.929803],
              [107.515084, 31.926471],
              [107.550696, 31.897122],
              [107.533338, 31.877035],
              [107.496046, 31.866462],
              [107.57175, 31.834246],
              [107.554504, 31.768721],
              [107.533562, 31.760578],
              [107.539049, 31.738426],
              [107.492351, 31.729384],
              [107.501645, 31.69818],
              [107.516988, 31.683511],
              [107.53289, 31.684571],
              [107.518108, 31.637452],
              [107.499966, 31.626525],
              [107.489887, 31.596999],
              [107.471633, 31.596265],
              [107.454051, 31.583048],
              [107.445428, 31.591615],
              [107.429862, 31.572768],
              [107.388986, 31.563955],
              [107.361437, 31.541266],
              [107.354494, 31.549101],
              [107.331201, 31.53147],
              [107.322914, 31.492931],
              [107.285846, 31.491298],
              [107.273191, 31.453723],
              [107.258633, 31.445225],
              [107.237691, 31.466304],
              [107.225037, 31.434602],
              [107.21003, 31.42643],
              [107.17397, 31.427901],
              [107.145413, 31.379672],
              [107.149893, 31.356529],
              [107.120328, 31.334035],
              [107.101962, 31.335426],
              [107.074861, 31.373376],
              [107.046081, 31.34696],
              [107.054592, 31.326836],
              [107.035778, 31.321682],
              [107.038689, 31.294678],
              [107.019092, 31.304499],
              [107.003525, 31.269223],
              [106.983256, 31.248755],
              [106.964778, 31.250802],
              [106.958282, 31.228283],
              [106.939917, 31.207151],
              [106.938349, 31.1761],
              [106.951003, 31.161267],
              [106.931965, 31.133726],
              [106.935325, 31.116591],
              [106.909008, 31.107653],
              [106.894786, 31.08756],
              [106.86914, 31.081163],
              [106.830505, 31.05286],
              [106.819754, 31.011662],
              [106.803292, 30.993684],
              [106.78739, 30.995901],
              [106.784814, 30.972336],
              [106.771487, 30.96864],
              [106.73162, 30.973649],
              [106.740467, 30.951147],
              [106.723221, 30.946629],
              [106.707207, 30.915903],
              [106.678986, 30.922887],
              [106.666443, 30.909987],
              [106.689177, 30.883606],
              [106.675514, 30.867084],
              [106.675178, 30.838882],
              [106.685257, 30.829342],
              [106.730164, 30.832632],
              [106.739123, 30.807875],
              [106.809899, 30.763198],
              [106.831177, 30.757107],
              [106.840472, 30.738341],
              [106.880451, 30.733978],
              [106.883587, 30.715618],
              [106.949547, 30.707137],
              [106.924126, 30.684818],
              [106.904528, 30.70236],
              [106.890306, 30.697666],
              [106.904305, 30.664225],
              [106.949323, 30.635716],
              [106.968585, 30.645522],
              [106.998038, 30.635634],
              [107.026819, 30.645193],
              [107.043281, 30.642803],
              [107.032082, 30.613217],
              [107.017748, 30.548656],
              [106.984599, 30.546511],
              [106.974633, 30.533726],
              [106.98348, 30.499485],
              [107.00207, 30.505921],
              [107.010917, 30.520691],
              [107.03757, 30.517143],
              [107.039361, 30.51541],
              [107.076429, 30.51409],
              [107.082365, 30.486198],
              [107.118201, 30.48562],
              [107.122792, 30.471671],
              [107.142614, 30.47002],
              [107.131303, 30.486363],
              [107.095355, 30.506251],
              [107.111593, 30.525971],
              [107.140822, 30.520938],
              [107.174418, 30.502868],
              [107.189201, 30.516483],
              [107.184945, 30.535705],
              [107.204207, 30.524321],
              [107.21395, 30.501218],
              [107.195696, 30.492058],
              [107.164115, 30.458793],
              [107.186177, 30.450454],
              [107.191776, 30.432123],
              [107.219661, 30.436995],
              [107.225372, 30.424113],
              [107.227388, 30.420561],
              [107.227724, 30.414202],
              [107.217533, 30.406438],
              [107.208798, 30.391155],
              [107.225932, 30.380084],
              [107.22918, 30.369838],
              [107.221341, 30.34612],
              [107.234779, 30.34455],
              [107.238811, 30.346616],
              [107.238587, 30.349426],
              [107.240379, 30.3505],
              [107.241611, 30.347856],
              [107.251802, 30.344302],
              [107.260425, 30.328927],
              [107.261432, 30.326281],
              [107.272295, 30.322148],
              [107.27879, 30.346203],
              [107.271399, 30.345046],
              [107.265576, 30.349343],
              [107.276663, 30.352401],
              [107.276327, 30.357195],
              [107.274311, 30.37083],
              [107.277447, 30.371574],
              [107.287749, 30.363062],
              [107.304772, 30.354881]
            ]
          ],
          [
            [
              [107.227388, 30.420561],
              [107.225372, 30.424113],
              [107.206895, 30.410072],
              [107.217533, 30.406438],
              [107.227724, 30.414202],
              [107.227388, 30.420561]
            ]
          ],
          [
            [
              [107.254153, 30.325951],
              [107.253593, 30.327356],
              [107.253257, 30.325951],
              [107.254153, 30.325951]
            ]
          ],
          [
            [
              [107.277447, 30.371574],
              [107.274311, 30.37083],
              [107.276327, 30.357195],
              [107.287749, 30.363062],
              [107.277447, 30.371574]
            ]
          ],
          [
            [
              [107.276663, 30.352401],
              [107.265576, 30.349343],
              [107.271399, 30.345046],
              [107.27879, 30.346203],
              [107.276663, 30.352401]
            ]
          ],
          [
            [
              [107.240379, 30.3505],
              [107.238587, 30.349426],
              [107.238811, 30.346616],
              [107.241611, 30.347856],
              [107.240379, 30.3505]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511800,
        "name": "雅安市",
        "center": [103.001033, 29.987722],
        "centroid": [102.665156, 29.914326],
        "childrenNum": 8,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 15,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.395178, 30.094866],
              [103.360574, 30.136787],
              [103.372109, 30.148382],
              [103.36091, 30.168008],
              [103.370317, 30.22827],
              [103.350047, 30.236048],
              [103.320259, 30.23489],
              [103.313875, 30.260372],
              [103.282295, 30.263598],
              [103.242651, 30.243081],
              [103.233356, 30.213456],
              [103.215998, 30.209235],
              [103.211631, 30.232407],
              [103.183634, 30.248128],
              [103.147238, 30.207],
              [103.076798, 30.220242],
              [103.071534, 30.260951],
              [103.061456, 30.270464],
              [103.068623, 30.294283],
              [103.062128, 30.302553],
              [103.079038, 30.324545],
              [103.091132, 30.326529],
              [103.127976, 30.367111],
              [103.116329, 30.380002],
              [103.115993, 30.413954],
              [103.12596, 30.451115],
              [103.141751, 30.470845],
              [103.162244, 30.472579],
              [103.185874, 30.511945],
              [103.180834, 30.525228],
              [103.157765, 30.530013],
              [103.166276, 30.555749],
              [103.147798, 30.585847],
              [103.126856, 30.593927],
              [103.135591, 30.624096],
              [103.13156, 30.65475],
              [103.119017, 30.670898],
              [103.103115, 30.672957],
              [103.068735, 30.716194],
              [103.031331, 30.703678],
              [103.033907, 30.719076],
              [103.005126, 30.74649],
              [102.992919, 30.778339],
              [102.962683, 30.769699],
              [102.897954, 30.765255],
              [102.863574, 30.798332],
              [102.889443, 30.865851],
              [102.889555, 30.900784],
              [102.875221, 30.923298],
              [102.852375, 30.936772],
              [102.828298, 30.928721],
              [102.801869, 30.93595],
              [102.75405, 30.916396],
              [102.708247, 30.915493],
              [102.686634, 30.888045],
              [102.679802, 30.857629],
              [102.667148, 30.850723],
              [102.590996, 30.847845],
              [102.56132, 30.821036],
              [102.532091, 30.811659],
              [102.52134, 30.794548],
              [102.493791, 30.790352],
              [102.469042, 30.768712],
              [102.4864, 30.744761],
              [102.494463, 30.713642],
              [102.486512, 30.685807],
              [102.473298, 30.670898],
              [102.47173, 30.640001],
              [102.443397, 30.618245],
              [102.43119, 30.596895],
              [102.417976, 30.524156],
              [102.419656, 30.452766],
              [102.434438, 30.421387],
              [102.425255, 30.384546],
              [102.432758, 30.355129],
              [102.414168, 30.303958],
              [102.402298, 30.234228],
              [102.341824, 30.200296],
              [102.328946, 30.187961],
              [102.29367, 30.128835],
              [102.295126, 30.101164],
              [102.268137, 30.077381],
              [102.276872, 30.039995],
              [102.274968, 30.017193],
              [102.292214, 29.993721],
              [102.303189, 29.954562],
              [102.299381, 29.934063],
              [102.284487, 29.917877],
              [102.282583, 29.896956],
              [102.270824, 29.881595],
              [102.291094, 29.854519],
              [102.291094, 29.838237],
              [102.323346, 29.824778],
              [102.326258, 29.799599],
              [102.344064, 29.789209],
              [102.353247, 29.76319],
              [102.32861, 29.736748],
              [102.336001, 29.720114],
              [102.305764, 29.699567],
              [102.296133, 29.683593],
              [102.277208, 29.603767],
              [102.284375, 29.590192],
              [102.31002, 29.575283],
              [102.318755, 29.551958],
              [102.314051, 29.53346],
              [102.203296, 29.456851],
              [102.175859, 29.466524],
              [102.178547, 29.512709],
              [102.16578, 29.532877],
              [102.145174, 29.53221],
              [102.145622, 29.504207],
              [102.13308, 29.510458],
              [102.090637, 29.496121],
              [102.033747, 29.500039],
              [102.012021, 29.49112],
              [101.97417, 29.489702],
              [101.94942, 29.503874],
              [101.935982, 29.50104],
              [101.950764, 29.462688],
              [101.95222, 29.437585],
              [101.984136, 29.422403],
              [101.972154, 29.38277],
              [101.9567, 29.367414],
              [101.949532, 29.344124],
              [101.960171, 29.314816],
              [101.983801, 29.299032],
              [102.046066, 29.297779],
              [102.096348, 29.2718],
              [102.123337, 29.238627],
              [102.119529, 29.221911],
              [102.093996, 29.208453],
              [102.056032, 29.177852],
              [102.088509, 29.173336],
              [102.109562, 29.185043],
              [102.129608, 29.176096],
              [102.131736, 29.159872],
              [102.160741, 29.130344],
              [102.15167, 29.102648],
              [102.168468, 29.07302],
              [102.156485, 29.045393],
              [102.16522, 29.036518],
              [102.188961, 29.024626],
              [102.180898, 29.013404],
              [102.22155, 28.962217],
              [102.253802, 28.898763],
              [102.29087, 28.899685],
              [102.319763, 28.883082],
              [102.352351, 28.854566],
              [102.381804, 28.855572],
              [102.429846, 28.845422],
              [102.454148, 28.873606],
              [102.481473, 28.920142],
              [102.482929, 28.932716],
              [102.46613, 28.969339],
              [102.471506, 28.983834],
              [102.497823, 29.003269],
              [102.507006, 29.025883],
              [102.525484, 29.036267],
              [102.517757, 29.058454],
              [102.524476, 29.077457],
              [102.514845, 29.09361],
              [102.522236, 29.111602],
              [102.547657, 29.116957],
              [102.559864, 29.133606],
              [102.552697, 29.150671],
              [102.563, 29.159955],
              [102.594692, 29.160039],
              [102.600515, 29.169991],
              [102.590884, 29.191983],
              [102.618993, 29.209707],
              [102.635791, 29.210793],
              [102.653373, 29.188053],
              [102.649006, 29.177601],
              [102.673419, 29.161544],
              [102.69828, 29.167064],
              [102.740388, 29.153348],
              [102.772192, 29.159621],
              [102.778575, 29.173336],
              [102.766817, 29.18705],
              [102.781487, 29.236705],
              [102.804556, 29.249908],
              [102.833113, 29.241886],
              [102.836585, 29.208035],
              [102.879812, 29.206112],
              [102.905457, 29.222245],
              [102.9124, 29.264531],
              [102.940397, 29.302874],
              [102.962347, 29.301871],
              [103.003894, 29.287171],
              [102.979817, 29.320578],
              [102.980377, 29.340367],
              [102.998519, 29.368332],
              [102.975449, 29.397791],
              [102.93211, 29.400545],
              [102.879364, 29.415896],
              [102.823146, 29.46569],
              [102.869957, 29.530044],
              [102.914416, 29.553208],
              [102.931998, 29.61634],
              [102.929646, 29.668115],
              [102.938493, 29.67677],
              [102.928751, 29.711047],
              [102.962011, 29.721944],
              [102.996055, 29.708302],
              [103.007702, 29.72552],
              [103.044546, 29.700066],
              [103.052497, 29.675522],
              [103.092028, 29.683177],
              [103.099083, 29.693827],
              [103.1282, 29.671527],
              [103.150038, 29.672443],
              [103.141303, 29.703145],
              [103.153845, 29.713293],
              [103.143654, 29.730926],
              [103.162916, 29.737829],
              [103.143206, 29.760862],
              [103.165156, 29.77034],
              [103.125064, 29.864154],
              [103.093708, 29.886992],
              [103.109946, 29.915636],
              [103.159781, 29.930162],
              [103.176915, 29.945931],
              [103.1964, 29.944355],
              [103.191249, 29.966344],
              [103.225965, 29.970659],
              [103.252506, 30.040078],
              [103.302341, 30.087574],
              [103.312531, 30.071745],
              [103.339856, 30.074729],
              [103.349599, 30.097684],
              [103.372221, 30.082105],
              [103.37838, 30.095944],
              [103.395178, 30.094866]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511900,
        "name": "巴中市",
        "center": [106.753669, 31.858809],
        "centroid": [107.041958, 32.016794],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 16,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [106.964778, 31.250802],
              [106.983256, 31.248755],
              [107.003525, 31.269223],
              [107.019092, 31.304499],
              [107.038689, 31.294678],
              [107.035778, 31.321682],
              [107.054592, 31.326836],
              [107.046081, 31.34696],
              [107.074861, 31.373376],
              [107.101962, 31.335426],
              [107.120328, 31.334035],
              [107.149893, 31.356529],
              [107.145413, 31.379672],
              [107.17397, 31.427901],
              [107.21003, 31.42643],
              [107.225037, 31.434602],
              [107.237691, 31.466304],
              [107.258633, 31.445225],
              [107.273191, 31.453723],
              [107.285846, 31.491298],
              [107.322914, 31.492931],
              [107.331201, 31.53147],
              [107.354494, 31.549101],
              [107.361437, 31.541266],
              [107.388986, 31.563955],
              [107.429862, 31.572768],
              [107.445428, 31.591615],
              [107.454051, 31.583048],
              [107.471633, 31.596265],
              [107.489887, 31.596999],
              [107.499966, 31.626525],
              [107.518108, 31.637452],
              [107.53289, 31.684571],
              [107.516988, 31.683511],
              [107.501645, 31.69818],
              [107.492351, 31.729384],
              [107.539049, 31.738426],
              [107.533562, 31.760578],
              [107.554504, 31.768721],
              [107.57175, 31.834246],
              [107.496046, 31.866462],
              [107.533338, 31.877035],
              [107.550696, 31.897122],
              [107.515084, 31.926471],
              [107.53233, 31.929803],
              [107.541177, 31.943864],
              [107.569622, 31.948659],
              [107.58418, 31.962961],
              [107.569174, 31.981241],
              [107.584964, 32.000168],
              [107.622368, 32.01438],
              [107.67601, 32.006097],
              [107.702439, 32.029809],
              [107.7329, 32.039552],
              [107.76392, 32.069667],
              [107.74253, 32.102368],
              [107.715765, 32.118998],
              [107.708262, 32.115024],
              [107.680601, 32.141059],
              [107.641294, 32.138707],
              [107.627855, 32.151763],
              [107.630991, 32.199673],
              [107.690456, 32.218797],
              [107.679034, 32.251445],
              [107.705239, 32.281814],
              [107.703559, 32.318001],
              [107.716773, 32.328846],
              [107.707926, 32.332083],
              [107.693592, 32.362911],
              [107.695272, 32.374721],
              [107.680377, 32.397609],
              [107.648013, 32.413701],
              [107.636366, 32.406019],
              [107.602882, 32.411275],
              [107.573317, 32.403513],
              [107.566262, 32.394294],
              [107.533114, 32.383618],
              [107.512396, 32.386368],
              [107.489775, 32.425262],
              [107.456963, 32.417743],
              [107.450691, 32.432214],
              [107.462002, 32.441348],
              [107.458194, 32.458401],
              [107.438709, 32.465835],
              [107.429302, 32.501141],
              [107.436357, 32.52973],
              [107.40612, 32.539177],
              [107.377899, 32.538935],
              [107.356846, 32.506391],
              [107.313955, 32.490236],
              [107.28607, 32.454522],
              [107.283718, 32.434154],
              [107.263896, 32.40327],
              [107.230636, 32.416126],
              [107.21003, 32.431971],
              [107.189648, 32.468017],
              [107.127048, 32.48248],
              [107.10465, 32.516648],
              [107.080125, 32.542407],
              [107.091995, 32.552579],
              [107.107786, 32.600761],
              [107.097595, 32.62706],
              [107.099051, 32.649481],
              [107.08774, 32.667946],
              [107.068366, 32.669962],
              [107.059743, 32.686165],
              [107.066798, 32.708894],
              [107.03029, 32.712359],
              [107.012596, 32.721545],
              [106.988407, 32.711795],
              [106.949099, 32.716549],
              [106.91304, 32.704381],
              [106.903409, 32.721303],
              [106.872612, 32.725654],
              [106.845959, 32.721062],
              [106.821098, 32.706073],
              [106.793213, 32.712601],
              [106.78179, 32.700915],
              [106.779439, 32.737498],
              [106.7333, 32.739351],
              [106.684473, 32.709297],
              [106.66342, 32.69076],
              [106.64035, 32.687294],
              [106.645278, 32.63682],
              [106.658044, 32.622463],
              [106.652109, 32.590756],
              [106.65838, 32.566221],
              [106.649421, 32.50421],
              [106.674842, 32.486196],
              [106.689849, 32.453633],
              [106.684697, 32.418066],
              [106.691528, 32.404159],
              [106.688953, 32.348024],
              [106.725909, 32.336939],
              [106.737779, 32.31533],
              [106.745058, 32.322938],
              [106.776191, 32.296874],
              [106.755361, 32.285296],
              [106.71695, 32.294607],
              [106.718405, 32.269263],
              [106.688393, 32.266267],
              [106.674842, 32.272664],
              [106.666219, 32.249663],
              [106.594547, 32.23727],
              [106.564647, 32.227548],
              [106.556919, 32.1756],
              [106.567558, 32.128407],
              [106.535194, 32.098474],
              [106.559159, 32.082733],
              [106.533514, 32.08184],
              [106.517836, 32.068531],
              [106.519628, 32.050186],
              [106.501038, 32.048969],
              [106.508765, 32.024775],
              [106.493087, 32.006016],
              [106.482112, 31.977098],
              [106.445492, 31.977179],
              [106.464754, 31.954591],
              [106.463522, 31.94167],
              [106.446052, 31.943295],
              [106.428694, 31.922813],
              [106.427462, 31.915009],
              [106.408984, 31.902081],
              [106.424662, 31.889803],
              [106.406408, 31.874189],
              [106.416039, 31.83156],
              [106.406296, 31.808286],
              [106.39577, 31.805681],
              [106.406632, 31.777026],
              [106.42455, 31.755448],
              [106.40764, 31.755204],
              [106.405288, 31.725637],
              [106.378747, 31.732969],
              [106.382667, 31.720423],
              [106.366429, 31.696632],
              [106.400025, 31.681229],
              [106.412568, 31.65702],
              [106.438661, 31.655715],
              [106.456803, 31.633049],
              [106.460722, 31.586312],
              [106.484016, 31.584517],
              [106.492079, 31.567382],
              [106.516604, 31.575052],
              [106.536986, 31.572033],
              [106.566438, 31.545755],
              [106.566886, 31.518244],
              [106.607874, 31.50665],
              [106.626464, 31.510814],
              [106.644942, 31.544694],
              [106.632175, 31.567056],
              [106.647517, 31.591125],
              [106.673386, 31.569177],
              [106.693656, 31.56118],
              [106.718965, 31.571952],
              [106.722101, 31.563383],
              [106.7688, 31.5673],
              [106.766224, 31.537592],
              [106.787166, 31.531307],
              [106.821098, 31.547877],
              [106.815498, 31.515142],
              [106.842151, 31.503139],
              [106.846071, 31.456909],
              [106.871268, 31.426512],
              [106.883251, 31.420873],
              [106.864549, 31.400683],
              [106.917855, 31.377464],
              [106.946748, 31.328963],
              [106.934317, 31.309081],
              [106.944172, 31.288949],
              [106.964442, 31.291077],
              [106.94574, 31.264802],
              [106.946748, 31.265539],
              [106.948092, 31.264638],
              [106.947532, 31.263656],
              [106.964778, 31.250802]
            ]
          ],
          [
            [
              [106.946748, 31.265539],
              [106.94574, 31.264802],
              [106.947532, 31.263656],
              [106.948092, 31.264638],
              [106.946748, 31.265539]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 512000,
        "name": "资阳市",
        "center": [104.641917, 30.122211],
        "centroid": [105.118328, 30.098408],
        "childrenNum": 3,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 17,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.899505, 29.902353],
              [104.902417, 29.907168],
              [104.927166, 29.936221],
              [104.903649, 29.941367],
              [104.924367, 29.946844],
              [104.932766, 29.977296],
              [104.95158, 29.99256],
              [104.976441, 29.993223],
              [104.993687, 29.977047],
              [105.0209, 29.976798],
              [105.049345, 29.947508],
              [105.074654, 29.944023],
              [105.064015, 29.922526],
              [105.097051, 29.904927],
              [105.100747, 29.885498],
              [105.080589, 29.88284],
              [105.0947, 29.848954],
              [105.125608, 29.830677],
              [105.175554, 29.846711],
              [105.217326, 29.8448],
              [105.238491, 29.817549],
              [105.233564, 29.804087],
              [105.252714, 29.796025],
              [105.288662, 29.798269],
              [105.297733, 29.82054],
              [105.319122, 29.821953],
              [105.332225, 29.81115],
              [105.35395, 29.811566],
              [105.360446, 29.83425],
              [105.373548, 29.824612],
              [105.383179, 29.796856],
              [105.405017, 29.78896],
              [105.393482, 29.747226],
              [105.416775, 29.721112],
              [105.423943, 29.687587],
              [105.436373, 29.676936],
              [105.475681, 29.67469],
              [105.479712, 29.716288],
              [105.538842, 29.694908],
              [105.529659, 29.707637],
              [105.550488, 29.722443],
              [105.549145, 29.737663],
              [105.567398, 29.728015],
              [105.575014, 29.744482],
              [105.572326, 29.768677],
              [105.583301, 29.819294],
              [105.604914, 29.817216],
              [105.610626, 29.836908],
              [105.661804, 29.840813],
              [105.677818, 29.85427],
              [105.708951, 29.840564],
              [105.719365, 29.856513],
              [105.735716, 29.860915],
              [105.738963, 29.891227],
              [105.717462, 29.893552],
              [105.702679, 29.924767],
              [105.714998, 29.930743],
              [105.731012, 29.956636],
              [105.723397, 29.975969],
              [105.73258, 29.998781],
              [105.753634, 30.018602],
              [105.746242, 30.034275],
              [105.727988, 30.027227],
              [105.722389, 30.041073],
              [105.687001, 30.039001],
              [105.674682, 30.071247],
              [105.66046, 30.066274],
              [105.639294, 30.076386],
              [105.642206, 30.100915],
              [105.598083, 30.109201],
              [105.569974, 30.134302],
              [105.593156, 30.144738],
              [105.596851, 30.15716],
              [105.570758, 30.161466],
              [105.558216, 30.151943],
              [105.536826, 30.15244],
              [105.551048, 30.179186],
              [105.556536, 30.187465],
              [105.557544, 30.195826],
              [105.547129, 30.212711],
              [105.529323, 30.21958],
              [105.521036, 30.202613],
              [105.4824, 30.223222],
              [105.480944, 30.238696],
              [105.444996, 30.265997],
              [105.425958, 30.259876],
              [105.411064, 30.295606],
              [105.380379, 30.276916],
              [105.368845, 30.278404],
              [105.35843, 30.308093],
              [105.343088, 30.298087],
              [105.328305, 30.303297],
              [105.263913, 30.287915],
              [105.258313, 30.280307],
              [105.221805, 30.287171],
              [105.218894, 30.30586],
              [105.19784, 30.309994],
              [105.197056, 30.310738],
              [105.157412, 30.323388],
              [105.151365, 30.341987],
              [105.126056, 30.341491],
              [105.101419, 30.385455],
              [105.101083, 30.385372],
              [105.100971, 30.385372],
              [105.100859, 30.385372],
              [105.100635, 30.385455],
              [105.100635, 30.38562],
              [105.097275, 30.396194],
              [105.095259, 30.394873],
              [105.094923, 30.395121],
              [105.093916, 30.395616],
              [105.093804, 30.395864],
              [105.093692, 30.395947],
              [105.07387, 30.403133],
              [105.079917, 30.411724],
              [105.079469, 30.411807],
              [105.079693, 30.412467],
              [105.080141, 30.412385],
              [105.090444, 30.425682],
              [105.068942, 30.432949],
              [105.073646, 30.442115],
              [105.075214, 30.44228],
              [105.090108, 30.442363],
              [105.090444, 30.459536],
              [105.076558, 30.481741],
              [105.084173, 30.494616],
              [105.059983, 30.522753],
              [105.066927, 30.53587],
              [105.048449, 30.545192],
              [105.022916, 30.546099],
              [105.025043, 30.530178],
              [104.983944, 30.529271],
              [104.963226, 30.56746],
              [104.970393, 30.586425],
              [104.953371, 30.612475],
              [104.93019, 30.601429],
              [104.932206, 30.617091],
              [104.910928, 30.625662],
              [104.886403, 30.609343],
              [104.878788, 30.617997],
              [104.859078, 30.611321],
              [104.858854, 30.582385],
              [104.879124, 30.550635],
              [104.892786, 30.541645],
              [104.8761, 30.5131],
              [104.875092, 30.437078],
              [104.881699, 30.393551],
              [104.895922, 30.382315],
              [104.881027, 30.360831],
              [104.860982, 30.364384],
              [104.855494, 30.347194],
              [104.837016, 30.361988],
              [104.850455, 30.338929],
              [104.848775, 30.306852],
              [104.823354, 30.293787],
              [104.807228, 30.296847],
              [104.795133, 30.279397],
              [104.774863, 30.30156],
              [104.738579, 30.290314],
              [104.723797, 30.308341],
              [104.703975, 30.301643],
              [104.691993, 30.275427],
              [104.643614, 30.283036],
              [104.638239, 30.268148],
              [104.653133, 30.240185],
              [104.599603, 30.244488],
              [104.600163, 30.220408],
              [104.569254, 30.196985],
              [104.541594, 30.184236],
              [104.533754, 30.193673],
              [104.484368, 30.181504],
              [104.485264, 30.156001],
              [104.468354, 30.157077],
              [104.471937, 30.150287],
              [104.471601, 30.149873],
              [104.471041, 30.149873],
              [104.469474, 30.150452],
              [104.464994, 30.151529],
              [104.449428, 30.132894],
              [104.457715, 30.120634],
              [104.437109, 30.107544],
              [104.450212, 30.101081],
              [104.461411, 30.086663],
              [104.481904, 30.086663],
              [104.467234, 30.066937],
              [104.479888, 30.047374],
              [104.464322, 30.049944],
              [104.467234, 30.034689],
              [104.468578, 30.026563],
              [104.499486, 30.022666],
              [104.498142, 30.035933],
              [104.5239, 30.027227],
              [104.533195, 29.999278],
              [104.546297, 30.008485],
              [104.568471, 29.995546],
              [104.577989, 29.951076],
              [104.592548, 29.950164],
              [104.60677, 29.932901],
              [104.631184, 29.940952],
              [104.64395, 29.957383],
              [104.673739, 29.905674],
              [104.687289, 29.90227],
              [104.689865, 29.920036],
              [104.709127, 29.933233],
              [104.672955, 29.944189],
              [104.685049, 29.964436],
              [104.691769, 29.954645],
              [104.730628, 29.948504],
              [104.743619, 29.933233],
              [104.748322, 29.909244],
              [104.798493, 29.880183],
              [104.780575, 29.861413],
              [104.791997, 29.849037],
              [104.809132, 29.853024],
              [104.793341, 29.866895],
              [104.805436, 29.8752],
              [104.839144, 29.866812],
              [104.828057, 29.885498],
              [104.863333, 29.890895],
              [104.8789, 29.912897],
              [104.899505, 29.902353]
            ]
          ],
          [
            [
              [105.097275, 30.396194],
              [105.093692, 30.395947],
              [105.093804, 30.395864],
              [105.094364, 30.396277],
              [105.094364, 30.396277],
              [105.093916, 30.395616],
              [105.094923, 30.395121],
              [105.095259, 30.394873],
              [105.097275, 30.396194]
            ]
          ],
          [
            [
              [104.471937, 30.150287],
              [104.468354, 30.157077],
              [104.464994, 30.151529],
              [104.469474, 30.150452],
              [104.471041, 30.149873],
              [104.471601, 30.149873],
              [104.471937, 30.150287]
            ]
          ],
          [
            [
              [105.100635, 30.38562],
              [105.100635, 30.385455],
              [105.100859, 30.385372],
              [105.100971, 30.385372],
              [105.101083, 30.385372],
              [105.101419, 30.385455],
              [105.100635, 30.38562]
            ]
          ],
          [
            [
              [105.561463, 30.183656],
              [105.558887, 30.185561],
              [105.556536, 30.187465],
              [105.551048, 30.179186],
              [105.561463, 30.183656]
            ]
          ],
          [
            [
              [105.080141, 30.412385],
              [105.079693, 30.412467],
              [105.079469, 30.411807],
              [105.079917, 30.411724],
              [105.080141, 30.412385]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 513200,
        "name": "阿坝藏族羌族自治州",
        "center": [102.221374, 31.899792],
        "centroid": [102.612554, 32.409135],
        "childrenNum": 13,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 18,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [100.667948, 32.523674],
              [100.659885, 32.514871],
              [100.622481, 32.503645],
              [100.634128, 32.479329],
              [100.612962, 32.443207],
              [100.594596, 32.427768],
              [100.562344, 32.419441],
              [100.537147, 32.39397],
              [100.530428, 32.378199],
              [100.537707, 32.364529],
              [100.52718, 32.34592],
              [100.531659, 32.327066],
              [100.553833, 32.303998],
              [100.552377, 32.282219],
              [100.573543, 32.280438],
              [100.588773, 32.269101],
              [100.58015, 32.26076],
              [100.599076, 32.231518],
              [100.629536, 32.226819],
              [100.638719, 32.233057],
              [100.666492, 32.218554],
              [100.682283, 32.187516],
              [100.72047, 32.18322],
              [100.726966, 32.162547],
              [100.692473, 32.15598],
              [100.698633, 32.133436],
              [100.717335, 32.120377],
              [100.730549, 32.099772],
              [100.762913, 32.086628],
              [100.766385, 32.069017],
              [100.785423, 32.049131],
              [100.799757, 32.050105],
              [100.785199, 32.009751],
              [100.803789, 31.991883],
              [100.828986, 31.989608],
              [100.834809, 31.976529],
              [100.869302, 31.958167],
              [100.880164, 31.967024],
              [100.950044, 31.987496],
              [100.962027, 31.979698],
              [100.990472, 31.978885],
              [101.01175, 31.948984],
              [100.991816, 31.930616],
              [100.98756, 31.911269],
              [100.998759, 31.900374],
              [100.992712, 31.864835],
              [100.952844, 31.860524],
              [100.938958, 31.825295],
              [100.916896, 31.804949],
              [100.862022, 31.785819],
              [100.852839, 31.758705],
              [100.869078, 31.73753],
              [100.898306, 31.738182],
              [100.933246, 31.751132],
              [100.952956, 31.721808],
              [100.964379, 31.718224],
              [100.968858, 31.682044],
              [101.016341, 31.653351],
              [101.024516, 31.640877],
              [101.063488, 31.628319],
              [101.050497, 31.60638],
              [101.053969, 31.593246],
              [101.074798, 31.575705],
              [101.061136, 31.567545],
              [101.05968, 31.548693],
              [101.07883, 31.493503],
              [101.0991, 31.487132],
              [101.107499, 31.468999],
              [101.144231, 31.494973],
              [101.185778, 31.509508],
              [101.202576, 31.506405],
              [101.221614, 31.535143],
              [101.241548, 31.518244],
              [101.264169, 31.46418],
              [101.263385, 31.443509],
              [101.245243, 31.398967],
              [101.257114, 31.378609],
              [101.285223, 31.375665],
              [101.301013, 31.358655],
              [101.32845, 31.384823],
              [101.336737, 31.368878],
              [101.354991, 31.371004],
              [101.390155, 31.398803],
              [101.405721, 31.397495],
              [101.415688, 31.43689],
              [101.449844, 31.435011],
              [101.464403, 31.410492],
              [101.456452, 31.389728],
              [101.429799, 31.372149],
              [101.426999, 31.345651],
              [101.43831, 31.307035],
              [101.452756, 31.294351],
              [101.46933, 31.330681],
              [101.447381, 31.347778],
              [101.475602, 31.354239],
              [101.481985, 31.368469],
              [101.54593, 31.378691],
              [101.563512, 31.366997],
              [101.573031, 31.341397],
              [101.610098, 31.382206],
              [101.628016, 31.385313],
              [101.685466, 31.353012],
              [101.691849, 31.326918],
              [101.708983, 31.315709],
              [101.715479, 31.289195],
              [101.765089, 31.309572],
              [101.763745, 31.28232],
              [101.78995, 31.276999],
              [101.814811, 31.284939],
              [101.836761, 31.281747],
              [101.858263, 31.26603],
              [101.863526, 31.201171],
              [101.87898, 31.190193],
              [101.884692, 31.160939],
              [101.910673, 31.146104],
              [101.929935, 31.168888],
              [101.97417, 31.177083],
              [101.985256, 31.156349],
              [102.013701, 31.144628],
              [102.02602, 31.089037],
              [102.034307, 31.073288],
              [102.078318, 31.084033],
              [102.1314, 31.130693],
              [102.154469, 31.140612],
              [102.172835, 31.107161],
              [102.163092, 31.090103],
              [102.168356, 31.03292],
              [102.163876, 30.995983],
              [102.178211, 30.986952],
              [102.194225, 30.950161],
              [102.188626, 30.933732],
              [102.200944, 30.909905],
              [102.170596, 30.89577],
              [102.163428, 30.902016],
              [102.112586, 30.8984],
              [102.087277, 30.89051],
              [102.065439, 30.87103],
              [102.069135, 30.827533],
              [102.066111, 30.792491],
              [102.03957, 30.76328],
              [102.070367, 30.740728],
              [102.057152, 30.736118],
              [102.039458, 30.706642],
              [102.054577, 30.698984],
              [102.047969, 30.661671],
              [102.066111, 30.668591],
              [102.104747, 30.658128],
              [102.114714, 30.638106],
              [102.148086, 30.610579],
              [102.177315, 30.594504],
              [102.184818, 30.627887],
              [102.227933, 30.63687],
              [102.246859, 30.621459],
              [102.2734, 30.635634],
              [102.273736, 30.654091],
              [102.296469, 30.676087],
              [102.316739, 30.677899],
              [102.348096, 30.705901],
              [102.391771, 30.711995],
              [102.447317, 30.681853],
              [102.477329, 30.692972],
              [102.475985, 30.738999],
              [102.469042, 30.768712],
              [102.493791, 30.790352],
              [102.52134, 30.794548],
              [102.532091, 30.811659],
              [102.56132, 30.821036],
              [102.590996, 30.847845],
              [102.667148, 30.850723],
              [102.679802, 30.857629],
              [102.686634, 30.888045],
              [102.708247, 30.915493],
              [102.75405, 30.916396],
              [102.801869, 30.93595],
              [102.828298, 30.928721],
              [102.852375, 30.936772],
              [102.875221, 30.923298],
              [102.889555, 30.900784],
              [102.889443, 30.865851],
              [102.863574, 30.798332],
              [102.897954, 30.765255],
              [102.962683, 30.769699],
              [102.992919, 30.778339],
              [103.037938, 30.802364],
              [103.083629, 30.812728],
              [103.123945, 30.79282],
              [103.165716, 30.842171],
              [103.199088, 30.845707],
              [103.228653, 30.836579],
              [103.25833, 30.842418],
              [103.284647, 30.829589],
              [103.305252, 30.810507],
              [103.337617, 30.824655],
              [103.354527, 30.850887],
              [103.383084, 30.862891],
              [103.409401, 30.864946],
              [103.451396, 30.892565],
              [103.454644, 30.924695],
              [103.465058, 30.941536],
              [103.516461, 30.971761],
              [103.52094, 31.005095],
              [103.517132, 31.030129],
              [103.504814, 31.041044],
              [103.521164, 31.067792],
              [103.525644, 31.101092],
              [103.557224, 31.149055],
              [103.564839, 31.175034],
              [103.583205, 31.191422],
              [103.57671, 31.215834],
              [103.581413, 31.246626],
              [103.569095, 31.262019],
              [103.579733, 31.291241],
              [103.569991, 31.314563],
              [103.569543, 31.338453],
              [103.60717, 31.351295],
              [103.627104, 31.344097],
              [103.669323, 31.354812],
              [103.700792, 31.391118],
              [103.739876, 31.398885],
              [103.75029, 31.419156],
              [103.787246, 31.434439],
              [103.802588, 31.430108],
              [103.795757, 31.471777],
              [103.84212, 31.510896],
              [103.857798, 31.53849],
              [103.898226, 31.512856],
              [103.915136, 31.538409],
              [103.907409, 31.564444],
              [103.923311, 31.60328],
              [103.917376, 31.612089],
              [103.928238, 31.639572],
              [103.962842, 31.656612],
              [103.989384, 31.68237],
              [104.016037, 31.678539],
              [104.040786, 31.697691],
              [104.085917, 31.688075],
              [104.09398, 31.693535],
              [104.103163, 31.710321],
              [104.142694, 31.715454],
              [104.147734, 31.727104],
              [104.171027, 31.732317],
              [104.169795, 31.779876],
              [104.152213, 31.815855],
              [104.132951, 31.815936],
              [104.127576, 31.828712],
              [104.080093, 31.838639],
              [104.061055, 31.829038],
              [104.046497, 31.849297],
              [104.030707, 31.846938],
              [104.01738, 31.862232],
              [103.975497, 31.85605],
              [103.957691, 31.903545],
              [103.920623, 31.942239],
              [103.886131, 31.929234],
              [103.876836, 31.917854],
              [103.845704, 31.921187],
              [103.817931, 31.939801],
              [103.763617, 31.946384],
              [103.754882, 31.964342],
              [103.758241, 31.997894],
              [103.795869, 32.045965],
              [103.817147, 32.054732],
              [103.824874, 32.07056],
              [103.811995, 32.097987],
              [103.82689, 32.114375],
              [103.826778, 32.130354],
              [103.855111, 32.126704],
              [103.850743, 32.161331],
              [103.897442, 32.155736],
              [103.922527, 32.143087],
              [103.938877, 32.146817],
              [103.974713, 32.140897],
              [103.994983, 32.118917],
              [104.048961, 32.131408],
              [104.100587, 32.125001],
              [104.129032, 32.140248],
              [104.152885, 32.125893],
              [104.142134, 32.149655],
              [104.156581, 32.158899],
              [104.158821, 32.176491],
              [104.18189, 32.196593],
              [104.221757, 32.215394],
              [104.257481, 32.214746],
              [104.247515, 32.24942],
              [104.209439, 32.285053],
              [104.211455, 32.298412],
              [104.182114, 32.308936],
              [104.159828, 32.25995],
              [104.162292, 32.250473],
              [104.135751, 32.234677],
              [104.131048, 32.223011],
              [104.075838, 32.237513],
              [104.066655, 32.249258],
              [104.033507, 32.248691],
              [104.022756, 32.265214],
              [103.981768, 32.305617],
              [103.960155, 32.304564],
              [103.921295, 32.315411],
              [103.898002, 32.341227],
              [103.904497, 32.347053],
              [103.889155, 32.364852],
              [103.914576, 32.432699],
              [103.902817, 32.496617],
              [103.906961, 32.51051],
              [103.84492, 32.584058],
              [103.853095, 32.61367],
              [103.877508, 32.621333],
              [103.890387, 32.638997],
              [103.922415, 32.635771],
              [103.993303, 32.647788],
              [104.007973, 32.641578],
              [104.035634, 32.651578],
              [104.065871, 32.631013],
              [104.068335, 32.608426],
              [104.084237, 32.569127],
              [104.129368, 32.530457],
              [104.132279, 32.492094],
              [104.0951, 32.467694],
              [104.144486, 32.473754],
              [104.162292, 32.521332],
              [104.174835, 32.531345],
              [104.168451, 32.579377],
              [104.177634, 32.607054],
              [104.182786, 32.663431],
              [104.155909, 32.711473],
              [104.130152, 32.730327],
              [104.146502, 32.756589],
              [104.121305, 32.799911],
              [104.108314, 32.800635],
              [104.101035, 32.848201],
              [104.079309, 32.856971],
              [104.068895, 32.845224],
              [104.035522, 32.833073],
              [104.032387, 32.820357],
              [104.004614, 32.814159],
              [103.971466, 32.839671],
              [103.994535, 32.861154],
              [103.993975, 32.879334],
              [103.958027, 32.888422],
              [103.952988, 32.917451],
              [103.965082, 32.922114],
              [103.959371, 32.939879],
              [103.978521, 32.985602],
              [103.973705, 33.005122],
              [103.986472, 33.034674],
              [104.013461, 33.041258],
              [104.069231, 33.003114],
              [104.113466, 32.99982],
              [104.158821, 32.956998],
              [104.195664, 32.916888],
              [104.217278, 32.908767],
              [104.220302, 32.896143],
              [104.247851, 32.877564],
              [104.277079, 32.891317],
              [104.28615, 32.939075],
              [104.305972, 32.951533],
              [104.345392, 32.940361],
              [104.378428, 32.953221],
              [104.383579, 32.994278],
              [104.426135, 33.010744],
              [104.421095, 33.024235],
              [104.391418, 33.035477],
              [104.360174, 33.028411],
              [104.337664, 33.038287],
              [104.367229, 33.086768],
              [104.360846, 33.099285],
              [104.377196, 33.107067],
              [104.374956, 33.11918],
              [104.350879, 33.159038],
              [104.328257, 33.224118],
              [104.329041, 33.252956],
              [104.303844, 33.30452],
              [104.336321, 33.314205],
              [104.349199, 33.300678],
              [104.39825, 33.297316],
              [104.393546, 33.310924],
              [104.420087, 33.32709],
              [104.367677, 33.345014],
              [104.328034, 33.333092],
              [104.295669, 33.332852],
              [104.270584, 33.393325],
              [104.242923, 33.406998],
              [104.22075, 33.404599],
              [104.221981, 33.428741],
              [104.213134, 33.446884],
              [104.18077, 33.473092],
              [104.156133, 33.547118],
              [104.168115, 33.570981],
              [104.17965, 33.575689],
              [104.168563, 33.611749],
              [104.103499, 33.663499],
              [104.05232, 33.685258],
              [104.013237, 33.683265],
              [103.966538, 33.670434],
              [103.926783, 33.679679],
              [103.861606, 33.68215],
              [103.800461, 33.670194],
              [103.778287, 33.658875],
              [103.689257, 33.693386],
              [103.667756, 33.685816],
              [103.667308, 33.698566],
              [103.64995, 33.700159],
              [103.669099, 33.712429],
              [103.651629, 33.721351],
              [103.644238, 33.708525],
              [103.633375, 33.721829],
              [103.598883, 33.717846],
              [103.563943, 33.699601],
              [103.552073, 33.67147],
              [103.520492, 33.678563],
              [103.545577, 33.720396],
              [103.549497, 33.740308],
              [103.531355, 33.749069],
              [103.54009, 33.766746],
              [103.518364, 33.807102],
              [103.506494, 33.810126],
              [103.464498, 33.802407],
              [103.431686, 33.750741],
              [103.349599, 33.743494],
              [103.320147, 33.752095],
              [103.279607, 33.773593],
              [103.284647, 33.802009],
              [103.24993, 33.814026],
              [103.228093, 33.794846],
              [103.203008, 33.795403],
              [103.161348, 33.807182],
              [103.153397, 33.819118],
              [103.18117, 33.900717],
              [103.171203, 33.924403],
              [103.134359, 33.930363],
              [103.123049, 33.941567],
              [103.123833, 33.96818],
              [103.139511, 33.976123],
              [103.157205, 33.998756],
              [103.147238, 34.036543],
              [103.119241, 34.039558],
              [103.130888, 34.066934],
              [103.170195, 34.065744],
              [103.178371, 34.080341],
              [103.149814, 34.102867],
              [103.135479, 34.10025],
              [103.121817, 34.1127],
              [103.13268, 34.129033],
              [103.124057, 34.161849],
              [103.100315, 34.181896],
              [103.071534, 34.184907],
              [103.050481, 34.194731],
              [103.03973, 34.185779],
              [103.005574, 34.184907],
              [102.973433, 34.205424],
              [102.980153, 34.241298],
              [102.956523, 34.2694],
              [102.939949, 34.299946],
              [102.913184, 34.312446],
              [102.879252, 34.312129],
              [102.86111, 34.302398],
              [102.856743, 34.270667],
              [102.806572, 34.274703],
              [102.783839, 34.258081],
              [102.777903, 34.235676],
              [102.731877, 34.237498],
              [102.701304, 34.197662],
              [102.6639, 34.192513],
              [102.647438, 34.178331],
              [102.650462, 34.165573],
              [102.625377, 34.167475],
              [102.598388, 34.147741],
              [102.641167, 34.127051],
              [102.655725, 34.113493],
              [102.660317, 34.085101],
              [102.649454, 34.080024],
              [102.61597, 34.099695],
              [102.585285, 34.101043],
              [102.5574, 34.091526],
              [102.516749, 34.087401],
              [102.46725, 34.073916],
              [102.438805, 34.087401],
              [102.417752, 34.042177],
              [102.39961, 34.017731],
              [102.391435, 33.970802],
              [102.350559, 33.977394],
              [102.345856, 33.96969],
              [102.32525, 33.982159],
              [102.310132, 33.971675],
              [102.316179, 33.994071],
              [102.287286, 33.977553],
              [102.277768, 33.990021],
              [102.25817, 33.975647],
              [102.241484, 33.981524],
              [102.238012, 33.963653],
              [102.202624, 33.967068],
              [102.198592, 33.978347],
              [102.1669, 33.982874],
              [102.136327, 33.965242],
              [102.205424, 33.90493],
              [102.233868, 33.870187],
              [102.253354, 33.861518],
              [102.261977, 33.824847],
              [102.237004, 33.798746],
              [102.238572, 33.788877],
              [102.300277, 33.782349],
              [102.324354, 33.754563],
              [102.322898, 33.746043],
              [102.295238, 33.739034],
              [102.284375, 33.723423],
              [102.301285, 33.70988],
              [102.325474, 33.735291],
              [102.3416, 33.720873],
              [102.328386, 33.706294],
              [102.313939, 33.668839],
              [102.333649, 33.642053],
              [102.344512, 33.606883],
              [102.386619, 33.598747],
              [102.410137, 33.579439],
              [102.440261, 33.574811],
              [102.454596, 33.555179],
              [102.477889, 33.543446],
              [102.474529, 33.529635],
              [102.445973, 33.531152],
              [102.461987, 33.504323],
              [102.4537, 33.483636],
              [102.462435, 33.449681],
              [102.442277, 33.453117],
              [102.434214, 33.439451],
              [102.403641, 33.424585],
              [102.396138, 33.405319],
              [102.367134, 33.408996],
              [102.370157, 33.394125],
              [102.347424, 33.409716],
              [102.31058, 33.397963],
              [102.300949, 33.410915],
              [102.277096, 33.407637],
              [102.263433, 33.417151],
              [102.261081, 33.396363],
              [102.238124, 33.388607],
              [102.219758, 33.351494],
              [102.186946, 33.332772],
              [102.205536, 33.320128],
              [102.202288, 33.300998],
              [102.217518, 33.248151],
              [102.203408, 33.223317],
              [102.174963, 33.233652],
              [102.15279, 33.253117],
              [102.144167, 33.274418],
              [102.111466, 33.285628],
              [102.108667, 33.257762],
              [102.089517, 33.227563],
              [102.089517, 33.204968],
              [102.055025, 33.189981],
              [102.010566, 33.191745],
              [101.993767, 33.199999],
              [101.957371, 33.186695],
              [101.935646, 33.186855],
              [101.923215, 33.155831],
              [101.884132, 33.132495],
              [101.86599, 33.103056],
              [101.825562, 33.119501],
              [101.840681, 33.160401],
              [101.841352, 33.1891],
              [101.82825, 33.214984],
              [101.797565, 33.233011],
              [101.788382, 33.229006],
              [101.767553, 33.263368],
              [101.8091, 33.28835],
              [101.823882, 33.271215],
              [101.832282, 33.291712],
              [101.858039, 33.312044],
              [101.876069, 33.314125],
              [101.875509, 33.349334],
              [101.886371, 33.382369],
              [101.914144, 33.405878],
              [101.915936, 33.425784],
              [101.946285, 33.442808],
              [101.924447, 33.45],
              [101.927359, 33.472932],
              [101.907425, 33.480201],
              [101.897906, 33.519096],
              [101.907201, 33.542009],
              [101.885252, 33.56324],
              [101.882004, 33.57928],
              [101.844376, 33.602416],
              [101.830826, 33.578801],
              [101.830266, 33.554541],
              [101.805964, 33.548155],
              [101.782335, 33.556297],
              [101.770016, 33.545042],
              [101.777856, 33.533946],
              [101.77584, 33.492023],
              [101.768785, 33.465102],
              [101.775952, 33.453516],
              [101.75949, 33.444726],
              [101.734516, 33.445126],
              [101.695769, 33.433937],
              [101.692969, 33.422427],
              [101.662733, 33.38165],
              [101.649294, 33.324609],
              [101.678187, 33.297476],
              [101.706744, 33.298517],
              [101.730933, 33.283866],
              [101.740452, 33.269133],
              [101.727573, 33.2564],
              [101.727461, 33.240461],
              [101.711111, 33.213462],
              [101.680651, 33.202003],
              [101.686698, 33.185413],
              [101.65411, 33.162726],
              [101.661165, 33.136505],
              [101.634176, 33.102414],
              [101.567095, 33.154628],
              [101.557576, 33.167136],
              [101.515469, 33.193027],
              [101.486464, 33.227163],
              [101.475937, 33.223237],
              [101.428231, 33.230287],
              [101.40337, 33.22524],
              [101.386795, 33.207372],
              [101.396202, 33.187176],
              [101.393851, 33.157835],
              [101.381196, 33.154388],
              [101.374477, 33.171385],
              [101.328898, 33.223477],
              [101.328674, 33.237337],
              [101.310532, 33.244466],
              [101.296982, 33.262247],
              [101.246251, 33.262327],
              [101.222734, 33.270335],
              [101.206944, 33.255279],
              [101.203248, 33.269614],
              [101.183538, 33.270094],
              [101.156997, 33.237017],
              [101.127881, 33.223798],
              [101.120377, 33.186615],
              [101.13348, 33.1891],
              [101.130568, 33.168899],
              [101.158677, 33.144204],
              [101.151174, 33.132415],
              [101.169652, 33.101692],
              [101.143223, 33.08412],
              [101.146582, 33.056832],
              [101.162149, 33.056591],
              [101.184434, 33.041258],
              [101.171332, 33.013555],
              [101.184098, 32.984236],
              [101.129112, 32.989539],
              [101.133704, 32.947997],
              [101.123961, 32.910054],
              [101.176259, 32.894132],
              [101.223854, 32.855522],
              [101.222622, 32.838303],
              [101.23774, 32.827681],
              [101.224414, 32.771569],
              [101.22307, 32.725816],
              [101.190146, 32.686568],
              [101.157445, 32.661577],
              [101.130232, 32.660609],
              [101.111866, 32.637223],
              [101.112874, 32.671897],
              [101.083981, 32.671897],
              [101.076702, 32.683022],
              [101.030563, 32.660528],
              [100.997191, 32.627867],
              [100.956876, 32.62093],
              [100.932126, 32.60068],
              [100.914768, 32.616574],
              [100.89797, 32.615686],
              [100.887555, 32.632545],
              [100.860679, 32.635529],
              [100.834026, 32.648917],
              [100.807037, 32.646901],
              [100.799645, 32.654884],
              [100.773552, 32.640933],
              [100.765825, 32.663673],
              [100.752051, 32.65053],
              [100.692025, 32.677701],
              [100.684746, 32.67109],
              [100.709271, 32.649804],
              [100.717559, 32.617058],
              [100.70412, 32.611249],
              [100.676347, 32.627867],
              [100.666156, 32.624318],
              [100.658653, 32.599712],
              [100.658093, 32.546686],
              [100.667948, 32.523674]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 513300,
        "name": "甘孜藏族自治州",
        "center": [101.963815, 30.050663],
        "centroid": [99.98712, 30.97906],
        "childrenNum": 18,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 19,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [100.061536, 28.082776],
              [100.072063, 28.08548],
              [100.100284, 28.047957],
              [100.201744, 27.984205],
              [100.225822, 27.987165],
              [100.234445, 27.971011],
              [100.25617, 27.961283],
              [100.270505, 27.966358],
              [100.302981, 28.009829],
              [100.337025, 28.010167],
              [100.349008, 28.017354],
              [100.380812, 28.015494],
              [100.396715, 28.005516],
              [100.418104, 28.005601],
              [100.426839, 28.019468],
              [100.404666, 28.073143],
              [100.401754, 28.096464],
              [100.38742, 28.133463],
              [100.380252, 28.187925],
              [100.367822, 28.206242],
              [100.372861, 28.250459],
              [100.413849, 28.290779],
              [100.416424, 28.306464],
              [100.390331, 28.324929],
              [100.398618, 28.359405],
              [100.420792, 28.38654],
              [100.423928, 28.420153],
              [100.4162, 28.433209],
              [100.439606, 28.448199],
              [100.449909, 28.474722],
              [100.49112, 28.500312],
              [100.506014, 28.524213],
              [100.514973, 28.559633],
              [100.530428, 28.574101],
              [100.520125, 28.616568],
              [100.526284, 28.643048],
              [100.523708, 28.671118],
              [100.49112, 28.694812],
              [100.472418, 28.696493],
              [100.472082, 28.70859],
              [100.508814, 28.708674],
              [100.539946, 28.736726],
              [100.562792, 28.749574],
              [100.594708, 28.743948],
              [100.579926, 28.797929],
              [100.586533, 28.821426],
              [100.5638, 28.833425],
              [100.558536, 28.86136],
              [100.541738, 28.889791],
              [100.543082, 28.91704],
              [100.530316, 28.924417],
              [100.521357, 28.949646],
              [100.544762, 28.955261],
              [100.577014, 28.945456],
              [100.609155, 28.954591],
              [100.63424, 28.990117],
              [100.658093, 29.005447],
              [100.65003, 29.01935],
              [100.680155, 29.014158],
              [100.704792, 28.997322],
              [100.714199, 29.005195],
              [100.779264, 29.010389],
              [100.797518, 28.989279],
              [100.820475, 28.993049],
              [100.845784, 29.02069],
              [100.832458, 29.055357],
              [100.786431, 29.057868],
              [100.77288, 29.063812],
              [100.772432, 29.087668],
              [100.802557, 29.107837],
              [100.837497, 29.112941],
              [100.883412, 29.146405],
              [100.916336, 29.139881],
              [100.924735, 29.119802],
              [100.922384, 29.099468],
              [100.936382, 29.087919],
              [100.929103, 29.061217],
              [100.959563, 29.074109],
              [101.010182, 29.12683],
              [101.050273, 29.145652],
              [101.056881, 29.166395],
              [101.09742, 29.146573],
              [101.118362, 29.111937],
              [101.116346, 29.070593],
              [101.138855, 29.053515],
              [101.142327, 29.031326],
              [101.155877, 29.017759],
              [101.145351, 28.999751],
              [101.160357, 28.946965],
              [101.183986, 28.941265],
              [101.180851, 28.905471],
              [101.192609, 28.891133],
              [101.171668, 28.836445],
              [101.173123, 28.788696],
              [101.189922, 28.762085],
              [101.20504, 28.754948],
              [101.200224, 28.717409],
              [101.209183, 28.700609],
              [101.202576, 28.652714],
              [101.229677, 28.66658],
              [101.277048, 28.66574],
              [101.297542, 28.673135],
              [101.356223, 28.66616],
              [101.369213, 28.647755],
              [101.367646, 28.629262],
              [101.427223, 28.646326],
              [101.445813, 28.625479],
              [101.472914, 28.631532],
              [101.489824, 28.626824],
              [101.516925, 28.58924],
              [101.550745, 28.599415],
              [101.575382, 28.58226],
              [101.591844, 28.555427],
              [101.620177, 28.537676],
              [101.617714, 28.509402],
              [101.62992, 28.491558],
              [101.594532, 28.475227],
              [101.569895, 28.474216],
              [101.515357, 28.494083],
              [101.473698, 28.499049],
              [101.469218, 28.50553],
              [101.427559, 28.505025],
              [101.413001, 28.521099],
              [101.383996, 28.482888],
              [101.36787, 28.472449],
              [101.373021, 28.461756],
              [101.425543, 28.489538],
              [101.439654, 28.471691],
              [101.454436, 28.411056],
              [101.46821, 28.404317],
              [101.482097, 28.318521],
              [101.509758, 28.314727],
              [101.56228, 28.333106],
              [101.591621, 28.358056],
              [101.620177, 28.374911],
              [101.631712, 28.354854],
              [101.667548, 28.351819],
              [101.715479, 28.380894],
              [101.730709, 28.410635],
              [101.731829, 28.434556],
              [101.745827, 28.453672],
              [101.757138, 28.49341],
              [101.753554, 28.533889],
              [101.832393, 28.594033],
              [101.874165, 28.613121],
              [101.904289, 28.606562],
              [101.918736, 28.612616],
              [101.928031, 28.640947],
              [101.946621, 28.67137],
              [101.985032, 28.702877],
              [102.018069, 28.713965],
              [102.022772, 28.723373],
              [101.997799, 28.750162],
              [101.989288, 28.80372],
              [101.962747, 28.824027],
              [101.98548, 28.857585],
              [101.988392, 28.88803],
              [102.00631, 28.907567],
              [102.050993, 28.920477],
              [102.058384, 28.954088],
              [102.099708, 28.98065],
              [102.14999, 29.031158],
              [102.16522, 29.036518],
              [102.156485, 29.045393],
              [102.168468, 29.07302],
              [102.15167, 29.102648],
              [102.160741, 29.130344],
              [102.131736, 29.159872],
              [102.129608, 29.176096],
              [102.109562, 29.185043],
              [102.088509, 29.173336],
              [102.056032, 29.177852],
              [102.093996, 29.208453],
              [102.119529, 29.221911],
              [102.123337, 29.238627],
              [102.096348, 29.2718],
              [102.046066, 29.297779],
              [101.983801, 29.299032],
              [101.960171, 29.314816],
              [101.949532, 29.344124],
              [101.9567, 29.367414],
              [101.972154, 29.38277],
              [101.984136, 29.422403],
              [101.95222, 29.437585],
              [101.950764, 29.462688],
              [101.935982, 29.50104],
              [101.94942, 29.503874],
              [101.97417, 29.489702],
              [102.012021, 29.49112],
              [102.033747, 29.500039],
              [102.090637, 29.496121],
              [102.13308, 29.510458],
              [102.145622, 29.504207],
              [102.145174, 29.53221],
              [102.16578, 29.532877],
              [102.178547, 29.512709],
              [102.175859, 29.466524],
              [102.203296, 29.456851],
              [102.314051, 29.53346],
              [102.318755, 29.551958],
              [102.31002, 29.575283],
              [102.284375, 29.590192],
              [102.277208, 29.603767],
              [102.296133, 29.683593],
              [102.305764, 29.699567],
              [102.336001, 29.720114],
              [102.32861, 29.736748],
              [102.353247, 29.76319],
              [102.344064, 29.789209],
              [102.326258, 29.799599],
              [102.323346, 29.824778],
              [102.291094, 29.838237],
              [102.291094, 29.854519],
              [102.270824, 29.881595],
              [102.282583, 29.896956],
              [102.284487, 29.917877],
              [102.299381, 29.934063],
              [102.303189, 29.954562],
              [102.292214, 29.993721],
              [102.274968, 30.017193],
              [102.276872, 30.039995],
              [102.268137, 30.077381],
              [102.295126, 30.101164],
              [102.29367, 30.128835],
              [102.328946, 30.187961],
              [102.341824, 30.200296],
              [102.402298, 30.234228],
              [102.414168, 30.303958],
              [102.432758, 30.355129],
              [102.425255, 30.384546],
              [102.434438, 30.421387],
              [102.419656, 30.452766],
              [102.417976, 30.524156],
              [102.43119, 30.596895],
              [102.443397, 30.618245],
              [102.47173, 30.640001],
              [102.473298, 30.670898],
              [102.486512, 30.685807],
              [102.494463, 30.713642],
              [102.4864, 30.744761],
              [102.469042, 30.768712],
              [102.475985, 30.738999],
              [102.477329, 30.692972],
              [102.447317, 30.681853],
              [102.391771, 30.711995],
              [102.348096, 30.705901],
              [102.316739, 30.677899],
              [102.296469, 30.676087],
              [102.273736, 30.654091],
              [102.2734, 30.635634],
              [102.246859, 30.621459],
              [102.227933, 30.63687],
              [102.184818, 30.627887],
              [102.177315, 30.594504],
              [102.148086, 30.610579],
              [102.114714, 30.638106],
              [102.104747, 30.658128],
              [102.066111, 30.668591],
              [102.047969, 30.661671],
              [102.054577, 30.698984],
              [102.039458, 30.706642],
              [102.057152, 30.736118],
              [102.070367, 30.740728],
              [102.03957, 30.76328],
              [102.066111, 30.792491],
              [102.069135, 30.827533],
              [102.065439, 30.87103],
              [102.087277, 30.89051],
              [102.112586, 30.8984],
              [102.163428, 30.902016],
              [102.170596, 30.89577],
              [102.200944, 30.909905],
              [102.188626, 30.933732],
              [102.194225, 30.950161],
              [102.178211, 30.986952],
              [102.163876, 30.995983],
              [102.168356, 31.03292],
              [102.163092, 31.090103],
              [102.172835, 31.107161],
              [102.154469, 31.140612],
              [102.1314, 31.130693],
              [102.078318, 31.084033],
              [102.034307, 31.073288],
              [102.02602, 31.089037],
              [102.013701, 31.144628],
              [101.985256, 31.156349],
              [101.97417, 31.177083],
              [101.929935, 31.168888],
              [101.910673, 31.146104],
              [101.884692, 31.160939],
              [101.87898, 31.190193],
              [101.863526, 31.201171],
              [101.858263, 31.26603],
              [101.836761, 31.281747],
              [101.814811, 31.284939],
              [101.78995, 31.276999],
              [101.763745, 31.28232],
              [101.765089, 31.309572],
              [101.715479, 31.289195],
              [101.708983, 31.315709],
              [101.691849, 31.326918],
              [101.685466, 31.353012],
              [101.628016, 31.385313],
              [101.610098, 31.382206],
              [101.573031, 31.341397],
              [101.563512, 31.366997],
              [101.54593, 31.378691],
              [101.481985, 31.368469],
              [101.475602, 31.354239],
              [101.447381, 31.347778],
              [101.46933, 31.330681],
              [101.452756, 31.294351],
              [101.43831, 31.307035],
              [101.426999, 31.345651],
              [101.429799, 31.372149],
              [101.456452, 31.389728],
              [101.464403, 31.410492],
              [101.449844, 31.435011],
              [101.415688, 31.43689],
              [101.405721, 31.397495],
              [101.390155, 31.398803],
              [101.354991, 31.371004],
              [101.336737, 31.368878],
              [101.32845, 31.384823],
              [101.301013, 31.358655],
              [101.285223, 31.375665],
              [101.257114, 31.378609],
              [101.245243, 31.398967],
              [101.263385, 31.443509],
              [101.264169, 31.46418],
              [101.241548, 31.518244],
              [101.221614, 31.535143],
              [101.202576, 31.506405],
              [101.185778, 31.509508],
              [101.144231, 31.494973],
              [101.107499, 31.468999],
              [101.0991, 31.487132],
              [101.07883, 31.493503],
              [101.05968, 31.548693],
              [101.061136, 31.567545],
              [101.074798, 31.575705],
              [101.053969, 31.593246],
              [101.050497, 31.60638],
              [101.063488, 31.628319],
              [101.024516, 31.640877],
              [101.016341, 31.653351],
              [100.968858, 31.682044],
              [100.964379, 31.718224],
              [100.952956, 31.721808],
              [100.933246, 31.751132],
              [100.898306, 31.738182],
              [100.869078, 31.73753],
              [100.852839, 31.758705],
              [100.862022, 31.785819],
              [100.916896, 31.804949],
              [100.938958, 31.825295],
              [100.952844, 31.860524],
              [100.992712, 31.864835],
              [100.998759, 31.900374],
              [100.98756, 31.911269],
              [100.991816, 31.930616],
              [101.01175, 31.948984],
              [100.990472, 31.978885],
              [100.962027, 31.979698],
              [100.950044, 31.987496],
              [100.880164, 31.967024],
              [100.869302, 31.958167],
              [100.834809, 31.976529],
              [100.828986, 31.989608],
              [100.803789, 31.991883],
              [100.785199, 32.009751],
              [100.799757, 32.050105],
              [100.785423, 32.049131],
              [100.766385, 32.069017],
              [100.762913, 32.086628],
              [100.730549, 32.099772],
              [100.717335, 32.120377],
              [100.698633, 32.133436],
              [100.692473, 32.15598],
              [100.726966, 32.162547],
              [100.72047, 32.18322],
              [100.682283, 32.187516],
              [100.666492, 32.218554],
              [100.638719, 32.233057],
              [100.629536, 32.226819],
              [100.599076, 32.231518],
              [100.58015, 32.26076],
              [100.588773, 32.269101],
              [100.573543, 32.280438],
              [100.552377, 32.282219],
              [100.553833, 32.303998],
              [100.531659, 32.327066],
              [100.52718, 32.34592],
              [100.537707, 32.364529],
              [100.530428, 32.378199],
              [100.537147, 32.39397],
              [100.562344, 32.419441],
              [100.594596, 32.427768],
              [100.612962, 32.443207],
              [100.634128, 32.479329],
              [100.622481, 32.503645],
              [100.659885, 32.514871],
              [100.667948, 32.523674],
              [100.645439, 32.52642],
              [100.602883, 32.553629],
              [100.572311, 32.556777],
              [100.56492, 32.569611],
              [100.544762, 32.570096],
              [100.54465, 32.581475],
              [100.52438, 32.594952],
              [100.525052, 32.611249],
              [100.508702, 32.61012],
              [100.516541, 32.630045],
              [100.48888, 32.667221],
              [100.476338, 32.672461],
              [100.470178, 32.694548],
              [100.449909, 32.694065],
              [100.434902, 32.720095],
              [100.420344, 32.731778],
              [100.390107, 32.695596],
              [100.378685, 32.698417],
              [100.398842, 32.739109],
              [100.400634, 32.756186],
              [100.33445, 32.718241],
              [100.264345, 32.742734],
              [100.262106, 32.729119],
              [100.240268, 32.722673],
              [100.230861, 32.696241],
              [100.229741, 32.65053],
              [100.20992, 32.605844],
              [100.188082, 32.630771],
              [100.131864, 32.632465],
              [100.110139, 32.639239],
              [100.105435, 32.656739],
              [100.087853, 32.669075],
              [100.125257, 32.714857],
              [100.138696, 32.720981],
              [100.136344, 32.740881],
              [100.121785, 32.7764],
              [100.117082, 32.802487],
              [100.123129, 32.837257],
              [100.109691, 32.846591],
              [100.109243, 32.86228],
              [100.088637, 32.864211],
              [100.082366, 32.885125],
              [100.066016, 32.895982],
              [100.02962, 32.895821],
              [100.038355, 32.929108],
              [100.002519, 32.941647],
              [99.970826, 32.939075],
              [99.956604, 32.948077],
              [99.947421, 32.986887],
              [99.908897, 33.020622],
              [99.903074, 33.047038],
              [99.877317, 33.045513],
              [99.882692, 33.025199],
              [99.877765, 32.993716],
              [99.863654, 32.980219],
              [99.850888, 32.941888],
              [99.828714, 32.95097],
              [99.802845, 32.941969],
              [99.788287, 32.956596],
              [99.775296, 32.952337],
              [99.763986, 32.924445],
              [99.7744, 32.922516],
              [99.791982, 32.883114],
              [99.786495, 32.861798],
              [99.766897, 32.826232],
              [99.769809, 32.802326],
              [99.76029, 32.769877],
              [99.737109, 32.745312],
              [99.73946, 32.732503],
              [99.717735, 32.732181],
              [99.7062, 32.764079],
              [99.651326, 32.772132],
              [99.640127, 32.790733],
              [99.607427, 32.780829],
              [99.586485, 32.792665],
              [99.581782, 32.813515],
              [99.557145, 32.840074],
              [99.532396, 32.84804],
              [99.490176, 32.850936],
              [99.452772, 32.862441],
              [99.435302, 32.877242],
              [99.376173, 32.899842],
              [99.354112, 32.885446],
              [99.343473, 32.895258],
              [99.327235, 32.881505],
              [99.282888, 32.885044],
              [99.269113, 32.878529],
              [99.259482, 32.907963],
              [99.245596, 32.928384],
              [99.248955, 32.951533],
              [99.233277, 32.954426],
              [99.234733, 32.983353],
              [99.215135, 32.990181],
              [99.20864, 33.018694],
              [99.179411, 33.04487],
              [99.147607, 33.05041],
              [99.124649, 33.045994],
              [99.092733, 33.078101],
              [99.075039, 33.075934],
              [99.025764, 33.095033],
              [99.014566, 33.081311],
              [98.969883, 33.099526],
              [98.957004, 33.118298],
              [98.935502, 33.115651],
              [98.902802, 33.125838],
              [98.895635, 33.135061],
              [98.860695, 33.150058],
              [98.829674, 33.181325],
              [98.830906, 33.196874],
              [98.804701, 33.219311],
              [98.813548, 33.248311],
              [98.807501, 33.26529],
              [98.785663, 33.276821],
              [98.758786, 33.278102],
              [98.774017, 33.301799],
              [98.764274, 33.321088],
              [98.783424, 33.344054],
              [98.779168, 33.371652],
              [98.762818, 33.37901],
              [98.74658, 33.405159],
              [98.734037, 33.410275],
              [98.744228, 33.454315],
              [98.742212, 33.477725],
              [98.722838, 33.486113],
              [98.72463, 33.505601],
              [98.680059, 33.521571],
              [98.668748, 33.544324],
              [98.648031, 33.548794],
              [98.657774, 33.576806],
              [98.65251, 33.594997],
              [98.622722, 33.610233],
              [98.61757, 33.637269],
              [98.656654, 33.647315],
              [98.594501, 33.70239],
              [98.596181, 33.717129],
              [98.581734, 33.732185],
              [98.538059, 33.747556],
              [98.516893, 33.77415],
              [98.497968, 33.768497],
              [98.486769, 33.782111],
              [98.492928, 33.793254],
              [98.463475, 33.848395],
              [98.435143, 33.843145],
              [98.406922, 33.867244],
              [98.42708, 33.908189],
              [98.411849, 33.924721],
              [98.415433, 33.95698],
              [98.431111, 33.961826],
              [98.44063, 33.981365],
              [98.428199, 34.029002],
              [98.391915, 34.058842],
              [98.401882, 34.087718],
              [98.338721, 34.094777],
              [98.308821, 34.087718],
              [98.209936, 34.078517],
              [98.157302, 34.107387],
              [98.14196, 34.104374],
              [98.098172, 34.122928],
              [98.050354, 34.114682],
              [98.027844, 34.123325],
              [98.012614, 34.14576],
              [97.995592, 34.153765],
              [97.944526, 34.198612],
              [97.88898, 34.204474],
              [97.810701, 34.207484],
              [97.796478, 34.199167],
              [97.790879, 34.178093],
              [97.773409, 34.162007],
              [97.667021, 34.127685],
              [97.662989, 34.117458],
              [97.683371, 34.080738],
              [97.703193, 34.058127],
              [97.702297, 34.036781],
              [97.687403, 34.016619],
              [97.65851, 34.012174],
              [97.652798, 33.998359],
              [97.659854, 33.956345],
              [97.644399, 33.943315],
              [97.633985, 33.919078],
              [97.601844, 33.930045],
              [97.546746, 33.914151],
              [97.522109, 33.903261],
              [97.503631, 33.912005],
              [97.482801, 33.896981],
              [97.468467, 33.902069],
              [97.460628, 33.887361],
              [97.395339, 33.88927],
              [97.389628, 33.879967],
              [97.398027, 33.848315],
              [97.371822, 33.841952],
              [97.368798, 33.824131],
              [97.406426, 33.795165],
              [97.409898, 33.767621],
              [97.423224, 33.754961],
              [97.417849, 33.728521],
              [97.435319, 33.682468],
              [97.40553, 33.626663],
              [97.415721, 33.605527],
              [97.437111, 33.600183],
              [97.448645, 33.583668],
              [97.472835, 33.587418],
              [97.525245, 33.575769],
              [97.51203, 33.519415],
              [97.542155, 33.492662],
              [97.55257, 33.465662],
              [97.582358, 33.468777],
              [97.604644, 33.451838],
              [97.625585, 33.461507],
              [97.645183, 33.449041],
              [97.665005, 33.447683],
              [97.67486, 33.433058],
              [97.703641, 33.428981],
              [97.741268, 33.411635],
              [97.750003, 33.397403],
              [97.719991, 33.386288],
              [97.702297, 33.359734],
              [97.676316, 33.357574],
              [97.676092, 33.341013],
              [97.636784, 33.344614],
              [97.622002, 33.335972],
              [97.615395, 33.301799],
              [97.606548, 33.287469],
              [97.60666, 33.262567],
              [97.577655, 33.234453],
              [97.575191, 33.220834],
              [97.546746, 33.203686],
              [97.532972, 33.20625],
              [97.518078, 33.182607],
              [97.487953, 33.168178],
              [97.486273, 33.145246],
              [97.498032, 33.137949],
              [97.487729, 33.106746],
              [97.516958, 33.09752],
              [97.537339, 33.058196],
              [97.542379, 33.036199],
              [97.517966, 33.022148],
              [97.497696, 33.021826],
              [97.523789, 32.988575],
              [97.464995, 32.972024],
              [97.447413, 32.976283],
              [97.410122, 32.9619],
              [97.375741, 32.956676],
              [97.361967, 32.941969],
              [97.369582, 32.926535],
              [97.361743, 32.906998],
              [97.350096, 32.903943],
              [97.355472, 32.886894],
              [97.379101, 32.88239],
              [97.3931, 32.828727],
              [97.380221, 32.826313],
              [97.38582, 32.780266],
              [97.424792, 32.727749],
              [97.423784, 32.704945],
              [97.480786, 32.664076],
              [97.484705, 32.652788],
              [97.513262, 32.648836],
              [97.543723, 32.621737],
              [97.606324, 32.615283],
              [97.610579, 32.596],
              [97.629729, 32.575907],
              [97.662989, 32.560006],
              [97.698601, 32.536836],
              [97.736229, 32.52642],
              [97.757507, 32.530942],
              [97.768817, 32.518344],
              [97.797262, 32.520202],
              [97.804541, 32.501706],
              [97.836906, 32.504129],
              [97.862775, 32.499364],
              [97.880245, 32.486358],
              [97.90645, 32.489347],
              [97.940158, 32.482399],
              [97.947101, 32.470765],
              [97.970283, 32.470765],
              [98.008582, 32.451128],
              [98.023589, 32.452502],
              [98.036803, 32.42898],
              [98.051362, 32.428576],
              [98.086526, 32.398499],
              [98.112171, 32.391787],
              [98.124154, 32.400682],
              [98.139384, 32.379089],
              [98.163125, 32.375611],
              [98.197505, 32.36016],
              [98.218895, 32.34236],
              [98.208928, 32.319458],
              [98.230542, 32.262865],
              [98.219791, 32.25671],
              [98.219119, 32.234191],
              [98.258202, 32.210613],
              [98.295494, 32.149898],
              [98.301654, 32.12419],
              [98.328867, 32.108291],
              [98.345665, 32.087277],
              [98.362687, 32.078918],
              [98.405578, 32.04353],
              [98.402666, 32.026642],
              [98.434807, 32.007802],
              [98.427863, 31.996432],
              [98.434023, 31.959873],
              [98.421592, 31.94232],
              [98.432567, 31.922569],
              [98.40345, 31.910456],
              [98.399307, 31.895902],
              [98.426296, 31.856782],
              [98.415657, 31.830259],
              [98.44119, 31.829445],
              [98.445221, 31.807472],
              [98.461124, 31.800228],
              [98.460116, 31.78183],
              [98.476802, 31.782318],
              [98.493488, 31.768233],
              [98.520477, 31.730118],
              [98.518573, 31.716268],
              [98.548138, 31.713498],
              [98.556985, 31.690031],
              [98.553961, 31.656612],
              [98.587893, 31.631989],
              [98.62093, 31.590309],
              [98.650942, 31.578806],
              [98.696633, 31.538572],
              [98.695849, 31.530899],
              [98.74042, 31.493176],
              [98.771217, 31.476024],
              [98.787231, 31.474227],
              [98.79507, 31.458951],
              [98.837625, 31.436564],
              [98.843225, 31.41695],
              [98.887012, 31.374602],
              [98.810636, 31.30679],
              [98.805933, 31.279291],
              [98.780064, 31.251129],
              [98.747812, 31.262837],
              [98.733813, 31.289277],
              [98.714439, 31.304253],
              [98.692714, 31.332644],
              [98.646127, 31.339025],
              [98.632912, 31.332235],
              [98.616114, 31.303762],
              [98.60346, 31.256615],
              [98.607715, 31.228037],
              [98.623282, 31.221321],
              [98.621042, 31.203547],
              [98.604804, 31.18413],
              [98.638736, 31.179213],
              [98.643663, 31.169544],
              [98.67502, 31.154055],
              [98.709848, 31.11864],
              [98.712424, 31.083213],
              [98.734261, 31.066807],
              [98.736949, 31.04925],
              [98.774801, 31.031114],
              [98.806045, 30.995654],
              [98.796862, 30.948354],
              [98.774465, 30.908426],
              [98.782192, 30.891497],
              [98.848712, 30.850312],
              [98.856999, 30.829918],
              [98.878725, 30.822352],
              [98.883204, 30.799731],
              [98.901794, 30.785086],
              [98.952301, 30.769699],
              [98.963947, 30.732166],
              [98.936958, 30.716277],
              [98.930799, 30.703266],
              [98.907506, 30.698325],
              [98.905938, 30.683006],
              [98.923632, 30.639589],
              [98.922064, 30.609095],
              [98.942558, 30.590629],
              [98.926767, 30.569439],
              [98.937966, 30.549563],
              [98.931583, 30.527703],
              [98.945917, 30.499155],
              [98.944349, 30.482731],
              [98.965403, 30.450041],
              [98.962715, 30.426838],
              [98.974026, 30.397929],
              [98.967307, 30.375375],
              [98.973242, 30.353558],
              [98.967419, 30.334961],
              [98.981529, 30.321321],
              [98.985001, 30.274848],
              [98.970331, 30.260041],
              [98.974362, 30.231331],
              [98.991832, 30.216435],
              [98.981529, 30.182911],
              [98.989144, 30.15186],
              [99.014678, 30.135461],
              [99.009862, 30.121296],
              [99.044802, 30.080033],
              [99.034387, 30.022832],
              [99.043234, 30.015037],
              [99.054993, 29.958379],
              [99.051297, 29.942529],
              [99.06832, 29.931407],
              [99.058017, 29.921364],
              [99.052977, 29.892888],
              [99.041667, 29.881927],
              [99.034051, 29.855433],
              [99.01367, 29.817881],
              [99.018933, 29.791952],
              [99.000679, 29.737164],
              [98.997768, 29.68767],
              [98.992056, 29.663205],
              [99.011318, 29.628495],
              [99.014678, 29.607347],
              [99.052081, 29.563955],
              [99.044802, 29.51996],
              [99.049394, 29.49112],
              [99.061376, 29.478948],
              [99.056897, 29.456851],
              [99.066864, 29.420818],
              [99.058689, 29.417398],
              [99.069775, 29.327091],
              [99.068544, 29.297445],
              [99.084782, 29.291264],
              [99.094189, 29.267539],
              [99.115242, 29.242053],
              [99.111211, 29.216645],
              [99.119162, 29.198922],
              [99.104939, 29.162632],
              [99.11793, 29.102397],
              [99.113786, 29.074527],
              [99.118602, 29.033754],
              [99.127561, 29.016586],
              [99.122969, 28.998411],
              [99.131816, 28.949479],
              [99.123529, 28.890126],
              [99.104044, 28.841982],
              [99.104268, 28.81421],
              [99.11737, 28.780554],
              [99.114346, 28.765863],
              [99.133832, 28.734795],
              [99.126889, 28.699517],
              [99.140887, 28.68221],
              [99.147383, 28.641031],
              [99.162277, 28.635735],
              [99.159253, 28.621108],
              [99.172804, 28.613793],
              [99.167093, 28.59521],
              [99.183779, 28.588903],
              [99.170116, 28.565185],
              [99.172132, 28.545164],
              [99.191618, 28.493073],
              [99.183443, 28.472701],
              [99.18725, 28.439862],
              [99.165525, 28.424449],
              [99.175828, 28.400863],
              [99.201137, 28.377439],
              [99.200913, 28.364377],
              [99.230365, 28.349965],
              [99.238429, 28.317004],
              [99.280648, 28.298031],
              [99.289495, 28.286056],
              [99.281544, 28.259908],
              [99.299574, 28.259064],
              [99.306741, 28.227593],
              [99.3456, 28.20447],
              [99.361055, 28.181087],
              [99.375949, 28.180834],
              [99.402378, 28.150691],
              [99.389164, 28.181425],
              [99.386924, 28.210293],
              [99.405962, 28.262523],
              [99.417608, 28.266741],
              [99.413801, 28.292803],
              [99.393083, 28.317762],
              [99.408985, 28.331673],
              [99.40697, 28.357804],
              [99.420856, 28.36876],
              [99.437318, 28.398504],
              [99.430935, 28.416195],
              [99.417832, 28.4167],
              [99.404506, 28.444241],
              [99.426455, 28.452578],
              [99.414025, 28.476826],
              [99.395659, 28.493157],
              [99.402826, 28.514199],
              [99.394539, 28.524213],
              [99.402938, 28.545753],
              [99.426791, 28.555259],
              [99.463411, 28.549202],
              [99.466099, 28.579736],
              [99.497007, 28.602863],
              [99.496672, 28.616231],
              [99.518173, 28.613793],
              [99.540795, 28.623546],
              [99.542586, 28.670614],
              [99.531724, 28.680025],
              [99.553785, 28.710438],
              [99.601044, 28.726396],
              [99.615826, 28.742185],
              [99.605859, 28.771572],
              [99.622545, 28.795243],
              [99.625569, 28.814713],
              [99.678427, 28.810266],
              [99.700601, 28.835019],
              [99.719527, 28.844751],
              [99.72367, 28.810769],
              [99.722774, 28.755956],
              [99.736437, 28.734711],
              [99.733189, 28.719509],
              [99.756482, 28.700357],
              [99.794446, 28.699097],
              [99.841705, 28.653218],
              [99.834538, 28.628085],
              [99.873285, 28.631784],
              [99.875973, 28.611439],
              [99.91864, 28.599079],
              [99.961531, 28.561568],
              [99.964443, 28.539611],
              [99.987065, 28.524465],
              [99.990312, 28.476658],
              [100.000839, 28.464955],
              [100.045186, 28.446178],
              [100.060864, 28.447694],
              [100.074639, 28.424365],
              [100.060976, 28.405833],
              [100.054257, 28.376597],
              [100.099948, 28.359405],
              [100.134552, 28.351651],
              [100.172628, 28.321135],
              [100.168708, 28.296345],
              [100.147543, 28.288755],
              [100.188418, 28.252737],
              [100.163445, 28.2335],
              [100.168148, 28.220758],
              [100.153366, 28.208268],
              [100.10286, 28.201769],
              [100.091997, 28.182354],
              [100.061984, 28.193834],
              [100.050337, 28.181763],
              [100.033315, 28.184633],
              [100.021109, 28.147398],
              [100.039699, 28.130592],
              [100.061536, 28.082776]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 513400,
        "name": "凉山彝族自治州",
        "center": [102.258746, 27.886762],
        "centroid": [102.08054, 27.889541],
        "childrenNum": 17,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 20,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.61389, 28.597313],
              [103.585893, 28.614886],
              [103.560696, 28.606899],
              [103.530571, 28.612196],
              [103.531803, 28.597649],
              [103.504142, 28.560306],
              [103.479057, 28.547099],
              [103.42967, 28.531786],
              [103.421831, 28.511506],
              [103.438629, 28.500059],
              [103.441541, 28.477331],
              [103.43303, 28.452915],
              [103.388347, 28.420659],
              [103.370205, 28.423354],
              [103.35699, 28.440872],
              [103.339968, 28.443483],
              [103.313875, 28.485581],
              [103.299541, 28.521604],
              [103.287782, 28.533048],
              [103.253962, 28.541209],
              [103.246571, 28.549791],
              [103.242875, 28.59336],
              [103.272776, 28.613121],
              [103.287334, 28.655319],
              [103.30626, 28.681958],
              [103.31074, 28.702037],
              [103.333585, 28.721861],
              [103.334817, 28.743108],
              [103.3085, 28.761749],
              [103.270984, 28.805986],
              [103.23862, 28.813538],
              [103.225069, 28.803971],
              [103.189905, 28.827887],
              [103.153957, 28.82923],
              [103.112522, 28.812364],
              [103.107482, 28.771907],
              [103.070527, 28.73681],
              [103.066047, 28.688511],
              [103.051265, 28.66969],
              [103.032451, 28.665824],
              [102.996503, 28.679941],
              [102.990904, 28.672379],
              [102.962571, 28.681118],
              [102.938157, 28.740001],
              [102.944205, 28.76645],
              [102.925279, 28.801873],
              [102.926287, 28.820168],
              [102.941741, 28.860521],
              [102.928079, 28.896415],
              [102.946221, 28.920058],
              [102.942413, 28.944115],
              [102.913632, 28.999918],
              [102.909041, 29.021612],
              [102.922143, 29.037941],
              [102.957755, 29.052008],
              [102.970074, 29.065068],
              [102.931326, 29.112941],
              [102.928639, 29.127332],
              [102.944877, 29.19006],
              [102.974553, 29.222162],
              [102.962795, 29.250828],
              [103.02002, 29.250744],
              [103.031779, 29.27982],
              [103.003894, 29.287171],
              [102.962347, 29.301871],
              [102.940397, 29.302874],
              [102.9124, 29.264531],
              [102.905457, 29.222245],
              [102.879812, 29.206112],
              [102.836585, 29.208035],
              [102.833113, 29.241886],
              [102.804556, 29.249908],
              [102.781487, 29.236705],
              [102.766817, 29.18705],
              [102.778575, 29.173336],
              [102.772192, 29.159621],
              [102.740388, 29.153348],
              [102.69828, 29.167064],
              [102.673419, 29.161544],
              [102.649006, 29.177601],
              [102.653373, 29.188053],
              [102.635791, 29.210793],
              [102.618993, 29.209707],
              [102.590884, 29.191983],
              [102.600515, 29.169991],
              [102.594692, 29.160039],
              [102.563, 29.159955],
              [102.552697, 29.150671],
              [102.559864, 29.133606],
              [102.547657, 29.116957],
              [102.522236, 29.111602],
              [102.514845, 29.09361],
              [102.524476, 29.077457],
              [102.517757, 29.058454],
              [102.525484, 29.036267],
              [102.507006, 29.025883],
              [102.497823, 29.003269],
              [102.471506, 28.983834],
              [102.46613, 28.969339],
              [102.482929, 28.932716],
              [102.481473, 28.920142],
              [102.454148, 28.873606],
              [102.429846, 28.845422],
              [102.381804, 28.855572],
              [102.352351, 28.854566],
              [102.319763, 28.883082],
              [102.29087, 28.899685],
              [102.253802, 28.898763],
              [102.22155, 28.962217],
              [102.180898, 29.013404],
              [102.188961, 29.024626],
              [102.16522, 29.036518],
              [102.14999, 29.031158],
              [102.099708, 28.98065],
              [102.058384, 28.954088],
              [102.050993, 28.920477],
              [102.00631, 28.907567],
              [101.988392, 28.88803],
              [101.98548, 28.857585],
              [101.962747, 28.824027],
              [101.989288, 28.80372],
              [101.997799, 28.750162],
              [102.022772, 28.723373],
              [102.018069, 28.713965],
              [101.985032, 28.702877],
              [101.946621, 28.67137],
              [101.928031, 28.640947],
              [101.918736, 28.612616],
              [101.904289, 28.606562],
              [101.874165, 28.613121],
              [101.832393, 28.594033],
              [101.753554, 28.533889],
              [101.757138, 28.49341],
              [101.745827, 28.453672],
              [101.731829, 28.434556],
              [101.730709, 28.410635],
              [101.715479, 28.380894],
              [101.667548, 28.351819],
              [101.631712, 28.354854],
              [101.620177, 28.374911],
              [101.591621, 28.358056],
              [101.56228, 28.333106],
              [101.509758, 28.314727],
              [101.482097, 28.318521],
              [101.46821, 28.404317],
              [101.454436, 28.411056],
              [101.439654, 28.471691],
              [101.425543, 28.489538],
              [101.373021, 28.461756],
              [101.36787, 28.472449],
              [101.383996, 28.482888],
              [101.413001, 28.521099],
              [101.427559, 28.505025],
              [101.469218, 28.50553],
              [101.473698, 28.499049],
              [101.515357, 28.494083],
              [101.569895, 28.474216],
              [101.594532, 28.475227],
              [101.62992, 28.491558],
              [101.617714, 28.509402],
              [101.620177, 28.537676],
              [101.591844, 28.555427],
              [101.575382, 28.58226],
              [101.550745, 28.599415],
              [101.516925, 28.58924],
              [101.489824, 28.626824],
              [101.472914, 28.631532],
              [101.445813, 28.625479],
              [101.427223, 28.646326],
              [101.367646, 28.629262],
              [101.369213, 28.647755],
              [101.356223, 28.66616],
              [101.297542, 28.673135],
              [101.277048, 28.66574],
              [101.229677, 28.66658],
              [101.202576, 28.652714],
              [101.209183, 28.700609],
              [101.200224, 28.717409],
              [101.20504, 28.754948],
              [101.189922, 28.762085],
              [101.173123, 28.788696],
              [101.171668, 28.836445],
              [101.192609, 28.891133],
              [101.180851, 28.905471],
              [101.183986, 28.941265],
              [101.160357, 28.946965],
              [101.145351, 28.999751],
              [101.155877, 29.017759],
              [101.142327, 29.031326],
              [101.138855, 29.053515],
              [101.116346, 29.070593],
              [101.118362, 29.111937],
              [101.09742, 29.146573],
              [101.056881, 29.166395],
              [101.050273, 29.145652],
              [101.010182, 29.12683],
              [100.959563, 29.074109],
              [100.929103, 29.061217],
              [100.936382, 29.087919],
              [100.922384, 29.099468],
              [100.924735, 29.119802],
              [100.916336, 29.139881],
              [100.883412, 29.146405],
              [100.837497, 29.112941],
              [100.802557, 29.107837],
              [100.772432, 29.087668],
              [100.77288, 29.063812],
              [100.786431, 29.057868],
              [100.832458, 29.055357],
              [100.845784, 29.02069],
              [100.820475, 28.993049],
              [100.797518, 28.989279],
              [100.779264, 29.010389],
              [100.714199, 29.005195],
              [100.704792, 28.997322],
              [100.680155, 29.014158],
              [100.65003, 29.01935],
              [100.658093, 29.005447],
              [100.63424, 28.990117],
              [100.609155, 28.954591],
              [100.577014, 28.945456],
              [100.544762, 28.955261],
              [100.521357, 28.949646],
              [100.530316, 28.924417],
              [100.543082, 28.91704],
              [100.541738, 28.889791],
              [100.558536, 28.86136],
              [100.5638, 28.833425],
              [100.586533, 28.821426],
              [100.579926, 28.797929],
              [100.594708, 28.743948],
              [100.562792, 28.749574],
              [100.539946, 28.736726],
              [100.508814, 28.708674],
              [100.472082, 28.70859],
              [100.472418, 28.696493],
              [100.49112, 28.694812],
              [100.523708, 28.671118],
              [100.526284, 28.643048],
              [100.520125, 28.616568],
              [100.530428, 28.574101],
              [100.514973, 28.559633],
              [100.506014, 28.524213],
              [100.49112, 28.500312],
              [100.449909, 28.474722],
              [100.439606, 28.448199],
              [100.4162, 28.433209],
              [100.423928, 28.420153],
              [100.420792, 28.38654],
              [100.398618, 28.359405],
              [100.390331, 28.324929],
              [100.416424, 28.306464],
              [100.413849, 28.290779],
              [100.372861, 28.250459],
              [100.367822, 28.206242],
              [100.380252, 28.187925],
              [100.38742, 28.133463],
              [100.401754, 28.096464],
              [100.404666, 28.073143],
              [100.426839, 28.019468],
              [100.418104, 28.005601],
              [100.396715, 28.005516],
              [100.380812, 28.015494],
              [100.349008, 28.017354],
              [100.337025, 28.010167],
              [100.302981, 28.009829],
              [100.270505, 27.966358],
              [100.25617, 27.961283],
              [100.234445, 27.971011],
              [100.225822, 27.987165],
              [100.201744, 27.984205],
              [100.100284, 28.047957],
              [100.072063, 28.08548],
              [100.061536, 28.082776],
              [100.086733, 28.030374],
              [100.12089, 28.018707],
              [100.142615, 27.991817],
              [100.196145, 27.93734],
              [100.16994, 27.907637],
              [100.210479, 27.877248],
              [100.25785, 27.864972],
              [100.294918, 27.869544],
              [100.30914, 27.859129],
              [100.30858, 27.830421],
              [100.286071, 27.805856],
              [100.302869, 27.792386],
              [100.307125, 27.748658],
              [100.299509, 27.736113],
              [100.32773, 27.720429],
              [100.344416, 27.734333],
              [100.3508, 27.755947],
              [100.374765, 27.754591],
              [100.377005, 27.775608],
              [100.392795, 27.787556],
              [100.411609, 27.815683],
              [100.415192, 27.840923],
              [100.443189, 27.866242],
              [100.478017, 27.857859],
              [100.495599, 27.844649],
              [100.504334, 27.852016],
              [100.511166, 27.827626],
              [100.536587, 27.824661],
              [100.546442, 27.808567],
              [100.55988, 27.824153],
              [100.607027, 27.855996],
              [100.609043, 27.876232],
              [100.634688, 27.915338],
              [100.654958, 27.910853],
              [100.679819, 27.924224],
              [100.704456, 27.886814],
              [100.699865, 27.86912],
              [100.719462, 27.858283],
              [100.708152, 27.842278],
              [100.707032, 27.801366],
              [100.73962, 27.774507],
              [100.749923, 27.772897],
              [100.775456, 27.743064],
              [100.781503, 27.693635],
              [100.789007, 27.684391],
              [100.836489, 27.681677],
              [100.848472, 27.670905],
              [100.832346, 27.650207],
              [100.850488, 27.640705],
              [100.828202, 27.615758],
              [100.855303, 27.62365],
              [100.854071, 27.596662],
              [100.86807, 27.591824],
              [100.912081, 27.521689],
              [100.901554, 27.486265],
              [100.90133, 27.453379],
              [100.921264, 27.47131],
              [100.93683, 27.469101],
              [100.957212, 27.43825],
              [100.951836, 27.427199],
              [101.001783, 27.349303],
              [101.020261, 27.344454],
              [101.010182, 27.312292],
              [101.030004, 27.294591],
              [101.0281, 27.266586],
              [101.042546, 27.247003],
              [101.038963, 27.233464],
              [101.059568, 27.198629],
              [101.082526, 27.195051],
              [101.118698, 27.20868],
              [101.170436, 27.195648],
              [101.168084, 27.165232],
              [101.197425, 27.18321],
              [101.246027, 27.179205],
              [101.283095, 27.197607],
              [101.293174, 27.189599],
              [101.315571, 27.197522],
              [101.334721, 27.179546],
              [101.355215, 27.184658],
              [101.394299, 27.145206],
              [101.41412, 27.162164],
              [101.426999, 27.190792],
              [101.419048, 27.215835],
              [101.470674, 27.238829],
              [101.495759, 27.228014],
              [101.514685, 27.229802],
              [101.530475, 27.277823],
              [101.55836, 27.295357],
              [101.584229, 27.334671],
              [101.598452, 27.340456],
              [101.635408, 27.33952],
              [101.633728, 27.327949],
              [101.659261, 27.313569],
              [101.664748, 27.288888],
              [101.643135, 27.24513],
              [101.65075, 27.208169],
              [101.681994, 27.150404],
              [101.708759, 27.129012],
              [101.744483, 27.124835],
              [101.761729, 27.133444],
              [101.803725, 27.114691],
              [101.817387, 27.101732],
              [101.833065, 27.122619],
              [101.870357, 27.129694],
              [101.879204, 27.168129],
              [101.862966, 27.182784],
              [101.878196, 27.189855],
              [101.878084, 27.222734],
              [101.886259, 27.255603],
              [101.896786, 27.267096],
              [101.912241, 27.243683],
              [101.903618, 27.218561],
              [101.914368, 27.213195],
              [101.908433, 27.192666],
              [101.922095, 27.180654],
              [101.941021, 27.143842],
              [101.927247, 27.137109],
              [101.938782, 27.104034],
              [101.97305, 27.122619],
              [101.993879, 27.115202],
              [102.000263, 27.096873],
              [102.025908, 27.093462],
              [102.034083, 27.076152],
              [102.049761, 27.082718],
              [102.081566, 27.129268],
              [102.086269, 27.146484],
              [102.114826, 27.159437],
              [102.122665, 27.171878],
              [102.161077, 27.182187],
              [102.176419, 27.137535],
              [102.203296, 27.131398],
              [102.210351, 27.11776],
              [102.2407, 27.106592],
              [102.238684, 27.064298],
              [102.217518, 27.04596],
              [102.230173, 27.000485],
              [102.214495, 26.957297],
              [102.229165, 26.945174],
              [102.225917, 26.923999],
              [102.205312, 26.91042],
              [102.214159, 26.889153],
              [102.204976, 26.85216],
              [102.202288, 26.840795],
              [102.215615, 26.813617],
              [102.192657, 26.820455],
              [102.18213, 26.812591],
              [102.174179, 26.802419],
              [102.189857, 26.791904],
              [102.175075, 26.774975],
              [102.192993, 26.763602],
              [102.195681, 26.744616],
              [102.175859, 26.726568],
              [102.178883, 26.708346],
              [102.157605, 26.692346],
              [102.157045, 26.680708],
              [102.135543, 26.674718],
              [102.132296, 26.637741],
              [102.114714, 26.63406],
              [102.084477, 26.654519],
              [102.068351, 26.656659],
              [102.073502, 26.670867],
              [102.054801, 26.692688],
              [102.063088, 26.718613],
              [102.04573, 26.737517],
              [102.033187, 26.712367],
              [102.006534, 26.716388],
              [101.997463, 26.698849],
              [101.995559, 26.653577],
              [101.984024, 26.638854],
              [102.001383, 26.633632],
              [102.011125, 26.598525],
              [102.030611, 26.596898],
              [102.038562, 26.571717],
              [102.034083, 26.541133],
              [102.050769, 26.49417],
              [102.033411, 26.470768],
              [102.029491, 26.434068],
              [102.020196, 26.422832],
              [101.994999, 26.431409],
              [101.982121, 26.454906],
              [101.942701, 26.448989],
              [101.929039, 26.419487],
              [101.939118, 26.410824],
              [101.927583, 26.362263],
              [101.935198, 26.322954],
              [101.926015, 26.306213],
              [101.921759, 26.27032],
              [101.90205, 26.243521],
              [101.906753, 26.191367],
              [101.872261, 26.181483],
              [101.840681, 26.16008],
              [101.844712, 26.141683],
              [101.832282, 26.117176],
              [101.839897, 26.082429],
              [101.835417, 26.045865],
              [101.858039, 26.049392],
              [101.881668, 26.072364],
              [101.899698, 26.099202],
              [101.922879, 26.107975],
              [101.954684, 26.084494],
              [102.020756, 26.096278],
              [102.052561, 26.075547],
              [102.084253, 26.065138],
              [102.107771, 26.068235],
              [102.117066, 26.086128],
              [102.130056, 26.086386],
              [102.136999, 26.108319],
              [102.152342, 26.109609],
              [102.175075, 26.147013],
              [102.1996, 26.158447],
              [102.241708, 26.188617],
              [102.244955, 26.210874],
              [102.257386, 26.220068],
              [102.282807, 26.220154],
              [102.351007, 26.245927],
              [102.396138, 26.297627],
              [102.440149, 26.300632],
              [102.542954, 26.340121],
              [102.551577, 26.362178],
              [102.571063, 26.362607],
              [102.629408, 26.33686],
              [102.638591, 26.307673],
              [102.611266, 26.282343],
              [102.601299, 26.249019],
              [102.620113, 26.245755],
              [102.659197, 26.221442],
              [102.674539, 26.205374],
              [102.719782, 26.218177],
              [102.721686, 26.239999],
              [102.73994, 26.268602],
              [102.761889, 26.275301],
              [102.785183, 26.298915],
              [102.833449, 26.306642],
              [102.867493, 26.339005],
              [102.88026, 26.366125],
              [102.89325, 26.338834],
              [102.926847, 26.334628],
              [102.975561, 26.340894],
              [102.998183, 26.371874],
              [102.988328, 26.409023],
              [102.997735, 26.459622],
              [102.990344, 26.483027],
              [103.031891, 26.486884],
              [103.057088, 26.528109],
              [103.053505, 26.554242],
              [103.036706, 26.555355],
              [103.019348, 26.590047],
              [103.029651, 26.601694],
              [103.024164, 26.639795],
              [103.028195, 26.659569],
              [103.00591, 26.677456],
              [103.009605, 26.70732],
              [102.996727, 26.724943],
              [102.98396, 26.764799],
              [102.991799, 26.774633],
              [102.964474, 26.839428],
              [102.947452, 26.844299],
              [102.896498, 26.912556],
              [102.888883, 26.954565],
              [102.895266, 26.999802],
              [102.871301, 27.02796],
              [102.898962, 27.076323],
              [102.913744, 27.134637],
              [102.902209, 27.195903],
              [102.90165, 27.235763],
              [102.883284, 27.258242],
              [102.882164, 27.293314],
              [102.900082, 27.317653],
              [102.911392, 27.349133],
              [102.941405, 27.40552],
              [102.955292, 27.411386],
              [102.97097, 27.377628],
              [102.985304, 27.367337],
              [103.033347, 27.388003],
              [103.055632, 27.409516],
              [103.079598, 27.397272],
              [103.111514, 27.401013],
              [103.14455, 27.425584],
              [103.14455, 27.450574],
              [103.190353, 27.523472],
              [103.204464, 27.529163],
              [103.218126, 27.562111],
              [103.236156, 27.570431],
              [103.278711, 27.561856],
              [103.293606, 27.564743],
              [103.299205, 27.597171],
              [103.280391, 27.617964],
              [103.314547, 27.655297],
              [103.349711, 27.678454],
              [103.370093, 27.708644],
              [103.39305, 27.709407],
              [103.420935, 27.742979],
              [103.448148, 27.7551],
              [103.464722, 27.782472],
              [103.489584, 27.797384],
              [103.509181, 27.84033],
              [103.499998, 27.877502],
              [103.502574, 27.91043],
              [103.526315, 27.940555],
              [103.563943, 27.964159],
              [103.563271, 27.977693],
              [103.54065, 27.965766],
              [103.516685, 27.965259],
              [103.498879, 27.984121],
              [103.496527, 28.016593],
              [103.48824, 28.032403],
              [103.459459, 28.021412],
              [103.43247, 28.041279],
              [103.432918, 28.072213],
              [103.453636, 28.087677],
              [103.454979, 28.12375],
              [103.47021, 28.122145],
              [103.533147, 28.168508],
              [103.552633, 28.191302],
              [103.573238, 28.230884],
              [103.608178, 28.239069],
              [103.632368, 28.259992],
              [103.649502, 28.25704],
              [103.694745, 28.227256],
              [103.702024, 28.198983],
              [103.721286, 28.202022],
              [103.739987, 28.236032],
              [103.770336, 28.2335],
              [103.78579, 28.254087],
              [103.813003, 28.265138],
              [103.828906, 28.28496],
              [103.870229, 28.301067],
              [103.875604, 28.322147],
              [103.853431, 28.356708],
              [103.859814, 28.383506],
              [103.851303, 28.40676],
              [103.829801, 28.436325],
              [103.830249, 28.458388],
              [103.810428, 28.49543],
              [103.781983, 28.524549],
              [103.75701, 28.522782],
              [103.739987, 28.51201],
              [103.724533, 28.471522],
              [103.685002, 28.497955],
              [103.689929, 28.519332],
              [103.712999, 28.541294],
              [103.712551, 28.552904],
              [103.689257, 28.562578],
              [103.665404, 28.594874],
              [103.639983, 28.604881],
              [103.61389, 28.597313]
            ]
          ],
          [
            [
              [101.91672, 26.703127],
              [101.913024, 26.680537],
              [101.920528, 26.635515],
              [101.938782, 26.639367],
              [101.946509, 26.707662],
              [101.91672, 26.703127]
            ]
          ]
        ]
      }
    }
  ]
}


================================================
FILE: packages/lego-map/example/DrillMapDemo/demo1.tsx
================================================
import React from 'react';
import { DrillMap } from '@td-design/lego-map';

export default () => {
  return <DrillMap style={{ width: '100%', height: 900 }} />;
};


================================================
FILE: packages/lego-map/example/DrillMapDemo/demo2.tsx
================================================
import React from 'react';
import { DrillMap } from '@td-design/lego-map';

export default () => {
  return (
    <DrillMap enableDrill={false} style={{ width: '100%', height: 900 }} />
  );
};


================================================
FILE: packages/lego-map/example/DrillMapDemo/demo3.tsx
================================================
import React from 'react';
import { DrillMap } from '@td-design/lego-map';

export default () => {
  return <DrillMap adcode="510000" style={{ width: '100%', height: 900 }} />;
};


================================================
FILE: packages/lego-map/example/DrillMapDemo/demo4.tsx
================================================
import React from 'react';
import { DrillMap } from '@td-design/lego-map';

export default () => {
  return <DrillMap adcode="510000" style={{ width: '100%', height: 900 }} simple />;
};


================================================
FILE: packages/lego-map/example/DrillMapDemo/demo5.tsx
================================================
import React from 'react';
import { DrillMap } from '@td-design/lego-map';

export default () => {
  return <DrillMap style={{ width: '100%', height: 900 }} />;
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/demo1.tsx
================================================
import { SimpleMap } from '@td-design/lego-map';

export default () => {
  return <SimpleMap style={{ width: '100%', height: 900 }} />;
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/demo2.tsx
================================================
import { SimpleMap } from '@td-design/lego-map';
import sichuan from './sichuan.json';

export default () => {
  return (
    <SimpleMap
      mapName="sichuan"
      mapJson={sichuan}
      style={{ width: '100%', height: 400 }}
    />
  );
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/demo3.tsx
================================================
import { SimpleMap } from '@td-design/lego-map';
import sichuan from './sichuan.json';

export default () => {
  return (
    <SimpleMap
      mapName="sichuan"
      mapJson={sichuan}
      showLabel={false}
      style={{ width: '100%', height: 400 }}
    />
  );
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/demo4.tsx
================================================
import { SimpleMap } from '@td-design/lego-map';
import sichuan from './sichuan.json';

export default () => {
  return (
    <SimpleMap
      mapName="sichuan"
      mapJson={sichuan}
      silent
      style={{ width: '100%', height: 400 }}
    />
  );
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/demo5.tsx
================================================
import { SimpleMap } from '@td-design/lego-map';

export default () => {
  const data = [
    [104.075045, 30.663774, 10],
    [104.689584, 31.476866, 10],
    [106.55408, 29.578697, 10],
    [108.94113, 34.352069, 10],
    [116.382836, 39.926047, 10],
    [103.799085, 36.114321, 10],
    [114.285544, 30.65433, 10],
    [106.669064, 26.696559, 10],
    [113.218501, 23.2084522, 10],
    [118.802027, 32.095359, 10],
    [121.423696, 31.320051, 10],
  ];

  return (
    <SimpleMap
      config={{
        tooltip: {},
        series: [
          {
            type: 'effectScatter',
            coordinateSystem: 'geo',
            zlevel: 2,
            rippleEffect: {
              //涟漪特效
              period: 2, //动画时间，值越小速度越快
              brushType: 'stroke', //波纹绘制方式 stroke, fill
              scale: 2, //波纹圆环最大限制，值越大波纹越大
            },
            symbol: 'circle',
            symbolSize: 20,
            itemStyle: {
              color: '#f00',
            },
            data,
          },
        ],
      }}
      style={{ width: '100%', height: 900 }}
    />
  );
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/demo6.tsx
================================================
import { SimpleMap } from '@td-design/lego-map';

export default () => {
  return <SimpleMap style={{ width: '100%', height: 900 }} top={80} zoom={1.2} />;
};


================================================
FILE: packages/lego-map/example/SimpleMapDemo/sichuan.json
================================================
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "adcode": 510100,
        "name": "成都市",
        "center": [104.065735, 30.659462],
        "centroid": [103.931804, 30.652329],
        "childrenNum": 20,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 0,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.959259, 30.320742],
              [103.965866, 30.316774],
              [103.974713, 30.290727],
              [103.998343, 30.264508],
              [104.030035, 30.266245],
              [104.030035, 30.266245],
              [104.047393, 30.270381],
              [104.091628, 30.24879],
              [104.116601, 30.227194],
              [104.150533, 30.245646],
              [104.152213, 30.265335],
              [104.174051, 30.298666],
              [104.17853, 30.318262],
              [104.192977, 30.329836],
              [104.2016, 30.316526],
              [104.232284, 30.313798],
              [104.2315, 30.282209],
              [104.232732, 30.281878],
              [104.23318, 30.281051],
              [104.231836, 30.280472],
              [104.243371, 30.267403],
              [104.23094, 30.256153],
              [104.243259, 30.244239],
              [104.264537, 30.241592],
              [104.2726, 30.217842],
              [104.282231, 30.220904],
              [104.315379, 30.200792],
              [104.327138, 30.204269],
              [104.364541, 30.185974],
              [104.358158, 30.173638],
              [104.386379, 30.161798],
              [104.39881, 30.124776],
              [104.41012, 30.125521],
              [104.428374, 30.089729],
              [104.450212, 30.101081],
              [104.437109, 30.107544],
              [104.457715, 30.120634],
              [104.449428, 30.132894],
              [104.464994, 30.151529],
              [104.468354, 30.157077],
              [104.485264, 30.156001],
              [104.484368, 30.181504],
              [104.533754, 30.193673],
              [104.541594, 30.184236],
              [104.569254, 30.196985],
              [104.600163, 30.220408],
              [104.599603, 30.244488],
              [104.653133, 30.240185],
              [104.638239, 30.268148],
              [104.643614, 30.283036],
              [104.691993, 30.275427],
              [104.703975, 30.301643],
              [104.723797, 30.308341],
              [104.738579, 30.290314],
              [104.774863, 30.30156],
              [104.795133, 30.279397],
              [104.807228, 30.296847],
              [104.823354, 30.293787],
              [104.848775, 30.306852],
              [104.850455, 30.338929],
              [104.837016, 30.361988],
              [104.855494, 30.347194],
              [104.860982, 30.364384],
              [104.881027, 30.360831],
              [104.895922, 30.382315],
              [104.881699, 30.393551],
              [104.875092, 30.437078],
              [104.8761, 30.5131],
              [104.892786, 30.541645],
              [104.879124, 30.550635],
              [104.858854, 30.582385],
              [104.819098, 30.580076],
              [104.819994, 30.598296],
              [104.847319, 30.631101],
              [104.842728, 30.649395],
              [104.821226, 30.643874],
              [104.818315, 30.664307],
              [104.800956, 30.690995],
              [104.78875, 30.694043],
              [104.788526, 30.721299],
              [104.768032, 30.71817],
              [104.750786, 30.726898],
              [104.732084, 30.778257],
              [104.718086, 30.771756],
              [104.698376, 30.825559],
              [104.640366, 30.837895],
              [104.629952, 30.852449],
              [104.613937, 30.847763],
              [104.596355, 30.864535],
              [104.585269, 30.862891],
              [104.520764, 30.882456],
              [104.533083, 30.917875],
              [104.511917, 30.935868],
              [104.495791, 30.935457],
              [104.465218, 30.9509],
              [104.44506, 30.940468],
              [104.39601, 30.942358],
              [104.389739, 30.925681],
              [104.367117, 30.93365],
              [104.351887, 30.902345],
              [104.322322, 30.891743],
              [104.288726, 30.90292],
              [104.244491, 30.896921],
              [104.21571, 30.8984],
              [104.202384, 30.91311],
              [104.168787, 30.918533],
              [104.149974, 30.91311],
              [104.142582, 30.925845],
              [104.166324, 30.951311],
              [104.166884, 30.993438],
              [104.143478, 31.01158],
              [104.117385, 31.017572],
              [104.10697, 31.032263],
              [104.107194, 31.032017],
              [104.106522, 31.031607],
              [104.10641, 31.031771],
              [104.094876, 31.032756],
              [104.060608, 31.0641],
              [104.057584, 31.07821],
              [104.019844, 31.103963],
              [104.022868, 31.142661],
              [104.009429, 31.153235],
              [104.014693, 31.167577],
              [103.983, 31.200925],
              [103.949404, 31.215997],
              [103.929134, 31.234425],
              [103.928014, 31.272497],
              [103.914128, 31.278964],
              [103.891618, 31.308017],
              [103.894418, 31.326018],
              [103.92835, 31.355139],
              [103.894754, 31.408858],
              [103.897554, 31.416377],
              [103.868437, 31.420954],
              [103.828682, 31.412454],
              [103.816027, 31.431906],
              [103.802588, 31.430108],
              [103.787246, 31.434439],
              [103.75029, 31.419156],
              [103.739876, 31.398885],
              [103.700792, 31.391118],
              [103.669323, 31.354812],
              [103.627104, 31.344097],
              [103.60717, 31.351295],
              [103.569543, 31.338453],
              [103.569991, 31.314563],
              [103.579733, 31.291241],
              [103.569095, 31.262019],
              [103.581413, 31.246626],
              [103.57671, 31.215834],
              [103.583205, 31.191422],
              [103.564839, 31.175034],
              [103.557224, 31.149055],
              [103.525644, 31.101092],
              [103.521164, 31.067792],
              [103.504814, 31.041044],
              [103.517132, 31.030129],
              [103.52094, 31.005095],
              [103.516461, 30.971761],
              [103.465058, 30.941536],
              [103.454644, 30.924695],
              [103.451396, 30.892565],
              [103.409401, 30.864946],
              [103.383084, 30.862891],
              [103.354527, 30.850887],
              [103.337617, 30.824655],
              [103.305252, 30.810507],
              [103.284647, 30.829589],
              [103.25833, 30.842418],
              [103.228653, 30.836579],
              [103.199088, 30.845707],
              [103.165716, 30.842171],
              [103.123945, 30.79282],
              [103.083629, 30.812728],
              [103.037938, 30.802364],
              [102.992919, 30.778339],
              [103.005126, 30.74649],
              [103.033907, 30.719076],
              [103.031331, 30.703678],
              [103.068735, 30.716194],
              [103.103115, 30.672957],
              [103.119017, 30.670898],
              [103.13156, 30.65475],
              [103.135591, 30.624096],
              [103.126856, 30.593927],
              [103.147798, 30.585847],
              [103.166276, 30.555749],
              [103.157765, 30.530013],
              [103.180834, 30.525228],
              [103.185874, 30.511945],
              [103.162244, 30.472579],
              [103.141751, 30.470845],
              [103.12596, 30.451115],
              [103.115993, 30.413954],
              [103.116329, 30.380002],
              [103.127976, 30.367111],
              [103.091132, 30.326529],
              [103.079038, 30.324545],
              [103.062128, 30.302553],
              [103.068623, 30.294283],
              [103.061456, 30.270464],
              [103.071534, 30.260951],
              [103.076798, 30.220242],
              [103.147238, 30.207],
              [103.183634, 30.248128],
              [103.211631, 30.232407],
              [103.215998, 30.209235],
              [103.233356, 30.213456],
              [103.242651, 30.243081],
              [103.282295, 30.263598],
              [103.313875, 30.260372],
              [103.320259, 30.23489],
              [103.350047, 30.236048],
              [103.370317, 30.22827],
              [103.36091, 30.168008],
              [103.372109, 30.148382],
              [103.360574, 30.136787],
              [103.395178, 30.094866],
              [103.439637, 30.119474],
              [103.439637, 30.119557],
              [103.443893, 30.120054],
              [103.443893, 30.117486],
              [103.4505, 30.096524],
              [103.462483, 30.096027],
              [103.468082, 30.114255],
              [103.450948, 30.132231],
              [103.474577, 30.131237],
              [103.486224, 30.104147],
              [103.504142, 30.128503],
              [103.533819, 30.146643],
              [103.544233, 30.161218],
              [103.533819, 30.178109],
              [103.597204, 30.203524],
              [103.617473, 30.195412],
              [103.628, 30.214863],
              [103.649502, 30.199799],
              [103.648046, 30.229263],
              [103.693065, 30.245894],
              [103.681754, 30.269885],
              [103.705271, 30.268975],
              [103.718374, 30.283201],
              [103.736516, 30.285848],
              [103.727893, 30.30462],
              [103.75141, 30.307927],
              [103.769776, 30.332068],
              [103.794749, 30.345872],
              [103.845368, 30.34331],
              [103.87426, 30.348104],
              [103.887699, 30.328761],
              [103.910432, 30.330663],
              [103.913904, 30.353972],
              [103.942237, 30.357773],
              [103.93563, 30.346203],
              [103.959259, 30.320742]
            ]
          ],
          [
            [
              [104.107194, 31.032017],
              [104.10697, 31.032263],
              [104.10641, 31.031771],
              [104.106522, 31.031607],
              [104.107194, 31.032017]
            ]
          ],
          [
            [
              [103.443893, 30.120054],
              [103.439637, 30.119557],
              [103.439637, 30.119474],
              [103.443893, 30.117486],
              [103.443893, 30.120054]
            ]
          ],
          [
            [
              [104.232732, 30.281878],
              [104.2315, 30.282209],
              [104.231836, 30.280472],
              [104.23318, 30.281051],
              [104.232732, 30.281878]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510300,
        "name": "自贡市",
        "center": [104.773447, 29.352765],
        "centroid": [104.685446, 29.28421],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 1,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.17685, 29.195745],
              [104.195888, 29.220657],
              [104.191409, 29.235869],
              [104.23262, 29.205861],
              [104.256026, 29.212298],
              [104.265433, 29.231857],
              [104.249082, 29.261356],
              [104.284582, 29.259601],
              [104.298805, 29.245647],
              [104.323218, 29.2408],
              [104.368685, 29.247652],
              [104.380332, 29.238376],
              [104.411688, 29.245479],
              [104.417735, 29.236454],
              [104.442597, 29.238543],
              [104.434646, 29.220908],
              [104.460963, 29.221827],
              [104.46589, 29.207366],
              [104.509453, 29.155522],
              [104.540922, 29.143394],
              [104.580117, 29.164639],
              [104.596355, 29.190394],
              [104.62424, 29.207282],
              [104.649325, 29.198588],
              [104.691993, 29.19934],
              [104.692329, 29.177099],
              [104.680346, 29.15569],
              [104.697816, 29.118212],
              [104.714614, 29.122396],
              [104.73018, 29.106498],
              [104.737236, 29.078796],
              [104.713718, 29.06105],
              [104.705207, 29.045477],
              [104.720214, 28.996651],
              [104.744067, 28.990369],
              [104.76512, 28.998746],
              [104.796701, 29.000086],
              [104.811931, 28.990704],
              [104.819546, 29.001761],
              [104.85751, 29.003436],
              [104.861542, 29.019685],
              [104.879684, 29.024291],
              [104.881475, 29.050836],
              [104.902529, 29.047738],
              [104.941837, 29.058873],
              [104.944636, 29.021277],
              [104.969722, 29.015749],
              [104.986296, 28.991541],
              [105.00511, 28.989866],
              [105.017316, 28.972104],
              [105.073758, 28.936404],
              [105.111162, 28.933722],
              [105.126952, 28.945288],
              [105.145094, 28.942271],
              [105.162116, 28.947467],
              [105.167715, 28.92995],
              [105.201871, 28.929279],
              [105.205007, 28.951825],
              [105.217214, 28.95568],
              [105.225837, 28.934644],
              [105.244763, 28.937745],
              [105.254282, 28.9271],
              [105.267608, 28.939086],
              [105.239723, 28.956937],
              [105.267384, 28.979561],
              [105.269288, 29.009719],
              [105.234348, 29.026636],
              [105.214974, 29.016168],
              [105.187873, 29.027306],
              [105.188769, 29.056613],
              [105.207359, 29.070258],
              [105.250138, 29.119969],
              [105.244987, 29.135196],
              [105.271752, 29.160123],
              [105.256521, 29.17526],
              [105.266936, 29.188638],
              [105.23558, 29.215475],
              [105.217998, 29.20561],
              [105.195488, 29.222078],
              [105.203999, 29.23963],
              [105.160548, 29.262776],
              [105.134903, 29.257429],
              [105.113961, 29.284999],
              [105.120121, 29.302205],
              [105.108922, 29.315568],
              [105.072526, 29.336359],
              [105.063679, 29.364659],
              [105.035346, 29.382937],
              [105.046881, 29.408721],
              [105.079469, 29.406886],
              [105.084285, 29.42232],
              [105.063119, 29.442923],
              [105.067823, 29.454349],
              [105.044305, 29.480865],
              [105.030643, 29.472527],
              [105.04061, 29.461938],
              [105.020564, 29.454432],
              [105.026947, 29.439587],
              [104.993127, 29.438669],
              [104.961882, 29.416647],
              [104.937133, 29.445425],
              [104.917647, 29.434332],
              [104.871957, 29.459019],
              [104.873972, 29.47086],
              [104.848775, 29.467858],
              [104.833657, 29.430495],
              [104.808796, 29.457018],
              [104.786398, 29.457518],
              [104.777327, 29.448177],
              [104.750786, 29.453598],
              [104.741155, 29.432414],
              [104.751458, 29.402631],
              [104.766128, 29.406469],
              [104.759969, 29.374759],
              [104.738132, 29.381936],
              [104.745411, 29.36324],
              [104.710919, 29.361404],
              [104.704423, 29.372255],
              [104.674299, 29.38227],
              [104.673403, 29.398709],
              [104.652461, 29.411141],
              [104.619761, 29.444758],
              [104.587956, 29.422987],
              [104.569814, 29.441172],
              [104.558728, 29.431913],
              [104.543945, 29.441005],
              [104.535658, 29.418566],
              [104.510013, 29.456767],
              [104.53465, 29.456601],
              [104.529611, 29.518876],
              [104.501726, 29.549958],
              [104.482912, 29.562872],
              [104.493551, 29.582613],
              [104.488847, 29.601435],
              [104.474065, 29.609262],
              [104.442933, 29.600102],
              [104.421767, 29.616423],
              [104.39489, 29.621002],
              [104.381787, 29.607264],
              [104.383579, 29.584196],
              [104.340688, 29.565704],
              [104.334193, 29.583113],
              [104.309332, 29.607347],
              [104.280551, 29.613925],
              [104.269576, 29.632491],
              [104.249754, 29.636154],
              [104.251098, 29.623084],
              [104.212239, 29.61251],
              [104.182226, 29.633407],
              [104.16722, 29.597854],
              [104.139895, 29.589693],
              [104.166884, 29.55729],
              [104.160948, 29.541876],
              [104.135079, 29.52096],
              [104.151093, 29.52221],
              [104.165988, 29.496538],
              [104.16666, 29.496455],
              [104.16666, 29.496371],
              [104.166324, 29.495955],
              [104.150309, 29.472027],
              [104.149526, 29.47061],
              [104.14919, 29.470776],
              [104.14919, 29.472277],
              [104.128472, 29.498289],
              [104.08838, 29.461687],
              [104.064191, 29.472361],
              [104.052656, 29.456684],
              [104.058256, 29.425907],
              [104.098347, 29.437168],
              [104.105962, 29.414895],
              [104.0923, 29.416397],
              [104.090172, 29.391616],
              [104.100811, 29.382186],
              [104.131272, 29.400378],
              [104.134967, 29.399043],
              [104.141126, 29.374508],
              [104.160836, 29.379933],
              [104.163412, 29.364158],
              [104.142022, 29.355644],
              [104.135415, 29.338781],
              [104.105626, 29.338864],
              [104.083229, 29.348298],
              [104.07651, 29.323584],
              [104.09174, 29.315317],
              [104.139447, 29.307467],
              [104.14639, 29.283829],
              [104.116377, 29.263946],
              [104.109658, 29.241886],
              [104.118393, 29.236454],
              [104.14359, 29.256844],
              [104.150981, 29.22726],
              [104.150645, 29.194157],
              [104.17685, 29.195745]
            ]
          ],
          [
            [
              [104.150309, 29.472027],
              [104.14919, 29.472277],
              [104.14919, 29.470776],
              [104.149526, 29.47061],
              [104.150309, 29.472027]
            ]
          ],
          [
            [
              [104.16666, 29.496455],
              [104.165988, 29.496538],
              [104.166324, 29.495955],
              [104.16666, 29.496371],
              [104.16666, 29.496455]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510400,
        "name": "攀枝花市",
        "center": [101.716007, 26.580446],
        "centroid": [101.625394, 26.755869],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 2,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [101.839897, 26.082429],
              [101.832282, 26.117176],
              [101.844712, 26.141683],
              [101.840681, 26.16008],
              [101.872261, 26.181483],
              [101.906753, 26.191367],
              [101.90205, 26.243521],
              [101.921759, 26.27032],
              [101.926015, 26.306213],
              [101.935198, 26.322954],
              [101.927583, 26.362263],
              [101.939118, 26.410824],
              [101.929039, 26.419487],
              [101.942701, 26.448989],
              [101.982121, 26.454906],
              [101.994999, 26.431409],
              [102.020196, 26.422832],
              [102.029491, 26.434068],
              [102.033411, 26.470768],
              [102.050769, 26.49417],
              [102.034083, 26.541133],
              [102.038562, 26.571717],
              [102.030611, 26.596898],
              [102.011125, 26.598525],
              [102.001383, 26.633632],
              [101.984024, 26.638854],
              [101.995559, 26.653577],
              [101.997463, 26.698849],
              [101.977081, 26.711084],
              [101.981897, 26.735892],
              [101.971706, 26.735464],
              [101.960171, 26.710143],
              [101.946509, 26.707662],
              [101.938782, 26.639367],
              [101.920528, 26.635515],
              [101.913024, 26.680537],
              [101.91672, 26.703127],
              [101.912688, 26.723318],
              [101.861398, 26.724173],
              [101.838889, 26.744958],
              [101.834297, 26.763516],
              [101.819963, 26.765227],
              [101.81358, 26.793272],
              [101.772704, 26.82413],
              [101.731157, 26.835924],
              [101.707528, 26.873691],
              [101.70148, 26.902051],
              [101.704952, 26.933477],
              [101.698904, 26.944406],
              [101.744931, 26.970614],
              [101.773488, 26.99289],
              [101.77248, 27.006544],
              [101.805852, 27.056366],
              [101.809212, 27.088858],
              [101.817387, 27.101732],
              [101.803725, 27.114691],
              [101.761729, 27.133444],
              [101.744483, 27.124835],
              [101.708759, 27.129012],
              [101.681994, 27.150404],
              [101.65075, 27.208169],
              [101.643135, 27.24513],
              [101.664748, 27.288888],
              [101.659261, 27.313569],
              [101.633728, 27.327949],
              [101.635408, 27.33952],
              [101.598452, 27.340456],
              [101.584229, 27.334671],
              [101.55836, 27.295357],
              [101.530475, 27.277823],
              [101.514685, 27.229802],
              [101.495759, 27.228014],
              [101.470674, 27.238829],
              [101.419048, 27.215835],
              [101.426999, 27.190792],
              [101.41412, 27.162164],
              [101.394299, 27.145206],
              [101.355215, 27.184658],
              [101.334721, 27.179546],
              [101.315571, 27.197522],
              [101.293174, 27.189599],
              [101.283095, 27.197607],
              [101.246027, 27.179205],
              [101.197425, 27.18321],
              [101.168084, 27.165232],
              [101.145351, 27.103779],
              [101.157221, 27.094826],
              [101.137399, 27.022329],
              [101.227213, 26.984441],
              [101.227101, 26.958919],
              [101.264505, 26.955504],
              [101.255546, 26.923913],
              [101.267753, 26.90299],
              [101.293958, 26.896157],
              [101.31154, 26.902905],
              [101.323299, 26.888299],
              [101.365406, 26.883686],
              [101.374701, 26.865318],
              [101.399674, 26.840453],
              [101.372013, 26.800367],
              [101.379852, 26.786432],
              [101.357791, 26.770614],
              [101.390267, 26.750004],
              [101.389707, 26.723146],
              [101.421624, 26.726312],
              [101.43607, 26.740596],
              [101.457124, 26.729733],
              [101.459139, 26.747353],
              [101.445925, 26.774205],
              [101.465747, 26.786688],
              [101.513341, 26.768562],
              [101.510654, 26.754452],
              [101.492176, 26.746412],
              [101.498895, 26.732214],
              [101.472802, 26.721436],
              [101.454548, 26.703641],
              [101.4541, 26.691148],
              [101.481201, 26.673177],
              [101.461043, 26.640737],
              [101.461939, 26.606746],
              [101.452084, 26.601009],
              [101.400234, 26.605119],
              [101.39609, 26.592017],
              [101.406617, 26.556383],
              [101.422967, 26.531708],
              [101.438422, 26.538477],
              [101.439766, 26.512684],
              [101.458691, 26.495456],
              [101.506958, 26.499656],
              [101.530027, 26.467252],
              [101.565639, 26.454563],
              [101.588149, 26.425834],
              [101.635632, 26.396069],
              [101.631488, 26.359517],
              [101.660605, 26.346816],
              [101.640335, 26.318833],
              [101.660381, 26.310849],
              [101.646942, 26.305183],
              [101.621073, 26.312824],
              [101.597444, 26.303466],
              [101.585797, 26.283888],
              [101.59442, 26.261559],
              [101.616706, 26.249792],
              [101.630368, 26.224879],
              [101.649966, 26.234244],
              [101.67158, 26.231838],
              [101.690057, 26.241717],
              [101.705064, 26.224449],
              [101.735748, 26.219982],
              [101.773152, 26.168247],
              [101.807644, 26.156298],
              [101.797229, 26.142198],
              [101.796558, 26.114769],
              [101.819515, 26.087074],
              [101.839897, 26.082429]
            ]
          ],
          [
            [
              [102.18213, 26.812591],
              [102.156261, 26.847717],
              [102.159845, 26.855151],
              [102.204976, 26.85216],
              [102.214159, 26.889153],
              [102.205312, 26.91042],
              [102.225917, 26.923999],
              [102.229165, 26.945174],
              [102.214495, 26.957297],
              [102.230173, 27.000485],
              [102.217518, 27.04596],
              [102.238684, 27.064298],
              [102.2407, 27.106592],
              [102.210351, 27.11776],
              [102.203296, 27.131398],
              [102.176419, 27.137535],
              [102.161077, 27.182187],
              [102.122665, 27.171878],
              [102.114826, 27.159437],
              [102.086269, 27.146484],
              [102.081566, 27.129268],
              [102.049761, 27.082718],
              [102.034083, 27.076152],
              [102.025908, 27.093462],
              [102.000263, 27.096873],
              [101.993879, 27.115202],
              [101.97305, 27.122619],
              [101.938782, 27.104034],
              [101.927247, 27.137109],
              [101.941021, 27.143842],
              [101.922095, 27.180654],
              [101.908433, 27.192666],
              [101.914368, 27.213195],
              [101.903618, 27.218561],
              [101.912241, 27.243683],
              [101.896786, 27.267096],
              [101.886259, 27.255603],
              [101.878084, 27.222734],
              [101.878196, 27.189855],
              [101.862966, 27.182784],
              [101.879204, 27.168129],
              [101.870357, 27.129694],
              [101.833065, 27.122619],
              [101.817387, 27.101732],
              [101.809212, 27.088858],
              [101.805852, 27.056366],
              [101.77248, 27.006544],
              [101.773488, 26.99289],
              [101.744931, 26.970614],
              [101.698904, 26.944406],
              [101.704952, 26.933477],
              [101.70148, 26.902051],
              [101.707528, 26.873691],
              [101.731157, 26.835924],
              [101.772704, 26.82413],
              [101.81358, 26.793272],
              [101.819963, 26.765227],
              [101.834297, 26.763516],
              [101.838889, 26.744958],
              [101.861398, 26.724173],
              [101.912688, 26.723318],
              [101.91672, 26.703127],
              [101.946509, 26.707662],
              [101.960171, 26.710143],
              [101.971706, 26.735464],
              [101.981897, 26.735892],
              [101.977081, 26.711084],
              [101.997463, 26.698849],
              [102.006534, 26.716388],
              [102.033187, 26.712367],
              [102.04573, 26.737517],
              [102.063088, 26.718613],
              [102.054801, 26.692688],
              [102.073502, 26.670867],
              [102.068351, 26.656659],
              [102.084477, 26.654519],
              [102.114714, 26.63406],
              [102.132296, 26.637741],
              [102.135543, 26.674718],
              [102.157045, 26.680708],
              [102.157605, 26.692346],
              [102.178883, 26.708346],
              [102.175859, 26.726568],
              [102.195681, 26.744616],
              [102.192993, 26.763602],
              [102.175075, 26.774975],
              [102.189857, 26.791904],
              [102.174179, 26.802419],
              [102.18213, 26.812591]
            ]
          ],
          [
            [
              [102.204976, 26.85216],
              [102.159845, 26.855151],
              [102.156261, 26.847717],
              [102.18213, 26.812591],
              [102.192657, 26.820455],
              [102.215615, 26.813617],
              [102.202288, 26.840795],
              [102.204976, 26.85216]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510500,
        "name": "泸州市",
        "center": [105.443348, 28.889138],
        "childrenNum": 7,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 3,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.420135, 29.314399],
              [105.395274, 29.308553],
              [105.389002, 29.286502],
              [105.386203, 29.284832],
              [105.384747, 29.283579],
              [105.384747, 29.283328],
              [105.383403, 29.281991],
              [105.368621, 29.285918],
              [105.366493, 29.287839],
              [105.365149, 29.292684],
              [105.364141, 29.291932],
              [105.339392, 29.281741],
              [105.318226, 29.263612],
              [105.287542, 29.218233],
              [105.281495, 29.188471],
              [105.266936, 29.188638],
              [105.256521, 29.17526],
              [105.271752, 29.160123],
              [105.244987, 29.135196],
              [105.250138, 29.119969],
              [105.207359, 29.070258],
              [105.188769, 29.056613],
              [105.187873, 29.027306],
              [105.214974, 29.016168],
              [105.234348, 29.026636],
              [105.269288, 29.009719],
              [105.267384, 28.979561],
              [105.239723, 28.956937],
              [105.267608, 28.939086],
              [105.254282, 28.9271],
              [105.244763, 28.937745],
              [105.225837, 28.934644],
              [105.217214, 28.95568],
              [105.205007, 28.951825],
              [105.201871, 28.929279],
              [105.167715, 28.92995],
              [105.162116, 28.947467],
              [105.145094, 28.942271],
              [105.166483, 28.9271],
              [105.177682, 28.907148],
              [105.203999, 28.896751],
              [105.202879, 28.869748],
              [105.21531, 28.818405],
              [105.225725, 28.807748],
              [105.2311, 28.777448],
              [105.240507, 28.774846],
              [105.204111, 28.746635],
              [105.216878, 28.739078],
              [105.219342, 28.715813],
              [105.203887, 28.709514],
              [105.21139, 28.696325],
              [105.201312, 28.673555],
              [105.167939, 28.65036],
              [105.172083, 28.607908],
              [105.207807, 28.569055],
              [105.203439, 28.548192],
              [105.226285, 28.540536],
              [105.237483, 28.523455],
              [105.234012, 28.49341],
              [105.206687, 28.457041],
              [105.191121, 28.445757],
              [105.228748, 28.449631],
              [105.229532, 28.451483],
              [105.230652, 28.450978],
              [105.2311, 28.449378],
              [105.295269, 28.449041],
              [105.293813, 28.435651],
              [105.32013, 28.427987],
              [105.32293, 28.386371],
              [105.3077, 28.371541],
              [105.287654, 28.369181],
              [105.306692, 28.359321],
              [105.310611, 28.339597],
              [105.336928, 28.313378],
              [105.331553, 28.292634],
              [105.339168, 28.280236],
              [105.333121, 28.256533],
              [105.348463, 28.205314],
              [105.344767, 28.185646],
              [105.358094, 28.153478],
              [105.350255, 28.140811],
              [105.275335, 28.134392],
              [105.224493, 28.099843],
              [105.225613, 28.098999],
              [105.225725, 28.09883],
              [105.226957, 28.094859],
              [105.226061, 28.094183],
              [105.220237, 28.091901],
              [105.204111, 28.073396],
              [105.17701, 28.066889],
              [105.18373, 28.040349],
              [105.167603, 28.023611],
              [105.184401, 27.996468],
              [105.215534, 27.990548],
              [105.246219, 28.009237],
              [105.270856, 27.995792],
              [105.269848, 27.978961],
              [105.283398, 27.959929],
              [105.280935, 27.929132],
              [105.264137, 27.91153],
              [105.248906, 27.912969],
              [105.234908, 27.898919],
              [105.250138, 27.844818],
              [105.244763, 27.822544],
              [105.27052, 27.818139],
              [105.314195, 27.81941],
              [105.313187, 27.81077],
              [105.287766, 27.807042],
              [105.273879, 27.795266],
              [105.292917, 27.771287],
              [105.287878, 27.742386],
              [105.290566, 27.712459],
              [105.309603, 27.705676],
              [105.327073, 27.727042],
              [105.339952, 27.729077],
              [105.353838, 27.748828],
              [105.368957, 27.749421],
              [105.440181, 27.77527],
              [105.458211, 27.767897],
              [105.477137, 27.774846],
              [105.517788, 27.764931],
              [105.537498, 27.753744],
              [105.550488, 27.72611],
              [105.60413, 27.71619],
              [105.604018, 27.700758],
              [105.619025, 27.687614],
              [105.623392, 27.667088],
              [105.643102, 27.659963],
              [105.66438, 27.683882],
              [105.702007, 27.676927],
              [105.721045, 27.684815],
              [105.722837, 27.705846],
              [105.784206, 27.719158],
              [105.842888, 27.705337],
              [105.868309, 27.732552],
              [105.921279, 27.747048],
              [105.929902, 27.728144],
              [105.985448, 27.74976],
              [106.023075, 27.746963],
              [106.062383, 27.763321],
              [106.063727, 27.777134],
              [106.12756, 27.778659],
              [106.19352, 27.754422],
              [106.224653, 27.760948],
              [106.268552, 27.782133],
              [106.295989, 27.803145],
              [106.341792, 27.820172],
              [106.317154, 27.838721],
              [106.34, 27.86531],
              [106.325889, 27.879364],
              [106.325777, 27.897988],
              [106.304836, 27.899342],
              [106.308083, 27.936748],
              [106.328353, 27.957983],
              [106.294309, 28.003656],
              [106.268888, 28.003318],
              [106.246266, 28.012027],
              [106.244139, 28.030543],
              [106.265528, 28.049816],
              [106.266648, 28.066551],
              [106.25153, 28.090296],
              [106.231484, 28.097985],
              [106.226221, 28.115894],
              [106.207071, 28.134223],
              [106.145254, 28.162851],
              [106.122072, 28.167073],
              [106.093515, 28.162682],
              [106.060927, 28.143007],
              [106.027219, 28.131267],
              [106.036514, 28.110741],
              [106.01322, 28.119949],
              [105.976153, 28.108038],
              [105.970777, 28.131267],
              [105.945244, 28.143513],
              [105.936957, 28.132281],
              [105.903697, 28.129156],
              [105.895186, 28.11978],
              [105.876036, 28.128227],
              [105.8785, 28.139037],
              [105.860918, 28.159558],
              [105.870996, 28.201937],
              [105.889026, 28.238479],
              [105.874244, 28.254593],
              [105.862709, 28.248941],
              [105.845687, 28.259908],
              [105.823402, 28.306885],
              [105.797645, 28.312366],
              [105.785662, 28.336478],
              [105.771328, 28.319449],
              [105.78667, 28.308825],
              [105.740643, 28.304862],
              [105.738627, 28.277284],
              [105.730004, 28.272139],
              [105.688569, 28.284369],
              [105.670091, 28.310427],
              [105.639518, 28.32417],
              [105.654861, 28.362355],
              [105.643326, 28.431524],
              [105.612529, 28.438936],
              [105.619361, 28.463608],
              [105.609842, 28.473964],
              [105.627984, 28.507802],
              [105.684649, 28.534563],
              [105.683417, 28.557867],
              [105.69316, 28.588567],
              [105.720709, 28.590585],
              [105.747474, 28.615895],
              [105.757665, 28.590333],
              [105.78499, 28.611103],
              [105.798429, 28.603199],
              [105.884995, 28.595463],
              [105.905937, 28.611019],
              [105.890258, 28.62136],
              [105.895634, 28.64372],
              [105.889474, 28.67053],
              [105.904817, 28.669606],
              [105.935613, 28.681874],
              [105.934269, 28.703633],
              [105.955883, 28.713881],
              [105.967754, 28.761665],
              [105.979288, 28.746551],
              [106.008965, 28.738238],
              [106.030802, 28.695064],
              [106.080413, 28.686327],
              [106.10337, 28.636071],
              [106.144582, 28.644729],
              [106.165747, 28.636239],
              [106.192064, 28.577802],
              [106.236187, 28.560138],
              [106.254889, 28.539443],
              [106.292629, 28.537339],
              [106.305396, 28.50452],
              [106.330705, 28.48213],
              [106.378859, 28.479689],
              [106.373036, 28.526906],
              [106.350191, 28.5402],
              [106.34224, 28.532627],
              [106.332049, 28.55324],
              [106.346607, 28.583773],
              [106.324546, 28.616736],
              [106.329809, 28.634054],
              [106.304052, 28.649856],
              [106.321522, 28.664648],
              [106.308531, 28.672547],
              [106.305172, 28.704221],
              [106.287702, 28.732359],
              [106.273143, 28.739833],
              [106.267656, 28.779295],
              [106.252426, 28.785842],
              [106.244363, 28.814629],
              [106.264856, 28.846093],
              [106.206959, 28.904548],
              [106.173474, 28.920813],
              [106.149173, 28.901949],
              [106.101243, 28.898931],
              [106.070558, 28.919807],
              [106.04928, 28.906393],
              [106.039426, 28.917711],
              [106.043793, 28.954172],
              [106.017476, 28.952915],
              [106.000902, 28.974031],
              [105.970217, 28.966071],
              [105.944012, 28.939589],
              [105.909744, 28.920477],
              [105.90952, 28.900188],
              [105.889362, 28.909495],
              [105.888019, 28.926848],
              [105.875028, 28.933973],
              [105.852742, 28.927351],
              [105.830457, 28.944283],
              [105.797533, 28.935901],
              [105.803804, 28.947635],
              [105.788238, 28.978221],
              [105.761921, 28.993049],
              [105.765952, 29.013906],
              [105.744563, 29.046649],
              [105.757777, 29.06624],
              [105.729892, 29.098799],
              [105.735156, 29.122396],
              [105.752066, 29.129758],
              [105.728884, 29.134443],
              [105.721381, 29.169573],
              [105.704471, 29.175678],
              [105.711974, 29.218902],
              [105.693944, 29.267539],
              [105.695176, 29.287338],
              [105.715894, 29.290846],
              [105.705031, 29.299199],
              [105.678042, 29.27347],
              [105.665164, 29.276561],
              [105.666507, 29.252917],
              [105.647581, 29.253251],
              [105.631791, 29.280404],
              [105.607938, 29.255758],
              [105.609506, 29.272719],
              [105.583301, 29.270379],
              [105.558328, 29.278483],
              [105.51846, 29.264447],
              [105.509165, 29.285416],
              [105.476241, 29.279235],
              [105.465378, 29.29235],
              [105.466498, 29.32158],
              [105.420135, 29.314399]
            ]
          ],
          [
            [
              [105.225613, 28.098999],
              [105.224493, 28.099843],
              [105.220237, 28.091901],
              [105.226061, 28.094183],
              [105.226957, 28.094859],
              [105.225725, 28.09883],
              [105.225613, 28.098999]
            ]
          ],
          [
            [
              [105.384747, 29.283579],
              [105.384747, 29.283328],
              [105.383403, 29.281991],
              [105.386203, 29.284832],
              [105.384747, 29.283579]
            ]
          ],
          [
            [
              [105.230652, 28.450978],
              [105.229532, 28.451483],
              [105.228748, 28.449631],
              [105.2311, 28.449378],
              [105.230652, 28.450978]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510600,
        "name": "德阳市",
        "center": [104.398651, 31.127991],
        "centroid": [104.436756, 31.128701],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 4,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.168723, 30.706395],
              [105.157972, 30.706313],
              [105.156517, 30.732496],
              [105.118329, 30.750276],
              [105.115865, 30.759247],
              [105.081149, 30.755873],
              [105.07051, 30.771756],
              [105.025267, 30.781878],
              [104.998502, 30.805901],
              [104.987192, 30.843076],
              [104.992007, 30.870125],
              [104.960427, 30.865029],
              [104.967482, 30.894949],
              [104.945308, 30.897496],
              [104.947436, 30.912124],
              [104.931646, 30.945808],
              [104.904769, 30.943425],
              [104.906785, 30.940879],
              [104.906449, 30.939975],
              [104.906113, 30.939647],
              [104.906001, 30.939647],
              [104.903649, 30.943015],
              [104.894578, 30.936936],
              [104.893682, 30.936361],
              [104.893682, 30.936197],
              [104.89357, 30.934964],
              [104.893458, 30.934964],
              [104.891554, 30.936607],
              [104.876772, 30.937347],
              [104.87666, 30.936607],
              [104.87666, 30.936279],
              [104.875652, 30.934554],
              [104.875316, 30.934718],
              [104.875204, 30.935786],
              [104.875204, 30.936114],
              [104.875652, 30.937757],
              [104.870165, 30.946465],
              [104.841496, 30.946465],
              [104.85471, 30.959442],
              [104.846311, 30.981368],
              [104.82593, 30.997625],
              [104.83836, 31.013878],
              [104.82593, 31.023564],
              [104.819882, 31.064182],
              [104.80678, 31.067135],
              [104.774751, 31.099616],
              [104.791885, 31.118394],
              [104.788974, 31.130283],
              [104.762321, 31.132004],
              [104.757393, 31.144219],
              [104.756385, 31.144383],
              [104.75605, 31.14512],
              [104.756721, 31.146104],
              [104.743507, 31.167168],
              [104.719654, 31.16266],
              [104.713942, 31.216079],
              [104.741939, 31.232623],
              [104.74877, 31.275117],
              [104.731524, 31.281174],
              [104.724917, 31.271351],
              [104.697256, 31.274298],
              [104.677434, 31.266849],
              [104.670827, 31.299998],
              [104.658172, 31.311127],
              [104.656829, 31.33109],
              [104.586165, 31.357674],
              [104.590532, 31.375665],
              [104.585045, 31.402482],
              [104.523676, 31.44261],
              [104.496911, 31.407795],
              [104.477313, 31.405588],
              [104.478545, 31.385068],
              [104.418295, 31.374847],
              [104.387051, 31.382861],
              [104.37574, 31.373784],
              [104.358158, 31.386376],
              [104.347407, 31.381798],
              [104.326914, 31.399294],
              [104.311011, 31.427738],
              [104.285702, 31.436318],
              [104.27092, 31.45936],
              [104.236428, 31.463608],
              [104.202944, 31.51457],
              [104.185586, 31.520286],
              [104.170579, 31.512366],
              [104.155685, 31.519061],
              [104.152325, 31.541755],
              [104.16106, 31.55612],
              [104.146054, 31.564934],
              [104.132727, 31.605319],
              [104.102715, 31.630602],
              [104.098459, 31.648622],
              [104.116937, 31.677724],
              [104.09398, 31.693535],
              [104.085917, 31.688075],
              [104.040786, 31.697691],
              [104.016037, 31.678539],
              [103.989384, 31.68237],
              [103.962842, 31.656612],
              [103.928238, 31.639572],
              [103.917376, 31.612089],
              [103.923311, 31.60328],
              [103.907409, 31.564444],
              [103.915136, 31.538409],
              [103.898226, 31.512856],
              [103.857798, 31.53849],
              [103.84212, 31.510896],
              [103.795757, 31.471777],
              [103.802588, 31.430108],
              [103.816027, 31.431906],
              [103.828682, 31.412454],
              [103.868437, 31.420954],
              [103.897554, 31.416377],
              [103.894754, 31.408858],
              [103.92835, 31.355139],
              [103.894418, 31.326018],
              [103.891618, 31.308017],
              [103.914128, 31.278964],
              [103.928014, 31.272497],
              [103.929134, 31.234425],
              [103.949404, 31.215997],
              [103.983, 31.200925],
              [104.014693, 31.167577],
              [104.009429, 31.153235],
              [104.022868, 31.142661],
              [104.019844, 31.103963],
              [104.057584, 31.07821],
              [104.060608, 31.0641],
              [104.094876, 31.032756],
              [104.10641, 31.031771],
              [104.10697, 31.032263],
              [104.117385, 31.017572],
              [104.143478, 31.01158],
              [104.166884, 30.993438],
              [104.166324, 30.951311],
              [104.142582, 30.925845],
              [104.149974, 30.91311],
              [104.168787, 30.918533],
              [104.202384, 30.91311],
              [104.21571, 30.8984],
              [104.244491, 30.896921],
              [104.288726, 30.90292],
              [104.322322, 30.891743],
              [104.351887, 30.902345],
              [104.367117, 30.93365],
              [104.389739, 30.925681],
              [104.39601, 30.942358],
              [104.44506, 30.940468],
              [104.465218, 30.9509],
              [104.495791, 30.935457],
              [104.511917, 30.935868],
              [104.533083, 30.917875],
              [104.520764, 30.882456],
              [104.585269, 30.862891],
              [104.596355, 30.864535],
              [104.613937, 30.847763],
              [104.629952, 30.852449],
              [104.640366, 30.837895],
              [104.698376, 30.825559],
              [104.718086, 30.771756],
              [104.732084, 30.778257],
              [104.750786, 30.726898],
              [104.768032, 30.71817],
              [104.788526, 30.721299],
              [104.78875, 30.694043],
              [104.800956, 30.690995],
              [104.818315, 30.664307],
              [104.821226, 30.643874],
              [104.842728, 30.649395],
              [104.847319, 30.631101],
              [104.819994, 30.598296],
              [104.819098, 30.580076],
              [104.858854, 30.582385],
              [104.859078, 30.611321],
              [104.878788, 30.617997],
              [104.886403, 30.609343],
              [104.910928, 30.625662],
              [104.932206, 30.617091],
              [104.93019, 30.601429],
              [104.953371, 30.612475],
              [104.970393, 30.586425],
              [104.963226, 30.56746],
              [104.983944, 30.529271],
              [105.025043, 30.530178],
              [105.022916, 30.546099],
              [105.048449, 30.545192],
              [105.066927, 30.53587],
              [105.079021, 30.543129],
              [105.094812, 30.584198],
              [105.117657, 30.602913],
              [105.130088, 30.624756],
              [105.153829, 30.640249],
              [105.142742, 30.653185],
              [105.146998, 30.669168],
              [105.161108, 30.672545],
              [105.174547, 30.697666],
              [105.168723, 30.706395]
            ]
          ],
          [
            [
              [104.876772, 30.937347],
              [104.875652, 30.937757],
              [104.875204, 30.936114],
              [104.875204, 30.935786],
              [104.875316, 30.934718],
              [104.875652, 30.934554],
              [104.87666, 30.936279],
              [104.87666, 30.936607],
              [104.876772, 30.937347]
            ]
          ],
          [
            [
              [104.894578, 30.936936],
              [104.891554, 30.936607],
              [104.893458, 30.934964],
              [104.89357, 30.934964],
              [104.893682, 30.936197],
              [104.893682, 30.936361],
              [104.894578, 30.936936]
            ]
          ],
          [
            [
              [104.904769, 30.943425],
              [104.903649, 30.943015],
              [104.906001, 30.939647],
              [104.906113, 30.939647],
              [104.906449, 30.939975],
              [104.906785, 30.940879],
              [104.904769, 30.943425]
            ]
          ],
          [
            [
              [104.756721, 31.146104],
              [104.75605, 31.14512],
              [104.756385, 31.144383],
              [104.757393, 31.144219],
              [104.756721, 31.146104]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510700,
        "name": "绵阳市",
        "center": [104.741722, 31.46402],
        "centroid": [104.704392, 31.850919],
        "childrenNum": 9,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 5,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.459219, 31.52698],
              [105.416215, 31.558487],
              [105.395834, 31.561588],
              [105.393258, 31.618369],
              [105.366269, 31.615596],
              [105.333009, 31.630276],
              [105.345103, 31.677235],
              [105.317555, 31.702988],
              [105.315315, 31.71855],
              [105.284518, 31.700951],
              [105.25361, 31.707306],
              [105.284406, 31.72914],
              [105.283062, 31.740218],
              [105.311395, 31.744128],
              [105.3077, 31.771327],
              [105.288774, 31.793716],
              [105.264137, 31.790541],
              [105.262233, 31.77841],
              [105.243755, 31.795181],
              [105.251482, 31.816587],
              [105.243195, 31.830014],
              [105.205231, 31.837094],
              [105.223261, 31.882078],
              [105.203327, 31.90509],
              [105.18317, 31.91135],
              [105.205343, 31.945652],
              [105.185185, 31.965399],
              [105.187761, 31.983029],
              [105.174211, 31.999518],
              [105.194144, 31.996025],
              [105.208591, 32.0117],
              [105.215198, 32.004229],
              [105.235692, 32.016492],
              [105.25193, 31.982866],
              [105.26436, 32.031514],
              [105.250026, 32.033138],
              [105.252602, 32.082651],
              [105.286198, 32.108777],
              [105.262569, 32.126623],
              [105.28575, 32.139762],
              [105.275111, 32.15598],
              [105.251706, 32.16725],
              [105.273096, 32.193189],
              [105.240395, 32.204292],
              [105.262233, 32.225198],
              [105.252826, 32.236297],
              [105.27052, 32.263027],
              [105.268504, 32.27809],
              [105.254394, 32.271611],
              [105.238043, 32.287401],
              [105.254954, 32.300679],
              [105.247562, 32.32051],
              [105.218894, 32.316059],
              [105.208815, 32.306831],
              [105.176674, 32.302621],
              [105.112729, 32.310797],
              [105.08742, 32.30335],
              [105.082605, 32.283596],
              [105.044865, 32.287563],
              [105.032994, 32.265133],
              [104.995255, 32.247557],
              [105.00007, 32.266429],
              [104.976553, 32.293069],
              [104.964458, 32.297359],
              [104.974649, 32.334592],
              [104.940381, 32.333621],
              [104.911712, 32.326175],
              [104.884611, 32.355144],
              [104.856278, 32.357329],
              [104.840712, 32.35118],
              [104.822458, 32.370434],
              [104.804316, 32.374155],
              [104.773856, 32.400116],
              [104.775423, 32.414913],
              [104.755938, 32.436336],
              [104.761649, 32.445955],
              [104.749218, 32.464623],
              [104.759745, 32.493871],
              [104.750002, 32.505341],
              [104.754818, 32.52642],
              [104.745971, 32.536351],
              [104.709687, 32.553952],
              [104.655933, 32.56049],
              [104.651117, 32.579619],
              [104.634207, 32.597211],
              [104.618977, 32.600842],
              [104.617745, 32.627464],
              [104.635775, 32.668511],
              [104.596355, 32.693259],
              [104.582805, 32.72219],
              [104.555144, 32.733792],
              [104.526699, 32.728394],
              [104.510237, 32.754495],
              [104.458947, 32.748534],
              [104.447524, 32.761743],
              [104.422103, 32.768831],
              [104.421655, 32.780588],
              [104.371709, 32.805949],
              [104.365325, 32.821564],
              [104.330161, 32.824622],
              [104.294325, 32.835728],
              [104.28895, 32.870325],
              [104.277079, 32.891317],
              [104.247851, 32.877564],
              [104.220302, 32.896143],
              [104.217278, 32.908767],
              [104.195664, 32.916888],
              [104.158821, 32.956998],
              [104.113466, 32.99982],
              [104.069231, 33.003114],
              [104.013461, 33.041258],
              [103.986472, 33.034674],
              [103.973705, 33.005122],
              [103.978521, 32.985602],
              [103.959371, 32.939879],
              [103.965082, 32.922114],
              [103.952988, 32.917451],
              [103.958027, 32.888422],
              [103.993975, 32.879334],
              [103.994535, 32.861154],
              [103.971466, 32.839671],
              [104.004614, 32.814159],
              [104.032387, 32.820357],
              [104.035522, 32.833073],
              [104.068895, 32.845224],
              [104.079309, 32.856971],
              [104.101035, 32.848201],
              [104.108314, 32.800635],
              [104.121305, 32.799911],
              [104.146502, 32.756589],
              [104.130152, 32.730327],
              [104.155909, 32.711473],
              [104.182786, 32.663431],
              [104.177634, 32.607054],
              [104.168451, 32.579377],
              [104.174835, 32.531345],
              [104.162292, 32.521332],
              [104.144486, 32.473754],
              [104.0951, 32.467694],
              [104.132279, 32.492094],
              [104.129368, 32.530457],
              [104.084237, 32.569127],
              [104.068335, 32.608426],
              [104.065871, 32.631013],
              [104.035634, 32.651578],
              [104.007973, 32.641578],
              [103.993303, 32.647788],
              [103.922415, 32.635771],
              [103.890387, 32.638997],
              [103.877508, 32.621333],
              [103.853095, 32.61367],
              [103.84492, 32.584058],
              [103.906961, 32.51051],
              [103.902817, 32.496617],
              [103.914576, 32.432699],
              [103.889155, 32.364852],
              [103.904497, 32.347053],
              [103.898002, 32.341227],
              [103.921295, 32.315411],
              [103.960155, 32.304564],
              [103.981768, 32.305617],
              [104.022756, 32.265214],
              [104.033507, 32.248691],
              [104.066655, 32.249258],
              [104.075838, 32.237513],
              [104.131048, 32.223011],
              [104.135751, 32.234677],
              [104.162292, 32.250473],
              [104.159828, 32.25995],
              [104.182114, 32.308936],
              [104.211455, 32.298412],
              [104.209439, 32.285053],
              [104.247515, 32.24942],
              [104.257481, 32.214746],
              [104.221757, 32.215394],
              [104.18189, 32.196593],
              [104.158821, 32.176491],
              [104.156581, 32.158899],
              [104.142134, 32.149655],
              [104.152885, 32.125893],
              [104.129032, 32.140248],
              [104.100587, 32.125001],
              [104.048961, 32.131408],
              [103.994983, 32.118917],
              [103.974713, 32.140897],
              [103.938877, 32.146817],
              [103.922527, 32.143087],
              [103.897442, 32.155736],
              [103.850743, 32.161331],
              [103.855111, 32.126704],
              [103.826778, 32.130354],
              [103.82689, 32.114375],
              [103.811995, 32.097987],
              [103.824874, 32.07056],
              [103.817147, 32.054732],
              [103.795869, 32.045965],
              [103.758241, 31.997894],
              [103.754882, 31.964342],
              [103.763617, 31.946384],
              [103.817931, 31.939801],
              [103.845704, 31.921187],
              [103.876836, 31.917854],
              [103.886131, 31.929234],
              [103.920623, 31.942239],
              [103.957691, 31.903545],
              [103.975497, 31.85605],
              [104.01738, 31.862232],
              [104.030707, 31.846938],
              [104.046497, 31.849297],
              [104.061055, 31.829038],
              [104.080093, 31.838639],
              [104.127576, 31.828712],
              [104.132951, 31.815936],
              [104.152213, 31.815855],
              [104.169795, 31.779876],
              [104.171027, 31.732317],
              [104.147734, 31.727104],
              [104.142694, 31.715454],
              [104.103163, 31.710321],
              [104.09398, 31.693535],
              [104.116937, 31.677724],
              [104.098459, 31.648622],
              [104.102715, 31.630602],
              [104.132727, 31.605319],
              [104.146054, 31.564934],
              [104.16106, 31.55612],
              [104.152325, 31.541755],
              [104.155685, 31.519061],
              [104.170579, 31.512366],
              [104.185586, 31.520286],
              [104.202944, 31.51457],
              [104.236428, 31.463608],
              [104.27092, 31.45936],
              [104.285702, 31.436318],
              [104.311011, 31.427738],
              [104.326914, 31.399294],
              [104.347407, 31.381798],
              [104.358158, 31.386376],
              [104.37574, 31.373784],
              [104.387051, 31.382861],
              [104.418295, 31.374847],
              [104.478545, 31.385068],
              [104.477313, 31.405588],
              [104.496911, 31.407795],
              [104.523676, 31.44261],
              [104.585045, 31.402482],
              [104.590532, 31.375665],
              [104.586165, 31.357674],
              [104.656829, 31.33109],
              [104.658172, 31.311127],
              [104.670827, 31.299998],
              [104.677434, 31.266849],
              [104.697256, 31.274298],
              [104.724917, 31.271351],
              [104.731524, 31.281174],
              [104.74877, 31.275117],
              [104.741939, 31.232623],
              [104.713942, 31.216079],
              [104.719654, 31.16266],
              [104.743507, 31.167168],
              [104.756721, 31.146104],
              [104.757393, 31.144219],
              [104.762321, 31.132004],
              [104.788974, 31.130283],
              [104.791885, 31.118394],
              [104.774751, 31.099616],
              [104.80678, 31.067135],
              [104.819882, 31.064182],
              [104.82593, 31.023564],
              [104.83836, 31.013878],
              [104.82593, 30.997625],
              [104.846311, 30.981368],
              [104.85471, 30.959442],
              [104.841496, 30.946465],
              [104.870165, 30.946465],
              [104.875652, 30.937757],
              [104.876772, 30.937347],
              [104.891554, 30.936607],
              [104.894578, 30.936936],
              [104.903649, 30.943015],
              [104.904769, 30.943425],
              [104.931646, 30.945808],
              [104.947436, 30.912124],
              [104.945308, 30.897496],
              [104.967482, 30.894949],
              [104.960427, 30.865029],
              [104.992007, 30.870125],
              [104.987192, 30.843076],
              [104.998502, 30.805901],
              [105.025267, 30.781878],
              [105.07051, 30.771756],
              [105.081149, 30.755873],
              [105.115865, 30.759247],
              [105.118329, 30.750276],
              [105.156517, 30.732496],
              [105.157972, 30.706313],
              [105.168723, 30.706395],
              [105.215198, 30.734718],
              [105.243979, 30.726074],
              [105.248682, 30.739164],
              [105.271976, 30.751428],
              [105.260441, 30.822845],
              [105.232332, 30.846283],
              [105.228636, 30.877359],
              [105.200192, 30.886154],
              [105.194256, 30.897003],
              [105.208815, 30.906207],
              [105.177346, 30.960181],
              [105.193808, 30.964698],
              [105.194704, 30.992042],
              [105.174771, 31.045967],
              [105.189889, 31.054993],
              [105.199968, 31.075995],
              [105.193248, 31.08592],
              [105.223933, 31.107653],
              [105.241179, 31.101831],
              [105.296837, 31.106341],
              [105.344431, 31.125938],
              [105.35395, 31.160611],
              [105.381275, 31.152907],
              [105.389338, 31.112081],
              [105.410728, 31.07255],
              [105.42831, 31.075749],
              [105.453955, 31.060162],
              [105.474225, 31.06369],
              [105.489903, 31.035874],
              [105.504462, 31.026518],
              [105.534362, 31.027011],
              [105.546009, 31.013632],
              [105.565831, 31.011252],
              [105.573334, 30.98884],
              [105.595843, 30.972582],
              [105.618689, 30.977591],
              [105.613873, 30.991303],
              [105.633807, 31.003289],
              [105.65822, 30.999923],
              [105.663372, 31.01749],
              [105.686665, 31.016341],
              [105.714102, 31.039321],
              [105.708727, 31.071237],
              [105.721717, 31.084197],
              [105.712198, 31.09691],
              [105.726197, 31.110769],
              [105.716678, 31.130365],
              [105.721381, 31.150366],
              [105.707047, 31.169216],
              [105.674346, 31.171757],
              [105.674682, 31.249492],
              [105.647805, 31.257598],
              [105.637615, 31.283548],
              [105.616673, 31.295579],
              [105.599091, 31.288704],
              [105.594163, 31.299834],
              [105.609058, 31.325527],
              [105.606482, 31.339598],
              [105.629775, 31.345896],
              [105.64243, 31.371168],
              [105.641646, 31.394797],
              [105.620928, 31.406651],
              [105.612193, 31.39635],
              [105.591252, 31.39725],
              [105.57255, 31.382043],
              [105.56863, 31.403136],
              [105.551048, 31.392753],
              [105.533018, 31.401582],
              [105.524059, 31.391364],
              [105.49875, 31.402482],
              [105.481168, 31.424224],
              [105.486992, 31.443918],
              [105.501662, 31.454866],
              [105.471313, 31.485826],
              [105.458211, 31.474717],
              [105.441973, 31.480517],
              [105.462802, 31.498974],
              [105.459219, 31.52698]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510800,
        "name": "广元市",
        "center": [105.829757, 32.433668],
        "centroid": [105.78583, 32.26157],
        "childrenNum": 7,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 6,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.459219, 31.52698],
              [105.494719, 31.550326],
              [105.493711, 31.551468],
              [105.498414, 31.574155],
              [105.529771, 31.574644],
              [105.53537, 31.564771],
              [105.579493, 31.565668],
              [105.599203, 31.581009],
              [105.60805, 31.551631],
              [105.618353, 31.55359],
              [105.622496, 31.58419],
              [105.639518, 31.587617],
              [105.633247, 31.60067],
              [105.653517, 31.61372],
              [105.657884, 31.601975],
              [105.684649, 31.608908],
              [105.69932, 31.649845],
              [105.723845, 31.663623],
              [105.726085, 31.726615],
              [105.749378, 31.718794],
              [105.76864, 31.735412],
              [105.780735, 31.712684],
              [105.816011, 31.677643],
              [105.817914, 31.66778],
              [105.847143, 31.667047],
              [105.838072, 31.65115],
              [105.845799, 31.632559],
              [105.865285, 31.614781],
              [105.885779, 31.630521],
              [105.881635, 31.648052],
              [105.910528, 31.625791],
              [105.929902, 31.649193],
              [105.925086, 31.664764],
              [105.958235, 31.672426],
              [105.977496, 31.662482],
              [106.007173, 31.684734],
              [106.032482, 31.687586],
              [106.048385, 31.698098],
              [106.078061, 31.697202],
              [106.068318, 31.708447],
              [106.10225, 31.73248],
              [106.111993, 31.758543],
              [106.128568, 31.767174],
              [106.12364, 31.792006],
              [106.110538, 31.790785],
              [106.130359, 31.829282],
              [106.138646, 31.811297],
              [106.153765, 31.806576],
              [106.188481, 31.821796],
              [106.199232, 31.818622],
              [106.194528, 31.785901],
              [106.211326, 31.770757],
              [106.24817, 31.7824],
              [106.262057, 31.773851],
              [106.275271, 31.79689],
              [106.270456, 31.810972],
              [106.292293, 31.80739],
              [106.310435, 31.825539],
              [106.327345, 31.829689],
              [106.33552, 31.848484],
              [106.361277, 31.846287],
              [106.384235, 31.801693],
              [106.39577, 31.805681],
              [106.406296, 31.808286],
              [106.416039, 31.83156],
              [106.406408, 31.874189],
              [106.424662, 31.889803],
              [106.408984, 31.902081],
              [106.427462, 31.915009],
              [106.419847, 31.917529],
              [106.426678, 31.923219],
              [106.428694, 31.922813],
              [106.446052, 31.943295],
              [106.463522, 31.94167],
              [106.464754, 31.954591],
              [106.445492, 31.977179],
              [106.482112, 31.977098],
              [106.493087, 32.006016],
              [106.508765, 32.024775],
              [106.501038, 32.048969],
              [106.519628, 32.050186],
              [106.517836, 32.068531],
              [106.533514, 32.08184],
              [106.559159, 32.082733],
              [106.535194, 32.098474],
              [106.567558, 32.128407],
              [106.556919, 32.1756],
              [106.564647, 32.227548],
              [106.594547, 32.23727],
              [106.666219, 32.249663],
              [106.674842, 32.272664],
              [106.688393, 32.266267],
              [106.718405, 32.269263],
              [106.71695, 32.294607],
              [106.755361, 32.285296],
              [106.776191, 32.296874],
              [106.745058, 32.322938],
              [106.737779, 32.31533],
              [106.725909, 32.336939],
              [106.688953, 32.348024],
              [106.691528, 32.404159],
              [106.684697, 32.418066],
              [106.689849, 32.453633],
              [106.674842, 32.486196],
              [106.649421, 32.50421],
              [106.65838, 32.566221],
              [106.652109, 32.590756],
              [106.658044, 32.622463],
              [106.645278, 32.63682],
              [106.64035, 32.687294],
              [106.629375, 32.681248],
              [106.588612, 32.688584],
              [106.566774, 32.675847],
              [106.517276, 32.668027],
              [106.498126, 32.64932],
              [106.472929, 32.650368],
              [106.451651, 32.660125],
              [106.450979, 32.640207],
              [106.420519, 32.616655],
              [106.38905, 32.626738],
              [106.383227, 32.646578],
              [106.351199, 32.671897],
              [106.305508, 32.679636],
              [106.278855, 32.670687],
              [106.256457, 32.693259],
              [106.17437, 32.697611],
              [106.171795, 32.709136],
              [106.153653, 32.705751],
              [106.145366, 32.720417],
              [106.119944, 32.719611],
              [106.062047, 32.7673],
              [106.065519, 32.783486],
              [106.094747, 32.795966],
              [106.093627, 32.823737],
              [106.069998, 32.824059],
              [106.046705, 32.852224],
              [106.021732, 32.857534],
              [106.011541, 32.829693],
              [105.99519, 32.828003],
              [105.969321, 32.849005],
              [105.927214, 32.825991],
              [105.89317, 32.838464],
              [105.857782, 32.827439],
              [105.850727, 32.818103],
              [105.831129, 32.826071],
              [105.816906, 32.790411],
              [105.82273, 32.771649],
              [105.779615, 32.750225],
              [105.768752, 32.767542],
              [105.750722, 32.767945],
              [105.73594, 32.75385],
              [105.719253, 32.75973],
              [105.678042, 32.726541],
              [105.649261, 32.718725],
              [105.625408, 32.702044],
              [105.596403, 32.699303],
              [105.585204, 32.729119],
              [105.556312, 32.732019],
              [105.55788, 32.752964],
              [105.56807, 32.758763],
              [105.554744, 32.773985],
              [105.556312, 32.792021],
              [105.535818, 32.789847],
              [105.524507, 32.847718],
              [105.495503, 32.873221],
              [105.486768, 32.92139],
              [105.456307, 32.932645],
              [105.42551, 32.931117],
              [105.41308, 32.918898],
              [105.407816, 32.885768],
              [105.380827, 32.878771],
              [105.399753, 32.829049],
              [105.427526, 32.784292],
              [105.425174, 32.774951],
              [105.453283, 32.767623],
              [105.459443, 32.7524],
              [105.448916, 32.732744],
              [105.425398, 32.733953],
              [105.394266, 32.714293],
              [105.365597, 32.710425],
              [105.346895, 32.682699],
              [105.308708, 32.67109],
              [105.297733, 32.657061],
              [105.261785, 32.653191],
              [105.241179, 32.668914],
              [105.219677, 32.666334],
              [105.215086, 32.63682],
              [105.186865, 32.62585],
              [105.184737, 32.617381],
              [105.143862, 32.601245],
              [105.110826, 32.594145],
              [105.095931, 32.6077],
              [105.079357, 32.637223],
              [105.030195, 32.650449],
              [105.014852, 32.640127],
              [104.971961, 32.632948],
              [104.927726, 32.60891],
              [104.881811, 32.601164],
              [104.873636, 32.623027],
              [104.845751, 32.653916],
              [104.820666, 32.662947],
              [104.795917, 32.643514],
              [104.766016, 32.645449],
              [104.739587, 32.635449],
              [104.696808, 32.673509],
              [104.668027, 32.662544],
              [104.635775, 32.668511],
              [104.617745, 32.627464],
              [104.618977, 32.600842],
              [104.634207, 32.597211],
              [104.651117, 32.579619],
              [104.655933, 32.56049],
              [104.709687, 32.553952],
              [104.745971, 32.536351],
              [104.754818, 32.52642],
              [104.750002, 32.505341],
              [104.759745, 32.493871],
              [104.749218, 32.464623],
              [104.761649, 32.445955],
              [104.755938, 32.436336],
              [104.775423, 32.414913],
              [104.773856, 32.400116],
              [104.804316, 32.374155],
              [104.822458, 32.370434],
              [104.840712, 32.35118],
              [104.856278, 32.357329],
              [104.884611, 32.355144],
              [104.911712, 32.326175],
              [104.940381, 32.333621],
              [104.974649, 32.334592],
              [104.964458, 32.297359],
              [104.976553, 32.293069],
              [105.00007, 32.266429],
              [104.995255, 32.247557],
              [105.032994, 32.265133],
              [105.044865, 32.287563],
              [105.082605, 32.283596],
              [105.08742, 32.30335],
              [105.112729, 32.310797],
              [105.176674, 32.302621],
              [105.208815, 32.306831],
              [105.218894, 32.316059],
              [105.247562, 32.32051],
              [105.254954, 32.300679],
              [105.238043, 32.287401],
              [105.254394, 32.271611],
              [105.268504, 32.27809],
              [105.27052, 32.263027],
              [105.252826, 32.236297],
              [105.262233, 32.225198],
              [105.240395, 32.204292],
              [105.273096, 32.193189],
              [105.251706, 32.16725],
              [105.275111, 32.15598],
              [105.28575, 32.139762],
              [105.262569, 32.126623],
              [105.286198, 32.108777],
              [105.252602, 32.082651],
              [105.250026, 32.033138],
              [105.26436, 32.031514],
              [105.25193, 31.982866],
              [105.235692, 32.016492],
              [105.215198, 32.004229],
              [105.208591, 32.0117],
              [105.194144, 31.996025],
              [105.174211, 31.999518],
              [105.187761, 31.983029],
              [105.185185, 31.965399],
              [105.205343, 31.945652],
              [105.18317, 31.91135],
              [105.203327, 31.90509],
              [105.223261, 31.882078],
              [105.205231, 31.837094],
              [105.243195, 31.830014],
              [105.251482, 31.816587],
              [105.243755, 31.795181],
              [105.262233, 31.77841],
              [105.264137, 31.790541],
              [105.288774, 31.793716],
              [105.3077, 31.771327],
              [105.311395, 31.744128],
              [105.283062, 31.740218],
              [105.284406, 31.72914],
              [105.25361, 31.707306],
              [105.284518, 31.700951],
              [105.315315, 31.71855],
              [105.317555, 31.702988],
              [105.345103, 31.677235],
              [105.333009, 31.630276],
              [105.366269, 31.615596],
              [105.393258, 31.618369],
              [105.395834, 31.561588],
              [105.416215, 31.558487],
              [105.459219, 31.52698]
            ]
          ],
          [
            [
              [106.419847, 31.917529],
              [106.427462, 31.915009],
              [106.428694, 31.922813],
              [106.426678, 31.923219],
              [106.419847, 31.917529]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 510900,
        "name": "遂宁市",
        "center": [105.571331, 30.513311],
        "centroid": [105.475016, 30.630107],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 7,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [105.066927, 30.53587],
              [105.059983, 30.522753],
              [105.084173, 30.494616],
              [105.076558, 30.481741],
              [105.090444, 30.459536],
              [105.090108, 30.442363],
              [105.075214, 30.44228],
              [105.075102, 30.442115],
              [105.074766, 30.44195],
              [105.074206, 30.441785],
              [105.073758, 30.44195],
              [105.073646, 30.442115],
              [105.068942, 30.432949],
              [105.090444, 30.425682],
              [105.080141, 30.412385],
              [105.079917, 30.411724],
              [105.07387, 30.403133],
              [105.093692, 30.395947],
              [105.097275, 30.396194],
              [105.100635, 30.38562],
              [105.101419, 30.385455],
              [105.126056, 30.341491],
              [105.151365, 30.341987],
              [105.157412, 30.323388],
              [105.197056, 30.310738],
              [105.198064, 30.311813],
              [105.198176, 30.311813],
              [105.19784, 30.309994],
              [105.218894, 30.30586],
              [105.221805, 30.287171],
              [105.258313, 30.280307],
              [105.263913, 30.287915],
              [105.328305, 30.303297],
              [105.343088, 30.298087],
              [105.35843, 30.308093],
              [105.368845, 30.278404],
              [105.380379, 30.276916],
              [105.411064, 30.295606],
              [105.425958, 30.259876],
              [105.444996, 30.265997],
              [105.480944, 30.238696],
              [105.4824, 30.223222],
              [105.521036, 30.202613],
              [105.529323, 30.21958],
              [105.547129, 30.212711],
              [105.557544, 30.195826],
              [105.558887, 30.185561],
              [105.561463, 30.183656],
              [105.579941, 30.173473],
              [105.595171, 30.183656],
              [105.64243, 30.186388],
              [105.655421, 30.220822],
              [105.636271, 30.219746],
              [105.619473, 30.234641],
              [105.625072, 30.27584],
              [105.667179, 30.265666],
              [105.670651, 30.254085],
              [105.723845, 30.254747],
              [105.734932, 30.276998],
              [105.71175, 30.282209],
              [105.714774, 30.322809],
              [105.741875, 30.319833],
              [105.735044, 30.336697],
              [105.756209, 30.347112],
              [105.751842, 30.357112],
              [105.769536, 30.375292],
              [105.760241, 30.384546],
              [105.77032, 30.403959],
              [105.78275, 30.403133],
              [105.791709, 30.425434],
              [105.818026, 30.437243],
              [105.846695, 30.410733],
              [105.846247, 30.392394],
              [105.873796, 30.408668],
              [105.899441, 30.405612],
              [105.901569, 30.386363],
              [105.917023, 30.395947],
              [105.940877, 30.372317],
              [105.967978, 30.379258],
              [105.992055, 30.369177],
              [106.00079, 30.376283],
              [105.987239, 30.394047],
              [105.989815, 30.41255],
              [105.9794, 30.427581],
              [105.963834, 30.424691],
              [105.948268, 30.441619],
              [105.950172, 30.452931],
              [105.971225, 30.456151],
              [105.970665, 30.477119],
              [105.954203, 30.514255],
              [105.945692, 30.501383],
              [105.934045, 30.516731],
              [105.915791, 30.508974],
              [105.927102, 30.494038],
              [105.948828, 30.494368],
              [105.917807, 30.466966],
              [105.885331, 30.458875],
              [105.884099, 30.496266],
              [105.867413, 30.497092],
              [105.860246, 30.48496],
              [105.846807, 30.491645],
              [105.862821, 30.51244],
              [105.877492, 30.547419],
              [105.871332, 30.562182],
              [105.85431, 30.565728],
              [105.82385, 30.602995],
              [105.82329, 30.621953],
              [105.809067, 30.625333],
              [105.813771, 30.651372],
              [105.792717, 30.711418],
              [105.792941, 30.759906],
              [105.782302, 30.785086],
              [105.796749, 30.800883],
              [105.784318, 30.823832],
              [105.755761, 30.841267],
              [105.730564, 30.876784],
              [105.744899, 30.879086],
              [105.73202, 30.905714],
              [105.705927, 30.910152],
              [105.691705, 30.933896],
              [105.65934, 30.918697],
              [105.6599, 30.942275],
              [105.643438, 30.948025],
              [105.618689, 30.977591],
              [105.595843, 30.972582],
              [105.573334, 30.98884],
              [105.565831, 31.011252],
              [105.546009, 31.013632],
              [105.534362, 31.027011],
              [105.504462, 31.026518],
              [105.489903, 31.035874],
              [105.474225, 31.06369],
              [105.453955, 31.060162],
              [105.42831, 31.075749],
              [105.410728, 31.07255],
              [105.389338, 31.112081],
              [105.381275, 31.152907],
              [105.35395, 31.160611],
              [105.344431, 31.125938],
              [105.296837, 31.106341],
              [105.241179, 31.101831],
              [105.223933, 31.107653],
              [105.193248, 31.08592],
              [105.199968, 31.075995],
              [105.189889, 31.054993],
              [105.174771, 31.045967],
              [105.194704, 30.992042],
              [105.193808, 30.964698],
              [105.177346, 30.960181],
              [105.208815, 30.906207],
              [105.194256, 30.897003],
              [105.200192, 30.886154],
              [105.228636, 30.877359],
              [105.232332, 30.846283],
              [105.260441, 30.822845],
              [105.271976, 30.751428],
              [105.248682, 30.739164],
              [105.243979, 30.726074],
              [105.215198, 30.734718],
              [105.168723, 30.706395],
              [105.174547, 30.697666],
              [105.161108, 30.672545],
              [105.146998, 30.669168],
              [105.142742, 30.653185],
              [105.153829, 30.640249],
              [105.130088, 30.624756],
              [105.117657, 30.602913],
              [105.094812, 30.584198],
              [105.079021, 30.543129],
              [105.066927, 30.53587]
            ]
          ],
          [
            [
              [105.093916, 30.395616],
              [105.094364, 30.396277],
              [105.094364, 30.396277],
              [105.093804, 30.395864],
              [105.093916, 30.395616]
            ]
          ],
          [
            [
              [105.075102, 30.442115],
              [105.075214, 30.44228],
              [105.073646, 30.442115],
              [105.073758, 30.44195],
              [105.074206, 30.441785],
              [105.074766, 30.44195],
              [105.075102, 30.442115]
            ]
          ],
          [
            [
              [105.198176, 30.311813],
              [105.198064, 30.311813],
              [105.197056, 30.310738],
              [105.19784, 30.309994],
              [105.198176, 30.311813]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511000,
        "name": "内江市",
        "center": [105.066138, 29.58708],
        "centroid": [104.913978, 29.638381],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 8,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.467234, 30.034689],
              [104.455363, 30.000606],
              [104.479217, 29.98891],
              [104.461859, 29.950579],
              [104.481792, 29.942363],
              [104.473281, 29.93481],
              [104.488512, 29.92153],
              [104.490079, 29.904761],
              [104.503294, 29.897454],
              [104.483584, 29.854104],
              [104.483248, 29.852194],
              [104.477425, 29.811317],
              [104.50307, 29.807411],
              [104.486608, 29.786965],
              [104.470146, 29.785386],
              [104.457155, 29.748223],
              [104.442373, 29.733837],
              [104.41572, 29.732257],
              [104.39769, 29.74839],
              [104.372157, 29.734586],
              [104.360286, 29.737746],
              [104.336769, 29.722276],
              [104.350319, 29.70173],
              [104.321314, 29.709966],
              [104.3081, 29.695075],
              [104.269576, 29.632491],
              [104.280551, 29.613925],
              [104.309332, 29.607347],
              [104.334193, 29.583113],
              [104.340688, 29.565704],
              [104.383579, 29.584196],
              [104.381787, 29.607264],
              [104.39489, 29.621002],
              [104.421767, 29.616423],
              [104.442933, 29.600102],
              [104.474065, 29.609262],
              [104.488847, 29.601435],
              [104.493551, 29.582613],
              [104.482912, 29.562872],
              [104.501726, 29.549958],
              [104.529611, 29.518876],
              [104.53465, 29.456601],
              [104.510013, 29.456767],
              [104.535658, 29.418566],
              [104.543945, 29.441005],
              [104.558728, 29.431913],
              [104.569814, 29.441172],
              [104.587956, 29.422987],
              [104.619761, 29.444758],
              [104.652461, 29.411141],
              [104.673403, 29.398709],
              [104.674299, 29.38227],
              [104.704423, 29.372255],
              [104.710919, 29.361404],
              [104.745411, 29.36324],
              [104.738132, 29.381936],
              [104.759969, 29.374759],
              [104.766128, 29.406469],
              [104.751458, 29.402631],
              [104.741155, 29.432414],
              [104.750786, 29.453598],
              [104.777327, 29.448177],
              [104.786398, 29.457518],
              [104.808796, 29.457018],
              [104.833657, 29.430495],
              [104.848775, 29.467858],
              [104.873972, 29.47086],
              [104.871957, 29.459019],
              [104.917647, 29.434332],
              [104.937133, 29.445425],
              [104.961882, 29.416647],
              [104.993127, 29.438669],
              [105.026947, 29.439587],
              [105.020564, 29.454432],
              [105.04061, 29.461938],
              [105.030643, 29.472527],
              [105.044305, 29.480865],
              [105.067823, 29.454349],
              [105.063119, 29.442923],
              [105.084285, 29.42232],
              [105.079469, 29.406886],
              [105.046881, 29.408721],
              [105.035346, 29.382937],
              [105.063679, 29.364659],
              [105.072526, 29.336359],
              [105.108922, 29.315568],
              [105.120121, 29.302205],
              [105.113961, 29.284999],
              [105.134903, 29.257429],
              [105.160548, 29.262776],
              [105.203999, 29.23963],
              [105.195488, 29.222078],
              [105.217998, 29.20561],
              [105.23558, 29.215475],
              [105.266936, 29.188638],
              [105.281495, 29.188471],
              [105.287542, 29.218233],
              [105.318226, 29.263612],
              [105.339392, 29.281741],
              [105.364141, 29.291932],
              [105.364141, 29.292934],
              [105.364813, 29.293519],
              [105.365149, 29.292684],
              [105.366493, 29.287839],
              [105.368957, 29.287839],
              [105.368845, 29.286586],
              [105.368621, 29.285918],
              [105.383403, 29.281991],
              [105.386203, 29.284832],
              [105.387771, 29.287254],
              [105.387659, 29.287588],
              [105.387883, 29.287588],
              [105.389002, 29.286502],
              [105.395274, 29.308553],
              [105.420135, 29.314399],
              [105.418567, 29.352305],
              [105.437045, 29.364743],
              [105.432006, 29.378848],
              [105.443092, 29.399126],
              [105.427302, 29.4189],
              [105.372988, 29.420902],
              [105.399193, 29.439003],
              [105.387995, 29.455099],
              [105.362014, 29.454683],
              [105.360446, 29.444258],
              [105.324498, 29.448594],
              [105.337824, 29.458852],
              [105.32125, 29.476029],
              [105.318898, 29.512375],
              [105.294373, 29.53396],
              [105.289782, 29.552624],
              [105.296725, 29.571202],
              [105.317667, 29.578115],
              [105.311283, 29.593357],
              [105.322258, 29.610095],
              [105.335473, 29.595189],
              [105.346783, 29.620253],
              [105.380827, 29.628246],
              [105.37758, 29.643313],
              [105.393146, 29.650721],
              [105.389674, 29.67652],
              [105.400537, 29.671611],
              [105.423943, 29.687587],
              [105.416775, 29.721112],
              [105.393482, 29.747226],
              [105.405017, 29.78896],
              [105.383179, 29.796856],
              [105.373548, 29.824612],
              [105.360446, 29.83425],
              [105.35395, 29.811566],
              [105.332225, 29.81115],
              [105.319122, 29.821953],
              [105.297733, 29.82054],
              [105.288662, 29.798269],
              [105.252714, 29.796025],
              [105.233564, 29.804087],
              [105.238491, 29.817549],
              [105.217326, 29.8448],
              [105.175554, 29.846711],
              [105.125608, 29.830677],
              [105.0947, 29.848954],
              [105.080589, 29.88284],
              [105.100747, 29.885498],
              [105.097051, 29.904927],
              [105.064015, 29.922526],
              [105.074654, 29.944023],
              [105.049345, 29.947508],
              [105.0209, 29.976798],
              [104.993687, 29.977047],
              [104.976441, 29.993223],
              [104.95158, 29.99256],
              [104.932766, 29.977296],
              [104.924367, 29.946844],
              [104.903649, 29.941367],
              [104.927166, 29.936221],
              [104.902417, 29.907168],
              [104.905441, 29.904678],
              [104.905217, 29.900692],
              [104.899505, 29.902353],
              [104.8789, 29.912897],
              [104.863333, 29.890895],
              [104.828057, 29.885498],
              [104.839144, 29.866812],
              [104.805436, 29.8752],
              [104.793341, 29.866895],
              [104.809132, 29.853024],
              [104.791997, 29.849037],
              [104.780575, 29.861413],
              [104.798493, 29.880183],
              [104.748322, 29.909244],
              [104.743619, 29.933233],
              [104.730628, 29.948504],
              [104.691769, 29.954645],
              [104.685049, 29.964436],
              [104.672955, 29.944189],
              [104.709127, 29.933233],
              [104.689865, 29.920036],
              [104.687289, 29.90227],
              [104.673739, 29.905674],
              [104.64395, 29.957383],
              [104.631184, 29.940952],
              [104.60677, 29.932901],
              [104.592548, 29.950164],
              [104.577989, 29.951076],
              [104.568471, 29.995546],
              [104.546297, 30.008485],
              [104.533195, 29.999278],
              [104.5239, 30.027227],
              [104.498142, 30.035933],
              [104.499486, 30.022666],
              [104.468578, 30.026563],
              [104.467234, 30.034689]
            ]
          ],
          [
            [
              [105.387883, 29.287588],
              [105.387659, 29.287588],
              [105.387771, 29.287254],
              [105.386203, 29.284832],
              [105.389002, 29.286502],
              [105.387883, 29.287588]
            ]
          ],
          [
            [
              [105.364813, 29.293519],
              [105.364141, 29.292934],
              [105.364141, 29.291932],
              [105.365149, 29.292684],
              [105.364813, 29.293519]
            ]
          ],
          [
            [
              [105.368957, 29.287839],
              [105.366493, 29.287839],
              [105.368621, 29.285918],
              [105.368845, 29.286586],
              [105.368957, 29.287839]
            ]
          ],
          [
            [
              [104.905441, 29.904678],
              [104.902417, 29.907168],
              [104.899505, 29.902353],
              [104.905217, 29.900692],
              [104.905441, 29.904678]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511100,
        "name": "乐山市",
        "center": [103.761263, 29.582024],
        "centroid": [103.571823, 29.214311],
        "childrenNum": 11,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 9,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.17685, 29.195745],
              [104.150645, 29.194157],
              [104.150981, 29.22726],
              [104.14359, 29.256844],
              [104.118393, 29.236454],
              [104.109658, 29.241886],
              [104.116377, 29.263946],
              [104.14639, 29.283829],
              [104.139447, 29.307467],
              [104.09174, 29.315317],
              [104.07651, 29.323584],
              [104.083229, 29.348298],
              [104.105626, 29.338864],
              [104.135415, 29.338781],
              [104.142022, 29.355644],
              [104.163412, 29.364158],
              [104.160836, 29.379933],
              [104.141126, 29.374508],
              [104.134967, 29.399043],
              [104.133175, 29.39946],
              [104.132503, 29.399627],
              [104.131272, 29.400378],
              [104.100811, 29.382186],
              [104.090172, 29.391616],
              [104.0923, 29.416397],
              [104.105962, 29.414895],
              [104.098347, 29.437168],
              [104.058256, 29.425907],
              [104.052656, 29.456684],
              [104.064191, 29.472361],
              [104.08838, 29.461687],
              [104.128472, 29.498289],
              [104.14919, 29.472277],
              [104.150309, 29.472027],
              [104.166324, 29.495955],
              [104.165988, 29.496538],
              [104.151093, 29.52221],
              [104.135079, 29.52096],
              [104.160948, 29.541876],
              [104.166884, 29.55729],
              [104.139895, 29.589693],
              [104.16722, 29.597854],
              [104.182226, 29.633407],
              [104.212239, 29.61251],
              [104.251098, 29.623084],
              [104.249754, 29.636154],
              [104.240347, 29.64323],
              [104.228477, 29.676187],
              [104.203727, 29.665702],
              [104.187489, 29.686339],
              [104.191297, 29.705058],
              [104.157477, 29.716371],
              [104.152885, 29.707304],
              [104.12612, 29.717452],
              [104.116937, 29.733421],
              [104.089388, 29.743733],
              [104.062623, 29.777821],
              [104.088716, 29.813643],
              [104.069231, 29.828517],
              [104.043809, 29.830677],
              [104.05624, 29.84696],
              [104.050081, 29.868473],
              [104.003606, 29.869968],
              [103.982888, 29.8502],
              [103.967658, 29.85643],
              [103.951084, 29.841727],
              [103.962395, 29.827603],
              [103.927678, 29.825526],
              [103.934622, 29.804668],
              [103.903265, 29.783391],
              [103.912784, 29.775826],
              [103.893522, 29.742486],
              [103.85623, 29.746976],
              [103.842344, 29.731093],
              [103.822522, 29.73076],
              [103.799229, 29.714042],
              [103.765073, 29.706555],
              [103.755442, 29.720197],
              [103.7317, 29.721944],
              [103.704711, 29.714375],
              [103.705607, 29.737247],
              [103.688025, 29.759365],
              [103.703368, 29.771587],
              [103.747267, 29.789957],
              [103.741107, 29.811067],
              [103.728789, 29.816053],
              [103.729125, 29.849286],
              [103.692729, 29.898866],
              [103.676715, 29.90393],
              [103.677834, 29.919621],
              [103.648158, 29.92817],
              [103.64211, 29.91796],
              [103.607954, 29.909244],
              [103.590484, 29.91904],
              [103.590484, 29.902021],
              [103.571782, 29.895462],
              [103.584661, 29.880847],
              [103.558008, 29.868058],
              [103.513885, 29.87902],
              [103.533595, 29.860666],
              [103.533371, 29.84156],
              [103.518028, 29.843388],
              [103.485776, 29.814807],
              [103.464386, 29.82162],
              [103.432918, 29.820623],
              [103.430566, 29.787879],
              [103.439413, 29.770922],
              [103.416904, 29.774829],
              [103.394058, 29.805416],
              [103.38062, 29.792617],
              [103.359118, 29.799516],
              [103.333473, 29.794196],
              [103.315667, 29.771753],
              [103.315779, 29.741488],
              [103.299429, 29.727516],
              [103.304356, 29.706389],
              [103.295957, 29.694409],
              [103.303684, 29.677935],
              [103.321826, 29.683094],
              [103.337057, 29.672776],
              [103.352959, 29.698735],
              [103.361694, 29.661791],
              [103.337281, 29.651803],
              [103.338737, 29.63424],
              [103.298869, 29.599853],
              [103.267848, 29.596105],
              [103.2702, 29.573701],
              [103.256426, 29.55679],
              [103.27132, 29.53221],
              [103.259673, 29.511375],
              [103.294166, 29.506874],
              [103.277703, 29.485617],
              [103.258889, 29.478447],
              [103.204464, 29.483867],
              [103.186434, 29.474278],
              [103.18005, 29.430161],
              [103.157541, 29.425573],
              [103.126968, 29.440421],
              [103.090012, 29.425573],
              [103.054736, 29.446009],
              [103.014869, 29.448011],
              [102.983512, 29.418483],
              [102.975449, 29.397791],
              [102.998519, 29.368332],
              [102.980377, 29.340367],
              [102.979817, 29.320578],
              [103.003894, 29.287171],
              [103.031779, 29.27982],
              [103.02002, 29.250744],
              [102.962795, 29.250828],
              [102.974553, 29.222162],
              [102.944877, 29.19006],
              [102.928639, 29.127332],
              [102.931326, 29.112941],
              [102.970074, 29.065068],
              [102.957755, 29.052008],
              [102.922143, 29.037941],
              [102.909041, 29.021612],
              [102.913632, 28.999918],
              [102.942413, 28.944115],
              [102.946221, 28.920058],
              [102.928079, 28.896415],
              [102.941741, 28.860521],
              [102.926287, 28.820168],
              [102.925279, 28.801873],
              [102.944205, 28.76645],
              [102.938157, 28.740001],
              [102.962571, 28.681118],
              [102.990904, 28.672379],
              [102.996503, 28.679941],
              [103.032451, 28.665824],
              [103.051265, 28.66969],
              [103.066047, 28.688511],
              [103.070527, 28.73681],
              [103.107482, 28.771907],
              [103.112522, 28.812364],
              [103.153957, 28.82923],
              [103.189905, 28.827887],
              [103.225069, 28.803971],
              [103.23862, 28.813538],
              [103.270984, 28.805986],
              [103.3085, 28.761749],
              [103.334817, 28.743108],
              [103.333585, 28.721861],
              [103.31074, 28.702037],
              [103.30626, 28.681958],
              [103.287334, 28.655319],
              [103.272776, 28.613121],
              [103.242875, 28.59336],
              [103.246571, 28.549791],
              [103.253962, 28.541209],
              [103.287782, 28.533048],
              [103.299541, 28.521604],
              [103.313875, 28.485581],
              [103.339968, 28.443483],
              [103.35699, 28.440872],
              [103.370205, 28.423354],
              [103.388347, 28.420659],
              [103.43303, 28.452915],
              [103.441541, 28.477331],
              [103.438629, 28.500059],
              [103.421831, 28.511506],
              [103.42967, 28.531786],
              [103.479057, 28.547099],
              [103.504142, 28.560306],
              [103.531803, 28.597649],
              [103.530571, 28.612196],
              [103.560696, 28.606899],
              [103.585893, 28.614886],
              [103.61389, 28.597313],
              [103.614562, 28.613373],
              [103.636623, 28.624134],
              [103.685674, 28.63481],
              [103.722853, 28.687923],
              [103.724869, 28.717577],
              [103.71591, 28.73849],
              [103.7018, 28.746719],
              [103.712775, 28.757299],
              [103.746483, 28.764016],
              [103.76944, 28.799355],
              [103.761041, 28.815888],
              [103.788478, 28.822433],
              [103.803708, 28.83611],
              [103.830473, 28.845338],
              [103.851079, 28.832166],
              [103.914912, 28.776273],
              [103.938317, 28.764268],
              [103.956459, 28.787521],
              [103.979977, 28.792137],
              [104.003494, 28.853475],
              [104.024996, 28.84408],
              [104.034402, 28.855908],
              [104.030483, 28.884843],
              [104.084685, 28.914441],
              [104.076174, 28.920897],
              [104.061839, 28.965401],
              [104.072478, 28.967496],
              [104.107082, 28.95082],
              [104.122985, 28.963976],
              [104.121641, 28.998243],
              [104.139671, 29.024543],
              [104.142358, 29.070593],
              [104.161732, 29.117041],
              [104.175395, 29.129591],
              [104.167891, 29.15042],
              [104.194097, 29.163719],
              [104.174835, 29.183789],
              [104.17685, 29.195745]
            ]
          ],
          [
            [
              [104.131272, 29.400378],
              [104.132503, 29.399627],
              [104.133175, 29.39946],
              [104.134967, 29.399043],
              [104.131272, 29.400378]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511300,
        "name": "南充市",
        "center": [106.082974, 30.795281],
        "centroid": [106.207711, 31.195136],
        "childrenNum": 9,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 10,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [106.964778, 31.250802],
              [106.947532, 31.263656],
              [106.94574, 31.264802],
              [106.964442, 31.291077],
              [106.944172, 31.288949],
              [106.934317, 31.309081],
              [106.946748, 31.328963],
              [106.917855, 31.377464],
              [106.864549, 31.400683],
              [106.883251, 31.420873],
              [106.871268, 31.426512],
              [106.846071, 31.456909],
              [106.842151, 31.503139],
              [106.815498, 31.515142],
              [106.821098, 31.547877],
              [106.787166, 31.531307],
              [106.766224, 31.537592],
              [106.7688, 31.5673],
              [106.722101, 31.563383],
              [106.718965, 31.571952],
              [106.693656, 31.56118],
              [106.673386, 31.569177],
              [106.647517, 31.591125],
              [106.632175, 31.567056],
              [106.644942, 31.544694],
              [106.626464, 31.510814],
              [106.607874, 31.50665],
              [106.566886, 31.518244],
              [106.566438, 31.545755],
              [106.536986, 31.572033],
              [106.516604, 31.575052],
              [106.492079, 31.567382],
              [106.484016, 31.584517],
              [106.460722, 31.586312],
              [106.456803, 31.633049],
              [106.438661, 31.655715],
              [106.412568, 31.65702],
              [106.400025, 31.681229],
              [106.366429, 31.696632],
              [106.382667, 31.720423],
              [106.378747, 31.732969],
              [106.405288, 31.725637],
              [106.40764, 31.755204],
              [106.42455, 31.755448],
              [106.406632, 31.777026],
              [106.39577, 31.805681],
              [106.384235, 31.801693],
              [106.361277, 31.846287],
              [106.33552, 31.848484],
              [106.327345, 31.829689],
              [106.310435, 31.825539],
              [106.292293, 31.80739],
              [106.270456, 31.810972],
              [106.275271, 31.79689],
              [106.262057, 31.773851],
              [106.24817, 31.7824],
              [106.211326, 31.770757],
              [106.194528, 31.785901],
              [106.199232, 31.818622],
              [106.188481, 31.821796],
              [106.153765, 31.806576],
              [106.138646, 31.811297],
              [106.130359, 31.829282],
              [106.110538, 31.790785],
              [106.12364, 31.792006],
              [106.128568, 31.767174],
              [106.111993, 31.758543],
              [106.10225, 31.73248],
              [106.068318, 31.708447],
              [106.078061, 31.697202],
              [106.048385, 31.698098],
              [106.032482, 31.687586],
              [106.007173, 31.684734],
              [105.977496, 31.662482],
              [105.958235, 31.672426],
              [105.925086, 31.664764],
              [105.929902, 31.649193],
              [105.910528, 31.625791],
              [105.881635, 31.648052],
              [105.885779, 31.630521],
              [105.865285, 31.614781],
              [105.845799, 31.632559],
              [105.838072, 31.65115],
              [105.847143, 31.667047],
              [105.817914, 31.66778],
              [105.816011, 31.677643],
              [105.780735, 31.712684],
              [105.76864, 31.735412],
              [105.749378, 31.718794],
              [105.726085, 31.726615],
              [105.723845, 31.663623],
              [105.69932, 31.649845],
              [105.684649, 31.608908],
              [105.657884, 31.601975],
              [105.653517, 31.61372],
              [105.633247, 31.60067],
              [105.639518, 31.587617],
              [105.622496, 31.58419],
              [105.618353, 31.55359],
              [105.60805, 31.551631],
              [105.599203, 31.581009],
              [105.579493, 31.565668],
              [105.53537, 31.564771],
              [105.529771, 31.574644],
              [105.498414, 31.574155],
              [105.493711, 31.551468],
              [105.494047, 31.551631],
              [105.495055, 31.550652],
              [105.494719, 31.550326],
              [105.459219, 31.52698],
              [105.462802, 31.498974],
              [105.441973, 31.480517],
              [105.458211, 31.474717],
              [105.471313, 31.485826],
              [105.501662, 31.454866],
              [105.486992, 31.443918],
              [105.481168, 31.424224],
              [105.49875, 31.402482],
              [105.524059, 31.391364],
              [105.533018, 31.401582],
              [105.551048, 31.392753],
              [105.56863, 31.403136],
              [105.57255, 31.382043],
              [105.591252, 31.39725],
              [105.612193, 31.39635],
              [105.620928, 31.406651],
              [105.641646, 31.394797],
              [105.64243, 31.371168],
              [105.629775, 31.345896],
              [105.606482, 31.339598],
              [105.609058, 31.325527],
              [105.594163, 31.299834],
              [105.599091, 31.288704],
              [105.616673, 31.295579],
              [105.637615, 31.283548],
              [105.647805, 31.257598],
              [105.674682, 31.249492],
              [105.674346, 31.171757],
              [105.707047, 31.169216],
              [105.721381, 31.150366],
              [105.716678, 31.130365],
              [105.726197, 31.110769],
              [105.712198, 31.09691],
              [105.721717, 31.084197],
              [105.708727, 31.071237],
              [105.714102, 31.039321],
              [105.686665, 31.016341],
              [105.663372, 31.01749],
              [105.65822, 30.999923],
              [105.633807, 31.003289],
              [105.613873, 30.991303],
              [105.618689, 30.977591],
              [105.643438, 30.948025],
              [105.6599, 30.942275],
              [105.65934, 30.918697],
              [105.691705, 30.933896],
              [105.705927, 30.910152],
              [105.73202, 30.905714],
              [105.744899, 30.879086],
              [105.730564, 30.876784],
              [105.755761, 30.841267],
              [105.784318, 30.823832],
              [105.796749, 30.800883],
              [105.782302, 30.785086],
              [105.792941, 30.759906],
              [105.792717, 30.711418],
              [105.813771, 30.651372],
              [105.809067, 30.625333],
              [105.82329, 30.621953],
              [105.82385, 30.602995],
              [105.85431, 30.565728],
              [105.871332, 30.562182],
              [105.877492, 30.547419],
              [105.862821, 30.51244],
              [105.846807, 30.491645],
              [105.860246, 30.48496],
              [105.867413, 30.497092],
              [105.884099, 30.496266],
              [105.885331, 30.458875],
              [105.917807, 30.466966],
              [105.916351, 30.469442],
              [105.910528, 30.480668],
              [105.917023, 30.490407],
              [105.923966, 30.49313],
              [105.927102, 30.494038],
              [105.915791, 30.508974],
              [105.934045, 30.516731],
              [105.945692, 30.501383],
              [105.954203, 30.514255],
              [105.970665, 30.477119],
              [105.980856, 30.488344],
              [106.024755, 30.482071],
              [106.028003, 30.505261],
              [106.039426, 30.518216],
              [106.066638, 30.491727],
              [106.093851, 30.504189],
              [106.112777, 30.503198],
              [106.123192, 30.544449],
              [106.157796, 30.598049],
              [106.180194, 30.595658],
              [106.192176, 30.612969],
              [106.178962, 30.620058],
              [106.166643, 30.648324],
              [106.217822, 30.677652],
              [106.225773, 30.695196],
              [106.237531, 30.687454],
              [106.238091, 30.706807],
              [106.217486, 30.704666],
              [106.207631, 30.722863],
              [106.250746, 30.719323],
              [106.286806, 30.70516],
              [106.300468, 30.686218],
              [106.354558, 30.722122],
              [106.366877, 30.712736],
              [106.364301, 30.697337],
              [106.38905, 30.679876],
              [106.403609, 30.695525],
              [106.423094, 30.693219],
              [106.420855, 30.708207],
              [106.441124, 30.727144],
              [106.448068, 30.753321],
              [106.466546, 30.760893],
              [106.487599, 30.787966],
              [106.507757, 30.784511],
              [106.506301, 30.762869],
              [106.528923, 30.732496],
              [106.542809, 30.743033],
              [106.587604, 30.73974],
              [106.584244, 30.756861],
              [106.618401, 30.766572],
              [106.626464, 30.789365],
              [106.616497, 30.801705],
              [106.617281, 30.82778],
              [106.629599, 30.821036],
              [106.675178, 30.838882],
              [106.675514, 30.867084],
              [106.689177, 30.883606],
              [106.666443, 30.909987],
              [106.678986, 30.922887],
              [106.707207, 30.915903],
              [106.723221, 30.946629],
              [106.740467, 30.951147],
              [106.73162, 30.973649],
              [106.771487, 30.96864],
              [106.784814, 30.972336],
              [106.78739, 30.995901],
              [106.803292, 30.993684],
              [106.819754, 31.011662],
              [106.830505, 31.05286],
              [106.86914, 31.081163],
              [106.894786, 31.08756],
              [106.909008, 31.107653],
              [106.935325, 31.116591],
              [106.931965, 31.133726],
              [106.951003, 31.161267],
              [106.938349, 31.1761],
              [106.939917, 31.207151],
              [106.958282, 31.228283],
              [106.964778, 31.250802]
            ]
          ],
          [
            [
              [105.927102, 30.494038],
              [105.923966, 30.49313],
              [105.917023, 30.490407],
              [105.910528, 30.480668],
              [105.916351, 30.469442],
              [105.917807, 30.466966],
              [105.948828, 30.494368],
              [105.927102, 30.494038]
            ]
          ],
          [
            [
              [105.494047, 31.551631],
              [105.493711, 31.551468],
              [105.494719, 31.550326],
              [105.495055, 31.550652],
              [105.494047, 31.551631]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511400,
        "name": "眉山市",
        "center": [103.831788, 30.048318],
        "centroid": [103.754827, 29.924767],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 11,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [102.975449, 29.397791],
              [102.983512, 29.418483],
              [103.014869, 29.448011],
              [103.054736, 29.446009],
              [103.090012, 29.425573],
              [103.126968, 29.440421],
              [103.157541, 29.425573],
              [103.18005, 29.430161],
              [103.186434, 29.474278],
              [103.204464, 29.483867],
              [103.258889, 29.478447],
              [103.277703, 29.485617],
              [103.294166, 29.506874],
              [103.259673, 29.511375],
              [103.27132, 29.53221],
              [103.256426, 29.55679],
              [103.2702, 29.573701],
              [103.267848, 29.596105],
              [103.298869, 29.599853],
              [103.338737, 29.63424],
              [103.337281, 29.651803],
              [103.361694, 29.661791],
              [103.352959, 29.698735],
              [103.337057, 29.672776],
              [103.321826, 29.683094],
              [103.303684, 29.677935],
              [103.295957, 29.694409],
              [103.304356, 29.706389],
              [103.299429, 29.727516],
              [103.315779, 29.741488],
              [103.315667, 29.771753],
              [103.333473, 29.794196],
              [103.359118, 29.799516],
              [103.38062, 29.792617],
              [103.394058, 29.805416],
              [103.416904, 29.774829],
              [103.439413, 29.770922],
              [103.430566, 29.787879],
              [103.432918, 29.820623],
              [103.464386, 29.82162],
              [103.485776, 29.814807],
              [103.518028, 29.843388],
              [103.517916, 29.8502],
              [103.517021, 29.85834],
              [103.533595, 29.860666],
              [103.513885, 29.87902],
              [103.558008, 29.868058],
              [103.584661, 29.880847],
              [103.571782, 29.895462],
              [103.590484, 29.902021],
              [103.590484, 29.91904],
              [103.607954, 29.909244],
              [103.64211, 29.91796],
              [103.648158, 29.92817],
              [103.677834, 29.919621],
              [103.676715, 29.90393],
              [103.692729, 29.898866],
              [103.729125, 29.849286],
              [103.728789, 29.816053],
              [103.741107, 29.811067],
              [103.747267, 29.789957],
              [103.703368, 29.771587],
              [103.688025, 29.759365],
              [103.705607, 29.737247],
              [103.704711, 29.714375],
              [103.7317, 29.721944],
              [103.755442, 29.720197],
              [103.765073, 29.706555],
              [103.799229, 29.714042],
              [103.822522, 29.73076],
              [103.842344, 29.731093],
              [103.85623, 29.746976],
              [103.893522, 29.742486],
              [103.912784, 29.775826],
              [103.903265, 29.783391],
              [103.934622, 29.804668],
              [103.927678, 29.825526],
              [103.962395, 29.827603],
              [103.951084, 29.841727],
              [103.967658, 29.85643],
              [103.982888, 29.8502],
              [104.003606, 29.869968],
              [104.050081, 29.868473],
              [104.05624, 29.84696],
              [104.043809, 29.830677],
              [104.069231, 29.828517],
              [104.088716, 29.813643],
              [104.062623, 29.777821],
              [104.089388, 29.743733],
              [104.116937, 29.733421],
              [104.12612, 29.717452],
              [104.152885, 29.707304],
              [104.157477, 29.716371],
              [104.191297, 29.705058],
              [104.187489, 29.686339],
              [104.203727, 29.665702],
              [104.228477, 29.676187],
              [104.240347, 29.64323],
              [104.249754, 29.636154],
              [104.269576, 29.632491],
              [104.3081, 29.695075],
              [104.321314, 29.709966],
              [104.350319, 29.70173],
              [104.336769, 29.722276],
              [104.360286, 29.737746],
              [104.372157, 29.734586],
              [104.39769, 29.74839],
              [104.41572, 29.732257],
              [104.442373, 29.733837],
              [104.457155, 29.748223],
              [104.470146, 29.785386],
              [104.486608, 29.786965],
              [104.50307, 29.807411],
              [104.477425, 29.811317],
              [104.483248, 29.852194],
              [104.482688, 29.852609],
              [104.483136, 29.854104],
              [104.483584, 29.854104],
              [104.503294, 29.897454],
              [104.490079, 29.904761],
              [104.488512, 29.92153],
              [104.473281, 29.93481],
              [104.481792, 29.942363],
              [104.461859, 29.950579],
              [104.479217, 29.98891],
              [104.455363, 30.000606],
              [104.467234, 30.034689],
              [104.464322, 30.049944],
              [104.479888, 30.047374],
              [104.467234, 30.066937],
              [104.481904, 30.086663],
              [104.461411, 30.086663],
              [104.450212, 30.101081],
              [104.428374, 30.089729],
              [104.41012, 30.125521],
              [104.39881, 30.124776],
              [104.386379, 30.161798],
              [104.358158, 30.173638],
              [104.364541, 30.185974],
              [104.327138, 30.204269],
              [104.315379, 30.200792],
              [104.282231, 30.220904],
              [104.2726, 30.217842],
              [104.264537, 30.241592],
              [104.243259, 30.244239],
              [104.23094, 30.256153],
              [104.243371, 30.267403],
              [104.231836, 30.280472],
              [104.2315, 30.282209],
              [104.232284, 30.313798],
              [104.2016, 30.316526],
              [104.192977, 30.329836],
              [104.17853, 30.318262],
              [104.174051, 30.298666],
              [104.152213, 30.265335],
              [104.150533, 30.245646],
              [104.116601, 30.227194],
              [104.091628, 30.24879],
              [104.047393, 30.270381],
              [104.030035, 30.266245],
              [104.030035, 30.266245],
              [103.998343, 30.264508],
              [103.974713, 30.290727],
              [103.965866, 30.316774],
              [103.959819, 30.311565],
              [103.954331, 30.313302],
              [103.959259, 30.320742],
              [103.93563, 30.346203],
              [103.942237, 30.357773],
              [103.913904, 30.353972],
              [103.910432, 30.330663],
              [103.887699, 30.328761],
              [103.87426, 30.348104],
              [103.845368, 30.34331],
              [103.794749, 30.345872],
              [103.769776, 30.332068],
              [103.75141, 30.307927],
              [103.727893, 30.30462],
              [103.736516, 30.285848],
              [103.718374, 30.283201],
              [103.705271, 30.268975],
              [103.681754, 30.269885],
              [103.693065, 30.245894],
              [103.648046, 30.229263],
              [103.649502, 30.199799],
              [103.628, 30.214863],
              [103.617473, 30.195412],
              [103.597204, 30.203524],
              [103.533819, 30.178109],
              [103.544233, 30.161218],
              [103.533819, 30.146643],
              [103.504142, 30.128503],
              [103.486224, 30.104147],
              [103.474577, 30.131237],
              [103.450948, 30.132231],
              [103.468082, 30.114255],
              [103.462483, 30.096027],
              [103.4505, 30.096524],
              [103.443893, 30.117486],
              [103.439637, 30.119474],
              [103.395178, 30.094866],
              [103.37838, 30.095944],
              [103.372221, 30.082105],
              [103.349599, 30.097684],
              [103.339856, 30.074729],
              [103.312531, 30.071745],
              [103.302341, 30.087574],
              [103.252506, 30.040078],
              [103.225965, 29.970659],
              [103.191249, 29.966344],
              [103.1964, 29.944355],
              [103.176915, 29.945931],
              [103.159781, 29.930162],
              [103.109946, 29.915636],
              [103.093708, 29.886992],
              [103.125064, 29.864154],
              [103.165156, 29.77034],
              [103.143206, 29.760862],
              [103.162916, 29.737829],
              [103.143654, 29.730926],
              [103.153845, 29.713293],
              [103.141303, 29.703145],
              [103.150038, 29.672443],
              [103.1282, 29.671527],
              [103.099083, 29.693827],
              [103.092028, 29.683177],
              [103.052497, 29.675522],
              [103.044546, 29.700066],
              [103.007702, 29.72552],
              [102.996055, 29.708302],
              [102.962011, 29.721944],
              [102.928751, 29.711047],
              [102.938493, 29.67677],
              [102.929646, 29.668115],
              [102.931998, 29.61634],
              [102.914416, 29.553208],
              [102.869957, 29.530044],
              [102.823146, 29.46569],
              [102.879364, 29.415896],
              [102.93211, 29.400545],
              [102.975449, 29.397791]
            ]
          ],
          [
            [
              [103.533595, 29.860666],
              [103.517021, 29.85834],
              [103.517916, 29.8502],
              [103.518028, 29.843388],
              [103.533371, 29.84156],
              [103.533595, 29.860666]
            ]
          ],
          [
            [
              [103.959259, 30.320742],
              [103.954331, 30.313302],
              [103.959819, 30.311565],
              [103.965866, 30.316774],
              [103.959259, 30.320742]
            ]
          ],
          [
            [
              [104.483584, 29.854104],
              [104.483136, 29.854104],
              [104.482688, 29.852609],
              [104.483248, 29.852194],
              [104.483584, 29.854104]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511500,
        "name": "宜宾市",
        "center": [104.630825, 28.760189],
        "centroid": [104.637629, 28.572053],
        "childrenNum": 10,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 12,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.781983, 28.524549],
              [103.800685, 28.533805],
              [103.801357, 28.561821],
              [103.837305, 28.58453],
              [103.834841, 28.622285],
              [103.851079, 28.667085],
              [103.8737, 28.652798],
              [103.874708, 28.626488],
              [103.896322, 28.619678],
              [103.909984, 28.631196],
              [103.936749, 28.622621],
              [103.942461, 28.603031],
              [104.0596, 28.627665],
              [104.096108, 28.603451],
              [104.125224, 28.637248],
              [104.170355, 28.643048],
              [104.192529, 28.633634],
              [104.231052, 28.635819],
              [104.241467, 28.660782],
              [104.252666, 28.660698],
              [104.269688, 28.635147],
              [104.296341, 28.63439],
              [104.314819, 28.615643],
              [104.343936, 28.640947],
              [104.37406, 28.649352],
              [104.404857, 28.64061],
              [104.425239, 28.62674],
              [104.417288, 28.59807],
              [104.387723, 28.59891],
              [104.368461, 28.58596],
              [104.356814, 28.55568],
              [104.329601, 28.558624],
              [104.319299, 28.538685],
              [104.287046, 28.532543],
              [104.261961, 28.536918],
              [104.248298, 28.528336],
              [104.248634, 28.509654],
              [104.265433, 28.502753],
              [104.261401, 28.482046],
              [104.27036, 28.465881],
              [104.258377, 28.453251],
              [104.267672, 28.42049],
              [104.254346, 28.40895],
              [104.278423, 28.346594],
              [104.301828, 28.32847],
              [104.29007, 28.314727],
              [104.313923, 28.306632],
              [104.33856, 28.33083],
              [104.35827, 28.338923],
              [104.384811, 28.330156],
              [104.392874, 28.291538],
              [104.408217, 28.269862],
              [104.449316, 28.269946],
              [104.444053, 28.259233],
              [104.462306, 28.2416],
              [104.445956, 28.21426],
              [104.402281, 28.202866],
              [104.404409, 28.17712],
              [104.434982, 28.168255],
              [104.451668, 28.17408],
              [104.444836, 28.138193],
              [104.450996, 28.116317],
              [104.399034, 28.087761],
              [104.395338, 28.063847],
              [104.376524, 28.052268],
              [104.341472, 28.057846],
              [104.304068, 28.050746],
              [104.298805, 28.0439],
              [104.326578, 28.025471],
              [104.356142, 28.018453],
              [104.378764, 27.993677],
              [104.383467, 27.968727],
              [104.401161, 27.952315],
              [104.449652, 27.927609],
              [104.47037, 27.905098],
              [104.497694, 27.895787],
              [104.503294, 27.881989],
              [104.53745, 27.886983],
              [104.558392, 27.86658],
              [104.558952, 27.852186],
              [104.580901, 27.842024],
              [104.608002, 27.858198],
              [104.633647, 27.850916],
              [104.679114, 27.882243],
              [104.743731, 27.902051],
              [104.759633, 27.884867],
              [104.795245, 27.900527],
              [104.829513, 27.89985],
              [104.872964, 27.905944],
              [104.887971, 27.914492],
              [104.891442, 27.933025],
              [104.921119, 27.94174],
              [104.903089, 27.960437],
              [104.929182, 27.985051],
              [104.9471, 27.980568],
              [104.946876, 27.994861],
              [104.974985, 28.019891],
              [104.980808, 28.062832],
              [105.011045, 28.06672],
              [105.059199, 28.098154],
              [105.076782, 28.084212],
              [105.108138, 28.081086],
              [105.144198, 28.066636],
              [105.17701, 28.066889],
              [105.204111, 28.073396],
              [105.220237, 28.091901],
              [105.224493, 28.099843],
              [105.275335, 28.134392],
              [105.350255, 28.140811],
              [105.358094, 28.153478],
              [105.344767, 28.185646],
              [105.348463, 28.205314],
              [105.333121, 28.256533],
              [105.339168, 28.280236],
              [105.331553, 28.292634],
              [105.336928, 28.313378],
              [105.310611, 28.339597],
              [105.306692, 28.359321],
              [105.287654, 28.369181],
              [105.3077, 28.371541],
              [105.32293, 28.386371],
              [105.32013, 28.427987],
              [105.293813, 28.435651],
              [105.295269, 28.449041],
              [105.2311, 28.449378],
              [105.228748, 28.449631],
              [105.191121, 28.445757],
              [105.206687, 28.457041],
              [105.234012, 28.49341],
              [105.237483, 28.523455],
              [105.226285, 28.540536],
              [105.203439, 28.548192],
              [105.207807, 28.569055],
              [105.172083, 28.607908],
              [105.167939, 28.65036],
              [105.201312, 28.673555],
              [105.21139, 28.696325],
              [105.203887, 28.709514],
              [105.219342, 28.715813],
              [105.216878, 28.739078],
              [105.204111, 28.746635],
              [105.240507, 28.774846],
              [105.2311, 28.777448],
              [105.225725, 28.807748],
              [105.21531, 28.818405],
              [105.202879, 28.869748],
              [105.203999, 28.896751],
              [105.177682, 28.907148],
              [105.166483, 28.9271],
              [105.145094, 28.942271],
              [105.126952, 28.945288],
              [105.111162, 28.933722],
              [105.073758, 28.936404],
              [105.017316, 28.972104],
              [105.00511, 28.989866],
              [104.986296, 28.991541],
              [104.969722, 29.015749],
              [104.944636, 29.021277],
              [104.941837, 29.058873],
              [104.902529, 29.047738],
              [104.881475, 29.050836],
              [104.879684, 29.024291],
              [104.861542, 29.019685],
              [104.85751, 29.003436],
              [104.819546, 29.001761],
              [104.811931, 28.990704],
              [104.796701, 29.000086],
              [104.76512, 28.998746],
              [104.744067, 28.990369],
              [104.720214, 28.996651],
              [104.705207, 29.045477],
              [104.713718, 29.06105],
              [104.737236, 29.078796],
              [104.73018, 29.106498],
              [104.714614, 29.122396],
              [104.697816, 29.118212],
              [104.680346, 29.15569],
              [104.692329, 29.177099],
              [104.691993, 29.19934],
              [104.649325, 29.198588],
              [104.62424, 29.207282],
              [104.596355, 29.190394],
              [104.580117, 29.164639],
              [104.540922, 29.143394],
              [104.509453, 29.155522],
              [104.46589, 29.207366],
              [104.460963, 29.221827],
              [104.434646, 29.220908],
              [104.442597, 29.238543],
              [104.417735, 29.236454],
              [104.411688, 29.245479],
              [104.380332, 29.238376],
              [104.368685, 29.247652],
              [104.323218, 29.2408],
              [104.298805, 29.245647],
              [104.284582, 29.259601],
              [104.249082, 29.261356],
              [104.265433, 29.231857],
              [104.256026, 29.212298],
              [104.23262, 29.205861],
              [104.191409, 29.235869],
              [104.195888, 29.220657],
              [104.17685, 29.195745],
              [104.174835, 29.183789],
              [104.194097, 29.163719],
              [104.167891, 29.15042],
              [104.175395, 29.129591],
              [104.161732, 29.117041],
              [104.142358, 29.070593],
              [104.139671, 29.024543],
              [104.121641, 28.998243],
              [104.122985, 28.963976],
              [104.107082, 28.95082],
              [104.072478, 28.967496],
              [104.061839, 28.965401],
              [104.076174, 28.920897],
              [104.084685, 28.914441],
              [104.030483, 28.884843],
              [104.034402, 28.855908],
              [104.024996, 28.84408],
              [104.003494, 28.853475],
              [103.979977, 28.792137],
              [103.956459, 28.787521],
              [103.938317, 28.764268],
              [103.914912, 28.776273],
              [103.851079, 28.832166],
              [103.830473, 28.845338],
              [103.803708, 28.83611],
              [103.788478, 28.822433],
              [103.761041, 28.815888],
              [103.76944, 28.799355],
              [103.746483, 28.764016],
              [103.712775, 28.757299],
              [103.7018, 28.746719],
              [103.71591, 28.73849],
              [103.724869, 28.717577],
              [103.722853, 28.687923],
              [103.685674, 28.63481],
              [103.636623, 28.624134],
              [103.614562, 28.613373],
              [103.61389, 28.597313],
              [103.639983, 28.604881],
              [103.665404, 28.594874],
              [103.689257, 28.562578],
              [103.712551, 28.552904],
              [103.712999, 28.541294],
              [103.689929, 28.519332],
              [103.685002, 28.497955],
              [103.724533, 28.471522],
              [103.739987, 28.51201],
              [103.75701, 28.522782],
              [103.781983, 28.524549]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511600,
        "name": "广安市",
        "center": [106.633369, 30.456398],
        "centroid": [106.666151, 30.42449],
        "childrenNum": 6,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 13,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [106.976088, 30.083596],
              [106.975864, 30.087906],
              [106.976648, 30.088071],
              [106.97732, 30.087491],
              [106.978552, 30.087408],
              [106.979784, 30.088071],
              [106.980456, 30.087657],
              [106.981912, 30.085171],
              [107.020659, 30.036845],
              [107.042721, 30.035021],
              [107.042497, 30.055084],
              [107.059295, 30.043146],
              [107.084492, 30.063871],
              [107.073853, 30.080944],
              [107.080125, 30.094204],
              [107.103082, 30.090143],
              [107.106554, 30.11384],
              [107.131303, 30.121545],
              [107.136454, 30.134385],
              [107.173298, 30.164861],
              [107.220221, 30.212794],
              [107.256057, 30.263764],
              [107.272743, 30.305447],
              [107.255385, 30.322809],
              [107.252809, 30.324876],
              [107.253257, 30.325951],
              [107.253593, 30.327356],
              [107.260425, 30.328927],
              [107.251802, 30.344302],
              [107.242843, 30.338598],
              [107.241611, 30.338516],
              [107.240939, 30.339425],
              [107.240267, 30.339921],
              [107.239931, 30.340499],
              [107.238587, 30.341739],
              [107.237691, 30.342235],
              [107.235563, 30.343723],
              [107.234779, 30.34455],
              [107.221341, 30.34612],
              [107.22918, 30.369838],
              [107.226828, 30.372069],
              [107.223021, 30.377771],
              [107.225932, 30.380084],
              [107.208798, 30.391155],
              [107.217533, 30.406438],
              [107.206895, 30.410072],
              [107.225372, 30.424113],
              [107.219661, 30.436995],
              [107.191776, 30.432123],
              [107.186177, 30.450454],
              [107.164115, 30.458793],
              [107.195696, 30.492058],
              [107.21395, 30.501218],
              [107.204207, 30.524321],
              [107.184945, 30.535705],
              [107.189201, 30.516483],
              [107.174418, 30.502868],
              [107.140822, 30.520938],
              [107.111593, 30.525971],
              [107.095355, 30.506251],
              [107.131303, 30.486363],
              [107.142614, 30.47002],
              [107.122792, 30.471671],
              [107.118201, 30.48562],
              [107.082365, 30.486198],
              [107.076429, 30.51409],
              [107.039361, 30.51541],
              [107.038689, 30.514998],
              [107.036898, 30.51574],
              [107.03757, 30.517143],
              [107.010917, 30.520691],
              [107.00207, 30.505921],
              [106.98348, 30.499485],
              [106.974633, 30.533726],
              [106.984599, 30.546511],
              [107.017748, 30.548656],
              [107.032082, 30.613217],
              [107.043281, 30.642803],
              [107.026819, 30.645193],
              [106.998038, 30.635634],
              [106.968585, 30.645522],
              [106.949323, 30.635716],
              [106.904305, 30.664225],
              [106.890306, 30.697666],
              [106.904528, 30.70236],
              [106.924126, 30.684818],
              [106.949547, 30.707137],
              [106.883587, 30.715618],
              [106.880451, 30.733978],
              [106.840472, 30.738341],
              [106.831177, 30.757107],
              [106.809899, 30.763198],
              [106.739123, 30.807875],
              [106.730164, 30.832632],
              [106.685257, 30.829342],
              [106.675178, 30.838882],
              [106.629599, 30.821036],
              [106.617281, 30.82778],
              [106.616497, 30.801705],
              [106.626464, 30.789365],
              [106.618401, 30.766572],
              [106.584244, 30.756861],
              [106.587604, 30.73974],
              [106.542809, 30.743033],
              [106.528923, 30.732496],
              [106.506301, 30.762869],
              [106.507757, 30.784511],
              [106.487599, 30.787966],
              [106.466546, 30.760893],
              [106.448068, 30.753321],
              [106.441124, 30.727144],
              [106.420855, 30.708207],
              [106.423094, 30.693219],
              [106.403609, 30.695525],
              [106.38905, 30.679876],
              [106.364301, 30.697337],
              [106.366877, 30.712736],
              [106.354558, 30.722122],
              [106.300468, 30.686218],
              [106.286806, 30.70516],
              [106.250746, 30.719323],
              [106.207631, 30.722863],
              [106.217486, 30.704666],
              [106.238091, 30.706807],
              [106.237531, 30.687454],
              [106.225773, 30.695196],
              [106.217822, 30.677652],
              [106.166643, 30.648324],
              [106.178962, 30.620058],
              [106.192176, 30.612969],
              [106.180194, 30.595658],
              [106.157796, 30.598049],
              [106.123192, 30.544449],
              [106.112777, 30.503198],
              [106.093851, 30.504189],
              [106.066638, 30.491727],
              [106.039426, 30.518216],
              [106.028003, 30.505261],
              [106.024755, 30.482071],
              [105.980856, 30.488344],
              [105.970665, 30.477119],
              [105.971225, 30.456151],
              [105.950172, 30.452931],
              [105.948268, 30.441619],
              [105.963834, 30.424691],
              [105.9794, 30.427581],
              [105.989815, 30.41255],
              [105.987239, 30.394047],
              [106.00079, 30.376283],
              [106.032146, 30.371821],
              [106.033714, 30.361823],
              [106.07347, 30.334135],
              [106.08926, 30.345541],
              [106.088364, 30.32314],
              [106.114793, 30.317353],
              [106.131815, 30.301808],
              [106.131815, 30.324132],
              [106.149733, 30.30925],
              [106.171235, 30.305033],
              [106.180418, 30.277825],
              [106.180418, 30.232821],
              [106.201023, 30.228021],
              [106.192288, 30.21627],
              [106.212558, 30.20311],
              [106.232268, 30.212546],
              [106.24593, 30.196488],
              [106.260601, 30.196985],
              [106.260377, 30.20402],
              [106.260265, 30.207911],
              [106.264296, 30.209732],
              [106.278407, 30.195743],
              [106.296437, 30.205841],
              [106.30058, 30.23853],
              [106.335072, 30.226366],
              [106.349295, 30.245232],
              [106.372588, 30.248211],
              [106.402713, 30.242088],
              [106.427798, 30.253754],
              [106.407976, 30.276171],
              [106.434741, 30.276998],
              [106.428582, 30.291554],
              [106.449747, 30.297839],
              [106.544825, 30.296764],
              [106.560279, 30.31512],
              [106.611009, 30.292712],
              [106.634863, 30.265666],
              [106.642142, 30.246556],
              [106.611457, 30.228021],
              [106.624448, 30.227111],
              [106.631839, 30.186554],
              [106.677642, 30.157409],
              [106.673274, 30.122042],
              [106.703175, 30.118148],
              [106.700263, 30.073651],
              [106.725797, 30.057073],
              [106.732404, 30.026812],
              [106.785486, 30.017276],
              [106.800044, 30.030543],
              [106.830169, 30.033943],
              [106.842039, 30.049115],
              [106.861413, 30.028139],
              [106.884259, 30.034357],
              [106.913599, 30.025568],
              [106.914831, 30.033943],
              [106.94854, 30.040161],
              [106.956715, 30.067518],
              [106.976088, 30.083596]
            ]
          ],
          [
            [
              [107.225932, 30.380084],
              [107.223021, 30.377771],
              [107.226828, 30.372069],
              [107.22918, 30.369838],
              [107.225932, 30.380084]
            ]
          ],
          [
            [
              [107.255385, 30.322809],
              [107.272743, 30.305447],
              [107.286742, 30.334796],
              [107.304772, 30.354881],
              [107.287749, 30.363062],
              [107.276327, 30.357195],
              [107.276663, 30.352401],
              [107.27879, 30.346203],
              [107.272295, 30.322148],
              [107.261432, 30.326281],
              [107.254153, 30.325951],
              [107.253257, 30.325951],
              [107.252809, 30.324876],
              [107.255385, 30.322809]
            ]
          ],
          [
            [
              [107.241611, 30.347856],
              [107.238811, 30.346616],
              [107.234779, 30.34455],
              [107.235563, 30.343723],
              [107.237691, 30.342235],
              [107.238587, 30.341739],
              [107.239931, 30.340499],
              [107.240267, 30.339921],
              [107.240939, 30.339425],
              [107.241611, 30.338516],
              [107.242843, 30.338598],
              [107.251802, 30.344302],
              [107.241611, 30.347856]
            ]
          ],
          [
            [
              [106.264296, 30.209732],
              [106.260265, 30.207911],
              [106.260377, 30.20402],
              [106.260601, 30.196985],
              [106.264296, 30.209732]
            ]
          ],
          [
            [
              [106.976648, 30.088071],
              [106.975864, 30.087906],
              [106.976088, 30.083596],
              [106.981912, 30.085171],
              [106.980456, 30.087657],
              [106.979784, 30.088071],
              [106.978552, 30.087408],
              [106.97732, 30.087491],
              [106.976648, 30.088071]
            ]
          ],
          [
            [
              [107.260425, 30.328927],
              [107.253593, 30.327356],
              [107.254153, 30.325951],
              [107.261432, 30.326281],
              [107.260425, 30.328927]
            ]
          ],
          [
            [
              [107.03757, 30.517143],
              [107.036898, 30.51574],
              [107.038689, 30.514998],
              [107.039361, 30.51541],
              [107.03757, 30.517143]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511700,
        "name": "达州市",
        "center": [107.502262, 31.209484],
        "centroid": [107.650611, 31.367469],
        "childrenNum": 7,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 14,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [107.304772, 30.354881],
              [107.33904, 30.387107],
              [107.345535, 30.425517],
              [107.359981, 30.456233],
              [107.408696, 30.521598],
              [107.419895, 30.516483],
              [107.442852, 30.535293],
              [107.42751, 30.547666],
              [107.46021, 30.571335],
              [107.485295, 30.598296],
              [107.493694, 30.618986],
              [107.51542, 30.642061],
              [107.499182, 30.660188],
              [107.478576, 30.664472],
              [107.456627, 30.682347],
              [107.458642, 30.704831],
              [107.436133, 30.721958],
              [107.424374, 30.740645],
              [107.439045, 30.747066],
              [107.447892, 30.778751],
              [107.466369, 30.77406],
              [107.477792, 30.799813],
              [107.497726, 30.809273],
              [107.492127, 30.833125],
              [107.481152, 30.836826],
              [107.513852, 30.855081],
              [107.527515, 30.839046],
              [107.535466, 30.847681],
              [107.577573, 30.848092],
              [107.616209, 30.837731],
              [107.631103, 30.817828],
              [107.643646, 30.820624],
              [107.691912, 30.874811],
              [107.704119, 30.872263],
              [107.717333, 30.888291],
              [107.737715, 30.885004],
              [107.760336, 30.862233],
              [107.752273, 30.846036],
              [107.763808, 30.817088],
              [107.787885, 30.819473],
              [107.818906, 30.797428],
              [107.852278, 30.793479],
              [107.891586, 30.830247],
              [107.929437, 30.859356],
              [107.955307, 30.873249],
              [107.955979, 30.882949],
              [107.992262, 30.902591],
              [107.945004, 30.92338],
              [107.936269, 30.952789],
              [107.943548, 30.989415],
              [107.981176, 30.983339],
              [108.003797, 31.025369],
              [108.053296, 31.040716],
              [108.058895, 31.053926],
              [108.028994, 31.061721],
              [108.024739, 31.089283],
              [108.009397, 31.108309],
              [108.025747, 31.116345],
              [108.036274, 31.139956],
              [108.08566, 31.188063],
              [108.089356, 31.205922],
              [108.076141, 31.231804],
              [108.040081, 31.218618],
              [108.019475, 31.244988],
              [108.066398, 31.261773],
              [108.092379, 31.265784],
              [108.095291, 31.275526],
              [108.144341, 31.301225],
              [108.185553, 31.338044],
              [108.176034, 31.35473],
              [108.154084, 31.370759],
              [108.182865, 31.392999],
              [108.206494, 31.397413],
              [108.216349, 31.411146],
              [108.210526, 31.435746],
              [108.223852, 31.449229],
              [108.223181, 31.46516],
              [108.19328, 31.468183],
              [108.19048, 31.491461],
              [108.212206, 31.493748],
              [108.226764, 31.505834],
              [108.254761, 31.498811],
              [108.28175, 31.507303],
              [108.323297, 31.502404],
              [108.344015, 31.512447],
              [108.339535, 31.53898],
              [108.350286, 31.546],
              [108.381195, 31.542572],
              [108.39161, 31.561425],
              [108.377947, 31.570401],
              [108.402584, 31.603851],
              [108.442676, 31.633701],
              [108.468321, 31.622284],
              [108.472017, 31.639001],
              [108.490159, 31.641284],
              [108.504493, 31.656286],
              [108.532826, 31.669084],
              [108.546488, 31.66672],
              [108.514796, 31.694106],
              [108.525435, 31.702499],
              [108.518603, 31.726207],
              [108.505501, 31.732643],
              [108.53529, 31.757728],
              [108.515692, 31.761067],
              [108.488591, 31.780283],
              [108.462498, 31.780527],
              [108.454435, 31.791111],
              [108.465185, 31.808367],
              [108.441444, 31.807635],
              [108.391946, 31.828712],
              [108.385898, 31.854097],
              [108.340991, 31.863533],
              [108.308403, 31.905984],
              [108.282646, 31.917773],
              [108.280182, 31.953047],
              [108.259352, 31.966861],
              [108.269879, 31.985141],
              [108.282198, 31.97921],
              [108.307059, 31.997244],
              [108.35051, 31.97198],
              [108.369436, 31.986847],
              [108.329233, 32.019253],
              [108.362493, 32.036304],
              [108.364061, 32.048319],
              [108.343567, 32.063904],
              [108.373804, 32.077133],
              [108.394521, 32.066177],
              [108.412887, 32.070073],
              [108.430021, 32.061388],
              [108.450403, 32.074374],
              [108.452531, 32.090279],
              [108.431589, 32.101719],
              [108.406616, 32.141303],
              [108.369436, 32.17333],
              [108.406392, 32.196188],
              [108.45925, 32.181436],
              [108.479296, 32.182085],
              [108.509756, 32.201213],
              [108.51446, 32.21823],
              [108.507069, 32.245694],
              [108.484447, 32.250716],
              [108.471793, 32.27064],
              [108.450739, 32.259302],
              [108.421846, 32.260679],
              [108.415015, 32.252498],
              [108.390602, 32.263594],
              [108.370668, 32.253632],
              [108.347935, 32.253956],
              [108.331808, 32.233381],
              [108.312099, 32.232166],
              [108.264504, 32.257439],
              [108.248602, 32.274446],
              [108.212206, 32.256953],
              [108.213326, 32.248205],
              [108.179729, 32.221714],
              [108.15666, 32.238971],
              [108.141654, 32.218878],
              [108.123064, 32.218392],
              [108.089915, 32.233705],
              [108.066062, 32.229654],
              [108.043329, 32.215232],
              [108.018579, 32.211829],
              [108.023171, 32.175924],
              [107.995734, 32.147141],
              [107.979384, 32.146006],
              [107.954299, 32.163926],
              [107.924734, 32.196998],
              [107.890466, 32.214422],
              [107.867508, 32.202428],
              [107.835816, 32.223011],
              [107.788669, 32.279871],
              [107.754625, 32.338233],
              [107.716773, 32.328846],
              [107.703559, 32.318001],
              [107.705239, 32.281814],
              [107.679034, 32.251445],
              [107.690456, 32.218797],
              [107.630991, 32.199673],
              [107.627855, 32.151763],
              [107.641294, 32.138707],
              [107.680601, 32.141059],
              [107.708262, 32.115024],
              [107.715765, 32.118998],
              [107.74253, 32.102368],
              [107.76392, 32.069667],
              [107.7329, 32.039552],
              [107.702439, 32.029809],
              [107.67601, 32.006097],
              [107.622368, 32.01438],
              [107.584964, 32.000168],
              [107.569174, 31.981241],
              [107.58418, 31.962961],
              [107.569622, 31.948659],
              [107.541177, 31.943864],
              [107.53233, 31.929803],
              [107.515084, 31.926471],
              [107.550696, 31.897122],
              [107.533338, 31.877035],
              [107.496046, 31.866462],
              [107.57175, 31.834246],
              [107.554504, 31.768721],
              [107.533562, 31.760578],
              [107.539049, 31.738426],
              [107.492351, 31.729384],
              [107.501645, 31.69818],
              [107.516988, 31.683511],
              [107.53289, 31.684571],
              [107.518108, 31.637452],
              [107.499966, 31.626525],
              [107.489887, 31.596999],
              [107.471633, 31.596265],
              [107.454051, 31.583048],
              [107.445428, 31.591615],
              [107.429862, 31.572768],
              [107.388986, 31.563955],
              [107.361437, 31.541266],
              [107.354494, 31.549101],
              [107.331201, 31.53147],
              [107.322914, 31.492931],
              [107.285846, 31.491298],
              [107.273191, 31.453723],
              [107.258633, 31.445225],
              [107.237691, 31.466304],
              [107.225037, 31.434602],
              [107.21003, 31.42643],
              [107.17397, 31.427901],
              [107.145413, 31.379672],
              [107.149893, 31.356529],
              [107.120328, 31.334035],
              [107.101962, 31.335426],
              [107.074861, 31.373376],
              [107.046081, 31.34696],
              [107.054592, 31.326836],
              [107.035778, 31.321682],
              [107.038689, 31.294678],
              [107.019092, 31.304499],
              [107.003525, 31.269223],
              [106.983256, 31.248755],
              [106.964778, 31.250802],
              [106.958282, 31.228283],
              [106.939917, 31.207151],
              [106.938349, 31.1761],
              [106.951003, 31.161267],
              [106.931965, 31.133726],
              [106.935325, 31.116591],
              [106.909008, 31.107653],
              [106.894786, 31.08756],
              [106.86914, 31.081163],
              [106.830505, 31.05286],
              [106.819754, 31.011662],
              [106.803292, 30.993684],
              [106.78739, 30.995901],
              [106.784814, 30.972336],
              [106.771487, 30.96864],
              [106.73162, 30.973649],
              [106.740467, 30.951147],
              [106.723221, 30.946629],
              [106.707207, 30.915903],
              [106.678986, 30.922887],
              [106.666443, 30.909987],
              [106.689177, 30.883606],
              [106.675514, 30.867084],
              [106.675178, 30.838882],
              [106.685257, 30.829342],
              [106.730164, 30.832632],
              [106.739123, 30.807875],
              [106.809899, 30.763198],
              [106.831177, 30.757107],
              [106.840472, 30.738341],
              [106.880451, 30.733978],
              [106.883587, 30.715618],
              [106.949547, 30.707137],
              [106.924126, 30.684818],
              [106.904528, 30.70236],
              [106.890306, 30.697666],
              [106.904305, 30.664225],
              [106.949323, 30.635716],
              [106.968585, 30.645522],
              [106.998038, 30.635634],
              [107.026819, 30.645193],
              [107.043281, 30.642803],
              [107.032082, 30.613217],
              [107.017748, 30.548656],
              [106.984599, 30.546511],
              [106.974633, 30.533726],
              [106.98348, 30.499485],
              [107.00207, 30.505921],
              [107.010917, 30.520691],
              [107.03757, 30.517143],
              [107.039361, 30.51541],
              [107.076429, 30.51409],
              [107.082365, 30.486198],
              [107.118201, 30.48562],
              [107.122792, 30.471671],
              [107.142614, 30.47002],
              [107.131303, 30.486363],
              [107.095355, 30.506251],
              [107.111593, 30.525971],
              [107.140822, 30.520938],
              [107.174418, 30.502868],
              [107.189201, 30.516483],
              [107.184945, 30.535705],
              [107.204207, 30.524321],
              [107.21395, 30.501218],
              [107.195696, 30.492058],
              [107.164115, 30.458793],
              [107.186177, 30.450454],
              [107.191776, 30.432123],
              [107.219661, 30.436995],
              [107.225372, 30.424113],
              [107.227388, 30.420561],
              [107.227724, 30.414202],
              [107.217533, 30.406438],
              [107.208798, 30.391155],
              [107.225932, 30.380084],
              [107.22918, 30.369838],
              [107.221341, 30.34612],
              [107.234779, 30.34455],
              [107.238811, 30.346616],
              [107.238587, 30.349426],
              [107.240379, 30.3505],
              [107.241611, 30.347856],
              [107.251802, 30.344302],
              [107.260425, 30.328927],
              [107.261432, 30.326281],
              [107.272295, 30.322148],
              [107.27879, 30.346203],
              [107.271399, 30.345046],
              [107.265576, 30.349343],
              [107.276663, 30.352401],
              [107.276327, 30.357195],
              [107.274311, 30.37083],
              [107.277447, 30.371574],
              [107.287749, 30.363062],
              [107.304772, 30.354881]
            ]
          ],
          [
            [
              [107.227388, 30.420561],
              [107.225372, 30.424113],
              [107.206895, 30.410072],
              [107.217533, 30.406438],
              [107.227724, 30.414202],
              [107.227388, 30.420561]
            ]
          ],
          [
            [
              [107.254153, 30.325951],
              [107.253593, 30.327356],
              [107.253257, 30.325951],
              [107.254153, 30.325951]
            ]
          ],
          [
            [
              [107.277447, 30.371574],
              [107.274311, 30.37083],
              [107.276327, 30.357195],
              [107.287749, 30.363062],
              [107.277447, 30.371574]
            ]
          ],
          [
            [
              [107.276663, 30.352401],
              [107.265576, 30.349343],
              [107.271399, 30.345046],
              [107.27879, 30.346203],
              [107.276663, 30.352401]
            ]
          ],
          [
            [
              [107.240379, 30.3505],
              [107.238587, 30.349426],
              [107.238811, 30.346616],
              [107.241611, 30.347856],
              [107.240379, 30.3505]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511800,
        "name": "雅安市",
        "center": [103.001033, 29.987722],
        "centroid": [102.665156, 29.914326],
        "childrenNum": 8,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 15,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.395178, 30.094866],
              [103.360574, 30.136787],
              [103.372109, 30.148382],
              [103.36091, 30.168008],
              [103.370317, 30.22827],
              [103.350047, 30.236048],
              [103.320259, 30.23489],
              [103.313875, 30.260372],
              [103.282295, 30.263598],
              [103.242651, 30.243081],
              [103.233356, 30.213456],
              [103.215998, 30.209235],
              [103.211631, 30.232407],
              [103.183634, 30.248128],
              [103.147238, 30.207],
              [103.076798, 30.220242],
              [103.071534, 30.260951],
              [103.061456, 30.270464],
              [103.068623, 30.294283],
              [103.062128, 30.302553],
              [103.079038, 30.324545],
              [103.091132, 30.326529],
              [103.127976, 30.367111],
              [103.116329, 30.380002],
              [103.115993, 30.413954],
              [103.12596, 30.451115],
              [103.141751, 30.470845],
              [103.162244, 30.472579],
              [103.185874, 30.511945],
              [103.180834, 30.525228],
              [103.157765, 30.530013],
              [103.166276, 30.555749],
              [103.147798, 30.585847],
              [103.126856, 30.593927],
              [103.135591, 30.624096],
              [103.13156, 30.65475],
              [103.119017, 30.670898],
              [103.103115, 30.672957],
              [103.068735, 30.716194],
              [103.031331, 30.703678],
              [103.033907, 30.719076],
              [103.005126, 30.74649],
              [102.992919, 30.778339],
              [102.962683, 30.769699],
              [102.897954, 30.765255],
              [102.863574, 30.798332],
              [102.889443, 30.865851],
              [102.889555, 30.900784],
              [102.875221, 30.923298],
              [102.852375, 30.936772],
              [102.828298, 30.928721],
              [102.801869, 30.93595],
              [102.75405, 30.916396],
              [102.708247, 30.915493],
              [102.686634, 30.888045],
              [102.679802, 30.857629],
              [102.667148, 30.850723],
              [102.590996, 30.847845],
              [102.56132, 30.821036],
              [102.532091, 30.811659],
              [102.52134, 30.794548],
              [102.493791, 30.790352],
              [102.469042, 30.768712],
              [102.4864, 30.744761],
              [102.494463, 30.713642],
              [102.486512, 30.685807],
              [102.473298, 30.670898],
              [102.47173, 30.640001],
              [102.443397, 30.618245],
              [102.43119, 30.596895],
              [102.417976, 30.524156],
              [102.419656, 30.452766],
              [102.434438, 30.421387],
              [102.425255, 30.384546],
              [102.432758, 30.355129],
              [102.414168, 30.303958],
              [102.402298, 30.234228],
              [102.341824, 30.200296],
              [102.328946, 30.187961],
              [102.29367, 30.128835],
              [102.295126, 30.101164],
              [102.268137, 30.077381],
              [102.276872, 30.039995],
              [102.274968, 30.017193],
              [102.292214, 29.993721],
              [102.303189, 29.954562],
              [102.299381, 29.934063],
              [102.284487, 29.917877],
              [102.282583, 29.896956],
              [102.270824, 29.881595],
              [102.291094, 29.854519],
              [102.291094, 29.838237],
              [102.323346, 29.824778],
              [102.326258, 29.799599],
              [102.344064, 29.789209],
              [102.353247, 29.76319],
              [102.32861, 29.736748],
              [102.336001, 29.720114],
              [102.305764, 29.699567],
              [102.296133, 29.683593],
              [102.277208, 29.603767],
              [102.284375, 29.590192],
              [102.31002, 29.575283],
              [102.318755, 29.551958],
              [102.314051, 29.53346],
              [102.203296, 29.456851],
              [102.175859, 29.466524],
              [102.178547, 29.512709],
              [102.16578, 29.532877],
              [102.145174, 29.53221],
              [102.145622, 29.504207],
              [102.13308, 29.510458],
              [102.090637, 29.496121],
              [102.033747, 29.500039],
              [102.012021, 29.49112],
              [101.97417, 29.489702],
              [101.94942, 29.503874],
              [101.935982, 29.50104],
              [101.950764, 29.462688],
              [101.95222, 29.437585],
              [101.984136, 29.422403],
              [101.972154, 29.38277],
              [101.9567, 29.367414],
              [101.949532, 29.344124],
              [101.960171, 29.314816],
              [101.983801, 29.299032],
              [102.046066, 29.297779],
              [102.096348, 29.2718],
              [102.123337, 29.238627],
              [102.119529, 29.221911],
              [102.093996, 29.208453],
              [102.056032, 29.177852],
              [102.088509, 29.173336],
              [102.109562, 29.185043],
              [102.129608, 29.176096],
              [102.131736, 29.159872],
              [102.160741, 29.130344],
              [102.15167, 29.102648],
              [102.168468, 29.07302],
              [102.156485, 29.045393],
              [102.16522, 29.036518],
              [102.188961, 29.024626],
              [102.180898, 29.013404],
              [102.22155, 28.962217],
              [102.253802, 28.898763],
              [102.29087, 28.899685],
              [102.319763, 28.883082],
              [102.352351, 28.854566],
              [102.381804, 28.855572],
              [102.429846, 28.845422],
              [102.454148, 28.873606],
              [102.481473, 28.920142],
              [102.482929, 28.932716],
              [102.46613, 28.969339],
              [102.471506, 28.983834],
              [102.497823, 29.003269],
              [102.507006, 29.025883],
              [102.525484, 29.036267],
              [102.517757, 29.058454],
              [102.524476, 29.077457],
              [102.514845, 29.09361],
              [102.522236, 29.111602],
              [102.547657, 29.116957],
              [102.559864, 29.133606],
              [102.552697, 29.150671],
              [102.563, 29.159955],
              [102.594692, 29.160039],
              [102.600515, 29.169991],
              [102.590884, 29.191983],
              [102.618993, 29.209707],
              [102.635791, 29.210793],
              [102.653373, 29.188053],
              [102.649006, 29.177601],
              [102.673419, 29.161544],
              [102.69828, 29.167064],
              [102.740388, 29.153348],
              [102.772192, 29.159621],
              [102.778575, 29.173336],
              [102.766817, 29.18705],
              [102.781487, 29.236705],
              [102.804556, 29.249908],
              [102.833113, 29.241886],
              [102.836585, 29.208035],
              [102.879812, 29.206112],
              [102.905457, 29.222245],
              [102.9124, 29.264531],
              [102.940397, 29.302874],
              [102.962347, 29.301871],
              [103.003894, 29.287171],
              [102.979817, 29.320578],
              [102.980377, 29.340367],
              [102.998519, 29.368332],
              [102.975449, 29.397791],
              [102.93211, 29.400545],
              [102.879364, 29.415896],
              [102.823146, 29.46569],
              [102.869957, 29.530044],
              [102.914416, 29.553208],
              [102.931998, 29.61634],
              [102.929646, 29.668115],
              [102.938493, 29.67677],
              [102.928751, 29.711047],
              [102.962011, 29.721944],
              [102.996055, 29.708302],
              [103.007702, 29.72552],
              [103.044546, 29.700066],
              [103.052497, 29.675522],
              [103.092028, 29.683177],
              [103.099083, 29.693827],
              [103.1282, 29.671527],
              [103.150038, 29.672443],
              [103.141303, 29.703145],
              [103.153845, 29.713293],
              [103.143654, 29.730926],
              [103.162916, 29.737829],
              [103.143206, 29.760862],
              [103.165156, 29.77034],
              [103.125064, 29.864154],
              [103.093708, 29.886992],
              [103.109946, 29.915636],
              [103.159781, 29.930162],
              [103.176915, 29.945931],
              [103.1964, 29.944355],
              [103.191249, 29.966344],
              [103.225965, 29.970659],
              [103.252506, 30.040078],
              [103.302341, 30.087574],
              [103.312531, 30.071745],
              [103.339856, 30.074729],
              [103.349599, 30.097684],
              [103.372221, 30.082105],
              [103.37838, 30.095944],
              [103.395178, 30.094866]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 511900,
        "name": "巴中市",
        "center": [106.753669, 31.858809],
        "centroid": [107.041958, 32.016794],
        "childrenNum": 5,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 16,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [106.964778, 31.250802],
              [106.983256, 31.248755],
              [107.003525, 31.269223],
              [107.019092, 31.304499],
              [107.038689, 31.294678],
              [107.035778, 31.321682],
              [107.054592, 31.326836],
              [107.046081, 31.34696],
              [107.074861, 31.373376],
              [107.101962, 31.335426],
              [107.120328, 31.334035],
              [107.149893, 31.356529],
              [107.145413, 31.379672],
              [107.17397, 31.427901],
              [107.21003, 31.42643],
              [107.225037, 31.434602],
              [107.237691, 31.466304],
              [107.258633, 31.445225],
              [107.273191, 31.453723],
              [107.285846, 31.491298],
              [107.322914, 31.492931],
              [107.331201, 31.53147],
              [107.354494, 31.549101],
              [107.361437, 31.541266],
              [107.388986, 31.563955],
              [107.429862, 31.572768],
              [107.445428, 31.591615],
              [107.454051, 31.583048],
              [107.471633, 31.596265],
              [107.489887, 31.596999],
              [107.499966, 31.626525],
              [107.518108, 31.637452],
              [107.53289, 31.684571],
              [107.516988, 31.683511],
              [107.501645, 31.69818],
              [107.492351, 31.729384],
              [107.539049, 31.738426],
              [107.533562, 31.760578],
              [107.554504, 31.768721],
              [107.57175, 31.834246],
              [107.496046, 31.866462],
              [107.533338, 31.877035],
              [107.550696, 31.897122],
              [107.515084, 31.926471],
              [107.53233, 31.929803],
              [107.541177, 31.943864],
              [107.569622, 31.948659],
              [107.58418, 31.962961],
              [107.569174, 31.981241],
              [107.584964, 32.000168],
              [107.622368, 32.01438],
              [107.67601, 32.006097],
              [107.702439, 32.029809],
              [107.7329, 32.039552],
              [107.76392, 32.069667],
              [107.74253, 32.102368],
              [107.715765, 32.118998],
              [107.708262, 32.115024],
              [107.680601, 32.141059],
              [107.641294, 32.138707],
              [107.627855, 32.151763],
              [107.630991, 32.199673],
              [107.690456, 32.218797],
              [107.679034, 32.251445],
              [107.705239, 32.281814],
              [107.703559, 32.318001],
              [107.716773, 32.328846],
              [107.707926, 32.332083],
              [107.693592, 32.362911],
              [107.695272, 32.374721],
              [107.680377, 32.397609],
              [107.648013, 32.413701],
              [107.636366, 32.406019],
              [107.602882, 32.411275],
              [107.573317, 32.403513],
              [107.566262, 32.394294],
              [107.533114, 32.383618],
              [107.512396, 32.386368],
              [107.489775, 32.425262],
              [107.456963, 32.417743],
              [107.450691, 32.432214],
              [107.462002, 32.441348],
              [107.458194, 32.458401],
              [107.438709, 32.465835],
              [107.429302, 32.501141],
              [107.436357, 32.52973],
              [107.40612, 32.539177],
              [107.377899, 32.538935],
              [107.356846, 32.506391],
              [107.313955, 32.490236],
              [107.28607, 32.454522],
              [107.283718, 32.434154],
              [107.263896, 32.40327],
              [107.230636, 32.416126],
              [107.21003, 32.431971],
              [107.189648, 32.468017],
              [107.127048, 32.48248],
              [107.10465, 32.516648],
              [107.080125, 32.542407],
              [107.091995, 32.552579],
              [107.107786, 32.600761],
              [107.097595, 32.62706],
              [107.099051, 32.649481],
              [107.08774, 32.667946],
              [107.068366, 32.669962],
              [107.059743, 32.686165],
              [107.066798, 32.708894],
              [107.03029, 32.712359],
              [107.012596, 32.721545],
              [106.988407, 32.711795],
              [106.949099, 32.716549],
              [106.91304, 32.704381],
              [106.903409, 32.721303],
              [106.872612, 32.725654],
              [106.845959, 32.721062],
              [106.821098, 32.706073],
              [106.793213, 32.712601],
              [106.78179, 32.700915],
              [106.779439, 32.737498],
              [106.7333, 32.739351],
              [106.684473, 32.709297],
              [106.66342, 32.69076],
              [106.64035, 32.687294],
              [106.645278, 32.63682],
              [106.658044, 32.622463],
              [106.652109, 32.590756],
              [106.65838, 32.566221],
              [106.649421, 32.50421],
              [106.674842, 32.486196],
              [106.689849, 32.453633],
              [106.684697, 32.418066],
              [106.691528, 32.404159],
              [106.688953, 32.348024],
              [106.725909, 32.336939],
              [106.737779, 32.31533],
              [106.745058, 32.322938],
              [106.776191, 32.296874],
              [106.755361, 32.285296],
              [106.71695, 32.294607],
              [106.718405, 32.269263],
              [106.688393, 32.266267],
              [106.674842, 32.272664],
              [106.666219, 32.249663],
              [106.594547, 32.23727],
              [106.564647, 32.227548],
              [106.556919, 32.1756],
              [106.567558, 32.128407],
              [106.535194, 32.098474],
              [106.559159, 32.082733],
              [106.533514, 32.08184],
              [106.517836, 32.068531],
              [106.519628, 32.050186],
              [106.501038, 32.048969],
              [106.508765, 32.024775],
              [106.493087, 32.006016],
              [106.482112, 31.977098],
              [106.445492, 31.977179],
              [106.464754, 31.954591],
              [106.463522, 31.94167],
              [106.446052, 31.943295],
              [106.428694, 31.922813],
              [106.427462, 31.915009],
              [106.408984, 31.902081],
              [106.424662, 31.889803],
              [106.406408, 31.874189],
              [106.416039, 31.83156],
              [106.406296, 31.808286],
              [106.39577, 31.805681],
              [106.406632, 31.777026],
              [106.42455, 31.755448],
              [106.40764, 31.755204],
              [106.405288, 31.725637],
              [106.378747, 31.732969],
              [106.382667, 31.720423],
              [106.366429, 31.696632],
              [106.400025, 31.681229],
              [106.412568, 31.65702],
              [106.438661, 31.655715],
              [106.456803, 31.633049],
              [106.460722, 31.586312],
              [106.484016, 31.584517],
              [106.492079, 31.567382],
              [106.516604, 31.575052],
              [106.536986, 31.572033],
              [106.566438, 31.545755],
              [106.566886, 31.518244],
              [106.607874, 31.50665],
              [106.626464, 31.510814],
              [106.644942, 31.544694],
              [106.632175, 31.567056],
              [106.647517, 31.591125],
              [106.673386, 31.569177],
              [106.693656, 31.56118],
              [106.718965, 31.571952],
              [106.722101, 31.563383],
              [106.7688, 31.5673],
              [106.766224, 31.537592],
              [106.787166, 31.531307],
              [106.821098, 31.547877],
              [106.815498, 31.515142],
              [106.842151, 31.503139],
              [106.846071, 31.456909],
              [106.871268, 31.426512],
              [106.883251, 31.420873],
              [106.864549, 31.400683],
              [106.917855, 31.377464],
              [106.946748, 31.328963],
              [106.934317, 31.309081],
              [106.944172, 31.288949],
              [106.964442, 31.291077],
              [106.94574, 31.264802],
              [106.946748, 31.265539],
              [106.948092, 31.264638],
              [106.947532, 31.263656],
              [106.964778, 31.250802]
            ]
          ],
          [
            [
              [106.946748, 31.265539],
              [106.94574, 31.264802],
              [106.947532, 31.263656],
              [106.948092, 31.264638],
              [106.946748, 31.265539]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 512000,
        "name": "资阳市",
        "center": [104.641917, 30.122211],
        "centroid": [105.118328, 30.098408],
        "childrenNum": 3,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 17,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [104.899505, 29.902353],
              [104.902417, 29.907168],
              [104.927166, 29.936221],
              [104.903649, 29.941367],
              [104.924367, 29.946844],
              [104.932766, 29.977296],
              [104.95158, 29.99256],
              [104.976441, 29.993223],
              [104.993687, 29.977047],
              [105.0209, 29.976798],
              [105.049345, 29.947508],
              [105.074654, 29.944023],
              [105.064015, 29.922526],
              [105.097051, 29.904927],
              [105.100747, 29.885498],
              [105.080589, 29.88284],
              [105.0947, 29.848954],
              [105.125608, 29.830677],
              [105.175554, 29.846711],
              [105.217326, 29.8448],
              [105.238491, 29.817549],
              [105.233564, 29.804087],
              [105.252714, 29.796025],
              [105.288662, 29.798269],
              [105.297733, 29.82054],
              [105.319122, 29.821953],
              [105.332225, 29.81115],
              [105.35395, 29.811566],
              [105.360446, 29.83425],
              [105.373548, 29.824612],
              [105.383179, 29.796856],
              [105.405017, 29.78896],
              [105.393482, 29.747226],
              [105.416775, 29.721112],
              [105.423943, 29.687587],
              [105.436373, 29.676936],
              [105.475681, 29.67469],
              [105.479712, 29.716288],
              [105.538842, 29.694908],
              [105.529659, 29.707637],
              [105.550488, 29.722443],
              [105.549145, 29.737663],
              [105.567398, 29.728015],
              [105.575014, 29.744482],
              [105.572326, 29.768677],
              [105.583301, 29.819294],
              [105.604914, 29.817216],
              [105.610626, 29.836908],
              [105.661804, 29.840813],
              [105.677818, 29.85427],
              [105.708951, 29.840564],
              [105.719365, 29.856513],
              [105.735716, 29.860915],
              [105.738963, 29.891227],
              [105.717462, 29.893552],
              [105.702679, 29.924767],
              [105.714998, 29.930743],
              [105.731012, 29.956636],
              [105.723397, 29.975969],
              [105.73258, 29.998781],
              [105.753634, 30.018602],
              [105.746242, 30.034275],
              [105.727988, 30.027227],
              [105.722389, 30.041073],
              [105.687001, 30.039001],
              [105.674682, 30.071247],
              [105.66046, 30.066274],
              [105.639294, 30.076386],
              [105.642206, 30.100915],
              [105.598083, 30.109201],
              [105.569974, 30.134302],
              [105.593156, 30.144738],
              [105.596851, 30.15716],
              [105.570758, 30.161466],
              [105.558216, 30.151943],
              [105.536826, 30.15244],
              [105.551048, 30.179186],
              [105.556536, 30.187465],
              [105.557544, 30.195826],
              [105.547129, 30.212711],
              [105.529323, 30.21958],
              [105.521036, 30.202613],
              [105.4824, 30.223222],
              [105.480944, 30.238696],
              [105.444996, 30.265997],
              [105.425958, 30.259876],
              [105.411064, 30.295606],
              [105.380379, 30.276916],
              [105.368845, 30.278404],
              [105.35843, 30.308093],
              [105.343088, 30.298087],
              [105.328305, 30.303297],
              [105.263913, 30.287915],
              [105.258313, 30.280307],
              [105.221805, 30.287171],
              [105.218894, 30.30586],
              [105.19784, 30.309994],
              [105.197056, 30.310738],
              [105.157412, 30.323388],
              [105.151365, 30.341987],
              [105.126056, 30.341491],
              [105.101419, 30.385455],
              [105.101083, 30.385372],
              [105.100971, 30.385372],
              [105.100859, 30.385372],
              [105.100635, 30.385455],
              [105.100635, 30.38562],
              [105.097275, 30.396194],
              [105.095259, 30.394873],
              [105.094923, 30.395121],
              [105.093916, 30.395616],
              [105.093804, 30.395864],
              [105.093692, 30.395947],
              [105.07387, 30.403133],
              [105.079917, 30.411724],
              [105.079469, 30.411807],
              [105.079693, 30.412467],
              [105.080141, 30.412385],
              [105.090444, 30.425682],
              [105.068942, 30.432949],
              [105.073646, 30.442115],
              [105.075214, 30.44228],
              [105.090108, 30.442363],
              [105.090444, 30.459536],
              [105.076558, 30.481741],
              [105.084173, 30.494616],
              [105.059983, 30.522753],
              [105.066927, 30.53587],
              [105.048449, 30.545192],
              [105.022916, 30.546099],
              [105.025043, 30.530178],
              [104.983944, 30.529271],
              [104.963226, 30.56746],
              [104.970393, 30.586425],
              [104.953371, 30.612475],
              [104.93019, 30.601429],
              [104.932206, 30.617091],
              [104.910928, 30.625662],
              [104.886403, 30.609343],
              [104.878788, 30.617997],
              [104.859078, 30.611321],
              [104.858854, 30.582385],
              [104.879124, 30.550635],
              [104.892786, 30.541645],
              [104.8761, 30.5131],
              [104.875092, 30.437078],
              [104.881699, 30.393551],
              [104.895922, 30.382315],
              [104.881027, 30.360831],
              [104.860982, 30.364384],
              [104.855494, 30.347194],
              [104.837016, 30.361988],
              [104.850455, 30.338929],
              [104.848775, 30.306852],
              [104.823354, 30.293787],
              [104.807228, 30.296847],
              [104.795133, 30.279397],
              [104.774863, 30.30156],
              [104.738579, 30.290314],
              [104.723797, 30.308341],
              [104.703975, 30.301643],
              [104.691993, 30.275427],
              [104.643614, 30.283036],
              [104.638239, 30.268148],
              [104.653133, 30.240185],
              [104.599603, 30.244488],
              [104.600163, 30.220408],
              [104.569254, 30.196985],
              [104.541594, 30.184236],
              [104.533754, 30.193673],
              [104.484368, 30.181504],
              [104.485264, 30.156001],
              [104.468354, 30.157077],
              [104.471937, 30.150287],
              [104.471601, 30.149873],
              [104.471041, 30.149873],
              [104.469474, 30.150452],
              [104.464994, 30.151529],
              [104.449428, 30.132894],
              [104.457715, 30.120634],
              [104.437109, 30.107544],
              [104.450212, 30.101081],
              [104.461411, 30.086663],
              [104.481904, 30.086663],
              [104.467234, 30.066937],
              [104.479888, 30.047374],
              [104.464322, 30.049944],
              [104.467234, 30.034689],
              [104.468578, 30.026563],
              [104.499486, 30.022666],
              [104.498142, 30.035933],
              [104.5239, 30.027227],
              [104.533195, 29.999278],
              [104.546297, 30.008485],
              [104.568471, 29.995546],
              [104.577989, 29.951076],
              [104.592548, 29.950164],
              [104.60677, 29.932901],
              [104.631184, 29.940952],
              [104.64395, 29.957383],
              [104.673739, 29.905674],
              [104.687289, 29.90227],
              [104.689865, 29.920036],
              [104.709127, 29.933233],
              [104.672955, 29.944189],
              [104.685049, 29.964436],
              [104.691769, 29.954645],
              [104.730628, 29.948504],
              [104.743619, 29.933233],
              [104.748322, 29.909244],
              [104.798493, 29.880183],
              [104.780575, 29.861413],
              [104.791997, 29.849037],
              [104.809132, 29.853024],
              [104.793341, 29.866895],
              [104.805436, 29.8752],
              [104.839144, 29.866812],
              [104.828057, 29.885498],
              [104.863333, 29.890895],
              [104.8789, 29.912897],
              [104.899505, 29.902353]
            ]
          ],
          [
            [
              [105.097275, 30.396194],
              [105.093692, 30.395947],
              [105.093804, 30.395864],
              [105.094364, 30.396277],
              [105.094364, 30.396277],
              [105.093916, 30.395616],
              [105.094923, 30.395121],
              [105.095259, 30.394873],
              [105.097275, 30.396194]
            ]
          ],
          [
            [
              [104.471937, 30.150287],
              [104.468354, 30.157077],
              [104.464994, 30.151529],
              [104.469474, 30.150452],
              [104.471041, 30.149873],
              [104.471601, 30.149873],
              [104.471937, 30.150287]
            ]
          ],
          [
            [
              [105.100635, 30.38562],
              [105.100635, 30.385455],
              [105.100859, 30.385372],
              [105.100971, 30.385372],
              [105.101083, 30.385372],
              [105.101419, 30.385455],
              [105.100635, 30.38562]
            ]
          ],
          [
            [
              [105.561463, 30.183656],
              [105.558887, 30.185561],
              [105.556536, 30.187465],
              [105.551048, 30.179186],
              [105.561463, 30.183656]
            ]
          ],
          [
            [
              [105.080141, 30.412385],
              [105.079693, 30.412467],
              [105.079469, 30.411807],
              [105.079917, 30.411724],
              [105.080141, 30.412385]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 513200,
        "name": "阿坝藏族羌族自治州",
        "center": [102.221374, 31.899792],
        "centroid": [102.612554, 32.409135],
        "childrenNum": 13,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 18,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [100.667948, 32.523674],
              [100.659885, 32.514871],
              [100.622481, 32.503645],
              [100.634128, 32.479329],
              [100.612962, 32.443207],
              [100.594596, 32.427768],
              [100.562344, 32.419441],
              [100.537147, 32.39397],
              [100.530428, 32.378199],
              [100.537707, 32.364529],
              [100.52718, 32.34592],
              [100.531659, 32.327066],
              [100.553833, 32.303998],
              [100.552377, 32.282219],
              [100.573543, 32.280438],
              [100.588773, 32.269101],
              [100.58015, 32.26076],
              [100.599076, 32.231518],
              [100.629536, 32.226819],
              [100.638719, 32.233057],
              [100.666492, 32.218554],
              [100.682283, 32.187516],
              [100.72047, 32.18322],
              [100.726966, 32.162547],
              [100.692473, 32.15598],
              [100.698633, 32.133436],
              [100.717335, 32.120377],
              [100.730549, 32.099772],
              [100.762913, 32.086628],
              [100.766385, 32.069017],
              [100.785423, 32.049131],
              [100.799757, 32.050105],
              [100.785199, 32.009751],
              [100.803789, 31.991883],
              [100.828986, 31.989608],
              [100.834809, 31.976529],
              [100.869302, 31.958167],
              [100.880164, 31.967024],
              [100.950044, 31.987496],
              [100.962027, 31.979698],
              [100.990472, 31.978885],
              [101.01175, 31.948984],
              [100.991816, 31.930616],
              [100.98756, 31.911269],
              [100.998759, 31.900374],
              [100.992712, 31.864835],
              [100.952844, 31.860524],
              [100.938958, 31.825295],
              [100.916896, 31.804949],
              [100.862022, 31.785819],
              [100.852839, 31.758705],
              [100.869078, 31.73753],
              [100.898306, 31.738182],
              [100.933246, 31.751132],
              [100.952956, 31.721808],
              [100.964379, 31.718224],
              [100.968858, 31.682044],
              [101.016341, 31.653351],
              [101.024516, 31.640877],
              [101.063488, 31.628319],
              [101.050497, 31.60638],
              [101.053969, 31.593246],
              [101.074798, 31.575705],
              [101.061136, 31.567545],
              [101.05968, 31.548693],
              [101.07883, 31.493503],
              [101.0991, 31.487132],
              [101.107499, 31.468999],
              [101.144231, 31.494973],
              [101.185778, 31.509508],
              [101.202576, 31.506405],
              [101.221614, 31.535143],
              [101.241548, 31.518244],
              [101.264169, 31.46418],
              [101.263385, 31.443509],
              [101.245243, 31.398967],
              [101.257114, 31.378609],
              [101.285223, 31.375665],
              [101.301013, 31.358655],
              [101.32845, 31.384823],
              [101.336737, 31.368878],
              [101.354991, 31.371004],
              [101.390155, 31.398803],
              [101.405721, 31.397495],
              [101.415688, 31.43689],
              [101.449844, 31.435011],
              [101.464403, 31.410492],
              [101.456452, 31.389728],
              [101.429799, 31.372149],
              [101.426999, 31.345651],
              [101.43831, 31.307035],
              [101.452756, 31.294351],
              [101.46933, 31.330681],
              [101.447381, 31.347778],
              [101.475602, 31.354239],
              [101.481985, 31.368469],
              [101.54593, 31.378691],
              [101.563512, 31.366997],
              [101.573031, 31.341397],
              [101.610098, 31.382206],
              [101.628016, 31.385313],
              [101.685466, 31.353012],
              [101.691849, 31.326918],
              [101.708983, 31.315709],
              [101.715479, 31.289195],
              [101.765089, 31.309572],
              [101.763745, 31.28232],
              [101.78995, 31.276999],
              [101.814811, 31.284939],
              [101.836761, 31.281747],
              [101.858263, 31.26603],
              [101.863526, 31.201171],
              [101.87898, 31.190193],
              [101.884692, 31.160939],
              [101.910673, 31.146104],
              [101.929935, 31.168888],
              [101.97417, 31.177083],
              [101.985256, 31.156349],
              [102.013701, 31.144628],
              [102.02602, 31.089037],
              [102.034307, 31.073288],
              [102.078318, 31.084033],
              [102.1314, 31.130693],
              [102.154469, 31.140612],
              [102.172835, 31.107161],
              [102.163092, 31.090103],
              [102.168356, 31.03292],
              [102.163876, 30.995983],
              [102.178211, 30.986952],
              [102.194225, 30.950161],
              [102.188626, 30.933732],
              [102.200944, 30.909905],
              [102.170596, 30.89577],
              [102.163428, 30.902016],
              [102.112586, 30.8984],
              [102.087277, 30.89051],
              [102.065439, 30.87103],
              [102.069135, 30.827533],
              [102.066111, 30.792491],
              [102.03957, 30.76328],
              [102.070367, 30.740728],
              [102.057152, 30.736118],
              [102.039458, 30.706642],
              [102.054577, 30.698984],
              [102.047969, 30.661671],
              [102.066111, 30.668591],
              [102.104747, 30.658128],
              [102.114714, 30.638106],
              [102.148086, 30.610579],
              [102.177315, 30.594504],
              [102.184818, 30.627887],
              [102.227933, 30.63687],
              [102.246859, 30.621459],
              [102.2734, 30.635634],
              [102.273736, 30.654091],
              [102.296469, 30.676087],
              [102.316739, 30.677899],
              [102.348096, 30.705901],
              [102.391771, 30.711995],
              [102.447317, 30.681853],
              [102.477329, 30.692972],
              [102.475985, 30.738999],
              [102.469042, 30.768712],
              [102.493791, 30.790352],
              [102.52134, 30.794548],
              [102.532091, 30.811659],
              [102.56132, 30.821036],
              [102.590996, 30.847845],
              [102.667148, 30.850723],
              [102.679802, 30.857629],
              [102.686634, 30.888045],
              [102.708247, 30.915493],
              [102.75405, 30.916396],
              [102.801869, 30.93595],
              [102.828298, 30.928721],
              [102.852375, 30.936772],
              [102.875221, 30.923298],
              [102.889555, 30.900784],
              [102.889443, 30.865851],
              [102.863574, 30.798332],
              [102.897954, 30.765255],
              [102.962683, 30.769699],
              [102.992919, 30.778339],
              [103.037938, 30.802364],
              [103.083629, 30.812728],
              [103.123945, 30.79282],
              [103.165716, 30.842171],
              [103.199088, 30.845707],
              [103.228653, 30.836579],
              [103.25833, 30.842418],
              [103.284647, 30.829589],
              [103.305252, 30.810507],
              [103.337617, 30.824655],
              [103.354527, 30.850887],
              [103.383084, 30.862891],
              [103.409401, 30.864946],
              [103.451396, 30.892565],
              [103.454644, 30.924695],
              [103.465058, 30.941536],
              [103.516461, 30.971761],
              [103.52094, 31.005095],
              [103.517132, 31.030129],
              [103.504814, 31.041044],
              [103.521164, 31.067792],
              [103.525644, 31.101092],
              [103.557224, 31.149055],
              [103.564839, 31.175034],
              [103.583205, 31.191422],
              [103.57671, 31.215834],
              [103.581413, 31.246626],
              [103.569095, 31.262019],
              [103.579733, 31.291241],
              [103.569991, 31.314563],
              [103.569543, 31.338453],
              [103.60717, 31.351295],
              [103.627104, 31.344097],
              [103.669323, 31.354812],
              [103.700792, 31.391118],
              [103.739876, 31.398885],
              [103.75029, 31.419156],
              [103.787246, 31.434439],
              [103.802588, 31.430108],
              [103.795757, 31.471777],
              [103.84212, 31.510896],
              [103.857798, 31.53849],
              [103.898226, 31.512856],
              [103.915136, 31.538409],
              [103.907409, 31.564444],
              [103.923311, 31.60328],
              [103.917376, 31.612089],
              [103.928238, 31.639572],
              [103.962842, 31.656612],
              [103.989384, 31.68237],
              [104.016037, 31.678539],
              [104.040786, 31.697691],
              [104.085917, 31.688075],
              [104.09398, 31.693535],
              [104.103163, 31.710321],
              [104.142694, 31.715454],
              [104.147734, 31.727104],
              [104.171027, 31.732317],
              [104.169795, 31.779876],
              [104.152213, 31.815855],
              [104.132951, 31.815936],
              [104.127576, 31.828712],
              [104.080093, 31.838639],
              [104.061055, 31.829038],
              [104.046497, 31.849297],
              [104.030707, 31.846938],
              [104.01738, 31.862232],
              [103.975497, 31.85605],
              [103.957691, 31.903545],
              [103.920623, 31.942239],
              [103.886131, 31.929234],
              [103.876836, 31.917854],
              [103.845704, 31.921187],
              [103.817931, 31.939801],
              [103.763617, 31.946384],
              [103.754882, 31.964342],
              [103.758241, 31.997894],
              [103.795869, 32.045965],
              [103.817147, 32.054732],
              [103.824874, 32.07056],
              [103.811995, 32.097987],
              [103.82689, 32.114375],
              [103.826778, 32.130354],
              [103.855111, 32.126704],
              [103.850743, 32.161331],
              [103.897442, 32.155736],
              [103.922527, 32.143087],
              [103.938877, 32.146817],
              [103.974713, 32.140897],
              [103.994983, 32.118917],
              [104.048961, 32.131408],
              [104.100587, 32.125001],
              [104.129032, 32.140248],
              [104.152885, 32.125893],
              [104.142134, 32.149655],
              [104.156581, 32.158899],
              [104.158821, 32.176491],
              [104.18189, 32.196593],
              [104.221757, 32.215394],
              [104.257481, 32.214746],
              [104.247515, 32.24942],
              [104.209439, 32.285053],
              [104.211455, 32.298412],
              [104.182114, 32.308936],
              [104.159828, 32.25995],
              [104.162292, 32.250473],
              [104.135751, 32.234677],
              [104.131048, 32.223011],
              [104.075838, 32.237513],
              [104.066655, 32.249258],
              [104.033507, 32.248691],
              [104.022756, 32.265214],
              [103.981768, 32.305617],
              [103.960155, 32.304564],
              [103.921295, 32.315411],
              [103.898002, 32.341227],
              [103.904497, 32.347053],
              [103.889155, 32.364852],
              [103.914576, 32.432699],
              [103.902817, 32.496617],
              [103.906961, 32.51051],
              [103.84492, 32.584058],
              [103.853095, 32.61367],
              [103.877508, 32.621333],
              [103.890387, 32.638997],
              [103.922415, 32.635771],
              [103.993303, 32.647788],
              [104.007973, 32.641578],
              [104.035634, 32.651578],
              [104.065871, 32.631013],
              [104.068335, 32.608426],
              [104.084237, 32.569127],
              [104.129368, 32.530457],
              [104.132279, 32.492094],
              [104.0951, 32.467694],
              [104.144486, 32.473754],
              [104.162292, 32.521332],
              [104.174835, 32.531345],
              [104.168451, 32.579377],
              [104.177634, 32.607054],
              [104.182786, 32.663431],
              [104.155909, 32.711473],
              [104.130152, 32.730327],
              [104.146502, 32.756589],
              [104.121305, 32.799911],
              [104.108314, 32.800635],
              [104.101035, 32.848201],
              [104.079309, 32.856971],
              [104.068895, 32.845224],
              [104.035522, 32.833073],
              [104.032387, 32.820357],
              [104.004614, 32.814159],
              [103.971466, 32.839671],
              [103.994535, 32.861154],
              [103.993975, 32.879334],
              [103.958027, 32.888422],
              [103.952988, 32.917451],
              [103.965082, 32.922114],
              [103.959371, 32.939879],
              [103.978521, 32.985602],
              [103.973705, 33.005122],
              [103.986472, 33.034674],
              [104.013461, 33.041258],
              [104.069231, 33.003114],
              [104.113466, 32.99982],
              [104.158821, 32.956998],
              [104.195664, 32.916888],
              [104.217278, 32.908767],
              [104.220302, 32.896143],
              [104.247851, 32.877564],
              [104.277079, 32.891317],
              [104.28615, 32.939075],
              [104.305972, 32.951533],
              [104.345392, 32.940361],
              [104.378428, 32.953221],
              [104.383579, 32.994278],
              [104.426135, 33.010744],
              [104.421095, 33.024235],
              [104.391418, 33.035477],
              [104.360174, 33.028411],
              [104.337664, 33.038287],
              [104.367229, 33.086768],
              [104.360846, 33.099285],
              [104.377196, 33.107067],
              [104.374956, 33.11918],
              [104.350879, 33.159038],
              [104.328257, 33.224118],
              [104.329041, 33.252956],
              [104.303844, 33.30452],
              [104.336321, 33.314205],
              [104.349199, 33.300678],
              [104.39825, 33.297316],
              [104.393546, 33.310924],
              [104.420087, 33.32709],
              [104.367677, 33.345014],
              [104.328034, 33.333092],
              [104.295669, 33.332852],
              [104.270584, 33.393325],
              [104.242923, 33.406998],
              [104.22075, 33.404599],
              [104.221981, 33.428741],
              [104.213134, 33.446884],
              [104.18077, 33.473092],
              [104.156133, 33.547118],
              [104.168115, 33.570981],
              [104.17965, 33.575689],
              [104.168563, 33.611749],
              [104.103499, 33.663499],
              [104.05232, 33.685258],
              [104.013237, 33.683265],
              [103.966538, 33.670434],
              [103.926783, 33.679679],
              [103.861606, 33.68215],
              [103.800461, 33.670194],
              [103.778287, 33.658875],
              [103.689257, 33.693386],
              [103.667756, 33.685816],
              [103.667308, 33.698566],
              [103.64995, 33.700159],
              [103.669099, 33.712429],
              [103.651629, 33.721351],
              [103.644238, 33.708525],
              [103.633375, 33.721829],
              [103.598883, 33.717846],
              [103.563943, 33.699601],
              [103.552073, 33.67147],
              [103.520492, 33.678563],
              [103.545577, 33.720396],
              [103.549497, 33.740308],
              [103.531355, 33.749069],
              [103.54009, 33.766746],
              [103.518364, 33.807102],
              [103.506494, 33.810126],
              [103.464498, 33.802407],
              [103.431686, 33.750741],
              [103.349599, 33.743494],
              [103.320147, 33.752095],
              [103.279607, 33.773593],
              [103.284647, 33.802009],
              [103.24993, 33.814026],
              [103.228093, 33.794846],
              [103.203008, 33.795403],
              [103.161348, 33.807182],
              [103.153397, 33.819118],
              [103.18117, 33.900717],
              [103.171203, 33.924403],
              [103.134359, 33.930363],
              [103.123049, 33.941567],
              [103.123833, 33.96818],
              [103.139511, 33.976123],
              [103.157205, 33.998756],
              [103.147238, 34.036543],
              [103.119241, 34.039558],
              [103.130888, 34.066934],
              [103.170195, 34.065744],
              [103.178371, 34.080341],
              [103.149814, 34.102867],
              [103.135479, 34.10025],
              [103.121817, 34.1127],
              [103.13268, 34.129033],
              [103.124057, 34.161849],
              [103.100315, 34.181896],
              [103.071534, 34.184907],
              [103.050481, 34.194731],
              [103.03973, 34.185779],
              [103.005574, 34.184907],
              [102.973433, 34.205424],
              [102.980153, 34.241298],
              [102.956523, 34.2694],
              [102.939949, 34.299946],
              [102.913184, 34.312446],
              [102.879252, 34.312129],
              [102.86111, 34.302398],
              [102.856743, 34.270667],
              [102.806572, 34.274703],
              [102.783839, 34.258081],
              [102.777903, 34.235676],
              [102.731877, 34.237498],
              [102.701304, 34.197662],
              [102.6639, 34.192513],
              [102.647438, 34.178331],
              [102.650462, 34.165573],
              [102.625377, 34.167475],
              [102.598388, 34.147741],
              [102.641167, 34.127051],
              [102.655725, 34.113493],
              [102.660317, 34.085101],
              [102.649454, 34.080024],
              [102.61597, 34.099695],
              [102.585285, 34.101043],
              [102.5574, 34.091526],
              [102.516749, 34.087401],
              [102.46725, 34.073916],
              [102.438805, 34.087401],
              [102.417752, 34.042177],
              [102.39961, 34.017731],
              [102.391435, 33.970802],
              [102.350559, 33.977394],
              [102.345856, 33.96969],
              [102.32525, 33.982159],
              [102.310132, 33.971675],
              [102.316179, 33.994071],
              [102.287286, 33.977553],
              [102.277768, 33.990021],
              [102.25817, 33.975647],
              [102.241484, 33.981524],
              [102.238012, 33.963653],
              [102.202624, 33.967068],
              [102.198592, 33.978347],
              [102.1669, 33.982874],
              [102.136327, 33.965242],
              [102.205424, 33.90493],
              [102.233868, 33.870187],
              [102.253354, 33.861518],
              [102.261977, 33.824847],
              [102.237004, 33.798746],
              [102.238572, 33.788877],
              [102.300277, 33.782349],
              [102.324354, 33.754563],
              [102.322898, 33.746043],
              [102.295238, 33.739034],
              [102.284375, 33.723423],
              [102.301285, 33.70988],
              [102.325474, 33.735291],
              [102.3416, 33.720873],
              [102.328386, 33.706294],
              [102.313939, 33.668839],
              [102.333649, 33.642053],
              [102.344512, 33.606883],
              [102.386619, 33.598747],
              [102.410137, 33.579439],
              [102.440261, 33.574811],
              [102.454596, 33.555179],
              [102.477889, 33.543446],
              [102.474529, 33.529635],
              [102.445973, 33.531152],
              [102.461987, 33.504323],
              [102.4537, 33.483636],
              [102.462435, 33.449681],
              [102.442277, 33.453117],
              [102.434214, 33.439451],
              [102.403641, 33.424585],
              [102.396138, 33.405319],
              [102.367134, 33.408996],
              [102.370157, 33.394125],
              [102.347424, 33.409716],
              [102.31058, 33.397963],
              [102.300949, 33.410915],
              [102.277096, 33.407637],
              [102.263433, 33.417151],
              [102.261081, 33.396363],
              [102.238124, 33.388607],
              [102.219758, 33.351494],
              [102.186946, 33.332772],
              [102.205536, 33.320128],
              [102.202288, 33.300998],
              [102.217518, 33.248151],
              [102.203408, 33.223317],
              [102.174963, 33.233652],
              [102.15279, 33.253117],
              [102.144167, 33.274418],
              [102.111466, 33.285628],
              [102.108667, 33.257762],
              [102.089517, 33.227563],
              [102.089517, 33.204968],
              [102.055025, 33.189981],
              [102.010566, 33.191745],
              [101.993767, 33.199999],
              [101.957371, 33.186695],
              [101.935646, 33.186855],
              [101.923215, 33.155831],
              [101.884132, 33.132495],
              [101.86599, 33.103056],
              [101.825562, 33.119501],
              [101.840681, 33.160401],
              [101.841352, 33.1891],
              [101.82825, 33.214984],
              [101.797565, 33.233011],
              [101.788382, 33.229006],
              [101.767553, 33.263368],
              [101.8091, 33.28835],
              [101.823882, 33.271215],
              [101.832282, 33.291712],
              [101.858039, 33.312044],
              [101.876069, 33.314125],
              [101.875509, 33.349334],
              [101.886371, 33.382369],
              [101.914144, 33.405878],
              [101.915936, 33.425784],
              [101.946285, 33.442808],
              [101.924447, 33.45],
              [101.927359, 33.472932],
              [101.907425, 33.480201],
              [101.897906, 33.519096],
              [101.907201, 33.542009],
              [101.885252, 33.56324],
              [101.882004, 33.57928],
              [101.844376, 33.602416],
              [101.830826, 33.578801],
              [101.830266, 33.554541],
              [101.805964, 33.548155],
              [101.782335, 33.556297],
              [101.770016, 33.545042],
              [101.777856, 33.533946],
              [101.77584, 33.492023],
              [101.768785, 33.465102],
              [101.775952, 33.453516],
              [101.75949, 33.444726],
              [101.734516, 33.445126],
              [101.695769, 33.433937],
              [101.692969, 33.422427],
              [101.662733, 33.38165],
              [101.649294, 33.324609],
              [101.678187, 33.297476],
              [101.706744, 33.298517],
              [101.730933, 33.283866],
              [101.740452, 33.269133],
              [101.727573, 33.2564],
              [101.727461, 33.240461],
              [101.711111, 33.213462],
              [101.680651, 33.202003],
              [101.686698, 33.185413],
              [101.65411, 33.162726],
              [101.661165, 33.136505],
              [101.634176, 33.102414],
              [101.567095, 33.154628],
              [101.557576, 33.167136],
              [101.515469, 33.193027],
              [101.486464, 33.227163],
              [101.475937, 33.223237],
              [101.428231, 33.230287],
              [101.40337, 33.22524],
              [101.386795, 33.207372],
              [101.396202, 33.187176],
              [101.393851, 33.157835],
              [101.381196, 33.154388],
              [101.374477, 33.171385],
              [101.328898, 33.223477],
              [101.328674, 33.237337],
              [101.310532, 33.244466],
              [101.296982, 33.262247],
              [101.246251, 33.262327],
              [101.222734, 33.270335],
              [101.206944, 33.255279],
              [101.203248, 33.269614],
              [101.183538, 33.270094],
              [101.156997, 33.237017],
              [101.127881, 33.223798],
              [101.120377, 33.186615],
              [101.13348, 33.1891],
              [101.130568, 33.168899],
              [101.158677, 33.144204],
              [101.151174, 33.132415],
              [101.169652, 33.101692],
              [101.143223, 33.08412],
              [101.146582, 33.056832],
              [101.162149, 33.056591],
              [101.184434, 33.041258],
              [101.171332, 33.013555],
              [101.184098, 32.984236],
              [101.129112, 32.989539],
              [101.133704, 32.947997],
              [101.123961, 32.910054],
              [101.176259, 32.894132],
              [101.223854, 32.855522],
              [101.222622, 32.838303],
              [101.23774, 32.827681],
              [101.224414, 32.771569],
              [101.22307, 32.725816],
              [101.190146, 32.686568],
              [101.157445, 32.661577],
              [101.130232, 32.660609],
              [101.111866, 32.637223],
              [101.112874, 32.671897],
              [101.083981, 32.671897],
              [101.076702, 32.683022],
              [101.030563, 32.660528],
              [100.997191, 32.627867],
              [100.956876, 32.62093],
              [100.932126, 32.60068],
              [100.914768, 32.616574],
              [100.89797, 32.615686],
              [100.887555, 32.632545],
              [100.860679, 32.635529],
              [100.834026, 32.648917],
              [100.807037, 32.646901],
              [100.799645, 32.654884],
              [100.773552, 32.640933],
              [100.765825, 32.663673],
              [100.752051, 32.65053],
              [100.692025, 32.677701],
              [100.684746, 32.67109],
              [100.709271, 32.649804],
              [100.717559, 32.617058],
              [100.70412, 32.611249],
              [100.676347, 32.627867],
              [100.666156, 32.624318],
              [100.658653, 32.599712],
              [100.658093, 32.546686],
              [100.667948, 32.523674]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 513300,
        "name": "甘孜藏族自治州",
        "center": [101.963815, 30.050663],
        "centroid": [99.98712, 30.97906],
        "childrenNum": 18,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 19,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [100.061536, 28.082776],
              [100.072063, 28.08548],
              [100.100284, 28.047957],
              [100.201744, 27.984205],
              [100.225822, 27.987165],
              [100.234445, 27.971011],
              [100.25617, 27.961283],
              [100.270505, 27.966358],
              [100.302981, 28.009829],
              [100.337025, 28.010167],
              [100.349008, 28.017354],
              [100.380812, 28.015494],
              [100.396715, 28.005516],
              [100.418104, 28.005601],
              [100.426839, 28.019468],
              [100.404666, 28.073143],
              [100.401754, 28.096464],
              [100.38742, 28.133463],
              [100.380252, 28.187925],
              [100.367822, 28.206242],
              [100.372861, 28.250459],
              [100.413849, 28.290779],
              [100.416424, 28.306464],
              [100.390331, 28.324929],
              [100.398618, 28.359405],
              [100.420792, 28.38654],
              [100.423928, 28.420153],
              [100.4162, 28.433209],
              [100.439606, 28.448199],
              [100.449909, 28.474722],
              [100.49112, 28.500312],
              [100.506014, 28.524213],
              [100.514973, 28.559633],
              [100.530428, 28.574101],
              [100.520125, 28.616568],
              [100.526284, 28.643048],
              [100.523708, 28.671118],
              [100.49112, 28.694812],
              [100.472418, 28.696493],
              [100.472082, 28.70859],
              [100.508814, 28.708674],
              [100.539946, 28.736726],
              [100.562792, 28.749574],
              [100.594708, 28.743948],
              [100.579926, 28.797929],
              [100.586533, 28.821426],
              [100.5638, 28.833425],
              [100.558536, 28.86136],
              [100.541738, 28.889791],
              [100.543082, 28.91704],
              [100.530316, 28.924417],
              [100.521357, 28.949646],
              [100.544762, 28.955261],
              [100.577014, 28.945456],
              [100.609155, 28.954591],
              [100.63424, 28.990117],
              [100.658093, 29.005447],
              [100.65003, 29.01935],
              [100.680155, 29.014158],
              [100.704792, 28.997322],
              [100.714199, 29.005195],
              [100.779264, 29.010389],
              [100.797518, 28.989279],
              [100.820475, 28.993049],
              [100.845784, 29.02069],
              [100.832458, 29.055357],
              [100.786431, 29.057868],
              [100.77288, 29.063812],
              [100.772432, 29.087668],
              [100.802557, 29.107837],
              [100.837497, 29.112941],
              [100.883412, 29.146405],
              [100.916336, 29.139881],
              [100.924735, 29.119802],
              [100.922384, 29.099468],
              [100.936382, 29.087919],
              [100.929103, 29.061217],
              [100.959563, 29.074109],
              [101.010182, 29.12683],
              [101.050273, 29.145652],
              [101.056881, 29.166395],
              [101.09742, 29.146573],
              [101.118362, 29.111937],
              [101.116346, 29.070593],
              [101.138855, 29.053515],
              [101.142327, 29.031326],
              [101.155877, 29.017759],
              [101.145351, 28.999751],
              [101.160357, 28.946965],
              [101.183986, 28.941265],
              [101.180851, 28.905471],
              [101.192609, 28.891133],
              [101.171668, 28.836445],
              [101.173123, 28.788696],
              [101.189922, 28.762085],
              [101.20504, 28.754948],
              [101.200224, 28.717409],
              [101.209183, 28.700609],
              [101.202576, 28.652714],
              [101.229677, 28.66658],
              [101.277048, 28.66574],
              [101.297542, 28.673135],
              [101.356223, 28.66616],
              [101.369213, 28.647755],
              [101.367646, 28.629262],
              [101.427223, 28.646326],
              [101.445813, 28.625479],
              [101.472914, 28.631532],
              [101.489824, 28.626824],
              [101.516925, 28.58924],
              [101.550745, 28.599415],
              [101.575382, 28.58226],
              [101.591844, 28.555427],
              [101.620177, 28.537676],
              [101.617714, 28.509402],
              [101.62992, 28.491558],
              [101.594532, 28.475227],
              [101.569895, 28.474216],
              [101.515357, 28.494083],
              [101.473698, 28.499049],
              [101.469218, 28.50553],
              [101.427559, 28.505025],
              [101.413001, 28.521099],
              [101.383996, 28.482888],
              [101.36787, 28.472449],
              [101.373021, 28.461756],
              [101.425543, 28.489538],
              [101.439654, 28.471691],
              [101.454436, 28.411056],
              [101.46821, 28.404317],
              [101.482097, 28.318521],
              [101.509758, 28.314727],
              [101.56228, 28.333106],
              [101.591621, 28.358056],
              [101.620177, 28.374911],
              [101.631712, 28.354854],
              [101.667548, 28.351819],
              [101.715479, 28.380894],
              [101.730709, 28.410635],
              [101.731829, 28.434556],
              [101.745827, 28.453672],
              [101.757138, 28.49341],
              [101.753554, 28.533889],
              [101.832393, 28.594033],
              [101.874165, 28.613121],
              [101.904289, 28.606562],
              [101.918736, 28.612616],
              [101.928031, 28.640947],
              [101.946621, 28.67137],
              [101.985032, 28.702877],
              [102.018069, 28.713965],
              [102.022772, 28.723373],
              [101.997799, 28.750162],
              [101.989288, 28.80372],
              [101.962747, 28.824027],
              [101.98548, 28.857585],
              [101.988392, 28.88803],
              [102.00631, 28.907567],
              [102.050993, 28.920477],
              [102.058384, 28.954088],
              [102.099708, 28.98065],
              [102.14999, 29.031158],
              [102.16522, 29.036518],
              [102.156485, 29.045393],
              [102.168468, 29.07302],
              [102.15167, 29.102648],
              [102.160741, 29.130344],
              [102.131736, 29.159872],
              [102.129608, 29.176096],
              [102.109562, 29.185043],
              [102.088509, 29.173336],
              [102.056032, 29.177852],
              [102.093996, 29.208453],
              [102.119529, 29.221911],
              [102.123337, 29.238627],
              [102.096348, 29.2718],
              [102.046066, 29.297779],
              [101.983801, 29.299032],
              [101.960171, 29.314816],
              [101.949532, 29.344124],
              [101.9567, 29.367414],
              [101.972154, 29.38277],
              [101.984136, 29.422403],
              [101.95222, 29.437585],
              [101.950764, 29.462688],
              [101.935982, 29.50104],
              [101.94942, 29.503874],
              [101.97417, 29.489702],
              [102.012021, 29.49112],
              [102.033747, 29.500039],
              [102.090637, 29.496121],
              [102.13308, 29.510458],
              [102.145622, 29.504207],
              [102.145174, 29.53221],
              [102.16578, 29.532877],
              [102.178547, 29.512709],
              [102.175859, 29.466524],
              [102.203296, 29.456851],
              [102.314051, 29.53346],
              [102.318755, 29.551958],
              [102.31002, 29.575283],
              [102.284375, 29.590192],
              [102.277208, 29.603767],
              [102.296133, 29.683593],
              [102.305764, 29.699567],
              [102.336001, 29.720114],
              [102.32861, 29.736748],
              [102.353247, 29.76319],
              [102.344064, 29.789209],
              [102.326258, 29.799599],
              [102.323346, 29.824778],
              [102.291094, 29.838237],
              [102.291094, 29.854519],
              [102.270824, 29.881595],
              [102.282583, 29.896956],
              [102.284487, 29.917877],
              [102.299381, 29.934063],
              [102.303189, 29.954562],
              [102.292214, 29.993721],
              [102.274968, 30.017193],
              [102.276872, 30.039995],
              [102.268137, 30.077381],
              [102.295126, 30.101164],
              [102.29367, 30.128835],
              [102.328946, 30.187961],
              [102.341824, 30.200296],
              [102.402298, 30.234228],
              [102.414168, 30.303958],
              [102.432758, 30.355129],
              [102.425255, 30.384546],
              [102.434438, 30.421387],
              [102.419656, 30.452766],
              [102.417976, 30.524156],
              [102.43119, 30.596895],
              [102.443397, 30.618245],
              [102.47173, 30.640001],
              [102.473298, 30.670898],
              [102.486512, 30.685807],
              [102.494463, 30.713642],
              [102.4864, 30.744761],
              [102.469042, 30.768712],
              [102.475985, 30.738999],
              [102.477329, 30.692972],
              [102.447317, 30.681853],
              [102.391771, 30.711995],
              [102.348096, 30.705901],
              [102.316739, 30.677899],
              [102.296469, 30.676087],
              [102.273736, 30.654091],
              [102.2734, 30.635634],
              [102.246859, 30.621459],
              [102.227933, 30.63687],
              [102.184818, 30.627887],
              [102.177315, 30.594504],
              [102.148086, 30.610579],
              [102.114714, 30.638106],
              [102.104747, 30.658128],
              [102.066111, 30.668591],
              [102.047969, 30.661671],
              [102.054577, 30.698984],
              [102.039458, 30.706642],
              [102.057152, 30.736118],
              [102.070367, 30.740728],
              [102.03957, 30.76328],
              [102.066111, 30.792491],
              [102.069135, 30.827533],
              [102.065439, 30.87103],
              [102.087277, 30.89051],
              [102.112586, 30.8984],
              [102.163428, 30.902016],
              [102.170596, 30.89577],
              [102.200944, 30.909905],
              [102.188626, 30.933732],
              [102.194225, 30.950161],
              [102.178211, 30.986952],
              [102.163876, 30.995983],
              [102.168356, 31.03292],
              [102.163092, 31.090103],
              [102.172835, 31.107161],
              [102.154469, 31.140612],
              [102.1314, 31.130693],
              [102.078318, 31.084033],
              [102.034307, 31.073288],
              [102.02602, 31.089037],
              [102.013701, 31.144628],
              [101.985256, 31.156349],
              [101.97417, 31.177083],
              [101.929935, 31.168888],
              [101.910673, 31.146104],
              [101.884692, 31.160939],
              [101.87898, 31.190193],
              [101.863526, 31.201171],
              [101.858263, 31.26603],
              [101.836761, 31.281747],
              [101.814811, 31.284939],
              [101.78995, 31.276999],
              [101.763745, 31.28232],
              [101.765089, 31.309572],
              [101.715479, 31.289195],
              [101.708983, 31.315709],
              [101.691849, 31.326918],
              [101.685466, 31.353012],
              [101.628016, 31.385313],
              [101.610098, 31.382206],
              [101.573031, 31.341397],
              [101.563512, 31.366997],
              [101.54593, 31.378691],
              [101.481985, 31.368469],
              [101.475602, 31.354239],
              [101.447381, 31.347778],
              [101.46933, 31.330681],
              [101.452756, 31.294351],
              [101.43831, 31.307035],
              [101.426999, 31.345651],
              [101.429799, 31.372149],
              [101.456452, 31.389728],
              [101.464403, 31.410492],
              [101.449844, 31.435011],
              [101.415688, 31.43689],
              [101.405721, 31.397495],
              [101.390155, 31.398803],
              [101.354991, 31.371004],
              [101.336737, 31.368878],
              [101.32845, 31.384823],
              [101.301013, 31.358655],
              [101.285223, 31.375665],
              [101.257114, 31.378609],
              [101.245243, 31.398967],
              [101.263385, 31.443509],
              [101.264169, 31.46418],
              [101.241548, 31.518244],
              [101.221614, 31.535143],
              [101.202576, 31.506405],
              [101.185778, 31.509508],
              [101.144231, 31.494973],
              [101.107499, 31.468999],
              [101.0991, 31.487132],
              [101.07883, 31.493503],
              [101.05968, 31.548693],
              [101.061136, 31.567545],
              [101.074798, 31.575705],
              [101.053969, 31.593246],
              [101.050497, 31.60638],
              [101.063488, 31.628319],
              [101.024516, 31.640877],
              [101.016341, 31.653351],
              [100.968858, 31.682044],
              [100.964379, 31.718224],
              [100.952956, 31.721808],
              [100.933246, 31.751132],
              [100.898306, 31.738182],
              [100.869078, 31.73753],
              [100.852839, 31.758705],
              [100.862022, 31.785819],
              [100.916896, 31.804949],
              [100.938958, 31.825295],
              [100.952844, 31.860524],
              [100.992712, 31.864835],
              [100.998759, 31.900374],
              [100.98756, 31.911269],
              [100.991816, 31.930616],
              [101.01175, 31.948984],
              [100.990472, 31.978885],
              [100.962027, 31.979698],
              [100.950044, 31.987496],
              [100.880164, 31.967024],
              [100.869302, 31.958167],
              [100.834809, 31.976529],
              [100.828986, 31.989608],
              [100.803789, 31.991883],
              [100.785199, 32.009751],
              [100.799757, 32.050105],
              [100.785423, 32.049131],
              [100.766385, 32.069017],
              [100.762913, 32.086628],
              [100.730549, 32.099772],
              [100.717335, 32.120377],
              [100.698633, 32.133436],
              [100.692473, 32.15598],
              [100.726966, 32.162547],
              [100.72047, 32.18322],
              [100.682283, 32.187516],
              [100.666492, 32.218554],
              [100.638719, 32.233057],
              [100.629536, 32.226819],
              [100.599076, 32.231518],
              [100.58015, 32.26076],
              [100.588773, 32.269101],
              [100.573543, 32.280438],
              [100.552377, 32.282219],
              [100.553833, 32.303998],
              [100.531659, 32.327066],
              [100.52718, 32.34592],
              [100.537707, 32.364529],
              [100.530428, 32.378199],
              [100.537147, 32.39397],
              [100.562344, 32.419441],
              [100.594596, 32.427768],
              [100.612962, 32.443207],
              [100.634128, 32.479329],
              [100.622481, 32.503645],
              [100.659885, 32.514871],
              [100.667948, 32.523674],
              [100.645439, 32.52642],
              [100.602883, 32.553629],
              [100.572311, 32.556777],
              [100.56492, 32.569611],
              [100.544762, 32.570096],
              [100.54465, 32.581475],
              [100.52438, 32.594952],
              [100.525052, 32.611249],
              [100.508702, 32.61012],
              [100.516541, 32.630045],
              [100.48888, 32.667221],
              [100.476338, 32.672461],
              [100.470178, 32.694548],
              [100.449909, 32.694065],
              [100.434902, 32.720095],
              [100.420344, 32.731778],
              [100.390107, 32.695596],
              [100.378685, 32.698417],
              [100.398842, 32.739109],
              [100.400634, 32.756186],
              [100.33445, 32.718241],
              [100.264345, 32.742734],
              [100.262106, 32.729119],
              [100.240268, 32.722673],
              [100.230861, 32.696241],
              [100.229741, 32.65053],
              [100.20992, 32.605844],
              [100.188082, 32.630771],
              [100.131864, 32.632465],
              [100.110139, 32.639239],
              [100.105435, 32.656739],
              [100.087853, 32.669075],
              [100.125257, 32.714857],
              [100.138696, 32.720981],
              [100.136344, 32.740881],
              [100.121785, 32.7764],
              [100.117082, 32.802487],
              [100.123129, 32.837257],
              [100.109691, 32.846591],
              [100.109243, 32.86228],
              [100.088637, 32.864211],
              [100.082366, 32.885125],
              [100.066016, 32.895982],
              [100.02962, 32.895821],
              [100.038355, 32.929108],
              [100.002519, 32.941647],
              [99.970826, 32.939075],
              [99.956604, 32.948077],
              [99.947421, 32.986887],
              [99.908897, 33.020622],
              [99.903074, 33.047038],
              [99.877317, 33.045513],
              [99.882692, 33.025199],
              [99.877765, 32.993716],
              [99.863654, 32.980219],
              [99.850888, 32.941888],
              [99.828714, 32.95097],
              [99.802845, 32.941969],
              [99.788287, 32.956596],
              [99.775296, 32.952337],
              [99.763986, 32.924445],
              [99.7744, 32.922516],
              [99.791982, 32.883114],
              [99.786495, 32.861798],
              [99.766897, 32.826232],
              [99.769809, 32.802326],
              [99.76029, 32.769877],
              [99.737109, 32.745312],
              [99.73946, 32.732503],
              [99.717735, 32.732181],
              [99.7062, 32.764079],
              [99.651326, 32.772132],
              [99.640127, 32.790733],
              [99.607427, 32.780829],
              [99.586485, 32.792665],
              [99.581782, 32.813515],
              [99.557145, 32.840074],
              [99.532396, 32.84804],
              [99.490176, 32.850936],
              [99.452772, 32.862441],
              [99.435302, 32.877242],
              [99.376173, 32.899842],
              [99.354112, 32.885446],
              [99.343473, 32.895258],
              [99.327235, 32.881505],
              [99.282888, 32.885044],
              [99.269113, 32.878529],
              [99.259482, 32.907963],
              [99.245596, 32.928384],
              [99.248955, 32.951533],
              [99.233277, 32.954426],
              [99.234733, 32.983353],
              [99.215135, 32.990181],
              [99.20864, 33.018694],
              [99.179411, 33.04487],
              [99.147607, 33.05041],
              [99.124649, 33.045994],
              [99.092733, 33.078101],
              [99.075039, 33.075934],
              [99.025764, 33.095033],
              [99.014566, 33.081311],
              [98.969883, 33.099526],
              [98.957004, 33.118298],
              [98.935502, 33.115651],
              [98.902802, 33.125838],
              [98.895635, 33.135061],
              [98.860695, 33.150058],
              [98.829674, 33.181325],
              [98.830906, 33.196874],
              [98.804701, 33.219311],
              [98.813548, 33.248311],
              [98.807501, 33.26529],
              [98.785663, 33.276821],
              [98.758786, 33.278102],
              [98.774017, 33.301799],
              [98.764274, 33.321088],
              [98.783424, 33.344054],
              [98.779168, 33.371652],
              [98.762818, 33.37901],
              [98.74658, 33.405159],
              [98.734037, 33.410275],
              [98.744228, 33.454315],
              [98.742212, 33.477725],
              [98.722838, 33.486113],
              [98.72463, 33.505601],
              [98.680059, 33.521571],
              [98.668748, 33.544324],
              [98.648031, 33.548794],
              [98.657774, 33.576806],
              [98.65251, 33.594997],
              [98.622722, 33.610233],
              [98.61757, 33.637269],
              [98.656654, 33.647315],
              [98.594501, 33.70239],
              [98.596181, 33.717129],
              [98.581734, 33.732185],
              [98.538059, 33.747556],
              [98.516893, 33.77415],
              [98.497968, 33.768497],
              [98.486769, 33.782111],
              [98.492928, 33.793254],
              [98.463475, 33.848395],
              [98.435143, 33.843145],
              [98.406922, 33.867244],
              [98.42708, 33.908189],
              [98.411849, 33.924721],
              [98.415433, 33.95698],
              [98.431111, 33.961826],
              [98.44063, 33.981365],
              [98.428199, 34.029002],
              [98.391915, 34.058842],
              [98.401882, 34.087718],
              [98.338721, 34.094777],
              [98.308821, 34.087718],
              [98.209936, 34.078517],
              [98.157302, 34.107387],
              [98.14196, 34.104374],
              [98.098172, 34.122928],
              [98.050354, 34.114682],
              [98.027844, 34.123325],
              [98.012614, 34.14576],
              [97.995592, 34.153765],
              [97.944526, 34.198612],
              [97.88898, 34.204474],
              [97.810701, 34.207484],
              [97.796478, 34.199167],
              [97.790879, 34.178093],
              [97.773409, 34.162007],
              [97.667021, 34.127685],
              [97.662989, 34.117458],
              [97.683371, 34.080738],
              [97.703193, 34.058127],
              [97.702297, 34.036781],
              [97.687403, 34.016619],
              [97.65851, 34.012174],
              [97.652798, 33.998359],
              [97.659854, 33.956345],
              [97.644399, 33.943315],
              [97.633985, 33.919078],
              [97.601844, 33.930045],
              [97.546746, 33.914151],
              [97.522109, 33.903261],
              [97.503631, 33.912005],
              [97.482801, 33.896981],
              [97.468467, 33.902069],
              [97.460628, 33.887361],
              [97.395339, 33.88927],
              [97.389628, 33.879967],
              [97.398027, 33.848315],
              [97.371822, 33.841952],
              [97.368798, 33.824131],
              [97.406426, 33.795165],
              [97.409898, 33.767621],
              [97.423224, 33.754961],
              [97.417849, 33.728521],
              [97.435319, 33.682468],
              [97.40553, 33.626663],
              [97.415721, 33.605527],
              [97.437111, 33.600183],
              [97.448645, 33.583668],
              [97.472835, 33.587418],
              [97.525245, 33.575769],
              [97.51203, 33.519415],
              [97.542155, 33.492662],
              [97.55257, 33.465662],
              [97.582358, 33.468777],
              [97.604644, 33.451838],
              [97.625585, 33.461507],
              [97.645183, 33.449041],
              [97.665005, 33.447683],
              [97.67486, 33.433058],
              [97.703641, 33.428981],
              [97.741268, 33.411635],
              [97.750003, 33.397403],
              [97.719991, 33.386288],
              [97.702297, 33.359734],
              [97.676316, 33.357574],
              [97.676092, 33.341013],
              [97.636784, 33.344614],
              [97.622002, 33.335972],
              [97.615395, 33.301799],
              [97.606548, 33.287469],
              [97.60666, 33.262567],
              [97.577655, 33.234453],
              [97.575191, 33.220834],
              [97.546746, 33.203686],
              [97.532972, 33.20625],
              [97.518078, 33.182607],
              [97.487953, 33.168178],
              [97.486273, 33.145246],
              [97.498032, 33.137949],
              [97.487729, 33.106746],
              [97.516958, 33.09752],
              [97.537339, 33.058196],
              [97.542379, 33.036199],
              [97.517966, 33.022148],
              [97.497696, 33.021826],
              [97.523789, 32.988575],
              [97.464995, 32.972024],
              [97.447413, 32.976283],
              [97.410122, 32.9619],
              [97.375741, 32.956676],
              [97.361967, 32.941969],
              [97.369582, 32.926535],
              [97.361743, 32.906998],
              [97.350096, 32.903943],
              [97.355472, 32.886894],
              [97.379101, 32.88239],
              [97.3931, 32.828727],
              [97.380221, 32.826313],
              [97.38582, 32.780266],
              [97.424792, 32.727749],
              [97.423784, 32.704945],
              [97.480786, 32.664076],
              [97.484705, 32.652788],
              [97.513262, 32.648836],
              [97.543723, 32.621737],
              [97.606324, 32.615283],
              [97.610579, 32.596],
              [97.629729, 32.575907],
              [97.662989, 32.560006],
              [97.698601, 32.536836],
              [97.736229, 32.52642],
              [97.757507, 32.530942],
              [97.768817, 32.518344],
              [97.797262, 32.520202],
              [97.804541, 32.501706],
              [97.836906, 32.504129],
              [97.862775, 32.499364],
              [97.880245, 32.486358],
              [97.90645, 32.489347],
              [97.940158, 32.482399],
              [97.947101, 32.470765],
              [97.970283, 32.470765],
              [98.008582, 32.451128],
              [98.023589, 32.452502],
              [98.036803, 32.42898],
              [98.051362, 32.428576],
              [98.086526, 32.398499],
              [98.112171, 32.391787],
              [98.124154, 32.400682],
              [98.139384, 32.379089],
              [98.163125, 32.375611],
              [98.197505, 32.36016],
              [98.218895, 32.34236],
              [98.208928, 32.319458],
              [98.230542, 32.262865],
              [98.219791, 32.25671],
              [98.219119, 32.234191],
              [98.258202, 32.210613],
              [98.295494, 32.149898],
              [98.301654, 32.12419],
              [98.328867, 32.108291],
              [98.345665, 32.087277],
              [98.362687, 32.078918],
              [98.405578, 32.04353],
              [98.402666, 32.026642],
              [98.434807, 32.007802],
              [98.427863, 31.996432],
              [98.434023, 31.959873],
              [98.421592, 31.94232],
              [98.432567, 31.922569],
              [98.40345, 31.910456],
              [98.399307, 31.895902],
              [98.426296, 31.856782],
              [98.415657, 31.830259],
              [98.44119, 31.829445],
              [98.445221, 31.807472],
              [98.461124, 31.800228],
              [98.460116, 31.78183],
              [98.476802, 31.782318],
              [98.493488, 31.768233],
              [98.520477, 31.730118],
              [98.518573, 31.716268],
              [98.548138, 31.713498],
              [98.556985, 31.690031],
              [98.553961, 31.656612],
              [98.587893, 31.631989],
              [98.62093, 31.590309],
              [98.650942, 31.578806],
              [98.696633, 31.538572],
              [98.695849, 31.530899],
              [98.74042, 31.493176],
              [98.771217, 31.476024],
              [98.787231, 31.474227],
              [98.79507, 31.458951],
              [98.837625, 31.436564],
              [98.843225, 31.41695],
              [98.887012, 31.374602],
              [98.810636, 31.30679],
              [98.805933, 31.279291],
              [98.780064, 31.251129],
              [98.747812, 31.262837],
              [98.733813, 31.289277],
              [98.714439, 31.304253],
              [98.692714, 31.332644],
              [98.646127, 31.339025],
              [98.632912, 31.332235],
              [98.616114, 31.303762],
              [98.60346, 31.256615],
              [98.607715, 31.228037],
              [98.623282, 31.221321],
              [98.621042, 31.203547],
              [98.604804, 31.18413],
              [98.638736, 31.179213],
              [98.643663, 31.169544],
              [98.67502, 31.154055],
              [98.709848, 31.11864],
              [98.712424, 31.083213],
              [98.734261, 31.066807],
              [98.736949, 31.04925],
              [98.774801, 31.031114],
              [98.806045, 30.995654],
              [98.796862, 30.948354],
              [98.774465, 30.908426],
              [98.782192, 30.891497],
              [98.848712, 30.850312],
              [98.856999, 30.829918],
              [98.878725, 30.822352],
              [98.883204, 30.799731],
              [98.901794, 30.785086],
              [98.952301, 30.769699],
              [98.963947, 30.732166],
              [98.936958, 30.716277],
              [98.930799, 30.703266],
              [98.907506, 30.698325],
              [98.905938, 30.683006],
              [98.923632, 30.639589],
              [98.922064, 30.609095],
              [98.942558, 30.590629],
              [98.926767, 30.569439],
              [98.937966, 30.549563],
              [98.931583, 30.527703],
              [98.945917, 30.499155],
              [98.944349, 30.482731],
              [98.965403, 30.450041],
              [98.962715, 30.426838],
              [98.974026, 30.397929],
              [98.967307, 30.375375],
              [98.973242, 30.353558],
              [98.967419, 30.334961],
              [98.981529, 30.321321],
              [98.985001, 30.274848],
              [98.970331, 30.260041],
              [98.974362, 30.231331],
              [98.991832, 30.216435],
              [98.981529, 30.182911],
              [98.989144, 30.15186],
              [99.014678, 30.135461],
              [99.009862, 30.121296],
              [99.044802, 30.080033],
              [99.034387, 30.022832],
              [99.043234, 30.015037],
              [99.054993, 29.958379],
              [99.051297, 29.942529],
              [99.06832, 29.931407],
              [99.058017, 29.921364],
              [99.052977, 29.892888],
              [99.041667, 29.881927],
              [99.034051, 29.855433],
              [99.01367, 29.817881],
              [99.018933, 29.791952],
              [99.000679, 29.737164],
              [98.997768, 29.68767],
              [98.992056, 29.663205],
              [99.011318, 29.628495],
              [99.014678, 29.607347],
              [99.052081, 29.563955],
              [99.044802, 29.51996],
              [99.049394, 29.49112],
              [99.061376, 29.478948],
              [99.056897, 29.456851],
              [99.066864, 29.420818],
              [99.058689, 29.417398],
              [99.069775, 29.327091],
              [99.068544, 29.297445],
              [99.084782, 29.291264],
              [99.094189, 29.267539],
              [99.115242, 29.242053],
              [99.111211, 29.216645],
              [99.119162, 29.198922],
              [99.104939, 29.162632],
              [99.11793, 29.102397],
              [99.113786, 29.074527],
              [99.118602, 29.033754],
              [99.127561, 29.016586],
              [99.122969, 28.998411],
              [99.131816, 28.949479],
              [99.123529, 28.890126],
              [99.104044, 28.841982],
              [99.104268, 28.81421],
              [99.11737, 28.780554],
              [99.114346, 28.765863],
              [99.133832, 28.734795],
              [99.126889, 28.699517],
              [99.140887, 28.68221],
              [99.147383, 28.641031],
              [99.162277, 28.635735],
              [99.159253, 28.621108],
              [99.172804, 28.613793],
              [99.167093, 28.59521],
              [99.183779, 28.588903],
              [99.170116, 28.565185],
              [99.172132, 28.545164],
              [99.191618, 28.493073],
              [99.183443, 28.472701],
              [99.18725, 28.439862],
              [99.165525, 28.424449],
              [99.175828, 28.400863],
              [99.201137, 28.377439],
              [99.200913, 28.364377],
              [99.230365, 28.349965],
              [99.238429, 28.317004],
              [99.280648, 28.298031],
              [99.289495, 28.286056],
              [99.281544, 28.259908],
              [99.299574, 28.259064],
              [99.306741, 28.227593],
              [99.3456, 28.20447],
              [99.361055, 28.181087],
              [99.375949, 28.180834],
              [99.402378, 28.150691],
              [99.389164, 28.181425],
              [99.386924, 28.210293],
              [99.405962, 28.262523],
              [99.417608, 28.266741],
              [99.413801, 28.292803],
              [99.393083, 28.317762],
              [99.408985, 28.331673],
              [99.40697, 28.357804],
              [99.420856, 28.36876],
              [99.437318, 28.398504],
              [99.430935, 28.416195],
              [99.417832, 28.4167],
              [99.404506, 28.444241],
              [99.426455, 28.452578],
              [99.414025, 28.476826],
              [99.395659, 28.493157],
              [99.402826, 28.514199],
              [99.394539, 28.524213],
              [99.402938, 28.545753],
              [99.426791, 28.555259],
              [99.463411, 28.549202],
              [99.466099, 28.579736],
              [99.497007, 28.602863],
              [99.496672, 28.616231],
              [99.518173, 28.613793],
              [99.540795, 28.623546],
              [99.542586, 28.670614],
              [99.531724, 28.680025],
              [99.553785, 28.710438],
              [99.601044, 28.726396],
              [99.615826, 28.742185],
              [99.605859, 28.771572],
              [99.622545, 28.795243],
              [99.625569, 28.814713],
              [99.678427, 28.810266],
              [99.700601, 28.835019],
              [99.719527, 28.844751],
              [99.72367, 28.810769],
              [99.722774, 28.755956],
              [99.736437, 28.734711],
              [99.733189, 28.719509],
              [99.756482, 28.700357],
              [99.794446, 28.699097],
              [99.841705, 28.653218],
              [99.834538, 28.628085],
              [99.873285, 28.631784],
              [99.875973, 28.611439],
              [99.91864, 28.599079],
              [99.961531, 28.561568],
              [99.964443, 28.539611],
              [99.987065, 28.524465],
              [99.990312, 28.476658],
              [100.000839, 28.464955],
              [100.045186, 28.446178],
              [100.060864, 28.447694],
              [100.074639, 28.424365],
              [100.060976, 28.405833],
              [100.054257, 28.376597],
              [100.099948, 28.359405],
              [100.134552, 28.351651],
              [100.172628, 28.321135],
              [100.168708, 28.296345],
              [100.147543, 28.288755],
              [100.188418, 28.252737],
              [100.163445, 28.2335],
              [100.168148, 28.220758],
              [100.153366, 28.208268],
              [100.10286, 28.201769],
              [100.091997, 28.182354],
              [100.061984, 28.193834],
              [100.050337, 28.181763],
              [100.033315, 28.184633],
              [100.021109, 28.147398],
              [100.039699, 28.130592],
              [100.061536, 28.082776]
            ]
          ]
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "adcode": 513400,
        "name": "凉山彝族自治州",
        "center": [102.258746, 27.886762],
        "centroid": [102.08054, 27.889541],
        "childrenNum": 17,
        "level": "city",
        "parent": { "adcode": 510000 },
        "subFeatureIndex": 20,
        "acroutes": [100000, 510000]
      },
      "geometry": {
        "type": "MultiPolygon",
        "coordinates": [
          [
            [
              [103.61389, 28.597313],
              [103.585893, 28.614886],
              [103.560696, 28.606899],
              [103.530571, 28.612196],
              [103.531803, 28.597649],
              [103.504142, 28.560306],
              [103.479057, 28.547099],
              [103.42967, 28.531786],
              [103.421831, 28.511506],
              [103.438629, 28.500059],
              [103.441541, 28.477331],
              [103.43303, 28.452915],
              [103.388347, 28.420659],
              [103.370205, 28.423354],
              [103.35699, 28.440872],
              [103.339968, 28.443483],
              [103.313875, 28.485581],
              [103.299541, 28.521604],
              [103.287782, 28.533048],
              [103.253962, 28.541209],
              [103.246571, 28.549791],
              [103.242875, 28.59336],
              [103.272776, 28.613121],
              [103.287334, 28.655319],
              [103.30626, 28.681958],
              [103.31074, 28.702037],
              [103.333585, 28.721861],
              [103.334817, 28.743108],
              [103.3085, 28.761749],
              [103.270984, 28.805986],
              [103.23862, 28.813538],
              [103.225069, 28.803971],
              [103.189905, 28.827887],
              [103.153957, 28.82923],
              [103.112522, 28.812364],
              [103.107482, 28.771907],
              [103.070527, 28.73681],
              [103.066047, 28.688511],
              [103.051265, 28.66969],
              [103.032451, 28.665824],
              [102.996503, 28.679941],
              [102.990904, 28.672379],
              [102.962571, 28.681118],
              [102.938157, 28.740001],
              [102.944205, 28.76645],
              [102.925279, 28.801873],
              [102.926287, 28.820168],
              [102.941741, 28.860521],
              [102.928079, 28.896415],
              [102.946221, 28.920058],
              [102.942413, 28.944115],
              [102.913632, 28.999918],
              [102.909041, 29.021612],
              [102.922143, 29.037941],
              [102.957755, 29.052008],
              [102.970074, 29.065068],
              [102.931326, 29.112941],
              [102.928639, 29.127332],
              [102.944877, 29.19006],
              [102.974553, 29.222162],
              [102.962795, 29.250828],
              [103.02002, 29.250744],
              [103.031779, 29.27982],
              [103.003894, 29.287171],
              [102.962347, 29.301871],
              [102.940397, 29.302874],
              [102.9124, 29.264531],
              [102.905457, 29.222245],
              [102.879812, 29.206112],
              [102.836585, 29.208035],
              [102.833113, 29.241886],
              [102.804556, 29.249908],
              [102.781487, 29.236705],
              [102.766817, 29.18705],
              [102.778575, 29.173336],
              [102.772192, 29.159621],
              [102.740388, 29.153348],
              [102.69828, 29.167064],
              [102.673419, 29.161544],
              [102.649006, 29.177601],
              [102.653373, 29.188053],
              [102.635791, 29.210793],
              [102.618993, 29.209707],
              [102.590884, 29.191983],
              [102.600515, 29.169991],
              [102.594692, 29.160039],
              [102.563, 29.159955],
              [102.552697, 29.150671],
              [102.559864, 29.133606],
              [102.547657, 29.116957],
              [102.522236, 29.111602],
              [102.514845, 29.09361],
              [102.524476, 29.077457],
              [102.517757, 29.058454],
              [102.525484, 29.036267],
              [102.507006, 29.025883],
              [102.497823, 29.003269],
              [102.471506, 28.983834],
              [102.46613, 28.969339],
              [102.482929, 28.932716],
              [102.481473, 28.920142],
              [102.454148, 28.873606],
              [102.429846, 28.845422],
              [102.381804, 28.855572],
              [102.352351, 28.854566],
              [102.319763, 28.883082],
              [102.29087, 28.899685],
              [102.253802, 28.898763],
              [102.22155, 28.962217],
              [102.180898, 29.013404],
              [102.188961, 29.024626],
              [102.16522, 29.036518],
              [102.14999, 29.031158],
              [102.099708, 28.98065],
              [102.058384, 28.954088],
              [102.050993, 28.920477],
              [102.00631, 28.907567],
              [101.988392, 28.88803],
              [101.98548, 28.857585],
              [101.962747, 28.824027],
              [101.989288, 28.80372],
              [101.997799, 28.750162],
              [102.022772, 28.723373],
              [102.018069, 28.713965],
              [101.985032, 28.702877],
              [101.946621, 28.67137],
              [101.928031, 28.640947],
              [101.918736, 28.612616],
              [101.904289, 28.606562],
              [101.874165, 28.613121],
              [101.832393, 28.594033],
              [101.753554, 28.533889],
              [101.757138, 28.49341],
              [101.745827, 28.453672],
              [101.731829, 28.434556],
              [101.730709, 28.410635],
              [101.715479, 28.380894],
              [101.667548, 28.351819],
              [101.631712, 28.354854],
              [101.620177, 28.374911],
              [101.591621, 28.358056],
              [101.56228, 28.333106],
              [101.509758, 28.314727],
              [101.482097, 28.318521],
              [101.46821, 28.404317],
              [101.454436, 28.411056],
              [101.439654, 28.471691],
              [101.425543, 28.489538],
              [101.373021, 28.461756],
              [101.36787, 28.472449],
              [101.383996, 28.482888],
              [101.413001, 28.521099],
              [101.427559, 28.505025],
              [101.469218, 28.50553],
              [101.473698, 28.499049],
              [101.515357, 28.494083],
              [101.569895, 28.474216],
              [101.594532, 28.475227],
              [101.62992, 28.491558],
              [101.617714, 28.509402],
              [101.620177, 28.537676],
              [101.591844, 28.555427],
              [101.575382, 28.58226],
              [101.550745, 28.599415],
              [101.516925, 28.58924],
              [101.489824, 28.626824],
              [101.472914, 28.631532],
              [101.445813, 28.625479],
              [101.427223, 28.646326],
              [101.367646, 28.629262],
              [101.369213, 28.647755],
              [101.356223, 28.66616],
              [101.297542, 28.673135],
              [101.277048, 28.66574],
              [101.229677, 28.66658],
              [101.202576, 28.652714],
              [101.209183, 28.700609],
              [101.200224, 28.717409],
              [101.20504, 28.754948],
              [101.189922, 28.762085],
              [101.173123, 28.788696],
              [101.171668, 28.836445],
              [101.192609, 28.891133],
              [101.180851, 28.905471],
              [101.183986, 28.941265],
              [101.160357, 28.946965],
              [101.145351, 28.999751],
              [101.155877, 29.017759],
              [101.142327, 29.031326],
              [101.138855, 29.053515],
              [101.116346, 29.070593],
              [101.118362, 29.111937],
              [101.09742, 29.146573],
              [101.056881, 29.166395],
              [101.050273, 29.145652],
              [101.010182, 29.12683],
              [100.959563, 29.074109],
              [100.929103, 29.061217],
              [100.936382, 29.087919],
              [100.922384, 29.099468],
              [100.924735, 29.119802],
              [100.916336, 29.139881],
              [100.883412, 29.146405],
              [100.837497, 29.112941],
              [100.802557, 29.107837],
              [100.772432, 29.087668],
              [100.77288, 29.063812],
              [100.786431, 29.057868],
              [100.832458, 29.055357],
              [100.845784, 29.02069],
              [100.820475, 28.993049],
              [100.797518, 28.989279],
              [100.779264, 29.010389],
              [100.714199, 29.005195],
              [100.704792, 28.997322],
              [100.680155, 29.014158],
              [100.65003, 29.01935],
              [100.658093, 29.005447],
              [100.63424, 28.990117],
              [100.609155, 28.954591],
              [100.577014, 28.945456],
              [100.544762, 28.955261],
              [100.521357, 28.949646],
              [100.530316, 28.924417],
              [100.543082, 28.91704],
              [100.541738, 28.889791],
              [100.558536, 28.86136],
              [100.5638, 28.833425],
              [100.586533, 28.821426],
              [100.579926, 28.797929],
              [100.594708, 28.743948],
              [100.562792, 28.749574],
              [100.539946, 28.736726],
              [100.508814, 28.708674],
              [100.472082, 28.70859],
              [100.472418, 28.696493],
              [100.49112, 28.694812],
              [100.523708, 28.671118],
              [100.526284, 28.643048],
              [100.520125, 28.616568],
              [100.530428, 28.574101],
              [100.514973, 28.559633],
              [100.506014, 28.524213],
              [100.49112, 28.500312],
              [100.449909, 28.474722],
              [100.439606, 28.448199],
              [100.4162, 28.433209],
              [100.423928, 28.420153],
              [100.420792, 28.38654],
              [100.398618, 28.359405],
              [100.390331, 28.324929],
              [100.416424, 28.306464],
              [100.413849, 28.290779],
              [100.372861, 28.250459],
              [100.367822, 28.206242],
              [100.380252, 28.187925],
              [100.38742, 28.133463],
              [100.401754, 28.096464],
              [100.404666, 28.073143],
              [100.426839, 28.019468],
              [100.418104, 28.005601],
              [100.396715, 28.005516],
              [100.380812, 28.015494],
              [100.349008, 28.017354],
              [100.337025, 28.010167],
              [100.302981, 28.009829],
              [100.270505, 27.966358],
              [100.25617, 27.961283],
              [100.234445, 27.971011],
              [100.225822, 27.987165],
              [100.201744, 27.984205],
              [100.100284, 28.047957],
              [100.072063, 28.08548],
              [100.061536, 28.082776],
              [100.086733, 28.030374],
              [100.12089, 28.018707],
              [100.142615, 27.991817],
              [100.196145, 27.93734],
              [100.16994, 27.907637],
              [100.210479, 27.877248],
              [100.25785, 27.864972],
              [100.294918, 27.869544],
              [100.30914, 27.859129],
              [100.30858, 27.830421],
              [100.286071, 27.805856],
              [100.302869, 27.792386],
              [100.307125, 27.748658],
              [100.299509, 27.736113],
              [100.32773, 27.720429],
              [100.344416, 27.734333],
              [100.3508, 27.755947],
              [100.374765, 27.754591],
              [100.377005, 27.775608],
              [100.392795, 27.787556],
              [100.411609, 27.815683],
              [100.415192, 27.840923],
              [100.443189, 27.866242],
              [100.478017, 27.857859],
              [100.495599, 27.844649],
              [100.504334, 27.852016],
              [100.511166, 27.827626],
              [100.536587, 27.824661],
              [100.546442, 27.808567],
              [100.55988, 27.824153],
              [100.607027, 27.855996],
              [100.609043, 27.876232],
              [100.634688, 27.915338],
              [100.654958, 27.910853],
              [100.679819, 27.924224],
              [100.704456, 27.886814],
              [100.699865, 27.86912],
              [100.719462, 27.858283],
              [100.708152, 27.842278],
              [100.707032, 27.801366],
              [100.73962, 27.774507],
              [100.749923, 27.772897],
              [100.775456, 27.743064],
              [100.781503, 27.693635],
              [100.789007, 27.684391],
              [100.836489, 27.681677],
              [100.848472, 27.670905],
              [100.832346, 27.650207],
              [100.850488, 27.640705],
              [100.828202, 27.615758],
              [100.855303, 27.62365],
              [100.854071, 27.596662],
              [100.86807, 27.591824],
              [100.912081, 27.521689],
              [100.901554, 27.486265],
              [100.90133, 27.453379],
              [100.921264, 27.47131],
              [100.93683, 27.469101],
              [100.957212, 27.43825],
              [100.951836, 27.427199],
              [101.001783, 27.349303],
              [101.020261, 27.344454],
              [101.010182, 27.312292],
              [101.030004, 27.294591],
              [101.0281, 27.266586],
              [101.042546, 27.247003],
              [101.038963, 27.233464],
              [101.059568, 27.198629],
              [101.082526, 27.195051],
              [101.118698, 27.20868],
              [101.170436, 27.195648],
              [101.168084, 27.165232],
              [101.197425, 27.18321],
              [101.246027, 27.179205],
              [101.283095, 27.197607],
              [101.293174, 27.189599],
              [101.315571, 27.197522],
              [101.334721, 27.179546],
              [101.355215, 27.184658],
              [101.394299, 27.145206],
              [101.41412, 27.162164],
              [101.426999, 27.190792],
              [101.419048, 27.215835],
              [101.470674, 27.238829],
              [101.495759, 27.228014],
              [101.514685, 27.229802],
              [101.530475, 27.277823],
              [101.55836, 27.295357],
              [101.584229, 27.334671],
              [101.598452, 27.340456],
              [101.635408, 27.33952],
              [101.633728, 27.327949],
              [101.659261, 27.313569],
              [101.664748, 27.288888],
              [101.643135, 27.24513],
              [101.65075, 27.208169],
              [101.681994, 27.150404],
              [101.708759, 27.129012],
              [101.744483, 27.124835],
              [101.761729, 27.133444],
              [101.803725, 27.114691],
              [101.817387, 27.101732],
              [101.833065, 27.122619],
              [101.870357, 27.129694],
              [101.879204, 27.168129],
              [101.862966, 27.182784],
              [101.878196, 27.189855],
              [101.878084, 27.222734],
              [101.886259, 27.255603],
              [101.896786, 27.267096],
              [101.912241, 27.243683],
              [101.903618, 27.218561],
              [101.914368, 27.213195],
              [101.908433, 27.192666],
              [101.922095, 27.180654],
              [101.941021, 27.143842],
              [101.927247, 27.137109],
              [101.938782, 27.104034],
              [101.97305, 27.122619],
              [101.993879, 27.115202],
              [102.000263, 27.096873],
              [102.025908, 27.093462],
              [102.034083, 27.076152],
              [102.049761, 27.082718],
              [102.081566, 27.129268],
              [102.086269, 27.146484],
              [102.114826, 27.159437],
              [102.122665, 27.171878],
              [102.161077, 27.182187],
              [102.176419, 27.137535],
              [102.203296, 27.131398],
              [102.210351, 27.11776],
              [102.2407, 27.106592],
              [102.238684, 27.064298],
              [102.217518, 27.04596],
              [102.230173, 27.000485],
              [102.214495, 26.957297],
              [102.229165, 26.945174],
              [102.225917, 26.923999],
              [102.205312, 26.91042],
              [102.214159, 26.889153],
              [102.204976, 26.85216],
              [102.202288, 26.840795],
              [102.215615, 26.813617],
              [102.192657, 26.820455],
              [102.18213, 26.812591],
              [102.174179, 26.802419],
              [102.189857, 26.791904],
              [102.175075, 26.774975],
              [102.192993, 26.763602],
              [102.195681, 26.744616],
              [102.175859, 26.726568],
              [102.178883, 26.708346],
              [102.157605, 26.692346],
              [102.157045, 26.680708],
              [102.135543, 26.674718],
              [102.132296, 26.637741],
              [102.114714, 26.63406],
              [102.084477, 26.654519],
              [102.068351, 26.656659],
              [102.073502, 26.670867],
              [102.054801, 26.692688],
              [102.063088, 26.718613],
              [102.04573, 26.737517],
              [102.033187, 26.712367],
              [102.006534, 26.716388],
              [101.997463, 26.698849],
              [101.995559, 26.653577],
              [101.984024, 26.638854],
              [102.001383, 26.633632],
              [102.011125, 26.598525],
              [102.030611, 26.596898],
              [102.038562, 26.571717],
              [102.034083, 26.541133],
              [102.050769, 26.49417],
              [102.033411, 26.470768],
              [102.029491, 26.434068],
              [102.020196, 26.422832],
              [101.994999, 26.431409],
              [101.982121, 26.454906],
              [101.942701, 26.448989],
              [101.929039, 26.419487],
              [101.939118, 26.410824],
              [101.927583, 26.362263],
              [101.935198, 26.322954],
              [101.926015, 26.306213],
              [101.921759, 26.27032],
              [101.90205, 26.243521],
              [101.906753, 26.191367],
              [101.872261, 26.181483],
              [101.840681, 26.16008],
              [101.844712, 26.141683],
              [101.832282, 26.117176],
              [101.839897, 26.082429],
              [101.835417, 26.045865],
              [101.858039, 26.049392],
              [101.881668, 26.072364],
              [101.899698, 26.099202],
              [101.922879, 26.107975],
              [101.954684, 26.084494],
              [102.020756, 26.096278],
              [102.052561, 26.075547],
              [102.084253, 26.065138],
              [102.107771, 26.068235],
              [102.117066, 26.086128],
              [102.130056, 26.086386],
              [102.136999, 26.108319],
              [102.152342, 26.109609],
              [102.175075, 26.147013],
              [102.1996, 26.158447],
              [102.241708, 26.188617],
              [102.244955, 26.210874],
              [102.257386, 26.220068],
              [102.282807, 26.220154],
              [102.351007, 26.245927],
              [102.396138, 26.297627],
              [102.440149, 26.300632],
              [102.542954, 26.340121],
              [102.551577, 26.362178],
              [102.571063, 26.362607],
              [102.629408, 26.33686],
              [102.638591, 26.307673],
              [102.611266, 26.282343],
              [102.601299, 26.249019],
              [102.620113, 26.245755],
              [102.659197, 26.221442],
              [102.674539, 26.205374],
              [102.719782, 26.218177],
              [102.721686, 26.239999],
              [102.73994, 26.268602],
              [102.761889, 26.275301],
              [102.785183, 26.298915],
              [102.833449, 26.306642],
              [102.867493, 26.339005],
              [102.88026, 26.366125],
              [102.89325, 26.338834],
              [102.926847, 26.334628],
              [102.975561, 26.340894],
              [102.998183, 26.371874],
              [102.988328, 26.409023],
              [102.997735, 26.459622],
              [102.990344, 26.483027],
              [103.031891, 26.486884],
              [103.057088, 26.528109],
              [103.053505, 26.554242],
              [103.036706, 26.555355],
              [103.019348, 26.590047],
              [103.029651, 26.601694],
              [103.024164, 26.639795],
              [103.028195, 26.659569],
              [103.00591, 26.677456],
              [103.009605, 26.70732],
              [102.996727, 26.724943],
              [102.98396, 26.764799],
              [102.991799, 26.774633],
              [102.964474, 26.839428],
              [102.947452, 26.844299],
              [102.896498, 26.912556],
              [102.888883, 26.954565],
              [102.895266, 26.999802],
              [102.871301, 27.02796],
              [102.898962, 27.076323],
              [102.913744, 27.134637],
              [102.902209, 27.195903],
              [102.90165, 27.235763],
              [102.883284, 27.258242],
              [102.882164, 27.293314],
              [102.900082, 27.317653],
              [102.911392, 27.349133],
              [102.941405, 27.40552],
              [102.955292, 27.411386],
              [102.97097, 27.377628],
              [102.985304, 27.367337],
              [103.033347, 27.388003],
              [103.055632, 27.409516],
              [103.079598, 27.397272],
              [103.111514, 27.401013],
              [103.14455, 27.425584],
              [103.14455, 27.450574],
              [103.190353, 27.523472],
              [103.204464, 27.529163],
              [103.218126, 27.562111],
              [103.236156, 27.570431],
              [103.278711, 27.561856],
              [103.293606, 27.564743],
              [103.299205, 27.597171],
              [103.280391, 27.617964],
              [103.314547, 27.655297],
              [103.349711, 27.678454],
              [103.370093, 27.708644],
              [103.39305, 27.709407],
              [103.420935, 27.742979],
              [103.448148, 27.7551],
              [103.464722, 27.782472],
              [103.489584, 27.797384],
              [103.509181, 27.84033],
              [103.499998, 27.877502],
              [103.502574, 27.91043],
              [103.526315, 27.940555],
              [103.563943, 27.964159],
              [103.563271, 27.977693],
              [103.54065, 27.965766],
              [103.516685, 27.965259],
              [103.498879, 27.984121],
              [103.496527, 28.016593],
              [103.48824, 28.032403],
              [103.459459, 28.021412],
              [103.43247, 28.041279],
              [103.432918, 28.072213],
              [103.453636, 28.087677],
              [103.454979, 28.12375],
              [103.47021, 28.122145],
              [103.533147, 28.168508],
              [103.552633, 28.191302],
              [103.573238, 28.230884],
              [103.608178, 28.239069],
              [103.632368, 28.259992],
              [103.649502, 28.25704],
              [103.694745, 28.227256],
              [103.702024, 28.198983],
              [103.721286, 28.202022],
              [103.739987, 28.236032],
              [103.770336, 28.2335],
              [103.78579, 28.254087],
              [103.813003, 28.265138],
              [103.828906, 28.28496],
              [103.870229, 28.301067],
              [103.875604, 28.322147],
              [103.853431, 28.356708],
              [103.859814, 28.383506],
              [103.851303, 28.40676],
              [103.829801, 28.436325],
              [103.830249, 28.458388],
              [103.810428, 28.49543],
              [103.781983, 28.524549],
              [103.75701, 28.522782],
              [103.739987, 28.51201],
              [103.724533, 28.471522],
              [103.685002, 28.497955],
              [103.689929, 28.519332],
              [103.712999, 28.541294],
              [103.712551, 28.552904],
              [103.689257, 28.562578],
              [103.665404, 28.594874],
              [103.639983, 28.604881],
              [103.61389, 28.597313]
            ]
          ],
          [
            [
              [101.91672, 26.703127],
              [101.913024, 26.680537],
              [101.920528, 26.635515],
              [101.938782, 26.639367],
              [101.946509, 26.707662],
              [101.91672, 26.703127]
            ]
          ]
        ]
      }
    }
  ]
}


================================================
FILE: packages/lego-map/package.json
================================================
{
  "name": "@td-design/lego-map",
  "version": "1.4.1",
  "description": "雷数大屏素材库-地图",
  "keywords": [
    "thundersdata",
    "frontend",
    "lego",
    "map"
  ],
  "homepage": "https://github.com/thundersdata-frontend/td-design#readme",
  "license": "Apache-2.0",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/thundersdata-frontend/td-design.git"
  },
  "scripts": {
    "build": "rollup -c"
  },
  "bugs": {
    "url": "https://github.com/thundersdata-frontend/td-design/issues"
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61",
  "dependencies": {
    "@amap/amap-jsapi-loader": "^1.0.1",
    "echarts": "^5.4.3",
    "echarts-for-react": "^3.0.2",
    "lodash-es": "^4.17.21"
  },
  "devDependencies": {
    "@rollup/plugin-commonjs": "^25.0.3",
    "@rollup/plugin-node-resolve": "^15.1.0",
    "@types/lodash-es": "^4.17.8",
    "@types/react": "^18.2.15",
    "@types/react-dom": "^18.2.7",
    "postcss": "^8.4.31",
    "postcss-url": "^10.1.3",
    "less": "^4.1.3",
    "rollup": "^3.26.3",
    "rollup-plugin-postcss": "^4.0.2",
    "rollup-plugin-typescript2": "^0.35.0",
    "tslib": "^2.6.0",
    "typescript": "^5.1.6"
  }
}

================================================
FILE: packages/lego-map/rollup.config.js
================================================
const commonjs = require('@rollup/plugin-commonjs');
const resolve = require('@rollup/plugin-node-resolve');
const postcss = require('rollup-plugin-postcss');
const postcssurl = require('postcss-url')
const less = require('less');
const typescript = require('rollup-plugin-typescript2')
const fs = require("fs")

const isProductionEnv = process.env.NODE_ENV === 'production';

const noDeclarationFiles = { compilerOptions: { declaration: false } };


let pkg = JSON.parse(fs.readFileSync('./package.json')),
    external = Object.keys(pkg.dependencies || {});

const processLess = function (context, payload) {
  return new Promise((resolve, reject) => {
    less.render(
      {
        file: context,
      },
      function (err, result) {
        if (!err) {
          resolve(result);
        } else {
          reject(err);
        }
      }
    );

    less.render(context, {}).then(
      function (output) {
        if (output && output.css) {
          resolve(output.css);
        } else {
          reject({});
        }
      },
      function (err) {
        reject(err);
      }
    );
  });
};

module.exports = [
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/commonjs',
      format: 'cjs',
      name: '[name].js',
      preserveModules: true,
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs(),
      typescript({tsconfig: "tsconfig.json",tsconfigOverride:{ compilerOptions: { declaration: true ,declarationDir:'./lib/typescript'} },useTsconfigDeclarationDir: true}),
      postcss({
        minimize: isProductionEnv,
        process: processLess,
        plugins:[
          postcssurl({
            url: 'inline',
          }),
        ]
      }),
      {
        name: 'Custom Rollup Plugin`',

        generateBundle: (options, bundle) => {
          Object.entries(bundle).forEach(entry => {

            // early return if the file we're currently looking at doesn't need to be acted upon by this plugin
            if (!entry[0].match(/.*(.less.js)$/)) {
              return;
            }

            // this line only runs for .scss.js files, which were generated by the postcss plugin.
            // depending on the use-case, the relative path to style-inject might need to change
            bundle[entry[0]].code = entry[1].code.replace(
              '/home/runner/work/td-design/td-design/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js',
              'style-inject',
            );
          });
        },
      }
    ],
    external:  (id) => {
      if (/node_modules/.test(id)) return true;
      return false;
    },
  },
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/module',
      format: 'esm',
      entryFileNames: '[name].js',
      preserveModules: true,
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs({
        mainFields: ['module', 'main', 'jsnext:main', 'browser'],
        extensions: ['.js', '.mjs', '.json'],
        sourceMap: false,
        browser: true,
      }),
      typescript({ tsconfigOverride: noDeclarationFiles}),
      postcss({
        minimize: isProductionEnv,
        process: processLess,
        plugins:[
          postcssurl({
            url: 'inline',
          }),
        ]
      }),
      {
        name: 'Custom Rollup Plugin`',

        generateBundle: (options, bundle) => {
          Object.entries(bundle).forEach(entry => {

            // early return if the file we're currently looking at doesn't need to be acted upon by this plugin
            if (!entry[0].match(/.*(.less.js)$/)) {
              return;
            }

            // this line only runs for .scss.js files, which were generated by the postcss plugin.
            // depending on the use-case, the relative path to style-inject might need to change
            bundle[entry[0]].code = entry[1].code.replace(
              '/home/runner/work/td-design/td-design/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js',
              'style-inject',
            );
          });
        },
      }
    ],
    external:  (id) => {
      if (/node_modules/.test(id)) return true;
      return false;
    },
  }
]




================================================
FILE: packages/lego-map/src/assets/bgImage.js
================================================
export const defaultBg =
  'data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAgICAgJCAkKCgkNDgwODRMREBARExwUFhQWFBwrGx8bGx8bKyYuJSMlLiZENS8vNUROQj5CTl9VVV93cXecnNEBCAgICAkICQoKCQ0ODA4NExEQEBETHBQWFBYUHCsbHxsbHxsrJi4lIyUuJkQ1Ly81RE5CPkJOX1VVX3dxd5yc0f/CABEIA60C/AMBIgACEQEDEQH/xAAyAAEBAQEAAwAAAAAAAAAAAAAAAQIFBAYHAQEBAQEAAwAAAAAAAAAAAAAAAQMCBAUG/9oADAMBAAIQAxAAAAD5F5R9T6QOuQAAAAAAAABSUQgsFAFIpAAAAAAAAAAAAAIoilgFgqEsoixQAAAAAAAAJyOwx0DbMAAAAAAAAUlEIUAUlEAAAAAAAAAAAAAAAAAAASiLFAqCykixQAAAAAAAAAAAAAAAFEIUAUlEAAAACgCiKIolAAABKIoiiKIAIAAAAAilgKgspIsUAAAAAAAAAAAAUEQFFJRAAAABaigAAAAAAUiiLAAAAAACKIsAgAABKIsUCpUixQAAAAAAAAAFAgAUQAAAKFJQAAAKJQFIoikiiKIoiiKWLBKIogAAEoiiACAAEogVYLKSBQAAAAAAFEQUUlEAAAFqUAACgUikAFIoiqlAAABKIoioiwAiiLFiiAASiLAIAASiLFWCykgUAAAABREFFAQAAKUAACgolEFIqiiKBSKIoiiKIoiiKIsIoijKiKiSiKXKiAASiACAAIsVYLKSBQAAFEQUUBAABaAAFBQEKBalAolpIoKIqoojQy0MtDKiKIsiKJNDKlkoiwiogIsWKIACLAIAAixVgspIFAURBRQEAAFoABQUBUFqVSVSUQqpaJVSKIolUiiKIok0MqIok1CTQypZKiTUJNRYsIshKJKWAAiwCAAIsVYLKSFVAFAQAAWgBSVQEUpQVSUQqlVIoKJVqLUzaItMtDLQy0MtQk0MtQk0XKoyok1DLUWTUjLUWSiSiCIsWLACKIIAAixVgpEBVEAAFoAUFBUlWpVCkKotSUC2otSLSNCLSKsjQy0MtDLQy0MqMtSXLQzNQy1DLUWTUiTUMtRcqjKxZNQiyIsWLACLAIAAgUBRAABaAFBQVBaFFEVaKQqlVJbSVSVbJVItMtCNDLSstDLQy0jDQy1CTUJNDM1JczcMzUMtRcqjM1Fk1IypcrCLIixYsAIsAgBKIVQQAWgBQUFQWlBVQqxVJasVRVJasLTNtItsi0zaI0MtDLQy0MtDM3DLUJNQy0lw1DM0MzUlzNQzNwzNSWSjM1JZKXKwiyIsWLACLAIAAAAUoBVASlpZRVRVslUVbFUVbJVFUKsltI0I0si0iiKI0MqIoy1CTQw0lw1DKjM1FysiTUMzUlzNQyslk1DM1JZKXKwiyJNRYBKIAJQQBZaAWUURVoUVUVbBRVsVolqxWiVbJbSW2pVSWiWiNEiiNKy0MtDLUjLQzNxczQzNQzNxcTcjM1DM3mWZ0M53JcTUMrJZNQzNSXKxZNQkqJKWASwCAAqgFFlFlRVpRGpbFUVbGlFWyaULbJpRVsltJaSWqloi0iiNDLQy0MqMtQk0MqMzSMTcXM1DM1JcNQznclzNQznclxNQyslksJKlzNRZLISxYsAIAIWWgFUFRZaVUVaUS1bFaFLGlFWxbaltSW0lqwtItJaJaSLTLQy0MtDLUJNDM0XM0MNQzNDOdyXDUMTcXE3mMzUlzNQzneZczUMzUlzNRczUiSxYsiTUWASiAoBRQUstlKWylRVq1UalsamhVsaWlVFpFWlUltSVSWiVSKqNDLQy0MqiTQzNDM1DLUMzUXM1DM3IxNRc53FxNSM53Jc51DM1JcTUWSyMrFkslkokqWSwAllAFUFRZatlS2Wy2WrVS1bFUtmrGpqlVGlQaqaULUloKotIoloiiKIoijKjLUMtQzNIzNQzNRczUMzUjE1FzneVzNSMTeZczUMTUlzLFksiSyWSlysiTUWAAFFlFLLZS2Wy2VLZqxqaFWy1bGlGpqxqVLZqlUVUVQtqVSWiVSKJaIok0MqJNDM0MzUMtQzNSMzUMzUXM1DOdyMTUXE1JcTUM51JczWZczUMyyWSxZLJZKJLJYsAFlKEtlq2VLZbLZaupUupbLVGpqxqasamhVsaUVUVRVpVJVCgUjQiliiKMtEyoyozNDM1DM1DKyMzUMzUXE1DM1JcTUMTWZczUXOdSM53mXM1lZLIkslksWCJKWApRZUpapUtlstmrLZotlstWy6mqamkalstUtVFUVaVRVJVCgpRSKIoiiLCKMqMrEk1DM1DM1DM1IzNQxNRczWTOd5lzneVzNZjM1mXM1mXM1kkslksXKyWSyEsWAtlRSrZoWasVUtmrLZqxqaGpqy1bLqVLVq1UamhVpVFUGiVVFJSCiKIoiiKICLKiwy1EzNQzNQzNQzNZjM1DE1FzneYznUXE1mXM1mWZ1DE1JcLJczWVk1mWLCSozZVoS2WrZUtlstmqtmktmrLZqy6lLqastlsupoalS1aVS2UpSlVQFgUlAAABKIsIsEqsrDLWUksJLDM1DOd5jOd5XM1kzneZc53mXE1DE1Jc51mXM1lZLIkslksWCM0WlRZatE1ZbLZqy2aLZqy2asupbLqaLZqy2aRqaGpatmhQtVVlBYUBSUUAABKIsEpMrBLKk1DM1EzNZJnUMzWYzNZMzWVzNZlzneTE1mXM1mWZ1mXM1kkslzNSXMpZLIhVWVLZatlS2Wy6ls1ZbLqaLZqy6lsuppLZqrZpLZaupS2UtmhRaWFlBVAKAAAEogIsEpMrCTUrM1EzNZJLDM1mMzWTM1lczWYznUXOdZlzneZczWTOdSXMslksWSyWSyJZVWVLZatlstmktmrLrOrLrOquppLZqzVlsupTVmktlq6zotlLZpVlFWAKFUAgoAiiLBKIKixJNQksJNSsyxJnUMywzNZjM1lcywznWZc53mXOdZWZ1IznWZcrJczWVkslksJZYWWrZS6zqy2VLrOrNWWzVls1rOi6ls1Zqy6zous6S2aq2UtUtlWiLZRZVWUCFAAAACASykoksSAksqZ1EzNZJnUM51IznWVzNZJnWZc51mXMsMyyXOdSXMslmdZWSyWSjNlhSrZpGs6q2VNWWzVls1ZbNazqtazpLqWy6zoupU1Zaus6LZS2VaWFBRVBZYABQAARLAKgIEksJKrMsSZ1DMsMyyMyxcywznWZcyxcTWYzLJczWZcyxZnWZWdZlgM2WKKus6RrOqtlTVls1ZbNWWt2VNazqzVls1ZU1ZTVlrVlLZS2VbZYoKFohZQAFAAASxAIKgSSwgrMsSSwzLDMsiZ1lcywznWZZnWZcSwmdZlmdZlzLJZLFmdZlgM2WKlq6zUus6q2VNWWzVls1ZbNazqtazpNXOrLrOjVzpNWWrrOi2UtlW2I0lKFqUWWAAUAAESwCoCBJAhKksSS5JLDMsjMsXMsM51mXMuVmbIzLJZmyXMsWZ1mVnWZYDNlhZatlLrOrLZUus6s1ZbNWWzWs6NXOrNazbNazous6S6za1ZTVzTVlWiLZRZVWUCKAAAACASyhBLEgJLKkuUZsJLkkuYmdZWZsJmyXOdZlzLDMslzLmWSyWZ1lZLJYQlllWVLZatls1c1NazbNazqy6zou8as1rNs3ZbNXOjWs1NWWrrNNWUus1bZS3NigoWpYAqCgELAEApBEQSwRKksSS5JLCZsiZsXMsM51mWZuZZnWVkuYmdZlkJZmxZLJZLCWJbZUtlq2Wy2VNXOrNWWzVzo1rNs3c6s1rNTWs2tazU1ZTVzqrZS6zTSVbYi2UWFoKlAAABABAERARKS5GbEksJmwmbImbFmbIzLlZnWZZm5lZsMy5lkslksWSyWSyIlW2EtlrSVNWWy6zbNazTWs2zWs2zdzqzWsaNazbNazU1rNNXOqus00lNXNW2C2I0lFhalAAAAEAREBARKREZsJLkZsiZsWZsJmyWZuSZslmbJZnWZZmwkslkSWEVLIzZVoS2WrZUtlsus2tazU3c2zWs2zdzo1rGrNWWzWsaNXOk1c2tXNNWUtg1YXSUWItgqUAqCwBCwEAQQpmxIQksJEGbmGblWbCZuZWbmWRCRJZnWZZmxZLIkslksWCM2FtlSpaus0us2zVzU1rNs1rNs1rGjWsas3c2zdzpNXNrdzU1c6NXNrVzTVzS6yNXNW2CpYqCoKgqCoAEKQEREQRBEGbIkQkRZLmJLlZmyWZslkuSZslkJZEVmyVAhJYC2C2VLc2tWE1ZbLrNs1rNNWWzVzqzWsarWsaTVzqzVzTdzU1c01c2tXNNXNLc00hdILYKgqCoLAICBBEQRBAkSERZLkZsJm5lZuVZsiZslmbJZmwkslksWQlkshLFgFlKEtlq2VLZbLZa1c6TVzqy6zTWsas3c2zWsaNXNs3c01c1NXNNXNrVzS3NNININMjSFqCoKkSoCAkLEEQJIRBEWS5EZlRCZslkSWS5GbmWSxZLIkslksVCIRQFgtlSpatlLZbLZUus2zWsaNXNs3c2zWsaNaxqzVzpNXNrVzTVzU1c01cq1c00zS3NKg0zSoKkKgqQqQsQsQRIRBEVEEZhEWRJZEJCWRJZEISWSxZLJYQElQJZQC3NLYS2WrZUtlstlNXNs1rNs1c01rNs1rGjVzbN3Gk1cq3caNXJNs01cq1cjSDSCoKgqCoLILILICSLIVEEQRIkRUZVEhlJUQkSWSxZLIkslhFQhEUCAoFg0lSpatlLYTVizVza3c1NXOrNXGjVzbN3Gq1c1Ns1NXNrVzTVxTVzU0zTTNKg0yrTI0yKiKkKkLELIVEEQskhEVGVRIRmVLkRJZEEslkFkslhASVAAghZaAqUthLZatzU1c2tXNTVzbNaxTaWzVzTVzbN3FN3Fs3cU2zbNXI2zTTNNM1LcjTI0grI1IKkKkWpCyAgRmWxBGZUQRJUQZuZUQRJURUSEsVCERQBAICqBYLZRZUtza0lS3OrLc01c2zdxo1c2zVxTdys3caNXNs1cU2zU0za0zTTI1cjTI0yNMjUgrIqQqQqSLJFsQRmWxBGZbEEZlRBCWEISVEVLISxUACACAFloBZSpUqWrYNXNTVzbLYNXNs3cU2zbNXNNXNs1cU3cU1c2zTNNM00yTVyNMjTKtMjUiKyNSRakLELJJbIEQuUlGSySVEEJUQRJUFRASBFASwCAAAqpQC3NKEtirZS3NTVzbLYNXNs1c01c2y2DVzTTNs1cU2yNsrNXI0gtyNMjUgqCyCpCspbICQsSUgRBElRBCVEESURUBCERQBAAIlhaEAWKoALYLYS2K0lLc1NJbLc0tzbNXNNXNNM2zVyNXI1crNXI0zTTI0yNMjTI0yKkNSCxCyJbICQsSVECQsSUQRJRFQEIQVAAQAgCBalQABYqgWC2C2EtirYNJUtza0hNIrVzU1cU1cjVzbLc0tyNM00yNMjTJNMl0yKkNSCxCpCxJbJCxCyFIhEUSCFQEIQVAAQAgAQsogWpUAAWKoFgtgthLc2rc00hNIrVzUqUtyrVyTVzTTI1cjSLNMjTI0yNMjTIqFsiKyLELILIUSLECFIhBUQsIQVAAQAgACBVgssFgoQABYqgWC3NKEqWqlKg0lS3KtXNSoNILc2rck0zSoNMjTI0yNSCpDUgsRaiCCxCyFEixFEBAIQVAAQAgABBRSAqVIsVYKEAAWKoAKlKlFhLYq3NLc0qVKitM0tyTSCoNM0qCoKgqQqCoLEKkKhRIsRbELAQgQEUABACAAEFFBEBQKlSLFWChAAFiqABYLYKlSoLc2qlKg0zUqC2CoqoNMjTI0yKgqCwggqQqFELAIgBBSAABACAUEQUUEQFAAAqVIsVYKEAACqlAAKg0gqVFgqWqgqC2CoKgqCoKgqCoLAIKgEKiBCoUgAAEAAgABBRQRAUAAAACpUixVgqVAAAFiqlAAKgtgqEoFgqCoqgAAAEKiKgsAAhbAIAABCwAgAAQsFFBEBQAAAAAAKlIogKhKAAAKWCpQAACoKgtgqEqCoKgqCoKhagIKgsAAAQqAIAAAEAUoEQFAAAAAAAAAWCykgVYKlQAAABYqoKAAAAAAAAAAAAAAAgsAAIAAELBQFEQUAAAAAAAAAAAACpUilgFgqVAAAAAAKiqgqCpQAAAQqCoKgACAAAABCoUAoEQFAAAAAAAAAAAAAAAWCpUilgFgqEoAAAAAAAAAAAAAAAAAABCwUAoESwUAAAAAAAA5XVy7DXgAAAAAAAABYKlSKIsUBYKhKAAAAAFAABAAAACCoUAApBCwUAAAAAAAABM+teLv/AP/EACgQAAIBAwQCAAcBAQAAAAAAAAEREABQYAIgMEADcAQFEiExgKAikP/aAAgBAQABPwD4b4bR4NA+w+tf6OPEAgghg15/l2o+QnxfSNK/BJ/rvVLYsWXsRUoUqliihcyxhUsZULhULesDW9SuNSvWKpUuFUqWIL2evXSpev1S9erav1fFkXv0Y6MgF/MHGDlh7Q2i8nafQQvJ2HuiBcT1j0xsG0XsyYMnsCBQgSLwdp7AkQJF7PAeqJEChAkbhcjBk9sbRyCxm2CRA2jeLGbYIFCBtG8WM2wbRyCxnonsChAgUIHCLkYMntiBIvZ4D1RIgUIEi8GTB644ReDJkwZPYFzPSOw4sZPfHALsZMHujaLyYMn0GLoZNkF8MmDZRezJ7o/5fPIXT/R90/Yr9ZPovEXT4XDxp08ZfWeHunTp7Xh74XTp06eLOnyunizh04eJPNHizp06f9dpIH5NfL/idepeEgLTp+xx7ya/o8evWmgSq83m1+byHXqTSQr/xAAfEQADAAEDBQAAAAAAAAAAAAABAgMEEkFQABEiMbD/2gAIAQIBAT8ARFRQqjsBx9YSsAHX18rGNVtMOu/H5OUuPp8dRO3X/8QAGxEBAAICAwAAAAAAAAAAAAAAAQIDEVAAIbD/2gAIAQMBAT8AlJkquV19ds61YvlY2Qa5sXX00Nue8Bz/2Q==';


================================================
FILE: packages/lego-map/src/assets/china.js
================================================
export default {
  type: 'FeatureCollection',
  features: [
    {
      type: 'Feature',
      properties: {
        adcode: 110000,
        name: '北京市',
        center: [116.405285, 39.904989],
        centroid: [116.41995, 40.18994],
        childrenNum: 16,
        level: 'province',
        subFeatureIndex: 0,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [117.348611, 40.581141],
              [117.348611, 40.581141],
              [117.269771, 40.560684],
              [117.247597, 40.539766],
              [117.262995, 40.512927],
              [117.208793, 40.501552],
              [117.263611, 40.442367],
              [117.234046, 40.417312],
              [117.226039, 40.368997],
              [117.243285, 40.369453],
              [117.271618, 40.325211],
              [117.271618, 40.325211],
              [117.295024, 40.2782],
              [117.331365, 40.289613],
              [117.351075, 40.229786],
              [117.389879, 40.227958],
              [117.383719, 40.188195],
              [117.367089, 40.172649],
              [117.367089, 40.173106],
              [117.367089, 40.173106],
              [117.367089, 40.172649],
              [117.349227, 40.136513],
              [117.307343, 40.136971],
              [117.274082, 40.105852],
              [117.254988, 40.114548],
              [117.254988, 40.114548],
              [117.254988, 40.114548],
              [117.224191, 40.094865],
              [117.224191, 40.094865],
              [117.210024, 40.082045],
              [117.204481, 40.069681],
              [117.159517, 40.077008],
              [117.140423, 40.064185],
              [117.105315, 40.074261],
              [117.105315, 40.074261],
              [117.051728, 40.059605],
              [117.025243, 40.030283],
              [116.945171, 40.04128],
              [116.927924, 40.055024],
              [116.867562, 40.041739],
              [116.831222, 40.051359],
              [116.820135, 40.02845],
              [116.781331, 40.034866],
              [116.757925, 39.967934],
              [116.782563, 39.947749],
              [116.78441, 39.891294],
              [116.812128, 39.889916],
              [116.865714, 39.843982],
              [116.907598, 39.832494],
              [116.918069, 39.84628],
              [116.949482, 39.778703],
              [116.902055, 39.763523],
              [116.916837, 39.731314],
              [116.887272, 39.72533],
              [116.889736, 39.687576],
              [116.90575, 39.688037],
              [116.906366, 39.677444],
              [116.8497, 39.66777],
              [116.812128, 39.615695],
              [116.79057, 39.595868],
              [116.748686, 39.619844],
              [116.709266, 39.618],
              [116.726512, 39.595407],
              [116.726512, 39.595407],
              [116.724048, 39.59264],
              [116.723432, 39.59264],
              [116.724048, 39.59264],
              [116.723432, 39.59264],
              [116.664918, 39.605552],
              [116.620571, 39.601863],
              [116.592237, 39.621227],
              [116.592237, 39.621227],
              [116.524484, 39.596329],
              [116.50847, 39.551122],
              [116.473361, 39.552968],
              [116.478289, 39.535431],
              [116.437637, 39.526661],
              [116.443796, 39.510041],
              [116.401912, 39.528046],
              [116.411767, 39.482794],
              [116.444412, 39.482332],
              [116.454883, 39.453226],
              [116.434557, 39.442597],
              [116.361876, 39.455074],
              [116.361876, 39.455074],
              [116.337854, 39.455536],
              [116.307057, 39.488337],
              [116.257782, 39.500344],
              [116.240536, 39.564041],
              [116.198652, 39.589412],
              [116.151841, 39.583416],
              [116.130283, 39.567732],
              [116.09887, 39.575113],
              [116.036044, 39.571884],
              [116.026189, 39.587567],
              [115.995392, 39.576958],
              [115.978146, 39.595868],
              [115.957204, 39.560812],
              [115.910393, 39.600479],
              [115.910393, 39.600479],
              [115.91532, 39.582955],
              [115.91532, 39.582955],
              [115.867893, 39.546507],
              [115.867893, 39.546507],
              [115.828473, 39.541431],
              [115.821081, 39.522968],
              [115.821081, 39.522968],
              [115.806299, 39.510041],
              [115.806299, 39.510041],
              [115.752712, 39.515581],
              [115.738545, 39.539585],
              [115.738545, 39.540046],
              [115.738545, 39.539585],
              [115.738545, 39.540046],
              [115.724995, 39.5442],
              [115.724995, 39.5442],
              [115.722531, 39.543738],
              [115.721299, 39.543738],
              [115.722531, 39.543738],
              [115.722531, 39.5442],
              [115.721299, 39.543738],
              [115.722531, 39.5442],
              [115.720683, 39.551122],
              [115.720683, 39.551122],
              [115.718835, 39.553891],
              [115.718835, 39.553891],
              [115.716988, 39.56035],
              [115.716988, 39.56035],
              [115.699125, 39.570039],
              [115.699125, 39.570039],
              [115.698509, 39.577881],
              [115.698509, 39.577881],
              [115.667712, 39.615234],
              [115.633836, 39.599557],
              [115.633836, 39.599557],
              [115.587024, 39.589873],
              [115.545756, 39.618922],
              [115.518039, 39.597252],
              [115.522351, 39.640124],
              [115.478619, 39.650723],
              [115.478619, 39.650723],
              [115.491554, 39.670074],
              [115.486626, 39.741899],
              [115.439815, 39.752022],
              [115.443511, 39.785601],
              [115.483547, 39.798477],
              [115.483547, 39.798477],
              [115.50572, 39.784222],
              [115.552532, 39.794799],
              [115.567314, 39.816407],
              [115.514344, 39.837549],
              [115.526046, 39.87568],
              [115.515575, 39.892212],
              [115.515575, 39.892212],
              [115.522967, 39.899099],
              [115.481083, 39.935819],
              [115.426264, 39.950502],
              [115.428728, 39.984443],
              [115.450286, 39.992697],
              [115.454597, 40.029825],
              [115.485394, 40.040364],
              [115.527278, 40.076092],
              [115.59072, 40.096239],
              [115.599959, 40.119583],
              [115.75456, 40.145663],
              [115.75456, 40.145663],
              [115.773654, 40.176307],
              [115.806299, 40.15344],
              [115.847567, 40.147036],
              [115.855574, 40.188652],
              [115.870356, 40.185909],
              [115.89869, 40.234354],
              [115.968907, 40.264045],
              [115.95166, 40.281852],
              [115.917784, 40.354405],
              [115.864197, 40.359422],
              [115.771806, 40.443734],
              [115.781045, 40.49336],
              [115.736082, 40.503372],
              [115.755176, 40.540221],
              [115.784741, 40.55841],
              [115.819849, 40.55932],
              [115.827857, 40.587504],
              [115.885139, 40.595229],
              [115.907929, 40.617493],
              [115.971986, 40.6025],
              [115.982457, 40.578868],
              [116.005247, 40.583868],
              [116.09887, 40.630665],
              [116.133979, 40.666536],
              [116.162928, 40.662451],
              [116.171551, 40.695582],
              [116.204812, 40.740035],
              [116.22021, 40.744115],
              [116.247311, 40.791707],
              [116.273181, 40.762703],
              [116.311369, 40.754996],
              [116.316912, 40.772221],
              [116.453651, 40.765876],
              [116.46597, 40.774487],
              [116.438253, 40.81934],
              [116.334159, 40.90443],
              [116.339702, 40.929303],
              [116.370499, 40.94377],
              [116.398216, 40.90624],
              [116.477057, 40.899907],
              [116.447492, 40.953715],
              [116.455499, 40.980828],
              [116.519557, 40.98128],
              [116.519557, 40.98128],
              [116.5676, 40.992574],
              [116.598397, 40.974503],
              [116.623034, 41.021026],
              [116.615643, 41.053076],
              [116.647672, 41.059394],
              [116.688324, 41.044501],
              [116.698795, 41.021477],
              [116.677853, 40.970888],
              [116.722201, 40.927495],
              [116.713577, 40.909858],
              [116.759773, 40.889954],
              [116.81336, 40.848319],
              [116.848468, 40.839264],
              [116.924229, 40.773581],
              [116.926692, 40.745022],
              [116.964881, 40.709647],
              [117.012308, 40.693767],
              [117.11209, 40.707379],
              [117.117018, 40.70012],
              [117.208177, 40.694675],
              [117.278394, 40.664267],
              [117.319662, 40.657911],
              [117.342451, 40.673799],
              [117.408973, 40.686961],
              [117.493973, 40.675161],
              [117.514914, 40.660181],
              [117.501364, 40.636569],
              [117.467487, 40.649738],
              [117.467487, 40.649738],
              [117.412669, 40.605226],
              [117.429915, 40.576141],
              [117.389879, 40.561593],
              [117.348611, 40.581141],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 120000,
        name: '天津市',
        center: [117.190182, 39.125596],
        centroid: [117.347019, 39.28803],
        childrenNum: 16,
        level: 'province',
        subFeatureIndex: 1,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [117.765602, 39.400527],
              [117.699696, 39.407463],
              [117.673211, 39.386652],
              [117.668899, 39.412087],
              [117.614081, 39.407001],
              [117.601146, 39.419485],
              [117.570965, 39.404689],
              [117.521074, 39.357043],
              [117.536472, 39.338068],
              [117.594987, 39.349176],
              [117.669515, 39.322792],
              [117.670747, 39.35658],
              [117.74466, 39.354729],
              [117.784696, 39.376938],
              [117.805022, 39.373237],
              [117.810565, 39.354729],
              [117.850601, 39.363984],
              [117.850601, 39.363984],
              [117.854297, 39.328348],
              [117.854913, 39.328348],
              [117.854297, 39.328348],
              [117.854913, 39.328348],
              [117.88879, 39.332051],
              [117.919587, 39.318162],
              [117.919587, 39.318162],
              [117.965782, 39.314921],
              [117.965782, 39.314921],
              [117.973173, 39.312143],
              [117.973173, 39.312143],
              [117.979333, 39.300566],
              [117.979333, 39.300566],
              [117.982412, 39.298714],
              [117.982412, 39.298714],
              [118.024296, 39.289451],
              [118.024296, 39.289451],
              [118.036615, 39.264898],
              [118.064948, 39.256094],
              [118.064948, 39.231065],
              [118.037231, 39.220402],
              [117.977485, 39.206028],
              [117.96455, 39.172631],
              [117.871543, 39.122506],
              [117.837667, 39.057011],
              [117.855529, 38.957492],
              [117.898029, 38.948649],
              [117.875855, 38.920252],
              [117.847522, 38.855502],
              [117.778536, 38.869016],
              [117.752051, 38.847579],
              [117.64611, 38.828933],
              [117.646725, 38.788827],
              [117.671363, 38.772032],
              [117.740964, 38.753833],
              [117.740964, 38.700141],
              [117.729261, 38.680055],
              [117.65658, 38.66043],
              [117.639334, 38.626776],
              [117.55803, 38.613683],
              [117.47919, 38.616489],
              [117.432379, 38.601524],
              [117.368937, 38.564566],
              [117.25314, 38.556143],
              [117.238358, 38.580943],
              [117.258684, 38.608072],
              [117.258684, 38.608072],
              [117.213104, 38.639866],
              [117.213104, 38.639866],
              [117.183539, 38.61836],
              [117.183539, 38.61836],
              [117.150894, 38.617892],
              [117.109626, 38.584685],
              [117.070822, 38.608072],
              [117.055424, 38.639398],
              [117.068358, 38.680522],
              [117.038793, 38.688464],
              [116.95133, 38.689398],
              [116.948866, 38.689398],
              [116.950714, 38.689398],
              [116.95133, 38.689398],
              [116.950714, 38.689398],
              [116.948866, 38.689398],
              [116.877417, 38.680522],
              [116.858939, 38.741231],
              [116.794265, 38.744498],
              [116.794265, 38.744498],
              [116.746222, 38.754299],
              [116.737599, 38.784629],
              [116.75115, 38.831264],
              [116.723432, 38.852706],
              [116.722201, 38.896968],
              [116.708034, 38.931892],
              [116.72836, 38.975174],
              [116.754845, 39.003084],
              [116.754229, 39.034701],
              [116.754229, 39.034701],
              [116.783179, 39.05097],
              [116.783179, 39.05097],
              [116.812744, 39.05097],
              [116.812744, 39.05097],
              [116.871874, 39.054688],
              [116.912526, 39.110898],
              [116.91191, 39.111362],
              [116.91191, 39.111362],
              [116.912526, 39.110898],
              [116.909446, 39.150822],
              [116.870026, 39.153607],
              [116.855859, 39.215766],
              [116.881729, 39.225966],
              [116.881729, 39.225966],
              [116.87249, 39.291304],
              [116.889736, 39.338068],
              [116.870642, 39.357506],
              [116.829374, 39.338994],
              [116.818287, 39.3737],
              [116.840461, 39.378326],
              [116.839845, 39.413474],
              [116.876185, 39.43474],
              [116.832454, 39.435664],
              [116.785026, 39.465702],
              [116.820751, 39.482332],
              [116.819519, 39.528507],
              [116.78749, 39.554352],
              [116.808432, 39.576497],
              [116.812128, 39.615695],
              [116.8497, 39.66777],
              [116.906366, 39.677444],
              [116.90575, 39.688037],
              [116.932236, 39.706456],
              [116.932236, 39.706456],
              [116.944555, 39.695405],
              [116.944555, 39.695405],
              [116.948866, 39.680668],
              [116.948866, 39.680668],
              [116.964265, 39.64335],
              [116.983359, 39.638742],
              [116.983359, 39.638742],
              [117.016004, 39.653949],
              [117.10901, 39.625375],
              [117.10901, 39.625375],
              [117.152742, 39.623532],
              [117.177996, 39.645194],
              [117.165061, 39.718886],
              [117.165061, 39.718886],
              [117.161981, 39.748801],
              [117.205713, 39.763984],
              [117.15767, 39.796638],
              [117.156438, 39.817326],
              [117.192162, 39.832953],
              [117.251908, 39.834332],
              [117.247597, 39.860981],
              [117.227887, 39.852712],
              [117.162597, 39.876598],
              [117.162597, 39.876598],
              [117.150894, 39.944996],
              [117.198322, 39.992697],
              [117.192162, 40.066475],
              [117.210024, 40.082045],
              [117.224191, 40.094865],
              [117.224191, 40.094865],
              [117.254988, 40.114548],
              [117.254988, 40.114548],
              [117.254988, 40.114548],
              [117.274082, 40.105852],
              [117.307343, 40.136971],
              [117.349227, 40.136513],
              [117.367089, 40.172649],
              [117.367089, 40.173106],
              [117.367089, 40.173106],
              [117.367089, 40.172649],
              [117.383719, 40.188195],
              [117.389879, 40.227958],
              [117.415748, 40.248973],
              [117.450241, 40.252627],
              [117.505059, 40.227044],
              [117.548791, 40.232527],
              [117.571581, 40.219276],
              [117.576508, 40.178593],
              [117.609769, 40.160301],
              [117.609769, 40.160301],
              [117.613465, 40.158014],
              [117.613465, 40.158014],
              [117.651653, 40.122786],
              [117.651653, 40.122786],
              [117.654117, 40.114548],
              [117.654117, 40.114548],
              [117.655965, 40.109514],
              [117.655965, 40.109514],
              [117.675059, 40.082045],
              [117.71879, 40.082045],
              [117.71879, 40.082045],
              [117.752667, 40.081588],
              [117.776073, 40.059605],
              [117.74774, 40.047236],
              [117.744044, 40.018368],
              [117.768681, 40.022034],
              [117.768681, 40.022034],
              [117.793319, 40.005534],
              [117.793319, 40.005534],
              [117.795167, 39.996823],
              [117.795167, 39.996823],
              [117.781616, 39.966558],
              [117.781616, 39.966558],
              [117.756363, 39.965181],
              [117.691073, 39.984902],
              [117.671363, 39.973896],
              [117.614697, 39.97252],
              [117.594987, 39.994531],
              [117.594987, 39.994531],
              [117.546327, 39.999116],
              [117.534625, 39.954631],
              [117.514914, 39.946832],
              [117.513067, 39.910576],
              [117.513067, 39.910576],
              [117.512451, 39.90874],
              [117.512451, 39.90874],
              [117.508139, 39.901854],
              [117.508139, 39.901854],
              [117.529081, 39.859144],
              [117.529081, 39.859144],
              [117.561726, 39.799856],
              [117.546327, 39.775943],
              [117.56111, 39.754782],
              [117.595603, 39.74604],
              [117.57774, 39.726711],
              [117.627015, 39.703693],
              [117.668899, 39.666849],
              [117.66274, 39.636437],
              [117.637486, 39.603246],
              [117.654117, 39.575113],
              [117.684914, 39.58895],
              [117.707088, 39.576036],
              [117.715711, 39.529892],
              [117.745276, 39.547892],
              [117.753899, 39.579726],
              [117.753899, 39.579726],
              [117.766834, 39.598635],
              [117.829659, 39.589873],
              [117.868464, 39.59679],
              [117.933753, 39.574191],
              [117.904804, 39.533585],
              [117.912195, 39.517428],
              [117.912195, 39.517428],
              [117.899877, 39.474479],
              [117.870311, 39.455074],
              [117.871543, 39.411625],
              [117.846906, 39.407926],
              [117.765602, 39.400527],
            ],
          ],
          [
            [
              [117.805022, 39.373237],
              [117.784696, 39.376938],
              [117.765602, 39.400527],
              [117.846906, 39.407926],
              [117.852449, 39.380639],
              [117.805022, 39.373237],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 130000,
        name: '河北省',
        center: [114.502461, 38.045474],
        childrenNum: 11,
        level: 'province',
        subFeatureIndex: 2,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [117.467487, 40.649738],
              [117.467487, 40.649738],
              [117.501364, 40.636569],
              [117.514914, 40.660181],
              [117.493973, 40.675161],
              [117.408973, 40.686961],
              [117.342451, 40.673799],
              [117.319662, 40.657911],
              [117.278394, 40.664267],
              [117.208177, 40.694675],
              [117.117018, 40.70012],
              [117.11209, 40.707379],
              [117.012308, 40.693767],
              [116.964881, 40.709647],
              [116.926692, 40.745022],
              [116.924229, 40.773581],
              [116.848468, 40.839264],
              [116.81336, 40.848319],
              [116.759773, 40.889954],
              [116.713577, 40.909858],
              [116.722201, 40.927495],
              [116.677853, 40.970888],
              [116.698795, 41.021477],
              [116.688324, 41.044501],
              [116.647672, 41.059394],
              [116.615643, 41.053076],
              [116.623034, 41.021026],
              [116.598397, 40.974503],
              [116.5676, 40.992574],
              [116.519557, 40.98128],
              [116.519557, 40.98128],
              [116.455499, 40.980828],
              [116.447492, 40.953715],
              [116.477057, 40.899907],
              [116.398216, 40.90624],
              [116.370499, 40.94377],
              [116.339702, 40.929303],
              [116.334159, 40.90443],
              [116.438253, 40.81934],
              [116.46597, 40.774487],
              [116.453651, 40.765876],
              [116.316912, 40.772221],
              [116.311369, 40.754996],
              [116.273181, 40.762703],
              [116.247311, 40.791707],
              [116.22021, 40.744115],
              [116.204812, 40.740035],
              [116.171551, 40.695582],
              [116.162928, 40.662451],
              [116.133979, 40.666536],
              [116.09887, 40.630665],
              [116.005247, 40.583868],
              [115.982457, 40.578868],
              [115.971986, 40.6025],
              [115.907929, 40.617493],
              [115.885139, 40.595229],
              [115.827857, 40.587504],
              [115.819849, 40.55932],
              [115.784741, 40.55841],
              [115.755176, 40.540221],
              [115.736082, 40.503372],
              [115.781045, 40.49336],
              [115.771806, 40.443734],
              [115.864197, 40.359422],
              [115.917784, 40.354405],
              [115.95166, 40.281852],
              [115.968907, 40.264045],
              [115.89869, 40.234354],
              [115.870356, 40.185909],
              [115.855574, 40.188652],
              [115.847567, 40.147036],
              [115.806299, 40.15344],
              [115.773654, 40.176307],
              [115.75456, 40.145663],
              [115.75456, 40.145663],
              [115.599959, 40.119583],
              [115.59072, 40.096239],
              [115.527278, 40.076092],
              [115.485394, 40.040364],
              [115.454597, 40.029825],
              [115.450286, 39.992697],
              [115.428728, 39.984443],
              [115.426264, 39.950502],
              [115.481083, 39.935819],
              [115.522967, 39.899099],
              [115.515575, 39.892212],
              [115.515575, 39.892212],
              [115.526046, 39.87568],
              [115.514344, 39.837549],
              [115.567314, 39.816407],
              [115.552532, 39.794799],
              [115.50572, 39.784222],
              [115.483547, 39.798477],
              [115.483547, 39.798477],
              [115.443511, 39.785601],
              [115.439815, 39.752022],
              [115.486626, 39.741899],
              [115.491554, 39.670074],
              [115.478619, 39.650723],
              [115.478619, 39.650723],
              [115.522351, 39.640124],
              [115.518039, 39.597252],
              [115.545756, 39.618922],
              [115.587024, 39.589873],
              [115.633836, 39.599557],
              [115.633836, 39.599557],
              [115.667712, 39.615234],
              [115.698509, 39.577881],
              [115.698509, 39.577881],
              [115.699125, 39.570039],
              [115.699125, 39.570039],
              [115.716988, 39.56035],
              [115.716988, 39.56035],
              [115.718835, 39.553891],
              [115.718835, 39.553891],
              [115.720683, 39.551122],
              [115.720683, 39.551122],
              [115.722531, 39.5442],
              [115.721299, 39.543738],
              [115.722531, 39.5442],
              [115.722531, 39.543738],
              [115.721299, 39.543738],
              [115.722531, 39.543738],
              [115.724995, 39.5442],
              [115.724995, 39.5442],
              [115.738545, 39.540046],
              [115.738545, 39.539585],
              [115.738545, 39.540046],
              [115.738545, 39.539585],
              [115.752712, 39.515581],
              [115.806299, 39.510041],
              [115.806299, 39.510041],
              [115.821081, 39.522968],
              [115.821081, 39.522968],
              [115.828473, 39.541431],
              [115.867893, 39.546507],
              [115.867893, 39.546507],
              [115.91532, 39.582955],
              [115.91532, 39.582955],
              [115.910393, 39.600479],
              [115.910393, 39.600479],
              [115.957204, 39.560812],
              [115.978146, 39.595868],
              [115.995392, 39.576958],
              [116.026189, 39.587567],
              [116.036044, 39.571884],
              [116.09887, 39.575113],
              [116.130283, 39.567732],
              [116.151841, 39.583416],
              [116.198652, 39.589412],
              [116.240536, 39.564041],
              [116.257782, 39.500344],
              [116.307057, 39.488337],
              [116.337854, 39.455536],
              [116.361876, 39.455074],
              [116.361876, 39.455074],
              [116.434557, 39.442597],
              [116.454883, 39.453226],
              [116.444412, 39.482332],
              [116.411767, 39.482794],
              [116.401912, 39.528046],
              [116.443796, 39.510041],
              [116.437637, 39.526661],
              [116.478289, 39.535431],
              [116.473361, 39.552968],
              [116.50847, 39.551122],
              [116.524484, 39.596329],
              [116.592237, 39.621227],
              [116.592237, 39.621227],
              [116.620571, 39.601863],
              [116.664918, 39.605552],
              [116.723432, 39.59264],
              [116.724048, 39.59264],
              [116.723432, 39.59264],
              [116.724048, 39.59264],
              [116.726512, 39.595407],
              [116.726512, 39.595407],
              [116.709266, 39.618],
              [116.748686, 39.619844],
              [116.79057, 39.595868],
              [116.812128, 39.615695],
              [116.808432, 39.576497],
              [116.78749, 39.554352],
              [116.819519, 39.528507],
              [116.820751, 39.482332],
              [116.785026, 39.465702],
              [116.832454, 39.435664],
              [116.876185, 39.43474],
              [116.839845, 39.413474],
              [116.840461, 39.378326],
              [116.818287, 39.3737],
              [116.829374, 39.338994],
              [116.870642, 39.357506],
              [116.889736, 39.338068],
              [116.87249, 39.291304],
              [116.881729, 39.225966],
              [116.881729, 39.225966],
              [116.855859, 39.215766],
              [116.870026, 39.153607],
              [116.909446, 39.150822],
              [116.912526, 39.110898],
              [116.91191, 39.111362],
              [116.91191, 39.111362],
              [116.912526, 39.110898],
              [116.871874, 39.054688],
              [116.812744, 39.05097],
              [116.812744, 39.05097],
              [116.783179, 39.05097],
              [116.783179, 39.05097],
              [116.754229, 39.034701],
              [116.754229, 39.034701],
              [116.754845, 39.003084],
              [116.72836, 38.975174],
              [116.708034, 38.931892],
              [116.722201, 38.896968],
              [116.723432, 38.852706],
              [116.75115, 38.831264],
              [116.737599, 38.784629],
              [116.746222, 38.754299],
              [116.794265, 38.744498],
              [116.794265, 38.744498],
              [116.858939, 38.741231],
              [116.877417, 38.680522],
              [116.948866, 38.689398],
              [116.950714, 38.689398],
              [116.95133, 38.689398],
              [116.950714, 38.689398],
              [116.948866, 38.689398],
              [116.95133, 38.689398],
              [117.038793, 38.688464],
              [117.068358, 38.680522],
              [117.055424, 38.639398],
              [117.070822, 38.608072],
              [117.109626, 38.584685],
              [117.150894, 38.617892],
              [117.183539, 38.61836],
              [117.183539, 38.61836],
              [117.213104, 38.639866],
              [117.213104, 38.639866],
              [117.258684, 38.608072],
              [117.258684, 38.608072],
              [117.238358, 38.580943],
              [117.25314, 38.556143],
              [117.368937, 38.564566],
              [117.432379, 38.601524],
              [117.47919, 38.616489],
              [117.55803, 38.613683],
              [117.639334, 38.626776],
              [117.638102, 38.54491],
              [117.68553, 38.539293],
              [117.644878, 38.52759],
              [117.678754, 38.477008],
              [117.72495, 38.457328],
              [117.730493, 38.424985],
              [117.781, 38.373862],
              [117.84629, 38.368232],
              [117.937449, 38.387936],
              [117.957775, 38.376208],
              [117.948536, 38.346644],
              [117.895565, 38.301572],
              [117.848754, 38.255062],
              [117.808718, 38.22827],
              [117.789007, 38.180772],
              [117.766834, 38.158658],
              [117.771145, 38.134655],
              [117.746508, 38.12524],
              [117.704624, 38.076262],
              [117.586979, 38.071551],
              [117.557414, 38.046105],
              [117.557414, 38.046105],
              [117.524154, 37.989527],
              [117.513067, 37.94329],
              [117.481038, 37.914967],
              [117.438538, 37.854035],
              [117.400966, 37.844584],
              [117.320278, 37.861596],
              [117.271618, 37.839858],
              [117.185387, 37.849783],
              [117.150278, 37.839385],
              [117.074518, 37.848837],
              [117.027091, 37.832296],
              [116.919301, 37.846002],
              [116.837997, 37.835132],
              [116.804736, 37.848837],
              [116.753613, 37.793054],
              [116.753613, 37.77035],
              [116.724664, 37.744327],
              [116.679085, 37.728708],
              [116.66307, 37.686096],
              [116.604556, 37.624975],
              [116.575607, 37.610754],
              [116.4826, 37.521573],
              [116.448108, 37.503059],
              [116.433941, 37.473142],
              [116.38097, 37.522522],
              [116.379738, 37.522047],
              [116.38097, 37.522522],
              [116.379738, 37.522047],
              [116.36742, 37.566177],
              [116.336007, 37.581355],
              [116.295355, 37.554316],
              [116.278724, 37.524895],
              [116.290427, 37.484065],
              [116.27626, 37.466967],
              [116.240536, 37.489764],
              [116.240536, 37.489764],
              [116.224522, 37.479791],
              [116.243, 37.447965],
              [116.226369, 37.428007],
              [116.2855, 37.404241],
              [116.236224, 37.361442],
              [116.193109, 37.365723],
              [116.169087, 37.384271],
              [116.106261, 37.368577],
              [116.085935, 37.373809],
              [116.024341, 37.360015],
              [115.975682, 37.337179],
              [115.969523, 37.239572],
              [115.909777, 37.20669],
              [115.91224, 37.177132],
              [115.879596, 37.150901],
              [115.888219, 37.112254],
              [115.85619, 37.060694],
              [115.776734, 36.992848],
              [115.79706, 36.968945],
              [115.75764, 36.902453],
              [115.71206, 36.883308],
              [115.688654, 36.838777],
              [115.686807, 36.810034],
              [115.524815, 36.763543],
              [115.479851, 36.760187],
              [115.451518, 36.702151],
              [115.420105, 36.686795],
              [115.365902, 36.621979],
              [115.355431, 36.627262],
              [115.33141, 36.550378],
              [115.272895, 36.497476],
              [115.291374, 36.460423],
              [115.317243, 36.454166],
              [115.297533, 36.413239],
              [115.340033, 36.398307],
              [115.368982, 36.342409],
              [115.366518, 36.30914],
              [115.423185, 36.32216],
              [115.417025, 36.292742],
              [115.462605, 36.276339],
              [115.466916, 36.258969],
              [115.466916, 36.258969],
              [115.474923, 36.248352],
              [115.483547, 36.148865],
              [115.465068, 36.170125],
              [115.450902, 36.152248],
              [115.376989, 36.128083],
              [115.365902, 36.099074],
              [115.312931, 36.088436],
              [115.30246, 36.127599],
              [115.279055, 36.13775],
              [115.242098, 36.19138],
              [115.202678, 36.208765],
              [115.202678, 36.208765],
              [115.202678, 36.209248],
              [115.202678, 36.209248],
              [115.201446, 36.210214],
              [115.201446, 36.210214],
              [115.1842, 36.193312],
              [115.12507, 36.209731],
              [115.104744, 36.172058],
              [115.06286, 36.178338],
              [115.048693, 36.161912],
              [115.04623, 36.112613],
              [114.998186, 36.069572],
              [114.914419, 36.052155],
              [114.926737, 36.089403],
              [114.912571, 36.140649],
              [114.858368, 36.144516],
              [114.857752, 36.127599],
              [114.771521, 36.124699],
              [114.734564, 36.15563],
              [114.720398, 36.140166],
              [114.640326, 36.137266],
              [114.588587, 36.118414],
              [114.586739, 36.141133],
              [114.533152, 36.171575],
              [114.480181, 36.177855],
              [114.466015, 36.197658],
              [114.417356, 36.205868],
              [114.408117, 36.224699],
              [114.356378, 36.230492],
              [114.345291, 36.255591],
              [114.299095, 36.245938],
              [114.257827, 36.263794],
              [114.241197, 36.251247],
              [114.2104, 36.272962],
              [114.203009, 36.245456],
              [114.170364, 36.245938],
              [114.170364, 36.245938],
              [114.175907, 36.264759],
              [114.129096, 36.280199],
              [114.080437, 36.269585],
              [114.04348, 36.303353],
              [114.056415, 36.329392],
              [114.002828, 36.334214],
              [113.981887, 36.31782],
              [113.962792, 36.353977],
              [113.911054, 36.314927],
              [113.882104, 36.353977],
              [113.84946, 36.347711],
              [113.856851, 36.329392],
              [113.813119, 36.332285],
              [113.755221, 36.366026],
              [113.731199, 36.363135],
              [113.708409, 36.423352],
              [113.670221, 36.425278],
              [113.635729, 36.451277],
              [113.587069, 36.460904],
              [113.554425, 36.494589],
              [113.559968, 36.528741],
              [113.588917, 36.547974],
              [113.569823, 36.585947],
              [113.539642, 36.594116],
              [113.54457, 36.62342],
              [113.486671, 36.635427],
              [113.476816, 36.655114],
              [113.506997, 36.705029],
              [113.465113, 36.707908],
              [113.499606, 36.740527],
              [113.535946, 36.732373],
              [113.549497, 36.752515],
              [113.600004, 36.752995],
              [113.680692, 36.789907],
              [113.676381, 36.855539],
              [113.696707, 36.882351],
              [113.731815, 36.878521],
              [113.731815, 36.858891],
              [113.773083, 36.85506],
              [113.792793, 36.894796],
              [113.76138, 36.956034],
              [113.791561, 36.98759],
              [113.771851, 37.016745],
              [113.788482, 37.059739],
              [113.758301, 37.075497],
              [113.773699, 37.107004],
              [113.773083, 37.151855],
              [113.832213, 37.167594],
              [113.853155, 37.215269],
              [113.886416, 37.239095],
              [113.90243, 37.310052],
              [113.962792, 37.355734],
              [113.973879, 37.40329],
              [114.014531, 37.42468],
              [114.036705, 37.494037],
              [114.118625, 37.59084],
              [114.115545, 37.619761],
              [114.139567, 37.675676],
              [114.12848, 37.698409],
              [114.068118, 37.721608],
              [113.993589, 37.706932],
              [113.996669, 37.730128],
              [114.044712, 37.761834],
              [114.006524, 37.813386],
              [113.976959, 37.816696],
              [113.959097, 37.906468],
              [113.936307, 37.922993],
              [113.901198, 37.984811],
              [113.872249, 37.990471],
              [113.876561, 38.055059],
              [113.811271, 38.117707],
              [113.831597, 38.16854],
              [113.797105, 38.162894],
              [113.720728, 38.174656],
              [113.711489, 38.213695],
              [113.678844, 38.20523],
              [113.64312, 38.232031],
              [113.598772, 38.22733],
              [113.570439, 38.237202],
              [113.54457, 38.270569],
              [113.557504, 38.343359],
              [113.525475, 38.383245],
              [113.537794, 38.417952],
              [113.583374, 38.459671],
              [113.5612, 38.485909],
              [113.561816, 38.558483],
              [113.603084, 38.587024],
              [113.612939, 38.645942],
              [113.70225, 38.651551],
              [113.720728, 38.713218],
              [113.775547, 38.709949],
              [113.802648, 38.763166],
              [113.839605, 38.7585],
              [113.836525, 38.795824],
              [113.855619, 38.828933],
              [113.795257, 38.860628],
              [113.776163, 38.885788],
              [113.76754, 38.959819],
              [113.776779, 38.986804],
              [113.80696, 38.989595],
              [113.898119, 39.067699],
              [113.930148, 39.063517],
              [113.961561, 39.100681],
              [113.994821, 39.095572],
              [114.006524, 39.122971],
              [114.050872, 39.135969],
              [114.064422, 39.094179],
              [114.082901, 39.09325],
              [114.082901, 39.09325],
              [114.10877, 39.052364],
              [114.157429, 39.061194],
              [114.180835, 39.049111],
              [114.252284, 39.073739],
              [114.345907, 39.075133],
              [114.369928, 39.107648],
              [114.360689, 39.134112],
              [114.388406, 39.176807],
              [114.443841, 39.174023],
              [114.47587, 39.21623],
              [114.416124, 39.242654],
              [114.437066, 39.259337],
              [114.430906, 39.307513],
              [114.466631, 39.329736],
              [114.469095, 39.400989],
              [114.496812, 39.438437],
              [114.501739, 39.476789],
              [114.532536, 39.486027],
              [114.568877, 39.573729],
              [114.51529, 39.564964],
              [114.49558, 39.608318],
              [114.431522, 39.613851],
              [114.408117, 39.652106],
              [114.409964, 39.761683],
              [114.41674, 39.775943],
              [114.390254, 39.819165],
              [114.406885, 39.833413],
              [114.395182, 39.867412],
              [114.285545, 39.858225],
              [114.286776, 39.871087],
              [114.215943, 39.8619],
              [114.204241, 39.885324],
              [114.229494, 39.899558],
              [114.212248, 39.918839],
              [114.17406, 39.897722],
              [114.067502, 39.922511],
              [114.047176, 39.916085],
              [114.028082, 39.959218],
              [114.029314, 39.985819],
              [113.910438, 40.015618],
              [113.959097, 40.033491],
              [113.989278, 40.11226],
              [114.018227, 40.103563],
              [114.045944, 40.056856],
              [114.086596, 40.071513],
              [114.101995, 40.099901],
              [114.073046, 40.168533],
              [114.073046, 40.168533],
              [114.097683, 40.193681],
              [114.135871, 40.175392],
              [114.180219, 40.191395],
              [114.235654, 40.198252],
              [114.255364, 40.236182],
              [114.292936, 40.230242],
              [114.362537, 40.249886],
              [114.406269, 40.246232],
              [114.46971, 40.268155],
              [114.510978, 40.302851],
              [114.530688, 40.345283],
              [114.481413, 40.34802],
              [114.438914, 40.371733],
              [114.390254, 40.351213],
              [114.381015, 40.36307],
              [114.31203, 40.372645],
              [114.286161, 40.425057],
              [114.299711, 40.44009],
              [114.267066, 40.474242],
              [114.282465, 40.494725],
              [114.293552, 40.55159],
              [114.273842, 40.552954],
              [114.283081, 40.590685],
              [114.236269, 40.607043],
              [114.183299, 40.67153],
              [114.162357, 40.71373],
              [114.134639, 40.737314],
              [114.103227, 40.770861],
              [114.104458, 40.797597],
              [114.080437, 40.790348],
              [114.044712, 40.830661],
              [114.073661, 40.857372],
              [114.055183, 40.867782],
              [114.041633, 40.917546],
              [114.057647, 40.925234],
              [113.994821, 40.938798],
              [113.973263, 40.983087],
              [113.868554, 41.06887],
              [113.819279, 41.09774],
              [113.877793, 41.115777],
              [113.920293, 41.172112],
              [113.960945, 41.171211],
              [113.996669, 41.19238],
              [114.016379, 41.231999],
              [113.992357, 41.269794],
              [113.971416, 41.239649],
              [113.95109, 41.282837],
              [113.914749, 41.294529],
              [113.899351, 41.316108],
              [113.92522, 41.325546],
              [113.94493, 41.392477],
              [113.871017, 41.413126],
              [113.877793, 41.431076],
              [113.919677, 41.454404],
              [113.933227, 41.487139],
              [113.953553, 41.483553],
              [113.976959, 41.505966],
              [114.032394, 41.529715],
              [114.101379, 41.537779],
              [114.230726, 41.513584],
              [114.221487, 41.582111],
              [114.226414, 41.616572],
              [114.259059, 41.623282],
              [114.215328, 41.68499],
              [114.237501, 41.698843],
              [114.206704, 41.7386],
              [114.215328, 41.75646],
              [114.200545, 41.789934],
              [114.282465, 41.863517],
              [114.343443, 41.926774],
              [114.352066, 41.953484],
              [114.419203, 41.942356],
              [114.478334, 41.951704],
              [114.511594, 41.981962],
              [114.467863, 42.025989],
              [114.480181, 42.064654],
              [114.502355, 42.06732],
              [114.510978, 42.110844],
              [114.560254, 42.132595],
              [114.647717, 42.109512],
              [114.675434, 42.12061],
              [114.75489, 42.115727],
              [114.789383, 42.130819],
              [114.79431, 42.149457],
              [114.825723, 42.139695],
              [114.86268, 42.097967],
              [114.860832, 42.054879],
              [114.9021, 42.015763],
              [114.915035, 41.960605],
              [114.923658, 41.871093],
              [114.939056, 41.846132],
              [114.922426, 41.825175],
              [114.868839, 41.813579],
              [114.89594, 41.76762],
              [114.902716, 41.695715],
              [114.895325, 41.636255],
              [114.860832, 41.60091],
              [115.016049, 41.615229],
              [115.056085, 41.602253],
              [115.0992, 41.62373],
              [115.195287, 41.602253],
              [115.20391, 41.571367],
              [115.256881, 41.580768],
              [115.26612, 41.616124],
              [115.290142, 41.622835],
              [115.310468, 41.592854],
              [115.377605, 41.603148],
              [115.345576, 41.635807],
              [115.360975, 41.661297],
              [115.319091, 41.691693],
              [115.346808, 41.712247],
              [115.42996, 41.728775],
              [115.488474, 41.760924],
              [115.519887, 41.76762],
              [115.57409, 41.80555],
              [115.654162, 41.829189],
              [115.688038, 41.867528],
              [115.726227, 41.870202],
              [115.811226, 41.912525],
              [115.834632, 41.93835],
              [115.85311, 41.927665],
              [115.916552, 41.945027],
              [115.954124, 41.874213],
              [115.994776, 41.828743],
              [116.007095, 41.797966],
              [116.007095, 41.79752],
              [116.007095, 41.797966],
              [116.007095, 41.79752],
              [116.034196, 41.782795],
              [116.09887, 41.776547],
              [116.129051, 41.805996],
              [116.106877, 41.831419],
              [116.122892, 41.861734],
              [116.194341, 41.861734],
              [116.212819, 41.885352],
              [116.223906, 41.932562],
              [116.298434, 41.96817],
              [116.310137, 41.997086],
              [116.373579, 42.009983],
              [116.414231, 41.982407],
              [116.393289, 41.942802],
              [116.453651, 41.945917],
              [116.4826, 41.975734],
              [116.510933, 41.974399],
              [116.553433, 41.928555],
              [116.597165, 41.935679],
              [116.639049, 41.929891],
              [116.66923, 41.947698],
              [116.727744, 41.951259],
              [116.748686, 41.984186],
              [116.796113, 41.977958],
              [116.879881, 42.018431],
              [116.890352, 42.092639],
              [116.850316, 42.156556],
              [116.825062, 42.155669],
              [116.789338, 42.200462],
              [116.903287, 42.190708],
              [116.918685, 42.229716],
              [116.897743, 42.297479],
              [116.886656, 42.366496],
              [116.910678, 42.394789],
              [116.910678, 42.394789],
              [116.910062, 42.395231],
              [116.910062, 42.395231],
              [116.921765, 42.403628],
              [116.921765, 42.403628],
              [116.936547, 42.410256],
              [116.936547, 42.410256],
              [116.944555, 42.415116],
              [116.944555, 42.415116],
              [116.97104, 42.427486],
              [116.97104, 42.427486],
              [116.974736, 42.426603],
              [116.974736, 42.426603],
              [116.99075, 42.425719],
              [116.99075, 42.425719],
              [117.005533, 42.43367],
              [117.005533, 42.43367],
              [117.009228, 42.44957],
              [117.009228, 42.44957],
              [117.01662, 42.456193],
              [117.01662, 42.456193],
              [117.080061, 42.463699],
              [117.080061, 42.463699],
              [117.09546, 42.484004],
              [117.135496, 42.468996],
              [117.188467, 42.468114],
              [117.188467, 42.468114],
              [117.275314, 42.481797],
              [117.275314, 42.481797],
              [117.332596, 42.46105],
              [117.332596, 42.46105],
              [117.390495, 42.461933],
              [117.413284, 42.471645],
              [117.410205, 42.519743],
              [117.387415, 42.517537],
              [117.387415, 42.517537],
              [117.434226, 42.557224],
              [117.435458, 42.585431],
              [117.475494, 42.602613],
              [117.530313, 42.590278],
              [117.537088, 42.603054],
              [117.60053, 42.603054],
              [117.667051, 42.582347],
              [117.708935, 42.588515],
              [117.779768, 42.61847],
              [117.801326, 42.612744],
              [117.797631, 42.585431],
              [117.856761, 42.539148],
              [117.874007, 42.510038],
              [117.997811, 42.416884],
              [118.024296, 42.385064],
              [118.008898, 42.346595],
              [118.060021, 42.298364],
              [118.047702, 42.280656],
              [117.974405, 42.25054],
              [117.977485, 42.229716],
              [118.033535, 42.199132],
              [118.106216, 42.172082],
              [118.089586, 42.12283],
              [118.097593, 42.105072],
              [118.155491, 42.081091],
              [118.116687, 42.037102],
              [118.194296, 42.031324],
              [118.220165, 42.058434],
              [118.212774, 42.081091],
              [118.239259, 42.092639],
              [118.27252, 42.083312],
              [118.296541, 42.057545],
              [118.286686, 42.033991],
              [118.239875, 42.024655],
              [118.291614, 42.007759],
              [118.313788, 41.98819],
              [118.306396, 41.940131],
              [118.268824, 41.930336],
              [118.340273, 41.87243],
              [118.335346, 41.845241],
              [118.29223, 41.772976],
              [118.247266, 41.773869],
              [118.236179, 41.80778],
              [118.178281, 41.814917],
              [118.140093, 41.784134],
              [118.132702, 41.733241],
              [118.155491, 41.712694],
              [118.159187, 41.67605],
              [118.206614, 41.650566],
              [118.215237, 41.59554],
              [118.302701, 41.55256],
              [118.315636, 41.512688],
              [118.271904, 41.471446],
              [118.327338, 41.450816],
              [118.348896, 41.428384],
              [118.361215, 41.384844],
              [118.348896, 41.342622],
              [118.380309, 41.312062],
              [118.412338, 41.331838],
              [118.528135, 41.355202],
              [118.629765, 41.346666],
              [118.677192, 41.35026],
              [118.741866, 41.324198],
              [118.770199, 41.352956],
              [118.843496, 41.374516],
              [118.844727, 41.342622],
              [118.890923, 41.300823],
              [118.949437, 41.317906],
              [118.980234, 41.305769],
              [119.092951, 41.293629],
              [119.168712, 41.294978],
              [119.197661, 41.282837],
              [119.211827, 41.308016],
              [119.239545, 41.31431],
              [119.2494, 41.279689],
              [119.209364, 41.244599],
              [119.204436, 41.222546],
              [119.169943, 41.222996],
              [119.189038, 41.198234],
              [119.126212, 41.138767],
              [119.081248, 41.131555],
              [119.080632, 41.095936],
              [119.037516, 41.067516],
              [118.964836, 41.079246],
              [118.937118, 41.052625],
              [118.951901, 41.018317],
              [119.013495, 41.007479],
              [119.00056, 40.967273],
              [118.977154, 40.959138],
              [118.977154, 40.959138],
              [118.916792, 40.969984],
              [118.90201, 40.960946],
              [118.873061, 40.847866],
              [118.845959, 40.822057],
              [118.878604, 40.783098],
              [118.907553, 40.775394],
              [118.895234, 40.75409],
              [118.950053, 40.747743],
              [118.96114, 40.72008],
              [119.011031, 40.687414],
              [119.028277, 40.692406],
              [119.054763, 40.664721],
              [119.115125, 40.666536],
              [119.165632, 40.69286],
              [119.184726, 40.680153],
              [119.14469, 40.632482],
              [119.162552, 40.600228],
              [119.177951, 40.609315],
              [119.230921, 40.603863],
              [119.22045, 40.569322],
              [119.256175, 40.543404],
              [119.30237, 40.530215],
              [119.429254, 40.540221],
              [119.477913, 40.533399],
              [119.503783, 40.553864],
              [119.559217, 40.547952],
              [119.572152, 40.523846],
              [119.553674, 40.502007],
              [119.604797, 40.455119],
              [119.586934, 40.375381],
              [119.598021, 40.334335],
              [119.651608, 40.271808],
              [119.639289, 40.231613],
              [119.639289, 40.231613],
              [119.671934, 40.23938],
              [119.716898, 40.195966],
              [119.745847, 40.207851],
              [119.760629, 40.136056],
              [119.736608, 40.104936],
              [119.772332, 40.08113],
              [119.783419, 40.046778],
              [119.783419, 40.046778],
              [119.787115, 40.041739],
              [119.787115, 40.041739],
              [119.81668, 40.050443],
              [119.81668, 40.050443],
              [119.854252, 40.033033],
              [119.845629, 40.000949],
              [119.845629, 40.000949],
              [119.854252, 39.98857],
              [119.872114, 39.960594],
              [119.842549, 39.956007],
              [119.820375, 39.979399],
              [119.787115, 39.950502],
              [119.726137, 39.940867],
              [119.681789, 39.922511],
              [119.642369, 39.925264],
              [119.620195, 39.904609],
              [119.588166, 39.910576],
              [119.540739, 39.888079],
              [119.520413, 39.840306],
              [119.536427, 39.809052],
              [119.474217, 39.813189],
              [119.366428, 39.734996],
              [119.269726, 39.498497],
              [119.316537, 39.437051],
              [119.317153, 39.4107],
              [119.272805, 39.363521],
              [119.185342, 39.342234],
              [119.121284, 39.281576],
              [119.096031, 39.24219],
              [119.038132, 39.211593],
              [119.023966, 39.187012],
              [118.97777, 39.163352],
              [118.926031, 39.123435],
              [118.890307, 39.118792],
              [118.896466, 39.139683],
              [118.951285, 39.178662],
              [118.920488, 39.171703],
              [118.897082, 39.151286],
              [118.857662, 39.162888],
              [118.814546, 39.138754],
              [118.76096, 39.133648],
              [118.637156, 39.157319],
              [118.578642, 39.130863],
              [118.588497, 39.107648],
              [118.533062, 39.090928],
              [118.570634, 38.999363],
              [118.604511, 38.971452],
              [118.539837, 38.910008],
              [118.491178, 38.909077],
              [118.377845, 38.971917],
              [118.366143, 39.016104],
              [118.319331, 39.009594],
              [118.225092, 39.034701],
              [118.1906, 39.080708],
              [118.162883, 39.136433],
              [118.12531, 39.182838],
              [118.065564, 39.218084],
              [118.056941, 39.219939],
              [118.037231, 39.220402],
              [118.064948, 39.231065],
              [118.064948, 39.256094],
              [118.036615, 39.264898],
              [118.024296, 39.289451],
              [118.024296, 39.289451],
              [117.982412, 39.298714],
              [117.982412, 39.298714],
              [117.979333, 39.300566],
              [117.979333, 39.300566],
              [117.973173, 39.312143],
              [117.973173, 39.312143],
              [117.965782, 39.314921],
              [117.965782, 39.314921],
              [117.919587, 39.318162],
              [117.919587, 39.318162],
              [117.88879, 39.332051],
              [117.854913, 39.328348],
              [117.854297, 39.328348],
              [117.854913, 39.328348],
              [117.854297, 39.328348],
              [117.850601, 39.363984],
              [117.850601, 39.363984],
              [117.810565, 39.354729],
              [117.805022, 39.373237],
              [117.852449, 39.380639],
              [117.846906, 39.407926],
              [117.871543, 39.411625],
              [117.870311, 39.455074],
              [117.899877, 39.474479],
              [117.912195, 39.517428],
              [117.912195, 39.517428],
              [117.904804, 39.533585],
              [117.933753, 39.574191],
              [117.868464, 39.59679],
              [117.829659, 39.589873],
              [117.766834, 39.598635],
              [117.753899, 39.579726],
              [117.753899, 39.579726],
              [117.745276, 39.547892],
              [117.715711, 39.529892],
              [117.707088, 39.576036],
              [117.684914, 39.58895],
              [117.654117, 39.575113],
              [117.637486, 39.603246],
              [117.66274, 39.636437],
              [117.668899, 39.666849],
              [117.627015, 39.703693],
              [117.57774, 39.726711],
              [117.595603, 39.74604],
              [117.56111, 39.754782],
              [117.546327, 39.775943],
              [117.561726, 39.799856],
              [117.529081, 39.859144],
              [117.529081, 39.859144],
              [117.508139, 39.901854],
              [117.508139, 39.901854],
              [117.512451, 39.90874],
              [117.512451, 39.90874],
              [117.513067, 39.910576],
              [117.513067, 39.910576],
              [117.514914, 39.946832],
              [117.534625, 39.954631],
              [117.546327, 39.999116],
              [117.594987, 39.994531],
              [117.594987, 39.994531],
              [117.614697, 39.97252],
              [117.671363, 39.973896],
              [117.691073, 39.984902],
              [117.756363, 39.965181],
              [117.781616, 39.966558],
              [117.781616, 39.966558],
              [117.795167, 39.996823],
              [117.795167, 39.996823],
              [117.793319, 40.005534],
              [117.793319, 40.005534],
              [117.768681, 40.022034],
              [117.768681, 40.022034],
              [117.744044, 40.018368],
              [117.74774, 40.047236],
              [117.776073, 40.059605],
              [117.752667, 40.081588],
              [117.71879, 40.082045],
              [117.71879, 40.082045],
              [117.675059, 40.082045],
              [117.655965, 40.109514],
              [117.655965, 40.109514],
              [117.654117, 40.114548],
              [117.654117, 40.114548],
              [117.651653, 40.122786],
              [117.651653, 40.122786],
              [117.613465, 40.158014],
              [117.613465, 40.158014],
              [117.609769, 40.160301],
              [117.609769, 40.160301],
              [117.576508, 40.178593],
              [117.571581, 40.219276],
              [117.548791, 40.232527],
              [117.505059, 40.227044],
              [117.450241, 40.252627],
              [117.415748, 40.248973],
              [117.389879, 40.227958],
              [117.351075, 40.229786],
              [117.331365, 40.289613],
              [117.295024, 40.2782],
              [117.271618, 40.325211],
              [117.271618, 40.325211],
              [117.243285, 40.369453],
              [117.226039, 40.368997],
              [117.234046, 40.417312],
              [117.263611, 40.442367],
              [117.208793, 40.501552],
              [117.262995, 40.512927],
              [117.247597, 40.539766],
              [117.269771, 40.560684],
              [117.348611, 40.581141],
              [117.348611, 40.581141],
              [117.389879, 40.561593],
              [117.429915, 40.576141],
              [117.412669, 40.605226],
              [117.467487, 40.649738],
            ],
          ],
          [
            [
              [117.210024, 40.082045],
              [117.192162, 40.066475],
              [117.198322, 39.992697],
              [117.150894, 39.944996],
              [117.162597, 39.876598],
              [117.162597, 39.876598],
              [117.227887, 39.852712],
              [117.247597, 39.860981],
              [117.251908, 39.834332],
              [117.192162, 39.832953],
              [117.156438, 39.817326],
              [117.15767, 39.796638],
              [117.205713, 39.763984],
              [117.161981, 39.748801],
              [117.165061, 39.718886],
              [117.165061, 39.718886],
              [117.177996, 39.645194],
              [117.152742, 39.623532],
              [117.10901, 39.625375],
              [117.10901, 39.625375],
              [117.016004, 39.653949],
              [116.983359, 39.638742],
              [116.983359, 39.638742],
              [116.964265, 39.64335],
              [116.948866, 39.680668],
              [116.948866, 39.680668],
              [116.944555, 39.695405],
              [116.944555, 39.695405],
              [116.932236, 39.706456],
              [116.932236, 39.706456],
              [116.90575, 39.688037],
              [116.889736, 39.687576],
              [116.887272, 39.72533],
              [116.916837, 39.731314],
              [116.902055, 39.763523],
              [116.949482, 39.778703],
              [116.918069, 39.84628],
              [116.907598, 39.832494],
              [116.865714, 39.843982],
              [116.812128, 39.889916],
              [116.78441, 39.891294],
              [116.782563, 39.947749],
              [116.757925, 39.967934],
              [116.781331, 40.034866],
              [116.820135, 40.02845],
              [116.831222, 40.051359],
              [116.867562, 40.041739],
              [116.927924, 40.055024],
              [116.945171, 40.04128],
              [117.025243, 40.030283],
              [117.051728, 40.059605],
              [117.105315, 40.074261],
              [117.105315, 40.074261],
              [117.140423, 40.064185],
              [117.159517, 40.077008],
              [117.204481, 40.069681],
              [117.210024, 40.082045],
            ],
          ],
          [
            [
              [117.784696, 39.376938],
              [117.74466, 39.354729],
              [117.670747, 39.35658],
              [117.669515, 39.322792],
              [117.594987, 39.349176],
              [117.536472, 39.338068],
              [117.521074, 39.357043],
              [117.570965, 39.404689],
              [117.601146, 39.419485],
              [117.614081, 39.407001],
              [117.668899, 39.412087],
              [117.673211, 39.386652],
              [117.699696, 39.407463],
              [117.765602, 39.400527],
              [117.784696, 39.376938],
            ],
          ],
          [
            [
              [118.869365, 39.142932],
              [118.857662, 39.098824],
              [118.82009, 39.108576],
              [118.869365, 39.142932],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 140000,
        name: '山西省',
        center: [112.549248, 37.857014],
        centroid: [112.304761, 37.618555],
        childrenNum: 11,
        level: 'province',
        subFeatureIndex: 3,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [114.134639, 40.737314],
              [114.162357, 40.71373],
              [114.183299, 40.67153],
              [114.236269, 40.607043],
              [114.283081, 40.590685],
              [114.273842, 40.552954],
              [114.293552, 40.55159],
              [114.282465, 40.494725],
              [114.267066, 40.474242],
              [114.299711, 40.44009],
              [114.286161, 40.425057],
              [114.31203, 40.372645],
              [114.381015, 40.36307],
              [114.390254, 40.351213],
              [114.438914, 40.371733],
              [114.481413, 40.34802],
              [114.530688, 40.345283],
              [114.510978, 40.302851],
              [114.46971, 40.268155],
              [114.406269, 40.246232],
              [114.362537, 40.249886],
              [114.292936, 40.230242],
              [114.255364, 40.236182],
              [114.235654, 40.198252],
              [114.180219, 40.191395],
              [114.135871, 40.175392],
              [114.097683, 40.193681],
              [114.073046, 40.168533],
              [114.073046, 40.168533],
              [114.101995, 40.099901],
              [114.086596, 40.071513],
              [114.045944, 40.056856],
              [114.018227, 40.103563],
              [113.989278, 40.11226],
              [113.959097, 40.033491],
              [113.910438, 40.015618],
              [114.029314, 39.985819],
              [114.028082, 39.959218],
              [114.047176, 39.916085],
              [114.067502, 39.922511],
              [114.17406, 39.897722],
              [114.212248, 39.918839],
              [114.229494, 39.899558],
              [114.204241, 39.885324],
              [114.215943, 39.8619],
              [114.286776, 39.871087],
              [114.285545, 39.858225],
              [114.395182, 39.867412],
              [114.406885, 39.833413],
              [114.390254, 39.819165],
              [114.41674, 39.775943],
              [114.409964, 39.761683],
              [114.408117, 39.652106],
              [114.431522, 39.613851],
              [114.49558, 39.608318],
              [114.51529, 39.564964],
              [114.568877, 39.573729],
              [114.532536, 39.486027],
              [114.501739, 39.476789],
              [114.496812, 39.438437],
              [114.469095, 39.400989],
              [114.466631, 39.329736],
              [114.430906, 39.307513],
              [114.437066, 39.259337],
              [114.416124, 39.242654],
              [114.47587, 39.21623],
              [114.443841, 39.174023],
              [114.388406, 39.176807],
              [114.360689, 39.134112],
              [114.369928, 39.107648],
              [114.345907, 39.075133],
              [114.252284, 39.073739],
              [114.180835, 39.049111],
              [114.157429, 39.061194],
              [114.10877, 39.052364],
              [114.082901, 39.09325],
              [114.082901, 39.09325],
              [114.064422, 39.094179],
              [114.050872, 39.135969],
              [114.006524, 39.122971],
              [113.994821, 39.095572],
              [113.961561, 39.100681],
              [113.930148, 39.063517],
              [113.898119, 39.067699],
              [113.80696, 38.989595],
              [113.776779, 38.986804],
              [113.76754, 38.959819],
              [113.776163, 38.885788],
              [113.795257, 38.860628],
              [113.855619, 38.828933],
              [113.836525, 38.795824],
              [113.839605, 38.7585],
              [113.802648, 38.763166],
              [113.775547, 38.709949],
              [113.720728, 38.713218],
              [113.70225, 38.651551],
              [113.612939, 38.645942],
              [113.603084, 38.587024],
              [113.561816, 38.558483],
              [113.5612, 38.485909],
              [113.583374, 38.459671],
              [113.537794, 38.417952],
              [113.525475, 38.383245],
              [113.557504, 38.343359],
              [113.54457, 38.270569],
              [113.570439, 38.237202],
              [113.598772, 38.22733],
              [113.64312, 38.232031],
              [113.678844, 38.20523],
              [113.711489, 38.213695],
              [113.720728, 38.174656],
              [113.797105, 38.162894],
              [113.831597, 38.16854],
              [113.811271, 38.117707],
              [113.876561, 38.055059],
              [113.872249, 37.990471],
              [113.901198, 37.984811],
              [113.936307, 37.922993],
              [113.959097, 37.906468],
              [113.976959, 37.816696],
              [114.006524, 37.813386],
              [114.044712, 37.761834],
              [113.996669, 37.730128],
              [113.993589, 37.706932],
              [114.068118, 37.721608],
              [114.12848, 37.698409],
              [114.139567, 37.675676],
              [114.115545, 37.619761],
              [114.118625, 37.59084],
              [114.036705, 37.494037],
              [114.014531, 37.42468],
              [113.973879, 37.40329],
              [113.962792, 37.355734],
              [113.90243, 37.310052],
              [113.886416, 37.239095],
              [113.853155, 37.215269],
              [113.832213, 37.167594],
              [113.773083, 37.151855],
              [113.773699, 37.107004],
              [113.758301, 37.075497],
              [113.788482, 37.059739],
              [113.771851, 37.016745],
              [113.791561, 36.98759],
              [113.76138, 36.956034],
              [113.792793, 36.894796],
              [113.773083, 36.85506],
              [113.731815, 36.858891],
              [113.731815, 36.878521],
              [113.696707, 36.882351],
              [113.676381, 36.855539],
              [113.680692, 36.789907],
              [113.600004, 36.752995],
              [113.549497, 36.752515],
              [113.535946, 36.732373],
              [113.499606, 36.740527],
              [113.465113, 36.707908],
              [113.506997, 36.705029],
              [113.476816, 36.655114],
              [113.486671, 36.635427],
              [113.54457, 36.62342],
              [113.539642, 36.594116],
              [113.569823, 36.585947],
              [113.588917, 36.547974],
              [113.559968, 36.528741],
              [113.554425, 36.494589],
              [113.587069, 36.460904],
              [113.635729, 36.451277],
              [113.670221, 36.425278],
              [113.708409, 36.423352],
              [113.731199, 36.363135],
              [113.736127, 36.324571],
              [113.712105, 36.303353],
              [113.716417, 36.262347],
              [113.681924, 36.216491],
              [113.697939, 36.181719],
              [113.651127, 36.174473],
              [113.705946, 36.148865],
              [113.712721, 36.129533],
              [113.655439, 36.125182],
              [113.671453, 36.115514],
              [113.68562, 36.056026],
              [113.660366, 36.034735],
              [113.694859, 36.026991],
              [113.678844, 35.985841],
              [113.648663, 35.994073],
              [113.654207, 35.931586],
              [113.637576, 35.870019],
              [113.660982, 35.837035],
              [113.582758, 35.818111],
              [113.604932, 35.797727],
              [113.587685, 35.736542],
              [113.592613, 35.691838],
              [113.622794, 35.674825],
              [113.625258, 35.632518],
              [113.578446, 35.633491],
              [113.547649, 35.656835],
              [113.55812, 35.621816],
              [113.513773, 35.57364],
              [113.49899, 35.532254],
              [113.439244, 35.507412],
              [113.391817, 35.506925],
              [113.348085, 35.468429],
              [113.31236, 35.481101],
              [113.304353, 35.426989],
              [113.243375, 35.449418],
              [113.189789, 35.44893],
              [113.188557, 35.412357],
              [113.165151, 35.412845],
              [113.149137, 35.350878],
              [113.126347, 35.332327],
              [113.067217, 35.353806],
              [112.996384, 35.362104],
              [112.985913, 35.33965],
              [112.992072, 35.29619],
              [112.936022, 35.284466],
              [112.934174, 35.262968],
              [112.884283, 35.243909],
              [112.822073, 35.258082],
              [112.772798, 35.207732],
              [112.720443, 35.206265],
              [112.628052, 35.263457],
              [112.637291, 35.225822],
              [112.513487, 35.218489],
              [112.390915, 35.239021],
              [112.36751, 35.219956],
              [112.288053, 35.219956],
              [112.304684, 35.251728],
              [112.242474, 35.234622],
              [112.21722, 35.253195],
              [112.094033, 35.279092],
              [112.058924, 35.280069],
              [112.078634, 35.219467],
              [112.03983, 35.194039],
              [112.066315, 35.153437],
              [112.05646, 35.098615],
              [112.062004, 35.056005],
              [112.039214, 35.045717],
              [112.018888, 35.068742],
              [111.97762, 35.067272],
              [111.933272, 35.083435],
              [111.810084, 35.062374],
              [111.807005, 35.032977],
              [111.739251, 35.00406],
              [111.664107, 34.984449],
              [111.681969, 34.9511],
              [111.646861, 34.938836],
              [111.617911, 34.894671],
              [111.592042, 34.881416],
              [111.570484, 34.843114],
              [111.543999, 34.853428],
              [111.502731, 34.829851],
              [111.439289, 34.838202],
              [111.389398, 34.815113],
              [111.345666, 34.831816],
              [111.29208, 34.806759],
              [111.255123, 34.819535],
              [111.232949, 34.789559],
              [111.148566, 34.807742],
              [111.118385, 34.756623],
              [111.035233, 34.740887],
              [110.976103, 34.706456],
              [110.929907, 34.731543],
              [110.89911, 34.661673],
              [110.870777, 34.636072],
              [110.812263, 34.624746],
              [110.780234, 34.648874],
              [110.749437, 34.65232],
              [110.710017, 34.605045],
              [110.610851, 34.607508],
              [110.533242, 34.583368],
              [110.488279, 34.610956],
              [110.424837, 34.588295],
              [110.379257, 34.600612],
              [110.29549, 34.610956],
              [110.23636, 34.670533],
              [110.231432, 34.701044],
              [110.259149, 34.737937],
              [110.232664, 34.80332],
              [110.233896, 34.83722],
              [110.259149, 34.884853],
              [110.257301, 34.934912],
              [110.272084, 34.942761],
              [110.325671, 35.014844],
              [110.369402, 35.158329],
              [110.374946, 35.251728],
              [110.45009, 35.327933],
              [110.477808, 35.413821],
              [110.531394, 35.511309],
              [110.567735, 35.539559],
              [110.609619, 35.632031],
              [110.57759, 35.701559],
              [110.571431, 35.800639],
              [110.550489, 35.838005],
              [110.549257, 35.877778],
              [110.511684, 35.879718],
              [110.516612, 35.918501],
              [110.502445, 35.947575],
              [110.516612, 35.971796],
              [110.49259, 35.994073],
              [110.491974, 36.034735],
              [110.467953, 36.074893],
              [110.447011, 36.164328],
              [110.45625, 36.22663],
              [110.474112, 36.248352],
              [110.474112, 36.306729],
              [110.459946, 36.327946],
              [110.487047, 36.393972],
              [110.489511, 36.430094],
              [110.47288, 36.453203],
              [110.503677, 36.488335],
              [110.488895, 36.556628],
              [110.496902, 36.582102],
              [110.447627, 36.621018],
              [110.426685, 36.657514],
              [110.394656, 36.676716],
              [110.402663, 36.697352],
              [110.438388, 36.685835],
              [110.447011, 36.737649],
              [110.407591, 36.776007],
              [110.423605, 36.818179],
              [110.406975, 36.824886],
              [110.424221, 36.855539],
              [110.376178, 36.882351],
              [110.408823, 36.892403],
              [110.424221, 36.963685],
              [110.381721, 37.002408],
              [110.382953, 37.022001],
              [110.426685, 37.008621],
              [110.417446, 37.027257],
              [110.460561, 37.044932],
              [110.49567, 37.086956],
              [110.535706, 37.115118],
              [110.53509, 37.138021],
              [110.590525, 37.187145],
              [110.651503, 37.256722],
              [110.660126, 37.281011],
              [110.690307, 37.287201],
              [110.678604, 37.317668],
              [110.695234, 37.34955],
              [110.641648, 37.360015],
              [110.630561, 37.372858],
              [110.644111, 37.435135],
              [110.740198, 37.44939],
              [110.759292, 37.474567],
              [110.770995, 37.538184],
              [110.795017, 37.558586],
              [110.771611, 37.594634],
              [110.763604, 37.639668],
              [110.793169, 37.650567],
              [110.775306, 37.680886],
              [110.706321, 37.705511],
              [110.716792, 37.728708],
              [110.750669, 37.736281],
              [110.735886, 37.77035],
              [110.680452, 37.790216],
              [110.59422, 37.922049],
              [110.522771, 37.955088],
              [110.528315, 37.990471],
              [110.507989, 38.013107],
              [110.501829, 38.097929],
              [110.519692, 38.130889],
              [110.509221, 38.192061],
              [110.528315, 38.211814],
              [110.565887, 38.215105],
              [110.57759, 38.297345],
              [110.601612, 38.308147],
              [110.661358, 38.308617],
              [110.701394, 38.353215],
              [110.746973, 38.366355],
              [110.77777, 38.440924],
              [110.796864, 38.453579],
              [110.840596, 38.439986],
              [110.874473, 38.453579],
              [110.870777, 38.510265],
              [110.907733, 38.521035],
              [110.920052, 38.581878],
              [110.898494, 38.587024],
              [110.880632, 38.626776],
              [110.916357, 38.673981],
              [110.915125, 38.704345],
              [110.965016, 38.755699],
              [111.009363, 38.847579],
              [110.995813, 38.868084],
              [111.016755, 38.889981],
              [111.009979, 38.932823],
              [110.980414, 38.970056],
              [110.998276, 38.998433],
              [111.038313, 39.020289],
              [111.094363, 39.030053],
              [111.138095, 39.064447],
              [111.147334, 39.100681],
              [111.173819, 39.135041],
              [111.163348, 39.152678],
              [111.219399, 39.244044],
              [111.213239, 39.257021],
              [111.247732, 39.302419],
              [111.202152, 39.305197],
              [111.179363, 39.326959],
              [111.186138, 39.35149],
              [111.155341, 39.338531],
              [111.159037, 39.362596],
              [111.125776, 39.366297],
              [111.143022, 39.407926],
              [111.171971, 39.423183],
              [111.287152, 39.417173],
              [111.358601, 39.432428],
              [111.385086, 39.489722],
              [111.431282, 39.508656],
              [111.422043, 39.539123],
              [111.441137, 39.59679],
              [111.460847, 39.606935],
              [111.445448, 39.640124],
              [111.497187, 39.661781],
              [111.525521, 39.662242],
              [111.61668, 39.633211],
              [111.646245, 39.644272],
              [111.707839, 39.621227],
              [111.722621, 39.606013],
              [111.783599, 39.58895],
              [111.842729, 39.620305],
              [111.87907, 39.606013],
              [111.9382, 39.623071],
              [111.925265, 39.66731],
              [111.959758, 39.692642],
              [111.970229, 39.796638],
              [112.012729, 39.827438],
              [112.042294, 39.886243],
              [112.07617, 39.919298],
              [112.133453, 40.001866],
              [112.142076, 40.027076],
              [112.182112, 40.061437],
              [112.183344, 40.083877],
              [112.232003, 40.133311],
              [112.232619, 40.169905],
              [112.299756, 40.21105],
              [112.310227, 40.256281],
              [112.349031, 40.257194],
              [112.418017, 40.295091],
              [112.456205, 40.300112],
              [112.511639, 40.269068],
              [112.6299, 40.235725],
              [112.712436, 40.178593],
              [112.744464, 40.167161],
              [112.848558, 40.206937],
              [112.898449, 40.329317],
              [113.03334, 40.368997],
              [113.083231, 40.374925],
              [113.251382, 40.413211],
              [113.27602, 40.388601],
              [113.316672, 40.319736],
              [113.387505, 40.319279],
              [113.500222, 40.334335],
              [113.559968, 40.348476],
              [113.688699, 40.448288],
              [113.763228, 40.473787],
              [113.794641, 40.517932],
              [113.850691, 40.460583],
              [113.890112, 40.466503],
              [113.948626, 40.514747],
              [114.011452, 40.515657],
              [114.061959, 40.52885],
              [114.080437, 40.547952],
              [114.076741, 40.575686],
              [114.041633, 40.608861],
              [114.07243, 40.679246],
              [114.063806, 40.706925],
              [114.084748, 40.729605],
              [114.134639, 40.737314],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 150000,
        name: '内蒙古自治区',
        center: [111.670801, 40.818311],
        centroid: [114.077404, 44.331072],
        childrenNum: 12,
        level: 'province',
        subFeatureIndex: 4,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [111.125776, 39.366297],
              [111.087588, 39.376013],
              [111.098059, 39.401914],
              [111.064182, 39.400989],
              [111.058639, 39.447681],
              [111.10545, 39.472631],
              [111.10545, 39.497573],
              [111.148566, 39.531277],
              [111.154725, 39.569116],
              [111.136863, 39.587106],
              [111.101138, 39.559428],
              [111.017371, 39.552045],
              [110.958856, 39.519275],
              [110.891103, 39.509118],
              [110.869545, 39.494341],
              [110.782698, 39.38804],
              [110.73835, 39.348713],
              [110.731575, 39.30705],
              [110.702626, 39.273701],
              [110.626249, 39.266751],
              [110.596684, 39.282966],
              [110.566503, 39.320014],
              [110.559728, 39.351027],
              [110.524003, 39.382952],
              [110.482735, 39.360745],
              [110.434692, 39.381101],
              [110.429764, 39.341308],
              [110.385417, 39.310291],
              [110.257917, 39.407001],
              [110.243751, 39.423645],
              [110.152592, 39.45415],
              [110.12549, 39.432891],
              [110.136577, 39.39174],
              [110.161831, 39.387115],
              [110.184005, 39.355192],
              [110.217881, 39.281113],
              [110.109476, 39.249606],
              [110.041107, 39.21623],
              [109.962267, 39.212056],
              [109.90252, 39.271848],
              [109.871723, 39.243581],
              [109.961035, 39.191651],
              [109.893897, 39.141075],
              [109.92223, 39.107183],
              [109.890818, 39.103932],
              [109.851397, 39.122971],
              [109.793499, 39.074204],
              [109.762086, 39.057476],
              [109.72513, 39.018429],
              [109.665384, 38.981687],
              [109.685094, 38.968195],
              [109.672159, 38.928167],
              [109.624116, 38.85457],
              [109.549587, 38.805618],
              [109.511399, 38.833595],
              [109.444262, 38.782763],
              [109.404226, 38.720689],
              [109.338936, 38.701542],
              [109.329081, 38.66043],
              [109.367269, 38.627711],
              [109.331545, 38.597783],
              [109.276726, 38.623035],
              [109.196654, 38.552867],
              [109.175712, 38.518694],
              [109.128901, 38.480288],
              [109.054372, 38.433892],
              [109.051292, 38.385122],
              [109.007561, 38.359316],
              [108.961981, 38.26493],
              [108.976148, 38.245192],
              [108.938575, 38.207582],
              [108.964445, 38.154894],
              [109.069155, 38.091336],
              [109.050676, 38.055059],
              [109.06977, 38.023008],
              [109.037742, 38.021593],
              [109.018648, 37.971602],
              [108.982923, 37.964053],
              [108.9743, 37.931962],
              [108.93488, 37.922521],
              [108.893612, 37.978207],
              [108.883141, 38.01405],
              [108.830786, 38.049875],
              [108.797525, 38.04799],
              [108.82709, 37.989056],
              [108.798141, 37.93385],
              [108.791982, 37.872934],
              [108.799989, 37.784068],
              [108.784591, 37.764673],
              [108.791982, 37.700303],
              [108.777815, 37.683728],
              [108.720533, 37.683728],
              [108.699591, 37.669518],
              [108.628142, 37.651988],
              [108.532671, 37.690832],
              [108.485244, 37.678044],
              [108.422418, 37.648672],
              [108.301078, 37.640616],
              [108.293071, 37.656726],
              [108.24626, 37.665728],
              [108.205608, 37.655779],
              [108.193905, 37.638246],
              [108.134159, 37.622131],
              [108.055318, 37.652462],
              [108.025137, 37.649619],
              [108.012819, 37.66857],
              [108.025753, 37.696041],
              [107.993109, 37.735335],
              [107.982022, 37.787378],
              [107.884703, 37.808186],
              [107.842819, 37.828987],
              [107.732566, 37.84931],
              [107.684523, 37.888522],
              [107.65003, 37.86443],
              [107.560719, 37.893717],
              [107.49235, 37.944706],
              [107.448618, 37.933378],
              [107.411662, 37.948009],
              [107.440611, 37.995659],
              [107.3938, 38.014993],
              [107.33159, 38.086625],
              [107.240431, 38.111586],
              [107.19054, 38.153953],
              [107.138801, 38.161011],
              [107.119091, 38.134185],
              [107.071047, 38.138892],
              [107.051337, 38.122886],
              [107.010069, 38.120532],
              [106.942316, 38.132302],
              [106.858548, 38.156306],
              [106.779092, 38.171833],
              [106.737824, 38.197706],
              [106.654672, 38.22921],
              [106.627571, 38.232501],
              [106.555506, 38.263521],
              [106.482209, 38.319417],
              [106.599854, 38.389812],
              [106.647897, 38.470917],
              [106.66268, 38.601524],
              [106.709491, 38.718821],
              [106.756302, 38.748699],
              [106.837606, 38.847579],
              [106.954019, 38.941202],
              [106.971881, 39.026333],
              [106.96757, 39.054688],
              [106.933693, 39.076527],
              [106.878874, 39.091392],
              [106.859164, 39.107648],
              [106.825288, 39.19397],
              [106.795723, 39.214375],
              [106.790795, 39.241263],
              [106.806193, 39.277407],
              [106.806809, 39.318625],
              [106.781556, 39.371849],
              [106.751375, 39.381564],
              [106.683622, 39.357506],
              [106.643586, 39.357969],
              [106.602318, 39.37555],
              [106.556122, 39.322329],
              [106.525325, 39.308439],
              [106.511774, 39.272311],
              [106.402753, 39.291767],
              [106.280181, 39.262118],
              [106.29558, 39.167992],
              [106.285109, 39.146181],
              [106.251232, 39.131327],
              [106.192718, 39.142932],
              [106.170544, 39.163352],
              [106.145907, 39.153142],
              [106.096631, 39.084889],
              [106.078153, 39.026333],
              [106.087392, 39.006339],
              [106.060907, 38.96866],
              [106.021487, 38.953769],
              [105.97098, 38.909077],
              [105.992538, 38.857366],
              [105.909386, 38.791159],
              [105.908154, 38.737496],
              [105.88598, 38.716953],
              [105.894603, 38.696405],
              [105.852719, 38.641735],
              [105.874277, 38.593105],
              [105.856415, 38.569714],
              [105.863806, 38.53508],
              [105.836705, 38.476071],
              [105.850872, 38.443736],
              [105.827466, 38.432486],
              [105.835473, 38.387467],
              [105.821307, 38.366824],
              [105.86627, 38.296406],
              [105.842248, 38.240962],
              [105.802828, 38.220277],
              [105.775111, 38.186887],
              [105.76772, 38.121474],
              [105.780655, 38.084741],
              [105.840401, 38.004147],
              [105.799749, 37.939986],
              [105.80406, 37.862068],
              [105.760944, 37.799674],
              [105.677177, 37.771769],
              [105.622358, 37.777919],
              [105.616199, 37.722555],
              [105.598952, 37.699356],
              [105.467141, 37.695094],
              [105.4037, 37.710246],
              [105.315004, 37.702197],
              [105.221998, 37.677097],
              [105.187505, 37.657674],
              [105.111128, 37.633981],
              [105.027977, 37.580881],
              [104.866601, 37.566651],
              [104.805007, 37.539133],
              [104.623305, 37.522522],
              [104.433595, 37.515402],
              [104.419429, 37.511604],
              [104.407726, 37.464592],
              [104.322726, 37.44844],
              [104.287002, 37.428007],
              [104.237727, 37.411847],
              [104.183524, 37.406618],
              [104.089285, 37.465067],
              [103.935916, 37.572818],
              [103.874938, 37.604117],
              [103.841062, 37.64725],
              [103.683381, 37.777919],
              [103.627947, 37.797783],
              [103.40744, 37.860651],
              [103.362477, 38.037621],
              [103.368636, 38.08898],
              [103.53494, 38.156776],
              [103.507838, 38.280905],
              [103.465339, 38.353215],
              [103.416063, 38.404821],
              [103.85954, 38.64454],
              [104.011677, 38.85923],
              [104.044322, 38.895105],
              [104.173053, 38.94446],
              [104.196459, 38.9882],
              [104.190915, 39.042139],
              [104.207546, 39.083495],
              [104.171205, 39.160567],
              [104.047401, 39.297788],
              [104.073271, 39.351953],
              [104.089901, 39.419947],
              [103.955626, 39.456923],
              [103.85338, 39.461543],
              [103.728961, 39.430117],
              [103.595302, 39.386652],
              [103.428998, 39.353341],
              [103.344615, 39.331588],
              [103.259615, 39.263971],
              [103.188166, 39.215302],
              [103.133347, 39.192579],
              [103.007696, 39.099753],
              [102.883892, 39.120649],
              [102.616574, 39.171703],
              [102.579002, 39.183301],
              [102.45335, 39.255167],
              [102.3548, 39.231993],
              [102.276576, 39.188868],
              [102.050526, 39.141075],
              [102.012338, 39.127149],
              [101.902701, 39.111827],
              [101.833715, 39.08907],
              [101.926106, 39.000758],
              [101.955055, 38.985874],
              [102.045599, 38.904885],
              [102.075164, 38.891378],
              [101.941505, 38.808883],
              [101.873751, 38.733761],
              [101.777049, 38.66043],
              [101.672955, 38.6908],
              [101.601506, 38.65529],
              [101.562702, 38.713218],
              [101.412413, 38.764099],
              [101.331109, 38.777164],
              [101.307087, 38.80282],
              [101.34158, 38.822406],
              [101.33542, 38.847113],
              [101.24303, 38.860628],
              [101.237486, 38.907214],
              [101.198682, 38.943064],
              [101.228863, 39.020754],
              [101.117378, 38.975174],
              [100.969553, 38.946788],
              [100.961545, 39.005874],
              [100.901799, 39.030053],
              [100.875314, 39.002619],
              [100.835278, 39.025869],
              [100.829118, 39.075133],
              [100.864227, 39.106719],
              [100.842669, 39.199999],
              [100.842053, 39.405614],
              [100.707778, 39.404689],
              [100.606764, 39.387577],
              [100.498975, 39.400527],
              [100.500823, 39.481408],
              [100.44354, 39.485565],
              [100.326512, 39.509118],
              [100.301258, 39.572345],
              [100.314193, 39.606935],
              [100.250135, 39.685274],
              [100.128179, 39.702312],
              [100.040716, 39.757083],
              [99.958796, 39.769504],
              [99.904593, 39.785601],
              [99.822058, 39.860063],
              [99.672384, 39.888079],
              [99.469124, 39.875221],
              [99.440791, 39.885783],
              [99.459885, 39.898181],
              [99.491298, 39.884406],
              [99.533182, 39.891753],
              [99.714268, 39.972061],
              [99.751225, 40.006909],
              [99.841152, 40.013326],
              [99.927383, 40.063727],
              [99.955716, 40.150695],
              [100.007455, 40.20008],
              [100.169447, 40.277743],
              [100.169447, 40.541131],
              [100.242744, 40.618855],
              [100.237201, 40.716905],
              [100.224882, 40.727337],
              [100.107853, 40.875475],
              [100.057346, 40.908049],
              [99.985897, 40.909858],
              [99.673, 40.93292],
              [99.565827, 40.846961],
              [99.174705, 40.858278],
              [99.172858, 40.747289],
              [99.12543, 40.715091],
              [99.102025, 40.676522],
              [99.041662, 40.693767],
              [98.984996, 40.782644],
              [98.790975, 40.705564],
              [98.80699, 40.660181],
              [98.802678, 40.607043],
              [98.762642, 40.639748],
              [98.72199, 40.657911],
              [98.689345, 40.691952],
              [98.668403, 40.773128],
              [98.569853, 40.746836],
              [98.627751, 40.677884],
              [98.344419, 40.568413],
              [98.333332, 40.918903],
              [98.25018, 40.93925],
              [98.184891, 40.988056],
              [98.142391, 41.001607],
              [97.971776, 41.09774],
              [97.903407, 41.168057],
              [97.629314, 41.440498],
              [97.613915, 41.477276],
              [97.84674, 41.656379],
              [97.653335, 41.986856],
              [97.500582, 42.243894],
              [97.371235, 42.457076],
              [97.172903, 42.795257],
              [97.28254, 42.782081],
              [97.831958, 42.706047],
              [98.195362, 42.653251],
              [98.546447, 42.638284],
              [98.962822, 42.607018],
              [99.51224, 42.568244],
              [99.969267, 42.647969],
              [100.004376, 42.648849],
              [100.272309, 42.636523],
              [100.32528, 42.690213],
              [100.826655, 42.675255],
              [100.862995, 42.671295],
              [101.291689, 42.586312],
              [101.557775, 42.529887],
              [101.770274, 42.509597],
              [101.803534, 42.503861],
              [101.877447, 42.432345],
              [102.070236, 42.232374],
              [102.093642, 42.223512],
              [102.449039, 42.144133],
              [102.540814, 42.162323],
              [102.621502, 42.154338],
              [102.712045, 42.153007],
              [103.021862, 42.028212],
              [103.20726, 41.96283],
              [103.418527, 41.882233],
              [103.454868, 41.877332],
              [103.868779, 41.802427],
              [104.080046, 41.805104],
              [104.30856, 41.840782],
              [104.418813, 41.860397],
              [104.530298, 41.875104],
              [104.524138, 41.661745],
              [104.68921, 41.6452],
              [104.803775, 41.652355],
              [104.923267, 41.654143],
              [105.009498, 41.583007],
              [105.230621, 41.751103],
              [105.291599, 41.749763],
              [105.385221, 41.797073],
              [105.589713, 41.888471],
              [105.74185, 41.949033],
              [106.01348, 42.032213],
              [106.344855, 42.149457],
              [106.372572, 42.161436],
              [106.612789, 42.241679],
              [106.785867, 42.291281],
              [107.051337, 42.319166],
              [107.271844, 42.364285],
              [107.303872, 42.412465],
              [107.46648, 42.458842],
              [107.501589, 42.456635],
              [107.57427, 42.412907],
              [107.736262, 42.415116],
              [107.939522, 42.403628],
              [107.986949, 42.413349],
              [108.022058, 42.433229],
              [108.089195, 42.436321],
              [108.238252, 42.460167],
              [108.298614, 42.438529],
              [108.532671, 42.442945],
              [108.705134, 42.413349],
              [108.798757, 42.415116],
              [108.845569, 42.395673],
              [108.983539, 42.449128],
              [109.026039, 42.458401],
              [109.291509, 42.435879],
              [109.486761, 42.458842],
              [109.544044, 42.472528],
              [109.683862, 42.558988],
              [109.733753, 42.579262],
              [109.906216, 42.635643],
              [110.108244, 42.642687],
              [110.139657, 42.674815],
              [110.34846, 42.742098],
              [110.437156, 42.781203],
              [110.469801, 42.839156],
              [110.631177, 42.936061],
              [110.689691, 43.02144],
              [110.687227, 43.036314],
              [110.736502, 43.089657],
              [110.769763, 43.099272],
              [110.82027, 43.149067],
              [111.02045, 43.329998],
              [111.069725, 43.357852],
              [111.151029, 43.38004],
              [111.183674, 43.396132],
              [111.354289, 43.436125],
              [111.400485, 43.472618],
              [111.456535, 43.494329],
              [111.564325, 43.490422],
              [111.606209, 43.513863],
              [111.79407, 43.672068],
              [111.891388, 43.6738],
              [111.951135, 43.693275],
              [111.970845, 43.748205],
              [111.959758, 43.823382],
              [111.870447, 43.940279],
              [111.773128, 44.010479],
              [111.702295, 44.034147],
              [111.662875, 44.061247],
              [111.559397, 44.171238],
              [111.541535, 44.206855],
              [111.534144, 44.26217],
              [111.507042, 44.294305],
              [111.428818, 44.319573],
              [111.415883, 44.35724],
              [111.427586, 44.394455],
              [111.478709, 44.488884],
              [111.514434, 44.507666],
              [111.530448, 44.55033],
              [111.569868, 44.57634],
              [111.560629, 44.647062],
              [111.585267, 44.705789],
              [111.624687, 44.778477],
              [111.69244, 44.859983],
              [111.764505, 44.969325],
              [111.903707, 45.052252],
              [112.002874, 45.090713],
              [112.071243, 45.096206],
              [112.113743, 45.072965],
              [112.396459, 45.064512],
              [112.438959, 45.071697],
              [112.540589, 45.001072],
              [112.599719, 44.930783],
              [112.712436, 44.879494],
              [112.850406, 44.840466],
              [112.937869, 44.840042],
              [113.037652, 44.822641],
              [113.11526, 44.799714],
              [113.503918, 44.777628],
              [113.540874, 44.759358],
              [113.631417, 44.745333],
              [113.712105, 44.788247],
              [113.798953, 44.849377],
              [113.861778, 44.863377],
              [113.907358, 44.915104],
              [114.065038, 44.931206],
              [114.116777, 44.957045],
              [114.158045, 44.994301],
              [114.19069, 45.036607],
              [114.313262, 45.107189],
              [114.347139, 45.119436],
              [114.409348, 45.179371],
              [114.459855, 45.21353],
              [114.519602, 45.283893],
              [114.539928, 45.325985],
              [114.551014, 45.387383],
              [114.600906, 45.403773],
              [114.745035, 45.438217],
              [114.920578, 45.386122],
              [114.983404, 45.379397],
              [115.178041, 45.396209],
              [115.36467, 45.392427],
              [115.586408, 45.440317],
              [115.699741, 45.45963],
              [115.864197, 45.572853],
              [115.936878, 45.632727],
              [116.026805, 45.661177],
              [116.035428, 45.685013],
              [116.1155, 45.679577],
              [116.17463, 45.688775],
              [116.217746, 45.72221],
              [116.22329, 45.747273],
              [116.260862, 45.776082],
              [116.286731, 45.775247],
              [116.278108, 45.831152],
              [116.288579, 45.839074],
              [116.243, 45.876169],
              [116.271949, 45.966926],
              [116.414231, 46.133896],
              [116.439484, 46.137628],
              [116.536187, 46.23251],
              [116.573143, 46.258998],
              [116.585462, 46.292504],
              [116.673541, 46.325163],
              [116.745606, 46.327642],
              [116.81336, 46.355737],
              [116.834302, 46.384229],
              [116.876801, 46.375559],
              [117.097308, 46.356976],
              [117.247597, 46.366888],
              [117.372017, 46.36028],
              [117.383719, 46.394962],
              [117.375712, 46.416421],
              [117.392343, 46.463023],
              [117.447777, 46.528117],
              [117.42006, 46.582029],
              [117.49582, 46.600535],
              [117.596218, 46.603414],
              [117.622704, 46.596012],
              [117.641182, 46.558166],
              [117.704008, 46.516587],
              [117.748355, 46.521941],
              [117.769913, 46.537586],
              [117.813645, 46.530588],
              [117.870927, 46.549935],
              [117.868464, 46.575447],
              [117.914659, 46.607936],
              [117.982412, 46.614925],
              [117.992883, 46.631366],
              [118.04647, 46.631366],
              [118.124078, 46.678195],
              [118.192448, 46.682711],
              [118.238643, 46.709392],
              [118.274984, 46.715957],
              [118.316252, 46.73934],
              [118.41049, 46.728265],
              [118.446831, 46.704467],
              [118.586033, 46.692975],
              [118.639004, 46.721291],
              [118.677192, 46.6979],
              [118.788061, 46.687227],
              [118.788061, 46.717598],
              [118.845343, 46.771731],
              [118.914329, 46.77501],
              [118.912481, 46.733188],
              [118.951285, 46.722111],
              [119.011647, 46.745902],
              [119.073857, 46.676552],
              [119.123132, 46.642872],
              [119.152081, 46.658072],
              [119.20074, 46.648213],
              [119.26295, 46.649034],
              [119.325776, 46.608759],
              [119.357805, 46.619447],
              [119.374435, 46.603414],
              [119.431718, 46.638763],
              [119.491464, 46.629311],
              [119.557985, 46.633832],
              [119.598637, 46.618214],
              [119.656535, 46.625612],
              [119.682405, 46.605058],
              [119.677477, 46.584908],
              [119.739687, 46.615336],
              [119.783419, 46.626023],
              [119.8136, 46.66834],
              [119.804361, 46.68189],
              [119.859179, 46.669572],
              [119.911534, 46.669572],
              [119.93494, 46.712674],
              [119.917078, 46.758203],
              [119.936172, 46.790173],
              [119.920157, 46.853238],
              [119.926933, 46.903963],
              [119.859795, 46.917046],
              [119.845013, 46.964852],
              [119.795122, 47.013024],
              [119.79081, 47.04525],
              [119.806825, 47.055037],
              [119.763093, 47.13082],
              [119.716282, 47.195518],
              [119.627586, 47.247544],
              [119.56784, 47.248357],
              [119.559217, 47.303172],
              [119.450812, 47.353065],
              [119.437877, 47.378602],
              [119.386138, 47.397645],
              [119.365812, 47.423161],
              [119.32208, 47.42721],
              [119.365812, 47.47739],
              [119.205052, 47.520249],
              [119.152081, 47.540453],
              [119.134219, 47.664335],
              [118.773278, 47.771034],
              [118.568171, 47.992187],
              [118.441903, 47.995791],
              [118.422193, 48.01461],
              [118.37415, 48.016612],
              [118.351976, 48.006203],
              [118.284839, 48.011007],
              [118.238027, 48.031422],
              [118.238643, 48.041826],
              [118.150564, 48.036224],
              [118.124694, 48.047427],
              [118.107448, 48.031021],
              [118.052014, 48.01421],
              [117.96147, 48.011007],
              [117.886942, 48.025418],
              [117.813645, 48.016212],
              [117.529081, 47.782697],
              [117.519226, 47.761782],
              [117.493357, 47.758563],
              [117.384335, 47.641356],
              [117.094844, 47.8241],
              [116.879265, 47.893968],
              [116.791186, 47.89758],
              [116.669846, 47.890758],
              [116.453035, 47.837358],
              [116.26579, 47.876711],
              [116.130283, 47.823296],
              [116.111189, 47.811642],
              [115.968291, 47.689721],
              [115.939342, 47.683275],
              [115.580249, 47.921649],
              [115.539597, 48.104607],
              [115.545141, 48.134971],
              [115.529126, 48.155336],
              [115.81061, 48.257042],
              [115.822929, 48.259432],
              [115.799523, 48.514982],
              [115.83032, 48.560156],
              [116.069305, 48.811437],
              [116.077928, 48.822471],
              [116.048363, 48.873274],
              [116.428397, 49.430659],
              [116.717889, 49.847288],
              [116.736367, 49.847674],
              [117.068974, 49.695389],
              [117.278394, 49.636512],
              [117.485349, 49.633024],
              [117.638102, 49.574847],
              [117.809333, 49.521263],
              [117.849369, 49.551557],
              [117.866, 49.591532],
              [117.950999, 49.596187],
              [117.995963, 49.623332],
              [118.011362, 49.614803],
              [118.082811, 49.616741],
              [118.129622, 49.669446],
              [118.156723, 49.660149],
              [118.211542, 49.690744],
              [118.220781, 49.729831],
              [118.284223, 49.743755],
              [118.315636, 49.766953],
              [118.384005, 49.783958],
              [118.398787, 49.802502],
              [118.385853, 49.827217],
              [118.443751, 49.835709],
              [118.483787, 49.830691],
              [118.485019, 49.866194],
              [118.531214, 49.887791],
              [118.574946, 49.931342],
              [118.605127, 49.926719],
              [118.672264, 49.955991],
              [118.739402, 49.946364],
              [118.761576, 49.959456],
              [118.791757, 49.955606],
              [118.964836, 49.988708],
              [118.982082, 49.979087],
              [119.090487, 49.985629],
              [119.12498, 50.019095],
              [119.163168, 50.027554],
              [119.193965, 50.069826],
              [119.190269, 50.087877],
              [119.236465, 50.075204],
              [119.290052, 50.121655],
              [119.309762, 50.161161],
              [119.350414, 50.166145],
              [119.339327, 50.192206],
              [119.358421, 50.197953],
              [119.319001, 50.220933],
              [119.339943, 50.244668],
              [119.35103, 50.303953],
              [119.381827, 50.324208],
              [119.358421, 50.358965],
              [119.322696, 50.352474],
              [119.277117, 50.366218],
              [119.259871, 50.345218],
              [119.232153, 50.365455],
              [119.188422, 50.347509],
              [119.155777, 50.364691],
              [119.176719, 50.378814],
              [119.125596, 50.389118],
              [119.165016, 50.422683],
              [119.217371, 50.414675],
              [119.22353, 50.441363],
              [119.250631, 50.448604],
              [119.262334, 50.490124],
              [119.264182, 50.536933],
              [119.295595, 50.573814],
              [119.281428, 50.601551],
              [119.298059, 50.616743],
              [119.361501, 50.632689],
              [119.394145, 50.667219],
              [119.385522, 50.682769],
              [119.430486, 50.684286],
              [119.450196, 50.695281],
              [119.506862, 50.763846],
              [119.496391, 50.771795],
              [119.515485, 50.814165],
              [119.498855, 50.827776],
              [119.491464, 50.87878],
              [119.569688, 50.933879],
              [119.598637, 50.984767],
              [119.630666, 51.00925],
              [119.678093, 51.016404],
              [119.726753, 51.051028],
              [119.719361, 51.075099],
              [119.764325, 51.092017],
              [119.752622, 51.117193],
              [119.771716, 51.124331],
              [119.788346, 51.174636],
              [119.760629, 51.212516],
              [119.784035, 51.22601],
              [119.821607, 51.21439],
              [119.797586, 51.243622],
              [119.828383, 51.263099],
              [119.811136, 51.281071],
              [119.885049, 51.302777],
              [119.883817, 51.336813],
              [119.946643, 51.360736],
              [119.914614, 51.374187],
              [119.910918, 51.390994],
              [119.97128, 51.40033],
              [119.982983, 51.445112],
              [120.002693, 51.459283],
              [119.982367, 51.482396],
              [119.985447, 51.505125],
              [120.017476, 51.52114],
              [120.052584, 51.560967],
              [120.035954, 51.583657],
              [120.05936, 51.634203],
              [120.100628, 51.649058],
              [120.087077, 51.678013],
              [120.172693, 51.679868],
              [120.226279, 51.717703],
              [120.294649, 51.752171],
              [120.317438, 51.785873],
              [120.363634, 51.789945],
              [120.40675, 51.81659],
              [120.40059, 51.833605],
              [120.480046, 51.855049],
              [120.481278, 51.885719],
              [120.549032, 51.882394],
              [120.548416, 51.907877],
              [120.656821, 51.926333],
              [120.66298, 51.958061],
              [120.704864, 51.983501],
              [120.717799, 52.015556],
              [120.691929, 52.026973],
              [120.690698, 52.047221],
              [120.717183, 52.072978],
              [120.753523, 52.085483],
              [120.76769, 52.10938],
              [120.760299, 52.136937],
              [120.786784, 52.15787],
              [120.745516, 52.20594],
              [120.755371, 52.258355],
              [120.715951, 52.261286],
              [120.695625, 52.290214],
              [120.653741, 52.302658],
              [120.627256, 52.323878],
              [120.62356, 52.361172],
              [120.653741, 52.371038],
              [120.64943, 52.3904],
              [120.688234, 52.427637],
              [120.68269, 52.464479],
              [120.706712, 52.492909],
              [120.687002, 52.511489],
              [120.734429, 52.536977],
              [120.690698, 52.547532],
              [120.658669, 52.56718],
              [120.62664, 52.570818],
              [120.605082, 52.589364],
              [120.56135, 52.595544],
              [120.483742, 52.630066],
              [120.462184, 52.64532],
              [120.396895, 52.616261],
              [120.289721, 52.623527],
              [120.194866, 52.578819],
              [120.125265, 52.586819],
              [120.07599, 52.586092],
              [120.049505, 52.598453],
              [120.035338, 52.646409],
              [120.071063, 52.70628],
              [120.031642, 52.773674],
              [120.101244, 52.788877],
              [120.14128, 52.813119],
              [120.181316, 52.806969],
              [120.222584, 52.84277],
              [120.297112, 52.869872],
              [120.295265, 52.891542],
              [120.350699, 52.906343],
              [120.363018, 52.94134],
              [120.411061, 52.957927],
              [120.452945, 53.01017],
              [120.529321, 53.045803],
              [120.562582, 53.082845],
              [120.643886, 53.106923],
              [120.659901, 53.137091],
              [120.687002, 53.142476],
              [120.690698, 53.174771],
              [120.736277, 53.204892],
              [120.821893, 53.241797],
              [120.838523, 53.239648],
              [120.820661, 53.269007],
              [120.867472, 53.278669],
              [120.882871, 53.294411],
              [120.936457, 53.28833],
              [120.950624, 53.29763],
              [121.055334, 53.29155],
              [121.098449, 53.306929],
              [121.129246, 53.277238],
              [121.155732, 53.285468],
              [121.227797, 53.280459],
              [121.308485, 53.301565],
              [121.336818, 53.325877],
              [121.416274, 53.319443],
              [121.499426, 53.337314],
              [121.504969, 53.323018],
              [121.575802, 53.29155],
              [121.615222, 53.258984],
              [121.642324, 53.262564],
              [121.679896, 53.240722],
              [121.67928, 53.199515],
              [121.660186, 53.195213],
              [121.665114, 53.170467],
              [121.722396, 53.145706],
              [121.753193, 53.147501],
              [121.784606, 53.104408],
              [121.775367, 53.089674],
              [121.817867, 53.061631],
              [121.785838, 53.018451],
              [121.715621, 52.997926],
              [121.677432, 52.948192],
              [121.66265, 52.912478],
              [121.610295, 52.892264],
              [121.604136, 52.872401],
              [121.620766, 52.853251],
              [121.591201, 52.824693],
              [121.537614, 52.801542],
              [121.511129, 52.779104],
              [121.476636, 52.772225],
              [121.455078, 52.73528],
              [121.373158, 52.683067],
              [121.309717, 52.676173],
              [121.29247, 52.651855],
              [121.237036, 52.619167],
              [121.182217, 52.59918],
              [121.225333, 52.577364],
              [121.280151, 52.586819],
              [121.323883, 52.573727],
              [121.353448, 52.534793],
              [121.411963, 52.52205],
              [121.416274, 52.499468],
              [121.474172, 52.482706],
              [121.495114, 52.484892],
              [121.519136, 52.456821],
              [121.565331, 52.460468],
              [121.590585, 52.443326],
              [121.63986, 52.44442],
              [121.678664, 52.419973],
              [121.658338, 52.3904],
              [121.715621, 52.342894],
              [121.714389, 52.318025],
              [121.769207, 52.308147],
              [121.841272, 52.282526],
              [121.901018, 52.280695],
              [121.94783, 52.298266],
              [121.976779, 52.343626],
              [122.035909, 52.377615],
              [122.040837, 52.413038],
              [122.091344, 52.427272],
              [122.080873, 52.440407],
              [122.107358, 52.452445],
              [122.142467, 52.495096],
              [122.140003, 52.510032],
              [122.168952, 52.513674],
              [122.178191, 52.48963],
              [122.207756, 52.469218],
              [122.310618, 52.475416],
              [122.326016, 52.459374],
              [122.342031, 52.414133],
              [122.367284, 52.413768],
              [122.378987, 52.395512],
              [122.419023, 52.375057],
              [122.447356, 52.394052],
              [122.484313, 52.341432],
              [122.478153, 52.29607],
              [122.560689, 52.282526],
              [122.585943, 52.266413],
              [122.67895, 52.276667],
              [122.710979, 52.256157],
              [122.76087, 52.26678],
              [122.787355, 52.252494],
              [122.766413, 52.232705],
              [122.769493, 52.179893],
              [122.73808, 52.153464],
              [122.690653, 52.140243],
              [122.629059, 52.13657],
              [122.643841, 52.111585],
              [122.625363, 52.067459],
              [122.650616, 52.058997],
              [122.664783, 51.99861],
              [122.683877, 51.974654],
              [122.726377, 51.978709],
              [122.729457, 51.919321],
              [122.706051, 51.890151],
              [122.725761, 51.87833],
              [122.732536, 51.832495],
              [122.771957, 51.779579],
              [122.749167, 51.746613],
              [122.778732, 51.698048],
              [122.816304, 51.655371],
              [122.820616, 51.633088],
              [122.85634, 51.606707],
              [122.832935, 51.581797],
              [122.874202, 51.561339],
              [122.880362, 51.537894],
              [122.858804, 51.524864],
              [122.880362, 51.511085],
              [122.854492, 51.477551],
              [122.871123, 51.455181],
              [122.900072, 51.445112],
              [122.903768, 51.415262],
              [122.946267, 51.405183],
              [122.965977, 51.386886],
              [122.965977, 51.345786],
              [123.002934, 51.31213],
              [123.069455, 51.321108],
              [123.127969, 51.297913],
              [123.231447, 51.279199],
              [123.231447, 51.268716],
              [123.294273, 51.254111],
              [123.339853, 51.27246],
              [123.376809, 51.266844],
              [123.414381, 51.278825],
              [123.440251, 51.270963],
              [123.46304, 51.286686],
              [123.582533, 51.294545],
              [123.582533, 51.306893],
              [123.661989, 51.319237],
              [123.660141, 51.342795],
              [123.711264, 51.398089],
              [123.794416, 51.361109],
              [123.842459, 51.367462],
              [123.887423, 51.320734],
              [123.926227, 51.300532],
              [123.939777, 51.313253],
              [123.994596, 51.322604],
              [124.071588, 51.320734],
              [124.090067, 51.3413],
              [124.128255, 51.347281],
              [124.192313, 51.33943],
              [124.239124, 51.344664],
              [124.271769, 51.308389],
              [124.297638, 51.298661],
              [124.143037, 50.566212],
              [124.083907, 50.568493],
              [124.086987, 50.539975],
              [124.026625, 50.538454],
              [124.023545, 50.518671],
              [123.983509, 50.510299],
              [124.001371, 50.492408],
              [123.99398, 50.441363],
              [124.005067, 50.434502],
              [123.969958, 50.399419],
              [123.931154, 50.391407],
              [123.920067, 50.373089],
              [123.88927, 50.383775],
              [123.879415, 50.40247],
              [123.840611, 50.411624],
              [123.825829, 50.449366],
              [123.800575, 50.455844],
              [123.780249, 50.43717],
              [123.790104, 50.423446],
              [123.765467, 50.378051],
              [123.78764, 50.371944],
              [123.777785, 50.344454],
              [123.814126, 50.307775],
              [123.861553, 50.287131],
              [123.870792, 50.270303],
              [123.862785, 50.226294],
              [123.878799, 50.208678],
              [123.90898, 50.21021],
              [123.926227, 50.188374],
              [123.953944, 50.186842],
              [124.007531, 50.219401],
              [124.061733, 50.199102],
              [124.098074, 50.214806],
              [124.103001, 50.238927],
              [124.189233, 50.216721],
              [124.233581, 50.229356],
              [124.278544, 50.231271],
              [124.286551, 50.189524],
              [124.32474, 50.178411],
              [124.342602, 50.187991],
              [124.544014, 49.638838],
              [124.633325, 49.654725],
              [124.645028, 49.676804],
              [124.740499, 49.691905],
              [124.737419, 49.708937],
              [124.760825, 49.751489],
              [124.74173, 49.761541],
              [124.824882, 49.849989],
              [124.847672, 49.85269],
              [124.878469, 49.834937],
              [124.972708, 49.836095],
              [124.972708, 49.836095],
              [124.974556, 49.839955],
              [124.974556, 49.839955],
              [124.935135, 49.866965],
              [124.977019, 49.900899],
              [125.044157, 49.827217],
              [125.09528, 49.795935],
              [125.177815, 49.829533],
              [125.222779, 49.799026],
              [125.221547, 49.754969],
              [125.204301, 49.734086],
              [125.225243, 49.726349],
              [125.219699, 49.669058],
              [125.185207, 49.634574],
              [125.189518, 49.652401],
              [125.164881, 49.669446],
              [125.132236, 49.672157],
              [125.127308, 49.655113],
              [125.15441, 49.616741],
              [125.16796, 49.629923],
              [125.205533, 49.593859],
              [125.23017, 49.595411],
              [125.233866, 49.536801],
              [125.211076, 49.539908],
              [125.228323, 49.487063],
              [125.270822, 49.454395],
              [125.256656, 49.437275],
              [125.25604, 49.395227],
              [125.277598, 49.379644],
              [125.256656, 49.359769],
              [125.261583, 49.322336],
              [125.214772, 49.277066],
              [125.233866, 49.255587],
              [125.219699, 49.189139],
              [125.187671, 49.186792],
              [125.158721, 49.144921],
              [125.117453, 49.126127],
              [125.034302, 49.157056],
              [125.039845, 49.17623],
              [124.983179, 49.162535],
              [124.906802, 49.184054],
              [124.860607, 49.166448],
              [124.847672, 49.129651],
              [124.809484, 49.115943],
              [124.828578, 49.077933],
              [124.808252, 49.020666],
              [124.756513, 48.967262],
              [124.744194, 48.920487],
              [124.709086, 48.920487],
              [124.715861, 48.885475],
              [124.697383, 48.841775],
              [124.654267, 48.83429],
              [124.644412, 48.80789],
              [124.656115, 48.783842],
              [124.612383, 48.747945],
              [124.624702, 48.701755],
              [124.601912, 48.632587],
              [124.579122, 48.596582],
              [124.520608, 48.556195],
              [124.548941, 48.535593],
              [124.533543, 48.515379],
              [124.555717, 48.467784],
              [124.507674, 48.445558],
              [124.52492, 48.426897],
              [124.51876, 48.378027],
              [124.547094, 48.35775],
              [124.540934, 48.335476],
              [124.579738, 48.297269],
              [124.558796, 48.268197],
              [124.579122, 48.262221],
              [124.547094, 48.200829],
              [124.512601, 48.164518],
              [124.529847, 48.146951],
              [124.505826, 48.124985],
              [124.478108, 48.123387],
              [124.46579, 48.098213],
              [124.415899, 48.08782],
              [124.430065, 48.12099],
              [124.471333, 48.133373],
              [124.467637, 48.178886],
              [124.418978, 48.181679],
              [124.412819, 48.219175],
              [124.422058, 48.245884],
              [124.365392, 48.283731],
              [124.353689, 48.315978],
              [124.317964, 48.35099],
              [124.331515, 48.380015],
              [124.309957, 48.413393],
              [124.330283, 48.435633],
              [124.302566, 48.456673],
              [124.314269, 48.503881],
              [124.25945, 48.536385],
              [124.25945, 48.536385],
              [124.136878, 48.463023],
              [124.07898, 48.43603],
              [124.019234, 48.39313],
              [123.862785, 48.271782],
              [123.746373, 48.197638],
              [123.705105, 48.152142],
              [123.579453, 48.045427],
              [123.537569, 48.021816],
              [123.300432, 47.953723],
              [123.256085, 47.876711],
              [123.214201, 47.824502],
              [123.161846, 47.781892],
              [123.041122, 47.746492],
              [122.926557, 47.697777],
              [122.848949, 47.67441],
              [122.765181, 47.614333],
              [122.59395, 47.54732],
              [122.543443, 47.495589],
              [122.507103, 47.401291],
              [122.418407, 47.350632],
              [122.441197, 47.310476],
              [122.441197, 47.310476],
              [122.462755, 47.27841],
              [122.498479, 47.255262],
              [122.531124, 47.198771],
              [122.582863, 47.158092],
              [122.582863, 47.158092],
              [122.615508, 47.124306],
              [122.679566, 47.094164],
              [122.710363, 47.093349],
              [122.710363, 47.093349],
              [122.821232, 47.065636],
              [122.852645, 47.072158],
              [122.845869, 47.046881],
              [122.778116, 47.002822],
              [122.77442, 46.973837],
              [122.798442, 46.9575],
              [122.791051, 46.941567],
              [122.83971, 46.937072],
              [122.895144, 46.960359],
              [122.893913, 46.895376],
              [122.906847, 46.80738],
              [122.996774, 46.761483],
              [123.00355, 46.730726],
              [123.026339, 46.718829],
              [123.076846, 46.745082],
              [123.103332, 46.734828],
              [123.163694, 46.74016],
              [123.198802, 46.803283],
              [123.22344, 46.821305],
              [123.221592, 46.850373],
              [123.295505, 46.865105],
              [123.341084, 46.826628],
              [123.374345, 46.837683],
              [123.40699, 46.906416],
              [123.404526, 46.935438],
              [123.360179, 46.970978],
              [123.304128, 46.964852],
              [123.301664, 46.999965],
              [123.337389, 46.988943],
              [123.42362, 46.934212],
              [123.487678, 46.959951],
              [123.52833, 46.944836],
              [123.483366, 46.84587],
              [123.506772, 46.827038],
              [123.562823, 46.82581],
              [123.575757, 46.845461],
              [123.576989, 46.891286],
              [123.605322, 46.891286],
              [123.599163, 46.868378],
              [123.625648, 46.847508],
              [123.580069, 46.827447],
              [123.629344, 46.813524],
              [123.631808, 46.728675],
              [123.603475, 46.68928],
              [123.474743, 46.686817],
              [123.366338, 46.677784],
              [123.318295, 46.662179],
              [123.276411, 46.660947],
              [123.279491, 46.616981],
              [123.228368, 46.588198],
              [123.18094, 46.614103],
              [123.098404, 46.603002],
              [123.077462, 46.622324],
              [123.04605, 46.617803],
              [123.052825, 46.579972],
              [123.002318, 46.574624],
              [123.010325, 46.524823],
              [123.011557, 46.434984],
              [123.089781, 46.347888],
              [123.142136, 46.298293],
              [123.178476, 46.248239],
              [123.128585, 46.210565],
              [123.127354, 46.174523],
              [123.102716, 46.172037],
              [123.112571, 46.130163],
              [123.070071, 46.123527],
              [123.04605, 46.099878],
              [122.792898, 46.073313],
              [122.828623, 45.912406],
              [122.80029, 45.856583],
              [122.772572, 45.856583],
              [122.752246, 45.834905],
              [122.792283, 45.766063],
              [122.751015, 45.735996],
              [122.741775, 45.705077],
              [122.671558, 45.70048],
              [122.650001, 45.731401],
              [122.640761, 45.771072],
              [122.603189, 45.778169],
              [122.556378, 45.82156],
              [122.522501, 45.786933],
              [122.504639, 45.786933],
              [122.496016, 45.85825],
              [122.446125, 45.916986],
              [122.362357, 45.917403],
              [122.372828, 45.856166],
              [122.337719, 45.859917],
              [122.301379, 45.813218],
              [122.253952, 45.7982],
              [122.236705, 45.831569],
              [122.200981, 45.857],
              [122.091344, 45.882002],
              [122.085184, 45.912406],
              [122.040221, 45.959022],
              [121.92812, 45.988552],
              [121.923808, 46.004767],
              [121.864062, 46.002272],
              [121.843736, 46.024301],
              [121.819098, 46.023054],
              [121.761816, 45.998947],
              [121.809243, 45.961102],
              [121.821562, 45.918235],
              [121.805548, 45.900746],
              [121.817251, 45.875336],
              [121.769823, 45.84366],
              [121.766744, 45.830318],
              [121.766744, 45.830318],
              [121.754425, 45.794862],
              [121.697142, 45.76314],
              [121.657106, 45.770238],
              [121.644172, 45.752284],
              [121.666345, 45.727641],
              [121.713773, 45.701734],
              [121.811091, 45.687103],
              [121.812323, 45.704659],
              [121.867142, 45.719703],
              [121.934279, 45.71051],
              [121.970004, 45.692956],
              [122.003264, 45.623102],
              [121.995873, 45.59882],
              [121.966308, 45.596308],
              [121.993409, 45.552741],
              [122.002648, 45.507882],
              [122.064242, 45.472641],
              [122.168336, 45.439897],
              [122.180039, 45.409655],
              [122.146778, 45.374352],
              [122.147394, 45.295682],
              [122.239169, 45.276313],
              [122.22993, 45.206784],
              [122.192358, 45.180636],
              [122.143082, 45.183167],
              [122.109822, 45.142236],
              [122.119677, 45.068739],
              [122.098735, 45.02138],
              [122.074713, 45.006573],
              [122.087032, 44.95281],
              [122.079025, 44.914256],
              [122.04946, 44.912985],
              [122.098119, 44.81882],
              [122.099967, 44.7823],
              [122.168952, 44.770405],
              [122.142467, 44.753833],
              [122.110438, 44.767856],
              [122.10243, 44.736406],
              [122.152322, 44.744057],
              [122.161561, 44.728328],
              [122.117213, 44.701961],
              [122.103046, 44.67388],
              [122.113517, 44.615546],
              [122.13138, 44.577619],
              [122.196053, 44.559712],
              [122.224386, 44.526016],
              [122.228082, 44.480345],
              [122.28598, 44.477783],
              [122.294604, 44.41113],
              [122.291524, 44.310152],
              [122.271198, 44.255741],
              [122.319241, 44.233018],
              [122.483081, 44.236877],
              [122.515726, 44.251025],
              [122.641993, 44.283595],
              [122.675254, 44.285738],
              [122.702971, 44.319145],
              [122.76087, 44.369648],
              [122.85634, 44.398304],
              [123.025108, 44.493153],
              [123.06576, 44.505959],
              [123.12489, 44.5098],
              [123.137209, 44.486322],
              [123.125506, 44.455147],
              [123.142136, 44.428228],
              [123.114419, 44.40258],
              [123.128585, 44.367081],
              [123.196955, 44.34483],
              [123.277027, 44.25274],
              [123.286882, 44.211574],
              [123.323838, 44.179823],
              [123.386664, 44.161794],
              [123.362642, 44.133452],
              [123.350939, 44.092633],
              [123.32815, 44.084035],
              [123.331229, 44.028984],
              [123.365722, 44.013922],
              [123.400831, 43.979481],
              [123.37065, 43.970006],
              [123.397135, 43.954929],
              [123.467968, 43.853599],
              [123.461809, 43.822518],
              [123.498149, 43.771114],
              [123.48275, 43.737396],
              [123.520323, 43.708419],
              [123.518475, 43.682024],
              [123.536953, 43.633964],
              [123.510468, 43.624867],
              [123.5117, 43.592801],
              [123.421157, 43.598435],
              [123.434091, 43.575461],
              [123.461193, 43.568523],
              [123.452569, 43.545971],
              [123.452569, 43.545971],
              [123.360179, 43.567223],
              [123.304744, 43.550742],
              [123.329998, 43.519071],
              [123.315831, 43.492159],
              [123.36449, 43.483475],
              [123.382968, 43.469143],
              [123.419925, 43.410046],
              [123.442098, 43.437863],
              [123.486446, 43.44525],
              [123.519707, 43.402219],
              [123.54496, 43.415262],
              [123.608402, 43.366119],
              [123.703873, 43.37047],
              [123.698329, 43.272071],
              [123.664453, 43.264663],
              [123.676771, 43.223684],
              [123.645974, 43.208855],
              [123.666916, 43.179623],
              [123.636119, 43.141644],
              [123.631192, 43.088346],
              [123.580685, 43.036314],
              [123.572678, 43.003498],
              [123.536337, 43.007],
              [123.474743, 43.042438],
              [123.434707, 43.027565],
              [123.323222, 43.000872],
              [123.259165, 42.993431],
              [123.18402, 42.925983],
              [123.188947, 42.895739],
              [123.169853, 42.859777],
              [123.227752, 42.831695],
              [123.118114, 42.801405],
              [123.058368, 42.768903],
              [122.980144, 42.777689],
              [122.945651, 42.753524],
              [122.925941, 42.772417],
              [122.887137, 42.770221],
              [122.883442, 42.751766],
              [122.883442, 42.751766],
              [122.848949, 42.712203],
              [122.848949, 42.712203],
              [122.786123, 42.757479],
              [122.73808, 42.77066],
              [122.733152, 42.786034],
              [122.653696, 42.78252],
              [122.624747, 42.773296],
              [122.580399, 42.789987],
              [122.576088, 42.819405],
              [122.556378, 42.827745],
              [122.436886, 42.843105],
              [122.35127, 42.830378],
              [122.371596, 42.776371],
              [122.439349, 42.770221],
              [122.460907, 42.755282],
              [122.396234, 42.707366],
              [122.396234, 42.684054],
              [122.338951, 42.669975],
              [122.324785, 42.684934],
              [122.261343, 42.695931],
              [122.204676, 42.732867],
              [122.204676, 42.685374],
              [122.160945, 42.684934],
              [122.072865, 42.710444],
              [122.062394, 42.723635],
              [122.018663, 42.69901],
              [121.939207, 42.688453],
              [121.94167, 42.666014],
              [121.915801, 42.656332],
              [121.921344, 42.605697],
              [121.889931, 42.556784],
              [121.844352, 42.522389],
              [121.831417, 42.533856],
              [121.817867, 42.504303],
              [121.803084, 42.514891],
              [121.747649, 42.484887],
              [121.69899, 42.438529],
              [121.66573, 42.437204],
              [121.604136, 42.495037],
              [121.607831, 42.516214],
              [121.570875, 42.487093],
              [121.506201, 42.482239],
              [121.4791, 42.49636],
              [121.434752, 42.475176],
              [121.386093, 42.474294],
              [121.304789, 42.435879],
              [121.314644, 42.42837],
              [121.285079, 42.387717],
              [121.218558, 42.371802],
              [121.184681, 42.333324],
              [121.133558, 42.300135],
              [121.120623, 42.280656],
              [121.087978, 42.278885],
              [121.070732, 42.254083],
              [121.028848, 42.242565],
              [120.992508, 42.264714],
              [120.933994, 42.27977],
              [120.883487, 42.269585],
              [120.883487, 42.269585],
              [120.883487, 42.242565],
              [120.8299, 42.252755],
              [120.820661, 42.227943],
              [120.79048, 42.218636],
              [120.745516, 42.223512],
              [120.72211, 42.203565],
              [120.624792, 42.154338],
              [120.58414, 42.167203],
              [120.56751, 42.152119],
              [120.466496, 42.105516],
              [120.493597, 42.073539],
              [120.450481, 42.057101],
              [120.456641, 42.016208],
              [120.399358, 41.984631],
              [120.373489, 41.994862],
              [120.309431, 41.951704],
              [120.318054, 41.93746],
              [120.271859, 41.925439],
              [120.260156, 41.904062],
              [120.290337, 41.897381],
              [120.286641, 41.880005],
              [120.251533, 41.884016],
              [120.215808, 41.853265],
              [120.188707, 41.848361],
              [120.183164, 41.826513],
              [120.127113, 41.77253],
              [120.1382, 41.729221],
              [120.096316, 41.697056],
              [120.035954, 41.708226],
              [120.024867, 41.737707],
              [120.050737, 41.776101],
              [120.041498, 41.818932],
              [120.023019, 41.816701],
              [119.989759, 41.899163],
              [119.954034, 41.923212],
              [119.950954, 41.974399],
              [119.924469, 41.98908],
              [119.921389, 42.014429],
              [119.897368, 42.030879],
              [119.87581, 42.077982],
              [119.845629, 42.097079],
              [119.837622, 42.135257],
              [119.854868, 42.170308],
              [119.841933, 42.215534],
              [119.744615, 42.211545],
              [119.679941, 42.240793],
              [119.617115, 42.252755],
              [119.609108, 42.276671],
              [119.557985, 42.289068],
              [119.557985, 42.289068],
              [119.539507, 42.297922],
              [119.571536, 42.335536],
              [119.572152, 42.359421],
              [119.540123, 42.363401],
              [119.502551, 42.388159],
              [119.482841, 42.347037],
              [119.432949, 42.317396],
              [119.34795, 42.300578],
              [119.280197, 42.260728],
              [119.274037, 42.239021],
              [119.237697, 42.200905],
              [119.277733, 42.185387],
              [119.286972, 42.154781],
              [119.30853, 42.147239],
              [119.314689, 42.119723],
              [119.352261, 42.118391],
              [119.384906, 42.08953],
              [119.375667, 42.023322],
              [119.324544, 41.969505],
              [119.323928, 41.937014],
              [119.340559, 41.926774],
              [119.323312, 41.889807],
              [119.334399, 41.871539],
              [119.312841, 41.80555],
              [119.292515, 41.790827],
              [119.317769, 41.764049],
              [119.319001, 41.727435],
              [119.299907, 41.705545],
              [119.307914, 41.657273],
              [119.342406, 41.617914],
              [119.415703, 41.590169],
              [119.420015, 41.567785],
              [119.362116, 41.566442],
              [119.361501, 41.545841],
              [119.406464, 41.503276],
              [119.401537, 41.472343],
              [119.378131, 41.459787],
              [119.376283, 41.422102],
              [119.309762, 41.405944],
              [119.330704, 41.385293],
              [119.296211, 41.325097],
              [119.239545, 41.31431],
              [119.211827, 41.308016],
              [119.197661, 41.282837],
              [119.168712, 41.294978],
              [119.092951, 41.293629],
              [118.980234, 41.305769],
              [118.949437, 41.317906],
              [118.890923, 41.300823],
              [118.844727, 41.342622],
              [118.843496, 41.374516],
              [118.770199, 41.352956],
              [118.741866, 41.324198],
              [118.677192, 41.35026],
              [118.629765, 41.346666],
              [118.528135, 41.355202],
              [118.412338, 41.331838],
              [118.380309, 41.312062],
              [118.348896, 41.342622],
              [118.361215, 41.384844],
              [118.348896, 41.428384],
              [118.327338, 41.450816],
              [118.271904, 41.471446],
              [118.315636, 41.512688],
              [118.302701, 41.55256],
              [118.215237, 41.59554],
              [118.206614, 41.650566],
              [118.159187, 41.67605],
              [118.155491, 41.712694],
              [118.132702, 41.733241],
              [118.140093, 41.784134],
              [118.178281, 41.814917],
              [118.236179, 41.80778],
              [118.247266, 41.773869],
              [118.29223, 41.772976],
              [118.335346, 41.845241],
              [118.340273, 41.87243],
              [118.268824, 41.930336],
              [118.306396, 41.940131],
              [118.313788, 41.98819],
              [118.291614, 42.007759],
              [118.239875, 42.024655],
              [118.286686, 42.033991],
              [118.296541, 42.057545],
              [118.27252, 42.083312],
              [118.239259, 42.092639],
              [118.212774, 42.081091],
              [118.220165, 42.058434],
              [118.194296, 42.031324],
              [118.116687, 42.037102],
              [118.155491, 42.081091],
              [118.097593, 42.105072],
              [118.089586, 42.12283],
              [118.106216, 42.172082],
              [118.033535, 42.199132],
              [117.977485, 42.229716],
              [117.974405, 42.25054],
              [118.047702, 42.280656],
              [118.060021, 42.298364],
              [118.008898, 42.346595],
              [118.024296, 42.385064],
              [117.997811, 42.416884],
              [117.874007, 42.510038],
              [117.856761, 42.539148],
              [117.797631, 42.585431],
              [117.801326, 42.612744],
              [117.779768, 42.61847],
              [117.708935, 42.588515],
              [117.667051, 42.582347],
              [117.60053, 42.603054],
              [117.537088, 42.603054],
              [117.530313, 42.590278],
              [117.475494, 42.602613],
              [117.435458, 42.585431],
              [117.434226, 42.557224],
              [117.387415, 42.517537],
              [117.387415, 42.517537],
              [117.410205, 42.519743],
              [117.413284, 42.471645],
              [117.390495, 42.461933],
              [117.332596, 42.46105],
              [117.332596, 42.46105],
              [117.275314, 42.481797],
              [117.275314, 42.481797],
              [117.188467, 42.468114],
              [117.188467, 42.468114],
              [117.135496, 42.468996],
              [117.09546, 42.484004],
              [117.080061, 42.463699],
              [117.080061, 42.463699],
              [117.01662, 42.456193],
              [117.01662, 42.456193],
              [117.009228, 42.44957],
              [117.009228, 42.44957],
              [117.005533, 42.43367],
              [117.005533, 42.43367],
              [116.99075, 42.425719],
              [116.99075, 42.425719],
              [116.974736, 42.426603],
              [116.974736, 42.426603],
              [116.97104, 42.427486],
              [116.97104, 42.427486],
              [116.944555, 42.415116],
              [116.944555, 42.415116],
              [116.936547, 42.410256],
              [116.936547, 42.410256],
              [116.921765, 42.403628],
              [116.921765, 42.403628],
              [116.910062, 42.395231],
              [116.910062, 42.395231],
              [116.910678, 42.394789],
              [116.910678, 42.394789],
              [116.886656, 42.366496],
              [116.897743, 42.297479],
              [116.918685, 42.229716],
              [116.903287, 42.190708],
              [116.789338, 42.200462],
              [116.825062, 42.155669],
              [116.850316, 42.156556],
              [116.890352, 42.092639],
              [116.879881, 42.018431],
              [116.796113, 41.977958],
              [116.748686, 41.984186],
              [116.727744, 41.951259],
              [116.66923, 41.947698],
              [116.639049, 41.929891],
              [116.597165, 41.935679],
              [116.553433, 41.928555],
              [116.510933, 41.974399],
              [116.4826, 41.975734],
              [116.453651, 41.945917],
              [116.393289, 41.942802],
              [116.414231, 41.982407],
              [116.373579, 42.009983],
              [116.310137, 41.997086],
              [116.298434, 41.96817],
              [116.223906, 41.932562],
              [116.212819, 41.885352],
              [116.194341, 41.861734],
              [116.122892, 41.861734],
              [116.106877, 41.831419],
              [116.129051, 41.805996],
              [116.09887, 41.776547],
              [116.034196, 41.782795],
              [116.007095, 41.79752],
              [116.007095, 41.797966],
              [116.007095, 41.79752],
              [116.007095, 41.797966],
              [115.994776, 41.828743],
              [115.954124, 41.874213],
              [115.916552, 41.945027],
              [115.85311, 41.927665],
              [115.834632, 41.93835],
              [115.811226, 41.912525],
              [115.726227, 41.870202],
              [115.688038, 41.867528],
              [115.654162, 41.829189],
              [115.57409, 41.80555],
              [115.519887, 41.76762],
              [115.488474, 41.760924],
              [115.42996, 41.728775],
              [115.346808, 41.712247],
              [115.319091, 41.691693],
              [115.360975, 41.661297],
              [115.345576, 41.635807],
              [115.377605, 41.603148],
              [115.310468, 41.592854],
              [115.290142, 41.622835],
              [115.26612, 41.616124],
              [115.256881, 41.580768],
              [115.20391, 41.571367],
              [115.195287, 41.602253],
              [115.0992, 41.62373],
              [115.056085, 41.602253],
              [115.016049, 41.615229],
              [114.860832, 41.60091],
              [114.895325, 41.636255],
              [114.902716, 41.695715],
              [114.89594, 41.76762],
              [114.868839, 41.813579],
              [114.922426, 41.825175],
              [114.939056, 41.846132],
              [114.923658, 41.871093],
              [114.915035, 41.960605],
              [114.9021, 42.015763],
              [114.860832, 42.054879],
              [114.86268, 42.097967],
              [114.825723, 42.139695],
              [114.79431, 42.149457],
              [114.789383, 42.130819],
              [114.75489, 42.115727],
              [114.675434, 42.12061],
              [114.647717, 42.109512],
              [114.560254, 42.132595],
              [114.510978, 42.110844],
              [114.502355, 42.06732],
              [114.480181, 42.064654],
              [114.467863, 42.025989],
              [114.511594, 41.981962],
              [114.478334, 41.951704],
              [114.419203, 41.942356],
              [114.352066, 41.953484],
              [114.343443, 41.926774],
              [114.282465, 41.863517],
              [114.200545, 41.789934],
              [114.215328, 41.75646],
              [114.206704, 41.7386],
              [114.237501, 41.698843],
              [114.215328, 41.68499],
              [114.259059, 41.623282],
              [114.226414, 41.616572],
              [114.221487, 41.582111],
              [114.230726, 41.513584],
              [114.101379, 41.537779],
              [114.032394, 41.529715],
              [113.976959, 41.505966],
              [113.953553, 41.483553],
              [113.933227, 41.487139],
              [113.919677, 41.454404],
              [113.877793, 41.431076],
              [113.871017, 41.413126],
              [113.94493, 41.392477],
              [113.92522, 41.325546],
              [113.899351, 41.316108],
              [113.914749, 41.294529],
              [113.95109, 41.282837],
              [113.971416, 41.239649],
              [113.992357, 41.269794],
              [114.016379, 41.231999],
              [113.996669, 41.19238],
              [113.960945, 41.171211],
              [113.920293, 41.172112],
              [113.877793, 41.115777],
              [113.819279, 41.09774],
              [113.868554, 41.06887],
              [113.973263, 40.983087],
              [113.994821, 40.938798],
              [114.057647, 40.925234],
              [114.041633, 40.917546],
              [114.055183, 40.867782],
              [114.073661, 40.857372],
              [114.044712, 40.830661],
              [114.080437, 40.790348],
              [114.104458, 40.797597],
              [114.103227, 40.770861],
              [114.134639, 40.737314],
              [114.084748, 40.729605],
              [114.063806, 40.706925],
              [114.07243, 40.679246],
              [114.041633, 40.608861],
              [114.076741, 40.575686],
              [114.080437, 40.547952],
              [114.061959, 40.52885],
              [114.011452, 40.515657],
              [113.948626, 40.514747],
              [113.890112, 40.466503],
              [113.850691, 40.460583],
              [113.794641, 40.517932],
              [113.763228, 40.473787],
              [113.688699, 40.448288],
              [113.559968, 40.348476],
              [113.500222, 40.334335],
              [113.387505, 40.319279],
              [113.316672, 40.319736],
              [113.27602, 40.388601],
              [113.251382, 40.413211],
              [113.083231, 40.374925],
              [113.03334, 40.368997],
              [112.898449, 40.329317],
              [112.848558, 40.206937],
              [112.744464, 40.167161],
              [112.712436, 40.178593],
              [112.6299, 40.235725],
              [112.511639, 40.269068],
              [112.456205, 40.300112],
              [112.418017, 40.295091],
              [112.349031, 40.257194],
              [112.310227, 40.256281],
              [112.299756, 40.21105],
              [112.232619, 40.169905],
              [112.232003, 40.133311],
              [112.183344, 40.083877],
              [112.182112, 40.061437],
              [112.142076, 40.027076],
              [112.133453, 40.001866],
              [112.07617, 39.919298],
              [112.042294, 39.886243],
              [112.012729, 39.827438],
              [111.970229, 39.796638],
              [111.959758, 39.692642],
              [111.925265, 39.66731],
              [111.9382, 39.623071],
              [111.87907, 39.606013],
              [111.842729, 39.620305],
              [111.783599, 39.58895],
              [111.722621, 39.606013],
              [111.707839, 39.621227],
              [111.646245, 39.644272],
              [111.61668, 39.633211],
              [111.525521, 39.662242],
              [111.497187, 39.661781],
              [111.445448, 39.640124],
              [111.460847, 39.606935],
              [111.441137, 39.59679],
              [111.422043, 39.539123],
              [111.431282, 39.508656],
              [111.385086, 39.489722],
              [111.358601, 39.432428],
              [111.287152, 39.417173],
              [111.171971, 39.423183],
              [111.143022, 39.407926],
              [111.125776, 39.366297],
            ],
          ],
          [
            [
              [125.559082, 51.461521],
              [125.559082, 51.461521],
              [125.595422, 51.416755],
              [125.595422, 51.416755],
              [125.60035, 51.413396],
              [125.60035, 51.413396],
              [125.600966, 51.410409],
              [125.600966, 51.410409],
              [125.62314, 51.398089],
              [125.62314, 51.398089],
              [125.623756, 51.387633],
              [125.623756, 51.387633],
              [125.626219, 51.380163],
              [125.626219, 51.380163],
              [125.700132, 51.327465],
              [125.700132, 51.327465],
              [125.740784, 51.27583],
              [125.740784, 51.27583],
              [125.76111, 51.261976],
              [125.76111, 51.261976],
              [125.761726, 51.226385],
              [125.819008, 51.227134],
              [125.850421, 51.21364],
              [125.864588, 51.146487],
              [125.909551, 51.138977],
              [125.946508, 51.108176],
              [125.970529, 51.123955],
              [125.993935, 51.119072],
              [125.976073, 51.084498],
              [126.059225, 51.043503],
              [126.033971, 51.011132],
              [126.041978, 50.981753],
              [126.068464, 50.967434],
              [126.042594, 50.92558],
              [126.02042, 50.927466],
              [125.996399, 50.906715],
              [125.997631, 50.872738],
              [125.961906, 50.901054],
              [125.939732, 50.85423],
              [125.913247, 50.825885],
              [125.878138, 50.816812],
              [125.890457, 50.805845],
              [125.836255, 50.793363],
              [125.846726, 50.769524],
              [125.828863, 50.756654],
              [125.804226, 50.773309],
              [125.758646, 50.746809],
              [125.795603, 50.738856],
              [125.78082, 50.725598],
              [125.825784, 50.70362],
              [125.789443, 50.679735],
              [125.804226, 50.658874],
              [125.793139, 50.643316],
              [125.814697, 50.62092],
              [125.807921, 50.60383],
              [125.829479, 50.56165],
              [125.794987, 50.532748],
              [125.770349, 50.531227],
              [125.754335, 50.506874],
              [125.740784, 50.523237],
              [125.699516, 50.487078],
              [125.654553, 50.471082],
              [125.627451, 50.443268],
              [125.580024, 50.449366],
              [125.562162, 50.438314],
              [125.583104, 50.409717],
              [125.567089, 50.402852],
              [125.536292, 50.420014],
              [125.522126, 50.404759],
              [125.546763, 50.358965],
              [125.520278, 50.3498],
              [125.530749, 50.331085],
              [125.463611, 50.295925],
              [125.466075, 50.266861],
              [125.442053, 50.260357],
              [125.448829, 50.216338],
              [125.417416, 50.195654],
              [125.39093, 50.199868],
              [125.382923, 50.172278],
              [125.335496, 50.161161],
              [125.376148, 50.137385],
              [125.311474, 50.140453],
              [125.27883, 50.127411],
              [125.258504, 50.103618],
              [125.287453, 50.093636],
              [125.283757, 50.070211],
              [125.328105, 50.065985],
              [125.315786, 50.04562],
              [125.289916, 50.057917],
              [125.25296, 50.041393],
              [125.283757, 50.036012],
              [125.297924, 50.014481],
              [125.278214, 49.996402],
              [125.241873, 49.987938],
              [125.231402, 49.957531],
              [125.190134, 49.959841],
              [125.199373, 49.935194],
              [125.225859, 49.922481],
              [125.212924, 49.907452],
              [125.245569, 49.87198],
              [125.225243, 49.867351],
              [125.239409, 49.844587],
              [125.177815, 49.829533],
              [125.09528, 49.795935],
              [125.044157, 49.827217],
              [124.977019, 49.900899],
              [124.935135, 49.866965],
              [124.974556, 49.839955],
              [124.974556, 49.839955],
              [124.972708, 49.836095],
              [124.972708, 49.836095],
              [124.878469, 49.834937],
              [124.847672, 49.85269],
              [124.824882, 49.849989],
              [124.74173, 49.761541],
              [124.760825, 49.751489],
              [124.737419, 49.708937],
              [124.740499, 49.691905],
              [124.645028, 49.676804],
              [124.633325, 49.654725],
              [124.544014, 49.638838],
              [124.342602, 50.187991],
              [124.359848, 50.199102],
              [124.34445, 50.219018],
              [124.368471, 50.258061],
              [124.349377, 50.28063],
              [124.374015, 50.310833],
              [124.347529, 50.316565],
              [124.36416, 50.360874],
              [124.40358, 50.362401],
              [124.43992, 50.385683],
              [124.415899, 50.451652],
              [124.43992, 50.45813],
              [124.43992, 50.539975],
              [124.420826, 50.548342],
              [124.322892, 50.532748],
              [124.289015, 50.553286],
              [124.183073, 50.557468],
              [124.143037, 50.566212],
              [124.297638, 51.298661],
              [124.339522, 51.293422],
              [124.406659, 51.272086],
              [124.430065, 51.301281],
              [124.426985, 51.331953],
              [124.443616, 51.35812],
              [124.478108, 51.36223],
              [124.490427, 51.380537],
              [124.555717, 51.375307],
              [124.58713, 51.363725],
              [124.62655, 51.327465],
              [124.693687, 51.3327],
              [124.752817, 51.35812],
              [124.76452, 51.38726],
              [124.783614, 51.392115],
              [124.864302, 51.37979],
              [124.885244, 51.40817],
              [124.942527, 51.447349],
              [124.917889, 51.474196],
              [124.928976, 51.498419],
              [124.983795, 51.508478],
              [125.004737, 51.529332],
              [125.047236, 51.529704],
              [125.073106, 51.553526],
              [125.060171, 51.59667],
              [125.098975, 51.658341],
              [125.12854, 51.659083],
              [125.130388, 51.635317],
              [125.175968, 51.639403],
              [125.214772, 51.627888],
              [125.228938, 51.640517],
              [125.289301, 51.633831],
              [125.316402, 51.610052],
              [125.35151, 51.623801],
              [125.38046, 51.585516],
              [125.424807, 51.562827],
              [125.528285, 51.488359],
              [125.559082, 51.461521],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 210000,
        name: '辽宁省',
        center: [123.429096, 41.796767],
        centroid: [122.605251, 41.299975],
        childrenNum: 14,
        level: 'province',
        subFeatureIndex: 5,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [119.557985, 42.289068],
              [119.557985, 42.289068],
              [119.609108, 42.276671],
              [119.617115, 42.252755],
              [119.679941, 42.240793],
              [119.744615, 42.211545],
              [119.841933, 42.215534],
              [119.854868, 42.170308],
              [119.837622, 42.135257],
              [119.845629, 42.097079],
              [119.87581, 42.077982],
              [119.897368, 42.030879],
              [119.921389, 42.014429],
              [119.924469, 41.98908],
              [119.950954, 41.974399],
              [119.954034, 41.923212],
              [119.989759, 41.899163],
              [120.023019, 41.816701],
              [120.041498, 41.818932],
              [120.050737, 41.776101],
              [120.024867, 41.737707],
              [120.035954, 41.708226],
              [120.096316, 41.697056],
              [120.1382, 41.729221],
              [120.127113, 41.77253],
              [120.183164, 41.826513],
              [120.188707, 41.848361],
              [120.215808, 41.853265],
              [120.251533, 41.884016],
              [120.286641, 41.880005],
              [120.290337, 41.897381],
              [120.260156, 41.904062],
              [120.271859, 41.925439],
              [120.318054, 41.93746],
              [120.309431, 41.951704],
              [120.373489, 41.994862],
              [120.399358, 41.984631],
              [120.456641, 42.016208],
              [120.450481, 42.057101],
              [120.493597, 42.073539],
              [120.466496, 42.105516],
              [120.56751, 42.152119],
              [120.58414, 42.167203],
              [120.624792, 42.154338],
              [120.72211, 42.203565],
              [120.745516, 42.223512],
              [120.79048, 42.218636],
              [120.820661, 42.227943],
              [120.8299, 42.252755],
              [120.883487, 42.242565],
              [120.883487, 42.269585],
              [120.883487, 42.269585],
              [120.933994, 42.27977],
              [120.992508, 42.264714],
              [121.028848, 42.242565],
              [121.070732, 42.254083],
              [121.087978, 42.278885],
              [121.120623, 42.280656],
              [121.133558, 42.300135],
              [121.184681, 42.333324],
              [121.218558, 42.371802],
              [121.285079, 42.387717],
              [121.314644, 42.42837],
              [121.304789, 42.435879],
              [121.386093, 42.474294],
              [121.434752, 42.475176],
              [121.4791, 42.49636],
              [121.506201, 42.482239],
              [121.570875, 42.487093],
              [121.607831, 42.516214],
              [121.604136, 42.495037],
              [121.66573, 42.437204],
              [121.69899, 42.438529],
              [121.747649, 42.484887],
              [121.803084, 42.514891],
              [121.817867, 42.504303],
              [121.831417, 42.533856],
              [121.844352, 42.522389],
              [121.889931, 42.556784],
              [121.921344, 42.605697],
              [121.915801, 42.656332],
              [121.94167, 42.666014],
              [121.939207, 42.688453],
              [122.018663, 42.69901],
              [122.062394, 42.723635],
              [122.072865, 42.710444],
              [122.160945, 42.684934],
              [122.204676, 42.685374],
              [122.204676, 42.732867],
              [122.261343, 42.695931],
              [122.324785, 42.684934],
              [122.338951, 42.669975],
              [122.396234, 42.684054],
              [122.396234, 42.707366],
              [122.460907, 42.755282],
              [122.439349, 42.770221],
              [122.371596, 42.776371],
              [122.35127, 42.830378],
              [122.436886, 42.843105],
              [122.556378, 42.827745],
              [122.576088, 42.819405],
              [122.580399, 42.789987],
              [122.624747, 42.773296],
              [122.653696, 42.78252],
              [122.733152, 42.786034],
              [122.73808, 42.77066],
              [122.786123, 42.757479],
              [122.848949, 42.712203],
              [122.848949, 42.712203],
              [122.883442, 42.751766],
              [122.883442, 42.751766],
              [122.887137, 42.770221],
              [122.925941, 42.772417],
              [122.945651, 42.753524],
              [122.980144, 42.777689],
              [123.058368, 42.768903],
              [123.118114, 42.801405],
              [123.227752, 42.831695],
              [123.169853, 42.859777],
              [123.188947, 42.895739],
              [123.18402, 42.925983],
              [123.259165, 42.993431],
              [123.323222, 43.000872],
              [123.434707, 43.027565],
              [123.474743, 43.042438],
              [123.536337, 43.007],
              [123.572678, 43.003498],
              [123.580685, 43.036314],
              [123.631192, 43.088346],
              [123.636119, 43.141644],
              [123.666916, 43.179623],
              [123.645974, 43.208855],
              [123.676771, 43.223684],
              [123.664453, 43.264663],
              [123.698329, 43.272071],
              [123.703873, 43.37047],
              [123.710032, 43.417001],
              [123.749452, 43.439167],
              [123.747604, 43.472184],
              [123.79688, 43.489988],
              [123.857858, 43.459153],
              [123.857858, 43.459153],
              [123.852314, 43.406133],
              [123.881263, 43.392218],
              [123.881263, 43.392218],
              [123.896046, 43.361333],
              [123.964415, 43.34088],
              [124.032784, 43.280786],
              [124.099306, 43.292983],
              [124.117168, 43.2773],
              [124.114088, 43.247229],
              [124.168291, 43.244177],
              [124.215102, 43.255947],
              [124.228653, 43.235022],
              [124.27608, 43.233278],
              [124.287167, 43.207983],
              [124.273617, 43.17875],
              [124.366007, 43.121554],
              [124.425754, 43.076107],
              [124.333363, 42.997371],
              [124.369703, 42.972854],
              [124.42329, 42.975482],
              [124.442384, 42.958841],
              [124.431913, 42.930803],
              [124.38079, 42.912835],
              [124.371551, 42.880831],
              [124.435609, 42.880831],
              [124.466406, 42.847054],
              [124.586514, 42.905384],
              [124.607456, 42.937376],
              [124.632093, 42.949642],
              [124.635173, 42.972854],
              [124.658579, 42.972854],
              [124.677673, 43.002185],
              [124.686912, 43.051185],
              [124.719557, 43.069987],
              [124.755281, 43.074359],
              [124.785462, 43.117185],
              [124.882781, 43.13422],
              [124.88894, 43.074796],
              [124.840897, 43.032377],
              [124.869846, 42.988178],
              [124.87231, 42.962344],
              [124.84952, 42.882585],
              [124.856911, 42.824234],
              [124.874157, 42.789987],
              [124.897563, 42.787791],
              [124.92836, 42.819844],
              [124.975171, 42.802722],
              [124.996729, 42.745174],
              [124.968396, 42.722756],
              [124.99057, 42.677455],
              [125.014592, 42.666014],
              [125.010896, 42.63212],
              [125.038613, 42.615387],
              [125.097127, 42.622433],
              [125.082961, 42.591159],
              [125.089736, 42.567803],
              [125.066946, 42.534738],
              [125.090968, 42.515773],
              [125.068794, 42.499449],
              [125.105135, 42.490624],
              [125.150098, 42.458842],
              [125.140243, 42.44692],
              [125.186439, 42.427928],
              [125.185823, 42.38197],
              [125.203685, 42.366938],
              [125.167345, 42.351903],
              [125.175352, 42.308102],
              [125.224011, 42.30102],
              [125.264047, 42.312528],
              [125.299156, 42.289953],
              [125.27575, 42.266928],
              [125.27575, 42.231045],
              [125.312706, 42.219966],
              [125.280677, 42.175187],
              [125.312706, 42.197359],
              [125.305931, 42.146351],
              [125.357054, 42.145464],
              [125.368141, 42.182726],
              [125.41372, 42.156112],
              [125.458068, 42.160105],
              [125.458068, 42.160105],
              [125.490097, 42.136145],
              [125.446365, 42.098411],
              [125.414336, 42.101964],
              [125.416184, 42.063766],
              [125.363213, 42.017097],
              [125.369989, 42.002868],
              [125.29854, 41.974399],
              [125.291764, 41.958825],
              [125.35151, 41.92811],
              [125.307779, 41.924548],
              [125.294844, 41.822945],
              [125.319482, 41.776993],
              [125.319482, 41.776993],
              [125.323177, 41.771191],
              [125.323177, 41.771191],
              [125.336112, 41.768067],
              [125.336112, 41.768067],
              [125.332416, 41.711354],
              [125.317018, 41.676944],
              [125.344119, 41.672474],
              [125.412488, 41.691246],
              [125.446981, 41.67605],
              [125.461148, 41.642516],
              [125.450061, 41.597777],
              [125.479626, 41.544946],
              [125.507343, 41.534195],
              [125.493176, 41.509103],
              [125.533212, 41.479069],
              [125.534444, 41.428833],
              [125.547995, 41.401006],
              [125.581256, 41.396517],
              [125.589879, 41.359245],
              [125.610205, 41.365084],
              [125.637306, 41.34442],
              [125.62006, 41.318355],
              [125.642234, 41.296327],
              [125.646545, 41.264396],
              [125.685349, 41.273842],
              [125.695205, 41.244599],
              [125.749407, 41.245499],
              [125.758646, 41.232449],
              [125.73832, 41.178418],
              [125.791291, 41.167607],
              [125.759878, 41.132908],
              [125.734009, 41.125695],
              [125.712451, 41.095485],
              [125.739552, 41.08917],
              [125.726617, 41.055332],
              [125.684118, 41.021929],
              [125.674879, 40.974503],
              [125.650241, 40.970888],
              [125.635458, 40.94151],
              [125.589263, 40.931112],
              [125.584335, 40.891764],
              [125.652089, 40.91619],
              [125.687813, 40.897645],
              [125.707523, 40.866877],
              [125.648393, 40.826133],
              [125.641002, 40.798503],
              [125.67611, 40.788082],
              [125.685349, 40.769048],
              [125.61698, 40.763609],
              [125.585567, 40.788535],
              [125.551075, 40.761796],
              [125.544915, 40.729605],
              [125.49564, 40.728697],
              [125.459916, 40.707379],
              [125.453756, 40.676522],
              [125.418648, 40.673345],
              [125.422343, 40.635661],
              [125.375532, 40.658365],
              [125.329337, 40.643835],
              [125.305315, 40.661089],
              [125.279445, 40.655187],
              [125.262815, 40.620218],
              [125.181511, 40.611132],
              [125.113758, 40.569322],
              [125.076801, 40.562048],
              [125.015823, 40.533853],
              [125.004737, 40.496091],
              [125.042925, 40.483802],
              [125.044157, 40.466503],
              [124.985642, 40.475153],
              [124.945606, 40.45603],
              [124.913578, 40.481981],
              [124.834121, 40.423235],
              [124.739267, 40.371733],
              [124.722636, 40.321561],
              [124.62655, 40.291896],
              [124.513833, 40.22019],
              [124.490427, 40.18408],
              [124.457782, 40.177679],
              [124.428217, 40.144291],
              [124.346913, 40.079756],
              [124.336442, 40.049985],
              [124.372167, 40.021576],
              [124.349377, 39.989029],
              [124.288399, 39.962888],
              [124.286551, 39.931689],
              [124.241588, 39.928477],
              [124.216334, 39.89313],
              [124.214486, 39.865116],
              [124.173218, 39.841225],
              [124.151045, 39.74558],
              [124.099306, 39.777323],
              [124.103001, 39.823302],
              [124.002603, 39.800316],
              [123.95148, 39.817786],
              [123.812278, 39.831115],
              [123.795032, 39.822842],
              [123.687858, 39.808132],
              [123.674924, 39.826979],
              [123.645358, 39.823761],
              [123.642279, 39.796178],
              [123.612714, 39.775023],
              [123.579453, 39.781002],
              [123.546808, 39.756163],
              [123.536337, 39.788361],
              [123.484598, 39.763063],
              [123.477823, 39.74696],
              [123.392823, 39.723949],
              [123.388512, 39.74742],
              [123.350939, 39.750641],
              [123.274563, 39.753862],
              [123.270251, 39.714743],
              [123.286882, 39.704154],
              [123.253005, 39.689879],
              [123.215433, 39.696786],
              [123.212969, 39.665928],
              [123.166774, 39.674219],
              [123.146448, 39.647037],
              [123.103332, 39.676983],
              [123.010941, 39.655331],
              [123.021412, 39.64335],
              [122.978912, 39.616156],
              [122.972753, 39.594946],
              [122.941956, 39.604629],
              [122.860652, 39.604629],
              [122.847101, 39.581571],
              [122.808913, 39.559889],
              [122.682645, 39.514658],
              [122.649385, 39.516505],
              [122.637066, 39.488799],
              [122.581631, 39.464316],
              [122.532972, 39.419947],
              [122.489856, 39.403764],
              [122.412864, 39.411625],
              [122.366053, 39.370461],
              [122.30877, 39.346399],
              [122.274893, 39.322329],
              [122.242865, 39.267678],
              [122.160329, 39.238019],
              [122.117213, 39.213911],
              [122.123988, 39.172631],
              [122.167104, 39.158711],
              [122.127684, 39.144788],
              [122.088264, 39.112291],
              [122.048228, 39.101146],
              [122.071634, 39.074204],
              [122.061778, 39.060264],
              [122.013735, 39.073275],
              [121.963228, 39.030053],
              [121.913953, 39.0598],
              [121.929352, 39.024939],
              [121.864062, 39.037026],
              [121.855439, 39.025869],
              [121.905946, 38.997503],
              [121.920728, 38.969591],
              [121.863446, 38.942598],
              [121.804932, 38.970986],
              [121.790149, 39.022614],
              [121.756889, 39.025869],
              [121.73841, 38.998898],
              [121.671273, 39.010059],
              [121.66265, 38.966333],
              [121.618918, 38.950046],
              [121.655874, 38.946788],
              [121.719316, 38.920252],
              [121.708845, 38.872744],
              [121.675585, 38.86156],
              [121.618302, 38.862492],
              [121.564715, 38.874607],
              [121.509897, 38.817743],
              [121.399028, 38.812613],
              [121.359608, 38.822406],
              [121.302325, 38.78976],
              [121.259825, 38.786495],
              [121.198848, 38.721623],
              [121.13787, 38.723023],
              [121.112, 38.776231],
              [121.12863, 38.799089],
              [121.110768, 38.862026],
              [121.129862, 38.879266],
              [121.094138, 38.894173],
              [121.08921, 38.922115],
              [121.128014, 38.958888],
              [121.180369, 38.959819],
              [121.204391, 38.941202],
              [121.275224, 38.971917],
              [121.341129, 38.980757],
              [121.317108, 39.012384],
              [121.370695, 39.060264],
              [121.431057, 39.027263],
              [121.508049, 39.034237],
              [121.581962, 39.075598],
              [121.599208, 39.098824],
              [121.562252, 39.127149],
              [121.590585, 39.154999],
              [121.642324, 39.11972],
              [121.605983, 39.080708],
              [121.631853, 39.077921],
              [121.68236, 39.117863],
              [121.639244, 39.166136],
              [121.604136, 39.166136],
              [121.586889, 39.193506],
              [121.591201, 39.228748],
              [121.631237, 39.22643],
              [121.589353, 39.263044],
              [121.623846, 39.285745],
              [121.672505, 39.275554],
              [121.667577, 39.310754],
              [121.70207, 39.326496],
              [121.72486, 39.364447],
              [121.621382, 39.326033],
              [121.562252, 39.322792],
              [121.51544, 39.286672],
              [121.464933, 39.30103],
              [121.466781, 39.320014],
              [121.435984, 39.329736],
              [121.432904, 39.357506],
              [121.35468, 39.377863],
              [121.324499, 39.371386],
              [121.307869, 39.391277],
              [121.270296, 39.374162],
              [121.245659, 39.389427],
              [121.246891, 39.421334],
              [121.304173, 39.48187],
              [121.286927, 39.507271],
              [121.268449, 39.482794],
              [121.224717, 39.519275],
              [121.226565, 39.554814],
              [121.263521, 39.589873],
              [121.299246, 39.606013],
              [121.325731, 39.601402],
              [121.450151, 39.624914],
              [121.451999, 39.658095],
              [121.482796, 39.659478],
              [121.502506, 39.703233],
              [121.45939, 39.747881],
              [121.487107, 39.760303],
              [121.472325, 39.802155],
              [121.530223, 39.851334],
              [121.541926, 39.874302],
              [121.572107, 39.865116],
              [121.626925, 39.882569],
              [121.699606, 39.937196],
              [121.76428, 39.933525],
              [121.779062, 39.942702],
              [121.796309, 39.999116],
              [121.824642, 40.025701],
              [121.910257, 40.072887],
              [121.956453, 40.133311],
              [121.995257, 40.128277],
              [122.003264, 40.172191],
              [121.98109, 40.173106],
              [121.950293, 40.204194],
              [121.940438, 40.242121],
              [122.02667, 40.244862],
              [122.039605, 40.260391],
              [122.040221, 40.322017],
              [122.079641, 40.332967],
              [122.110438, 40.315629],
              [122.138155, 40.338897],
              [122.111054, 40.348932],
              [122.135691, 40.374925],
              [122.152322, 40.357597],
              [122.198517, 40.382219],
              [122.186814, 40.422779],
              [122.229314, 40.424146],
              [122.250872, 40.445555],
              [122.241633, 40.465137],
              [122.278589, 40.482891],
              [122.244712, 40.485167],
              [122.245944, 40.519752],
              [122.150474, 40.588413],
              [122.133843, 40.614313],
              [122.148626, 40.671983],
              [122.122141, 40.657457],
              [122.06609, 40.64883],
              [122.025438, 40.674253],
              [121.951525, 40.680607],
              [121.936127, 40.711462],
              [121.934279, 40.79805],
              [121.883772, 40.802127],
              [121.84312, 40.831567],
              [121.816019, 40.894931],
              [121.778446, 40.886787],
              [121.735331, 40.862351],
              [121.732251, 40.846961],
              [121.682976, 40.829755],
              [121.626309, 40.844244],
              [121.576418, 40.837906],
              [121.553013, 40.817528],
              [121.55486, 40.849677],
              [121.526527, 40.85194],
              [121.499426, 40.880001],
              [121.440296, 40.88181],
              [121.440912, 40.84017],
              [121.342977, 40.841528],
              [121.290622, 40.851488],
              [121.274608, 40.886335],
              [121.251202, 40.880453],
              [121.23642, 40.851035],
              [121.177906, 40.873665],
              [121.126167, 40.86914],
              [121.076892, 40.815716],
              [121.086747, 40.79805],
              [121.010986, 40.784457],
              [121.00729, 40.807563],
              [120.971566, 40.805751],
              [120.994356, 40.790801],
              [120.980189, 40.766329],
              [120.991276, 40.744115],
              [121.028848, 40.746382],
              [121.032544, 40.709193],
              [120.983269, 40.712822],
              [120.945081, 40.687868],
              [120.861313, 40.684692],
              [120.8299, 40.671076],
              [120.837291, 40.644289],
              [120.822509, 40.59432],
              [120.72827, 40.539311],
              [120.72211, 40.515657],
              [120.693777, 40.505647],
              [120.666676, 40.467413],
              [120.615553, 40.453298],
              [120.617401, 40.41959],
              [120.596459, 40.399084],
              [120.602618, 40.36079],
              [120.537329, 40.325211],
              [120.52193, 40.304676],
              [120.523778, 40.256737],
              [120.491749, 40.20008],
              [120.451097, 40.177679],
              [120.371641, 40.174478],
              [120.273091, 40.127362],
              [120.161606, 40.096239],
              [120.134504, 40.074719],
              [120.092005, 40.077466],
              [119.947259, 40.040364],
              [119.941715, 40.009659],
              [119.91831, 39.989946],
              [119.854252, 39.98857],
              [119.845629, 40.000949],
              [119.845629, 40.000949],
              [119.854252, 40.033033],
              [119.81668, 40.050443],
              [119.81668, 40.050443],
              [119.787115, 40.041739],
              [119.787115, 40.041739],
              [119.783419, 40.046778],
              [119.783419, 40.046778],
              [119.772332, 40.08113],
              [119.736608, 40.104936],
              [119.760629, 40.136056],
              [119.745847, 40.207851],
              [119.716898, 40.195966],
              [119.671934, 40.23938],
              [119.639289, 40.231613],
              [119.639289, 40.231613],
              [119.651608, 40.271808],
              [119.598021, 40.334335],
              [119.586934, 40.375381],
              [119.604797, 40.455119],
              [119.553674, 40.502007],
              [119.572152, 40.523846],
              [119.559217, 40.547952],
              [119.503783, 40.553864],
              [119.477913, 40.533399],
              [119.429254, 40.540221],
              [119.30237, 40.530215],
              [119.256175, 40.543404],
              [119.22045, 40.569322],
              [119.230921, 40.603863],
              [119.177951, 40.609315],
              [119.162552, 40.600228],
              [119.14469, 40.632482],
              [119.184726, 40.680153],
              [119.165632, 40.69286],
              [119.115125, 40.666536],
              [119.054763, 40.664721],
              [119.028277, 40.692406],
              [119.011031, 40.687414],
              [118.96114, 40.72008],
              [118.950053, 40.747743],
              [118.895234, 40.75409],
              [118.907553, 40.775394],
              [118.878604, 40.783098],
              [118.845959, 40.822057],
              [118.873061, 40.847866],
              [118.90201, 40.960946],
              [118.916792, 40.969984],
              [118.977154, 40.959138],
              [118.977154, 40.959138],
              [119.00056, 40.967273],
              [119.013495, 41.007479],
              [118.951901, 41.018317],
              [118.937118, 41.052625],
              [118.964836, 41.079246],
              [119.037516, 41.067516],
              [119.080632, 41.095936],
              [119.081248, 41.131555],
              [119.126212, 41.138767],
              [119.189038, 41.198234],
              [119.169943, 41.222996],
              [119.204436, 41.222546],
              [119.209364, 41.244599],
              [119.2494, 41.279689],
              [119.239545, 41.31431],
              [119.296211, 41.325097],
              [119.330704, 41.385293],
              [119.309762, 41.405944],
              [119.376283, 41.422102],
              [119.378131, 41.459787],
              [119.401537, 41.472343],
              [119.406464, 41.503276],
              [119.361501, 41.545841],
              [119.362116, 41.566442],
              [119.420015, 41.567785],
              [119.415703, 41.590169],
              [119.342406, 41.617914],
              [119.307914, 41.657273],
              [119.299907, 41.705545],
              [119.319001, 41.727435],
              [119.317769, 41.764049],
              [119.292515, 41.790827],
              [119.312841, 41.80555],
              [119.334399, 41.871539],
              [119.323312, 41.889807],
              [119.340559, 41.926774],
              [119.323928, 41.937014],
              [119.324544, 41.969505],
              [119.375667, 42.023322],
              [119.384906, 42.08953],
              [119.352261, 42.118391],
              [119.314689, 42.119723],
              [119.30853, 42.147239],
              [119.286972, 42.154781],
              [119.277733, 42.185387],
              [119.237697, 42.200905],
              [119.274037, 42.239021],
              [119.280197, 42.260728],
              [119.34795, 42.300578],
              [119.432949, 42.317396],
              [119.482841, 42.347037],
              [119.502551, 42.388159],
              [119.540123, 42.363401],
              [119.572152, 42.359421],
              [119.571536, 42.335536],
              [119.539507, 42.297922],
              [119.557985, 42.289068],
            ],
          ],
          [
            [
              [122.673406, 39.269531],
              [122.67895, 39.268605],
              [122.57732, 39.269994],
              [122.497248, 39.300566],
              [122.540979, 39.308439],
              [122.593334, 39.278334],
              [122.641993, 39.288061],
              [122.673406, 39.269531],
            ],
          ],
          [
            [
              [122.335256, 39.149894],
              [122.316161, 39.185157],
              [122.343263, 39.203246],
              [122.393154, 39.213448],
              [122.383299, 39.190723],
              [122.398697, 39.16196],
              [122.366053, 39.174951],
              [122.335256, 39.149894],
            ],
          ],
          [
            [
              [122.691884, 39.23292],
              [122.691268, 39.23431],
              [122.690037, 39.234774],
              [122.628443, 39.231993],
              [122.635834, 39.241727],
              [122.740544, 39.248679],
              [122.751631, 39.229675],
              [122.696812, 39.206492],
              [122.691884, 39.23292],
            ],
          ],
          [
            [
              [122.759022, 39.025404],
              [122.732536, 39.013779],
              [122.704819, 39.044463],
              [122.725145, 39.048181],
              [122.759022, 39.025404],
            ],
          ],
          [
            [
              [123.022644, 39.546507],
              [123.036194, 39.533123],
              [122.995542, 39.495264],
              [122.945035, 39.520198],
              [122.96105, 39.551122],
              [123.022644, 39.546507],
            ],
          ],
          [
            [
              [122.503407, 39.241263],
              [122.547755, 39.229211],
              [122.502175, 39.224112],
              [122.503407, 39.241263],
            ],
          ],
          [
            [
              [120.786784, 40.473787],
              [120.774465, 40.48016],
              [120.805262, 40.525666],
              [120.8299, 40.516112],
              [120.83298, 40.491995],
              [120.786784, 40.473787],
            ],
          ],
          [
            [
              [123.086702, 39.426881],
              [123.054057, 39.457847],
              [123.090397, 39.450915],
              [123.086702, 39.426881],
            ],
          ],
          [
            [
              [123.160614, 39.025404],
              [123.143984, 39.038885],
              [123.145832, 39.091857],
              [123.20065, 39.077921],
              [123.205578, 39.057011],
              [123.160614, 39.025404],
            ],
          ],
          [
            [
              [123.716807, 39.74512],
              [123.719887, 39.763063],
              [123.756843, 39.754322],
              [123.716807, 39.74512],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 220000,
        name: '吉林省',
        center: [125.3245, 43.886841],
        centroid: [126.171249, 43.70394],
        childrenNum: 9,
        level: 'province',
        subFeatureIndex: 6,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [126.188572, 41.114875],
              [126.187956, 41.113072],
              [126.16763, 41.094583],
              [126.124514, 41.092327],
              [126.133753, 41.063906],
              [126.099877, 41.036376],
              [126.1085, 41.011995],
              [126.066, 40.997542],
              [126.08263, 40.976762],
              [126.051833, 40.96185],
              [126.041362, 40.928851],
              [126.008102, 40.936537],
              [125.959442, 40.88181],
              [125.921254, 40.882715],
              [125.875059, 40.908501],
              [125.860892, 40.888597],
              [125.817161, 40.866877],
              [125.778356, 40.897645],
              [125.707523, 40.866877],
              [125.687813, 40.897645],
              [125.652089, 40.91619],
              [125.584335, 40.891764],
              [125.589263, 40.931112],
              [125.635458, 40.94151],
              [125.650241, 40.970888],
              [125.674879, 40.974503],
              [125.684118, 41.021929],
              [125.726617, 41.055332],
              [125.739552, 41.08917],
              [125.712451, 41.095485],
              [125.734009, 41.125695],
              [125.759878, 41.132908],
              [125.791291, 41.167607],
              [125.73832, 41.178418],
              [125.758646, 41.232449],
              [125.749407, 41.245499],
              [125.695205, 41.244599],
              [125.685349, 41.273842],
              [125.646545, 41.264396],
              [125.642234, 41.296327],
              [125.62006, 41.318355],
              [125.637306, 41.34442],
              [125.610205, 41.365084],
              [125.589879, 41.359245],
              [125.581256, 41.396517],
              [125.547995, 41.401006],
              [125.534444, 41.428833],
              [125.533212, 41.479069],
              [125.493176, 41.509103],
              [125.507343, 41.534195],
              [125.479626, 41.544946],
              [125.450061, 41.597777],
              [125.461148, 41.642516],
              [125.446981, 41.67605],
              [125.412488, 41.691246],
              [125.344119, 41.672474],
              [125.317018, 41.676944],
              [125.332416, 41.711354],
              [125.336112, 41.768067],
              [125.336112, 41.768067],
              [125.323177, 41.771191],
              [125.323177, 41.771191],
              [125.319482, 41.776993],
              [125.319482, 41.776993],
              [125.294844, 41.822945],
              [125.307779, 41.924548],
              [125.35151, 41.92811],
              [125.291764, 41.958825],
              [125.29854, 41.974399],
              [125.369989, 42.002868],
              [125.363213, 42.017097],
              [125.416184, 42.063766],
              [125.414336, 42.101964],
              [125.446365, 42.098411],
              [125.490097, 42.136145],
              [125.458068, 42.160105],
              [125.458068, 42.160105],
              [125.41372, 42.156112],
              [125.368141, 42.182726],
              [125.357054, 42.145464],
              [125.305931, 42.146351],
              [125.312706, 42.197359],
              [125.280677, 42.175187],
              [125.312706, 42.219966],
              [125.27575, 42.231045],
              [125.27575, 42.266928],
              [125.299156, 42.289953],
              [125.264047, 42.312528],
              [125.224011, 42.30102],
              [125.175352, 42.308102],
              [125.167345, 42.351903],
              [125.203685, 42.366938],
              [125.185823, 42.38197],
              [125.186439, 42.427928],
              [125.140243, 42.44692],
              [125.150098, 42.458842],
              [125.105135, 42.490624],
              [125.068794, 42.499449],
              [125.090968, 42.515773],
              [125.066946, 42.534738],
              [125.089736, 42.567803],
              [125.082961, 42.591159],
              [125.097127, 42.622433],
              [125.038613, 42.615387],
              [125.010896, 42.63212],
              [125.014592, 42.666014],
              [124.99057, 42.677455],
              [124.968396, 42.722756],
              [124.996729, 42.745174],
              [124.975171, 42.802722],
              [124.92836, 42.819844],
              [124.897563, 42.787791],
              [124.874157, 42.789987],
              [124.856911, 42.824234],
              [124.84952, 42.882585],
              [124.87231, 42.962344],
              [124.869846, 42.988178],
              [124.840897, 43.032377],
              [124.88894, 43.074796],
              [124.882781, 43.13422],
              [124.785462, 43.117185],
              [124.755281, 43.074359],
              [124.719557, 43.069987],
              [124.686912, 43.051185],
              [124.677673, 43.002185],
              [124.658579, 42.972854],
              [124.635173, 42.972854],
              [124.632093, 42.949642],
              [124.607456, 42.937376],
              [124.586514, 42.905384],
              [124.466406, 42.847054],
              [124.435609, 42.880831],
              [124.371551, 42.880831],
              [124.38079, 42.912835],
              [124.431913, 42.930803],
              [124.442384, 42.958841],
              [124.42329, 42.975482],
              [124.369703, 42.972854],
              [124.333363, 42.997371],
              [124.425754, 43.076107],
              [124.366007, 43.121554],
              [124.273617, 43.17875],
              [124.287167, 43.207983],
              [124.27608, 43.233278],
              [124.228653, 43.235022],
              [124.215102, 43.255947],
              [124.168291, 43.244177],
              [124.114088, 43.247229],
              [124.117168, 43.2773],
              [124.099306, 43.292983],
              [124.032784, 43.280786],
              [123.964415, 43.34088],
              [123.896046, 43.361333],
              [123.881263, 43.392218],
              [123.881263, 43.392218],
              [123.852314, 43.406133],
              [123.857858, 43.459153],
              [123.857858, 43.459153],
              [123.79688, 43.489988],
              [123.747604, 43.472184],
              [123.749452, 43.439167],
              [123.710032, 43.417001],
              [123.703873, 43.37047],
              [123.608402, 43.366119],
              [123.54496, 43.415262],
              [123.519707, 43.402219],
              [123.486446, 43.44525],
              [123.442098, 43.437863],
              [123.419925, 43.410046],
              [123.382968, 43.469143],
              [123.36449, 43.483475],
              [123.315831, 43.492159],
              [123.329998, 43.519071],
              [123.304744, 43.550742],
              [123.360179, 43.567223],
              [123.452569, 43.545971],
              [123.452569, 43.545971],
              [123.461193, 43.568523],
              [123.434091, 43.575461],
              [123.421157, 43.598435],
              [123.5117, 43.592801],
              [123.510468, 43.624867],
              [123.536953, 43.633964],
              [123.518475, 43.682024],
              [123.520323, 43.708419],
              [123.48275, 43.737396],
              [123.498149, 43.771114],
              [123.461809, 43.822518],
              [123.467968, 43.853599],
              [123.397135, 43.954929],
              [123.37065, 43.970006],
              [123.400831, 43.979481],
              [123.365722, 44.013922],
              [123.331229, 44.028984],
              [123.32815, 44.084035],
              [123.350939, 44.092633],
              [123.362642, 44.133452],
              [123.386664, 44.161794],
              [123.323838, 44.179823],
              [123.286882, 44.211574],
              [123.277027, 44.25274],
              [123.196955, 44.34483],
              [123.128585, 44.367081],
              [123.114419, 44.40258],
              [123.142136, 44.428228],
              [123.125506, 44.455147],
              [123.137209, 44.486322],
              [123.12489, 44.5098],
              [123.06576, 44.505959],
              [123.025108, 44.493153],
              [122.85634, 44.398304],
              [122.76087, 44.369648],
              [122.702971, 44.319145],
              [122.675254, 44.285738],
              [122.641993, 44.283595],
              [122.515726, 44.251025],
              [122.483081, 44.236877],
              [122.319241, 44.233018],
              [122.271198, 44.255741],
              [122.291524, 44.310152],
              [122.294604, 44.41113],
              [122.28598, 44.477783],
              [122.228082, 44.480345],
              [122.224386, 44.526016],
              [122.196053, 44.559712],
              [122.13138, 44.577619],
              [122.113517, 44.615546],
              [122.103046, 44.67388],
              [122.117213, 44.701961],
              [122.161561, 44.728328],
              [122.152322, 44.744057],
              [122.10243, 44.736406],
              [122.110438, 44.767856],
              [122.142467, 44.753833],
              [122.168952, 44.770405],
              [122.099967, 44.7823],
              [122.098119, 44.81882],
              [122.04946, 44.912985],
              [122.079025, 44.914256],
              [122.087032, 44.95281],
              [122.074713, 45.006573],
              [122.098735, 45.02138],
              [122.119677, 45.068739],
              [122.109822, 45.142236],
              [122.143082, 45.183167],
              [122.192358, 45.180636],
              [122.22993, 45.206784],
              [122.239169, 45.276313],
              [122.147394, 45.295682],
              [122.146778, 45.374352],
              [122.180039, 45.409655],
              [122.168336, 45.439897],
              [122.064242, 45.472641],
              [122.002648, 45.507882],
              [121.993409, 45.552741],
              [121.966308, 45.596308],
              [121.995873, 45.59882],
              [122.003264, 45.623102],
              [121.970004, 45.692956],
              [121.934279, 45.71051],
              [121.867142, 45.719703],
              [121.812323, 45.704659],
              [121.811091, 45.687103],
              [121.713773, 45.701734],
              [121.666345, 45.727641],
              [121.644172, 45.752284],
              [121.657106, 45.770238],
              [121.697142, 45.76314],
              [121.754425, 45.794862],
              [121.766744, 45.830318],
              [121.766744, 45.830318],
              [121.769823, 45.84366],
              [121.817251, 45.875336],
              [121.805548, 45.900746],
              [121.821562, 45.918235],
              [121.809243, 45.961102],
              [121.761816, 45.998947],
              [121.819098, 46.023054],
              [121.843736, 46.024301],
              [121.864062, 46.002272],
              [121.923808, 46.004767],
              [121.92812, 45.988552],
              [122.040221, 45.959022],
              [122.085184, 45.912406],
              [122.091344, 45.882002],
              [122.200981, 45.857],
              [122.236705, 45.831569],
              [122.253952, 45.7982],
              [122.301379, 45.813218],
              [122.337719, 45.859917],
              [122.372828, 45.856166],
              [122.362357, 45.917403],
              [122.446125, 45.916986],
              [122.496016, 45.85825],
              [122.504639, 45.786933],
              [122.522501, 45.786933],
              [122.556378, 45.82156],
              [122.603189, 45.778169],
              [122.640761, 45.771072],
              [122.650001, 45.731401],
              [122.671558, 45.70048],
              [122.741775, 45.705077],
              [122.751015, 45.735996],
              [122.792283, 45.766063],
              [122.752246, 45.834905],
              [122.772572, 45.856583],
              [122.80029, 45.856583],
              [122.828623, 45.912406],
              [122.792898, 46.073313],
              [123.04605, 46.099878],
              [123.070071, 46.123527],
              [123.112571, 46.130163],
              [123.102716, 46.172037],
              [123.127354, 46.174523],
              [123.128585, 46.210565],
              [123.178476, 46.248239],
              [123.248078, 46.273065],
              [123.286266, 46.250308],
              [123.320758, 46.254447],
              [123.357099, 46.232096],
              [123.357099, 46.232096],
              [123.430396, 46.243687],
              [123.452569, 46.233338],
              [123.499381, 46.259826],
              [123.569598, 46.223816],
              [123.569598, 46.223816],
              [123.604706, 46.251964],
              [123.673692, 46.258585],
              [123.726047, 46.255688],
              [123.775938, 46.263136],
              [123.84985, 46.302428],
              [123.896046, 46.303668],
              [123.917604, 46.25693],
              [123.936082, 46.286715],
              [123.960103, 46.288369],
              [123.952096, 46.256516],
              [123.979814, 46.228784],
              [123.956408, 46.206009],
              [123.971806, 46.170379],
              [124.001987, 46.166649],
              [123.991516, 46.143019],
              [124.01677, 46.118549],
              [123.99398, 46.101123],
              [124.015538, 46.088257],
              [124.009995, 46.057534],
              [124.034016, 46.045074],
              [124.040176, 46.01973],
              [123.989053, 46.011833],
              [124.011842, 45.981899],
              [123.973654, 45.973997],
              [123.968727, 45.936551],
              [123.996444, 45.906993],
              [124.061118, 45.886168],
              [124.067277, 45.840325],
              [124.03648, 45.83824],
              [124.064197, 45.802372],
              [124.001987, 45.770655],
              [124.014922, 45.749779],
              [124.054342, 45.751449],
              [124.098074, 45.722628],
              [124.10177, 45.700898],
              [124.13503, 45.690448],
              [124.122096, 45.669123],
              [124.147349, 45.665359],
              [124.128255, 45.641933],
              [124.162132, 45.616404],
              [124.226805, 45.633564],
              [124.238508, 45.591702],
              [124.273001, 45.584163],
              [124.264377, 45.555256],
              [124.287783, 45.539329],
              [124.348761, 45.546874],
              [124.369087, 45.512915],
              [124.352457, 45.496557],
              [124.374015, 45.45795],
              [124.398652, 45.440737],
              [124.480572, 45.456271],
              [124.507058, 45.424778],
              [124.544014, 45.411756],
              [124.579738, 45.424358],
              [124.575427, 45.451234],
              [124.625318, 45.437377],
              [124.690607, 45.452493],
              [124.729412, 45.444096],
              [124.776223, 45.468024],
              [124.792853, 45.436958],
              [124.839665, 45.455852],
              [124.886476, 45.442836],
              [124.884628, 45.495299],
              [124.911114, 45.535976],
              [124.936983, 45.53388],
              [124.961005, 45.495299],
              [125.025678, 45.493201],
              [125.0497, 45.428558],
              [125.08912, 45.420998],
              [125.06633, 45.39915],
              [125.097127, 45.38276],
              [125.137779, 45.409655],
              [125.189518, 45.39915],
              [125.248649, 45.417637],
              [125.301619, 45.402092],
              [125.319482, 45.422678],
              [125.361981, 45.392847],
              [125.398322, 45.416797],
              [125.434662, 45.462988],
              [125.424807, 45.485649],
              [125.480242, 45.486488],
              [125.497488, 45.469283],
              [125.583104, 45.491942],
              [125.61698, 45.517947],
              [125.660096, 45.507043],
              [125.687813, 45.514173],
              [125.711835, 45.477677],
              [125.712451, 45.389485],
              [125.695205, 45.352066],
              [125.726001, 45.336503],
              [125.761726, 45.291472],
              [125.815929, 45.264942],
              [125.823936, 45.237978],
              [125.849805, 45.23882],
              [125.915095, 45.196664],
              [125.957595, 45.201303],
              [125.992703, 45.192447],
              [125.998247, 45.162072],
              [126.047522, 45.170933],
              [126.091869, 45.149411],
              [126.142992, 45.147723],
              [126.166398, 45.13337],
              [126.225528, 45.154054],
              [126.235383, 45.140125],
              [126.285274, 45.162494],
              [126.293282, 45.180214],
              [126.356107, 45.185698],
              [126.402919, 45.222805],
              [126.519331, 45.248091],
              [126.540273, 45.23882],
              [126.569222, 45.252725],
              [126.644983, 45.225334],
              [126.640055, 45.214373],
              [126.685635, 45.187807],
              [126.732446, 45.187385],
              [126.787265, 45.159118],
              [126.792808, 45.135481],
              [126.85625, 45.145613],
              [126.96404, 45.132104],
              [126.970815, 45.070852],
              [126.984981, 45.067893],
              [127.018242, 45.024341],
              [127.050271, 45.004034],
              [127.092771, 44.94688],
              [127.073061, 44.907051],
              [127.021938, 44.898997],
              [126.999764, 44.87398],
              [126.984366, 44.823914],
              [126.9973, 44.764882],
              [127.041032, 44.712169],
              [127.030561, 44.673454],
              [127.044112, 44.653874],
              [127.041648, 44.591258],
              [127.049655, 44.566961],
              [127.089691, 44.593816],
              [127.094619, 44.615972],
              [127.138966, 44.607451],
              [127.182082, 44.644507],
              [127.228893, 44.642804],
              [127.214111, 44.624917],
              [127.261538, 44.61299],
              [127.275705, 44.640249],
              [127.392733, 44.632158],
              [127.557189, 44.575488],
              [127.570124, 44.55033],
              [127.536247, 44.522176],
              [127.485124, 44.528576],
              [127.465414, 44.516628],
              [127.463566, 44.484615],
              [127.50853, 44.437202],
              [127.486356, 44.410275],
              [127.579363, 44.310581],
              [127.623711, 44.278025],
              [127.59045, 44.227872],
              [127.626174, 44.187977],
              [127.641573, 44.193555],
              [127.681609, 44.166946],
              [127.712406, 44.199133],
              [127.735811, 44.11412],
              [127.729036, 44.09908],
              [127.783239, 44.071997],
              [127.808492, 44.086615],
              [127.846065, 44.081886],
              [127.862695, 44.062967],
              [127.912586, 44.064687],
              [127.950158, 44.088334],
              [128.042549, 44.103807],
              [128.091208, 44.133022],
              [128.088129, 44.158359],
              [128.060411, 44.168663],
              [128.09244, 44.181539],
              [128.104143, 44.230017],
              [128.064107, 44.251454],
              [128.101679, 44.293449],
              [128.065339, 44.307155],
              [128.049941, 44.349965],
              [128.074578, 44.370075],
              [128.094904, 44.354673],
              [128.137404, 44.357668],
              [128.172512, 44.34697],
              [128.211317, 44.431647],
              [128.228563, 44.445748],
              [128.293237, 44.467961],
              [128.295084, 44.480772],
              [128.372693, 44.514495],
              [128.397946, 44.483761],
              [128.427511, 44.473512],
              [128.463236, 44.431647],
              [128.457076, 44.409848],
              [128.481714, 44.375637],
              [128.475555, 44.346114],
              [128.446605, 44.339694],
              [128.472475, 44.320001],
              [128.453997, 44.257884],
              [128.471859, 44.247596],
              [128.450301, 44.203423],
              [128.471859, 44.157501],
              [128.529141, 44.112401],
              [128.574721, 44.047914],
              [128.584576, 43.990246],
              [128.610445, 43.960529],
              [128.64001, 43.948035],
              [128.636315, 43.891132],
              [128.696061, 43.903207],
              [128.729938, 43.889838],
              [128.760734, 43.857482],
              [128.719467, 43.816905],
              [128.739177, 43.806972],
              [128.760119, 43.755554],
              [128.729322, 43.736964],
              [128.768126, 43.732207],
              [128.78722, 43.686784],
              [128.821097, 43.637429],
              [128.834647, 43.587599],
              [128.878379, 43.539898],
              [128.949828, 43.553779],
              [128.962763, 43.53903],
              [129.013886, 43.522976],
              [129.037907, 43.540332],
              [129.093958, 43.547706],
              [129.145081, 43.570258],
              [129.169102, 43.561585],
              [129.23008, 43.593234],
              [129.232544, 43.635263],
              [129.217146, 43.648689],
              [129.214066, 43.695006],
              [129.232544, 43.709284],
              [129.211602, 43.784509],
              [129.254718, 43.819496],
              [129.289826, 43.797038],
              [129.30892, 43.812155],
              [129.348341, 43.798333],
              [129.406855, 43.819496],
              [129.417942, 43.843672],
              [129.449971, 43.850578],
              [129.467833, 43.874741],
              [129.529427, 43.870427],
              [129.650767, 43.873016],
              [129.699426, 43.8838],
              [129.743158, 43.876035],
              [129.739462, 43.895876],
              [129.780114, 43.892857],
              [129.802904, 43.964837],
              [129.868193, 44.012631],
              [129.881128, 44.000148],
              [129.907614, 44.023821],
              [129.951345, 44.027263],
              [129.979062, 44.015644],
              [130.017867, 43.961821],
              [130.022794, 43.917866],
              [130.009243, 43.889407],
              [130.027722, 43.851872],
              [130.079461, 43.835039],
              [130.110873, 43.852735],
              [130.116417, 43.878192],
              [130.143518, 43.878624],
              [130.153373, 43.915711],
              [130.208192, 43.948466],
              [130.262395, 43.949328],
              [130.27225, 43.981634],
              [130.307358, 44.002731],
              [130.319061, 44.03974],
              [130.365256, 44.044042],
              [130.364025, 43.992399],
              [130.338155, 43.963975],
              [130.381887, 43.910106],
              [130.368336, 43.894151],
              [130.386198, 43.85403],
              [130.362793, 43.844967],
              [130.381887, 43.817768],
              [130.382503, 43.777164],
              [130.423155, 43.745179],
              [130.394206, 43.703227],
              [130.412684, 43.652586],
              [130.437937, 43.646091],
              [130.488444, 43.65605],
              [130.501995, 43.636563],
              [130.57098, 43.626167],
              [130.57098, 43.626167],
              [130.630726, 43.622268],
              [130.623335, 43.589767],
              [130.665835, 43.583698],
              [130.671378, 43.565054],
              [130.727429, 43.560284],
              [130.776704, 43.52341],
              [130.822899, 43.503446],
              [130.841378, 43.454374],
              [130.864167, 43.437863],
              [130.907283, 43.434387],
              [130.959638, 43.48608],
              [131.026775, 43.508655],
              [131.142572, 43.425695],
              [131.175217, 43.444816],
              [131.201086, 43.442209],
              [131.234963, 43.475224],
              [131.294093, 43.470012],
              [131.304564, 43.502144],
              [131.31873, 43.499539],
              [131.314419, 43.461325],
              [131.295941, 43.441774],
              [131.314419, 43.392653],
              [131.275615, 43.369165],
              [131.269455, 43.297775],
              [131.255289, 43.265099],
              [131.206014, 43.237202],
              [131.201086, 43.203185],
              [131.218948, 43.191405],
              [131.207861, 43.1316],
              [131.173985, 43.111506],
              [131.171521, 43.06955],
              [131.120398, 43.068238],
              [131.102536, 43.021002],
              [131.11855, 43.007875],
              [131.115471, 42.975482],
              [131.151195, 42.968475],
              [131.14442, 42.939566],
              [131.114855, 42.915027],
              [131.034167, 42.929051],
              [131.017536, 42.915027],
              [131.045869, 42.866796],
              [130.981812, 42.857145],
              [130.949783, 42.876884],
              [130.890653, 42.852758],
              [130.845073, 42.881269],
              [130.801957, 42.879515],
              [130.784095, 42.842227],
              [130.75453, 42.845738],
              [130.719422, 42.831695],
              [130.708335, 42.846615],
              [130.665835, 42.847932],
              [130.603625, 42.819405],
              [130.562357, 42.815015],
              [130.532792, 42.787352],
              [130.46627, 42.772417],
              [130.40714, 42.731548],
              [130.425003, 42.706926],
              [130.464423, 42.688453],
              [130.529096, 42.703408],
              [130.592538, 42.671295],
              [130.633806, 42.603494],
              [130.622719, 42.573092],
              [130.570364, 42.557224],
              [130.565437, 42.506509],
              [130.599929, 42.486211],
              [130.600545, 42.450453],
              [130.645509, 42.426603],
              [130.581451, 42.435437],
              [130.585763, 42.485328],
              [130.558661, 42.495919],
              [130.556198, 42.523712],
              [130.520473, 42.583228],
              [130.522937, 42.622433],
              [130.482285, 42.626837],
              [130.459495, 42.588075],
              [130.476125, 42.570007],
              [130.435474, 42.553257],
              [130.423771, 42.574855],
              [130.44656, 42.607459],
              [130.420691, 42.617148],
              [130.388046, 42.603054],
              [130.373264, 42.630799],
              [130.333228, 42.64973],
              [130.290112, 42.702968],
              [130.257467, 42.710884],
              [130.242069, 42.738582],
              [130.245148, 42.799209],
              [130.258083, 42.860655],
              [130.277793, 42.892232],
              [130.258083, 42.90626],
              [130.21004, 42.902315],
              [130.17062, 42.912397],
              [130.136127, 42.90363],
              [130.10225, 42.922916],
              [130.127504, 42.932556],
              [130.120729, 42.954461],
              [130.144134, 42.976357],
              [130.10841, 42.989929],
              [130.072685, 42.971541],
              [130.027106, 42.9676],
              [130.002468, 42.981174],
              [129.963664, 42.978547],
              [129.954425, 43.010938],
              [129.897143, 43.001748],
              [129.903918, 42.968475],
              [129.868193, 42.97373],
              [129.856491, 42.951833],
              [129.874969, 42.923792],
              [129.846636, 42.918533],
              [129.835549, 42.866796],
              [129.816454, 42.851003],
              [129.810911, 42.795257],
              [129.78381, 42.762752],
              [129.767179, 42.707806],
              [129.796744, 42.681854],
              [129.754245, 42.645768],
              [129.786889, 42.615387],
              [129.746237, 42.58455],
              [129.749933, 42.546644],
              [129.738846, 42.500332],
              [129.748701, 42.471204],
              [129.704354, 42.427045],
              [129.643991, 42.43102],
              [129.624281, 42.459284],
              [129.60026, 42.41114],
              [129.546057, 42.361632],
              [129.49863, 42.412023],
              [129.452434, 42.441179],
              [129.400695, 42.449128],
              [129.368051, 42.425719],
              [129.376058, 42.447803],
              [129.344029, 42.451777],
              [129.356348, 42.427045],
              [129.331094, 42.429695],
              [129.30892, 42.403628],
              [129.326167, 42.389927],
              [129.240551, 42.376223],
              [129.231312, 42.356325],
              [129.260261, 42.335536],
              [129.208522, 42.293052],
              [129.231312, 42.283755],
              [129.215914, 42.265157],
              [129.183269, 42.262056],
              [129.181421, 42.242122],
              [129.209138, 42.237692],
              [129.215914, 42.208442],
              [129.166639, 42.188047],
              [129.113668, 42.140583],
              [129.048378, 42.137476],
              [129.039139, 42.107736],
              [129.008958, 42.09175],
              [128.971386, 42.097079],
              [128.954755, 42.083756],
              [128.952908, 42.025545],
              [128.898089, 42.016653],
              [128.795227, 42.042436],
              [128.779213, 42.033546],
              [128.737945, 42.050435],
              [128.70222, 42.02021],
              [128.658489, 42.018876],
              [128.637547, 42.035324],
              [128.60675, 42.02999],
              [128.598127, 42.007315],
              [128.49896, 42.000644],
              [128.466316, 42.020654],
              [128.405338, 42.018876],
              [128.294468, 42.026434],
              [128.090593, 42.022877],
              [128.033926, 42.000199],
              [128.106607, 41.949923],
              [128.115846, 41.896935],
              [128.104143, 41.843457],
              [128.112766, 41.793504],
              [128.147875, 41.78101],
              [128.163889, 41.721628],
              [128.208853, 41.688565],
              [128.248889, 41.681414],
              [128.30186, 41.627756],
              [128.317874, 41.575844],
              [128.301244, 41.544498],
              [128.238418, 41.497898],
              [128.243345, 41.477276],
              [128.203925, 41.410882],
              [128.169433, 41.404149],
              [128.114614, 41.364186],
              [128.090593, 41.374516],
              [128.110919, 41.393375],
              [128.040085, 41.393375],
              [128.000049, 41.442741],
              [127.991426, 41.421204],
              [127.970484, 41.438704],
              [127.93168, 41.444984],
              [127.909506, 41.42973],
              [127.882405, 41.448124],
              [127.86947, 41.4037],
              [127.854688, 41.420755],
              [127.780159, 41.427038],
              [127.684073, 41.422999],
              [127.636645, 41.413575],
              [127.618783, 41.432871],
              [127.563964, 41.432871],
              [127.547334, 41.477276],
              [127.526392, 41.467859],
              [127.465414, 41.479069],
              [127.459255, 41.461581],
              [127.419835, 41.460235],
              [127.405668, 41.478621],
              [127.360088, 41.479518],
              [127.360704, 41.466065],
              [127.296031, 41.486243],
              [127.253531, 41.486691],
              [127.28864, 41.501932],
              [127.241212, 41.520754],
              [127.188241, 41.527475],
              [127.164836, 41.542706],
              [127.14143, 41.530163],
              [127.125416, 41.566442],
              [127.178386, 41.600015],
              [127.135887, 41.600463],
              [127.127263, 41.622388],
              [127.093387, 41.629993],
              [127.103242, 41.647883],
              [127.037952, 41.676944],
              [127.057662, 41.703758],
              [127.050887, 41.744852],
              [127.005923, 41.749317],
              [126.979438, 41.776993],
              [126.940018, 41.773423],
              [126.952953, 41.804212],
              [126.931395, 41.812687],
              [126.861178, 41.768067],
              [126.83962, 41.727435],
              [126.809439, 41.749317],
              [126.8002, 41.702865],
              [126.723207, 41.753335],
              [126.694874, 41.751103],
              [126.690562, 41.728328],
              [126.724439, 41.710907],
              [126.688099, 41.674262],
              [126.644983, 41.661297],
              [126.608027, 41.669345],
              [126.592628, 41.624624],
              [126.564295, 41.608965],
              [126.582773, 41.563307],
              [126.559983, 41.548081],
              [126.497158, 41.406842],
              [126.539041, 41.366881],
              [126.524259, 41.349362],
              [126.497158, 41.374965],
              [126.437411, 41.353405],
              [126.373354, 41.289133],
              [126.35426, 41.244599],
              [126.332086, 41.236949],
              [126.295129, 41.171661],
              [126.188572, 41.114875],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 230000,
        name: '黑龙江省',
        center: [126.642464, 45.756967],
        centroid: [127.693016, 48.04047],
        childrenNum: 13,
        level: 'province',
        subFeatureIndex: 7,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [123.569598, 46.223816],
              [123.569598, 46.223816],
              [123.499381, 46.259826],
              [123.452569, 46.233338],
              [123.430396, 46.243687],
              [123.357099, 46.232096],
              [123.357099, 46.232096],
              [123.320758, 46.254447],
              [123.286266, 46.250308],
              [123.248078, 46.273065],
              [123.178476, 46.248239],
              [123.142136, 46.298293],
              [123.089781, 46.347888],
              [123.011557, 46.434984],
              [123.010325, 46.524823],
              [123.002318, 46.574624],
              [123.052825, 46.579972],
              [123.04605, 46.617803],
              [123.077462, 46.622324],
              [123.098404, 46.603002],
              [123.18094, 46.614103],
              [123.228368, 46.588198],
              [123.279491, 46.616981],
              [123.276411, 46.660947],
              [123.318295, 46.662179],
              [123.366338, 46.677784],
              [123.474743, 46.686817],
              [123.603475, 46.68928],
              [123.631808, 46.728675],
              [123.629344, 46.813524],
              [123.580069, 46.827447],
              [123.625648, 46.847508],
              [123.599163, 46.868378],
              [123.605322, 46.891286],
              [123.576989, 46.891286],
              [123.575757, 46.845461],
              [123.562823, 46.82581],
              [123.506772, 46.827038],
              [123.483366, 46.84587],
              [123.52833, 46.944836],
              [123.487678, 46.959951],
              [123.42362, 46.934212],
              [123.337389, 46.988943],
              [123.301664, 46.999965],
              [123.304128, 46.964852],
              [123.360179, 46.970978],
              [123.404526, 46.935438],
              [123.40699, 46.906416],
              [123.374345, 46.837683],
              [123.341084, 46.826628],
              [123.295505, 46.865105],
              [123.221592, 46.850373],
              [123.22344, 46.821305],
              [123.198802, 46.803283],
              [123.163694, 46.74016],
              [123.103332, 46.734828],
              [123.076846, 46.745082],
              [123.026339, 46.718829],
              [123.00355, 46.730726],
              [122.996774, 46.761483],
              [122.906847, 46.80738],
              [122.893913, 46.895376],
              [122.895144, 46.960359],
              [122.83971, 46.937072],
              [122.791051, 46.941567],
              [122.798442, 46.9575],
              [122.77442, 46.973837],
              [122.778116, 47.002822],
              [122.845869, 47.046881],
              [122.852645, 47.072158],
              [122.821232, 47.065636],
              [122.710363, 47.093349],
              [122.710363, 47.093349],
              [122.679566, 47.094164],
              [122.615508, 47.124306],
              [122.582863, 47.158092],
              [122.582863, 47.158092],
              [122.531124, 47.198771],
              [122.498479, 47.255262],
              [122.462755, 47.27841],
              [122.441197, 47.310476],
              [122.441197, 47.310476],
              [122.418407, 47.350632],
              [122.507103, 47.401291],
              [122.543443, 47.495589],
              [122.59395, 47.54732],
              [122.765181, 47.614333],
              [122.848949, 47.67441],
              [122.926557, 47.697777],
              [123.041122, 47.746492],
              [123.161846, 47.781892],
              [123.214201, 47.824502],
              [123.256085, 47.876711],
              [123.300432, 47.953723],
              [123.537569, 48.021816],
              [123.579453, 48.045427],
              [123.705105, 48.152142],
              [123.746373, 48.197638],
              [123.862785, 48.271782],
              [124.019234, 48.39313],
              [124.07898, 48.43603],
              [124.136878, 48.463023],
              [124.25945, 48.536385],
              [124.25945, 48.536385],
              [124.314269, 48.503881],
              [124.302566, 48.456673],
              [124.330283, 48.435633],
              [124.309957, 48.413393],
              [124.331515, 48.380015],
              [124.317964, 48.35099],
              [124.353689, 48.315978],
              [124.365392, 48.283731],
              [124.422058, 48.245884],
              [124.412819, 48.219175],
              [124.418978, 48.181679],
              [124.467637, 48.178886],
              [124.471333, 48.133373],
              [124.430065, 48.12099],
              [124.415899, 48.08782],
              [124.46579, 48.098213],
              [124.478108, 48.123387],
              [124.505826, 48.124985],
              [124.529847, 48.146951],
              [124.512601, 48.164518],
              [124.547094, 48.200829],
              [124.579122, 48.262221],
              [124.558796, 48.268197],
              [124.579738, 48.297269],
              [124.540934, 48.335476],
              [124.547094, 48.35775],
              [124.51876, 48.378027],
              [124.52492, 48.426897],
              [124.507674, 48.445558],
              [124.555717, 48.467784],
              [124.533543, 48.515379],
              [124.548941, 48.535593],
              [124.520608, 48.556195],
              [124.579122, 48.596582],
              [124.601912, 48.632587],
              [124.624702, 48.701755],
              [124.612383, 48.747945],
              [124.656115, 48.783842],
              [124.644412, 48.80789],
              [124.654267, 48.83429],
              [124.697383, 48.841775],
              [124.715861, 48.885475],
              [124.709086, 48.920487],
              [124.744194, 48.920487],
              [124.756513, 48.967262],
              [124.808252, 49.020666],
              [124.828578, 49.077933],
              [124.809484, 49.115943],
              [124.847672, 49.129651],
              [124.860607, 49.166448],
              [124.906802, 49.184054],
              [124.983179, 49.162535],
              [125.039845, 49.17623],
              [125.034302, 49.157056],
              [125.117453, 49.126127],
              [125.158721, 49.144921],
              [125.187671, 49.186792],
              [125.219699, 49.189139],
              [125.233866, 49.255587],
              [125.214772, 49.277066],
              [125.261583, 49.322336],
              [125.256656, 49.359769],
              [125.277598, 49.379644],
              [125.25604, 49.395227],
              [125.256656, 49.437275],
              [125.270822, 49.454395],
              [125.228323, 49.487063],
              [125.211076, 49.539908],
              [125.233866, 49.536801],
              [125.23017, 49.595411],
              [125.205533, 49.593859],
              [125.16796, 49.629923],
              [125.15441, 49.616741],
              [125.127308, 49.655113],
              [125.132236, 49.672157],
              [125.164881, 49.669446],
              [125.189518, 49.652401],
              [125.185207, 49.634574],
              [125.219699, 49.669058],
              [125.225243, 49.726349],
              [125.204301, 49.734086],
              [125.221547, 49.754969],
              [125.222779, 49.799026],
              [125.177815, 49.829533],
              [125.239409, 49.844587],
              [125.225243, 49.867351],
              [125.245569, 49.87198],
              [125.212924, 49.907452],
              [125.225859, 49.922481],
              [125.199373, 49.935194],
              [125.190134, 49.959841],
              [125.231402, 49.957531],
              [125.241873, 49.987938],
              [125.278214, 49.996402],
              [125.297924, 50.014481],
              [125.283757, 50.036012],
              [125.25296, 50.041393],
              [125.289916, 50.057917],
              [125.315786, 50.04562],
              [125.328105, 50.065985],
              [125.283757, 50.070211],
              [125.287453, 50.093636],
              [125.258504, 50.103618],
              [125.27883, 50.127411],
              [125.311474, 50.140453],
              [125.376148, 50.137385],
              [125.335496, 50.161161],
              [125.382923, 50.172278],
              [125.39093, 50.199868],
              [125.417416, 50.195654],
              [125.448829, 50.216338],
              [125.442053, 50.260357],
              [125.466075, 50.266861],
              [125.463611, 50.295925],
              [125.530749, 50.331085],
              [125.520278, 50.3498],
              [125.546763, 50.358965],
              [125.522126, 50.404759],
              [125.536292, 50.420014],
              [125.567089, 50.402852],
              [125.583104, 50.409717],
              [125.562162, 50.438314],
              [125.580024, 50.449366],
              [125.627451, 50.443268],
              [125.654553, 50.471082],
              [125.699516, 50.487078],
              [125.740784, 50.523237],
              [125.754335, 50.506874],
              [125.770349, 50.531227],
              [125.794987, 50.532748],
              [125.829479, 50.56165],
              [125.807921, 50.60383],
              [125.814697, 50.62092],
              [125.793139, 50.643316],
              [125.804226, 50.658874],
              [125.789443, 50.679735],
              [125.825784, 50.70362],
              [125.78082, 50.725598],
              [125.795603, 50.738856],
              [125.758646, 50.746809],
              [125.804226, 50.773309],
              [125.828863, 50.756654],
              [125.846726, 50.769524],
              [125.836255, 50.793363],
              [125.890457, 50.805845],
              [125.878138, 50.816812],
              [125.913247, 50.825885],
              [125.939732, 50.85423],
              [125.961906, 50.901054],
              [125.997631, 50.872738],
              [125.996399, 50.906715],
              [126.02042, 50.927466],
              [126.042594, 50.92558],
              [126.068464, 50.967434],
              [126.041978, 50.981753],
              [126.033971, 51.011132],
              [126.059225, 51.043503],
              [125.976073, 51.084498],
              [125.993935, 51.119072],
              [125.970529, 51.123955],
              [125.946508, 51.108176],
              [125.909551, 51.138977],
              [125.864588, 51.146487],
              [125.850421, 51.21364],
              [125.819008, 51.227134],
              [125.761726, 51.226385],
              [125.76111, 51.261976],
              [125.76111, 51.261976],
              [125.740784, 51.27583],
              [125.740784, 51.27583],
              [125.700132, 51.327465],
              [125.700132, 51.327465],
              [125.626219, 51.380163],
              [125.626219, 51.380163],
              [125.623756, 51.387633],
              [125.623756, 51.387633],
              [125.62314, 51.398089],
              [125.62314, 51.398089],
              [125.600966, 51.410409],
              [125.600966, 51.410409],
              [125.60035, 51.413396],
              [125.60035, 51.413396],
              [125.595422, 51.416755],
              [125.595422, 51.416755],
              [125.559082, 51.461521],
              [125.559082, 51.461521],
              [125.528285, 51.488359],
              [125.424807, 51.562827],
              [125.38046, 51.585516],
              [125.35151, 51.623801],
              [125.316402, 51.610052],
              [125.289301, 51.633831],
              [125.228938, 51.640517],
              [125.214772, 51.627888],
              [125.175968, 51.639403],
              [125.130388, 51.635317],
              [125.12854, 51.659083],
              [125.098975, 51.658341],
              [125.060171, 51.59667],
              [125.073106, 51.553526],
              [125.047236, 51.529704],
              [125.004737, 51.529332],
              [124.983795, 51.508478],
              [124.928976, 51.498419],
              [124.917889, 51.474196],
              [124.942527, 51.447349],
              [124.885244, 51.40817],
              [124.864302, 51.37979],
              [124.783614, 51.392115],
              [124.76452, 51.38726],
              [124.752817, 51.35812],
              [124.693687, 51.3327],
              [124.62655, 51.327465],
              [124.58713, 51.363725],
              [124.555717, 51.375307],
              [124.490427, 51.380537],
              [124.478108, 51.36223],
              [124.443616, 51.35812],
              [124.426985, 51.331953],
              [124.430065, 51.301281],
              [124.406659, 51.272086],
              [124.339522, 51.293422],
              [124.297638, 51.298661],
              [124.271769, 51.308389],
              [124.239124, 51.344664],
              [124.192313, 51.33943],
              [124.128255, 51.347281],
              [124.090067, 51.3413],
              [124.071588, 51.320734],
              [123.994596, 51.322604],
              [123.939777, 51.313253],
              [123.926227, 51.300532],
              [123.887423, 51.320734],
              [123.842459, 51.367462],
              [123.794416, 51.361109],
              [123.711264, 51.398089],
              [123.660141, 51.342795],
              [123.661989, 51.319237],
              [123.582533, 51.306893],
              [123.582533, 51.294545],
              [123.46304, 51.286686],
              [123.440251, 51.270963],
              [123.414381, 51.278825],
              [123.376809, 51.266844],
              [123.339853, 51.27246],
              [123.294273, 51.254111],
              [123.231447, 51.268716],
              [123.231447, 51.279199],
              [123.127969, 51.297913],
              [123.069455, 51.321108],
              [123.002934, 51.31213],
              [122.965977, 51.345786],
              [122.965977, 51.386886],
              [122.946267, 51.405183],
              [122.903768, 51.415262],
              [122.900072, 51.445112],
              [122.871123, 51.455181],
              [122.854492, 51.477551],
              [122.880362, 51.511085],
              [122.858804, 51.524864],
              [122.880362, 51.537894],
              [122.874202, 51.561339],
              [122.832935, 51.581797],
              [122.85634, 51.606707],
              [122.820616, 51.633088],
              [122.816304, 51.655371],
              [122.778732, 51.698048],
              [122.749167, 51.746613],
              [122.771957, 51.779579],
              [122.732536, 51.832495],
              [122.725761, 51.87833],
              [122.706051, 51.890151],
              [122.729457, 51.919321],
              [122.726377, 51.978709],
              [122.683877, 51.974654],
              [122.664783, 51.99861],
              [122.650616, 52.058997],
              [122.625363, 52.067459],
              [122.643841, 52.111585],
              [122.629059, 52.13657],
              [122.690653, 52.140243],
              [122.73808, 52.153464],
              [122.769493, 52.179893],
              [122.766413, 52.232705],
              [122.787355, 52.252494],
              [122.76087, 52.26678],
              [122.710979, 52.256157],
              [122.67895, 52.276667],
              [122.585943, 52.266413],
              [122.560689, 52.282526],
              [122.478153, 52.29607],
              [122.484313, 52.341432],
              [122.447356, 52.394052],
              [122.419023, 52.375057],
              [122.378987, 52.395512],
              [122.367284, 52.413768],
              [122.342031, 52.414133],
              [122.326016, 52.459374],
              [122.310618, 52.475416],
              [122.207756, 52.469218],
              [122.178191, 52.48963],
              [122.168952, 52.513674],
              [122.140003, 52.510032],
              [122.142467, 52.495096],
              [122.107358, 52.452445],
              [122.080873, 52.440407],
              [122.091344, 52.427272],
              [122.040837, 52.413038],
              [122.035909, 52.377615],
              [121.976779, 52.343626],
              [121.94783, 52.298266],
              [121.901018, 52.280695],
              [121.841272, 52.282526],
              [121.769207, 52.308147],
              [121.714389, 52.318025],
              [121.715621, 52.342894],
              [121.658338, 52.3904],
              [121.678664, 52.419973],
              [121.63986, 52.44442],
              [121.590585, 52.443326],
              [121.565331, 52.460468],
              [121.519136, 52.456821],
              [121.495114, 52.484892],
              [121.474172, 52.482706],
              [121.416274, 52.499468],
              [121.411963, 52.52205],
              [121.353448, 52.534793],
              [121.323883, 52.573727],
              [121.280151, 52.586819],
              [121.225333, 52.577364],
              [121.182217, 52.59918],
              [121.237036, 52.619167],
              [121.29247, 52.651855],
              [121.309717, 52.676173],
              [121.373158, 52.683067],
              [121.455078, 52.73528],
              [121.476636, 52.772225],
              [121.511129, 52.779104],
              [121.537614, 52.801542],
              [121.591201, 52.824693],
              [121.620766, 52.853251],
              [121.604136, 52.872401],
              [121.610295, 52.892264],
              [121.66265, 52.912478],
              [121.677432, 52.948192],
              [121.715621, 52.997926],
              [121.785838, 53.018451],
              [121.817867, 53.061631],
              [121.775367, 53.089674],
              [121.784606, 53.104408],
              [121.753193, 53.147501],
              [121.722396, 53.145706],
              [121.665114, 53.170467],
              [121.660186, 53.195213],
              [121.67928, 53.199515],
              [121.679896, 53.240722],
              [121.642324, 53.262564],
              [121.615222, 53.258984],
              [121.575802, 53.29155],
              [121.504969, 53.323018],
              [121.499426, 53.337314],
              [121.589969, 53.350891],
              [121.697758, 53.392666],
              [121.754425, 53.389454],
              [121.816019, 53.41336],
              [121.875765, 53.426556],
              [122.026054, 53.428339],
              [122.077177, 53.422277],
              [122.111054, 53.426913],
              [122.161561, 53.468614],
              [122.227466, 53.461845],
              [122.266886, 53.470039],
              [122.350038, 53.505647],
              [122.37406, 53.47467],
              [122.435038, 53.444739],
              [122.496016, 53.458638],
              [122.5379, 53.453293],
              [122.608117, 53.465408],
              [122.673406, 53.459351],
              [122.763949, 53.463626],
              [122.826775, 53.457213],
              [122.894528, 53.462914],
              [122.943804, 53.483929],
              [123.052209, 53.506715],
              [123.093477, 53.508138],
              [123.137209, 53.498172],
              [123.179092, 53.509918],
              [123.231447, 53.549404],
              [123.274563, 53.563269],
              [123.309672, 53.56078],
              [123.394055, 53.538024],
              [123.454417, 53.536602],
              [123.47228, 53.509206],
              [123.499381, 53.497816],
              [123.510468, 53.509206],
              [123.490758, 53.542648],
              [123.517243, 53.558292],
              [123.546808, 53.551537],
              [123.557895, 53.531978],
              [123.53141, 53.507071],
              [123.569598, 53.505291],
              [123.58746, 53.546915],
              [123.620721, 53.550115],
              [123.668764, 53.533756],
              [123.698329, 53.498528],
              [123.746373, 53.500308],
              [123.797495, 53.489983],
              [123.865249, 53.489627],
              [123.985973, 53.434401],
              [124.01369, 53.403371],
              [124.058038, 53.404085],
              [124.125791, 53.348033],
              [124.19416, 53.37339],
              [124.239124, 53.379817],
              [124.327819, 53.331954],
              [124.375863, 53.258984],
              [124.412203, 53.248601],
              [124.435609, 53.223886],
              [124.487348, 53.217436],
              [124.496587, 53.207759],
              [124.563108, 53.201666],
              [124.590209, 53.208476],
              [124.678905, 53.207043],
              [124.720789, 53.192344],
              [124.712165, 53.162574],
              [124.734339, 53.146783],
              [124.787926, 53.140681],
              [124.832889, 53.145347],
              [124.87231, 53.099018],
              [124.909266, 53.118059],
              [124.887708, 53.164368],
              [124.970244, 53.194137],
              [125.038613, 53.202741],
              [125.142091, 53.204175],
              [125.195062, 53.198439],
              [125.252344, 53.18051],
              [125.315786, 53.144989],
              [125.343503, 53.14463],
              [125.452524, 53.107641],
              [125.503647, 53.095424],
              [125.504263, 53.061271],
              [125.530749, 53.0512],
              [125.588647, 53.081047],
              [125.613901, 53.083564],
              [125.640386, 53.06199],
              [125.643466, 53.039686],
              [125.684118, 53.00801],
              [125.742632, 52.993964],
              [125.737088, 52.943504],
              [125.665023, 52.913561],
              [125.666871, 52.869872],
              [125.678574, 52.86084],
              [125.722306, 52.880347],
              [125.751255, 52.88143],
              [125.772197, 52.89804],
              [125.827631, 52.899123],
              [125.854117, 52.891542],
              [125.855349, 52.866259],
              [125.923718, 52.815651],
              [125.937269, 52.786705],
              [125.966834, 52.759914],
              [125.985312, 52.758465],
              [126.02042, 52.795753],
              [126.052449, 52.800095],
              [126.116507, 52.768243],
              [126.112195, 52.757016],
              [126.044442, 52.739628],
              [126.072775, 52.691048],
              [126.061688, 52.673271],
              [125.995783, 52.675085],
              [125.971145, 52.654033],
              [125.968682, 52.630429],
              [125.989008, 52.603178],
              [126.030891, 52.576273],
              [126.055529, 52.582455],
              [126.066616, 52.603905],
              [126.147304, 52.573],
              [126.213209, 52.525327],
              [126.192883, 52.492181],
              [126.205202, 52.466302],
              [126.268644, 52.475051],
              [126.326542, 52.424353],
              [126.353644, 52.389304],
              [126.348716, 52.357882],
              [126.320999, 52.342163],
              [126.327774, 52.310342],
              [126.4331, 52.298632],
              [126.436795, 52.277034],
              [126.401071, 52.279597],
              [126.357955, 52.264216],
              [126.312992, 52.235271],
              [126.306832, 52.205574],
              [126.34502, 52.192002],
              [126.403535, 52.185031],
              [126.457121, 52.165212],
              [126.499005, 52.16044],
              [126.556288, 52.136203],
              [126.563679, 52.119302],
              [126.514404, 52.037282],
              [126.487918, 52.041699],
              [126.450962, 52.027709],
              [126.447882, 52.009294],
              [126.468208, 51.982395],
              [126.462665, 51.948471],
              [126.510092, 51.922274],
              [126.555056, 51.874266],
              [126.580925, 51.824728],
              [126.622809, 51.777357],
              [126.658534, 51.762544],
              [126.6727, 51.73179],
              [126.724439, 51.7266],
              [126.734294, 51.711399],
              [126.723823, 51.679126],
              [126.741069, 51.642374],
              [126.67886, 51.602246],
              [126.69549, 51.57845],
              [126.837156, 51.536033],
              [126.843931, 51.521885],
              [126.812518, 51.493948],
              [126.784185, 51.448095],
              [126.791577, 51.432428],
              [126.835308, 51.413769],
              [126.908605, 51.407423],
              [126.930163, 51.359241],
              [126.904293, 51.340552],
              [126.837156, 51.345038],
              [126.813134, 51.311756],
              [126.820526, 51.281071],
              [126.863025, 51.248492],
              [126.908605, 51.246619],
              [126.92154, 51.259729],
              [126.908605, 51.283691],
              [126.877808, 51.300906],
              [126.887047, 51.321856],
              [126.970815, 51.332327],
              [126.98375, 51.318863],
              [126.976358, 51.291551],
              [126.926467, 51.246244],
              [126.899982, 51.200518],
              [126.917844, 51.138977],
              [126.922772, 51.061937],
              [126.985597, 51.029202],
              [127.052119, 50.962911],
              [127.113713, 50.93765],
              [127.143894, 50.910111],
              [127.236285, 50.781256],
              [127.295415, 50.755139],
              [127.305886, 50.733932],
              [127.28864, 50.699451],
              [127.294799, 50.663426],
              [127.370559, 50.581415],
              [127.36132, 50.547582],
              [127.323132, 50.52552],
              [127.293567, 50.46575],
              [127.30527, 50.45432],
              [127.3644, 50.438314],
              [127.369944, 50.403996],
              [127.332371, 50.340634],
              [127.371791, 50.29669],
              [127.44632, 50.270686],
              [127.603385, 50.239309],
              [127.60708, 50.178794],
              [127.58737, 50.137768],
              [127.501755, 50.056764],
              [127.495595, 49.994479],
              [127.543638, 49.944438],
              [127.547334, 49.928645],
              [127.529472, 49.864265],
              [127.531936, 49.826059],
              [127.583059, 49.786277],
              [127.653892, 49.780094],
              [127.674833, 49.764247],
              [127.677913, 49.697712],
              [127.705015, 49.665185],
              [127.782007, 49.630698],
              [127.815268, 49.593859],
              [127.897804, 49.579116],
              [127.949542, 49.596187],
              [128.001281, 49.592307],
              [128.070882, 49.556604],
              [128.122005, 49.55311],
              [128.185447, 49.53952],
              [128.243345, 49.563203],
              [128.287077, 49.566309],
              [128.343128, 49.544956],
              [128.389939, 49.58998],
              [128.500192, 49.593859],
              [128.537764, 49.604332],
              [128.619684, 49.593471],
              [128.656025, 49.577564],
              [128.715155, 49.564756],
              [128.744104, 49.595023],
              [128.802618, 49.58222],
              [128.813089, 49.558157],
              [128.763198, 49.515824],
              [128.76135, 49.482009],
              [128.792147, 49.473065],
              [128.871604, 49.492506],
              [128.932582, 49.46801],
              [129.013886, 49.457119],
              [129.061929, 49.374189],
              [129.084719, 49.359769],
              [129.143849, 49.357431],
              [129.180805, 49.386657],
              [129.215298, 49.399122],
              [129.266421, 49.396006],
              [129.320623, 49.3586],
              [129.358196, 49.355871],
              [129.379138, 49.367175],
              [129.374826, 49.414309],
              [129.390224, 49.432605],
              [129.448739, 49.441167],
              [129.51834, 49.423652],
              [129.546057, 49.395227],
              [129.562687, 49.299706],
              [129.604571, 49.279018],
              [129.696962, 49.298535],
              [129.730223, 49.288387],
              [129.761636, 49.25754],
              [129.753629, 49.208692],
              [129.784426, 49.184054],
              [129.847867, 49.181316],
              [129.864498, 49.158621],
              [129.855259, 49.133567],
              [129.866962, 49.113985],
              [129.913157, 49.1085],
              [129.934715, 49.078717],
              [129.9187, 49.060681],
              [129.937179, 49.040285],
              [130.020946, 49.021058],
              [130.059135, 48.979047],
              [130.113337, 48.956653],
              [130.219895, 48.893739],
              [130.237757, 48.868551],
              [130.279641, 48.866976],
              [130.412068, 48.905148],
              [130.471198, 48.905541],
              [130.501995, 48.865795],
              [130.559277, 48.861071],
              [130.609168, 48.881146],
              [130.680617, 48.881146],
              [130.689856, 48.849651],
              [130.622103, 48.783842],
              [130.576524, 48.688719],
              [130.538951, 48.635751],
              [130.538335, 48.612016],
              [130.605473, 48.594207],
              [130.615944, 48.575601],
              [130.620871, 48.49595],
              [130.647357, 48.484844],
              [130.711414, 48.511414],
              [130.767465, 48.507846],
              [130.776704, 48.480084],
              [130.745907, 48.449131],
              [130.747755, 48.404256],
              [130.785327, 48.357353],
              [130.81982, 48.341444],
              [130.845073, 48.296473],
              [130.817972, 48.265409],
              [130.787791, 48.256643],
              [130.769313, 48.231136],
              [130.765617, 48.18926],
              [130.673842, 48.12818],
              [130.666451, 48.105007],
              [130.699711, 48.044227],
              [130.737284, 48.034223],
              [130.770544, 47.998194],
              [130.870943, 47.943301],
              [130.891269, 47.927263],
              [130.961486, 47.828118],
              [130.966413, 47.733211],
              [130.983659, 47.713081],
              [131.029855, 47.694555],
              [131.115471, 47.689721],
              [131.183224, 47.702611],
              [131.236811, 47.733211],
              [131.273767, 47.738846],
              [131.359998, 47.730796],
              [131.456085, 47.747297],
              [131.543548, 47.736028],
              [131.559563, 47.724757],
              [131.568186, 47.682469],
              [131.59036, 47.660707],
              [131.641483, 47.663932],
              [131.690142, 47.707041],
              [131.741881, 47.706638],
              [131.825649, 47.677231],
              [131.900793, 47.685692],
              [131.976554, 47.673201],
              [132.000575, 47.712276],
              [132.086191, 47.703013],
              [132.157024, 47.70543],
              [132.19706, 47.714289],
              [132.242639, 47.70986],
              [132.272205, 47.718718],
              [132.288835, 47.742065],
              [132.325175, 47.762184],
              [132.371987, 47.765402],
              [132.469305, 47.726368],
              [132.558, 47.718316],
              [132.6005, 47.740858],
              [132.599268, 47.792347],
              [132.621442, 47.82852],
              [132.662094, 47.854227],
              [132.687348, 47.88514],
              [132.662094, 47.922451],
              [132.661478, 47.944905],
              [132.691043, 47.962941],
              [132.723072, 47.962941],
              [132.769268, 47.93849],
              [132.819159, 47.936887],
              [132.883216, 48.002599],
              [132.992238, 48.035424],
              [133.016259, 48.054228],
              [133.02673, 48.085421],
              [133.053216, 48.110202],
              [133.130208, 48.134971],
              [133.182563, 48.135769],
              [133.239845, 48.126583],
              [133.302055, 48.103009],
              [133.407997, 48.124585],
              [133.451728, 48.112999],
              [133.545967, 48.121389],
              [133.573068, 48.182078],
              [133.59709, 48.194846],
              [133.667307, 48.183275],
              [133.693177, 48.186866],
              [133.740604, 48.254651],
              [133.791111, 48.261026],
              [133.824372, 48.277359],
              [133.876111, 48.282536],
              [133.940784, 48.302047],
              [133.995603, 48.303639],
              [134.029479, 48.327519],
              [134.0689, 48.338659],
              [134.116327, 48.333089],
              [134.150819, 48.346217],
              [134.20379, 48.3824],
              [134.369478, 48.382797],
              [134.438463, 48.405448],
              [134.501905, 48.418954],
              [134.578281, 48.405448],
              [134.696542, 48.407037],
              [134.764295, 48.370076],
              [134.820961, 48.37604],
              [134.848679, 48.393925],
              [134.886867, 48.437618],
              [134.927519, 48.451513],
              [134.996504, 48.439603],
              [135.035924, 48.440795],
              [135.068569, 48.459451],
              [135.09567, 48.437618],
              [135.090743, 48.403461],
              [135.009439, 48.365703],
              [134.864077, 48.332293],
              [134.77107, 48.288908],
              [134.679295, 48.256245],
              [134.67252, 48.170505],
              [134.632484, 48.099412],
              [134.551796, 48.032622],
              [134.55426, 47.982173],
              [134.599839, 47.947711],
              [134.607846, 47.909214],
              [134.658969, 47.901191],
              [134.677448, 47.884738],
              [134.670056, 47.864667],
              [134.678679, 47.819278],
              [134.772918, 47.763391],
              [134.779694, 47.7159],
              [134.689766, 47.63813],
              [134.678064, 47.588507],
              [134.627556, 47.546512],
              [134.576434, 47.519036],
              [134.568426, 47.478199],
              [134.522847, 47.468086],
              [134.490202, 47.446235],
              [134.339297, 47.439759],
              [134.307268, 47.428829],
              [134.266616, 47.391974],
              [134.263536, 47.371307],
              [134.203174, 47.347389],
              [134.177305, 47.326299],
              [134.156979, 47.248357],
              [134.210566, 47.210155],
              [134.230276, 47.182097],
              [134.232739, 47.134892],
              [134.222268, 47.105164],
              [134.142812, 47.093349],
              [134.118175, 47.061968],
              [134.10216, 47.005678],
              [134.063972, 46.979962],
              [134.076291, 46.938298],
              [134.042414, 46.886787],
              [134.041182, 46.848326],
              [134.025168, 46.810657],
              [134.052885, 46.779928],
              [134.033175, 46.759023],
              [134.030711, 46.708981],
              [134.011001, 46.637941],
              [133.919842, 46.596012],
              [133.890893, 46.525235],
              [133.849625, 46.475389],
              [133.852089, 46.450242],
              [133.902596, 46.446119],
              [133.948791, 46.401153],
              [133.940784, 46.38134],
              [133.876726, 46.362345],
              [133.869335, 46.338386],
              [133.922922, 46.330948],
              [133.908139, 46.308216],
              [133.91861, 46.280924],
              [133.909987, 46.254447],
              [133.867487, 46.250722],
              [133.87919, 46.233752],
              [133.849625, 46.203939],
              [133.814517, 46.230854],
              [133.794807, 46.193583],
              [133.764626, 46.17328],
              [133.706111, 46.163333],
              [133.690713, 46.133896],
              [133.745531, 46.075389],
              [133.740604, 46.048812],
              [133.681474, 45.986473],
              [133.676546, 45.94321],
              [133.614952, 45.942794],
              [133.618032, 45.903662],
              [133.583539, 45.868669],
              [133.55459, 45.893249],
              [133.51209, 45.887001],
              [133.491764, 45.867002],
              [133.494228, 45.840325],
              [133.467743, 45.834905],
              [133.469591, 45.799451],
              [133.505315, 45.785681],
              [133.469591, 45.777751],
              [133.486837, 45.740173],
              [133.454192, 45.731819],
              [133.445569, 45.705077],
              [133.484989, 45.691702],
              [133.485605, 45.658667],
              [133.448649, 45.647372],
              [133.471438, 45.631053],
              [133.412924, 45.618079],
              [133.423395, 45.584163],
              [133.393214, 45.580393],
              [133.342707, 45.554836],
              [133.333468, 45.562379],
              [133.246005, 45.517528],
              [133.201657, 45.515431],
              [133.170244, 45.465506],
              [133.164701, 45.437377],
              [133.143759, 45.430658],
              [133.144991, 45.367205],
              [133.119121, 45.352908],
              [133.128976, 45.336924],
              [133.097563, 45.281788],
              [133.109266, 45.232077],
              [133.124665, 45.222805],
              [133.137599, 45.178105],
              [133.139447, 45.127459],
              [133.107418, 45.124504],
              [133.089556, 45.097473],
              [133.070462, 45.097051],
              [133.045824, 45.066203],
              [132.986078, 45.031109],
              [132.954049, 45.023072],
              [132.916477, 45.031109],
              [132.867202, 45.061976],
              [132.76434, 45.081417],
              [132.394161, 45.16376],
              [132.17427, 45.216903],
              [132.003655, 45.25441],
              [131.976554, 45.277156],
              [131.93159, 45.287683],
              [131.917423, 45.339448],
              [131.887858, 45.342393],
              [131.82996, 45.311677],
              [131.825649, 45.291472],
              [131.788692, 45.245984],
              [131.79362, 45.211844],
              [131.759127, 45.213952],
              [131.721555, 45.234606],
              [131.681519, 45.215217],
              [131.650722, 45.159962],
              [131.687678, 45.1511],
              [131.695685, 45.132104],
              [131.63286, 45.075078],
              [131.566338, 45.045487],
              [131.529382, 45.012073],
              [131.484418, 44.99557],
              [131.501664, 44.977793],
              [131.464708, 44.963397],
              [131.409889, 44.985836],
              [131.380324, 44.978216],
              [131.355071, 44.990068],
              [131.313803, 44.965938],
              [131.311955, 44.94688],
              [131.274999, 44.919766],
              [131.263296, 44.929935],
              [131.207861, 44.913833],
              [131.20355, 44.932901],
              [131.16105, 44.948151],
              [131.090217, 44.924427],
              [131.10192, 44.898997],
              [131.07913, 44.881614],
              [130.965181, 44.85065],
              [130.972573, 44.820094],
              [131.016304, 44.814575],
              [131.016304, 44.789521],
              [131.064348, 44.786973],
              [131.069275, 44.759783],
              [131.093297, 44.746183],
              [131.090833, 44.717272],
              [131.111775, 44.710042],
              [131.310723, 44.046623],
              [131.26576, 44.034578],
              [131.245434, 43.95579],
              [131.26268, 43.948897],
              [131.254057, 43.893289],
              [131.2171, 43.836334],
              [131.213405, 43.801357],
              [131.232499, 43.742585],
              [131.215869, 43.72745],
              [131.221412, 43.682024],
              [131.239274, 43.670337],
              [131.216485, 43.613169],
              [131.222028, 43.593234],
              [131.20047, 43.532089],
              [131.276847, 43.495632],
              [131.304564, 43.502144],
              [131.294093, 43.470012],
              [131.234963, 43.475224],
              [131.201086, 43.442209],
              [131.175217, 43.444816],
              [131.142572, 43.425695],
              [131.026775, 43.508655],
              [130.959638, 43.48608],
              [130.907283, 43.434387],
              [130.864167, 43.437863],
              [130.841378, 43.454374],
              [130.822899, 43.503446],
              [130.776704, 43.52341],
              [130.727429, 43.560284],
              [130.671378, 43.565054],
              [130.665835, 43.583698],
              [130.623335, 43.589767],
              [130.630726, 43.622268],
              [130.57098, 43.626167],
              [130.57098, 43.626167],
              [130.501995, 43.636563],
              [130.488444, 43.65605],
              [130.437937, 43.646091],
              [130.412684, 43.652586],
              [130.394206, 43.703227],
              [130.423155, 43.745179],
              [130.382503, 43.777164],
              [130.381887, 43.817768],
              [130.362793, 43.844967],
              [130.386198, 43.85403],
              [130.368336, 43.894151],
              [130.381887, 43.910106],
              [130.338155, 43.963975],
              [130.364025, 43.992399],
              [130.365256, 44.044042],
              [130.319061, 44.03974],
              [130.307358, 44.002731],
              [130.27225, 43.981634],
              [130.262395, 43.949328],
              [130.208192, 43.948466],
              [130.153373, 43.915711],
              [130.143518, 43.878624],
              [130.116417, 43.878192],
              [130.110873, 43.852735],
              [130.079461, 43.835039],
              [130.027722, 43.851872],
              [130.009243, 43.889407],
              [130.022794, 43.917866],
              [130.017867, 43.961821],
              [129.979062, 44.015644],
              [129.951345, 44.027263],
              [129.907614, 44.023821],
              [129.881128, 44.000148],
              [129.868193, 44.012631],
              [129.802904, 43.964837],
              [129.780114, 43.892857],
              [129.739462, 43.895876],
              [129.743158, 43.876035],
              [129.699426, 43.8838],
              [129.650767, 43.873016],
              [129.529427, 43.870427],
              [129.467833, 43.874741],
              [129.449971, 43.850578],
              [129.417942, 43.843672],
              [129.406855, 43.819496],
              [129.348341, 43.798333],
              [129.30892, 43.812155],
              [129.289826, 43.797038],
              [129.254718, 43.819496],
              [129.211602, 43.784509],
              [129.232544, 43.709284],
              [129.214066, 43.695006],
              [129.217146, 43.648689],
              [129.232544, 43.635263],
              [129.23008, 43.593234],
              [129.169102, 43.561585],
              [129.145081, 43.570258],
              [129.093958, 43.547706],
              [129.037907, 43.540332],
              [129.013886, 43.522976],
              [128.962763, 43.53903],
              [128.949828, 43.553779],
              [128.878379, 43.539898],
              [128.834647, 43.587599],
              [128.821097, 43.637429],
              [128.78722, 43.686784],
              [128.768126, 43.732207],
              [128.729322, 43.736964],
              [128.760119, 43.755554],
              [128.739177, 43.806972],
              [128.719467, 43.816905],
              [128.760734, 43.857482],
              [128.729938, 43.889838],
              [128.696061, 43.903207],
              [128.636315, 43.891132],
              [128.64001, 43.948035],
              [128.610445, 43.960529],
              [128.584576, 43.990246],
              [128.574721, 44.047914],
              [128.529141, 44.112401],
              [128.471859, 44.157501],
              [128.450301, 44.203423],
              [128.471859, 44.247596],
              [128.453997, 44.257884],
              [128.472475, 44.320001],
              [128.446605, 44.339694],
              [128.475555, 44.346114],
              [128.481714, 44.375637],
              [128.457076, 44.409848],
              [128.463236, 44.431647],
              [128.427511, 44.473512],
              [128.397946, 44.483761],
              [128.372693, 44.514495],
              [128.295084, 44.480772],
              [128.293237, 44.467961],
              [128.228563, 44.445748],
              [128.211317, 44.431647],
              [128.172512, 44.34697],
              [128.137404, 44.357668],
              [128.094904, 44.354673],
              [128.074578, 44.370075],
              [128.049941, 44.349965],
              [128.065339, 44.307155],
              [128.101679, 44.293449],
              [128.064107, 44.251454],
              [128.104143, 44.230017],
              [128.09244, 44.181539],
              [128.060411, 44.168663],
              [128.088129, 44.158359],
              [128.091208, 44.133022],
              [128.042549, 44.103807],
              [127.950158, 44.088334],
              [127.912586, 44.064687],
              [127.862695, 44.062967],
              [127.846065, 44.081886],
              [127.808492, 44.086615],
              [127.783239, 44.071997],
              [127.729036, 44.09908],
              [127.735811, 44.11412],
              [127.712406, 44.199133],
              [127.681609, 44.166946],
              [127.641573, 44.193555],
              [127.626174, 44.187977],
              [127.59045, 44.227872],
              [127.623711, 44.278025],
              [127.579363, 44.310581],
              [127.486356, 44.410275],
              [127.50853, 44.437202],
              [127.463566, 44.484615],
              [127.465414, 44.516628],
              [127.485124, 44.528576],
              [127.536247, 44.522176],
              [127.570124, 44.55033],
              [127.557189, 44.575488],
              [127.392733, 44.632158],
              [127.275705, 44.640249],
              [127.261538, 44.61299],
              [127.214111, 44.624917],
              [127.228893, 44.642804],
              [127.182082, 44.644507],
              [127.138966, 44.607451],
              [127.094619, 44.615972],
              [127.089691, 44.593816],
              [127.049655, 44.566961],
              [127.041648, 44.591258],
              [127.044112, 44.653874],
              [127.030561, 44.673454],
              [127.041032, 44.712169],
              [126.9973, 44.764882],
              [126.984366, 44.823914],
              [126.999764, 44.87398],
              [127.021938, 44.898997],
              [127.073061, 44.907051],
              [127.092771, 44.94688],
              [127.050271, 45.004034],
              [127.018242, 45.024341],
              [126.984981, 45.067893],
              [126.970815, 45.070852],
              [126.96404, 45.132104],
              [126.85625, 45.145613],
              [126.792808, 45.135481],
              [126.787265, 45.159118],
              [126.732446, 45.187385],
              [126.685635, 45.187807],
              [126.640055, 45.214373],
              [126.644983, 45.225334],
              [126.569222, 45.252725],
              [126.540273, 45.23882],
              [126.519331, 45.248091],
              [126.402919, 45.222805],
              [126.356107, 45.185698],
              [126.293282, 45.180214],
              [126.285274, 45.162494],
              [126.235383, 45.140125],
              [126.225528, 45.154054],
              [126.166398, 45.13337],
              [126.142992, 45.147723],
              [126.091869, 45.149411],
              [126.047522, 45.170933],
              [125.998247, 45.162072],
              [125.992703, 45.192447],
              [125.957595, 45.201303],
              [125.915095, 45.196664],
              [125.849805, 45.23882],
              [125.823936, 45.237978],
              [125.815929, 45.264942],
              [125.761726, 45.291472],
              [125.726001, 45.336503],
              [125.695205, 45.352066],
              [125.712451, 45.389485],
              [125.711835, 45.477677],
              [125.687813, 45.514173],
              [125.660096, 45.507043],
              [125.61698, 45.517947],
              [125.583104, 45.491942],
              [125.497488, 45.469283],
              [125.480242, 45.486488],
              [125.424807, 45.485649],
              [125.434662, 45.462988],
              [125.398322, 45.416797],
              [125.361981, 45.392847],
              [125.319482, 45.422678],
              [125.301619, 45.402092],
              [125.248649, 45.417637],
              [125.189518, 45.39915],
              [125.137779, 45.409655],
              [125.097127, 45.38276],
              [125.06633, 45.39915],
              [125.08912, 45.420998],
              [125.0497, 45.428558],
              [125.025678, 45.493201],
              [124.961005, 45.495299],
              [124.936983, 45.53388],
              [124.911114, 45.535976],
              [124.884628, 45.495299],
              [124.886476, 45.442836],
              [124.839665, 45.455852],
              [124.792853, 45.436958],
              [124.776223, 45.468024],
              [124.729412, 45.444096],
              [124.690607, 45.452493],
              [124.625318, 45.437377],
              [124.575427, 45.451234],
              [124.579738, 45.424358],
              [124.544014, 45.411756],
              [124.507058, 45.424778],
              [124.480572, 45.456271],
              [124.398652, 45.440737],
              [124.374015, 45.45795],
              [124.352457, 45.496557],
              [124.369087, 45.512915],
              [124.348761, 45.546874],
              [124.287783, 45.539329],
              [124.264377, 45.555256],
              [124.273001, 45.584163],
              [124.238508, 45.591702],
              [124.226805, 45.633564],
              [124.162132, 45.616404],
              [124.128255, 45.641933],
              [124.147349, 45.665359],
              [124.122096, 45.669123],
              [124.13503, 45.690448],
              [124.10177, 45.700898],
              [124.098074, 45.722628],
              [124.054342, 45.751449],
              [124.014922, 45.749779],
              [124.001987, 45.770655],
              [124.064197, 45.802372],
              [124.03648, 45.83824],
              [124.067277, 45.840325],
              [124.061118, 45.886168],
              [123.996444, 45.906993],
              [123.968727, 45.936551],
              [123.973654, 45.973997],
              [124.011842, 45.981899],
              [123.989053, 46.011833],
              [124.040176, 46.01973],
              [124.034016, 46.045074],
              [124.009995, 46.057534],
              [124.015538, 46.088257],
              [123.99398, 46.101123],
              [124.01677, 46.118549],
              [123.991516, 46.143019],
              [124.001987, 46.166649],
              [123.971806, 46.170379],
              [123.956408, 46.206009],
              [123.979814, 46.228784],
              [123.952096, 46.256516],
              [123.960103, 46.288369],
              [123.936082, 46.286715],
              [123.917604, 46.25693],
              [123.896046, 46.303668],
              [123.84985, 46.302428],
              [123.775938, 46.263136],
              [123.726047, 46.255688],
              [123.673692, 46.258585],
              [123.604706, 46.251964],
              [123.569598, 46.223816],
            ],
          ],
          [
            [
              [124.143037, 50.566212],
              [124.183073, 50.557468],
              [124.289015, 50.553286],
              [124.322892, 50.532748],
              [124.420826, 50.548342],
              [124.43992, 50.539975],
              [124.43992, 50.45813],
              [124.415899, 50.451652],
              [124.43992, 50.385683],
              [124.40358, 50.362401],
              [124.36416, 50.360874],
              [124.347529, 50.316565],
              [124.374015, 50.310833],
              [124.349377, 50.28063],
              [124.368471, 50.258061],
              [124.34445, 50.219018],
              [124.359848, 50.199102],
              [124.342602, 50.187991],
              [124.32474, 50.178411],
              [124.286551, 50.189524],
              [124.278544, 50.231271],
              [124.233581, 50.229356],
              [124.189233, 50.216721],
              [124.103001, 50.238927],
              [124.098074, 50.214806],
              [124.061733, 50.199102],
              [124.007531, 50.219401],
              [123.953944, 50.186842],
              [123.926227, 50.188374],
              [123.90898, 50.21021],
              [123.878799, 50.208678],
              [123.862785, 50.226294],
              [123.870792, 50.270303],
              [123.861553, 50.287131],
              [123.814126, 50.307775],
              [123.777785, 50.344454],
              [123.78764, 50.371944],
              [123.765467, 50.378051],
              [123.790104, 50.423446],
              [123.780249, 50.43717],
              [123.800575, 50.455844],
              [123.825829, 50.449366],
              [123.840611, 50.411624],
              [123.879415, 50.40247],
              [123.88927, 50.383775],
              [123.920067, 50.373089],
              [123.931154, 50.391407],
              [123.969958, 50.399419],
              [124.005067, 50.434502],
              [123.99398, 50.441363],
              [124.001371, 50.492408],
              [123.983509, 50.510299],
              [124.023545, 50.518671],
              [124.026625, 50.538454],
              [124.086987, 50.539975],
              [124.083907, 50.568493],
              [124.143037, 50.566212],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 310000,
        name: '上海市',
        center: [121.472644, 31.231706],
        centroid: [121.438734, 31.07256],
        childrenNum: 16,
        level: 'province',
        subFeatureIndex: 8,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [120.901349, 31.017327],
              [120.890878, 31.094229],
              [120.859465, 31.100379],
              [120.881023, 31.134706],
              [120.930298, 31.141365],
              [121.018377, 31.134194],
              [121.076892, 31.158267],
              [121.060261, 31.245289],
              [121.090442, 31.291838],
              [121.138485, 31.276495],
              [121.160659, 31.283144],
              [121.129862, 31.302577],
              [121.130478, 31.343987],
              [121.113848, 31.37465],
              [121.143413, 31.392021],
              [121.174826, 31.44922],
              [121.240731, 31.493627],
              [121.247507, 31.476785],
              [121.301093, 31.49873],
              [121.301093, 31.49873],
              [121.343593, 31.511996],
              [121.404571, 31.479337],
              [121.520984, 31.394575],
              [121.599208, 31.37465],
              [121.722396, 31.3036],
              [121.809859, 31.196669],
              [121.946598, 31.066039],
              [121.977395, 31.016301],
              [121.990945, 30.96859],
              [121.994025, 30.862823],
              [121.954605, 30.825828],
              [121.970004, 30.789333],
              [121.943518, 30.776993],
              [121.904714, 30.814007],
              [121.681128, 30.818633],
              [121.601056, 30.805269],
              [121.517288, 30.775451],
              [121.426129, 30.730192],
              [121.362071, 30.679764],
              [121.274608, 30.677191],
              [121.272144, 30.723504],
              [121.232108, 30.755909],
              [121.21671, 30.785734],
              [121.174826, 30.771851],
              [121.123087, 30.77905],
              [121.13787, 30.826342],
              [121.097833, 30.857171],
              [121.060261, 30.845354],
              [121.038087, 30.814007],
              [120.991892, 30.837133],
              [121.020225, 30.872069],
              [120.993124, 30.889532],
              [121.000515, 30.938309],
              [120.989428, 31.01425],
              [120.949392, 31.030148],
              [120.940153, 31.010146],
              [120.901349, 31.017327],
            ],
          ],
          [
            [
              [121.974931, 31.61704],
              [121.995873, 31.493117],
              [121.981706, 31.464024],
              [121.890547, 31.428795],
              [121.819098, 31.437987],
              [121.682976, 31.491075],
              [121.625693, 31.501792],
              [121.547469, 31.531382],
              [121.434136, 31.590535],
              [121.395332, 31.585437],
              [121.371926, 31.553314],
              [121.289391, 31.61653],
              [121.145261, 31.75403],
              [121.118775, 31.759119],
              [121.200079, 31.834907],
              [121.265369, 31.863883],
              [121.323267, 31.868458],
              [121.384861, 31.833382],
              [121.431673, 31.769295],
              [121.49881, 31.753012],
              [121.599824, 31.703128],
              [121.64294, 31.697527],
              [121.715005, 31.673592],
              [121.974931, 31.61704],
            ],
          ],
          [
            [
              [121.779062, 31.310247],
              [121.727939, 31.35472],
              [121.572107, 31.435944],
              [121.509897, 31.4824],
              [121.520984, 31.494137],
              [121.567179, 31.48342],
              [121.585657, 31.454836],
              [121.742106, 31.407345],
              [121.792613, 31.363408],
              [121.793845, 31.31945],
              [121.779062, 31.310247],
            ],
          ],
          [
            [
              [121.801852, 31.356765],
              [121.792613, 31.377715],
              [121.845584, 31.37465],
              [121.951525, 31.337343],
              [122.040837, 31.324051],
              [122.116597, 31.320984],
              [122.122756, 31.307179],
              [122.097503, 31.255522],
              [122.016199, 31.282121],
              [121.932431, 31.283144],
              [121.840656, 31.295418],
              [121.8037, 31.328652],
              [121.801852, 31.356765],
            ],
          ],
          [
            [
              [121.626925, 31.445135],
              [121.579498, 31.479848],
              [121.631853, 31.456878],
              [121.626925, 31.445135],
            ],
          ],
          [
            [
              [121.943518, 31.215608],
              [121.950909, 31.228915],
              [122.008808, 31.221238],
              [121.995873, 31.160828],
              [121.959533, 31.159291],
              [121.943518, 31.215608],
            ],
          ],
          [
            [
              [121.88254, 31.240684],
              [121.923808, 31.234032],
              [121.909026, 31.195133],
              [121.88254, 31.240684],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 320000,
        name: '江苏省',
        center: [118.767413, 32.041544],
        centroid: [119.486395, 32.983908],
        childrenNum: 13,
        level: 'province',
        subFeatureIndex: 9,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [117.311654, 34.561686],
              [117.311654, 34.561686],
              [117.32151, 34.566614],
              [117.32151, 34.566614],
              [117.325205, 34.573021],
              [117.325205, 34.573021],
              [117.362777, 34.589281],
              [117.402813, 34.569571],
              [117.402813, 34.550843],
              [117.465023, 34.484767],
              [117.53832, 34.467006],
              [117.592523, 34.462566],
              [117.609769, 34.490686],
              [117.659044, 34.501044],
              [117.684298, 34.547392],
              [117.801942, 34.518798],
              [117.791471, 34.583368],
              [117.793935, 34.651827],
              [117.902956, 34.644443],
              [117.909732, 34.670533],
              [117.951615, 34.678408],
              [118.053861, 34.650843],
              [118.084042, 34.655766],
              [118.114839, 34.614404],
              [118.079115, 34.569571],
              [118.185056, 34.543942],
              [118.16473, 34.50499],
              [118.132702, 34.483287],
              [118.177665, 34.45319],
              [118.179513, 34.379628],
              [118.217701, 34.379134],
              [118.220165, 34.405802],
              [118.277447, 34.404814],
              [118.290382, 34.424563],
              [118.379693, 34.415183],
              [118.404947, 34.427525],
              [118.416034, 34.473914],
              [118.439439, 34.507949],
              [118.424657, 34.595193],
              [118.439439, 34.626223],
              [118.473932, 34.623269],
              [118.460997, 34.656258],
              [118.545997, 34.705964],
              [118.601431, 34.714327],
              [118.607591, 34.694155],
              [118.664257, 34.693663],
              [118.690127, 34.678408],
              [118.739402, 34.693663],
              [118.783749, 34.723181],
              [118.764039, 34.740396],
              [118.719076, 34.745313],
              [118.739402, 34.792508],
              [118.772047, 34.794474],
              [118.80038, 34.843114],
              [118.805307, 34.87307],
              [118.860742, 34.944233],
              [118.86259, 35.025626],
              [118.928495, 35.051106],
              [118.942662, 35.040817],
              [119.027045, 35.055516],
              [119.114509, 35.055026],
              [119.137915, 35.096167],
              [119.217371, 35.106939],
              [119.250016, 35.124562],
              [119.286972, 35.115261],
              [119.306066, 35.076578],
              [119.292515, 35.068742],
              [119.307298, 35.032977],
              [119.291899, 35.028567],
              [119.285124, 35.068252],
              [119.238313, 35.048657],
              [119.211211, 34.981507],
              [119.214907, 34.925589],
              [119.202588, 34.890253],
              [119.217371, 34.827886],
              [119.238313, 34.799388],
              [119.272189, 34.797914],
              [119.312841, 34.774813],
              [119.378747, 34.764489],
              [119.440957, 34.769406],
              [119.439725, 34.785136],
              [119.497007, 34.754164],
              [119.494543, 34.754656],
              [119.381827, 34.752198],
              [119.456971, 34.748264],
              [119.525956, 34.73351],
              [119.465594, 34.672994],
              [119.569072, 34.615389],
              [119.610956, 34.592729],
              [119.641137, 34.569078],
              [119.781571, 34.515839],
              [119.811752, 34.485754],
              [119.962657, 34.459112],
              [120.103707, 34.391481],
              [120.311895, 34.306991],
              [120.314359, 34.255563],
              [120.347619, 34.179352],
              [120.367329, 34.091674],
              [120.48559, 33.859411],
              [120.500372, 33.818152],
              [120.534249, 33.782346],
              [120.583524, 33.668362],
              [120.651277, 33.57567],
              [120.717183, 33.436945],
              [120.741205, 33.337505],
              [120.769538, 33.307],
              [120.813885, 33.303499],
              [120.833595, 33.274984],
              [120.819429, 33.237951],
              [120.843451, 33.209915],
              [120.874247, 33.093672],
              [120.871784, 33.047032],
              [120.917979, 33.02596],
              [120.932762, 33.005887],
              [120.957399, 32.893395],
              [120.981421, 32.85972],
              [120.972182, 32.761134],
              [120.953088, 32.714318],
              [120.916131, 32.701225],
              [120.963559, 32.68259],
              [120.979573, 32.636236],
              [120.961711, 32.612042],
              [121.020225, 32.605489],
              [121.153268, 32.52933],
              [121.269681, 32.483402],
              [121.352216, 32.474315],
              [121.390405, 32.460682],
              [121.425513, 32.430885],
              [121.450151, 32.282256],
              [121.493882, 32.263533],
              [121.499426, 32.211394],
              [121.458774, 32.177462],
              [121.542542, 32.152132],
              [121.525295, 32.136423],
              [121.759352, 32.059362],
              [121.772287, 32.032984],
              [121.856055, 31.955328],
              [121.889315, 31.866425],
              [121.970004, 31.718911],
              [121.974931, 31.61704],
              [121.715005, 31.673592],
              [121.64294, 31.697527],
              [121.599824, 31.703128],
              [121.49881, 31.753012],
              [121.431673, 31.769295],
              [121.384861, 31.833382],
              [121.323267, 31.868458],
              [121.265369, 31.863883],
              [121.200079, 31.834907],
              [121.118775, 31.759119],
              [121.145261, 31.75403],
              [121.289391, 31.61653],
              [121.371926, 31.553314],
              [121.343593, 31.511996],
              [121.301093, 31.49873],
              [121.301093, 31.49873],
              [121.247507, 31.476785],
              [121.240731, 31.493627],
              [121.174826, 31.44922],
              [121.143413, 31.392021],
              [121.113848, 31.37465],
              [121.130478, 31.343987],
              [121.129862, 31.302577],
              [121.160659, 31.283144],
              [121.138485, 31.276495],
              [121.090442, 31.291838],
              [121.060261, 31.245289],
              [121.076892, 31.158267],
              [121.018377, 31.134194],
              [120.930298, 31.141365],
              [120.881023, 31.134706],
              [120.859465, 31.100379],
              [120.890878, 31.094229],
              [120.901349, 31.017327],
              [120.865624, 30.989627],
              [120.820661, 31.006556],
              [120.770154, 30.996809],
              [120.746132, 30.962432],
              [120.698089, 30.970643],
              [120.684538, 30.955247],
              [120.709176, 30.933176],
              [120.713487, 30.88491],
              [120.68269, 30.882342],
              [120.653741, 30.846896],
              [120.589068, 30.854603],
              [120.563814, 30.835592],
              [120.503452, 30.757967],
              [120.489285, 30.763624],
              [120.460336, 30.839702],
              [120.441858, 30.860768],
              [120.435083, 30.920855],
              [120.42338, 30.902884],
              [120.35809, 30.886964],
              [120.371025, 30.948575],
              [120.316206, 30.933689],
              [120.223816, 30.926502],
              [120.149903, 30.937283],
              [120.111099, 30.955761],
              [120.052584, 31.00553],
              [120.001461, 31.027071],
              [119.988527, 31.059375],
              [119.946027, 31.106016],
              [119.921389, 31.170045],
              [119.878274, 31.160828],
              [119.827151, 31.174142],
              [119.809904, 31.148536],
              [119.779723, 31.17875],
              [119.715666, 31.169533],
              [119.705811, 31.152634],
              [119.678093, 31.167997],
              [119.623891, 31.130096],
              [119.599869, 31.10909],
              [119.532732, 31.159291],
              [119.461283, 31.156219],
              [119.439109, 31.177214],
              [119.391682, 31.174142],
              [119.360269, 31.213049],
              [119.374435, 31.258591],
              [119.350414, 31.301043],
              [119.338095, 31.259103],
              [119.294363, 31.263195],
              [119.266646, 31.250405],
              [119.198277, 31.270357],
              [119.197661, 31.295418],
              [119.158241, 31.294907],
              [119.107118, 31.250917],
              [119.10527, 31.235055],
              [119.014727, 31.241707],
              [118.984546, 31.237102],
              [118.870597, 31.242219],
              [118.794836, 31.229426],
              [118.756648, 31.279564],
              [118.726467, 31.282121],
              [118.720924, 31.322518],
              [118.745561, 31.372606],
              [118.767735, 31.363919],
              [118.824401, 31.375672],
              [118.852119, 31.393553],
              [118.883532, 31.500261],
              [118.885995, 31.519139],
              [118.881684, 31.564023],
              [118.858894, 31.623665],
              [118.802844, 31.619078],
              [118.773894, 31.682759],
              [118.748025, 31.675629],
              [118.736322, 31.633347],
              [118.643315, 31.649651],
              [118.643315, 31.671555],
              [118.697518, 31.709747],
              [118.653786, 31.73011],
              [118.641467, 31.75861],
              [118.571866, 31.746397],
              [118.5577, 31.73011],
              [118.521975, 31.743343],
              [118.533678, 31.76726],
              [118.481939, 31.778453],
              [118.504729, 31.841516],
              [118.466541, 31.857784],
              [118.472084, 31.879639],
              [118.363679, 31.930443],
              [118.389548, 31.985281],
              [118.394476, 32.076098],
              [118.433896, 32.086746],
              [118.501033, 32.121726],
              [118.49549, 32.165304],
              [118.510888, 32.194176],
              [118.643931, 32.209875],
              [118.674728, 32.250375],
              [118.657482, 32.30148],
              [118.703061, 32.328792],
              [118.685199, 32.403604],
              [118.691359, 32.472295],
              [118.628533, 32.467751],
              [118.592192, 32.481383],
              [118.608823, 32.536899],
              [118.564475, 32.562122],
              [118.568787, 32.585825],
              [118.59712, 32.600951],
              [118.632844, 32.578261],
              [118.658714, 32.594397],
              [118.688895, 32.588346],
              [118.719076, 32.614059],
              [118.719076, 32.614059],
              [118.73509, 32.58885],
              [118.757264, 32.603976],
              [118.784981, 32.582295],
              [118.820706, 32.60448],
              [118.84288, 32.56767],
              [118.908169, 32.59238],
              [118.890923, 32.553042],
              [118.92172, 32.557078],
              [118.922336, 32.557078],
              [118.92172, 32.557078],
              [118.922336, 32.557078],
              [118.975923, 32.505108],
              [119.041212, 32.515201],
              [119.084944, 32.452602],
              [119.142226, 32.499556],
              [119.168096, 32.536394],
              [119.152697, 32.557582],
              [119.22045, 32.576748],
              [119.230921, 32.607001],
              [119.208748, 32.641276],
              [119.211827, 32.708275],
              [119.184726, 32.825529],
              [119.113277, 32.823014],
              [119.054763, 32.8748],
              [119.020886, 32.955685],
              [118.993169, 32.958196],
              [118.934039, 32.93861],
              [118.892771, 32.941121],
              [118.89585, 32.957694],
              [118.89585, 32.957694],
              [118.849039, 32.956689],
              [118.846575, 32.922034],
              [118.821322, 32.920527],
              [118.810235, 32.853687],
              [118.743097, 32.853184],
              [118.743097, 32.853184],
              [118.73817, 32.772708],
              [118.756648, 32.737477],
              [118.707373, 32.72036],
              [118.642699, 32.744525],
              [118.572482, 32.719856],
              [118.560163, 32.729926],
              [118.483787, 32.721367],
              [118.450526, 32.743518],
              [118.411106, 32.715828],
              [118.375382, 32.718849],
              [118.363063, 32.770695],
              [118.334114, 32.761637],
              [118.300237, 32.783275],
              [118.301469, 32.846145],
              [118.250346, 32.848157],
              [118.2331, 32.914498],
              [118.252194, 32.936601],
              [118.291614, 32.946143],
              [118.303933, 32.96874],
              [118.26944, 32.969242],
              [118.244803, 32.998359],
              [118.243571, 33.027967],
              [118.219549, 33.114227],
              [118.217085, 33.191888],
              [118.178281, 33.217926],
              [118.149332, 33.169348],
              [118.038463, 33.134776],
              [118.037231, 33.152314],
              [117.988572, 33.180869],
              [117.977485, 33.226437],
              [117.942376, 33.224936],
              [117.939297, 33.262475],
              [117.974405, 33.279487],
              [117.992883, 33.333005],
              [118.029224, 33.374995],
              [118.016905, 33.402978],
              [118.027376, 33.455421],
              [118.050782, 33.491863],
              [118.107448, 33.475391],
              [118.117919, 33.594615],
              [118.112376, 33.617045],
              [118.16781, 33.663381],
              [118.161035, 33.735576],
              [118.117919, 33.766427],
              [118.065564, 33.76593],
              [118.019985, 33.738562],
              [117.972557, 33.74951],
              [117.901724, 33.720146],
              [117.843826, 33.736074],
              [117.791471, 33.733585],
              [117.750203, 33.710688],
              [117.72495, 33.74951],
              [117.739732, 33.758467],
              [117.759442, 33.874318],
              [117.753899, 33.891211],
              [117.715095, 33.879287],
              [117.672595, 33.934916],
              [117.671363, 33.992494],
              [117.629479, 34.028708],
              [117.612849, 34.000433],
              [117.569117, 33.985051],
              [117.543248, 34.038627],
              [117.514914, 34.060941],
              [117.435458, 34.028212],
              [117.404045, 34.03218],
              [117.357234, 34.088205],
              [117.311654, 34.067882],
              [117.277162, 34.078787],
              [117.257452, 34.065899],
              [117.192162, 34.068873],
              [117.130568, 34.101586],
              [117.123793, 34.128342],
              [117.046801, 34.151622],
              [117.025243, 34.167469],
              [117.051112, 34.221425],
              [116.969192, 34.283753],
              [116.983359, 34.348011],
              [116.960569, 34.363821],
              [116.969192, 34.389012],
              [116.909446, 34.408271],
              [116.828142, 34.389012],
              [116.782563, 34.429993],
              [116.773939, 34.453683],
              [116.722816, 34.472434],
              [116.662454, 34.472927],
              [116.592237, 34.493646],
              [116.594085, 34.511894],
              [116.490607, 34.573513],
              [116.477057, 34.614896],
              [116.432709, 34.630163],
              [116.430245, 34.650843],
              [116.374195, 34.640011],
              [116.392057, 34.710391],
              [116.363724, 34.715311],
              [116.369267, 34.749247],
              [116.403144, 34.756131],
              [116.408071, 34.850972],
              [116.445028, 34.895652],
              [116.557745, 34.908905],
              [116.613795, 34.922645],
              [116.622418, 34.939818],
              [116.677853, 34.939327],
              [116.781331, 34.916757],
              [116.781947, 34.961891],
              [116.809048, 34.968757],
              [116.821983, 34.929515],
              [116.858323, 34.928533],
              [116.922381, 34.894671],
              [116.929156, 34.843114],
              [116.966113, 34.844588],
              [116.979047, 34.815113],
              [116.95133, 34.81069],
              [116.969192, 34.771864],
              [117.022163, 34.759081],
              [117.070206, 34.713835],
              [117.061583, 34.675947],
              [117.073286, 34.639026],
              [117.104083, 34.648874],
              [117.15151, 34.559222],
              [117.139191, 34.526687],
              [117.166293, 34.434435],
              [117.248213, 34.451216],
              [117.252524, 34.48674],
              [117.27285, 34.499565],
              [117.267307, 34.528659],
              [117.311654, 34.561686],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 330000,
        name: '浙江省',
        center: [120.153576, 30.287459],
        centroid: [120.109921, 29.181449],
        childrenNum: 11,
        level: 'province',
        subFeatureIndex: 10,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [118.433896, 28.288335],
              [118.480091, 28.327325],
              [118.455454, 28.384204],
              [118.432048, 28.402104],
              [118.456686, 28.424738],
              [118.474548, 28.478934],
              [118.414802, 28.497344],
              [118.4302, 28.515225],
              [118.412338, 28.55676],
              [118.428352, 28.617193],
              [118.428352, 28.617193],
              [118.428352, 28.681267],
              [118.403099, 28.702791],
              [118.364295, 28.813491],
              [118.300237, 28.826075],
              [118.270056, 28.918836],
              [118.195527, 28.904167],
              [118.227556, 28.942406],
              [118.165346, 28.986912],
              [118.133933, 28.983771],
              [118.115455, 29.009944],
              [118.115455, 29.009944],
              [118.097593, 28.998952],
              [118.066796, 29.053898],
              [118.076035, 29.074822],
              [118.037847, 29.102017],
              [118.045238, 29.149068],
              [118.027992, 29.167882],
              [118.042159, 29.210202],
              [118.073571, 29.216993],
              [118.077883, 29.290614],
              [118.138861, 29.283828],
              [118.178281, 29.297921],
              [118.166578, 29.314099],
              [118.205382, 29.343839],
              [118.193064, 29.395472],
              [118.248498, 29.431443],
              [118.316252, 29.422581],
              [118.306396, 29.479384],
              [118.329802, 29.495012],
              [118.347664, 29.474174],
              [118.381541, 29.504909],
              [118.496106, 29.519492],
              [118.500417, 29.57572],
              [118.532446, 29.588731],
              [118.573714, 29.638159],
              [118.61991, 29.654282],
              [118.647011, 29.64336],
              [118.700598, 29.706277],
              [118.744945, 29.73902],
              [118.740634, 29.814859],
              [118.841032, 29.891159],
              [118.838568, 29.934733],
              [118.894619, 29.937845],
              [118.902626, 30.029078],
              [118.878604, 30.064822],
              [118.873677, 30.11505],
              [118.895234, 30.148694],
              [118.852119, 30.149729],
              [118.852735, 30.166805],
              [118.929727, 30.2025],
              [118.905089, 30.216464],
              [118.877988, 30.282637],
              [118.880452, 30.31519],
              [118.954365, 30.360126],
              [118.988857, 30.332237],
              [119.06277, 30.304856],
              [119.091719, 30.323972],
              [119.126828, 30.304856],
              [119.201356, 30.290905],
              [119.236465, 30.297106],
              [119.246936, 30.341018],
              [119.277117, 30.341018],
              [119.326392, 30.372002],
              [119.349182, 30.349281],
              [119.402768, 30.374584],
              [119.36766, 30.38491],
              [119.335015, 30.448389],
              [119.336247, 30.508734],
              [119.326392, 30.532964],
              [119.272189, 30.510281],
              [119.237081, 30.546881],
              [119.265414, 30.574709],
              [119.238929, 30.609225],
              [119.323312, 30.630341],
              [119.343022, 30.664322],
              [119.39045, 30.685941],
              [119.408312, 30.645274],
              [119.444652, 30.650422],
              [119.482841, 30.704467],
              [119.479761, 30.772365],
              [119.527188, 30.77905],
              [119.55429, 30.825828],
              [119.575847, 30.829939],
              [119.557369, 30.874124],
              [119.563529, 30.919315],
              [119.582007, 30.932149],
              [119.580159, 30.967051],
              [119.633746, 31.019379],
              [119.629434, 31.085517],
              [119.649144, 31.104991],
              [119.623891, 31.130096],
              [119.678093, 31.167997],
              [119.705811, 31.152634],
              [119.715666, 31.169533],
              [119.779723, 31.17875],
              [119.809904, 31.148536],
              [119.827151, 31.174142],
              [119.878274, 31.160828],
              [119.921389, 31.170045],
              [119.946027, 31.106016],
              [119.988527, 31.059375],
              [120.001461, 31.027071],
              [120.052584, 31.00553],
              [120.111099, 30.955761],
              [120.149903, 30.937283],
              [120.223816, 30.926502],
              [120.316206, 30.933689],
              [120.371025, 30.948575],
              [120.35809, 30.886964],
              [120.42338, 30.902884],
              [120.435083, 30.920855],
              [120.441858, 30.860768],
              [120.460336, 30.839702],
              [120.489285, 30.763624],
              [120.503452, 30.757967],
              [120.563814, 30.835592],
              [120.589068, 30.854603],
              [120.653741, 30.846896],
              [120.68269, 30.882342],
              [120.713487, 30.88491],
              [120.709176, 30.933176],
              [120.684538, 30.955247],
              [120.698089, 30.970643],
              [120.746132, 30.962432],
              [120.770154, 30.996809],
              [120.820661, 31.006556],
              [120.865624, 30.989627],
              [120.901349, 31.017327],
              [120.940153, 31.010146],
              [120.949392, 31.030148],
              [120.989428, 31.01425],
              [121.000515, 30.938309],
              [120.993124, 30.889532],
              [121.020225, 30.872069],
              [120.991892, 30.837133],
              [121.038087, 30.814007],
              [121.060261, 30.845354],
              [121.097833, 30.857171],
              [121.13787, 30.826342],
              [121.123087, 30.77905],
              [121.174826, 30.771851],
              [121.21671, 30.785734],
              [121.232108, 30.755909],
              [121.272144, 30.723504],
              [121.274608, 30.677191],
              [121.239499, 30.648878],
              [121.188992, 30.632916],
              [121.148956, 30.599953],
              [121.058413, 30.563888],
              [121.092906, 30.515952],
              [121.183449, 30.434458],
              [121.225333, 30.404526],
              [121.328195, 30.397299],
              [121.371926, 30.37097],
              [121.395332, 30.338435],
              [121.497578, 30.258861],
              [121.561636, 30.184395],
              [121.635548, 30.070002],
              [121.652795, 30.071037],
              [121.699606, 30.007832],
              [121.721164, 29.992802],
              [121.78399, 29.99332],
              [121.835113, 29.958068],
              [121.919497, 29.920729],
              [121.971235, 29.955476],
              [122.00388, 29.92021],
              [122.00696, 29.891678],
              [122.140003, 29.901535],
              [122.143082, 29.877668],
              [122.10243, 29.859504],
              [122.043916, 29.822647],
              [122.003264, 29.762401],
              [121.937359, 29.748373],
              [121.833265, 29.653242],
              [121.872685, 29.632437],
              [121.909641, 29.650122],
              [121.966308, 29.636078],
              [122.000185, 29.582486],
              [121.995257, 29.545007],
              [121.968772, 29.515846],
              [121.973083, 29.477821],
              [121.993409, 29.45229],
              [121.975547, 29.411113],
              [121.937975, 29.384],
              [121.936127, 29.348012],
              [121.958301, 29.334448],
              [121.94475, 29.28435],
              [122.000185, 29.278608],
              [122.002032, 29.260336],
              [121.966924, 29.249894],
              [121.971851, 29.193485],
              [121.948446, 29.193485],
              [121.986634, 29.154817],
              [121.988482, 29.110906],
              [121.970004, 29.092604],
              [121.966308, 29.052852],
              [121.884388, 29.105677],
              [121.85975, 29.086328],
              [121.811091, 29.10986],
              [121.780294, 29.10986],
              [121.767975, 29.166837],
              [121.750113, 29.136523],
              [121.715621, 29.125022],
              [121.608447, 29.168927],
              [121.616454, 29.143318],
              [121.660186, 29.118226],
              [121.658954, 29.058606],
              [121.712541, 29.028783],
              [121.711309, 28.985865],
              [121.743338, 28.954451],
              [121.772287, 28.898404],
              [121.774751, 28.863818],
              [121.687287, 28.863294],
              [121.704534, 28.804577],
              [121.689135, 28.719062],
              [121.646019, 28.682842],
              [121.540694, 28.655537],
              [121.557324, 28.645033],
              [121.596128, 28.575156],
              [121.634317, 28.562542],
              [121.646019, 28.511544],
              [121.671273, 28.472621],
              [121.692831, 28.407368],
              [121.658954, 28.392628],
              [121.634317, 28.347868],
              [121.660186, 28.355768],
              [121.669425, 28.33312],
              [121.627541, 28.251966],
              [121.580114, 28.240368],
              [121.571491, 28.279376],
              [121.538846, 28.299401],
              [121.488955, 28.301509],
              [121.45631, 28.250385],
              [121.402107, 28.197127],
              [121.373774, 28.133287],
              [121.328195, 28.134343],
              [121.299862, 28.067297],
              [121.261057, 28.034551],
              [121.176058, 28.022401],
              [121.140949, 28.031382],
              [121.121239, 28.12537],
              [121.108304, 28.139092],
              [121.059029, 28.096338],
              [121.015298, 27.981714],
              [120.991892, 27.95],
              [121.05595, 27.900294],
              [121.099681, 27.895005],
              [121.162507, 27.90717],
              [121.162507, 27.879136],
              [121.193304, 27.872259],
              [121.192072, 27.822518],
              [121.152652, 27.810344],
              [121.153268, 27.809815],
              [121.149572, 27.801875],
              [121.149572, 27.801345],
              [121.13479, 27.787051],
              [121.134174, 27.787051],
              [121.152036, 27.815638],
              [121.107688, 27.81352],
              [121.070116, 27.834162],
              [121.027616, 27.832574],
              [120.97403, 27.887071],
              [120.942001, 27.896592],
              [120.910588, 27.864852],
              [120.840371, 27.758986],
              [120.797871, 27.779638],
              [120.760915, 27.717671],
              [120.709176, 27.682699],
              [120.685154, 27.622797],
              [120.634647, 27.577186],
              [120.637111, 27.561271],
              [120.703016, 27.478475],
              [120.673451, 27.420055],
              [120.665444, 27.357884],
              [120.580444, 27.321203],
              [120.554575, 27.25206],
              [120.574901, 27.234501],
              [120.545952, 27.156785],
              [120.492365, 27.136016],
              [120.461568, 27.142407],
              [120.404286, 27.204166],
              [120.401822, 27.250996],
              [120.430155, 27.258976],
              [120.343924, 27.363199],
              [120.340844, 27.399867],
              [120.273091, 27.38924],
              [120.26262, 27.432804],
              [120.221352, 27.420055],
              [120.134504, 27.420055],
              [120.136968, 27.402523],
              [120.096316, 27.390302],
              [120.052584, 27.338747],
              [120.026099, 27.344063],
              [120.008237, 27.375423],
              [119.960194, 27.365857],
              [119.938636, 27.329709],
              [119.843165, 27.300464],
              [119.768636, 27.307909],
              [119.782187, 27.330241],
              [119.739687, 27.362668],
              [119.750774, 27.373829],
              [119.711354, 27.403054],
              [119.685485, 27.438646],
              [119.703347, 27.446613],
              [119.70889, 27.514042],
              [119.690412, 27.537394],
              [119.659615, 27.540578],
              [119.675014, 27.574534],
              [119.630666, 27.582491],
              [119.626354, 27.620676],
              [119.644217, 27.663619],
              [119.606028, 27.674749],
              [119.541971, 27.666799],
              [119.501319, 27.649837],
              [119.501935, 27.610601],
              [119.466826, 27.526249],
              [119.438493, 27.508734],
              [119.416935, 27.539517],
              [119.360269, 27.524657],
              [119.334399, 27.480067],
              [119.285124, 27.457766],
              [119.26911, 27.42218],
              [119.224146, 27.416868],
              [119.14777, 27.424836],
              [119.121284, 27.438115],
              [119.129907, 27.475289],
              [119.092335, 27.466262],
              [119.03998, 27.478475],
              [119.020886, 27.498118],
              [118.983314, 27.498649],
              [118.986393, 27.47582],
              [118.955597, 27.4498],
              [118.907553, 27.460952],
              [118.869365, 27.540047],
              [118.909401, 27.568168],
              [118.913713, 27.619616],
              [118.879836, 27.667859],
              [118.873677, 27.733563],
              [118.829329, 27.847921],
              [118.818242, 27.916689],
              [118.753568, 27.947885],
              [118.730163, 27.970615],
              [118.733858, 28.027684],
              [118.719076, 28.063601],
              [118.767735, 28.10584],
              [118.802228, 28.117453],
              [118.805923, 28.154923],
              [118.771431, 28.188687],
              [118.804075, 28.207675],
              [118.802228, 28.240368],
              [118.756032, 28.252493],
              [118.719692, 28.312047],
              [118.699366, 28.309939],
              [118.674728, 28.27147],
              [118.651322, 28.277267],
              [118.595272, 28.258292],
              [118.588497, 28.282538],
              [118.493026, 28.262509],
              [118.490562, 28.238259],
              [118.444367, 28.253548],
              [118.433896, 28.288335],
            ],
          ],
          [
            [
              [122.163408, 29.988137],
              [122.118445, 29.986582],
              [122.106742, 30.005759],
              [122.027902, 29.991247],
              [121.978011, 30.059125],
              [121.989714, 30.077252],
              [121.983554, 30.100554],
              [121.934895, 30.161631],
              [121.955221, 30.183878],
              [122.048844, 30.147141],
              [122.095655, 30.158008],
              [122.152938, 30.113497],
              [122.293988, 30.100554],
              [122.288444, 30.073109],
              [122.310002, 30.039958],
              [122.343879, 30.020269],
              [122.341415, 29.976733],
              [122.322321, 29.940438],
              [122.279205, 29.937326],
              [122.239785, 29.962735],
              [122.163408, 29.988137],
            ],
          ],
          [
            [
              [122.213915, 30.186464],
              [122.168336, 30.138343],
              [122.143698, 30.163183],
              [122.152938, 30.19112],
              [122.178807, 30.199396],
              [122.213915, 30.186464],
            ],
          ],
          [
            [
              [122.229314, 29.711995],
              [122.231162, 29.710435],
              [122.269966, 29.685482],
              [122.210836, 29.700559],
              [122.229314, 29.711995],
            ],
          ],
          [
            [
              [122.427646, 30.738422],
              [122.445509, 30.745109],
              [122.475074, 30.714243],
              [122.528045, 30.725047],
              [122.532972, 30.696748],
              [122.427031, 30.697777],
              [122.427646, 30.738422],
            ],
          ],
          [
            [
              [122.162793, 30.329654],
              [122.176343, 30.351863],
              [122.191126, 30.329654],
              [122.228082, 30.329654],
              [122.247176, 30.30124],
              [122.231778, 30.234562],
              [122.154169, 30.244903],
              [122.058083, 30.291938],
              [122.162793, 30.329654],
            ],
          ],
          [
            [
              [122.317393, 30.249556],
              [122.333408, 30.272817],
              [122.40732, 30.272817],
              [122.417175, 30.238699],
              [122.365437, 30.255242],
              [122.358661, 30.236113],
              [122.277973, 30.242835],
              [122.317393, 30.249556],
            ],
          ],
          [
            [
              [122.026054, 29.178333],
              [122.036525, 29.20759],
              [122.075945, 29.176243],
              [122.056851, 29.158476],
              [122.013119, 29.151681],
              [122.026054, 29.178333],
            ],
          ],
          [
            [
              [122.372212, 29.893234],
              [122.362973, 29.894272],
              [122.353734, 29.89946],
              [122.338951, 29.911911],
              [122.330944, 29.937845],
              [122.351886, 29.959105],
              [122.398081, 29.9394],
              [122.411632, 29.951846],
              [122.43319, 29.919173],
              [122.433806, 29.883376],
              [122.401777, 29.869884],
              [122.415944, 29.828877],
              [122.386379, 29.834069],
              [122.372212, 29.893234],
            ],
          ],
          [
            [
              [122.43011, 30.408655],
              [122.352502, 30.422074],
              [122.318625, 30.407106],
              [122.281669, 30.418461],
              [122.277973, 30.471603],
              [122.37406, 30.461802],
              [122.432574, 30.445294],
              [122.43011, 30.408655],
            ],
          ],
          [
            [
              [121.837577, 28.770484],
              [121.861598, 28.814016],
              [121.86283, 28.782024],
              [121.837577, 28.770484],
            ],
          ],
          [
            [
              [122.265038, 29.84549],
              [122.319241, 29.829397],
              [122.299531, 29.819532],
              [122.325401, 29.781621],
              [122.310002, 29.766557],
              [122.248408, 29.804473],
              [122.221307, 29.832512],
              [122.265038, 29.84549],
            ],
          ],
          [
            [
              [121.790765, 29.082144],
              [121.82033, 29.099402],
              [121.84312, 29.082144],
              [121.832649, 29.050236],
              [121.790765, 29.082144],
            ],
          ],
          [
            [
              [121.943518, 30.776993],
              [121.970004, 30.789333],
              [121.987866, 30.753338],
              [121.992793, 30.695204],
              [122.011271, 30.66947],
              [122.075329, 30.647848],
              [122.133227, 30.595317],
              [122.087032, 30.602014],
              [121.997105, 30.658659],
              [121.968156, 30.688514],
              [121.943518, 30.776993],
            ],
          ],
          [
            [
              [121.889315, 28.471569],
              [121.881924, 28.502603],
              [121.918881, 28.497344],
              [121.889315, 28.471569],
            ],
          ],
          [
            [
              [122.182503, 29.650642],
              [122.138155, 29.662083],
              [122.095655, 29.716673],
              [122.074097, 29.701599],
              [122.047612, 29.719791],
              [122.083952, 29.78318],
              [122.13138, 29.788893],
              [122.146778, 29.749412],
              [122.200365, 29.712515],
              [122.211452, 29.692241],
              [122.182503, 29.650642],
            ],
          ],
          [
            [
              [122.461523, 29.944068],
              [122.459059, 29.938882],
              [122.467067, 29.928509],
              [122.462755, 29.927991],
              [122.457827, 29.927472],
              [122.45598, 29.926435],
              [122.452284, 29.935252],
              [122.4529, 29.936807],
              [122.449204, 29.9394],
              [122.450436, 29.940956],
              [122.451052, 29.940956],
              [122.451668, 29.943031],
              [122.460291, 29.947179],
              [122.459675, 29.944586],
              [122.461523, 29.944068],
            ],
          ],
          [
            [
              [122.570544, 30.644244],
              [122.546523, 30.651967],
              [122.559457, 30.679764],
              [122.570544, 30.644244],
            ],
          ],
          [
            [
              [121.869605, 28.423685],
              [121.889931, 28.45105],
              [121.910873, 28.44],
              [121.869605, 28.423685],
            ],
          ],
          [
            [
              [122.391306, 29.970512],
              [122.3679, 29.980361],
              [122.378371, 30.023896],
              [122.411632, 30.025969],
              [122.391306, 29.970512],
            ],
          ],
          [
            [
              [122.065474, 30.179739],
              [122.025438, 30.161631],
              [122.017431, 30.186464],
              [122.055619, 30.200431],
              [122.065474, 30.179739],
            ],
          ],
          [
            [
              [121.850511, 29.977251],
              [121.844968, 29.982953],
              [121.84004, 30.047211],
              [121.848663, 30.101072],
              [121.88562, 30.094859],
              [121.924424, 30.052391],
              [121.933047, 29.994875],
              [121.874533, 29.964809],
              [121.850511, 29.977251],
            ],
          ],
          [
            [
              [121.066421, 27.478475],
              [121.067036, 27.478475],
              [121.107073, 27.443958],
              [121.066421, 27.461483],
              [121.066421, 27.478475],
            ],
          ],
          [
            [
              [121.952141, 29.187738],
              [121.976779, 29.191918],
              [121.979243, 29.160043],
              [121.952141, 29.187738],
            ],
          ],
          [
            [
              [122.038373, 29.759284],
              [122.02975, 29.716673],
              [122.011271, 29.746294],
              [122.038373, 29.759284],
            ],
          ],
          [
            [
              [121.957685, 30.287804],
              [121.921344, 30.30744],
              [121.94167, 30.33327],
              [121.989098, 30.339985],
              [122.0008, 30.308473],
              [121.957685, 30.287804],
            ],
          ],
          [
            [
              [121.940438, 30.114533],
              [121.962612, 30.106249],
              [121.945982, 30.064304],
              [121.910257, 30.089163],
              [121.940438, 30.114533],
            ],
          ],
          [
            [
              [122.155401, 29.970512],
              [122.154169, 29.97103],
              [122.152322, 29.97103],
              [122.163408, 29.988137],
              [122.196053, 29.960661],
              [122.155401, 29.970512],
            ],
          ],
          [
            [
              [122.287828, 29.723949],
              [122.251488, 29.731225],
              [122.2133, 29.771752],
              [122.241633, 29.784738],
              [122.258263, 29.753569],
              [122.301379, 29.748373],
              [122.287828, 29.723949],
            ],
          ],
          [
            [
              [121.134174, 27.787051],
              [121.13479, 27.787051],
              [121.134174, 27.785992],
              [121.134174, 27.787051],
            ],
          ],
          [
            [
              [122.264423, 30.269716],
              [122.300147, 30.271266],
              [122.315545, 30.250073],
              [122.253952, 30.237147],
              [122.264423, 30.269716],
            ],
          ],
          [
            [
              [122.282901, 29.860542],
              [122.301379, 29.883895],
              [122.343263, 29.882857],
              [122.343263, 29.860542],
              [122.30877, 29.849642],
              [122.282901, 29.860542],
            ],
          ],
          [
            [
              [122.781196, 30.694175],
              [122.757174, 30.713728],
              [122.778732, 30.729677],
              [122.799674, 30.716301],
              [122.781196, 30.694175],
            ],
          ],
          [
            [
              [121.098449, 27.937311],
              [121.038087, 27.948942],
              [121.0695, 27.984357],
              [121.120623, 27.986471],
              [121.152652, 27.961629],
              [121.098449, 27.937311],
            ],
          ],
          [
            [
              [121.185913, 27.963215],
              [121.17113, 27.978543],
              [121.197616, 28.000739],
              [121.237652, 27.988056],
              [121.185913, 27.963215],
            ],
          ],
          [
            [
              [122.454132, 29.956513],
              [122.455364, 29.955994],
              [122.458443, 29.951846],
              [122.459059, 29.950809],
              [122.447972, 29.947698],
              [122.446741, 29.951327],
              [122.445509, 29.952365],
              [122.447972, 29.955994],
              [122.454132, 29.956513],
            ],
          ],
          [
            [
              [122.836014, 30.698806],
              [122.807681, 30.714243],
              [122.831087, 30.728648],
              [122.836014, 30.698806],
            ],
          ],
          [
            [
              [122.200365, 29.969475],
              [122.239785, 29.960142],
              [122.273662, 29.93214],
              [122.233626, 29.946661],
              [122.200365, 29.969475],
            ],
          ],
          [
            [
              [122.029134, 29.954957],
              [122.058699, 29.955994],
              [122.043916, 29.930584],
              [122.029134, 29.954957],
            ],
          ],
          [
            [
              [121.044247, 27.979072],
              [121.073812, 28.007608],
              [121.089826, 27.998625],
              [121.044247, 27.979072],
            ],
          ],
          [
            [
              [122.471378, 29.927472],
              [122.47261, 29.927472],
              [122.473226, 29.925397],
              [122.470762, 29.925916],
              [122.471378, 29.927472],
            ],
          ],
          [
            [
              [122.152322, 29.97103],
              [122.154169, 29.97103],
              [122.155401, 29.970512],
              [122.152322, 29.97103],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 340000,
        name: '安徽省',
        center: [117.283042, 31.86119],
        centroid: [117.226862, 31.849273],
        childrenNum: 16,
        level: 'province',
        subFeatureIndex: 11,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [116.599629, 34.014324],
              [116.599629, 34.014324],
              [116.576223, 34.068873],
              [116.576223, 34.068873],
              [116.52818, 34.122892],
              [116.536187, 34.151127],
              [116.565752, 34.16945],
              [116.542962, 34.203608],
              [116.545426, 34.241711],
              [116.582382, 34.266444],
              [116.562056, 34.285731],
              [116.516477, 34.296114],
              [116.456731, 34.268917],
              [116.409303, 34.273863],
              [116.409303, 34.273863],
              [116.372347, 34.26595],
              [116.363724, 34.316877],
              [116.301514, 34.342082],
              [116.255934, 34.376665],
              [116.213435, 34.382098],
              [116.215898, 34.403333],
              [116.178942, 34.430487],
              [116.162312, 34.459605],
              [116.178326, 34.496112],
              [116.204196, 34.508442],
              [116.191261, 34.535561],
              [116.196804, 34.575977],
              [116.247927, 34.551829],
              [116.286116, 34.608986],
              [116.32492, 34.601104],
              [116.334159, 34.620806],
              [116.374195, 34.640011],
              [116.430245, 34.650843],
              [116.432709, 34.630163],
              [116.477057, 34.614896],
              [116.490607, 34.573513],
              [116.594085, 34.511894],
              [116.592237, 34.493646],
              [116.662454, 34.472927],
              [116.722816, 34.472434],
              [116.773939, 34.453683],
              [116.782563, 34.429993],
              [116.828142, 34.389012],
              [116.909446, 34.408271],
              [116.969192, 34.389012],
              [116.960569, 34.363821],
              [116.983359, 34.348011],
              [116.969192, 34.283753],
              [117.051112, 34.221425],
              [117.025243, 34.167469],
              [117.046801, 34.151622],
              [117.123793, 34.128342],
              [117.130568, 34.101586],
              [117.192162, 34.068873],
              [117.257452, 34.065899],
              [117.277162, 34.078787],
              [117.311654, 34.067882],
              [117.357234, 34.088205],
              [117.404045, 34.03218],
              [117.435458, 34.028212],
              [117.514914, 34.060941],
              [117.543248, 34.038627],
              [117.569117, 33.985051],
              [117.612849, 34.000433],
              [117.629479, 34.028708],
              [117.671363, 33.992494],
              [117.672595, 33.934916],
              [117.715095, 33.879287],
              [117.753899, 33.891211],
              [117.759442, 33.874318],
              [117.739732, 33.758467],
              [117.72495, 33.74951],
              [117.750203, 33.710688],
              [117.791471, 33.733585],
              [117.843826, 33.736074],
              [117.901724, 33.720146],
              [117.972557, 33.74951],
              [118.019985, 33.738562],
              [118.065564, 33.76593],
              [118.117919, 33.766427],
              [118.161035, 33.735576],
              [118.16781, 33.663381],
              [118.112376, 33.617045],
              [118.117919, 33.594615],
              [118.107448, 33.475391],
              [118.050782, 33.491863],
              [118.027376, 33.455421],
              [118.016905, 33.402978],
              [118.029224, 33.374995],
              [117.992883, 33.333005],
              [117.974405, 33.279487],
              [117.939297, 33.262475],
              [117.942376, 33.224936],
              [117.977485, 33.226437],
              [117.988572, 33.180869],
              [118.037231, 33.152314],
              [118.038463, 33.134776],
              [118.149332, 33.169348],
              [118.178281, 33.217926],
              [118.217085, 33.191888],
              [118.219549, 33.114227],
              [118.243571, 33.027967],
              [118.244803, 32.998359],
              [118.26944, 32.969242],
              [118.303933, 32.96874],
              [118.291614, 32.946143],
              [118.252194, 32.936601],
              [118.2331, 32.914498],
              [118.250346, 32.848157],
              [118.301469, 32.846145],
              [118.300237, 32.783275],
              [118.334114, 32.761637],
              [118.363063, 32.770695],
              [118.375382, 32.718849],
              [118.411106, 32.715828],
              [118.450526, 32.743518],
              [118.483787, 32.721367],
              [118.560163, 32.729926],
              [118.572482, 32.719856],
              [118.642699, 32.744525],
              [118.707373, 32.72036],
              [118.756648, 32.737477],
              [118.73817, 32.772708],
              [118.743097, 32.853184],
              [118.743097, 32.853184],
              [118.810235, 32.853687],
              [118.821322, 32.920527],
              [118.846575, 32.922034],
              [118.849039, 32.956689],
              [118.89585, 32.957694],
              [118.89585, 32.957694],
              [118.892771, 32.941121],
              [118.934039, 32.93861],
              [118.993169, 32.958196],
              [119.020886, 32.955685],
              [119.054763, 32.8748],
              [119.113277, 32.823014],
              [119.184726, 32.825529],
              [119.211827, 32.708275],
              [119.208748, 32.641276],
              [119.230921, 32.607001],
              [119.22045, 32.576748],
              [119.152697, 32.557582],
              [119.168096, 32.536394],
              [119.142226, 32.499556],
              [119.084944, 32.452602],
              [119.041212, 32.515201],
              [118.975923, 32.505108],
              [118.922336, 32.557078],
              [118.92172, 32.557078],
              [118.922336, 32.557078],
              [118.92172, 32.557078],
              [118.890923, 32.553042],
              [118.908169, 32.59238],
              [118.84288, 32.56767],
              [118.820706, 32.60448],
              [118.784981, 32.582295],
              [118.757264, 32.603976],
              [118.73509, 32.58885],
              [118.719076, 32.614059],
              [118.719076, 32.614059],
              [118.688895, 32.588346],
              [118.658714, 32.594397],
              [118.632844, 32.578261],
              [118.59712, 32.600951],
              [118.568787, 32.585825],
              [118.564475, 32.562122],
              [118.608823, 32.536899],
              [118.592192, 32.481383],
              [118.628533, 32.467751],
              [118.691359, 32.472295],
              [118.685199, 32.403604],
              [118.703061, 32.328792],
              [118.657482, 32.30148],
              [118.674728, 32.250375],
              [118.643931, 32.209875],
              [118.510888, 32.194176],
              [118.49549, 32.165304],
              [118.501033, 32.121726],
              [118.433896, 32.086746],
              [118.394476, 32.076098],
              [118.389548, 31.985281],
              [118.363679, 31.930443],
              [118.472084, 31.879639],
              [118.466541, 31.857784],
              [118.504729, 31.841516],
              [118.481939, 31.778453],
              [118.533678, 31.76726],
              [118.521975, 31.743343],
              [118.5577, 31.73011],
              [118.571866, 31.746397],
              [118.641467, 31.75861],
              [118.653786, 31.73011],
              [118.697518, 31.709747],
              [118.643315, 31.671555],
              [118.643315, 31.649651],
              [118.736322, 31.633347],
              [118.748025, 31.675629],
              [118.773894, 31.682759],
              [118.802844, 31.619078],
              [118.858894, 31.623665],
              [118.881684, 31.564023],
              [118.885995, 31.519139],
              [118.868133, 31.520669],
              [118.857046, 31.506384],
              [118.883532, 31.500261],
              [118.852119, 31.393553],
              [118.824401, 31.375672],
              [118.767735, 31.363919],
              [118.745561, 31.372606],
              [118.720924, 31.322518],
              [118.726467, 31.282121],
              [118.756648, 31.279564],
              [118.794836, 31.229426],
              [118.870597, 31.242219],
              [118.984546, 31.237102],
              [119.014727, 31.241707],
              [119.10527, 31.235055],
              [119.107118, 31.250917],
              [119.158241, 31.294907],
              [119.197661, 31.295418],
              [119.198277, 31.270357],
              [119.266646, 31.250405],
              [119.294363, 31.263195],
              [119.338095, 31.259103],
              [119.350414, 31.301043],
              [119.374435, 31.258591],
              [119.360269, 31.213049],
              [119.391682, 31.174142],
              [119.439109, 31.177214],
              [119.461283, 31.156219],
              [119.532732, 31.159291],
              [119.599869, 31.10909],
              [119.623891, 31.130096],
              [119.649144, 31.104991],
              [119.629434, 31.085517],
              [119.633746, 31.019379],
              [119.580159, 30.967051],
              [119.582007, 30.932149],
              [119.563529, 30.919315],
              [119.557369, 30.874124],
              [119.575847, 30.829939],
              [119.55429, 30.825828],
              [119.527188, 30.77905],
              [119.479761, 30.772365],
              [119.482841, 30.704467],
              [119.444652, 30.650422],
              [119.408312, 30.645274],
              [119.39045, 30.685941],
              [119.343022, 30.664322],
              [119.323312, 30.630341],
              [119.238929, 30.609225],
              [119.265414, 30.574709],
              [119.237081, 30.546881],
              [119.272189, 30.510281],
              [119.326392, 30.532964],
              [119.336247, 30.508734],
              [119.335015, 30.448389],
              [119.36766, 30.38491],
              [119.402768, 30.374584],
              [119.349182, 30.349281],
              [119.326392, 30.372002],
              [119.277117, 30.341018],
              [119.246936, 30.341018],
              [119.236465, 30.297106],
              [119.201356, 30.290905],
              [119.126828, 30.304856],
              [119.091719, 30.323972],
              [119.06277, 30.304856],
              [118.988857, 30.332237],
              [118.954365, 30.360126],
              [118.880452, 30.31519],
              [118.877988, 30.282637],
              [118.905089, 30.216464],
              [118.929727, 30.2025],
              [118.852735, 30.166805],
              [118.852119, 30.149729],
              [118.895234, 30.148694],
              [118.873677, 30.11505],
              [118.878604, 30.064822],
              [118.902626, 30.029078],
              [118.894619, 29.937845],
              [118.838568, 29.934733],
              [118.841032, 29.891159],
              [118.740634, 29.814859],
              [118.744945, 29.73902],
              [118.700598, 29.706277],
              [118.647011, 29.64336],
              [118.61991, 29.654282],
              [118.573714, 29.638159],
              [118.532446, 29.588731],
              [118.500417, 29.57572],
              [118.496106, 29.519492],
              [118.381541, 29.504909],
              [118.347664, 29.474174],
              [118.329802, 29.495012],
              [118.306396, 29.479384],
              [118.316252, 29.422581],
              [118.248498, 29.431443],
              [118.193064, 29.395472],
              [118.136397, 29.418932],
              [118.127774, 29.47209],
              [118.143788, 29.489803],
              [118.095129, 29.534072],
              [118.050782, 29.542924],
              [118.042774, 29.566351],
              [118.00397, 29.578322],
              [117.933753, 29.549172],
              [117.872775, 29.54761],
              [117.795167, 29.570515],
              [117.729877, 29.550213],
              [117.690457, 29.555939],
              [117.678754, 29.595496],
              [117.647957, 29.614749],
              [117.608537, 29.591333],
              [117.543248, 29.588731],
              [117.523538, 29.630356],
              [117.530313, 29.654282],
              [117.490277, 29.660003],
              [117.453936, 29.688082],
              [117.455168, 29.749412],
              [117.408973, 29.802396],
              [117.415132, 29.85068],
              [117.382487, 29.840818],
              [117.359082, 29.812782],
              [117.338756, 29.848085],
              [117.29256, 29.822647],
              [117.25314, 29.834588],
              [117.261763, 29.880781],
              [117.246365, 29.915023],
              [117.2168, 29.926953],
              [117.171836, 29.920729],
              [117.129952, 29.89946],
              [117.127489, 29.86158],
              [117.073286, 29.831992],
              [117.123177, 29.798761],
              [117.136728, 29.775388],
              [117.108395, 29.75201],
              [117.112706, 29.711995],
              [117.041873, 29.680803],
              [116.996294, 29.683403],
              [116.974736, 29.657403],
              [116.939627, 29.648561],
              [116.873722, 29.609546],
              [116.849084, 29.57624],
              [116.780715, 29.569994],
              [116.760389, 29.599139],
              [116.721585, 29.564789],
              [116.716657, 29.590813],
              [116.651983, 29.637118],
              [116.680317, 29.681323],
              [116.704954, 29.688602],
              [116.706802, 29.6964],
              [116.70557, 29.69692],
              [116.698795, 29.707836],
              [116.673541, 29.709916],
              [116.762237, 29.802396],
              [116.780715, 29.792529],
              [116.882961, 29.893753],
              [116.900207, 29.949253],
              [116.868794, 29.980361],
              [116.83307, 29.95755],
              [116.830606, 30.004723],
              [116.802889, 29.99643],
              [116.783794, 30.030632],
              [116.747454, 30.057053],
              [116.720353, 30.053945],
              [116.666766, 30.076734],
              [116.620571, 30.073109],
              [116.585462, 30.045657],
              [116.552201, 29.909836],
              [116.525716, 29.897385],
              [116.467818, 29.896347],
              [116.342782, 29.835626],
              [116.280572, 29.788893],
              [116.250391, 29.785777],
              [116.227601, 29.816936],
              [116.172783, 29.828358],
              [116.13521, 29.819532],
              [116.128435, 29.897904],
              [116.073616, 29.969993],
              [116.091479, 30.036331],
              [116.078544, 30.062233],
              [116.088399, 30.110391],
              [116.055754, 30.180774],
              [116.065609, 30.204569],
              [115.997856, 30.252657],
              [115.985537, 30.290905],
              [115.903001, 30.31364],
              [115.91532, 30.337919],
              [115.885139, 30.379747],
              [115.921479, 30.416397],
              [115.894994, 30.452517],
              [115.910393, 30.519046],
              [115.887603, 30.542758],
              [115.876516, 30.582438],
              [115.848799, 30.602014],
              [115.819234, 30.597893],
              [115.81369, 30.637035],
              [115.762567, 30.685426],
              [115.782893, 30.751795],
              [115.851262, 30.756938],
              [115.863581, 30.815549],
              [115.848799, 30.828397],
              [115.865429, 30.864364],
              [115.932566, 30.889532],
              [115.976298, 30.931636],
              [116.03974, 30.957813],
              [116.071769, 30.956787],
              [116.058834, 31.012711],
              [116.015102, 31.011685],
              [116.006479, 31.034764],
              [115.938726, 31.04707],
              [115.939958, 31.071678],
              [115.887603, 31.10909],
              [115.867277, 31.147512],
              [115.837712, 31.127022],
              [115.797676, 31.128047],
              [115.778582, 31.112164],
              [115.700973, 31.201276],
              [115.655394, 31.211002],
              [115.603655, 31.17363],
              [115.585793, 31.143926],
              [115.540213, 31.194621],
              [115.539597, 31.231985],
              [115.507568, 31.267799],
              [115.473076, 31.265242],
              [115.443511, 31.344498],
              [115.40717, 31.337854],
              [115.372062, 31.349098],
              [115.393004, 31.389977],
              [115.373909, 31.405813],
              [115.389924, 31.450241],
              [115.371446, 31.495668],
              [115.415793, 31.525771],
              [115.439815, 31.588496],
              [115.485394, 31.608885],
              [115.476771, 31.643028],
              [115.495249, 31.673083],
              [115.534054, 31.698545],
              [115.553764, 31.69549],
              [115.676336, 31.778453],
              [115.731154, 31.76726],
              [115.767495, 31.78761],
              [115.808147, 31.770313],
              [115.808147, 31.770313],
              [115.851878, 31.786593],
              [115.886371, 31.776418],
              [115.914704, 31.814567],
              [115.893762, 31.832365],
              [115.894994, 31.8649],
              [115.920248, 31.920285],
              [115.909161, 31.94314],
              [115.928871, 32.003046],
              [115.922095, 32.049725],
              [115.941805, 32.166318],
              [115.912856, 32.227596],
              [115.899306, 32.390971],
              [115.865429, 32.458662],
              [115.883291, 32.487946],
              [115.845719, 32.501575],
              [115.8759, 32.542448],
              [115.910393, 32.567165],
              [115.891298, 32.576243],
              [115.861117, 32.537403],
              [115.789052, 32.468761],
              [115.771806, 32.505108],
              [115.742241, 32.476335],
              [115.704669, 32.495013],
              [115.667712, 32.409667],
              [115.657857, 32.428864],
              [115.626445, 32.40512],
              [115.604271, 32.425833],
              [115.57101, 32.419266],
              [115.522967, 32.441997],
              [115.509416, 32.466741],
              [115.510648, 32.467751],
              [115.510648, 32.468256],
              [115.510648, 32.468761],
              [115.5088, 32.468761],
              [115.497713, 32.492489],
              [115.409018, 32.549007],
              [115.411482, 32.575235],
              [115.304924, 32.553042],
              [115.30554, 32.583303],
              [115.267352, 32.578261],
              [115.24333, 32.593388],
              [115.20083, 32.591876],
              [115.182968, 32.666973],
              [115.179273, 32.726402],
              [115.189744, 32.770695],
              [115.211301, 32.785791],
              [115.189744, 32.812452],
              [115.197135, 32.856201],
              [115.155867, 32.864747],
              [115.139237, 32.897917],
              [115.029599, 32.906962],
              [115.035143, 32.932582],
              [115.009273, 32.940117],
              [114.943368, 32.935094],
              [114.916266, 32.971251],
              [114.883006, 32.990328],
              [114.891629, 33.020441],
              [114.925506, 33.016928],
              [114.913187, 33.083143],
              [114.897172, 33.086653],
              [114.902716, 33.129764],
              [114.932897, 33.153817],
              [114.966158, 33.147304],
              [114.990795, 33.102195],
              [115.041302, 33.086653],
              [115.168186, 33.088658],
              [115.194671, 33.120743],
              [115.245178, 33.135778],
              [115.289526, 33.131769],
              [115.303692, 33.149809],
              [115.300613, 33.204407],
              [115.340033, 33.260973],
              [115.335105, 33.297997],
              [115.361591, 33.298497],
              [115.365286, 33.336005],
              [115.341881, 33.370997],
              [115.313547, 33.376994],
              [115.328946, 33.403477],
              [115.316627, 33.44893],
              [115.345576, 33.449928],
              [115.345576, 33.502842],
              [115.366518, 33.5233],
              [115.394851, 33.506335],
              [115.422569, 33.557219],
              [115.463837, 33.567193],
              [115.561771, 33.563703],
              [115.564851, 33.576169],
              [115.639995, 33.585143],
              [115.601191, 33.658898],
              [115.601807, 33.718653],
              [115.563003, 33.772895],
              [115.576553, 33.787817],
              [115.614126, 33.775879],
              [115.631988, 33.869846],
              [115.547604, 33.874815],
              [115.577785, 33.950307],
              [115.579017, 33.974133],
              [115.60735, 34.030196],
              [115.642459, 34.03218],
              [115.658473, 34.061437],
              [115.705901, 34.059949],
              [115.736082, 34.076805],
              [115.809378, 34.062428],
              [115.846335, 34.028708],
              [115.852494, 34.003906],
              [115.877132, 34.002913],
              [115.876516, 34.028708],
              [115.904233, 34.009859],
              [115.95782, 34.007875],
              [116.00032, 33.965199],
              [115.982457, 33.917039],
              [116.05945, 33.860902],
              [116.055754, 33.804727],
              [116.074232, 33.781351],
              [116.100102, 33.782843],
              [116.132747, 33.751501],
              [116.155536, 33.709693],
              [116.2005, 33.72612],
              [116.263326, 33.730101],
              [116.316912, 33.771402],
              [116.393905, 33.782843],
              [116.408071, 33.805721],
              [116.437021, 33.801246],
              [116.437637, 33.846489],
              [116.486296, 33.869846],
              [116.558361, 33.881274],
              [116.566984, 33.9081],
              [116.631042, 33.887733],
              [116.64336, 33.896675],
              [116.641512, 33.978103],
              [116.599629, 34.014324],
            ],
          ],
          [
            [
              [118.868133, 31.520669],
              [118.885995, 31.519139],
              [118.883532, 31.500261],
              [118.857046, 31.506384],
              [118.868133, 31.520669],
            ],
          ],
          [
            [
              [116.698795, 29.707836],
              [116.70557, 29.69692],
              [116.706802, 29.6964],
              [116.704954, 29.688602],
              [116.680317, 29.681323],
              [116.653831, 29.694841],
              [116.673541, 29.709916],
              [116.698795, 29.707836],
            ],
          ],
          [
            [
              [115.5088, 32.468761],
              [115.510648, 32.468761],
              [115.510648, 32.468256],
              [115.510648, 32.467751],
              [115.509416, 32.466741],
              [115.5088, 32.468761],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 350000,
        name: '福建省',
        center: [119.306239, 26.075302],
        centroid: [118.006365, 26.069889],
        childrenNum: 9,
        level: 'province',
        subFeatureIndex: 12,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [119.004872, 24.970009],
              [119.007335, 24.963499],
              [119.032589, 24.961871],
              [119.032589, 24.961328],
              [119.014111, 24.941252],
              [118.945741, 24.954275],
              [118.91864, 24.932569],
              [118.932807, 24.906518],
              [118.987009, 24.898375],
              [118.988857, 24.878831],
              [118.933423, 24.870687],
              [118.864437, 24.887518],
              [118.834256, 24.854397],
              [118.807771, 24.870687],
              [118.748641, 24.84245],
              [118.69875, 24.848967],
              [118.702445, 24.865258],
              [118.647627, 24.843536],
              [118.650707, 24.808774],
              [118.786213, 24.77672],
              [118.778822, 24.743569],
              [118.703677, 24.665278],
              [118.670417, 24.679962],
              [118.652554, 24.653857],
              [118.661178, 24.622306],
              [118.687047, 24.63373],
              [118.680272, 24.58204],
              [118.614366, 24.521617],
              [118.558316, 24.51236],
              [118.557084, 24.572788],
              [118.512736, 24.60816],
              [118.444367, 24.614689],
              [118.363679, 24.567889],
              [118.375382, 24.536317],
              [118.242955, 24.51236],
              [118.169042, 24.559725],
              [118.150564, 24.583673],
              [118.121615, 24.570067],
              [118.084042, 24.528695],
              [118.048934, 24.418122],
              [118.088354, 24.408858],
              [118.081579, 24.35653],
              [118.112376, 24.357075],
              [118.158571, 24.269814],
              [118.115455, 24.229435],
              [118.074803, 24.225615],
              [118.019369, 24.197232],
              [118.000275, 24.152462],
              [117.936217, 24.100029],
              [117.927594, 24.039922],
              [117.910347, 24.012045],
              [117.864768, 24.004938],
              [117.807486, 23.947521],
              [117.792703, 23.906494],
              [117.762522, 23.886796],
              [117.691073, 23.888985],
              [117.671979, 23.878041],
              [117.651653, 23.815093],
              [117.660276, 23.789357],
              [117.601762, 23.70171],
              [117.54448, 23.715956],
              [117.501364, 23.70445],
              [117.493357, 23.642514],
              [117.454552, 23.628259],
              [117.463791, 23.584937],
              [117.387415, 23.555317],
              [117.302415, 23.550379],
              [117.291328, 23.571225],
              [117.192778, 23.5619],
              [117.192778, 23.629356],
              [117.147199, 23.654027],
              [117.123793, 23.647448],
              [117.055424, 23.694038],
              [117.048032, 23.758687],
              [117.019083, 23.801952],
              [117.012308, 23.855054],
              [116.981511, 23.855602],
              [116.955642, 23.922359],
              [116.976583, 23.931659],
              [116.981511, 23.999471],
              [116.953178, 24.008218],
              [116.930388, 24.064514],
              [116.9347, 24.126794],
              [116.998757, 24.179217],
              [116.956257, 24.216883],
              [116.933468, 24.220157],
              [116.938395, 24.28127],
              [116.914374, 24.287817],
              [116.919301, 24.321087],
              [116.895895, 24.350533],
              [116.903903, 24.369614],
              [116.839229, 24.442097],
              [116.860787, 24.460075],
              [116.83307, 24.496568],
              [116.796729, 24.502014],
              [116.759157, 24.545572],
              [116.761005, 24.583128],
              [116.815207, 24.654944],
              [116.777635, 24.679418],
              [116.667382, 24.658752],
              [116.623034, 24.64189],
              [116.600861, 24.654401],
              [116.570679, 24.621762],
              [116.530027, 24.604895],
              [116.506622, 24.621218],
              [116.517709, 24.652225],
              [116.485064, 24.720196],
              [116.44626, 24.714216],
              [116.416079, 24.744113],
              [116.419158, 24.767482],
              [116.375427, 24.803885],
              [116.381586, 24.82507],
              [116.417927, 24.840821],
              [116.395137, 24.877746],
              [116.363724, 24.87123],
              [116.345862, 24.828872],
              [116.297202, 24.801712],
              [116.244232, 24.793563],
              [116.251007, 24.82507],
              [116.221442, 24.829959],
              [116.191877, 24.877203],
              [116.153073, 24.846795],
              [116.068073, 24.850053],
              [116.015102, 24.905975],
              [115.985537, 24.899461],
              [115.907929, 24.923343],
              [115.89253, 24.936911],
              [115.870356, 24.959701],
              [115.925175, 24.960786],
              [115.873436, 25.019911],
              [115.928255, 25.050276],
              [115.908545, 25.084428],
              [115.880212, 25.092016],
              [115.888219, 25.128866],
              [115.860501, 25.165704],
              [115.855574, 25.20957],
              [115.930719, 25.236099],
              [115.949813, 25.292386],
              [115.987385, 25.290221],
              [116.008327, 25.319437],
              [115.992928, 25.374063],
              [116.023109, 25.435691],
              [116.005247, 25.490264],
              [116.03666, 25.514571],
              [116.040356, 25.548052],
              [116.063145, 25.56317],
              [116.041588, 25.62416],
              [116.068689, 25.646282],
              [116.067457, 25.703995],
              [116.106877, 25.701299],
              [116.129667, 25.758985],
              [116.18079, 25.778926],
              [116.131515, 25.824185],
              [116.132131, 25.860273],
              [116.17771, 25.894195],
              [116.225138, 25.908731],
              [116.258398, 25.902809],
              [116.303362, 25.924341],
              [116.326152, 25.956631],
              [116.369883, 25.963088],
              [116.360028, 25.991601],
              [116.384666, 26.030864],
              [116.489375, 26.113649],
              [116.476441, 26.172745],
              [116.435789, 26.159854],
              [116.392057, 26.171133],
              [116.400064, 26.202819],
              [116.385282, 26.238253],
              [116.412999, 26.297822],
              [116.437021, 26.308016],
              [116.459194, 26.345026],
              [116.499846, 26.361651],
              [116.519557, 26.410437],
              [116.553433, 26.400253],
              [116.553433, 26.365404],
              [116.601476, 26.372911],
              [116.608252, 26.429732],
              [116.638433, 26.477418],
              [116.610716, 26.476882],
              [116.597165, 26.512768],
              [116.539267, 26.559349],
              [116.553433, 26.575942],
              [116.566368, 26.650315],
              [116.520172, 26.684543],
              [116.515245, 26.720898],
              [116.557745, 26.773806],
              [116.543578, 26.803723],
              [116.548506, 26.84004],
              [116.602092, 26.888623],
              [116.632889, 26.933984],
              [116.679085, 26.978259],
              [116.817671, 27.018252],
              [116.851548, 27.009188],
              [116.910062, 27.034779],
              [116.936547, 27.019319],
              [116.967344, 27.061962],
              [117.05296, 27.100327],
              [117.044953, 27.146667],
              [117.149662, 27.241419],
              [117.171836, 27.29036],
              [117.136728, 27.303123],
              [117.140423, 27.322798],
              [117.104699, 27.330773],
              [117.107163, 27.393491],
              [117.133032, 27.42218],
              [117.110242, 27.458828],
              [117.103467, 27.533149],
              [117.076982, 27.566046],
              [117.054808, 27.5427],
              [117.01662, 27.563393],
              [117.024627, 27.592569],
              [117.003685, 27.625449],
              [117.040641, 27.669979],
              [117.065279, 27.665739],
              [117.094228, 27.627569],
              [117.11209, 27.645596],
              [117.096076, 27.667329],
              [117.114554, 27.692238],
              [117.174916, 27.677399],
              [117.204481, 27.683759],
              [117.205097, 27.714492],
              [117.245133, 27.71926],
              [117.296256, 27.764282],
              [117.303031, 27.833103],
              [117.276546, 27.847921],
              [117.280242, 27.871201],
              [117.334444, 27.8876],
              [117.341836, 27.855858],
              [117.366473, 27.88231],
              [117.407741, 27.893948],
              [117.453936, 27.939955],
              [117.477958, 27.930966],
              [117.52169, 27.982243],
              [117.556182, 27.966387],
              [117.609769, 27.863265],
              [117.649805, 27.851625],
              [117.68245, 27.823577],
              [117.704624, 27.834162],
              [117.740348, 27.800286],
              [117.788392, 27.855858],
              [117.78716, 27.896063],
              [117.856145, 27.94577],
              [117.910963, 27.949471],
              [117.942992, 27.974315],
              [117.965166, 27.962687],
              [117.999043, 27.991227],
              [118.096977, 27.970615],
              [118.094513, 28.003909],
              [118.129006, 28.017118],
              [118.120999, 28.041946],
              [118.153644, 28.062016],
              [118.199839, 28.049869],
              [118.242339, 28.075746],
              [118.356288, 28.091586],
              [118.361215, 28.155978],
              [118.375382, 28.186577],
              [118.339041, 28.193962],
              [118.314404, 28.221913],
              [118.424041, 28.291497],
              [118.433896, 28.288335],
              [118.444367, 28.253548],
              [118.490562, 28.238259],
              [118.493026, 28.262509],
              [118.588497, 28.282538],
              [118.595272, 28.258292],
              [118.651322, 28.277267],
              [118.674728, 28.27147],
              [118.699366, 28.309939],
              [118.719692, 28.312047],
              [118.756032, 28.252493],
              [118.802228, 28.240368],
              [118.804075, 28.207675],
              [118.771431, 28.188687],
              [118.805923, 28.154923],
              [118.802228, 28.117453],
              [118.767735, 28.10584],
              [118.719076, 28.063601],
              [118.733858, 28.027684],
              [118.730163, 27.970615],
              [118.753568, 27.947885],
              [118.818242, 27.916689],
              [118.829329, 27.847921],
              [118.873677, 27.733563],
              [118.879836, 27.667859],
              [118.913713, 27.619616],
              [118.909401, 27.568168],
              [118.869365, 27.540047],
              [118.907553, 27.460952],
              [118.955597, 27.4498],
              [118.986393, 27.47582],
              [118.983314, 27.498649],
              [119.020886, 27.498118],
              [119.03998, 27.478475],
              [119.092335, 27.466262],
              [119.129907, 27.475289],
              [119.121284, 27.438115],
              [119.14777, 27.424836],
              [119.224146, 27.416868],
              [119.26911, 27.42218],
              [119.285124, 27.457766],
              [119.334399, 27.480067],
              [119.360269, 27.524657],
              [119.416935, 27.539517],
              [119.438493, 27.508734],
              [119.466826, 27.526249],
              [119.501935, 27.610601],
              [119.501319, 27.649837],
              [119.541971, 27.666799],
              [119.606028, 27.674749],
              [119.644217, 27.663619],
              [119.626354, 27.620676],
              [119.630666, 27.582491],
              [119.675014, 27.574534],
              [119.659615, 27.540578],
              [119.690412, 27.537394],
              [119.70889, 27.514042],
              [119.703347, 27.446613],
              [119.685485, 27.438646],
              [119.711354, 27.403054],
              [119.750774, 27.373829],
              [119.739687, 27.362668],
              [119.782187, 27.330241],
              [119.768636, 27.307909],
              [119.843165, 27.300464],
              [119.938636, 27.329709],
              [119.960194, 27.365857],
              [120.008237, 27.375423],
              [120.026099, 27.344063],
              [120.052584, 27.338747],
              [120.096316, 27.390302],
              [120.136968, 27.402523],
              [120.134504, 27.420055],
              [120.221352, 27.420055],
              [120.26262, 27.432804],
              [120.273091, 27.38924],
              [120.340844, 27.399867],
              [120.343924, 27.363199],
              [120.430155, 27.258976],
              [120.401822, 27.250996],
              [120.404286, 27.204166],
              [120.461568, 27.142407],
              [120.403054, 27.10086],
              [120.391967, 27.081146],
              [120.282946, 27.089671],
              [120.29588, 27.035845],
              [120.275554, 27.027315],
              [120.279866, 26.987326],
              [120.25954, 26.982526],
              [120.232439, 26.907303],
              [120.1807, 26.920644],
              [120.117258, 26.916909],
              [120.103707, 26.873143],
              [120.037802, 26.86033],
              [120.042729, 26.828292],
              [120.082765, 26.822417],
              [120.103707, 26.794642],
              [120.136352, 26.797847],
              [120.106787, 26.752966],
              [120.151135, 26.750829],
              [120.162222, 26.717691],
              [120.110483, 26.692563],
              [120.1382, 26.638012],
              [120.093852, 26.613938],
              [120.063671, 26.627848],
              [120.007621, 26.595744],
              [119.967585, 26.597885],
              [119.93802, 26.576478],
              [119.947875, 26.56042],
              [119.867187, 26.509019],
              [119.828383, 26.524013],
              [119.851788, 26.595209],
              [119.901679, 26.624638],
              [119.949107, 26.624638],
              [119.972512, 26.654594],
              [119.969433, 26.686681],
              [119.99407, 26.720363],
              [120.061824, 26.768997],
              [120.052584, 26.786629],
              [119.942947, 26.784492],
              [119.938636, 26.747088],
              [119.899216, 26.693098],
              [119.908455, 26.661547],
              [119.873962, 26.642827],
              [119.864107, 26.671174],
              [119.833926, 26.690959],
              [119.711354, 26.686681],
              [119.664543, 26.726243],
              [119.637441, 26.703256],
              [119.619579, 26.649246],
              [119.577695, 26.622498],
              [119.605412, 26.595744],
              [119.670086, 26.618218],
              [119.740303, 26.610727],
              [119.788346, 26.583435],
              [119.83639, 26.454381],
              [119.835774, 26.434019],
              [119.893672, 26.355752],
              [119.946027, 26.374519],
              [119.95465, 26.352534],
              [119.909687, 26.310161],
              [119.862875, 26.307479],
              [119.845013, 26.323036],
              [119.806825, 26.307479],
              [119.802513, 26.268846],
              [119.7711, 26.285481],
              [119.676246, 26.262943],
              [119.664543, 26.202282],
              [119.604181, 26.168985],
              [119.618963, 26.11956],
              [119.654688, 26.090002],
              [119.668854, 26.026024],
              [119.700267, 26.032477],
              [119.723673, 26.011503],
              [119.69534, 25.904424],
              [119.638057, 25.889888],
              [119.628202, 25.87212],
              [119.626354, 25.723406],
              [119.602949, 25.714779],
              [119.602949, 25.68512],
              [119.543819, 25.684581],
              [119.472986, 25.662466],
              [119.478529, 25.631715],
              [119.541355, 25.6247],
              [119.534579, 25.585303],
              [119.586934, 25.59232],
              [119.616499, 25.556691],
              [119.611572, 25.519972],
              [119.634362, 25.475137],
              [119.675014, 25.475137],
              [119.680557, 25.497827],
              [119.715666, 25.51187],
              [119.716898, 25.551292],
              [119.683637, 25.592859],
              [119.700267, 25.616606],
              [119.784651, 25.667321],
              [119.790194, 25.614447],
              [119.843165, 25.597717],
              [119.831462, 25.579905],
              [119.883817, 25.546432],
              [119.861027, 25.531313],
              [119.81668, 25.532393],
              [119.811136, 25.507009],
              [119.83331, 25.48162],
              [119.864107, 25.48],
              [119.866571, 25.455145],
              [119.804977, 25.457847],
              [119.764325, 25.433529],
              [119.773564, 25.395691],
              [119.688564, 25.441095],
              [119.682405, 25.445959],
              [119.675014, 25.468113],
              [119.622659, 25.434069],
              [119.670086, 25.435691],
              [119.656535, 25.396772],
              [119.665159, 25.3719],
              [119.649144, 25.342697],
              [119.597405, 25.334584],
              [119.582623, 25.374063],
              [119.59063, 25.398394],
              [119.577695, 25.445959],
              [119.555521, 25.429205],
              [119.578927, 25.400556],
              [119.548746, 25.365952],
              [119.486536, 25.369737],
              [119.507478, 25.396231],
              [119.48592, 25.418935],
              [119.491464, 25.443257],
              [119.463131, 25.448661],
              [119.438493, 25.412449],
              [119.45266, 25.493505],
              [119.400921, 25.493505],
              [119.359037, 25.521592],
              [119.343638, 25.472436],
              [119.353493, 25.411908],
              [119.288204, 25.410827],
              [119.26295, 25.428124],
              [119.275269, 25.476758],
              [119.256175, 25.488643],
              [119.219834, 25.468654],
              [119.232153, 25.442176],
              [119.191501, 25.424341],
              [119.151465, 25.426503],
              [119.14469, 25.388121],
              [119.218603, 25.368115],
              [119.240776, 25.316733],
              [119.247552, 25.333502],
              [119.299291, 25.328634],
              [119.333167, 25.287516],
              [119.380595, 25.250173],
              [119.331935, 25.230685],
              [119.294979, 25.237182],
              [119.314689, 25.190076],
              [119.26911, 25.159746],
              [119.231537, 25.188993],
              [119.190269, 25.175995],
              [119.131755, 25.223106],
              [119.108349, 25.193867],
              [119.137299, 25.15487],
              [119.165632, 25.145661],
              [119.146538, 25.056782],
              [119.119436, 25.012861],
              [119.107118, 25.075214],
              [119.134219, 25.106107],
              [119.075705, 25.099604],
              [119.06585, 25.102855],
              [119.028893, 25.139702],
              [119.032589, 25.17437],
              [119.054147, 25.168412],
              [119.074473, 25.211195],
              [119.055379, 25.219316],
              [118.990089, 25.20199],
              [118.975307, 25.237723],
              [118.996864, 25.266411],
              [118.956212, 25.272905],
              [118.91556, 25.256668],
              [118.940198, 25.21715],
              [118.942046, 25.211195],
              [118.985162, 25.19495],
              [118.985162, 25.168954],
              [118.951901, 25.15162],
              [118.974691, 25.115319],
              [118.892155, 25.092558],
              [118.945126, 25.028588],
              [118.974691, 25.024792],
              [119.016575, 25.058409],
              [119.023966, 25.04377],
              [118.989473, 24.973807],
              [119.004872, 24.970009],
            ],
          ],
          [
            [
              [118.412338, 24.514538],
              [118.451758, 24.506915],
              [118.477012, 24.437738],
              [118.457918, 24.412128],
              [118.405563, 24.427931],
              [118.353208, 24.415398],
              [118.329802, 24.382152],
              [118.282375, 24.413218],
              [118.31194, 24.424661],
              [118.298389, 24.477506],
              [118.318715, 24.486765],
              [118.374766, 24.458986],
              [118.412338, 24.514538],
            ],
          ],
          [
            [
              [119.471138, 25.197116],
              [119.444036, 25.20199],
              [119.44342, 25.238806],
              [119.473601, 25.259916],
              [119.501319, 25.21715],
              [119.540739, 25.20199],
              [119.566608, 25.210112],
              [119.549362, 25.161912],
              [119.52534, 25.157579],
              [119.507478, 25.183036],
              [119.471138, 25.197116],
            ],
          ],
          [
            [
              [119.580159, 25.627398],
              [119.580775, 25.650059],
              [119.611572, 25.669479],
              [119.580159, 25.627398],
            ],
          ],
          [
            [
              [119.976824, 26.191005],
              [119.970665, 26.217852],
              [119.998998, 26.235569],
              [120.016244, 26.217316],
              [119.976824, 26.191005],
            ],
          ],
          [
            [
              [118.230636, 24.401228],
              [118.233716, 24.445911],
              [118.273752, 24.441007],
              [118.230636, 24.401228],
            ],
          ],
          [
            [
              [119.906607, 26.68989],
              [119.950954, 26.692563],
              [119.926933, 26.664756],
              [119.906607, 26.68989],
            ],
          ],
          [
            [
              [118.204151, 24.504737],
              [118.19368, 24.463344],
              [118.143173, 24.420847],
              [118.084042, 24.435559],
              [118.068644, 24.463344],
              [118.093281, 24.540672],
              [118.14502, 24.560814],
              [118.191832, 24.536861],
              [118.204151, 24.504737],
            ],
          ],
          [
            [
              [119.929397, 26.134067],
              [119.919542, 26.172208],
              [119.960194, 26.146961],
              [119.929397, 26.134067],
            ],
          ],
          [
            [
              [119.642985, 26.129231],
              [119.606028, 26.15287],
              [119.62697, 26.173282],
              [119.665159, 26.155556],
              [119.642985, 26.129231],
            ],
          ],
          [
            [
              [120.034106, 26.488667],
              [120.035954, 26.515981],
              [120.071679, 26.521336],
              [120.066751, 26.498308],
              [120.034106, 26.488667],
            ],
          ],
          [
            [
              [119.662079, 25.646822],
              [119.716898, 25.664624],
              [119.718745, 25.634952],
              [119.673782, 25.632794],
              [119.662079, 25.646822],
            ],
          ],
          [
            [
              [119.760629, 26.613402],
              [119.796354, 26.630523],
              [119.818527, 26.616613],
              [119.776644, 26.600025],
              [119.760629, 26.613402],
            ],
          ],
          [
            [
              [120.135736, 26.550784],
              [120.117874, 26.568984],
              [120.153598, 26.604841],
              [120.167149, 26.571661],
              [120.135736, 26.550784],
            ],
          ],
          [
            [
              [120.360554, 26.916909],
              [120.319286, 26.944654],
              [120.327909, 26.963858],
              [120.363018, 26.967592],
              [120.394431, 26.933984],
              [120.360554, 26.916909],
            ],
          ],
          [
            [
              [119.668238, 26.628383],
              [119.651608, 26.657269],
              [119.673782, 26.680799],
              [119.712586, 26.6685],
              [119.748926, 26.681334],
              [119.758781, 26.659408],
              [119.720593, 26.635873],
              [119.668238, 26.628383],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 360000,
        name: '江西省',
        center: [115.892151, 28.676493],
        centroid: [115.732975, 27.636112],
        childrenNum: 11,
        level: 'province',
        subFeatureIndex: 13,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [118.193064, 29.395472],
              [118.205382, 29.343839],
              [118.166578, 29.314099],
              [118.178281, 29.297921],
              [118.138861, 29.283828],
              [118.077883, 29.290614],
              [118.073571, 29.216993],
              [118.042159, 29.210202],
              [118.027992, 29.167882],
              [118.045238, 29.149068],
              [118.037847, 29.102017],
              [118.076035, 29.074822],
              [118.066796, 29.053898],
              [118.097593, 28.998952],
              [118.115455, 29.009944],
              [118.115455, 29.009944],
              [118.133933, 28.983771],
              [118.165346, 28.986912],
              [118.227556, 28.942406],
              [118.195527, 28.904167],
              [118.270056, 28.918836],
              [118.300237, 28.826075],
              [118.364295, 28.813491],
              [118.403099, 28.702791],
              [118.428352, 28.681267],
              [118.428352, 28.617193],
              [118.428352, 28.617193],
              [118.412338, 28.55676],
              [118.4302, 28.515225],
              [118.414802, 28.497344],
              [118.474548, 28.478934],
              [118.456686, 28.424738],
              [118.432048, 28.402104],
              [118.455454, 28.384204],
              [118.480091, 28.327325],
              [118.433896, 28.288335],
              [118.424041, 28.291497],
              [118.314404, 28.221913],
              [118.339041, 28.193962],
              [118.375382, 28.186577],
              [118.361215, 28.155978],
              [118.356288, 28.091586],
              [118.242339, 28.075746],
              [118.199839, 28.049869],
              [118.153644, 28.062016],
              [118.120999, 28.041946],
              [118.129006, 28.017118],
              [118.094513, 28.003909],
              [118.096977, 27.970615],
              [117.999043, 27.991227],
              [117.965166, 27.962687],
              [117.942992, 27.974315],
              [117.910963, 27.949471],
              [117.856145, 27.94577],
              [117.78716, 27.896063],
              [117.788392, 27.855858],
              [117.740348, 27.800286],
              [117.704624, 27.834162],
              [117.68245, 27.823577],
              [117.649805, 27.851625],
              [117.609769, 27.863265],
              [117.556182, 27.966387],
              [117.52169, 27.982243],
              [117.477958, 27.930966],
              [117.453936, 27.939955],
              [117.407741, 27.893948],
              [117.366473, 27.88231],
              [117.341836, 27.855858],
              [117.334444, 27.8876],
              [117.280242, 27.871201],
              [117.276546, 27.847921],
              [117.303031, 27.833103],
              [117.296256, 27.764282],
              [117.245133, 27.71926],
              [117.205097, 27.714492],
              [117.204481, 27.683759],
              [117.174916, 27.677399],
              [117.114554, 27.692238],
              [117.096076, 27.667329],
              [117.11209, 27.645596],
              [117.094228, 27.627569],
              [117.065279, 27.665739],
              [117.040641, 27.669979],
              [117.003685, 27.625449],
              [117.024627, 27.592569],
              [117.01662, 27.563393],
              [117.054808, 27.5427],
              [117.076982, 27.566046],
              [117.103467, 27.533149],
              [117.110242, 27.458828],
              [117.133032, 27.42218],
              [117.107163, 27.393491],
              [117.104699, 27.330773],
              [117.140423, 27.322798],
              [117.136728, 27.303123],
              [117.171836, 27.29036],
              [117.149662, 27.241419],
              [117.044953, 27.146667],
              [117.05296, 27.100327],
              [116.967344, 27.061962],
              [116.936547, 27.019319],
              [116.910062, 27.034779],
              [116.851548, 27.009188],
              [116.817671, 27.018252],
              [116.679085, 26.978259],
              [116.632889, 26.933984],
              [116.602092, 26.888623],
              [116.548506, 26.84004],
              [116.543578, 26.803723],
              [116.557745, 26.773806],
              [116.515245, 26.720898],
              [116.520172, 26.684543],
              [116.566368, 26.650315],
              [116.553433, 26.575942],
              [116.539267, 26.559349],
              [116.597165, 26.512768],
              [116.610716, 26.476882],
              [116.638433, 26.477418],
              [116.608252, 26.429732],
              [116.601476, 26.372911],
              [116.553433, 26.365404],
              [116.553433, 26.400253],
              [116.519557, 26.410437],
              [116.499846, 26.361651],
              [116.459194, 26.345026],
              [116.437021, 26.308016],
              [116.412999, 26.297822],
              [116.385282, 26.238253],
              [116.400064, 26.202819],
              [116.392057, 26.171133],
              [116.435789, 26.159854],
              [116.476441, 26.172745],
              [116.489375, 26.113649],
              [116.384666, 26.030864],
              [116.360028, 25.991601],
              [116.369883, 25.963088],
              [116.326152, 25.956631],
              [116.303362, 25.924341],
              [116.258398, 25.902809],
              [116.225138, 25.908731],
              [116.17771, 25.894195],
              [116.132131, 25.860273],
              [116.131515, 25.824185],
              [116.18079, 25.778926],
              [116.129667, 25.758985],
              [116.106877, 25.701299],
              [116.067457, 25.703995],
              [116.068689, 25.646282],
              [116.041588, 25.62416],
              [116.063145, 25.56317],
              [116.040356, 25.548052],
              [116.03666, 25.514571],
              [116.005247, 25.490264],
              [116.023109, 25.435691],
              [115.992928, 25.374063],
              [116.008327, 25.319437],
              [115.987385, 25.290221],
              [115.949813, 25.292386],
              [115.930719, 25.236099],
              [115.855574, 25.20957],
              [115.860501, 25.165704],
              [115.888219, 25.128866],
              [115.880212, 25.092016],
              [115.908545, 25.084428],
              [115.928255, 25.050276],
              [115.873436, 25.019911],
              [115.925175, 24.960786],
              [115.870356, 24.959701],
              [115.89253, 24.936911],
              [115.885139, 24.898918],
              [115.907313, 24.879917],
              [115.861733, 24.863629],
              [115.863581, 24.891318],
              [115.824161, 24.909232],
              [115.807531, 24.862543],
              [115.790284, 24.856027],
              [115.764415, 24.791933],
              [115.776734, 24.774546],
              [115.756408, 24.749004],
              [115.769342, 24.708236],
              [115.801371, 24.705517],
              [115.780429, 24.663103],
              [115.797676, 24.628834],
              [115.840791, 24.584217],
              [115.843871, 24.562446],
              [115.785357, 24.567345],
              [115.752712, 24.546116],
              [115.68927, 24.545027],
              [115.671408, 24.604895],
              [115.605503, 24.62557],
              [115.569778, 24.622306],
              [115.555611, 24.683768],
              [115.522967, 24.702799],
              [115.476771, 24.762591],
              [115.412714, 24.79302],
              [115.372678, 24.774546],
              [115.358511, 24.735416],
              [115.306772, 24.758787],
              [115.269816, 24.749548],
              [115.258729, 24.728894],
              [115.1842, 24.711498],
              [115.104744, 24.667997],
              [115.083802, 24.699537],
              [115.057317, 24.703343],
              [115.024672, 24.669085],
              [115.00373, 24.679418],
              [114.940288, 24.650049],
              [114.909491, 24.661471],
              [114.893477, 24.582584],
              [114.868839, 24.562446],
              [114.846665, 24.602719],
              [114.827571, 24.588026],
              [114.781376, 24.613057],
              [114.729637, 24.608704],
              [114.73826, 24.565168],
              [114.704999, 24.525973],
              [114.664963, 24.583673],
              [114.627391, 24.576598],
              [114.589819, 24.537406],
              [114.534384, 24.559181],
              [114.429058, 24.48622],
              [114.403189, 24.497657],
              [114.391486, 24.563535],
              [114.363769, 24.582584],
              [114.300943, 24.578775],
              [114.289856, 24.619042],
              [114.258443, 24.641346],
              [114.19069, 24.656576],
              [114.169132, 24.689749],
              [114.27261, 24.700624],
              [114.281849, 24.724001],
              [114.336052, 24.749004],
              [114.342211, 24.807145],
              [114.378551, 24.861457],
              [114.403189, 24.877746],
              [114.395798, 24.951019],
              [114.454928, 24.977062],
              [114.45616, 24.99659],
              [114.506051, 24.999844],
              [114.532536, 25.022623],
              [114.561485, 25.077382],
              [114.604601, 25.083886],
              [114.640326, 25.074129],
              [114.664963, 25.10123],
              [114.735796, 25.121822],
              [114.73518, 25.155954],
              [114.685905, 25.173287],
              [114.693912, 25.213902],
              [114.73518, 25.225813],
              [114.743188, 25.274528],
              [114.714238, 25.315651],
              [114.63663, 25.324306],
              [114.599674, 25.385959],
              [114.541159, 25.416773],
              [114.477718, 25.37136],
              [114.438914, 25.376226],
              [114.43029, 25.343779],
              [114.382863, 25.317274],
              [114.31511, 25.33837],
              [114.2954, 25.299961],
              [114.260291, 25.291845],
              [114.204857, 25.29942],
              [114.190074, 25.316733],
              [114.115545, 25.302125],
              [114.083517, 25.275611],
              [114.055799, 25.277775],
              [114.039785, 25.250714],
              [114.017611, 25.273987],
              [114.029314, 25.328093],
              [114.050256, 25.36433],
              [113.983118, 25.415152],
              [114.003444, 25.442716],
              [113.94493, 25.441635],
              [113.962792, 25.528072],
              [113.986198, 25.529153],
              [113.983118, 25.599336],
              [113.957249, 25.611749],
              [113.913517, 25.701299],
              [113.920293, 25.741197],
              [113.961561, 25.77731],
              [113.971416, 25.836036],
              [114.028082, 25.893119],
              [114.028082, 25.98138],
              [114.008372, 26.015806],
              [114.044096, 26.076564],
              [114.087828, 26.06635],
              [114.121089, 26.085702],
              [114.10569, 26.097526],
              [114.188842, 26.121172],
              [114.237501, 26.152333],
              [114.216559, 26.203355],
              [114.181451, 26.214631],
              [114.102611, 26.187783],
              [114.088444, 26.168448],
              [114.013299, 26.184023],
              [113.962792, 26.150722],
              [113.949242, 26.192616],
              [113.972647, 26.20604],
              [113.978807, 26.237716],
              [114.029314, 26.266163],
              [114.021307, 26.288701],
              [114.047792, 26.337518],
              [114.030546, 26.376664],
              [114.062575, 26.406149],
              [114.085364, 26.406149],
              [114.090292, 26.455988],
              [114.110002, 26.482775],
              [114.07243, 26.480096],
              [114.10877, 26.56952],
              [114.019459, 26.587182],
              [113.996669, 26.615543],
              [113.912901, 26.613938],
              [113.860546, 26.664221],
              [113.853771, 26.769532],
              [113.835909, 26.806394],
              [113.877177, 26.859262],
              [113.890112, 26.895562],
              [113.927068, 26.948922],
              [113.892575, 26.964925],
              [113.86301, 27.018252],
              [113.824206, 27.036378],
              [113.803264, 27.099261],
              [113.771851, 27.096598],
              [113.779242, 27.137081],
              [113.846996, 27.222262],
              [113.872865, 27.289828],
              [113.854387, 27.30525],
              [113.872865, 27.346721],
              [113.872865, 27.384988],
              [113.72812, 27.350442],
              [113.699786, 27.331836],
              [113.657902, 27.347253],
              [113.616635, 27.345658],
              [113.605548, 27.38924],
              [113.632033, 27.40518],
              [113.59754, 27.428554],
              [113.591381, 27.467855],
              [113.627105, 27.49971],
              [113.583374, 27.524657],
              [113.579062, 27.545354],
              [113.608627, 27.585143],
              [113.607395, 27.625449],
              [113.652359, 27.663619],
              [113.696707, 27.71979],
              [113.69917, 27.740979],
              [113.763228, 27.799228],
              [113.756453, 27.860091],
              [113.72812, 27.874904],
              [113.752141, 27.93361],
              [113.822974, 27.982243],
              [113.845148, 27.971672],
              [113.864242, 28.004966],
              [113.914133, 27.991227],
              [113.936307, 28.018703],
              [113.966488, 28.017646],
              [113.970184, 28.041418],
              [114.025618, 28.031382],
              [114.047176, 28.057263],
              [114.025002, 28.080499],
              [113.992357, 28.161255],
              [114.012068, 28.174972],
              [114.068734, 28.171806],
              [114.107538, 28.182885],
              [114.109386, 28.205038],
              [114.143879, 28.246694],
              [114.182067, 28.249858],
              [114.198081, 28.29097],
              [114.2529, 28.319423],
              [114.252284, 28.395787],
              [114.214712, 28.403157],
              [114.172212, 28.432632],
              [114.217175, 28.466308],
              [114.218407, 28.48472],
              [114.15435, 28.507337],
              [114.138335, 28.533629],
              [114.08598, 28.558337],
              [114.132176, 28.607211],
              [114.122321, 28.623497],
              [114.157429, 28.761566],
              [114.137719, 28.779926],
              [114.153734, 28.829221],
              [114.124784, 28.843376],
              [114.076741, 28.834464],
              [114.056415, 28.872204],
              [114.060111, 28.902596],
              [114.028082, 28.891069],
              [114.005292, 28.917788],
              [114.008988, 28.955498],
              [113.973879, 28.937692],
              [113.955401, 28.978536],
              [113.961561, 28.999476],
              [113.94185, 29.047097],
              [113.952321, 29.092604],
              [113.98743, 29.126068],
              [114.034857, 29.152204],
              [114.063191, 29.204978],
              [114.169748, 29.216993],
              [114.252284, 29.23475],
              [114.259059, 29.343839],
              [114.307102, 29.365225],
              [114.341595, 29.327665],
              [114.376088, 29.322969],
              [114.440145, 29.341752],
              [114.466015, 29.324013],
              [114.519602, 29.325578],
              [114.589819, 29.352707],
              [114.621847, 29.379828],
              [114.67297, 29.395993],
              [114.740724, 29.386607],
              [114.759818, 29.363139],
              [114.784455, 29.386086],
              [114.812173, 29.383478],
              [114.866375, 29.404335],
              [114.895325, 29.397557],
              [114.931049, 29.422581],
              [114.947063, 29.465317],
              [114.935977, 29.486678],
              [114.90518, 29.473132],
              [114.918114, 29.454374],
              [114.888549, 29.436134],
              [114.860216, 29.476258],
              [114.900868, 29.505951],
              [114.940288, 29.493971],
              [114.966773, 29.522096],
              [114.947679, 29.542924],
              [115.00065, 29.572076],
              [115.033295, 29.546568],
              [115.087498, 29.560104],
              [115.086266, 29.525741],
              [115.154019, 29.510117],
              [115.157099, 29.584568],
              [115.120142, 29.597578],
              [115.143548, 29.645961],
              [115.117679, 29.655843],
              [115.113367, 29.684963],
              [115.176809, 29.654803],
              [115.250722, 29.660003],
              [115.28583, 29.618391],
              [115.304924, 29.637118],
              [115.355431, 29.649602],
              [115.412714, 29.688602],
              [115.470612, 29.739539],
              [115.479235, 29.811224],
              [115.51188, 29.840299],
              [115.611662, 29.841337],
              [115.667712, 29.850161],
              [115.706517, 29.837703],
              [115.762567, 29.793048],
              [115.837096, 29.748373],
              [115.909777, 29.723949],
              [115.965827, 29.724469],
              [116.049595, 29.761881],
              [116.087167, 29.795125],
              [116.13521, 29.819532],
              [116.172783, 29.828358],
              [116.227601, 29.816936],
              [116.250391, 29.785777],
              [116.280572, 29.788893],
              [116.342782, 29.835626],
              [116.467818, 29.896347],
              [116.525716, 29.897385],
              [116.552201, 29.909836],
              [116.585462, 30.045657],
              [116.620571, 30.073109],
              [116.666766, 30.076734],
              [116.720353, 30.053945],
              [116.747454, 30.057053],
              [116.783794, 30.030632],
              [116.802889, 29.99643],
              [116.830606, 30.004723],
              [116.83307, 29.95755],
              [116.868794, 29.980361],
              [116.900207, 29.949253],
              [116.882961, 29.893753],
              [116.780715, 29.792529],
              [116.762237, 29.802396],
              [116.673541, 29.709916],
              [116.653831, 29.694841],
              [116.680317, 29.681323],
              [116.651983, 29.637118],
              [116.716657, 29.590813],
              [116.721585, 29.564789],
              [116.760389, 29.599139],
              [116.780715, 29.569994],
              [116.849084, 29.57624],
              [116.873722, 29.609546],
              [116.939627, 29.648561],
              [116.974736, 29.657403],
              [116.996294, 29.683403],
              [117.041873, 29.680803],
              [117.112706, 29.711995],
              [117.108395, 29.75201],
              [117.136728, 29.775388],
              [117.123177, 29.798761],
              [117.073286, 29.831992],
              [117.127489, 29.86158],
              [117.129952, 29.89946],
              [117.171836, 29.920729],
              [117.2168, 29.926953],
              [117.246365, 29.915023],
              [117.261763, 29.880781],
              [117.25314, 29.834588],
              [117.29256, 29.822647],
              [117.338756, 29.848085],
              [117.359082, 29.812782],
              [117.382487, 29.840818],
              [117.415132, 29.85068],
              [117.408973, 29.802396],
              [117.455168, 29.749412],
              [117.453936, 29.688082],
              [117.490277, 29.660003],
              [117.530313, 29.654282],
              [117.523538, 29.630356],
              [117.543248, 29.588731],
              [117.608537, 29.591333],
              [117.647957, 29.614749],
              [117.678754, 29.595496],
              [117.690457, 29.555939],
              [117.729877, 29.550213],
              [117.795167, 29.570515],
              [117.872775, 29.54761],
              [117.933753, 29.549172],
              [118.00397, 29.578322],
              [118.042774, 29.566351],
              [118.050782, 29.542924],
              [118.095129, 29.534072],
              [118.143788, 29.489803],
              [118.127774, 29.47209],
              [118.136397, 29.418932],
              [118.193064, 29.395472],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 370000,
        name: '山东省',
        center: [117.000923, 36.675807],
        centroid: [118.187667, 36.376018],
        childrenNum: 16,
        level: 'province',
        subFeatureIndex: 14,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [116.374195, 34.640011],
              [116.334159, 34.620806],
              [116.32492, 34.601104],
              [116.286116, 34.608986],
              [116.247927, 34.551829],
              [116.196804, 34.575977],
              [116.156768, 34.5538],
              [116.134594, 34.559715],
              [116.101334, 34.60603],
              [116.037276, 34.593222],
              [115.991081, 34.615389],
              [115.984305, 34.589281],
              [115.838328, 34.5676],
              [115.827241, 34.558236],
              [115.787821, 34.580905],
              [115.697278, 34.594207],
              [115.685575, 34.556265],
              [115.622749, 34.574499],
              [115.553148, 34.568586],
              [115.515575, 34.582383],
              [115.461373, 34.637057],
              [115.433655, 34.725149],
              [115.449054, 34.74433],
              [115.42688, 34.805285],
              [115.317243, 34.859321],
              [115.256265, 34.845079],
              [115.239019, 34.87798],
              [115.251953, 34.906451],
              [115.205142, 34.914303],
              [115.219309, 34.96042],
              [115.157099, 34.957968],
              [115.12815, 35.00455],
              [115.075179, 35.000628],
              [115.028983, 34.9717],
              [115.008041, 34.988372],
              [114.950759, 34.989843],
              [114.923658, 34.968757],
              [114.880542, 35.00357],
              [114.824492, 35.012393],
              [114.852209, 35.041797],
              [114.818948, 35.051596],
              [114.835578, 35.076578],
              [114.883006, 35.098615],
              [114.841738, 35.15099],
              [114.861448, 35.182301],
              [114.932281, 35.198441],
              [114.929201, 35.244886],
              [114.957534, 35.261014],
              [115.04315, 35.376744],
              [115.073947, 35.374304],
              [115.091809, 35.416259],
              [115.117679, 35.400163],
              [115.126302, 35.41821],
              [115.172497, 35.426501],
              [115.237171, 35.423087],
              [115.307388, 35.480126],
              [115.356047, 35.490359],
              [115.34496, 35.55368],
              [115.383148, 35.568772],
              [115.48601, 35.710306],
              [115.52851, 35.733628],
              [115.622749, 35.739457],
              [115.693582, 35.754028],
              [115.696046, 35.788989],
              [115.73485, 35.833154],
              [115.773654, 35.854014],
              [115.81677, 35.844312],
              [115.859886, 35.857894],
              [115.882675, 35.879718],
              [115.873436, 35.918985],
              [115.907929, 35.92674],
              [115.911624, 35.960171],
              [115.984921, 35.974218],
              [116.048979, 35.970343],
              [116.063145, 36.028927],
              [116.099486, 36.112129],
              [116.057602, 36.104877],
              [115.989849, 36.045381],
              [115.89869, 36.026507],
              [115.859886, 36.003756],
              [115.817386, 36.012954],
              [115.779813, 35.993588],
              [115.774886, 35.974702],
              [115.699125, 35.966468],
              [115.648618, 35.922863],
              [115.583945, 35.921893],
              [115.513112, 35.890385],
              [115.505104, 35.899112],
              [115.495249, 35.896203],
              [115.487858, 35.880688],
              [115.460141, 35.867594],
              [115.407786, 35.80889],
              [115.363438, 35.779765],
              [115.335105, 35.796756],
              [115.364054, 35.894264],
              [115.353583, 35.938854],
              [115.362822, 35.971796],
              [115.447822, 36.01247],
              [115.449054, 36.047317],
              [115.484163, 36.125666],
              [115.483547, 36.148865],
              [115.474923, 36.248352],
              [115.466916, 36.258969],
              [115.466916, 36.258969],
              [115.462605, 36.276339],
              [115.417025, 36.292742],
              [115.423185, 36.32216],
              [115.366518, 36.30914],
              [115.368982, 36.342409],
              [115.340033, 36.398307],
              [115.297533, 36.413239],
              [115.317243, 36.454166],
              [115.291374, 36.460423],
              [115.272895, 36.497476],
              [115.33141, 36.550378],
              [115.355431, 36.627262],
              [115.365902, 36.621979],
              [115.420105, 36.686795],
              [115.451518, 36.702151],
              [115.479851, 36.760187],
              [115.524815, 36.763543],
              [115.686807, 36.810034],
              [115.688654, 36.838777],
              [115.71206, 36.883308],
              [115.75764, 36.902453],
              [115.79706, 36.968945],
              [115.776734, 36.992848],
              [115.85619, 37.060694],
              [115.888219, 37.112254],
              [115.879596, 37.150901],
              [115.91224, 37.177132],
              [115.909777, 37.20669],
              [115.969523, 37.239572],
              [115.975682, 37.337179],
              [116.024341, 37.360015],
              [116.085935, 37.373809],
              [116.106261, 37.368577],
              [116.169087, 37.384271],
              [116.193109, 37.365723],
              [116.236224, 37.361442],
              [116.2855, 37.404241],
              [116.226369, 37.428007],
              [116.243, 37.447965],
              [116.224522, 37.479791],
              [116.240536, 37.489764],
              [116.240536, 37.489764],
              [116.27626, 37.466967],
              [116.290427, 37.484065],
              [116.278724, 37.524895],
              [116.295355, 37.554316],
              [116.336007, 37.581355],
              [116.36742, 37.566177],
              [116.379738, 37.522047],
              [116.38097, 37.522522],
              [116.379738, 37.522047],
              [116.38097, 37.522522],
              [116.433941, 37.473142],
              [116.448108, 37.503059],
              [116.4826, 37.521573],
              [116.575607, 37.610754],
              [116.604556, 37.624975],
              [116.66307, 37.686096],
              [116.679085, 37.728708],
              [116.724664, 37.744327],
              [116.753613, 37.77035],
              [116.753613, 37.793054],
              [116.804736, 37.848837],
              [116.837997, 37.835132],
              [116.919301, 37.846002],
              [117.027091, 37.832296],
              [117.074518, 37.848837],
              [117.150278, 37.839385],
              [117.185387, 37.849783],
              [117.271618, 37.839858],
              [117.320278, 37.861596],
              [117.400966, 37.844584],
              [117.438538, 37.854035],
              [117.481038, 37.914967],
              [117.513067, 37.94329],
              [117.524154, 37.989527],
              [117.557414, 38.046105],
              [117.557414, 38.046105],
              [117.586979, 38.071551],
              [117.704624, 38.076262],
              [117.746508, 38.12524],
              [117.771145, 38.134655],
              [117.766834, 38.158658],
              [117.789007, 38.180772],
              [117.808718, 38.22827],
              [117.848754, 38.255062],
              [117.895565, 38.301572],
              [117.896797, 38.279495],
              [118.018753, 38.202409],
              [118.045238, 38.214165],
              [118.112376, 38.210403],
              [118.177665, 38.186417],
              [118.217085, 38.146893],
              [118.331034, 38.12524],
              [118.404331, 38.121003],
              [118.431432, 38.106406],
              [118.44991, 38.124299],
              [118.504729, 38.11394],
              [118.534294, 38.063541],
              [118.552156, 38.05553],
              [118.597736, 38.079088],
              [118.607591, 38.129006],
              [118.626069, 38.138421],
              [118.703677, 38.151129],
              [118.811467, 38.157717],
              [118.908169, 38.139362],
              [118.974075, 38.094162],
              [119.001792, 37.99613],
              [119.110813, 37.921577],
              [119.12806, 37.847892],
              [119.16132, 37.81906],
              [119.212443, 37.838913],
              [119.24016, 37.878131],
              [119.291899, 37.869627],
              [119.309146, 37.805349],
              [119.280197, 37.692726],
              [119.262334, 37.660517],
              [119.236465, 37.651988],
              [119.153313, 37.655305],
              [119.023966, 37.642037],
              [118.988857, 37.620709],
              [118.939582, 37.527268],
              [118.942662, 37.497361],
              [119.001176, 37.31862],
              [119.03998, 37.30434],
              [119.054147, 37.254816],
              [119.084328, 37.239572],
              [119.091103, 37.257674],
              [119.12806, 37.254816],
              [119.136683, 37.230995],
              [119.204436, 37.280058],
              [119.190885, 37.25958],
              [119.2069, 37.223371],
              [119.298675, 37.197156],
              [119.301138, 37.139452],
              [119.327624, 37.115595],
              [119.361501, 37.125616],
              [119.428022, 37.125616],
              [119.489616, 37.134681],
              [119.576463, 37.127524],
              [119.678709, 37.158056],
              [119.698419, 37.127047],
              [119.744615, 37.135158],
              [119.83023, 37.225754],
              [119.865339, 37.233854],
              [119.89244, 37.263866],
              [119.883201, 37.311004],
              [119.837006, 37.346695],
              [119.843781, 37.376662],
              [119.926933, 37.386649],
              [119.949723, 37.419927],
              [120.010085, 37.442263],
              [120.064903, 37.448915],
              [120.086461, 37.465067],
              [120.144359, 37.481691],
              [120.222584, 37.532963],
              [120.246605, 37.556689],
              [120.208417, 37.588469],
              [120.215192, 37.621183],
              [120.272475, 37.636824],
              [120.269395, 37.658622],
              [120.22012, 37.671886],
              [120.227511, 37.693673],
              [120.367945, 37.697935],
              [120.454793, 37.757576],
              [120.517619, 37.750005],
              [120.590915, 37.7642],
              [120.634031, 37.796364],
              [120.656821, 37.793054],
              [120.733197, 37.833714],
              [120.839139, 37.82426],
              [120.845298, 37.826623],
              [120.874863, 37.833241],
              [120.940769, 37.819533],
              [120.943233, 37.785486],
              [120.994356, 37.759468],
              [121.037471, 37.718767],
              [121.136022, 37.723501],
              [121.160043, 37.698882],
              [121.142797, 37.661464],
              [121.161891, 37.646302],
              [121.148956, 37.626397],
              [121.17421, 37.597479],
              [121.217326, 37.582778],
              [121.304789, 37.582778],
              [121.358376, 37.597479],
              [121.349137, 37.635403],
              [121.391021, 37.625449],
              [121.435368, 37.592737],
              [121.395948, 37.589891],
              [121.400876, 37.557638],
              [121.460006, 37.522522],
              [121.477252, 37.475992],
              [121.571491, 37.441313],
              [121.575802, 37.460317],
              [121.635548, 37.494037],
              [121.66573, 37.473617],
              [121.772903, 37.466492],
              [121.923808, 37.473142],
              [121.997721, 37.494512],
              [122.017431, 37.531065],
              [122.075329, 37.540556],
              [122.08888, 37.554316],
              [122.150474, 37.557163],
              [122.163408, 37.519199],
              [122.131996, 37.49926],
              [122.166488, 37.438937],
              [122.194205, 37.456041],
              [122.25272, 37.467917],
              [122.287212, 37.445114],
              [122.281053, 37.430858],
              [122.337103, 37.414223],
              [122.41656, 37.414699],
              [122.487393, 37.43466],
              [122.4954, 37.413748],
              [122.553914, 37.407093],
              [122.641377, 37.428482],
              [122.67587, 37.413273],
              [122.701739, 37.418501],
              [122.714058, 37.392355],
              [122.6925, 37.373809],
              [122.650616, 37.388551],
              [122.607501, 37.364296],
              [122.611196, 37.339558],
              [122.573624, 37.296247],
              [122.567465, 37.25958],
              [122.592718, 37.261485],
              [122.624131, 37.190959],
              [122.573624, 37.176178],
              [122.581015, 37.147562],
              [122.533588, 37.153286],
              [122.484313, 37.128956],
              [122.478769, 37.058784],
              [122.467067, 37.037289],
              [122.494168, 37.033945],
              [122.575472, 37.054485],
              [122.583479, 37.037289],
              [122.544675, 37.004797],
              [122.55761, 36.968467],
              [122.532356, 36.901496],
              [122.48924, 36.886659],
              [122.483081, 36.913938],
              [122.434422, 36.914416],
              [122.457212, 36.868946],
              [122.383915, 36.865595],
              [122.378371, 36.844525],
              [122.344495, 36.828239],
              [122.280437, 36.835904],
              [122.275509, 36.83734],
              [122.220691, 36.848835],
              [122.174495, 36.842609],
              [122.188662, 36.866073],
              [122.175727, 36.894317],
              [122.119677, 36.891924],
              [122.141235, 36.938337],
              [122.124604, 36.944077],
              [122.115981, 36.94025],
              [122.093191, 36.913938],
              [122.051923, 36.904846],
              [122.042684, 36.871819],
              [122.008808, 36.96225],
              [121.965076, 36.938337],
              [121.927504, 36.932597],
              [121.767975, 36.874691],
              [121.762432, 36.84644],
              [121.726092, 36.826323],
              [121.6762, 36.819137],
              [121.631853, 36.80093],
              [121.651563, 36.723739],
              [121.556092, 36.764502],
              [121.575186, 36.740047],
              [121.532071, 36.73621],
              [121.485259, 36.786073],
              [121.548701, 36.807638],
              [121.565331, 36.830635],
              [121.506817, 36.803805],
              [121.496962, 36.795179],
              [121.454462, 36.752515],
              [121.3941, 36.738129],
              [121.400876, 36.701191],
              [121.35776, 36.713186],
              [121.31218, 36.702151],
              [121.29863, 36.702151],
              [121.251818, 36.671436],
              [121.161275, 36.651273],
              [121.078123, 36.607568],
              [121.028848, 36.572971],
              [120.955551, 36.575855],
              [120.926602, 36.611892],
              [120.882255, 36.627262],
              [120.847146, 36.618617],
              [120.884718, 36.601323],
              [120.909972, 36.568645],
              [120.962327, 36.562877],
              [120.983269, 36.546051],
              [120.95432, 36.507578],
              [120.965407, 36.466199],
              [120.938305, 36.447908],
              [120.90874, 36.450315],
              [120.919827, 36.419018],
              [120.871784, 36.36699],
              [120.848994, 36.403124],
              [120.858849, 36.424797],
              [120.828668, 36.46668],
              [120.759683, 36.46283],
              [120.694393, 36.390118],
              [120.744284, 36.327946],
              [120.66298, 36.331803],
              [120.653741, 36.282129],
              [120.686386, 36.279234],
              [120.696857, 36.15563],
              [120.712255, 36.126632],
              [120.672835, 36.130016],
              [120.64327, 36.114547],
              [120.615553, 36.120348],
              [120.593995, 36.100525],
              [120.546568, 36.107778],
              [120.546568, 36.091821],
              [120.468959, 36.087952],
              [120.429539, 36.056994],
              [120.370409, 36.053607],
              [120.289721, 36.059413],
              [120.35809, 36.174956],
              [120.362402, 36.196209],
              [120.319902, 36.232423],
              [120.297112, 36.225664],
              [120.310047, 36.185101],
              [120.263236, 36.182202],
              [120.260772, 36.198624],
              [120.224432, 36.19138],
              [120.22012, 36.209248],
              [120.181316, 36.203936],
              [120.140664, 36.173507],
              [120.142512, 36.143549],
              [120.108635, 36.127599],
              [120.116642, 36.102943],
              [120.152367, 36.095206],
              [120.181316, 36.066669],
              [120.239214, 36.062316],
              [120.234902, 36.030863],
              [120.198562, 35.995525],
              [120.257076, 36.025055],
              [120.249069, 35.992136],
              [120.285409, 36.01247],
              [120.289721, 36.017311],
              [120.316206, 36.002304],
              [120.30512, 35.971796],
              [120.265699, 35.966468],
              [120.209033, 35.917531],
              [120.202258, 35.89184],
              [120.169613, 35.888446],
              [120.207801, 35.947575],
              [120.152983, 35.907353],
              [120.125265, 35.906868],
              [120.112331, 35.885052],
              [120.064287, 35.873414],
              [120.032258, 35.812288],
              [120.049505, 35.786562],
              [120.01378, 35.714193],
              [119.958346, 35.760342],
              [119.926317, 35.759856],
              [119.920157, 35.739943],
              [119.950339, 35.729741],
              [119.91215, 35.660725],
              [119.925085, 35.637382],
              [119.868419, 35.60868],
              [119.83023, 35.620357],
              [119.824071, 35.646136],
              [119.792658, 35.615492],
              [119.800665, 35.581915],
              [119.752622, 35.588729],
              [119.75139, 35.617924],
              [119.718129, 35.615492],
              [119.662079, 35.589215],
              [119.663311, 35.562931],
              [119.618963, 35.459655],
              [119.579543, 35.406504],
              [119.590014, 35.37284],
              [119.543819, 35.347949],
              [119.538275, 35.296678],
              [119.493312, 35.318655],
              [119.450812, 35.285443],
              [119.411392, 35.231689],
              [119.397841, 35.137777],
              [119.428022, 35.121136],
              [119.373819, 35.078538],
              [119.354109, 35.080007],
              [119.306066, 35.076578],
              [119.286972, 35.115261],
              [119.250016, 35.124562],
              [119.217371, 35.106939],
              [119.137915, 35.096167],
              [119.114509, 35.055026],
              [119.027045, 35.055516],
              [118.942662, 35.040817],
              [118.928495, 35.051106],
              [118.86259, 35.025626],
              [118.860742, 34.944233],
              [118.805307, 34.87307],
              [118.80038, 34.843114],
              [118.772047, 34.794474],
              [118.739402, 34.792508],
              [118.719076, 34.745313],
              [118.764039, 34.740396],
              [118.783749, 34.723181],
              [118.739402, 34.693663],
              [118.690127, 34.678408],
              [118.664257, 34.693663],
              [118.607591, 34.694155],
              [118.601431, 34.714327],
              [118.545997, 34.705964],
              [118.460997, 34.656258],
              [118.473932, 34.623269],
              [118.439439, 34.626223],
              [118.424657, 34.595193],
              [118.439439, 34.507949],
              [118.416034, 34.473914],
              [118.404947, 34.427525],
              [118.379693, 34.415183],
              [118.290382, 34.424563],
              [118.277447, 34.404814],
              [118.220165, 34.405802],
              [118.217701, 34.379134],
              [118.179513, 34.379628],
              [118.177665, 34.45319],
              [118.132702, 34.483287],
              [118.16473, 34.50499],
              [118.185056, 34.543942],
              [118.079115, 34.569571],
              [118.114839, 34.614404],
              [118.084042, 34.655766],
              [118.053861, 34.650843],
              [117.951615, 34.678408],
              [117.909732, 34.670533],
              [117.902956, 34.644443],
              [117.793935, 34.651827],
              [117.791471, 34.583368],
              [117.801942, 34.518798],
              [117.684298, 34.547392],
              [117.659044, 34.501044],
              [117.609769, 34.490686],
              [117.592523, 34.462566],
              [117.53832, 34.467006],
              [117.465023, 34.484767],
              [117.402813, 34.550843],
              [117.402813, 34.569571],
              [117.362777, 34.589281],
              [117.325205, 34.573021],
              [117.325205, 34.573021],
              [117.32151, 34.566614],
              [117.32151, 34.566614],
              [117.311654, 34.561686],
              [117.311654, 34.561686],
              [117.267307, 34.528659],
              [117.27285, 34.499565],
              [117.252524, 34.48674],
              [117.248213, 34.451216],
              [117.166293, 34.434435],
              [117.139191, 34.526687],
              [117.15151, 34.559222],
              [117.104083, 34.648874],
              [117.073286, 34.639026],
              [117.061583, 34.675947],
              [117.070206, 34.713835],
              [117.022163, 34.759081],
              [116.969192, 34.771864],
              [116.95133, 34.81069],
              [116.979047, 34.815113],
              [116.966113, 34.844588],
              [116.929156, 34.843114],
              [116.922381, 34.894671],
              [116.858323, 34.928533],
              [116.821983, 34.929515],
              [116.809048, 34.968757],
              [116.781947, 34.961891],
              [116.781331, 34.916757],
              [116.677853, 34.939327],
              [116.622418, 34.939818],
              [116.613795, 34.922645],
              [116.557745, 34.908905],
              [116.445028, 34.895652],
              [116.408071, 34.850972],
              [116.403144, 34.756131],
              [116.369267, 34.749247],
              [116.363724, 34.715311],
              [116.392057, 34.710391],
              [116.374195, 34.640011],
            ],
          ],
          [
            [
              [120.729502, 37.947065],
              [120.76461, 37.923937],
              [120.76461, 37.895134],
              [120.721495, 37.917328],
              [120.729502, 37.947065],
            ],
          ],
          [
            [
              [120.692545, 37.983867],
              [120.724574, 37.987641],
              [120.732581, 37.961694],
              [120.692545, 37.983867],
            ],
          ],
          [
            [
              [120.990044, 36.413239],
              [120.950624, 36.414684],
              [120.978341, 36.428649],
              [120.990044, 36.413239],
            ],
          ],
          [
            [
              [120.750444, 38.150188],
              [120.742436, 38.199116],
              [120.7874, 38.158658],
              [120.750444, 38.150188],
            ],
          ],
          [
            [
              [120.918595, 38.345236],
              [120.895189, 38.36307],
              [120.914899, 38.373393],
              [120.918595, 38.345236],
            ],
          ],
          [
            [
              [120.159142, 35.765198],
              [120.172077, 35.785591],
              [120.193019, 35.756942],
              [120.169613, 35.740428],
              [120.159142, 35.765198],
            ],
          ],
          [
            [
              [120.62664, 37.94565],
              [120.602002, 37.978678],
              [120.631567, 37.981037],
              [120.62664, 37.94565],
            ],
          ],
          [
            [
              [120.802183, 38.284193],
              [120.816349, 38.318008],
              [120.848378, 38.305799],
              [120.802183, 38.284193],
            ],
          ],
          [
            [
              [121.489571, 37.577086],
              [121.488955, 37.578035],
              [121.489571, 37.578509],
              [121.489571, 37.577561],
              [121.489571, 37.577086],
            ],
          ],
          [
            [
              [121.485875, 37.578509],
              [121.487723, 37.578509],
              [121.487723, 37.578035],
              [121.485875, 37.578509],
            ],
          ],
          [
            [
              [121.487723, 37.578509],
              [121.488339, 37.578509],
              [121.488955, 37.578509],
              [121.488955, 37.578035],
              [121.487723, 37.577561],
              [121.487723, 37.578509],
            ],
          ],
          [
            [
              [115.495249, 35.896203],
              [115.505104, 35.899112],
              [115.513112, 35.890385],
              [115.487858, 35.880688],
              [115.495249, 35.896203],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 410000,
        name: '河南省',
        center: [113.665412, 34.757975],
        centroid: [113.619748, 33.902617],
        childrenNum: 18,
        level: 'province',
        subFeatureIndex: 15,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [115.5088, 32.468761],
              [115.509416, 32.466741],
              [115.522967, 32.441997],
              [115.57101, 32.419266],
              [115.604271, 32.425833],
              [115.626445, 32.40512],
              [115.657857, 32.428864],
              [115.667712, 32.409667],
              [115.704669, 32.495013],
              [115.742241, 32.476335],
              [115.771806, 32.505108],
              [115.789052, 32.468761],
              [115.861117, 32.537403],
              [115.891298, 32.576243],
              [115.910393, 32.567165],
              [115.8759, 32.542448],
              [115.845719, 32.501575],
              [115.883291, 32.487946],
              [115.865429, 32.458662],
              [115.899306, 32.390971],
              [115.912856, 32.227596],
              [115.941805, 32.166318],
              [115.922095, 32.049725],
              [115.928871, 32.003046],
              [115.909161, 31.94314],
              [115.920248, 31.920285],
              [115.894994, 31.8649],
              [115.893762, 31.832365],
              [115.914704, 31.814567],
              [115.886371, 31.776418],
              [115.851878, 31.786593],
              [115.808147, 31.770313],
              [115.808147, 31.770313],
              [115.767495, 31.78761],
              [115.731154, 31.76726],
              [115.676336, 31.778453],
              [115.553764, 31.69549],
              [115.534054, 31.698545],
              [115.495249, 31.673083],
              [115.476771, 31.643028],
              [115.485394, 31.608885],
              [115.439815, 31.588496],
              [115.415793, 31.525771],
              [115.371446, 31.495668],
              [115.389924, 31.450241],
              [115.373909, 31.405813],
              [115.338801, 31.40428],
              [115.301229, 31.383846],
              [115.250722, 31.392021],
              [115.252569, 31.421646],
              [115.211301, 31.442072],
              [115.218077, 31.515057],
              [115.235939, 31.555354],
              [115.212533, 31.555354],
              [115.16449, 31.604808],
              [115.12507, 31.599201],
              [115.106592, 31.567592],
              [115.114599, 31.530362],
              [115.096121, 31.508425],
              [115.022824, 31.527811],
              [114.995107, 31.471171],
              [114.962462, 31.494648],
              [114.884238, 31.469129],
              [114.870071, 31.479337],
              [114.830035, 31.45892],
              [114.789383, 31.480358],
              [114.778912, 31.520669],
              [114.696376, 31.525771],
              [114.641558, 31.582378],
              [114.61692, 31.585437],
              [114.572572, 31.553824],
              [114.560869, 31.560963],
              [114.547935, 31.623665],
              [114.57134, 31.660858],
              [114.586123, 31.762172],
              [114.549783, 31.766751],
              [114.530688, 31.742834],
              [114.443841, 31.728074],
              [114.403189, 31.746906],
              [114.350218, 31.755557],
              [114.292936, 31.752503],
              [114.235654, 31.833382],
              [114.191922, 31.852192],
              [114.134024, 31.843042],
              [114.119241, 31.805922],
              [114.089676, 31.781506],
              [114.017611, 31.770822],
              [113.988662, 31.749959],
              [113.952321, 31.793714],
              [113.957865, 31.852701],
              [113.914749, 31.877098],
              [113.893807, 31.847109],
              [113.854387, 31.843042],
              [113.830981, 31.87913],
              [113.832213, 31.918761],
              [113.805728, 31.929428],
              [113.817431, 31.964467],
              [113.757685, 31.98985],
              [113.791561, 32.036028],
              [113.728735, 32.083197],
              [113.722576, 32.12426],
              [113.750293, 32.11615],
              [113.782322, 32.184553],
              [113.752757, 32.215951],
              [113.73859, 32.255942],
              [113.749061, 32.272642],
              [113.758301, 32.27669],
              [113.768156, 32.284279],
              [113.768772, 32.30148],
              [113.753989, 32.328286],
              [113.76754, 32.370249],
              [113.735511, 32.410677],
              [113.700402, 32.420782],
              [113.650511, 32.412698],
              [113.624642, 32.36115],
              [113.511925, 32.316654],
              [113.428773, 32.270618],
              [113.376418, 32.298445],
              [113.353628, 32.294904],
              [113.317904, 32.327275],
              [113.333918, 32.336377],
              [113.2366, 32.407141],
              [113.211962, 32.431895],
              [113.158992, 32.410677],
              [113.155912, 32.380863],
              [113.118956, 32.375809],
              [113.107869, 32.398551],
              [113.078919, 32.394508],
              [113.025949, 32.425328],
              [113.000695, 32.41674],
              [112.992072, 32.378336],
              [112.912, 32.390971],
              [112.888594, 32.37682],
              [112.860877, 32.396024],
              [112.776493, 32.358623],
              [112.735841, 32.356095],
              [112.716747, 32.357612],
              [112.645298, 32.368227],
              [112.612037, 32.386928],
              [112.589248, 32.381369],
              [112.545516, 32.404109],
              [112.530733, 32.37682],
              [112.477147, 32.380863],
              [112.448814, 32.34295],
              [112.390915, 32.37126],
              [112.360118, 32.3657],
              [112.328089, 32.321712],
              [112.206133, 32.392992],
              [112.172873, 32.385412],
              [112.150083, 32.411688],
              [112.155626, 32.377326],
              [112.081098, 32.425833],
              [112.063851, 32.474315],
              [112.014576, 32.450077],
              [111.975772, 32.471791],
              [111.948671, 32.51722],
              [111.890157, 32.503089],
              [111.858128, 32.528826],
              [111.808853, 32.536899],
              [111.713382, 32.606497],
              [111.646245, 32.605993],
              [111.640701, 32.634724],
              [111.577875, 32.593388],
              [111.530448, 32.628172],
              [111.513202, 32.674026],
              [111.458383, 32.726402],
              [111.475629, 32.760127],
              [111.41342, 32.757108],
              [111.380159, 32.829049],
              [111.293311, 32.859217],
              [111.276065, 32.903445],
              [111.255123, 32.883846],
              [111.242804, 32.930573],
              [111.273601, 32.971753],
              [111.258819, 33.006389],
              [111.221862, 33.042517],
              [111.152877, 33.039507],
              [111.192913, 33.071609],
              [111.179363, 33.115229],
              [111.146102, 33.12375],
              [111.12824, 33.15532],
              [111.08882, 33.181871],
              [111.045704, 33.169849],
              [111.046936, 33.202905],
              [110.984726, 33.255469],
              [111.025994, 33.330504],
              [111.025994, 33.375495],
              [110.996429, 33.435946],
              [111.02661, 33.467903],
              [111.02661, 33.478386],
              [111.002588, 33.535772],
              [111.00382, 33.578662],
              [110.966864, 33.609071],
              [110.878784, 33.634486],
              [110.823966, 33.685793],
              [110.831973, 33.713675],
              [110.81719, 33.751003],
              [110.782082, 33.796272],
              [110.74143, 33.798759],
              [110.712481, 33.833564],
              [110.66259, 33.85295],
              [110.612083, 33.852453],
              [110.587445, 33.887733],
              [110.628713, 33.910086],
              [110.627481, 33.925482],
              [110.665669, 33.937895],
              [110.671213, 33.966192],
              [110.620706, 34.035652],
              [110.587445, 34.023252],
              [110.591757, 34.101586],
              [110.61393, 34.113478],
              [110.642264, 34.161032],
              [110.621938, 34.177372],
              [110.55788, 34.193214],
              [110.55172, 34.213012],
              [110.507989, 34.217466],
              [110.43962, 34.243196],
              [110.428533, 34.288203],
              [110.451938, 34.292653],
              [110.503677, 34.33714],
              [110.473496, 34.393457],
              [110.403279, 34.433448],
              [110.403279, 34.433448],
              [110.360779, 34.516825],
              [110.372482, 34.544435],
              [110.404511, 34.557743],
              [110.366939, 34.566614],
              [110.379257, 34.600612],
              [110.424837, 34.588295],
              [110.488279, 34.610956],
              [110.533242, 34.583368],
              [110.610851, 34.607508],
              [110.710017, 34.605045],
              [110.749437, 34.65232],
              [110.780234, 34.648874],
              [110.812263, 34.624746],
              [110.870777, 34.636072],
              [110.89911, 34.661673],
              [110.929907, 34.731543],
              [110.976103, 34.706456],
              [111.035233, 34.740887],
              [111.118385, 34.756623],
              [111.148566, 34.807742],
              [111.232949, 34.789559],
              [111.255123, 34.819535],
              [111.29208, 34.806759],
              [111.345666, 34.831816],
              [111.389398, 34.815113],
              [111.439289, 34.838202],
              [111.502731, 34.829851],
              [111.543999, 34.853428],
              [111.570484, 34.843114],
              [111.592042, 34.881416],
              [111.617911, 34.894671],
              [111.646861, 34.938836],
              [111.681969, 34.9511],
              [111.664107, 34.984449],
              [111.739251, 35.00406],
              [111.807005, 35.032977],
              [111.810084, 35.062374],
              [111.933272, 35.083435],
              [111.97762, 35.067272],
              [112.018888, 35.068742],
              [112.039214, 35.045717],
              [112.062004, 35.056005],
              [112.05646, 35.098615],
              [112.066315, 35.153437],
              [112.03983, 35.194039],
              [112.078634, 35.219467],
              [112.058924, 35.280069],
              [112.094033, 35.279092],
              [112.21722, 35.253195],
              [112.242474, 35.234622],
              [112.304684, 35.251728],
              [112.288053, 35.219956],
              [112.36751, 35.219956],
              [112.390915, 35.239021],
              [112.513487, 35.218489],
              [112.637291, 35.225822],
              [112.628052, 35.263457],
              [112.720443, 35.206265],
              [112.772798, 35.207732],
              [112.822073, 35.258082],
              [112.884283, 35.243909],
              [112.934174, 35.262968],
              [112.936022, 35.284466],
              [112.992072, 35.29619],
              [112.985913, 35.33965],
              [112.996384, 35.362104],
              [113.067217, 35.353806],
              [113.126347, 35.332327],
              [113.149137, 35.350878],
              [113.165151, 35.412845],
              [113.188557, 35.412357],
              [113.189789, 35.44893],
              [113.243375, 35.449418],
              [113.304353, 35.426989],
              [113.31236, 35.481101],
              [113.348085, 35.468429],
              [113.391817, 35.506925],
              [113.439244, 35.507412],
              [113.49899, 35.532254],
              [113.513773, 35.57364],
              [113.55812, 35.621816],
              [113.547649, 35.656835],
              [113.578446, 35.633491],
              [113.625258, 35.632518],
              [113.622794, 35.674825],
              [113.592613, 35.691838],
              [113.587685, 35.736542],
              [113.604932, 35.797727],
              [113.582758, 35.818111],
              [113.660982, 35.837035],
              [113.637576, 35.870019],
              [113.654207, 35.931586],
              [113.648663, 35.994073],
              [113.678844, 35.985841],
              [113.694859, 36.026991],
              [113.660366, 36.034735],
              [113.68562, 36.056026],
              [113.671453, 36.115514],
              [113.655439, 36.125182],
              [113.712721, 36.129533],
              [113.705946, 36.148865],
              [113.651127, 36.174473],
              [113.697939, 36.181719],
              [113.681924, 36.216491],
              [113.716417, 36.262347],
              [113.712105, 36.303353],
              [113.736127, 36.324571],
              [113.731199, 36.363135],
              [113.755221, 36.366026],
              [113.813119, 36.332285],
              [113.856851, 36.329392],
              [113.84946, 36.347711],
              [113.882104, 36.353977],
              [113.911054, 36.314927],
              [113.962792, 36.353977],
              [113.981887, 36.31782],
              [114.002828, 36.334214],
              [114.056415, 36.329392],
              [114.04348, 36.303353],
              [114.080437, 36.269585],
              [114.129096, 36.280199],
              [114.175907, 36.264759],
              [114.170364, 36.245938],
              [114.170364, 36.245938],
              [114.203009, 36.245456],
              [114.2104, 36.272962],
              [114.241197, 36.251247],
              [114.257827, 36.263794],
              [114.299095, 36.245938],
              [114.345291, 36.255591],
              [114.356378, 36.230492],
              [114.408117, 36.224699],
              [114.417356, 36.205868],
              [114.466015, 36.197658],
              [114.480181, 36.177855],
              [114.533152, 36.171575],
              [114.586739, 36.141133],
              [114.588587, 36.118414],
              [114.640326, 36.137266],
              [114.720398, 36.140166],
              [114.734564, 36.15563],
              [114.771521, 36.124699],
              [114.857752, 36.127599],
              [114.858368, 36.144516],
              [114.912571, 36.140649],
              [114.926737, 36.089403],
              [114.914419, 36.052155],
              [114.998186, 36.069572],
              [115.04623, 36.112613],
              [115.048693, 36.161912],
              [115.06286, 36.178338],
              [115.104744, 36.172058],
              [115.12507, 36.209731],
              [115.1842, 36.193312],
              [115.201446, 36.210214],
              [115.201446, 36.210214],
              [115.202678, 36.209248],
              [115.202678, 36.209248],
              [115.202678, 36.208765],
              [115.202678, 36.208765],
              [115.242098, 36.19138],
              [115.279055, 36.13775],
              [115.30246, 36.127599],
              [115.312931, 36.088436],
              [115.365902, 36.099074],
              [115.376989, 36.128083],
              [115.450902, 36.152248],
              [115.465068, 36.170125],
              [115.483547, 36.148865],
              [115.484163, 36.125666],
              [115.449054, 36.047317],
              [115.447822, 36.01247],
              [115.362822, 35.971796],
              [115.353583, 35.938854],
              [115.364054, 35.894264],
              [115.335105, 35.796756],
              [115.363438, 35.779765],
              [115.407786, 35.80889],
              [115.460141, 35.867594],
              [115.487858, 35.880688],
              [115.513112, 35.890385],
              [115.583945, 35.921893],
              [115.648618, 35.922863],
              [115.699125, 35.966468],
              [115.774886, 35.974702],
              [115.779813, 35.993588],
              [115.817386, 36.012954],
              [115.859886, 36.003756],
              [115.89869, 36.026507],
              [115.989849, 36.045381],
              [116.057602, 36.104877],
              [116.099486, 36.112129],
              [116.063145, 36.028927],
              [116.048979, 35.970343],
              [115.984921, 35.974218],
              [115.911624, 35.960171],
              [115.907929, 35.92674],
              [115.873436, 35.918985],
              [115.882675, 35.879718],
              [115.859886, 35.857894],
              [115.81677, 35.844312],
              [115.773654, 35.854014],
              [115.73485, 35.833154],
              [115.696046, 35.788989],
              [115.693582, 35.754028],
              [115.622749, 35.739457],
              [115.52851, 35.733628],
              [115.48601, 35.710306],
              [115.383148, 35.568772],
              [115.34496, 35.55368],
              [115.356047, 35.490359],
              [115.307388, 35.480126],
              [115.237171, 35.423087],
              [115.172497, 35.426501],
              [115.126302, 35.41821],
              [115.117679, 35.400163],
              [115.091809, 35.416259],
              [115.073947, 35.374304],
              [115.04315, 35.376744],
              [114.957534, 35.261014],
              [114.929201, 35.244886],
              [114.932281, 35.198441],
              [114.861448, 35.182301],
              [114.841738, 35.15099],
              [114.883006, 35.098615],
              [114.835578, 35.076578],
              [114.818948, 35.051596],
              [114.852209, 35.041797],
              [114.824492, 35.012393],
              [114.880542, 35.00357],
              [114.923658, 34.968757],
              [114.950759, 34.989843],
              [115.008041, 34.988372],
              [115.028983, 34.9717],
              [115.075179, 35.000628],
              [115.12815, 35.00455],
              [115.157099, 34.957968],
              [115.219309, 34.96042],
              [115.205142, 34.914303],
              [115.251953, 34.906451],
              [115.239019, 34.87798],
              [115.256265, 34.845079],
              [115.317243, 34.859321],
              [115.42688, 34.805285],
              [115.449054, 34.74433],
              [115.433655, 34.725149],
              [115.461373, 34.637057],
              [115.515575, 34.582383],
              [115.553148, 34.568586],
              [115.622749, 34.574499],
              [115.685575, 34.556265],
              [115.697278, 34.594207],
              [115.787821, 34.580905],
              [115.827241, 34.558236],
              [115.838328, 34.5676],
              [115.984305, 34.589281],
              [115.991081, 34.615389],
              [116.037276, 34.593222],
              [116.101334, 34.60603],
              [116.134594, 34.559715],
              [116.156768, 34.5538],
              [116.196804, 34.575977],
              [116.191261, 34.535561],
              [116.204196, 34.508442],
              [116.178326, 34.496112],
              [116.162312, 34.459605],
              [116.178942, 34.430487],
              [116.215898, 34.403333],
              [116.213435, 34.382098],
              [116.255934, 34.376665],
              [116.301514, 34.342082],
              [116.363724, 34.316877],
              [116.372347, 34.26595],
              [116.409303, 34.273863],
              [116.409303, 34.273863],
              [116.456731, 34.268917],
              [116.516477, 34.296114],
              [116.562056, 34.285731],
              [116.582382, 34.266444],
              [116.545426, 34.241711],
              [116.542962, 34.203608],
              [116.565752, 34.16945],
              [116.536187, 34.151127],
              [116.52818, 34.122892],
              [116.576223, 34.068873],
              [116.576223, 34.068873],
              [116.599629, 34.014324],
              [116.599629, 34.014324],
              [116.641512, 33.978103],
              [116.64336, 33.896675],
              [116.631042, 33.887733],
              [116.566984, 33.9081],
              [116.558361, 33.881274],
              [116.486296, 33.869846],
              [116.437637, 33.846489],
              [116.437021, 33.801246],
              [116.408071, 33.805721],
              [116.393905, 33.782843],
              [116.316912, 33.771402],
              [116.263326, 33.730101],
              [116.2005, 33.72612],
              [116.155536, 33.709693],
              [116.132747, 33.751501],
              [116.100102, 33.782843],
              [116.074232, 33.781351],
              [116.055754, 33.804727],
              [116.05945, 33.860902],
              [115.982457, 33.917039],
              [116.00032, 33.965199],
              [115.95782, 34.007875],
              [115.904233, 34.009859],
              [115.876516, 34.028708],
              [115.877132, 34.002913],
              [115.852494, 34.003906],
              [115.846335, 34.028708],
              [115.809378, 34.062428],
              [115.736082, 34.076805],
              [115.705901, 34.059949],
              [115.658473, 34.061437],
              [115.642459, 34.03218],
              [115.60735, 34.030196],
              [115.579017, 33.974133],
              [115.577785, 33.950307],
              [115.547604, 33.874815],
              [115.631988, 33.869846],
              [115.614126, 33.775879],
              [115.576553, 33.787817],
              [115.563003, 33.772895],
              [115.601807, 33.718653],
              [115.601191, 33.658898],
              [115.639995, 33.585143],
              [115.564851, 33.576169],
              [115.561771, 33.563703],
              [115.463837, 33.567193],
              [115.422569, 33.557219],
              [115.394851, 33.506335],
              [115.366518, 33.5233],
              [115.345576, 33.502842],
              [115.345576, 33.449928],
              [115.316627, 33.44893],
              [115.328946, 33.403477],
              [115.313547, 33.376994],
              [115.341881, 33.370997],
              [115.365286, 33.336005],
              [115.361591, 33.298497],
              [115.335105, 33.297997],
              [115.340033, 33.260973],
              [115.300613, 33.204407],
              [115.303692, 33.149809],
              [115.289526, 33.131769],
              [115.245178, 33.135778],
              [115.194671, 33.120743],
              [115.168186, 33.088658],
              [115.041302, 33.086653],
              [114.990795, 33.102195],
              [114.966158, 33.147304],
              [114.932897, 33.153817],
              [114.902716, 33.129764],
              [114.897172, 33.086653],
              [114.913187, 33.083143],
              [114.925506, 33.016928],
              [114.891629, 33.020441],
              [114.883006, 32.990328],
              [114.916266, 32.971251],
              [114.943368, 32.935094],
              [115.009273, 32.940117],
              [115.035143, 32.932582],
              [115.029599, 32.906962],
              [115.139237, 32.897917],
              [115.155867, 32.864747],
              [115.197135, 32.856201],
              [115.189744, 32.812452],
              [115.211301, 32.785791],
              [115.189744, 32.770695],
              [115.179273, 32.726402],
              [115.182968, 32.666973],
              [115.20083, 32.591876],
              [115.24333, 32.593388],
              [115.267352, 32.578261],
              [115.30554, 32.583303],
              [115.304924, 32.553042],
              [115.411482, 32.575235],
              [115.409018, 32.549007],
              [115.497713, 32.492489],
              [115.5088, 32.468761],
            ],
          ],
          [
            [
              [113.768156, 32.284279],
              [113.758301, 32.27669],
              [113.749061, 32.272642],
              [113.768772, 32.30148],
              [113.768156, 32.284279],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 420000,
        name: '湖北省',
        center: [114.298572, 30.584355],
        centroid: [112.271286, 30.987521],
        childrenNum: 17,
        level: 'province',
        subFeatureIndex: 16,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [111.045704, 33.169849],
              [111.08882, 33.181871],
              [111.12824, 33.15532],
              [111.146102, 33.12375],
              [111.179363, 33.115229],
              [111.192913, 33.071609],
              [111.152877, 33.039507],
              [111.221862, 33.042517],
              [111.258819, 33.006389],
              [111.273601, 32.971753],
              [111.242804, 32.930573],
              [111.255123, 32.883846],
              [111.276065, 32.903445],
              [111.293311, 32.859217],
              [111.380159, 32.829049],
              [111.41342, 32.757108],
              [111.475629, 32.760127],
              [111.458383, 32.726402],
              [111.513202, 32.674026],
              [111.530448, 32.628172],
              [111.577875, 32.593388],
              [111.640701, 32.634724],
              [111.646245, 32.605993],
              [111.713382, 32.606497],
              [111.808853, 32.536899],
              [111.858128, 32.528826],
              [111.890157, 32.503089],
              [111.948671, 32.51722],
              [111.975772, 32.471791],
              [112.014576, 32.450077],
              [112.063851, 32.474315],
              [112.081098, 32.425833],
              [112.155626, 32.377326],
              [112.150083, 32.411688],
              [112.172873, 32.385412],
              [112.206133, 32.392992],
              [112.328089, 32.321712],
              [112.360118, 32.3657],
              [112.390915, 32.37126],
              [112.448814, 32.34295],
              [112.477147, 32.380863],
              [112.530733, 32.37682],
              [112.545516, 32.404109],
              [112.589248, 32.381369],
              [112.612037, 32.386928],
              [112.645298, 32.368227],
              [112.716747, 32.357612],
              [112.724138, 32.358623],
              [112.733993, 32.356601],
              [112.735841, 32.356095],
              [112.776493, 32.358623],
              [112.860877, 32.396024],
              [112.888594, 32.37682],
              [112.912, 32.390971],
              [112.992072, 32.378336],
              [113.000695, 32.41674],
              [113.025949, 32.425328],
              [113.078919, 32.394508],
              [113.107869, 32.398551],
              [113.118956, 32.375809],
              [113.155912, 32.380863],
              [113.158992, 32.410677],
              [113.211962, 32.431895],
              [113.2366, 32.407141],
              [113.333918, 32.336377],
              [113.317904, 32.327275],
              [113.353628, 32.294904],
              [113.376418, 32.298445],
              [113.428773, 32.270618],
              [113.511925, 32.316654],
              [113.624642, 32.36115],
              [113.650511, 32.412698],
              [113.700402, 32.420782],
              [113.735511, 32.410677],
              [113.76754, 32.370249],
              [113.753989, 32.328286],
              [113.768772, 32.30148],
              [113.749061, 32.272642],
              [113.73859, 32.255942],
              [113.752757, 32.215951],
              [113.782322, 32.184553],
              [113.750293, 32.11615],
              [113.722576, 32.12426],
              [113.728735, 32.083197],
              [113.791561, 32.036028],
              [113.757685, 31.98985],
              [113.817431, 31.964467],
              [113.805728, 31.929428],
              [113.832213, 31.918761],
              [113.830981, 31.87913],
              [113.854387, 31.843042],
              [113.893807, 31.847109],
              [113.914749, 31.877098],
              [113.957865, 31.852701],
              [113.952321, 31.793714],
              [113.988662, 31.749959],
              [114.017611, 31.770822],
              [114.089676, 31.781506],
              [114.119241, 31.805922],
              [114.134024, 31.843042],
              [114.191922, 31.852192],
              [114.235654, 31.833382],
              [114.292936, 31.752503],
              [114.350218, 31.755557],
              [114.403189, 31.746906],
              [114.443841, 31.728074],
              [114.530688, 31.742834],
              [114.549783, 31.766751],
              [114.586123, 31.762172],
              [114.57134, 31.660858],
              [114.547935, 31.623665],
              [114.560869, 31.560963],
              [114.572572, 31.553824],
              [114.61692, 31.585437],
              [114.641558, 31.582378],
              [114.696376, 31.525771],
              [114.778912, 31.520669],
              [114.789383, 31.480358],
              [114.830035, 31.45892],
              [114.870071, 31.479337],
              [114.884238, 31.469129],
              [114.962462, 31.494648],
              [114.995107, 31.471171],
              [115.022824, 31.527811],
              [115.096121, 31.508425],
              [115.114599, 31.530362],
              [115.106592, 31.567592],
              [115.12507, 31.599201],
              [115.16449, 31.604808],
              [115.212533, 31.555354],
              [115.235939, 31.555354],
              [115.218077, 31.515057],
              [115.211301, 31.442072],
              [115.252569, 31.421646],
              [115.250722, 31.392021],
              [115.301229, 31.383846],
              [115.338801, 31.40428],
              [115.373909, 31.405813],
              [115.393004, 31.389977],
              [115.372062, 31.349098],
              [115.40717, 31.337854],
              [115.443511, 31.344498],
              [115.473076, 31.265242],
              [115.507568, 31.267799],
              [115.539597, 31.231985],
              [115.540213, 31.194621],
              [115.585793, 31.143926],
              [115.603655, 31.17363],
              [115.655394, 31.211002],
              [115.700973, 31.201276],
              [115.778582, 31.112164],
              [115.797676, 31.128047],
              [115.837712, 31.127022],
              [115.867277, 31.147512],
              [115.887603, 31.10909],
              [115.939958, 31.071678],
              [115.938726, 31.04707],
              [116.006479, 31.034764],
              [116.015102, 31.011685],
              [116.058834, 31.012711],
              [116.071769, 30.956787],
              [116.03974, 30.957813],
              [115.976298, 30.931636],
              [115.932566, 30.889532],
              [115.865429, 30.864364],
              [115.848799, 30.828397],
              [115.863581, 30.815549],
              [115.851262, 30.756938],
              [115.782893, 30.751795],
              [115.762567, 30.685426],
              [115.81369, 30.637035],
              [115.819234, 30.597893],
              [115.848799, 30.602014],
              [115.876516, 30.582438],
              [115.887603, 30.542758],
              [115.910393, 30.519046],
              [115.894994, 30.452517],
              [115.921479, 30.416397],
              [115.885139, 30.379747],
              [115.91532, 30.337919],
              [115.903001, 30.31364],
              [115.985537, 30.290905],
              [115.997856, 30.252657],
              [116.065609, 30.204569],
              [116.055754, 30.180774],
              [116.088399, 30.110391],
              [116.078544, 30.062233],
              [116.091479, 30.036331],
              [116.073616, 29.969993],
              [116.128435, 29.897904],
              [116.13521, 29.819532],
              [116.087167, 29.795125],
              [116.049595, 29.761881],
              [115.965827, 29.724469],
              [115.909777, 29.723949],
              [115.837096, 29.748373],
              [115.762567, 29.793048],
              [115.706517, 29.837703],
              [115.667712, 29.850161],
              [115.611662, 29.841337],
              [115.51188, 29.840299],
              [115.479235, 29.811224],
              [115.470612, 29.739539],
              [115.412714, 29.688602],
              [115.355431, 29.649602],
              [115.304924, 29.637118],
              [115.28583, 29.618391],
              [115.250722, 29.660003],
              [115.176809, 29.654803],
              [115.113367, 29.684963],
              [115.117679, 29.655843],
              [115.143548, 29.645961],
              [115.120142, 29.597578],
              [115.157099, 29.584568],
              [115.154019, 29.510117],
              [115.086266, 29.525741],
              [115.087498, 29.560104],
              [115.033295, 29.546568],
              [115.00065, 29.572076],
              [114.947679, 29.542924],
              [114.966773, 29.522096],
              [114.940288, 29.493971],
              [114.900868, 29.505951],
              [114.860216, 29.476258],
              [114.888549, 29.436134],
              [114.918114, 29.454374],
              [114.90518, 29.473132],
              [114.935977, 29.486678],
              [114.947063, 29.465317],
              [114.931049, 29.422581],
              [114.895325, 29.397557],
              [114.866375, 29.404335],
              [114.812173, 29.383478],
              [114.784455, 29.386086],
              [114.759818, 29.363139],
              [114.740724, 29.386607],
              [114.67297, 29.395993],
              [114.621847, 29.379828],
              [114.589819, 29.352707],
              [114.519602, 29.325578],
              [114.466015, 29.324013],
              [114.440145, 29.341752],
              [114.376088, 29.322969],
              [114.341595, 29.327665],
              [114.307102, 29.365225],
              [114.259059, 29.343839],
              [114.252284, 29.23475],
              [114.169748, 29.216993],
              [114.063191, 29.204978],
              [114.034857, 29.152204],
              [113.98743, 29.126068],
              [113.952321, 29.092604],
              [113.94185, 29.047097],
              [113.898119, 29.029307],
              [113.876561, 29.038202],
              [113.882104, 29.065407],
              [113.852539, 29.058606],
              [113.816199, 29.105154],
              [113.775547, 29.095219],
              [113.749677, 29.060699],
              [113.722576, 29.104631],
              [113.696091, 29.077437],
              [113.690547, 29.114566],
              [113.66283, 29.16945],
              [113.691779, 29.19662],
              [113.693011, 29.226394],
              [113.651743, 29.225872],
              [113.609859, 29.25146],
              [113.632033, 29.316186],
              [113.660982, 29.333405],
              [113.674533, 29.388172],
              [113.731199, 29.393907],
              [113.755221, 29.446557],
              [113.677613, 29.513763],
              [113.630801, 29.523137],
              [113.710257, 29.555419],
              [113.73859, 29.579363],
              [113.704098, 29.634518],
              [113.680692, 29.64336],
              [113.663446, 29.684443],
              [113.606164, 29.666764],
              [113.547033, 29.675603],
              [113.540258, 29.699519],
              [113.558736, 29.727067],
              [113.550729, 29.768115],
              [113.575367, 29.809147],
              [113.571671, 29.849123],
              [113.37765, 29.703158],
              [113.277252, 29.594976],
              [113.222433, 29.543965],
              [113.181781, 29.485636],
              [113.145441, 29.449163],
              [113.099861, 29.459585],
              [113.078304, 29.438218],
              [113.057362, 29.522616],
              [113.034572, 29.523658],
              [112.950188, 29.473132],
              [112.912, 29.606944],
              [112.915696, 29.620992],
              [113.005007, 29.693801],
              [113.025949, 29.772791],
              [112.974826, 29.732784],
              [112.944645, 29.682883],
              [112.926782, 29.692241],
              [112.923703, 29.766557],
              [112.929246, 29.77383],
              [112.902145, 29.79149],
              [112.894138, 29.783699],
              [112.861493, 29.78318],
              [112.79374, 29.735902],
              [112.788812, 29.681323],
              [112.733378, 29.645441],
              [112.714283, 29.648561],
              [112.693957, 29.601741],
              [112.650842, 29.592374],
              [112.640371, 29.607985],
              [112.572001, 29.624113],
              [112.54182, 29.60122],
              [112.499321, 29.629316],
              [112.439574, 29.633997],
              [112.424792, 29.598619],
              [112.368741, 29.541362],
              [112.333017, 29.545007],
              [112.291133, 29.517409],
              [112.281278, 29.536676],
              [112.303452, 29.585609],
              [112.233851, 29.61631],
              [112.244322, 29.659483],
              [112.202438, 29.633997],
              [112.178416, 29.656883],
              [112.111279, 29.659483],
              [112.089721, 29.685482],
              [112.065699, 29.681323],
              [112.07617, 29.743696],
              [112.008417, 29.778505],
              [111.95483, 29.796683],
              [111.965917, 29.832512],
              [111.925881, 29.836665],
              [111.899396, 29.855871],
              [111.899396, 29.855871],
              [111.861207, 29.856909],
              [111.8107, 29.901017],
              [111.75773, 29.92021],
              [111.723853, 29.909317],
              [111.723853, 29.909317],
              [111.705375, 29.890121],
              [111.669034, 29.888565],
              [111.669034, 29.888565],
              [111.553854, 29.894272],
              [111.527368, 29.925916],
              [111.475629, 29.918654],
              [111.436825, 29.930065],
              [111.394325, 29.912948],
              [111.382623, 29.95029],
              [111.342587, 29.944586],
              [111.3315, 29.970512],
              [111.266826, 30.01146],
              [111.242188, 30.040476],
              [111.031537, 30.048765],
              [110.929907, 30.063268],
              [110.924364, 30.111426],
              [110.851067, 30.126439],
              [110.746973, 30.112979],
              [110.756212, 30.054463],
              [110.712481, 30.033223],
              [110.650887, 30.07777],
              [110.600996, 30.054463],
              [110.531394, 30.061197],
              [110.497518, 30.055499],
              [110.491358, 30.019751],
              [110.557264, 29.988137],
              [110.517228, 29.961179],
              [110.49875, 29.91243],
              [110.538786, 29.895828],
              [110.549873, 29.848085],
              [110.60038, 29.839779],
              [110.642879, 29.775907],
              [110.562807, 29.712515],
              [110.507373, 29.692241],
              [110.467337, 29.713034],
              [110.447011, 29.664684],
              [110.372482, 29.633477],
              [110.339221, 29.668324],
              [110.302265, 29.661563],
              [110.289946, 29.6964],
              [110.219729, 29.746814],
              [110.160599, 29.753569],
              [110.113788, 29.789932],
              [110.02386, 29.769674],
              [109.941325, 29.774349],
              [109.908064, 29.763959],
              [109.869876, 29.774869],
              [109.779333, 29.757725],
              [109.755311, 29.733304],
              [109.760238, 29.689122],
              [109.714659, 29.673524],
              [109.701108, 29.636078],
              [109.717739, 29.615269],
              [109.664768, 29.599659],
              [109.651833, 29.625674],
              [109.578536, 29.629836],
              [109.558826, 29.606944],
              [109.516326, 29.626194],
              [109.488609, 29.553336],
              [109.467051, 29.560104],
              [109.458428, 29.513242],
              [109.433791, 29.530948],
              [109.436254, 29.488761],
              [109.415928, 29.497617],
              [109.418392, 29.453332],
              [109.368501, 29.413719],
              [109.391291, 29.372005],
              [109.343863, 29.369398],
              [109.352487, 29.284872],
              [109.312451, 29.25146],
              [109.257632, 29.222738],
              [109.275494, 29.202366],
              [109.261328, 29.161089],
              [109.274262, 29.121885],
              [109.232378, 29.119271],
              [109.215748, 29.145409],
              [109.162777, 29.180946],
              [109.139372, 29.168927],
              [109.110422, 29.21647],
              [109.141835, 29.270256],
              [109.106727, 29.288526],
              [109.11227, 29.361053],
              [109.060531, 29.403292],
              [109.034662, 29.360531],
              [108.999553, 29.36366],
              [108.983539, 29.332883],
              [108.919481, 29.3261],
              [108.934264, 29.399643],
              [108.927488, 29.435612],
              [108.884373, 29.440824],
              [108.866511, 29.470527],
              [108.888684, 29.502305],
              [108.878213, 29.539279],
              [108.913322, 29.574679],
              [108.901003, 29.604863],
              [108.870206, 29.596537],
              [108.888068, 29.628795],
              [108.844337, 29.658443],
              [108.781511, 29.635558],
              [108.797525, 29.660003],
              [108.786438, 29.691721],
              [108.752562, 29.649082],
              [108.690968, 29.689642],
              [108.676801, 29.749412],
              [108.680497, 29.800319],
              [108.658939, 29.854833],
              [108.601041, 29.863656],
              [108.556077, 29.818493],
              [108.52528, 29.770713],
              [108.548686, 29.749412],
              [108.504954, 29.728626],
              [108.504338, 29.707836],
              [108.460606, 29.741098],
              [108.437201, 29.741098],
              [108.442744, 29.778505],
              [108.422418, 29.772791],
              [108.424266, 29.815897],
              [108.371295, 29.841337],
              [108.433505, 29.880262],
              [108.467998, 29.864175],
              [108.516041, 29.885451],
              [108.517889, 29.9394],
              [108.536367, 29.983472],
              [108.532055, 30.051873],
              [108.513577, 30.057571],
              [108.546222, 30.104178],
              [108.56778, 30.157491],
              [108.551766, 30.1637],
              [108.581947, 30.255759],
              [108.54499, 30.269716],
              [108.524048, 30.309506],
              [108.501258, 30.314673],
              [108.460606, 30.35961],
              [108.431041, 30.354446],
              [108.402092, 30.376649],
              [108.430425, 30.416397],
              [108.411331, 30.438586],
              [108.42673, 30.492233],
              [108.472925, 30.487076],
              [108.512961, 30.501515],
              [108.556077, 30.487592],
              [108.56778, 30.468508],
              [108.6497, 30.53915],
              [108.642925, 30.578831],
              [108.688504, 30.58759],
              [108.698975, 30.54482],
              [108.743939, 30.494812],
              [108.789518, 30.513374],
              [108.808612, 30.491202],
              [108.838793, 30.503062],
              [108.893612, 30.565434],
              [108.971836, 30.627766],
              [109.006329, 30.626736],
              [109.042669, 30.655571],
              [109.071002, 30.640125],
              [109.111654, 30.646303],
              [109.106111, 30.61077],
              [109.09256, 30.578831],
              [109.103647, 30.565949],
              [109.143683, 30.521108],
              [109.191726, 30.545851],
              [109.191726, 30.545851],
              [109.245313, 30.580892],
              [109.299516, 30.630341],
              [109.314298, 30.599953],
              [109.36111, 30.551004],
              [109.337088, 30.521623],
              [109.35495, 30.487076],
              [109.418392, 30.559766],
              [109.435638, 30.595832],
              [109.535421, 30.664837],
              [109.543428, 30.63961],
              [109.574225, 30.646818],
              [109.590855, 30.69366],
              [109.625348, 30.702923],
              [109.661072, 30.738936],
              [109.656761, 30.760538],
              [109.701724, 30.783677],
              [109.780564, 30.848437],
              [109.828608, 30.864364],
              [109.894513, 30.899803],
              [109.943788, 30.878746],
              [110.008462, 30.883369],
              [110.019549, 30.829425],
              [110.048498, 30.800642],
              [110.082375, 30.799614],
              [110.151976, 30.911613],
              [110.153824, 30.953708],
              [110.172918, 30.978853],
              [110.140889, 30.987062],
              [110.140273, 31.030661],
              [110.120563, 31.0322],
              [110.119947, 31.088592],
              [110.147048, 31.116776],
              [110.180309, 31.121899],
              [110.200019, 31.158779],
              [110.180309, 31.179774],
              [110.155671, 31.279564],
              [110.161831, 31.314338],
              [110.118715, 31.409899],
              [110.054042, 31.410921],
              [110.036795, 31.436966],
              [109.98752, 31.474744],
              [109.94502, 31.47066],
              [109.969658, 31.508935],
              [109.894513, 31.519139],
              [109.837847, 31.555354],
              [109.727594, 31.548214],
              [109.745456, 31.598182],
              [109.76455, 31.602769],
              [109.737449, 31.628761],
              [109.731289, 31.700582],
              [109.683246, 31.719929],
              [109.622268, 31.711783],
              [109.585928, 31.726546],
              [109.592087, 31.789136],
              [109.633971, 31.804396],
              [109.633971, 31.824738],
              [109.60379, 31.885737],
              [109.584696, 31.900472],
              [109.62042, 31.928412],
              [109.631507, 31.962436],
              [109.590855, 32.012688],
              [109.590855, 32.047696],
              [109.621652, 32.106519],
              [109.58716, 32.161251],
              [109.604406, 32.199241],
              [109.592703, 32.219495],
              [109.550203, 32.225065],
              [109.528645, 32.270112],
              [109.495385, 32.300468],
              [109.513247, 32.342444],
              [109.502776, 32.38895],
              [109.529877, 32.405625],
              [109.526797, 32.43341],
              [109.575457, 32.506622],
              [109.637051, 32.540935],
              [109.619804, 32.56767],
              [109.631507, 32.599943],
              [109.726978, 32.608513],
              [109.746072, 32.594901],
              [109.816905, 32.577252],
              [109.910528, 32.592884],
              [109.97089, 32.577756],
              [110.017701, 32.546989],
              [110.084223, 32.580782],
              [110.090382, 32.617083],
              [110.124259, 32.616579],
              [110.153824, 32.593388],
              [110.206179, 32.633212],
              [110.156903, 32.683093],
              [110.159367, 32.767173],
              [110.127338, 32.77774],
              [110.142121, 32.802895],
              [110.105164, 32.832569],
              [110.051578, 32.851676],
              [109.988752, 32.886359],
              [109.927158, 32.887364],
              [109.907448, 32.903947],
              [109.856941, 32.910479],
              [109.847702, 32.893395],
              [109.789804, 32.882339],
              [109.76455, 32.909474],
              [109.785492, 32.987316],
              [109.794731, 33.067095],
              [109.704188, 33.101694],
              [109.688174, 33.116733],
              [109.576073, 33.110216],
              [109.522486, 33.138785],
              [109.468283, 33.140288],
              [109.438718, 33.152314],
              [109.498464, 33.207412],
              [109.514479, 33.237951],
              [109.60687, 33.235949],
              [109.619804, 33.275484],
              [109.649985, 33.251465],
              [109.693101, 33.254468],
              [109.732521, 33.231443],
              [109.813209, 33.236449],
              [109.852013, 33.247961],
              [109.916687, 33.229942],
              [109.973353, 33.203907],
              [109.999223, 33.212419],
              [110.031252, 33.191888],
              [110.164911, 33.209415],
              [110.218497, 33.163336],
              [110.285635, 33.171352],
              [110.33799, 33.160331],
              [110.372482, 33.186379],
              [110.398352, 33.176862],
              [110.398352, 33.176862],
              [110.471032, 33.171352],
              [110.54125, 33.255469],
              [110.57759, 33.250464],
              [110.59422, 33.168346],
              [110.623785, 33.143796],
              [110.650887, 33.157324],
              [110.702626, 33.097182],
              [110.753133, 33.15031],
              [110.824582, 33.158327],
              [110.828893, 33.201403],
              [110.865234, 33.213921],
              [110.9219, 33.203907],
              [110.960704, 33.253967],
              [110.984726, 33.255469],
              [111.046936, 33.202905],
              [111.035849, 33.187881],
              [111.034001, 33.177864],
              [111.045704, 33.169849],
            ],
          ],
          [
            [
              [109.106111, 30.570587],
              [109.09872, 30.579346],
              [109.101183, 30.579346],
              [109.106111, 30.570587],
            ],
          ],
          [
            [
              [111.046936, 33.202905],
              [111.045704, 33.169849],
              [111.034001, 33.177864],
              [111.035849, 33.187881],
              [111.046936, 33.202905],
            ],
          ],
          [
            [
              [112.716747, 32.357612],
              [112.735841, 32.356095],
              [112.733993, 32.356601],
              [112.724138, 32.358623],
              [112.716747, 32.357612],
            ],
          ],
          [
            [
              [112.902145, 29.79149],
              [112.929246, 29.77383],
              [112.923703, 29.766557],
              [112.894138, 29.783699],
              [112.902145, 29.79149],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 430000,
        name: '湖南省',
        center: [112.982279, 28.19409],
        centroid: [111.711649, 27.629221],
        childrenNum: 14,
        level: 'province',
        subFeatureIndex: 17,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [109.48245, 26.029788],
              [109.452885, 26.055598],
              [109.449805, 26.101826],
              [109.502776, 26.096451],
              [109.513863, 26.128157],
              [109.47629, 26.148035],
              [109.439334, 26.238789],
              [109.467051, 26.313917],
              [109.442414, 26.289774],
              [109.369733, 26.277432],
              [109.351255, 26.264016],
              [109.325385, 26.29031],
              [109.285965, 26.295676],
              [109.271183, 26.327863],
              [109.29582, 26.350389],
              [109.319842, 26.418477],
              [109.38082, 26.454381],
              [109.362342, 26.472061],
              [109.385747, 26.493487],
              [109.381436, 26.518659],
              [109.407305, 26.533116],
              [109.390675, 26.598955],
              [109.35495, 26.658873],
              [109.334008, 26.646036],
              [109.306291, 26.661012],
              [109.283501, 26.698445],
              [109.35495, 26.693098],
              [109.407305, 26.719829],
              [109.447957, 26.759913],
              [109.486761, 26.759913],
              [109.52187, 26.749226],
              [109.528645, 26.743881],
              [109.568065, 26.726243],
              [109.597015, 26.756173],
              [109.554515, 26.73533],
              [109.528645, 26.743881],
              [109.522486, 26.749226],
              [109.497232, 26.815474],
              [109.513247, 26.84004],
              [109.509551, 26.877947],
              [109.486761, 26.895562],
              [109.452885, 26.861932],
              [109.436254, 26.892359],
              [109.555131, 26.946788],
              [109.520022, 27.058764],
              [109.497848, 27.079548],
              [109.486761, 27.053968],
              [109.454733, 27.069423],
              [109.472595, 27.134951],
              [109.441182, 27.117907],
              [109.415312, 27.154123],
              [109.358646, 27.153058],
              [109.33524, 27.139212],
              [109.264407, 27.131755],
              [109.239154, 27.14933],
              [109.21698, 27.114711],
              [109.165857, 27.066758],
              [109.101183, 27.06889],
              [109.128901, 27.122701],
              [109.032814, 27.104056],
              [109.007561, 27.08008],
              [108.940423, 27.044907],
              [108.942887, 27.017186],
              [108.942887, 27.017186],
              [108.877597, 27.01612],
              [108.79075, 27.084343],
              [108.878829, 27.106187],
              [108.926873, 27.160512],
              [108.907778, 27.204699],
              [108.963213, 27.235565],
              [108.983539, 27.26802],
              [109.053756, 27.293551],
              [109.044517, 27.331304],
              [109.103647, 27.336621],
              [109.142451, 27.418461],
              [109.141835, 27.448207],
              [109.167089, 27.41793],
              [109.202197, 27.450331],
              [109.245313, 27.41793],
              [109.300132, 27.423774],
              [109.303211, 27.47582],
              [109.404841, 27.55066],
              [109.461508, 27.567637],
              [109.451037, 27.586204],
              [109.470131, 27.62863],
              [109.45658, 27.673689],
              [109.470747, 27.680049],
              [109.414081, 27.725087],
              [109.366653, 27.721909],
              [109.37774, 27.736741],
              [109.332777, 27.782815],
              [109.346943, 27.838396],
              [109.32169, 27.868027],
              [109.30198, 27.956343],
              [109.319842, 27.988585],
              [109.362342, 28.007608],
              [109.378972, 28.034551],
              [109.335856, 28.063073],
              [109.298284, 28.036136],
              [109.314298, 28.103729],
              [109.33832, 28.141731],
              [109.340168, 28.19027],
              [109.367885, 28.254602],
              [109.388211, 28.268307],
              [109.33524, 28.293605],
              [109.317994, 28.277795],
              [109.275494, 28.313101],
              [109.268719, 28.33786],
              [109.289045, 28.373673],
              [109.264407, 28.392628],
              [109.260712, 28.46473],
              [109.274262, 28.494714],
              [109.273646, 28.53836],
              [109.319842, 28.579886],
              [109.306907, 28.62087],
              [109.252089, 28.606685],
              [109.235458, 28.61982],
              [109.201581, 28.597753],
              [109.192958, 28.636104],
              [109.271183, 28.671816],
              [109.252704, 28.691767],
              [109.294588, 28.722211],
              [109.2989, 28.7474],
              [109.241002, 28.776779],
              [109.246545, 28.80143],
              [109.235458, 28.882161],
              [109.261328, 28.952356],
              [109.292741, 28.987436],
              [109.294588, 29.015177],
              [109.319842, 29.042388],
              [109.312451, 29.066453],
              [109.240386, 29.086328],
              [109.232378, 29.119271],
              [109.274262, 29.121885],
              [109.261328, 29.161089],
              [109.275494, 29.202366],
              [109.257632, 29.222738],
              [109.312451, 29.25146],
              [109.352487, 29.284872],
              [109.343863, 29.369398],
              [109.391291, 29.372005],
              [109.368501, 29.413719],
              [109.418392, 29.453332],
              [109.415928, 29.497617],
              [109.436254, 29.488761],
              [109.433791, 29.530948],
              [109.458428, 29.513242],
              [109.467051, 29.560104],
              [109.488609, 29.553336],
              [109.516326, 29.626194],
              [109.558826, 29.606944],
              [109.578536, 29.629836],
              [109.651833, 29.625674],
              [109.664768, 29.599659],
              [109.717739, 29.615269],
              [109.701108, 29.636078],
              [109.714659, 29.673524],
              [109.760238, 29.689122],
              [109.755311, 29.733304],
              [109.779333, 29.757725],
              [109.869876, 29.774869],
              [109.908064, 29.763959],
              [109.941325, 29.774349],
              [110.02386, 29.769674],
              [110.113788, 29.789932],
              [110.160599, 29.753569],
              [110.219729, 29.746814],
              [110.289946, 29.6964],
              [110.302265, 29.661563],
              [110.339221, 29.668324],
              [110.372482, 29.633477],
              [110.447011, 29.664684],
              [110.467337, 29.713034],
              [110.507373, 29.692241],
              [110.562807, 29.712515],
              [110.642879, 29.775907],
              [110.60038, 29.839779],
              [110.549873, 29.848085],
              [110.538786, 29.895828],
              [110.49875, 29.91243],
              [110.517228, 29.961179],
              [110.557264, 29.988137],
              [110.491358, 30.019751],
              [110.497518, 30.055499],
              [110.531394, 30.061197],
              [110.600996, 30.054463],
              [110.650887, 30.07777],
              [110.712481, 30.033223],
              [110.756212, 30.054463],
              [110.746973, 30.112979],
              [110.851067, 30.126439],
              [110.924364, 30.111426],
              [110.929907, 30.063268],
              [111.031537, 30.048765],
              [111.242188, 30.040476],
              [111.266826, 30.01146],
              [111.3315, 29.970512],
              [111.342587, 29.944586],
              [111.382623, 29.95029],
              [111.394325, 29.912948],
              [111.436825, 29.930065],
              [111.475629, 29.918654],
              [111.527368, 29.925916],
              [111.553854, 29.894272],
              [111.669034, 29.888565],
              [111.669034, 29.888565],
              [111.705375, 29.890121],
              [111.723853, 29.909317],
              [111.723853, 29.909317],
              [111.75773, 29.92021],
              [111.8107, 29.901017],
              [111.861207, 29.856909],
              [111.899396, 29.855871],
              [111.899396, 29.855871],
              [111.925881, 29.836665],
              [111.965917, 29.832512],
              [111.95483, 29.796683],
              [112.008417, 29.778505],
              [112.07617, 29.743696],
              [112.065699, 29.681323],
              [112.089721, 29.685482],
              [112.111279, 29.659483],
              [112.178416, 29.656883],
              [112.202438, 29.633997],
              [112.244322, 29.659483],
              [112.233851, 29.61631],
              [112.303452, 29.585609],
              [112.281278, 29.536676],
              [112.291133, 29.517409],
              [112.333017, 29.545007],
              [112.368741, 29.541362],
              [112.424792, 29.598619],
              [112.439574, 29.633997],
              [112.499321, 29.629316],
              [112.54182, 29.60122],
              [112.572001, 29.624113],
              [112.640371, 29.607985],
              [112.650842, 29.592374],
              [112.693957, 29.601741],
              [112.714283, 29.648561],
              [112.733378, 29.645441],
              [112.788812, 29.681323],
              [112.79374, 29.735902],
              [112.861493, 29.78318],
              [112.894138, 29.783699],
              [112.923703, 29.766557],
              [112.926782, 29.692241],
              [112.944645, 29.682883],
              [112.974826, 29.732784],
              [113.025949, 29.772791],
              [113.005007, 29.693801],
              [112.915696, 29.620992],
              [112.912, 29.606944],
              [112.950188, 29.473132],
              [113.034572, 29.523658],
              [113.057362, 29.522616],
              [113.078304, 29.438218],
              [113.099861, 29.459585],
              [113.145441, 29.449163],
              [113.181781, 29.485636],
              [113.222433, 29.543965],
              [113.277252, 29.594976],
              [113.37765, 29.703158],
              [113.571671, 29.849123],
              [113.575367, 29.809147],
              [113.550729, 29.768115],
              [113.558736, 29.727067],
              [113.540258, 29.699519],
              [113.547033, 29.675603],
              [113.606164, 29.666764],
              [113.663446, 29.684443],
              [113.680692, 29.64336],
              [113.704098, 29.634518],
              [113.73859, 29.579363],
              [113.710257, 29.555419],
              [113.630801, 29.523137],
              [113.677613, 29.513763],
              [113.755221, 29.446557],
              [113.731199, 29.393907],
              [113.674533, 29.388172],
              [113.660982, 29.333405],
              [113.632033, 29.316186],
              [113.609859, 29.25146],
              [113.651743, 29.225872],
              [113.693011, 29.226394],
              [113.691779, 29.19662],
              [113.66283, 29.16945],
              [113.690547, 29.114566],
              [113.696091, 29.077437],
              [113.722576, 29.104631],
              [113.749677, 29.060699],
              [113.775547, 29.095219],
              [113.816199, 29.105154],
              [113.852539, 29.058606],
              [113.882104, 29.065407],
              [113.876561, 29.038202],
              [113.898119, 29.029307],
              [113.94185, 29.047097],
              [113.961561, 28.999476],
              [113.955401, 28.978536],
              [113.973879, 28.937692],
              [114.008988, 28.955498],
              [114.005292, 28.917788],
              [114.028082, 28.891069],
              [114.060111, 28.902596],
              [114.056415, 28.872204],
              [114.076741, 28.834464],
              [114.124784, 28.843376],
              [114.153734, 28.829221],
              [114.137719, 28.779926],
              [114.157429, 28.761566],
              [114.122321, 28.623497],
              [114.132176, 28.607211],
              [114.08598, 28.558337],
              [114.138335, 28.533629],
              [114.15435, 28.507337],
              [114.218407, 28.48472],
              [114.217175, 28.466308],
              [114.172212, 28.432632],
              [114.214712, 28.403157],
              [114.252284, 28.395787],
              [114.2529, 28.319423],
              [114.198081, 28.29097],
              [114.182067, 28.249858],
              [114.143879, 28.246694],
              [114.109386, 28.205038],
              [114.107538, 28.182885],
              [114.068734, 28.171806],
              [114.012068, 28.174972],
              [113.992357, 28.161255],
              [114.025002, 28.080499],
              [114.047176, 28.057263],
              [114.025618, 28.031382],
              [113.970184, 28.041418],
              [113.966488, 28.017646],
              [113.936307, 28.018703],
              [113.914133, 27.991227],
              [113.864242, 28.004966],
              [113.845148, 27.971672],
              [113.822974, 27.982243],
              [113.752141, 27.93361],
              [113.72812, 27.874904],
              [113.756453, 27.860091],
              [113.763228, 27.799228],
              [113.69917, 27.740979],
              [113.696707, 27.71979],
              [113.652359, 27.663619],
              [113.607395, 27.625449],
              [113.608627, 27.585143],
              [113.579062, 27.545354],
              [113.583374, 27.524657],
              [113.627105, 27.49971],
              [113.591381, 27.467855],
              [113.59754, 27.428554],
              [113.632033, 27.40518],
              [113.605548, 27.38924],
              [113.616635, 27.345658],
              [113.657902, 27.347253],
              [113.699786, 27.331836],
              [113.72812, 27.350442],
              [113.872865, 27.384988],
              [113.872865, 27.346721],
              [113.854387, 27.30525],
              [113.872865, 27.289828],
              [113.846996, 27.222262],
              [113.779242, 27.137081],
              [113.771851, 27.096598],
              [113.803264, 27.099261],
              [113.824206, 27.036378],
              [113.86301, 27.018252],
              [113.892575, 26.964925],
              [113.927068, 26.948922],
              [113.890112, 26.895562],
              [113.877177, 26.859262],
              [113.835909, 26.806394],
              [113.853771, 26.769532],
              [113.860546, 26.664221],
              [113.912901, 26.613938],
              [113.996669, 26.615543],
              [114.019459, 26.587182],
              [114.10877, 26.56952],
              [114.07243, 26.480096],
              [114.110002, 26.482775],
              [114.090292, 26.455988],
              [114.085364, 26.406149],
              [114.062575, 26.406149],
              [114.030546, 26.376664],
              [114.047792, 26.337518],
              [114.021307, 26.288701],
              [114.029314, 26.266163],
              [113.978807, 26.237716],
              [113.972647, 26.20604],
              [113.949242, 26.192616],
              [113.962792, 26.150722],
              [114.013299, 26.184023],
              [114.088444, 26.168448],
              [114.102611, 26.187783],
              [114.181451, 26.214631],
              [114.216559, 26.203355],
              [114.237501, 26.152333],
              [114.188842, 26.121172],
              [114.10569, 26.097526],
              [114.121089, 26.085702],
              [114.087828, 26.06635],
              [114.044096, 26.076564],
              [114.008372, 26.015806],
              [114.028082, 25.98138],
              [114.028082, 25.893119],
              [113.971416, 25.836036],
              [113.961561, 25.77731],
              [113.920293, 25.741197],
              [113.913517, 25.701299],
              [113.957249, 25.611749],
              [113.983118, 25.599336],
              [113.986198, 25.529153],
              [113.962792, 25.528072],
              [113.94493, 25.441635],
              [113.887032, 25.436772],
              [113.877177, 25.380552],
              [113.839605, 25.363248],
              [113.814967, 25.328634],
              [113.76446, 25.333502],
              [113.753373, 25.362707],
              [113.686852, 25.351891],
              [113.680076, 25.334584],
              [113.611707, 25.327552],
              [113.584606, 25.306453],
              [113.579062, 25.34432],
              [113.535946, 25.368656],
              [113.479896, 25.375145],
              [113.449715, 25.359463],
              [113.407215, 25.401637],
              [113.373338, 25.402719],
              [113.341926, 25.448661],
              [113.314208, 25.442716],
              [113.311129, 25.490264],
              [113.248919, 25.514031],
              [113.226129, 25.50971],
              [113.176854, 25.471355],
              [113.11834, 25.44704],
              [113.130658, 25.427043],
              [113.096782, 25.412449],
              [113.078304, 25.382174],
              [113.013014, 25.352432],
              [112.969898, 25.350269],
              [112.93479, 25.325929],
              [112.924319, 25.296714],
              [112.891058, 25.339993],
              [112.854718, 25.337829],
              [112.867036, 25.249632],
              [112.897833, 25.238264],
              [112.958195, 25.254503],
              [112.992688, 25.247467],
              [113.034572, 25.198199],
              [112.97421, 25.168412],
              [112.96805, 25.141869],
              [113.018557, 25.083344],
              [112.979137, 25.03401],
              [113.009934, 24.977604],
              [113.011782, 24.946136],
              [112.984681, 24.921172],
              [112.904609, 24.921715],
              [112.873812, 24.896747],
              [112.780805, 24.896747],
              [112.778341, 24.947764],
              [112.743233, 24.959701],
              [112.742001, 24.99876],
              [112.714899, 25.025876],
              [112.712436, 25.083344],
              [112.660081, 25.132658],
              [112.628052, 25.140785],
              [112.562762, 25.124531],
              [112.458053, 25.152162],
              [112.44327, 25.185744],
              [112.414937, 25.14241],
              [112.365046, 25.191701],
              [112.315771, 25.175453],
              [112.302836, 25.157037],
              [112.256025, 25.159204],
              [112.246785, 25.185202],
              [112.19751, 25.187368],
              [112.174105, 25.128866],
              [112.177184, 25.106649],
              [112.151931, 25.055698],
              [112.155626, 25.026419],
              [112.12175, 24.989538],
              [112.119902, 24.963499],
              [112.175337, 24.927685],
              [112.167329, 24.859828],
              [112.149467, 24.837019],
              [112.124214, 24.841364],
              [112.03367, 24.771286],
              [112.024431, 24.740308],
              [111.951135, 24.769655],
              [111.929577, 24.75607],
              [111.875374, 24.756613],
              [111.868599, 24.771829],
              [111.814396, 24.770199],
              [111.783599, 24.785957],
              [111.708455, 24.788673],
              [111.666571, 24.760961],
              [111.637621, 24.715303],
              [111.641933, 24.684856],
              [111.588962, 24.690837],
              [111.570484, 24.64461],
              [111.526752, 24.637538],
              [111.499035, 24.667997],
              [111.451608, 24.665822],
              [111.431282, 24.687574],
              [111.461463, 24.728894],
              [111.479325, 24.797366],
              [111.449144, 24.857113],
              [111.447296, 24.892947],
              [111.470086, 24.92877],
              [111.434977, 24.951562],
              [111.43313, 24.979774],
              [111.460231, 24.992793],
              [111.467622, 25.02208],
              [111.416499, 25.047566],
              [111.435593, 25.093642],
              [111.375231, 25.128324],
              [111.36784, 25.108817],
              [111.321645, 25.105023],
              [111.274833, 25.151078],
              [111.221862, 25.106649],
              [111.200921, 25.074672],
              [111.139943, 25.042144],
              [111.101754, 25.035095],
              [111.100522, 24.945593],
              [111.009363, 24.921172],
              [110.968711, 24.975434],
              [110.951465, 25.04377],
              [110.98411, 25.101772],
              [110.998892, 25.161371],
              [111.112841, 25.21715],
              [111.103602, 25.285351],
              [111.138711, 25.303748],
              [111.184906, 25.367034],
              [111.210776, 25.363248],
              [111.257587, 25.395691],
              [111.26313, 25.42326],
              [111.300087, 25.44812],
              [111.32842, 25.521592],
              [111.324724, 25.564249],
              [111.343202, 25.602574],
              [111.309942, 25.645203],
              [111.30871, 25.720171],
              [111.399869, 25.744431],
              [111.442369, 25.77192],
              [111.43313, 25.84627],
              [111.4861, 25.859196],
              [111.460231, 25.885042],
              [111.383239, 25.881812],
              [111.376463, 25.906039],
              [111.346282, 25.906577],
              [111.297007, 25.874274],
              [111.29208, 25.854349],
              [111.251428, 25.864581],
              [111.230486, 25.916267],
              [111.189834, 25.953402],
              [111.235413, 26.048071],
              [111.267442, 26.058824],
              [111.244652, 26.078177],
              [111.26621, 26.095914],
              [111.258203, 26.151796],
              [111.274833, 26.183486],
              [111.271754, 26.217316],
              [111.293311, 26.222148],
              [111.277913, 26.272066],
              [111.228022, 26.261333],
              [111.204616, 26.276359],
              [111.208928, 26.30426],
              [111.090667, 26.308016],
              [111.008132, 26.336982],
              [111.008747, 26.35897],
              [110.974255, 26.385778],
              [110.94469, 26.373447],
              [110.944074, 26.326791],
              [110.926212, 26.320354],
              [110.939762, 26.286554],
              [110.836284, 26.255966],
              [110.759292, 26.248451],
              [110.73835, 26.271529],
              [110.742046, 26.313917],
              [110.711249, 26.29192],
              [110.673676, 26.317135],
              [110.643495, 26.308552],
              [110.612083, 26.333764],
              [110.584365, 26.296749],
              [110.552952, 26.283335],
              [110.546793, 26.233421],
              [110.495054, 26.166299],
              [110.477808, 26.179727],
              [110.437772, 26.153945],
              [110.373098, 26.088927],
              [110.325671, 25.975462],
              [110.257301, 25.961473],
              [110.24991, 26.010965],
              [110.181541, 26.060437],
              [110.168606, 26.028713],
              [110.100853, 26.020108],
              [110.065128, 26.050221],
              [110.100853, 26.132455],
              [110.099005, 26.168985],
              [110.03002, 26.166299],
              [109.970274, 26.195301],
              [109.904368, 26.135679],
              [109.898825, 26.095377],
              [109.864332, 26.027637],
              [109.814441, 26.041081],
              [109.782412, 25.996981],
              [109.806434, 25.973848],
              [109.826144, 25.911422],
              [109.811361, 25.877504],
              [109.779333, 25.866196],
              [109.768246, 25.890427],
              [109.685094, 25.880197],
              [109.67955, 25.921649],
              [109.693717, 25.959321],
              [109.710963, 25.954478],
              [109.730057, 25.989988],
              [109.649369, 26.016882],
              [109.635203, 26.047533],
              [109.588391, 26.019571],
              [109.560058, 26.021184],
              [109.513247, 25.998056],
              [109.48245, 26.029788],
            ],
          ],
          [
            [
              [109.528645, 26.743881],
              [109.52187, 26.749226],
              [109.522486, 26.749226],
              [109.528645, 26.743881],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 440000,
        name: '广东省',
        center: [113.280637, 23.125178],
        centroid: [113.429915, 23.334652],
        childrenNum: 21,
        level: 'province',
        subFeatureIndex: 18,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [109.785492, 21.45673],
              [109.788572, 21.490702],
              [109.754695, 21.556396],
              [109.742992, 21.616497],
              [109.778101, 21.670455],
              [109.786108, 21.637638],
              [109.839695, 21.636525],
              [109.888354, 21.652101],
              [109.888354, 21.652101],
              [109.916071, 21.668787],
              [109.940093, 21.769419],
              [109.94502, 21.84443],
              [109.999839, 21.881643],
              [110.050962, 21.857205],
              [110.101469, 21.86998],
              [110.12857, 21.902744],
              [110.196323, 21.899968],
              [110.212338, 21.886085],
              [110.212338, 21.886085],
              [110.224041, 21.882198],
              [110.224041, 21.882198],
              [110.283787, 21.892194],
              [110.290562, 21.917736],
              [110.337374, 21.887751],
              [110.391576, 21.89386],
              [110.378642, 21.939942],
              [110.378642, 21.939942],
              [110.374946, 21.967695],
              [110.374946, 21.967695],
              [110.352772, 21.97602],
              [110.359547, 22.015973],
              [110.35154, 22.097508],
              [110.364475, 22.125785],
              [110.326287, 22.152393],
              [110.34846, 22.195621],
              [110.378026, 22.164587],
              [110.414366, 22.208365],
              [110.456866, 22.189526],
              [110.505525, 22.14297],
              [110.55788, 22.196175],
              [110.602843, 22.18343],
              [110.598532, 22.162924],
              [110.629329, 22.149068],
              [110.678604, 22.172901],
              [110.646575, 22.220554],
              [110.687843, 22.249914],
              [110.725415, 22.29588],
              [110.759292, 22.274837],
              [110.787009, 22.28259],
              [110.749437, 22.329653],
              [110.74143, 22.361757],
              [110.711249, 22.369506],
              [110.712481, 22.440879],
              [110.688459, 22.477935],
              [110.74143, 22.464109],
              [110.740198, 22.498947],
              [110.762988, 22.518298],
              [110.749437, 22.556991],
              [110.778386, 22.585174],
              [110.812263, 22.576333],
              [110.897878, 22.591805],
              [110.896031, 22.613352],
              [110.950233, 22.61059],
              [110.958856, 22.636553],
              [110.997045, 22.631582],
              [111.055559, 22.648705],
              [111.089435, 22.695643],
              [111.058023, 22.729871],
              [111.118385, 22.744773],
              [111.185522, 22.735942],
              [111.218167, 22.748085],
              [111.358601, 22.889301],
              [111.374615, 22.938361],
              [111.362913, 22.967568],
              [111.403565, 22.99126],
              [111.389398, 23.005583],
              [111.433746, 23.036428],
              [111.43313, 23.073322],
              [111.402333, 23.066165],
              [111.377695, 23.082132],
              [111.365992, 23.14488],
              [111.38447, 23.16744],
              [111.388782, 23.210349],
              [111.36476, 23.240047],
              [111.353058, 23.284582],
              [111.376463, 23.30437],
              [111.363528, 23.340641],
              [111.389398, 23.375804],
              [111.383239, 23.399423],
              [111.399869, 23.469159],
              [111.428818, 23.466414],
              [111.479941, 23.532822],
              [111.487332, 23.626615],
              [111.555702, 23.64087],
              [111.615448, 23.639225],
              [111.614832, 23.65896],
              [111.666571, 23.718696],
              [111.621607, 23.725819],
              [111.627766, 23.78881],
              [111.654868, 23.833159],
              [111.683201, 23.822758],
              [111.683201, 23.822758],
              [111.722621, 23.823305],
              [111.8107, 23.80688],
              [111.824867, 23.832612],
              [111.812548, 23.887343],
              [111.845809, 23.904305],
              [111.854432, 23.947521],
              [111.911714, 23.943693],
              [111.940664, 23.987989],
              [111.92157, 24.012045],
              [111.878454, 24.109862],
              [111.886461, 24.163929],
              [111.871062, 24.176487],
              [111.877222, 24.227252],
              [111.912946, 24.221795],
              [111.958526, 24.263813],
              [111.986243, 24.25672],
              [111.990555, 24.279634],
              [112.026279, 24.294908],
              [112.05954, 24.339628],
              [112.057692, 24.387057],
              [112.025047, 24.438828],
              [111.985011, 24.467701],
              [112.009649, 24.503103],
              [112.007185, 24.534684],
              [111.972077, 24.578775],
              [111.936968, 24.595645],
              [111.927729, 24.629378],
              [111.953598, 24.64733],
              [111.939432, 24.686487],
              [111.961606, 24.721283],
              [112.024431, 24.740308],
              [112.03367, 24.771286],
              [112.124214, 24.841364],
              [112.149467, 24.837019],
              [112.167329, 24.859828],
              [112.175337, 24.927685],
              [112.119902, 24.963499],
              [112.12175, 24.989538],
              [112.155626, 25.026419],
              [112.151931, 25.055698],
              [112.177184, 25.106649],
              [112.174105, 25.128866],
              [112.19751, 25.187368],
              [112.246785, 25.185202],
              [112.256025, 25.159204],
              [112.302836, 25.157037],
              [112.315771, 25.175453],
              [112.365046, 25.191701],
              [112.414937, 25.14241],
              [112.44327, 25.185744],
              [112.458053, 25.152162],
              [112.562762, 25.124531],
              [112.628052, 25.140785],
              [112.660081, 25.132658],
              [112.712436, 25.083344],
              [112.714899, 25.025876],
              [112.742001, 24.99876],
              [112.743233, 24.959701],
              [112.778341, 24.947764],
              [112.780805, 24.896747],
              [112.873812, 24.896747],
              [112.904609, 24.921715],
              [112.984681, 24.921172],
              [113.011782, 24.946136],
              [113.009934, 24.977604],
              [112.979137, 25.03401],
              [113.018557, 25.083344],
              [112.96805, 25.141869],
              [112.97421, 25.168412],
              [113.034572, 25.198199],
              [112.992688, 25.247467],
              [112.958195, 25.254503],
              [112.897833, 25.238264],
              [112.867036, 25.249632],
              [112.854718, 25.337829],
              [112.891058, 25.339993],
              [112.924319, 25.296714],
              [112.93479, 25.325929],
              [112.969898, 25.350269],
              [113.013014, 25.352432],
              [113.078304, 25.382174],
              [113.096782, 25.412449],
              [113.130658, 25.427043],
              [113.11834, 25.44704],
              [113.176854, 25.471355],
              [113.226129, 25.50971],
              [113.248919, 25.514031],
              [113.311129, 25.490264],
              [113.314208, 25.442716],
              [113.341926, 25.448661],
              [113.373338, 25.402719],
              [113.407215, 25.401637],
              [113.449715, 25.359463],
              [113.479896, 25.375145],
              [113.535946, 25.368656],
              [113.579062, 25.34432],
              [113.584606, 25.306453],
              [113.611707, 25.327552],
              [113.680076, 25.334584],
              [113.686852, 25.351891],
              [113.753373, 25.362707],
              [113.76446, 25.333502],
              [113.814967, 25.328634],
              [113.839605, 25.363248],
              [113.877177, 25.380552],
              [113.887032, 25.436772],
              [113.94493, 25.441635],
              [114.003444, 25.442716],
              [113.983118, 25.415152],
              [114.050256, 25.36433],
              [114.029314, 25.328093],
              [114.017611, 25.273987],
              [114.039785, 25.250714],
              [114.055799, 25.277775],
              [114.083517, 25.275611],
              [114.115545, 25.302125],
              [114.190074, 25.316733],
              [114.204857, 25.29942],
              [114.260291, 25.291845],
              [114.2954, 25.299961],
              [114.31511, 25.33837],
              [114.382863, 25.317274],
              [114.43029, 25.343779],
              [114.438914, 25.376226],
              [114.477718, 25.37136],
              [114.541159, 25.416773],
              [114.599674, 25.385959],
              [114.63663, 25.324306],
              [114.714238, 25.315651],
              [114.743188, 25.274528],
              [114.73518, 25.225813],
              [114.693912, 25.213902],
              [114.685905, 25.173287],
              [114.73518, 25.155954],
              [114.735796, 25.121822],
              [114.664963, 25.10123],
              [114.640326, 25.074129],
              [114.604601, 25.083886],
              [114.561485, 25.077382],
              [114.532536, 25.022623],
              [114.506051, 24.999844],
              [114.45616, 24.99659],
              [114.454928, 24.977062],
              [114.395798, 24.951019],
              [114.403189, 24.877746],
              [114.378551, 24.861457],
              [114.342211, 24.807145],
              [114.336052, 24.749004],
              [114.281849, 24.724001],
              [114.27261, 24.700624],
              [114.169132, 24.689749],
              [114.19069, 24.656576],
              [114.258443, 24.641346],
              [114.289856, 24.619042],
              [114.300943, 24.578775],
              [114.363769, 24.582584],
              [114.391486, 24.563535],
              [114.403189, 24.497657],
              [114.429058, 24.48622],
              [114.534384, 24.559181],
              [114.589819, 24.537406],
              [114.627391, 24.576598],
              [114.664963, 24.583673],
              [114.704999, 24.525973],
              [114.73826, 24.565168],
              [114.729637, 24.608704],
              [114.781376, 24.613057],
              [114.827571, 24.588026],
              [114.846665, 24.602719],
              [114.868839, 24.562446],
              [114.893477, 24.582584],
              [114.909491, 24.661471],
              [114.940288, 24.650049],
              [115.00373, 24.679418],
              [115.024672, 24.669085],
              [115.057317, 24.703343],
              [115.083802, 24.699537],
              [115.104744, 24.667997],
              [115.1842, 24.711498],
              [115.258729, 24.728894],
              [115.269816, 24.749548],
              [115.306772, 24.758787],
              [115.358511, 24.735416],
              [115.372678, 24.774546],
              [115.412714, 24.79302],
              [115.476771, 24.762591],
              [115.522967, 24.702799],
              [115.555611, 24.683768],
              [115.569778, 24.622306],
              [115.605503, 24.62557],
              [115.671408, 24.604895],
              [115.68927, 24.545027],
              [115.752712, 24.546116],
              [115.785357, 24.567345],
              [115.843871, 24.562446],
              [115.840791, 24.584217],
              [115.797676, 24.628834],
              [115.780429, 24.663103],
              [115.801371, 24.705517],
              [115.769342, 24.708236],
              [115.756408, 24.749004],
              [115.776734, 24.774546],
              [115.764415, 24.791933],
              [115.790284, 24.856027],
              [115.807531, 24.862543],
              [115.824161, 24.909232],
              [115.863581, 24.891318],
              [115.861733, 24.863629],
              [115.907313, 24.879917],
              [115.885139, 24.898918],
              [115.89253, 24.936911],
              [115.907929, 24.923343],
              [115.985537, 24.899461],
              [116.015102, 24.905975],
              [116.068073, 24.850053],
              [116.153073, 24.846795],
              [116.191877, 24.877203],
              [116.221442, 24.829959],
              [116.251007, 24.82507],
              [116.244232, 24.793563],
              [116.297202, 24.801712],
              [116.345862, 24.828872],
              [116.363724, 24.87123],
              [116.395137, 24.877746],
              [116.417927, 24.840821],
              [116.381586, 24.82507],
              [116.375427, 24.803885],
              [116.419158, 24.767482],
              [116.416079, 24.744113],
              [116.44626, 24.714216],
              [116.485064, 24.720196],
              [116.517709, 24.652225],
              [116.506622, 24.621218],
              [116.530027, 24.604895],
              [116.570679, 24.621762],
              [116.600861, 24.654401],
              [116.623034, 24.64189],
              [116.667382, 24.658752],
              [116.777635, 24.679418],
              [116.815207, 24.654944],
              [116.761005, 24.583128],
              [116.759157, 24.545572],
              [116.796729, 24.502014],
              [116.83307, 24.496568],
              [116.860787, 24.460075],
              [116.839229, 24.442097],
              [116.903903, 24.369614],
              [116.895895, 24.350533],
              [116.919301, 24.321087],
              [116.914374, 24.287817],
              [116.938395, 24.28127],
              [116.933468, 24.220157],
              [116.956257, 24.216883],
              [116.998757, 24.179217],
              [116.9347, 24.126794],
              [116.930388, 24.064514],
              [116.953178, 24.008218],
              [116.981511, 23.999471],
              [116.976583, 23.931659],
              [116.955642, 23.922359],
              [116.981511, 23.855602],
              [117.012308, 23.855054],
              [117.019083, 23.801952],
              [117.048032, 23.758687],
              [117.055424, 23.694038],
              [117.123793, 23.647448],
              [117.147199, 23.654027],
              [117.192778, 23.629356],
              [117.192778, 23.5619],
              [117.085605, 23.536663],
              [117.044953, 23.539955],
              [117.01046, 23.502641],
              [116.963649, 23.507031],
              [116.92854, 23.530079],
              [116.888504, 23.501543],
              [116.895895, 23.476295],
              [116.874953, 23.447748],
              [116.874338, 23.447199],
              [116.871258, 23.416449],
              [116.871874, 23.4159],
              [116.782563, 23.313714],
              [116.798577, 23.244996],
              [116.821367, 23.240597],
              [116.806584, 23.200998],
              [116.74499, 23.215299],
              [116.701259, 23.198248],
              [116.665534, 23.158086],
              [116.566368, 23.134424],
              [116.550969, 23.109656],
              [116.566368, 23.088738],
              [116.557129, 23.056253],
              [116.576839, 23.014397],
              [116.542346, 22.995667],
              [116.50539, 22.930645],
              [116.449955, 22.936707],
              [116.382818, 22.91907],
              [116.317528, 22.95269],
              [116.226985, 22.91466],
              [116.191261, 22.874965],
              [116.104413, 22.816505],
              [116.05637, 22.844635],
              [115.99724, 22.826985],
              [115.965211, 22.800506],
              [115.931334, 22.802713],
              [115.883291, 22.78561],
              [115.829089, 22.734838],
              [115.796444, 22.739254],
              [115.788437, 22.809885],
              [115.760103, 22.834707],
              [115.696046, 22.84298],
              [115.654162, 22.865591],
              [115.583945, 22.82864],
              [115.570394, 22.786713],
              [115.541445, 22.755259],
              [115.609198, 22.753052],
              [115.565467, 22.684048],
              [115.575322, 22.650914],
              [115.471844, 22.697852],
              [115.430576, 22.684048],
              [115.381301, 22.684048],
              [115.349272, 22.712206],
              [115.338185, 22.776781],
              [115.319091, 22.783402],
              [115.230396, 22.776781],
              [115.236555, 22.82533],
              [115.190359, 22.818711],
              [115.190975, 22.77347],
              [115.154635, 22.80161],
              [115.061628, 22.783402],
              [115.053621, 22.747533],
              [115.02344, 22.726007],
              [115.039454, 22.713862],
              [114.945216, 22.645391],
              [114.927969, 22.621639],
              [114.922426, 22.549253],
              [114.88547, 22.538751],
              [114.866375, 22.591805],
              [114.746267, 22.581859],
              [114.743803, 22.632687],
              [114.728405, 22.651466],
              [114.73518, 22.724351],
              [114.749963, 22.764089],
              [114.709927, 22.787817],
              [114.689601, 22.7674],
              [114.601521, 22.730975],
              [114.591666, 22.690122],
              [114.567029, 22.685705],
              [114.51529, 22.655332],
              [114.579964, 22.661407],
              [114.603369, 22.638763],
              [114.559022, 22.583517],
              [114.568261, 22.560859],
              [114.614456, 22.545384],
              [114.628623, 22.513875],
              [114.611377, 22.481806],
              [114.549167, 22.465769],
              [114.506667, 22.438667],
              [114.476486, 22.459132],
              [114.472174, 22.522168],
              [114.427211, 22.589042],
              [114.381631, 22.60175],
              [114.321885, 22.587385],
              [114.294784, 22.563623],
              [114.232574, 22.539857],
              [114.222719, 22.553122],
              [114.166052, 22.559201],
              [114.156813, 22.543726],
              [114.095219, 22.534329],
              [114.082285, 22.512216],
              [114.031778, 22.503923],
              [113.976343, 22.510558],
              [113.954785, 22.491206],
              [113.952937, 22.486783],
              [113.893807, 22.442539],
              [113.869786, 22.459685],
              [113.856851, 22.539857],
              [113.803264, 22.593463],
              [113.773083, 22.643182],
              [113.751525, 22.715518],
              [113.733663, 22.736494],
              [113.678228, 22.726007],
              [113.717033, 22.645391],
              [113.740438, 22.534329],
              [113.691779, 22.514981],
              [113.668373, 22.4807],
              [113.631417, 22.475723],
              [113.573519, 22.41156],
              [113.608627, 22.408793],
              [113.624642, 22.443092],
              [113.66591, 22.438667],
              [113.669605, 22.416539],
              [113.627721, 22.349027],
              [113.604932, 22.339617],
              [113.617866, 22.315259],
              [113.595693, 22.304186],
              [113.594461, 22.228864],
              [113.558736, 22.212244],
              [113.53841, 22.209473],
              [113.534715, 22.174009],
              [113.554425, 22.142416],
              [113.554425, 22.107489],
              [113.567359, 22.075327],
              [113.527939, 22.073663],
              [113.45957, 22.043711],
              [113.442324, 22.009315],
              [113.330223, 21.96159],
              [113.319752, 21.909407],
              [113.266781, 21.871646],
              [113.235368, 21.887751],
              [113.1516, 21.979905],
              [113.142977, 22.012089],
              [113.091854, 22.065344],
              [113.086927, 22.12634],
              [113.045659, 22.088636],
              [113.032108, 22.04593],
              [113.053666, 22.012089],
              [113.047507, 21.956595],
              [112.989608, 21.869424],
              [112.929862, 21.838875],
              [112.893522, 21.84443],
              [112.841167, 21.920512],
              [112.792508, 21.921067],
              [112.68595, 21.810541],
              [112.647146, 21.758302],
              [112.535661, 21.753856],
              [112.497473, 21.785535],
              [112.445734, 21.803317],
              [112.427256, 21.789981],
              [112.415553, 21.734956],
              [112.353343, 21.707157],
              [112.238778, 21.702153],
              [112.236315, 21.727173],
              [112.196894, 21.736624],
              [112.192583, 21.789425],
              [112.136532, 21.793871],
              [112.036134, 21.761637],
              [111.956062, 21.710494],
              [111.954214, 21.667674],
              [111.997946, 21.657107],
              [112.026895, 21.633744],
              [111.972692, 21.603144],
              [111.941896, 21.607039],
              [111.887693, 21.578659],
              [111.810084, 21.555283],
              [111.832258, 21.578659],
              [111.794686, 21.61149],
              [111.736788, 21.609821],
              [111.693672, 21.590345],
              [111.677658, 21.529677],
              [111.650556, 21.512418],
              [111.609904, 21.530234],
              [111.560629, 21.50518],
              [111.521825, 21.517429],
              [111.494724, 21.501282],
              [111.444217, 21.514088],
              [111.382623, 21.495714],
              [111.353058, 21.464528],
              [111.28592, 21.41885],
              [111.258819, 21.412165],
              [111.253275, 21.452831],
              [111.276065, 21.443362],
              [111.28284, 21.485691],
              [111.171355, 21.458401],
              [111.103602, 21.455616],
              [111.034617, 21.438906],
              [110.929291, 21.375945],
              [110.888639, 21.367585],
              [110.796248, 21.37483],
              [110.768531, 21.364799],
              [110.713097, 21.3124],
              [110.65951, 21.239902],
              [110.626249, 21.215915],
              [110.534474, 21.204198],
              [110.501213, 21.217588],
              [110.451322, 21.186343],
              [110.422373, 21.190807],
              [110.39096, 21.124949],
              [110.296722, 21.093684],
              [110.24991, 21.045098],
              [110.241903, 21.016051],
              [110.208642, 21.050684],
              [110.204947, 21.003202],
              [110.180925, 20.98197],
              [110.184005, 20.891979],
              [110.209874, 20.860106],
              [110.269004, 20.839972],
              [110.327519, 20.847802],
              [110.393424, 20.816479],
              [110.407591, 20.731987],
              [110.392192, 20.682724],
              [110.411286, 20.670966],
              [110.466105, 20.680485],
              [110.487047, 20.640167],
              [110.499982, 20.572386],
              [110.550489, 20.47262],
              [110.54125, 20.42047],
              [110.491358, 20.373912],
              [110.452554, 20.311064],
              [110.425453, 20.291419],
              [110.384185, 20.293103],
              [110.349076, 20.258859],
              [110.296722, 20.249314],
              [110.220345, 20.25156],
              [110.168606, 20.219553],
              [110.118099, 20.219553],
              [110.082375, 20.258859],
              [109.993679, 20.254368],
              [109.929006, 20.211691],
              [109.909296, 20.236961],
              [109.916071, 20.316677],
              [109.861252, 20.376717],
              [109.864948, 20.40196],
              [109.895745, 20.42776],
              [109.888354, 20.475423],
              [109.839695, 20.489439],
              [109.811977, 20.541566],
              [109.813825, 20.574627],
              [109.793499, 20.615522],
              [109.74484, 20.621124],
              [109.730057, 20.719673],
              [109.711579, 20.774519],
              [109.664768, 20.862343],
              [109.655529, 20.929435],
              [109.674007, 21.067997],
              [109.674623, 21.136671],
              [109.763934, 21.226514],
              [109.757775, 21.346963],
              [109.770709, 21.359783],
              [109.868644, 21.365913],
              [109.904368, 21.429992],
              [109.894513, 21.442248],
              [109.819369, 21.445033],
              [109.785492, 21.45673],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 450000,
        name: '广西壮族自治区',
        center: [108.320004, 22.82402],
        centroid: [108.7944, 23.833381],
        childrenNum: 14,
        level: 'province',
        subFeatureIndex: 19,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [112.024431, 24.740308],
              [111.961606, 24.721283],
              [111.939432, 24.686487],
              [111.953598, 24.64733],
              [111.927729, 24.629378],
              [111.936968, 24.595645],
              [111.972077, 24.578775],
              [112.007185, 24.534684],
              [112.009649, 24.503103],
              [111.985011, 24.467701],
              [112.025047, 24.438828],
              [112.057692, 24.387057],
              [112.05954, 24.339628],
              [112.026279, 24.294908],
              [111.990555, 24.279634],
              [111.986243, 24.25672],
              [111.958526, 24.263813],
              [111.912946, 24.221795],
              [111.877222, 24.227252],
              [111.871062, 24.176487],
              [111.886461, 24.163929],
              [111.878454, 24.109862],
              [111.92157, 24.012045],
              [111.940664, 23.987989],
              [111.911714, 23.943693],
              [111.854432, 23.947521],
              [111.845809, 23.904305],
              [111.812548, 23.887343],
              [111.824867, 23.832612],
              [111.8107, 23.80688],
              [111.722621, 23.823305],
              [111.683201, 23.822758],
              [111.683201, 23.822758],
              [111.654868, 23.833159],
              [111.627766, 23.78881],
              [111.621607, 23.725819],
              [111.666571, 23.718696],
              [111.614832, 23.65896],
              [111.615448, 23.639225],
              [111.555702, 23.64087],
              [111.487332, 23.626615],
              [111.479941, 23.532822],
              [111.428818, 23.466414],
              [111.399869, 23.469159],
              [111.383239, 23.399423],
              [111.389398, 23.375804],
              [111.363528, 23.340641],
              [111.376463, 23.30437],
              [111.353058, 23.284582],
              [111.36476, 23.240047],
              [111.388782, 23.210349],
              [111.38447, 23.16744],
              [111.365992, 23.14488],
              [111.377695, 23.082132],
              [111.402333, 23.066165],
              [111.43313, 23.073322],
              [111.433746, 23.036428],
              [111.389398, 23.005583],
              [111.403565, 22.99126],
              [111.362913, 22.967568],
              [111.374615, 22.938361],
              [111.358601, 22.889301],
              [111.218167, 22.748085],
              [111.185522, 22.735942],
              [111.118385, 22.744773],
              [111.058023, 22.729871],
              [111.089435, 22.695643],
              [111.055559, 22.648705],
              [110.997045, 22.631582],
              [110.958856, 22.636553],
              [110.950233, 22.61059],
              [110.896031, 22.613352],
              [110.897878, 22.591805],
              [110.812263, 22.576333],
              [110.778386, 22.585174],
              [110.749437, 22.556991],
              [110.762988, 22.518298],
              [110.740198, 22.498947],
              [110.74143, 22.464109],
              [110.688459, 22.477935],
              [110.712481, 22.440879],
              [110.711249, 22.369506],
              [110.74143, 22.361757],
              [110.749437, 22.329653],
              [110.787009, 22.28259],
              [110.759292, 22.274837],
              [110.725415, 22.29588],
              [110.687843, 22.249914],
              [110.646575, 22.220554],
              [110.678604, 22.172901],
              [110.629329, 22.149068],
              [110.598532, 22.162924],
              [110.602843, 22.18343],
              [110.55788, 22.196175],
              [110.505525, 22.14297],
              [110.456866, 22.189526],
              [110.414366, 22.208365],
              [110.378026, 22.164587],
              [110.34846, 22.195621],
              [110.326287, 22.152393],
              [110.364475, 22.125785],
              [110.35154, 22.097508],
              [110.359547, 22.015973],
              [110.352772, 21.97602],
              [110.374946, 21.967695],
              [110.374946, 21.967695],
              [110.378642, 21.939942],
              [110.378642, 21.939942],
              [110.391576, 21.89386],
              [110.337374, 21.887751],
              [110.290562, 21.917736],
              [110.283787, 21.892194],
              [110.224041, 21.882198],
              [110.224041, 21.882198],
              [110.212338, 21.886085],
              [110.212338, 21.886085],
              [110.196323, 21.899968],
              [110.12857, 21.902744],
              [110.101469, 21.86998],
              [110.050962, 21.857205],
              [109.999839, 21.881643],
              [109.94502, 21.84443],
              [109.940093, 21.769419],
              [109.916071, 21.668787],
              [109.888354, 21.652101],
              [109.888354, 21.652101],
              [109.839695, 21.636525],
              [109.786108, 21.637638],
              [109.778101, 21.670455],
              [109.742992, 21.616497],
              [109.754695, 21.556396],
              [109.788572, 21.490702],
              [109.785492, 21.45673],
              [109.704188, 21.462857],
              [109.654913, 21.493487],
              [109.612413, 21.556953],
              [109.604406, 21.523553],
              [109.576689, 21.493487],
              [109.540964, 21.466199],
              [109.529877, 21.437234],
              [109.484914, 21.453388],
              [109.41716, 21.438906],
              [109.245929, 21.425536],
              [109.186183, 21.390991],
              [109.138756, 21.388762],
              [109.095024, 21.419407],
              [109.046365, 21.424421],
              [109.039589, 21.457844],
              [109.074698, 21.489589],
              [109.142451, 21.511861],
              [109.138756, 21.567528],
              [109.110422, 21.568085],
              [109.09872, 21.571424],
              [109.093792, 21.579215],
              [108.937959, 21.589789],
              [108.881293, 21.627068],
              [108.83325, 21.610933],
              [108.801837, 21.626512],
              [108.745786, 21.602587],
              [108.710062, 21.646538],
              [108.705134, 21.622061],
              [108.678033, 21.659331],
              [108.658939, 21.643757],
              [108.626294, 21.67991],
              [108.591802, 21.677129],
              [108.492635, 21.554727],
              [108.397781, 21.533017],
              [108.330027, 21.540254],
              [108.230245, 21.491259],
              [108.210535, 21.505737],
              [108.249955, 21.561406],
              [108.241332, 21.599805],
              [108.205608, 21.597579],
              [108.156332, 21.55083],
              [108.193905, 21.519656],
              [108.108289, 21.508521],
              [108.041768, 21.544151],
              [107.958, 21.534131],
              [107.929051, 21.585893],
              [107.893942, 21.596466],
              [107.892095, 21.622617],
              [107.863761, 21.650988],
              [107.837892, 21.640419],
              [107.807711, 21.655438],
              [107.712856, 21.616497],
              [107.603219, 21.597579],
              [107.584741, 21.614828],
              [107.547168, 21.58645],
              [107.486806, 21.59591],
              [107.500973, 21.613715],
              [107.477567, 21.659888],
              [107.431372, 21.642088],
              [107.388256, 21.594241],
              [107.363619, 21.602031],
              [107.356843, 21.667674],
              [107.310648, 21.733844],
              [107.271844, 21.727173],
              [107.242279, 21.703265],
              [107.199163, 21.718833],
              [107.194851, 21.736624],
              [107.148656, 21.758858],
              [107.093837, 21.803317],
              [107.018077, 21.81943],
              [107.018693, 21.859427],
              [107.058729, 21.887196],
              [107.05996, 21.914959],
              [106.999598, 21.947714],
              [106.974345, 21.923288],
              [106.935541, 21.933836],
              [106.926302, 21.967695],
              [106.859164, 21.986009],
              [106.802498, 21.98157],
              [106.790179, 22.004876],
              [106.73844, 22.008205],
              [106.698404, 21.959925],
              [106.683006, 21.999882],
              [106.706411, 22.021521],
              [106.71565, 22.089745],
              [106.691629, 22.13521],
              [106.706411, 22.160707],
              [106.673151, 22.182322],
              [106.7021, 22.207257],
              [106.688549, 22.260438],
              [106.670071, 22.283144],
              [106.663296, 22.33076],
              [106.562897, 22.345706],
              [106.588767, 22.374486],
              [106.560434, 22.455813],
              [106.588151, 22.472958],
              [106.585071, 22.517192],
              [106.61402, 22.602303],
              [106.652825, 22.57357],
              [106.711955, 22.575228],
              [106.756302, 22.68957],
              [106.780324, 22.708894],
              [106.768621, 22.739254],
              [106.820976, 22.768504],
              [106.838838, 22.803265],
              [106.813585, 22.817608],
              [106.808657, 22.817608],
              [106.804346, 22.816505],
              [106.801882, 22.815401],
              [106.776012, 22.813746],
              [106.709491, 22.866142],
              [106.716882, 22.881582],
              [106.674998, 22.891506],
              [106.657136, 22.863385],
              [106.631267, 22.88103],
              [106.606013, 22.925684],
              [106.562282, 22.923479],
              [106.525941, 22.946628],
              [106.504383, 22.91025],
              [106.41384, 22.877171],
              [106.37134, 22.878273],
              [106.366413, 22.857871],
              [106.286957, 22.867245],
              [106.258007, 22.889852],
              [106.270326, 22.907494],
              [106.206885, 22.978588],
              [106.153914, 22.988505],
              [106.106486, 22.980792],
              [106.08616, 22.996218],
              [106.019639, 22.990709],
              [105.994385, 22.93781],
              [105.959277, 22.948832],
              [105.893987, 22.936707],
              [105.879205, 22.916865],
              [105.839169, 22.987403],
              [105.805908, 22.994565],
              [105.780039, 23.022659],
              [105.74185, 23.030921],
              [105.724604, 23.06231],
              [105.648844, 23.078828],
              [105.625438, 23.064513],
              [105.574931, 23.066165],
              [105.558916, 23.177893],
              [105.542902, 23.184495],
              [105.526272, 23.234548],
              [105.560148, 23.257093],
              [105.593409, 23.312614],
              [105.649459, 23.346136],
              [105.699966, 23.327453],
              [105.694423, 23.363168],
              [105.637757, 23.404366],
              [105.699966, 23.40162],
              [105.758481, 23.459826],
              [105.805908, 23.467512],
              [105.815763, 23.507031],
              [105.852103, 23.526786],
              [105.89214, 23.52514],
              [105.913081, 23.499348],
              [105.935871, 23.508678],
              [105.986378, 23.489469],
              [105.999929, 23.447748],
              [106.039965, 23.484529],
              [106.071994, 23.495506],
              [106.08616, 23.524043],
              [106.141595, 23.569579],
              [106.120653, 23.605229],
              [106.149602, 23.665538],
              [106.157609, 23.724175],
              [106.136667, 23.795381],
              [106.192102, 23.824947],
              [106.173008, 23.861622],
              [106.192718, 23.879135],
              [106.157609, 23.891174],
              [106.128044, 23.956819],
              [106.091088, 23.998924],
              [106.096631, 24.018058],
              [106.053516, 24.051399],
              [106.04982, 24.089649],
              [106.011632, 24.099482],
              [105.998081, 24.120786],
              [105.963589, 24.110954],
              [105.919241, 24.122425],
              [105.901995, 24.099482],
              [105.908154, 24.069432],
              [105.89214, 24.040468],
              [105.859495, 24.056864],
              [105.841633, 24.03063],
              [105.796669, 24.023524],
              [105.802212, 24.051945],
              [105.765256, 24.073804],
              [105.739387, 24.059596],
              [105.704278, 24.0667],
              [105.649459, 24.032816],
              [105.628518, 24.126794],
              [105.594641, 24.137718],
              [105.533663, 24.130071],
              [105.493011, 24.016965],
              [105.406163, 24.043748],
              [105.395692, 24.065607],
              [105.334099, 24.094566],
              [105.320548, 24.116416],
              [105.273121, 24.092927],
              [105.292831, 24.074896],
              [105.260186, 24.061236],
              [105.20044, 24.105491],
              [105.182577, 24.167205],
              [105.229389, 24.165567],
              [105.24294, 24.208695],
              [105.215222, 24.214699],
              [105.164715, 24.288362],
              [105.196744, 24.326541],
              [105.188121, 24.347261],
              [105.138846, 24.376701],
              [105.111744, 24.37234],
              [105.106817, 24.414853],
              [105.042759, 24.442097],
              [104.979933, 24.412673],
              [104.930042, 24.411038],
              [104.914028, 24.426296],
              [104.83642, 24.446456],
              [104.784681, 24.443732],
              [104.765587, 24.45953],
              [104.74834, 24.435559],
              [104.715695, 24.441552],
              [104.703377, 24.419757],
              [104.721239, 24.340173],
              [104.70892, 24.321087],
              [104.641783, 24.367979],
              [104.610986, 24.377246],
              [104.63008, 24.397958],
              [104.616529, 24.421937],
              [104.575877, 24.424661],
              [104.550008, 24.518894],
              [104.520443, 24.535228],
              [104.489646, 24.653313],
              [104.529682, 24.731611],
              [104.595587, 24.709323],
              [104.628848, 24.660927],
              [104.703377, 24.645698],
              [104.729246, 24.617953],
              [104.771746, 24.659839],
              [104.841963, 24.676155],
              [104.865985, 24.730524],
              [104.899245, 24.752809],
              [105.03352, 24.787586],
              [105.026745, 24.815836],
              [105.039064, 24.872859],
              [105.077868, 24.918459],
              [105.082179, 24.915745],
              [105.096346, 24.928228],
              [105.09573, 24.92877],
              [105.131454, 24.959701],
              [105.157324, 24.958616],
              [105.178266, 24.985199],
              [105.212758, 24.995505],
              [105.251563, 24.967296],
              [105.267577, 24.929313],
              [105.334099, 24.9266],
              [105.365511, 24.943423],
              [105.428337, 24.930941],
              [105.457286, 24.87123],
              [105.493011, 24.833217],
              [105.497322, 24.809318],
              [105.573083, 24.797366],
              [105.607576, 24.803885],
              [105.617431, 24.78161],
              [105.70551, 24.768569],
              [105.767104, 24.719109],
              [105.827466, 24.702799],
              [105.863806, 24.729437],
              [105.942031, 24.725088],
              [105.961741, 24.677786],
              [106.024566, 24.633186],
              [106.047356, 24.684312],
              [106.113878, 24.714216],
              [106.150218, 24.762591],
              [106.173008, 24.760417],
              [106.206269, 24.851139],
              [106.197645, 24.885889],
              [106.145291, 24.954275],
              [106.191486, 24.95319],
              [106.215508, 24.981944],
              [106.253696, 24.971094],
              [106.304819, 24.973807],
              [106.332536, 24.988454],
              [106.442173, 25.019369],
              [106.450181, 25.033468],
              [106.519782, 25.054072],
              [106.551195, 25.082802],
              [106.590615, 25.08768],
              [106.63989, 25.132658],
              [106.644817, 25.164621],
              [106.691013, 25.179245],
              [106.732281, 25.162454],
              [106.764926, 25.183036],
              [106.787715, 25.17112],
              [106.853005, 25.186827],
              [106.888113, 25.181953],
              [106.904128, 25.231768],
              [106.933077, 25.250714],
              [106.975577, 25.232851],
              [107.013765, 25.275611],
              [107.012533, 25.352973],
              [106.987896, 25.358922],
              [106.963874, 25.437852],
              [106.996519, 25.442716],
              [107.015613, 25.495666],
              [107.066736, 25.50917],
              [107.064272, 25.559391],
              [107.185612, 25.578825],
              [107.205322, 25.607971],
              [107.228728, 25.604733],
              [107.232423, 25.556691],
              [107.263836, 25.543193],
              [107.336517, 25.461089],
              [107.308184, 25.432988],
              [107.318039, 25.401637],
              [107.358691, 25.393528],
              [107.375937, 25.411908],
              [107.420901, 25.392987],
              [107.409198, 25.347024],
              [107.432604, 25.289139],
              [107.481263, 25.299961],
              [107.489886, 25.276693],
              [107.472024, 25.213902],
              [107.512676, 25.209029],
              [107.576734, 25.256668],
              [107.599523, 25.250714],
              [107.632168, 25.310241],
              [107.659885, 25.316192],
              [107.661733, 25.258833],
              [107.696226, 25.219858],
              [107.700537, 25.194408],
              [107.741805, 25.24043],
              [107.762131, 25.229061],
              [107.760283, 25.188451],
              [107.789233, 25.15487],
              [107.762747, 25.125073],
              [107.839124, 25.115861],
              [107.872384, 25.141327],
              [107.928435, 25.155954],
              [108.001732, 25.196574],
              [108.080572, 25.193867],
              [108.115065, 25.210112],
              [108.143398, 25.269658],
              [108.152021, 25.324306],
              [108.142782, 25.390825],
              [108.193289, 25.405421],
              [108.162492, 25.444878],
              [108.192673, 25.458928],
              [108.251803, 25.430286],
              [108.241332, 25.46217],
              [108.280752, 25.48],
              [108.308469, 25.525912],
              [108.348506, 25.536173],
              [108.359592, 25.513491],
              [108.400244, 25.491344],
              [108.418723, 25.443257],
              [108.471693, 25.458928],
              [108.585642, 25.365952],
              [108.589338, 25.335125],
              [108.625062, 25.308076],
              [108.62999, 25.335666],
              [108.600425, 25.432448],
              [108.6072, 25.491885],
              [108.634917, 25.520512],
              [108.68912, 25.533473],
              [108.658323, 25.550212],
              [108.660787, 25.584763],
              [108.68604, 25.587462],
              [108.68912, 25.623081],
              [108.724844, 25.634952],
              [108.783975, 25.628477],
              [108.799989, 25.576666],
              [108.781511, 25.554531],
              [108.814772, 25.526992],
              [108.826474, 25.550212],
              [108.890532, 25.556151],
              [108.8893, 25.543193],
              [108.949046, 25.557231],
              [109.024807, 25.51241],
              [109.088249, 25.550752],
              [109.051908, 25.566949],
              [109.030966, 25.629556],
              [109.075314, 25.693749],
              [109.07901, 25.72071],
              [109.043285, 25.738502],
              [109.007561, 25.734728],
              [108.953974, 25.686738],
              [108.953974, 25.686738],
              [108.900387, 25.682423],
              [108.896076, 25.71424],
              [108.940423, 25.740119],
              [108.963829, 25.732572],
              [108.999553, 25.765453],
              [108.989698, 25.778926],
              [109.048213, 25.790781],
              [109.077778, 25.776771],
              [109.095024, 25.80533],
              [109.143683, 25.795092],
              [109.13198, 25.762758],
              [109.147995, 25.741736],
              [109.206509, 25.788087],
              [109.207125, 25.740119],
              [109.296436, 25.71424],
              [109.340168, 25.731493],
              [109.327849, 25.76168],
              [109.339552, 25.83442],
              [109.359262, 25.836036],
              [109.396834, 25.900117],
              [109.435022, 25.93349],
              [109.408537, 25.967392],
              [109.462124, 25.995367],
              [109.48245, 26.029788],
              [109.513247, 25.998056],
              [109.560058, 26.021184],
              [109.588391, 26.019571],
              [109.635203, 26.047533],
              [109.649369, 26.016882],
              [109.730057, 25.989988],
              [109.710963, 25.954478],
              [109.693717, 25.959321],
              [109.67955, 25.921649],
              [109.685094, 25.880197],
              [109.768246, 25.890427],
              [109.779333, 25.866196],
              [109.811361, 25.877504],
              [109.826144, 25.911422],
              [109.806434, 25.973848],
              [109.782412, 25.996981],
              [109.814441, 26.041081],
              [109.864332, 26.027637],
              [109.898825, 26.095377],
              [109.904368, 26.135679],
              [109.970274, 26.195301],
              [110.03002, 26.166299],
              [110.099005, 26.168985],
              [110.100853, 26.132455],
              [110.065128, 26.050221],
              [110.100853, 26.020108],
              [110.168606, 26.028713],
              [110.181541, 26.060437],
              [110.24991, 26.010965],
              [110.257301, 25.961473],
              [110.325671, 25.975462],
              [110.373098, 26.088927],
              [110.437772, 26.153945],
              [110.477808, 26.179727],
              [110.495054, 26.166299],
              [110.546793, 26.233421],
              [110.552952, 26.283335],
              [110.584365, 26.296749],
              [110.612083, 26.333764],
              [110.643495, 26.308552],
              [110.673676, 26.317135],
              [110.711249, 26.29192],
              [110.742046, 26.313917],
              [110.73835, 26.271529],
              [110.759292, 26.248451],
              [110.836284, 26.255966],
              [110.939762, 26.286554],
              [110.926212, 26.320354],
              [110.944074, 26.326791],
              [110.94469, 26.373447],
              [110.974255, 26.385778],
              [111.008747, 26.35897],
              [111.008132, 26.336982],
              [111.090667, 26.308016],
              [111.208928, 26.30426],
              [111.204616, 26.276359],
              [111.228022, 26.261333],
              [111.277913, 26.272066],
              [111.293311, 26.222148],
              [111.271754, 26.217316],
              [111.274833, 26.183486],
              [111.258203, 26.151796],
              [111.26621, 26.095914],
              [111.244652, 26.078177],
              [111.267442, 26.058824],
              [111.235413, 26.048071],
              [111.189834, 25.953402],
              [111.230486, 25.916267],
              [111.251428, 25.864581],
              [111.29208, 25.854349],
              [111.297007, 25.874274],
              [111.346282, 25.906577],
              [111.376463, 25.906039],
              [111.383239, 25.881812],
              [111.460231, 25.885042],
              [111.4861, 25.859196],
              [111.43313, 25.84627],
              [111.442369, 25.77192],
              [111.399869, 25.744431],
              [111.30871, 25.720171],
              [111.309942, 25.645203],
              [111.343202, 25.602574],
              [111.324724, 25.564249],
              [111.32842, 25.521592],
              [111.300087, 25.44812],
              [111.26313, 25.42326],
              [111.257587, 25.395691],
              [111.210776, 25.363248],
              [111.184906, 25.367034],
              [111.138711, 25.303748],
              [111.103602, 25.285351],
              [111.112841, 25.21715],
              [110.998892, 25.161371],
              [110.98411, 25.101772],
              [110.951465, 25.04377],
              [110.968711, 24.975434],
              [111.009363, 24.921172],
              [111.100522, 24.945593],
              [111.101754, 25.035095],
              [111.139943, 25.042144],
              [111.200921, 25.074672],
              [111.221862, 25.106649],
              [111.274833, 25.151078],
              [111.321645, 25.105023],
              [111.36784, 25.108817],
              [111.375231, 25.128324],
              [111.435593, 25.093642],
              [111.416499, 25.047566],
              [111.467622, 25.02208],
              [111.460231, 24.992793],
              [111.43313, 24.979774],
              [111.434977, 24.951562],
              [111.470086, 24.92877],
              [111.447296, 24.892947],
              [111.449144, 24.857113],
              [111.479325, 24.797366],
              [111.461463, 24.728894],
              [111.431282, 24.687574],
              [111.451608, 24.665822],
              [111.499035, 24.667997],
              [111.526752, 24.637538],
              [111.570484, 24.64461],
              [111.588962, 24.690837],
              [111.641933, 24.684856],
              [111.637621, 24.715303],
              [111.666571, 24.760961],
              [111.708455, 24.788673],
              [111.783599, 24.785957],
              [111.814396, 24.770199],
              [111.868599, 24.771829],
              [111.875374, 24.756613],
              [111.929577, 24.75607],
              [111.951135, 24.769655],
              [112.024431, 24.740308],
            ],
          ],
          [
            [
              [105.096346, 24.928228],
              [105.082179, 24.915745],
              [105.077868, 24.918459],
              [105.09573, 24.92877],
              [105.096346, 24.928228],
            ],
          ],
          [
            [
              [109.088249, 21.014934],
              [109.088865, 21.031134],
              [109.09256, 21.057386],
              [109.138756, 21.067439],
              [109.144299, 21.041189],
              [109.117814, 21.017727],
              [109.11227, 21.02499],
              [109.088249, 21.014934],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 460000,
        name: '海南省',
        center: [110.33119, 20.031971],
        centroid: [109.754859, 19.189767],
        childrenNum: 19,
        level: 'province',
        subFeatureIndex: 20,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [110.106396, 20.026812],
              [110.144585, 20.074598],
              [110.243135, 20.077408],
              [110.28933, 20.056047],
              [110.318279, 20.108882],
              [110.387265, 20.113378],
              [110.495054, 20.077408],
              [110.526467, 20.07516],
              [110.562191, 20.110006],
              [110.655814, 20.134169],
              [110.687843, 20.163947],
              [110.717408, 20.148778],
              [110.744509, 20.074036],
              [110.778386, 20.068415],
              [110.808567, 20.035808],
              [110.871393, 20.01163],
              [110.940994, 20.028499],
              [110.966248, 20.018377],
              [111.013675, 19.850159],
              [111.043856, 19.763448],
              [111.071573, 19.628784],
              [111.061718, 19.612436],
              [111.008747, 19.60398],
              [110.920668, 19.552668],
              [110.888023, 19.518827],
              [110.844292, 19.449996],
              [110.787009, 19.399765],
              [110.729727, 19.378878],
              [110.706321, 19.320153],
              [110.676756, 19.286264],
              [110.619474, 19.152334],
              [110.585597, 18.88075],
              [110.590525, 18.838841],
              [110.578206, 18.784458],
              [110.499366, 18.751592],
              [110.499366, 18.651824],
              [110.367555, 18.631977],
              [110.329366, 18.642185],
              [110.246215, 18.609859],
              [110.214186, 18.578662],
              [110.116867, 18.506602],
              [110.090382, 18.399309],
              [110.070672, 18.376025],
              [110.022629, 18.360121],
              [109.919767, 18.375457],
              [109.785492, 18.339672],
              [109.749767, 18.193618],
              [109.726362, 18.177698],
              [109.661688, 18.175424],
              [109.584696, 18.143579],
              [109.527413, 18.169169],
              [109.467051, 18.173718],
              [109.441182, 18.199303],
              [109.355566, 18.215221],
              [109.287813, 18.264671],
              [109.17448, 18.260125],
              [109.138756, 18.268081],
              [109.108575, 18.323766],
              [109.006329, 18.323198],
              [108.944735, 18.314107],
              [108.905315, 18.389087],
              [108.881293, 18.416344],
              [108.776583, 18.441894],
              [108.68912, 18.447571],
              [108.644772, 18.486738],
              [108.641077, 18.565614],
              [108.663866, 18.67337],
              [108.65278, 18.740258],
              [108.593033, 18.809386],
              [108.595497, 18.872256],
              [108.637997, 18.924346],
              [108.630606, 19.003017],
              [108.598577, 19.055633],
              [108.591186, 19.141592],
              [108.609048, 19.276661],
              [108.644772, 19.349518],
              [108.694047, 19.387346],
              [108.765496, 19.400894],
              [108.806148, 19.450561],
              [108.855424, 19.469182],
              [108.92872, 19.524468],
              [108.993394, 19.587065],
              [109.048829, 19.619764],
              [109.093792, 19.68965],
              [109.147379, 19.704863],
              [109.169553, 19.736411],
              [109.159082, 19.79048],
              [109.231147, 19.863105],
              [109.255784, 19.867045],
              [109.25948, 19.898561],
              [109.300748, 19.917693],
              [109.349407, 19.898561],
              [109.411001, 19.895184],
              [109.498464, 19.873236],
              [109.526797, 19.943573],
              [109.585312, 19.98801],
              [109.657993, 20.01163],
              [109.712195, 20.017253],
              [109.76147, 19.981261],
              [109.814441, 19.993072],
              [109.855093, 19.984073],
              [109.898825, 19.994196],
              [109.965346, 19.993634],
              [109.997375, 19.980136],
              [110.042339, 19.991384],
              [110.106396, 20.026812],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 500000,
        name: '重庆市',
        center: [106.504962, 29.533155],
        centroid: [107.883899, 30.067297],
        childrenNum: 38,
        level: 'province',
        subFeatureIndex: 21,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [106.37442, 28.525742],
              [106.33192, 28.55308],
              [106.346703, 28.583565],
              [106.304203, 28.64976],
              [106.305435, 28.704365],
              [106.27279, 28.741103],
              [106.267863, 28.779402],
              [106.245689, 28.817686],
              [106.264783, 28.845997],
              [106.206885, 28.904691],
              [106.173008, 28.920407],
              [106.14837, 28.901548],
              [106.101559, 28.898928],
              [106.070762, 28.919884],
              [106.049204, 28.906263],
              [106.040581, 28.955498],
              [106.001161, 28.973824],
              [105.969132, 28.965971],
              [105.910002, 28.920407],
              [105.852719, 28.927217],
              [105.830546, 28.944501],
              [105.797285, 28.936121],
              [105.801596, 28.958116],
              [105.762176, 28.9911],
              [105.766488, 29.013607],
              [105.74185, 29.039249],
              [105.757865, 29.069068],
              [105.728916, 29.1062],
              [105.752321, 29.129727],
              [105.728916, 29.134432],
              [105.703662, 29.176766],
              [105.712285, 29.219082],
              [105.695039, 29.287482],
              [105.647612, 29.253027],
              [105.631597, 29.280174],
              [105.557684, 29.278608],
              [105.521344, 29.264513],
              [105.513337, 29.283306],
              [105.459134, 29.288526],
              [105.465294, 29.322969],
              [105.42033, 29.31149],
              [105.418482, 29.352185],
              [105.441888, 29.400686],
              [105.426489, 29.419454],
              [105.372903, 29.421018],
              [105.387069, 29.455416],
              [105.387069, 29.455416],
              [105.334099, 29.441345],
              [105.337794, 29.459064],
              [105.305149, 29.53199],
              [105.296526, 29.571035],
              [105.332867, 29.592374],
              [105.347649, 29.621512],
              [105.38091, 29.628275],
              [105.419714, 29.688082],
              [105.476996, 29.674564],
              [105.481924, 29.718232],
              [105.529351, 29.707836],
              [105.574931, 29.744216],
              [105.582938, 29.819013],
              [105.610655, 29.837184],
              [105.707974, 29.840818],
              [105.738771, 29.891159],
              [105.717213, 29.893753],
              [105.70243, 29.924879],
              [105.730763, 29.95755],
              [105.723372, 29.975177],
              [105.753553, 30.018196],
              [105.719677, 30.042548],
              [105.687032, 30.038922],
              [105.676561, 30.06793],
              [105.638988, 30.076216],
              [105.642068, 30.101072],
              [105.582938, 30.12385],
              [105.582938, 30.127474],
              [105.580474, 30.129544],
              [105.574315, 30.130579],
              [105.596489, 30.159043],
              [105.536127, 30.152834],
              [105.550909, 30.179222],
              [105.56138, 30.183878],
              [105.642684, 30.186464],
              [105.662394, 30.210258],
              [105.619894, 30.234045],
              [105.624822, 30.275918],
              [105.670401, 30.254208],
              [105.720292, 30.252657],
              [105.720292, 30.252657],
              [105.714749, 30.322939],
              [105.754785, 30.342567],
              [105.760329, 30.384393],
              [105.792357, 30.427234],
              [105.825618, 30.436006],
              [105.84656, 30.410203],
              [105.900763, 30.405042],
              [105.943263, 30.372002],
              [106.031958, 30.373551],
              [106.07261, 30.333786],
              [106.132972, 30.30279],
              [106.132356, 30.323972],
              [106.168696, 30.303823],
              [106.180399, 30.233011],
              [106.232754, 30.185947],
              [106.260471, 30.19681],
              [106.264167, 30.20974],
              [106.296196, 30.205603],
              [106.306667, 30.238182],
              [106.334384, 30.225772],
              [106.349167, 30.24542],
              [106.401521, 30.242318],
              [106.428623, 30.254725],
              [106.43971, 30.308473],
              [106.49884, 30.295556],
              [106.545035, 30.296589],
              [106.560434, 30.31519],
              [106.611557, 30.292455],
              [106.642354, 30.246454],
              [106.612789, 30.235596],
              [106.612789, 30.235596],
              [106.612173, 30.235596],
              [106.612173, 30.235596],
              [106.611557, 30.235596],
              [106.612173, 30.235596],
              [106.611557, 30.235596],
              [106.631883, 30.186464],
              [106.677462, 30.156974],
              [106.672535, 30.122297],
              [106.700252, 30.111944],
              [106.699636, 30.074145],
              [106.724274, 30.058607],
              [106.732281, 30.027005],
              [106.785252, 30.01716],
              [106.825904, 30.03115],
              [106.825904, 30.03115],
              [106.83699, 30.049801],
              [106.862244, 30.033223],
              [106.913367, 30.025451],
              [106.94478, 30.037367],
              [106.976193, 30.083467],
              [106.981736, 30.08502],
              [107.02054, 30.036849],
              [107.053801, 30.043584],
              [107.054417, 30.040994],
              [107.055649, 30.040476],
              [107.058113, 30.043066],
              [107.084598, 30.063786],
              [107.080286, 30.094341],
              [107.103076, 30.090198],
              [107.221337, 30.213878],
              [107.257677, 30.267131],
              [107.288474, 30.337402],
              [107.338981, 30.386459],
              [107.368546, 30.468508],
              [107.408582, 30.521623],
              [107.443075, 30.53348],
              [107.427676, 30.547397],
              [107.485575, 30.598408],
              [107.516987, 30.644759],
              [107.477567, 30.664837],
              [107.458473, 30.704981],
              [107.424597, 30.74048],
              [107.454162, 30.771851],
              [107.454162, 30.771851],
              [107.498509, 30.809381],
              [107.483111, 30.838675],
              [107.515756, 30.854603],
              [107.57735, 30.847924],
              [107.645103, 30.821202],
              [107.693146, 30.875665],
              [107.739957, 30.884396],
              [107.760899, 30.862823],
              [107.763979, 30.817091],
              [107.788001, 30.81966],
              [107.851443, 30.792931],
              [107.956152, 30.882855],
              [107.994956, 30.908533],
              [107.948145, 30.918802],
              [107.942602, 30.989114],
              [107.983254, 30.983983],
              [108.00358, 31.025533],
              [108.060246, 31.052197],
              [108.026985, 31.061938],
              [108.009123, 31.109602],
              [108.025753, 31.116263],
              [108.089811, 31.204859],
              [108.07626, 31.231985],
              [108.031297, 31.217144],
              [108.038688, 31.252964],
              [108.095354, 31.268311],
              [108.185898, 31.336831],
              [108.153869, 31.371073],
              [108.216079, 31.41041],
              [108.224086, 31.464024],
              [108.193289, 31.467598],
              [108.191441, 31.492096],
              [108.233941, 31.506894],
              [108.254883, 31.49873],
              [108.344194, 31.512506],
              [108.34789, 31.545664],
              [108.386078, 31.544134],
              [108.390389, 31.591555],
              [108.442744, 31.633856],
              [108.468614, 31.636404],
              [108.519121, 31.665952],
              [108.546838, 31.665442],
              [108.514809, 31.693963],
              [108.50557, 31.734182],
              [108.535135, 31.757592],
              [108.462454, 31.780488],
              [108.455063, 31.814059],
              [108.429194, 31.809482],
              [108.391005, 31.829822],
              [108.386078, 31.854226],
              [108.343578, 31.860834],
              [108.259194, 31.967006],
              [108.307238, 31.997463],
              [108.351585, 31.971575],
              [108.370063, 31.988835],
              [108.329411, 32.020299],
              [108.362056, 32.035521],
              [108.344194, 32.067477],
              [108.372527, 32.077112],
              [108.42981, 32.061391],
              [108.452599, 32.090296],
              [108.399628, 32.147065],
              [108.379303, 32.153652],
              [108.379303, 32.153652],
              [108.379918, 32.154158],
              [108.379918, 32.154158],
              [108.370063, 32.172397],
              [108.399013, 32.194176],
              [108.480317, 32.182527],
              [108.509882, 32.201266],
              [108.543758, 32.177969],
              [108.585026, 32.17189],
              [108.676801, 32.10297],
              [108.734084, 32.106519],
              [108.75133, 32.076098],
              [108.78767, 32.04871],
              [108.837561, 32.039072],
              [108.902235, 31.984774],
              [108.986619, 31.980205],
              [109.085785, 31.929428],
              [109.123357, 31.892851],
              [109.191111, 31.85575],
              [109.195422, 31.817618],
              [109.27611, 31.79931],
              [109.279806, 31.776418],
              [109.253936, 31.759628],
              [109.282885, 31.743343],
              [109.281654, 31.716874],
              [109.381436, 31.705165],
              [109.446109, 31.722983],
              [109.502776, 31.716365],
              [109.549587, 31.73011],
              [109.585928, 31.726546],
              [109.622268, 31.711783],
              [109.683246, 31.719929],
              [109.731289, 31.700582],
              [109.737449, 31.628761],
              [109.76455, 31.602769],
              [109.745456, 31.598182],
              [109.727594, 31.548214],
              [109.837847, 31.555354],
              [109.894513, 31.519139],
              [109.969658, 31.508935],
              [109.94502, 31.47066],
              [109.98752, 31.474744],
              [110.036795, 31.436966],
              [110.054042, 31.410921],
              [110.118715, 31.409899],
              [110.161831, 31.314338],
              [110.155671, 31.279564],
              [110.180309, 31.179774],
              [110.200019, 31.158779],
              [110.180309, 31.121899],
              [110.147048, 31.116776],
              [110.119947, 31.088592],
              [110.120563, 31.0322],
              [110.140273, 31.030661],
              [110.140889, 30.987062],
              [110.172918, 30.978853],
              [110.153824, 30.953708],
              [110.151976, 30.911613],
              [110.082375, 30.799614],
              [110.048498, 30.800642],
              [110.019549, 30.829425],
              [110.008462, 30.883369],
              [109.943788, 30.878746],
              [109.894513, 30.899803],
              [109.828608, 30.864364],
              [109.780564, 30.848437],
              [109.701724, 30.783677],
              [109.656761, 30.760538],
              [109.661072, 30.738936],
              [109.625348, 30.702923],
              [109.590855, 30.69366],
              [109.574225, 30.646818],
              [109.543428, 30.63961],
              [109.535421, 30.664837],
              [109.435638, 30.595832],
              [109.418392, 30.559766],
              [109.35495, 30.487076],
              [109.337088, 30.521623],
              [109.36111, 30.551004],
              [109.314298, 30.599953],
              [109.299516, 30.630341],
              [109.245313, 30.580892],
              [109.191726, 30.545851],
              [109.191726, 30.545851],
              [109.143683, 30.521108],
              [109.103647, 30.565949],
              [109.106111, 30.570587],
              [109.101183, 30.579346],
              [109.102415, 30.580377],
              [109.105495, 30.585529],
              [109.106111, 30.61077],
              [109.111654, 30.646303],
              [109.071002, 30.640125],
              [109.042669, 30.655571],
              [109.006329, 30.626736],
              [108.971836, 30.627766],
              [108.893612, 30.565434],
              [108.838793, 30.503062],
              [108.808612, 30.491202],
              [108.789518, 30.513374],
              [108.743939, 30.494812],
              [108.698975, 30.54482],
              [108.688504, 30.58759],
              [108.642925, 30.578831],
              [108.6497, 30.53915],
              [108.56778, 30.468508],
              [108.556077, 30.487592],
              [108.512961, 30.501515],
              [108.472925, 30.487076],
              [108.42673, 30.492233],
              [108.411331, 30.438586],
              [108.430425, 30.416397],
              [108.402092, 30.376649],
              [108.431041, 30.354446],
              [108.460606, 30.35961],
              [108.501258, 30.314673],
              [108.524048, 30.309506],
              [108.54499, 30.269716],
              [108.581947, 30.255759],
              [108.551766, 30.1637],
              [108.56778, 30.157491],
              [108.546222, 30.104178],
              [108.513577, 30.057571],
              [108.532055, 30.051873],
              [108.536367, 29.983472],
              [108.517889, 29.9394],
              [108.516041, 29.885451],
              [108.467998, 29.864175],
              [108.433505, 29.880262],
              [108.371295, 29.841337],
              [108.424266, 29.815897],
              [108.422418, 29.772791],
              [108.442744, 29.778505],
              [108.437201, 29.741098],
              [108.460606, 29.741098],
              [108.504338, 29.707836],
              [108.504954, 29.728626],
              [108.548686, 29.749412],
              [108.52528, 29.770713],
              [108.556077, 29.818493],
              [108.601041, 29.863656],
              [108.658939, 29.854833],
              [108.680497, 29.800319],
              [108.676801, 29.749412],
              [108.690968, 29.689642],
              [108.752562, 29.649082],
              [108.786438, 29.691721],
              [108.797525, 29.660003],
              [108.781511, 29.635558],
              [108.844337, 29.658443],
              [108.888068, 29.628795],
              [108.870206, 29.596537],
              [108.901003, 29.604863],
              [108.913322, 29.574679],
              [108.878213, 29.539279],
              [108.888684, 29.502305],
              [108.866511, 29.470527],
              [108.884373, 29.440824],
              [108.927488, 29.435612],
              [108.934264, 29.399643],
              [108.919481, 29.3261],
              [108.983539, 29.332883],
              [108.999553, 29.36366],
              [109.034662, 29.360531],
              [109.060531, 29.403292],
              [109.11227, 29.361053],
              [109.106727, 29.288526],
              [109.141835, 29.270256],
              [109.110422, 29.21647],
              [109.139372, 29.168927],
              [109.162777, 29.180946],
              [109.215748, 29.145409],
              [109.232378, 29.119271],
              [109.240386, 29.086328],
              [109.312451, 29.066453],
              [109.319842, 29.042388],
              [109.294588, 29.015177],
              [109.292741, 28.987436],
              [109.261328, 28.952356],
              [109.235458, 28.882161],
              [109.246545, 28.80143],
              [109.241002, 28.776779],
              [109.2989, 28.7474],
              [109.294588, 28.722211],
              [109.252704, 28.691767],
              [109.271183, 28.671816],
              [109.192958, 28.636104],
              [109.201581, 28.597753],
              [109.235458, 28.61982],
              [109.252089, 28.606685],
              [109.306907, 28.62087],
              [109.319842, 28.579886],
              [109.273646, 28.53836],
              [109.274262, 28.494714],
              [109.23361, 28.474726],
              [109.191726, 28.471043],
              [109.153538, 28.417369],
              [109.152306, 28.349975],
              [109.117198, 28.277795],
              [109.081473, 28.247749],
              [109.101799, 28.202401],
              [109.086401, 28.184467],
              [109.026655, 28.220331],
              [109.005713, 28.162837],
              [108.929952, 28.19027],
              [108.923793, 28.217167],
              [108.89546, 28.219804],
              [108.855424, 28.199764],
              [108.821547, 28.245113],
              [108.772888, 28.212949],
              [108.738395, 28.228241],
              [108.726692, 28.282011],
              [108.761801, 28.304143],
              [108.783359, 28.380518],
              [108.759953, 28.389995],
              [108.780279, 28.42579],
              [108.746402, 28.45105],
              [108.709446, 28.501026],
              [108.700207, 28.48209],
              [108.657091, 28.47683],
              [108.640461, 28.456838],
              [108.688504, 28.422106],
              [108.697127, 28.401051],
              [108.656475, 28.359981],
              [108.667562, 28.334173],
              [108.611512, 28.324691],
              [108.580099, 28.343128],
              [108.576403, 28.38631],
              [108.609048, 28.407368],
              [108.609664, 28.43579],
              [108.586874, 28.463678],
              [108.573939, 28.531],
              [108.610896, 28.539412],
              [108.604736, 28.590922],
              [108.636149, 28.621396],
              [108.575787, 28.659738],
              [108.50249, 28.63768],
              [108.501258, 28.626649],
              [108.439049, 28.634003],
              [108.332491, 28.679166],
              [108.347274, 28.736381],
              [108.385462, 28.772058],
              [108.386078, 28.803003],
              [108.352817, 28.815589],
              [108.346658, 28.859625],
              [108.357745, 28.893165],
              [108.345426, 28.943453],
              [108.319556, 28.961258],
              [108.297999, 29.045527],
              [108.306622, 29.079006],
              [108.277673, 29.091558],
              [108.256115, 29.040295],
              [108.193289, 29.072207],
              [108.150173, 29.053375],
              [108.070717, 29.086328],
              [108.026369, 29.039772],
              [107.925971, 29.032446],
              [107.908725, 29.007327],
              [107.882855, 29.00628],
              [107.867457, 28.960211],
              [107.810175, 28.984295],
              [107.823725, 29.034016],
              [107.784921, 29.048143],
              [107.810791, 29.139137],
              [107.749197, 29.199754],
              [107.700537, 29.141228],
              [107.659885, 29.162656],
              [107.605683, 29.164747],
              [107.589052, 29.150113],
              [107.570574, 29.218037],
              [107.486806, 29.174153],
              [107.441227, 29.203934],
              [107.401807, 29.184603],
              [107.408582, 29.138091],
              [107.427676, 29.128682],
              [107.412278, 29.094696],
              [107.369778, 29.091558],
              [107.395647, 29.041341],
              [107.364235, 29.00942],
              [107.396879, 28.993718],
              [107.412894, 28.960211],
              [107.441227, 28.943977],
              [107.41351, 28.911502],
              [107.383945, 28.848618],
              [107.339597, 28.845997],
              [107.327894, 28.810869],
              [107.261373, 28.792514],
              [107.24659, 28.76209],
              [107.219489, 28.772582],
              [107.210866, 28.817686],
              [107.227496, 28.836037],
              [107.194851, 28.838134],
              [107.206554, 28.868535],
              [107.14188, 28.887925],
              [107.016229, 28.882685],
              [107.019308, 28.861722],
              [106.983584, 28.851239],
              [106.988512, 28.776254],
              [106.951555, 28.766812],
              [106.923222, 28.809821],
              [106.872099, 28.777304],
              [106.845614, 28.780975],
              [106.824056, 28.756319],
              [106.86594, 28.690192],
              [106.889345, 28.695966],
              [106.866556, 28.624548],
              [106.830831, 28.623497],
              [106.807425, 28.589346],
              [106.784636, 28.626649],
              [106.756918, 28.607211],
              [106.77786, 28.563068],
              [106.73844, 28.554657],
              [106.726121, 28.51838],
              [106.747063, 28.467361],
              [106.708259, 28.450524],
              [106.697788, 28.47683],
              [106.632499, 28.503655],
              [106.564745, 28.485247],
              [106.567825, 28.523638],
              [106.615252, 28.549401],
              [106.606629, 28.593024],
              [106.63681, 28.622972],
              [106.618332, 28.645033],
              [106.651593, 28.649235],
              [106.617716, 28.66709],
              [106.6171, 28.691242],
              [106.587535, 28.691767],
              [106.56105, 28.719062],
              [106.561666, 28.756319],
              [106.474202, 28.832891],
              [106.45326, 28.817162],
              [106.461883, 28.761041],
              [106.492064, 28.742153],
              [106.528405, 28.677591],
              [106.502535, 28.661313],
              [106.49268, 28.591448],
              [106.466811, 28.586193],
              [106.504999, 28.544669],
              [106.477282, 28.530474],
              [106.403369, 28.569901],
              [106.37442, 28.525742],
            ],
          ],
          [
            [
              [109.105495, 30.585529],
              [109.102415, 30.580377],
              [109.101183, 30.579346],
              [109.09872, 30.579346],
              [109.09256, 30.578831],
              [109.106111, 30.61077],
              [109.105495, 30.585529],
            ],
          ],
          [
            [
              [105.582938, 30.12385],
              [105.574315, 30.130579],
              [105.580474, 30.129544],
              [105.582938, 30.127474],
              [105.582938, 30.12385],
            ],
          ],
          [
            [
              [109.09872, 30.579346],
              [109.106111, 30.570587],
              [109.103647, 30.565949],
              [109.09256, 30.578831],
              [109.09872, 30.579346],
            ],
          ],
          [
            [
              [107.058113, 30.043066],
              [107.055649, 30.040476],
              [107.054417, 30.040994],
              [107.053801, 30.043584],
              [107.058113, 30.043066],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 510000,
        name: '四川省',
        center: [104.065735, 30.659462],
        centroid: [102.693453, 30.674545],
        childrenNum: 21,
        level: 'province',
        subFeatureIndex: 22,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [101.167885, 27.198311],
              [101.167885, 27.198311],
              [101.119226, 27.208957],
              [101.071798, 27.194585],
              [101.042233, 27.22173],
              [101.026219, 27.270679],
              [101.021907, 27.332899],
              [100.95169, 27.426961],
              [100.936908, 27.469448],
              [100.901183, 27.453517],
              [100.91227, 27.521473],
              [100.854988, 27.623858],
              [100.827886, 27.615904],
              [100.848212, 27.672099],
              [100.782307, 27.691708],
              [100.775532, 27.743098],
              [100.757053, 27.770107],
              [100.707162, 27.800816],
              [100.719481, 27.858503],
              [100.681293, 27.923035],
              [100.634482, 27.915631],
              [100.609228, 27.859033],
              [100.54517, 27.809286],
              [100.511294, 27.827811],
              [100.504518, 27.852154],
              [100.442924, 27.86644],
              [100.412127, 27.816167],
              [100.350534, 27.755809],
              [100.327744, 27.72032],
              [100.311729, 27.724028],
              [100.304954, 27.788639],
              [100.28586, 27.80611],
              [100.30865, 27.830457],
              [100.30865, 27.861149],
              [100.210715, 27.87702],
              [100.170063, 27.907699],
              [100.196549, 27.936254],
              [100.120788, 28.018703],
              [100.088759, 28.029269],
              [100.05673, 28.097922],
              [100.021006, 28.147008],
              [100.033325, 28.184467],
              [100.062274, 28.193962],
              [100.091223, 28.181302],
              [100.102926, 28.201873],
              [100.153433, 28.208202],
              [100.188541, 28.252493],
              [100.147274, 28.288862],
              [100.176223, 28.325218],
              [100.136803, 28.349975],
              [100.057346, 28.368934],
              [100.073977, 28.426317],
              [99.990209, 28.47683],
              [99.985281, 28.529422],
              [99.91876, 28.599329],
              [99.875644, 28.611939],
              [99.873181, 28.631902],
              [99.834376, 28.628225],
              [99.834992, 28.660788],
              [99.79434, 28.699116],
              [99.755536, 28.701216],
              [99.722275, 28.757369],
              [99.717964, 28.846521],
              [99.676696, 28.810345],
              [99.625573, 28.81454],
              [99.609559, 28.784122],
              [99.614486, 28.740054],
              [99.553508, 28.710664],
              [99.53195, 28.677591],
              [99.540573, 28.623497],
              [99.504233, 28.619294],
              [99.466045, 28.579886],
              [99.463581, 28.549401],
              [99.403219, 28.546246],
              [99.396444, 28.491032],
              [99.426625, 28.454207],
              [99.404451, 28.44421],
              [99.437095, 28.398419],
              [99.392748, 28.318369],
              [99.412458, 28.295186],
              [99.374886, 28.18183],
              [99.306516, 28.227714],
              [99.28927, 28.286227],
              [99.237531, 28.317842],
              [99.229524, 28.350502],
              [99.200575, 28.365774],
              [99.16485, 28.425264],
              [99.187024, 28.44],
              [99.191952, 28.494714],
              [99.170394, 28.566221],
              [99.183944, 28.58882],
              [99.147604, 28.640831],
              [99.126662, 28.698066],
              [99.134053, 28.734806],
              [99.114343, 28.765763],
              [99.103872, 28.841803],
              [99.123582, 28.890021],
              [99.132206, 28.94869],
              [99.113727, 29.07273],
              [99.118039, 29.100971],
              [99.105104, 29.162656],
              [99.113727, 29.221171],
              [99.114343, 29.243628],
              [99.075539, 29.316186],
              [99.058909, 29.417368],
              [99.066916, 29.421018],
              [99.044742, 29.520013],
              [99.052133, 29.563748],
              [99.014561, 29.607464],
              [98.992387, 29.677163],
              [99.018873, 29.792009],
              [99.0238, 29.846009],
              [99.068148, 29.931621],
              [99.055213, 29.958587],
              [99.036735, 30.053945],
              [99.044742, 30.079842],
              [98.989308, 30.151799],
              [98.9813, 30.182843],
              [98.993003, 30.215429],
              [98.970829, 30.260928],
              [98.986844, 30.280569],
              [98.967134, 30.33482],
              [98.965286, 30.449937],
              [98.932025, 30.521623],
              [98.926482, 30.569556],
              [98.939417, 30.598923],
              [98.92217, 30.609225],
              [98.907388, 30.698292],
              [98.963438, 30.728134],
              [98.957895, 30.765166],
              [98.904924, 30.782649],
              [98.850105, 30.849465],
              [98.797135, 30.87926],
              [98.774345, 30.908019],
              [98.797135, 30.948575],
              [98.806374, 30.995783],
              [98.774961, 31.031174],
              [98.736772, 31.049121],
              [98.712135, 31.082954],
              [98.710287, 31.1178],
              [98.675179, 31.15417],
              [98.602498, 31.192062],
              [98.62344, 31.221238],
              [98.60373, 31.257568],
              [98.616048, 31.3036],
              [98.643766, 31.338876],
              [98.691809, 31.333253],
              [98.773113, 31.249382],
              [98.805758, 31.279052],
              [98.810685, 31.306668],
              [98.887062, 31.37465],
              [98.84333, 31.416028],
              [98.844562, 31.429817],
              [98.714599, 31.508935],
              [98.696736, 31.538523],
              [98.651157, 31.57881],
              [98.619128, 31.591555],
              [98.553839, 31.660349],
              [98.545831, 31.717383],
              [98.516882, 31.717383],
              [98.508875, 31.751995],
              [98.461448, 31.800327],
              [98.414636, 31.832365],
              [98.426339, 31.856767],
              [98.399238, 31.895899],
              [98.432498, 31.922825],
              [98.434962, 32.007613],
              [98.402933, 32.026896],
              [98.404781, 32.045159],
              [98.357354, 32.087253],
              [98.303151, 32.121726],
              [98.260035, 32.208862],
              [98.218768, 32.234683],
              [98.23047, 32.262521],
              [98.208913, 32.318171],
              [98.218768, 32.342444],
              [98.125145, 32.401077],
              [98.107283, 32.391476],
              [98.079565, 32.415224],
              [97.940363, 32.482393],
              [97.880001, 32.486431],
              [97.863986, 32.499051],
              [97.80732, 32.50006],
              [97.795617, 32.521257],
              [97.730944, 32.527312],
              [97.700763, 32.53488],
              [97.616995, 32.586329],
              [97.607756, 32.614059],
              [97.543698, 32.62162],
              [97.535075, 32.638252],
              [97.48272, 32.654377],
              [97.42359, 32.70475],
              [97.429133, 32.714318],
              [97.386018, 32.77925],
              [97.392793, 32.828546],
              [97.376163, 32.886359],
              [97.347829, 32.895907],
              [97.375547, 32.956689],
              [97.438372, 32.976271],
              [97.523988, 32.988822],
              [97.499966, 33.011408],
              [97.542466, 33.035995],
              [97.517213, 33.097683],
              [97.487032, 33.107209],
              [97.498119, 33.137783],
              [97.487648, 33.168346],
              [97.548626, 33.203907],
              [97.607756, 33.263976],
              [97.622538, 33.337005],
              [97.676125, 33.341004],
              [97.754349, 33.409972],
              [97.674893, 33.432949],
              [97.625618, 33.461412],
              [97.552321, 33.465906],
              [97.511669, 33.520805],
              [97.523372, 33.577166],
              [97.450075, 33.582152],
              [97.415583, 33.605582],
              [97.435293, 33.682307],
              [97.418046, 33.728608],
              [97.422974, 33.754984],
              [97.406344, 33.795278],
              [97.373083, 33.817655],
              [97.371851, 33.842015],
              [97.398336, 33.848477],
              [97.395257, 33.889224],
              [97.460546, 33.887236],
              [97.503662, 33.912073],
              [97.52214, 33.903133],
              [97.601596, 33.929951],
              [97.629314, 33.919523],
              [97.660111, 33.956264],
              [97.652719, 33.998448],
              [97.70261, 34.036644],
              [97.665654, 34.126855],
              [97.766668, 34.158555],
              [97.789458, 34.182818],
              [97.789458, 34.182818],
              [97.796849, 34.199154],
              [97.796849, 34.199154],
              [97.898479, 34.209548],
              [97.95453, 34.190739],
              [98.051848, 34.11546],
              [98.098043, 34.122892],
              [98.157174, 34.107532],
              [98.206449, 34.08424],
              [98.258188, 34.083249],
              [98.344419, 34.094648],
              [98.392462, 34.089196],
              [98.396774, 34.053008],
              [98.428187, 34.029204],
              [98.440506, 33.981577],
              [98.415252, 33.956761],
              [98.425723, 33.913066],
              [98.407245, 33.867362],
              [98.434962, 33.843009],
              [98.463295, 33.848477],
              [98.492861, 33.796272],
              [98.494092, 33.768915],
              [98.51873, 33.77389],
              [98.537824, 33.74752],
              [98.582788, 33.731595],
              [98.610505, 33.682805],
              [98.6567, 33.64744],
              [98.61728, 33.637476],
              [98.622824, 33.610067],
              [98.652389, 33.595114],
              [98.648077, 33.548741],
              [98.678258, 33.522801],
              [98.725686, 33.503341],
              [98.742316, 33.477887],
              [98.736157, 33.406975],
              [98.779888, 33.370497],
              [98.759562, 33.276985],
              [98.802062, 33.270481],
              [98.804526, 33.219428],
              [98.858728, 33.150811],
              [98.92217, 33.118738],
              [98.967134, 33.115229],
              [98.971445, 33.098185],
              [99.014561, 33.081137],
              [99.024416, 33.094675],
              [99.090322, 33.079131],
              [99.124814, 33.046028],
              [99.196263, 33.035493],
              [99.214741, 32.991332],
              [99.235067, 32.982296],
              [99.24677, 32.924043],
              [99.268944, 32.878318],
              [99.353944, 32.885354],
              [99.376118, 32.899927],
              [99.45311, 32.862233],
              [99.558436, 32.839106],
              [99.589233, 32.789312],
              [99.640355, 32.790822],
              [99.646515, 32.774721],
              [99.705029, 32.76516],
              [99.717964, 32.732443],
              [99.760464, 32.769689],
              [99.766623, 32.826032],
              [99.791877, 32.883344],
              [99.764159, 32.924545],
              [99.788181, 32.956689],
              [99.805427, 32.940619],
              [99.851007, 32.941623],
              [99.877492, 32.993339],
              [99.877492, 33.045527],
              [99.947709, 32.986814],
              [99.956332, 32.948152],
              [100.038252, 32.929066],
              [100.029629, 32.895907],
              [100.064738, 32.895907],
              [100.123252, 32.837095],
              [100.117093, 32.802392],
              [100.139266, 32.724388],
              [100.088143, 32.668988],
              [100.109701, 32.640268],
              [100.189773, 32.630692],
              [100.208252, 32.606497],
              [100.229809, 32.650346],
              [100.231041, 32.696189],
              [100.258759, 32.742511],
              [100.339447, 32.719353],
              [100.399193, 32.756101],
              [100.378251, 32.698707],
              [100.420135, 32.73194],
              [100.450932, 32.694678],
              [100.470026, 32.694678],
              [100.516837, 32.632204],
              [100.54517, 32.569687],
              [100.603069, 32.553547],
              [100.645568, 32.526303],
              [100.657887, 32.546484],
              [100.661583, 32.616075],
              [100.673286, 32.628172],
              [100.710242, 32.610026],
              [100.71209, 32.645307],
              [100.690532, 32.678056],
              [100.77122, 32.643795],
              [100.834046, 32.648835],
              [100.887633, 32.632708],
              [100.93198, 32.600447],
              [100.956618, 32.621116],
              [100.99727, 32.627668],
              [101.030531, 32.660424],
              [101.077342, 32.68259],
              [101.124769, 32.658408],
              [101.157414, 32.661431],
              [101.22332, 32.725898],
              [101.237486, 32.825026],
              [101.223935, 32.855698],
              [101.178356, 32.892892],
              [101.124153, 32.909976],
              [101.134624, 32.95217],
              [101.129081, 32.989324],
              [101.183899, 32.984304],
              [101.171581, 33.009902],
              [101.184515, 33.041514],
              [101.146327, 33.056563],
              [101.143863, 33.086151],
              [101.169733, 33.10019],
              [101.11553, 33.194893],
              [101.124769, 33.221431],
              [101.156798, 33.236449],
              [101.182668, 33.26948],
              [101.217776, 33.256469],
              [101.297232, 33.262475],
              [101.381616, 33.153316],
              [101.393935, 33.157826],
              [101.386543, 33.207412],
              [101.403174, 33.225436],
              [101.487557, 33.226938],
              [101.515275, 33.192889],
              [101.557775, 33.167344],
              [101.633535, 33.101193],
              [101.661252, 33.135778],
              [101.653861, 33.162835],
              [101.709912, 33.21292],
              [101.735781, 33.279987],
              [101.677883, 33.297497],
              [101.64955, 33.323004],
              [101.663716, 33.383991],
              [101.695745, 33.433948],
              [101.769042, 33.45592],
              [101.777665, 33.533776],
              [101.769042, 33.538765],
              [101.783208, 33.556721],
              [101.831252, 33.554726],
              [101.844186, 33.602591],
              [101.884222, 33.578163],
              [101.907012, 33.539264],
              [101.906396, 33.48188],
              [101.946432, 33.442937],
              [101.915635, 33.425957],
              [101.887302, 33.383991],
              [101.877447, 33.314502],
              [101.769658, 33.26898],
              [101.770274, 33.248962],
              [101.83002, 33.213921],
              [101.841723, 33.184876],
              [101.825708, 33.119239],
              [101.865744, 33.103198],
              [101.887302, 33.135778],
              [101.921795, 33.153817],
              [101.935345, 33.186879],
              [101.99386, 33.1999],
              [102.054838, 33.189884],
              [102.08933, 33.204908],
              [102.08933, 33.227439],
              [102.117047, 33.288492],
              [102.144765, 33.273983],
              [102.160163, 33.242956],
              [102.200815, 33.223434],
              [102.217446, 33.247961],
              [102.192192, 33.337005],
              [102.218062, 33.349503],
              [102.258098, 33.409472],
              [102.296286, 33.413969],
              [102.310452, 33.397982],
              [102.368967, 33.41247],
              [102.392988, 33.404477],
              [102.447807, 33.454922],
              [102.462589, 33.449429],
              [102.461358, 33.501345],
              [102.446575, 33.53228],
              [102.477988, 33.543254],
              [102.440416, 33.574673],
              [102.346793, 33.605582],
              [102.31538, 33.665374],
              [102.342481, 33.725622],
              [102.284583, 33.719151],
              [102.324619, 33.754486],
              [102.296286, 33.783838],
              [102.243315, 33.786823],
              [102.261177, 33.821136],
              [102.25317, 33.861399],
              [102.136142, 33.965199],
              [102.16817, 33.983066],
              [102.226069, 33.963214],
              [102.248858, 33.98654],
              [102.287047, 33.977607],
              [102.315996, 33.993983],
              [102.345561, 33.969666],
              [102.392372, 33.971651],
              [102.406539, 34.033172],
              [102.437336, 34.087214],
              [102.471213, 34.072839],
              [102.511865, 34.086222],
              [102.615958, 34.099604],
              [102.649219, 34.080275],
              [102.655994, 34.113478],
              [102.598712, 34.14766],
              [102.651067, 34.165983],
              [102.664002, 34.192719],
              [102.694799, 34.198659],
              [102.728675, 34.235774],
              [102.779798, 34.236764],
              [102.798276, 34.272874],
              [102.856791, 34.270895],
              [102.85987, 34.301058],
              [102.911609, 34.312923],
              [102.949181, 34.292159],
              [102.977515, 34.252595],
              [102.973203, 34.205588],
              [103.005848, 34.184798],
              [103.052043, 34.195194],
              [103.100087, 34.181828],
              [103.124108, 34.162022],
              [103.121644, 34.112487],
              [103.178927, 34.079779],
              [103.129652, 34.065899],
              [103.119797, 34.03466],
              [103.147514, 34.036644],
              [103.157369, 33.998944],
              [103.120413, 33.953286],
              [103.1315, 33.931937],
              [103.16476, 33.929454],
              [103.181391, 33.900649],
              [103.153673, 33.819147],
              [103.165376, 33.805721],
              [103.228202, 33.79478],
              [103.24976, 33.814175],
              [103.284868, 33.80224],
              [103.278709, 33.774387],
              [103.35447, 33.743539],
              [103.434542, 33.752993],
              [103.464723, 33.80224],
              [103.518309, 33.807213],
              [103.545411, 33.719649],
              [103.520157, 33.678323],
              [103.552186, 33.671351],
              [103.563889, 33.699735],
              [103.593454, 33.716164],
              [103.645809, 33.708697],
              [103.667983, 33.685793],
              [103.690772, 33.69376],
              [103.778236, 33.658898],
              [103.861388, 33.682307],
              [103.980264, 33.670852],
              [104.046169, 33.686291],
              [104.103452, 33.663381],
              [104.176749, 33.5996],
              [104.155191, 33.542755],
              [104.180444, 33.472895],
              [104.213089, 33.446932],
              [104.22048, 33.404477],
              [104.272219, 33.391486],
              [104.292545, 33.336505],
              [104.373849, 33.345004],
              [104.420045, 33.327004],
              [104.386168, 33.298497],
              [104.333813, 33.315502],
              [104.303632, 33.304499],
              [104.323958, 33.26898],
              [104.32827, 33.223934],
              [104.351059, 33.158828],
              [104.378161, 33.109214],
              [104.337509, 33.038002],
              [104.391711, 33.035493],
              [104.426204, 33.010906],
              [104.383704, 32.994343],
              [104.378161, 32.953174],
              [104.345516, 32.940117],
              [104.288234, 32.942628],
              [104.277147, 32.90244],
              [104.294393, 32.835586],
              [104.363994, 32.822511],
              [104.458849, 32.748551],
              [104.51182, 32.753585],
              [104.526602, 32.728416],
              [104.582653, 32.722374],
              [104.592508, 32.695685],
              [104.643015, 32.661935],
              [104.696601, 32.673522],
              [104.739717, 32.635228],
              [104.795768, 32.643292],
              [104.820405, 32.662943],
              [104.845659, 32.653873],
              [104.881999, 32.600951],
              [104.925115, 32.607505],
              [105.026745, 32.650346],
              [105.0791, 32.637244],
              [105.111128, 32.593893],
              [105.185041, 32.617587],
              [105.215222, 32.63674],
              [105.219534, 32.666469],
              [105.263265, 32.652362],
              [105.297758, 32.656897],
              [105.347033, 32.68259],
              [105.368591, 32.712807],
              [105.448663, 32.732946],
              [105.454207, 32.767173],
              [105.427721, 32.784281],
              [105.396308, 32.85067],
              [105.396308, 32.85067],
              [105.38091, 32.876307],
              [105.408011, 32.885857],
              [105.414171, 32.922034],
              [105.467757, 32.930071],
              [105.49917, 32.911986],
              [105.495475, 32.873292],
              [105.524424, 32.847654],
              [105.534279, 32.790822],
              [105.555221, 32.794343],
              [105.563844, 32.724891],
              [105.585402, 32.728919],
              [105.596489, 32.69921],
              [105.677793, 32.726402],
              [105.719061, 32.759624],
              [105.768952, 32.767676],
              [105.779423, 32.750061],
              [105.822538, 32.770192],
              [105.825002, 32.824523],
              [105.849024, 32.817985],
              [105.893371, 32.838603],
              [105.93156, 32.826032],
              [105.969132, 32.849162],
              [106.011632, 32.829552],
              [106.044277, 32.864747],
              [106.071378, 32.828546],
              [106.093552, 32.82402],
              [106.07261, 32.76365],
              [106.071378, 32.758114],
              [106.120037, 32.719856],
              [106.17424, 32.6977],
              [106.254928, 32.693671],
              [106.267863, 32.673522],
              [106.301123, 32.680071],
              [106.347935, 32.671003],
              [106.389203, 32.62666],
              [106.421231, 32.616579],
              [106.451412, 32.65992],
              [106.498224, 32.649338],
              [106.517934, 32.668485],
              [106.585687, 32.68813],
              [106.626955, 32.682086],
              [106.670071, 32.694678],
              [106.733513, 32.739491],
              [106.783404, 32.735967],
              [106.793259, 32.712807],
              [106.82344, 32.705254],
              [106.854853, 32.724388],
              [106.903512, 32.721367],
              [106.912751, 32.704247],
              [107.012533, 32.721367],
              [107.066736, 32.708779],
              [107.05996, 32.686115],
              [107.098765, 32.649338],
              [107.108004, 32.600951],
              [107.080286, 32.542448],
              [107.127098, 32.482393],
              [107.189924, 32.468256],
              [107.212097, 32.428864],
              [107.263836, 32.403099],
              [107.287858, 32.457147],
              [107.313727, 32.489965],
              [107.356843, 32.506622],
              [107.382097, 32.54043],
              [107.436299, 32.529835],
              [107.438763, 32.465732],
              [107.460937, 32.453612],
              [107.456625, 32.41775],
              [107.489886, 32.425328],
              [107.527458, 32.38238],
              [107.598291, 32.411688],
              [107.648183, 32.413709],
              [107.680827, 32.397035],
              [107.707929, 32.331826],
              [107.753508, 32.338399],
              [107.812022, 32.247844],
              [107.864377, 32.201266],
              [107.890247, 32.214432],
              [107.924739, 32.197215],
              [107.979558, 32.146051],
              [108.024521, 32.177462],
              [108.018362, 32.2119],
              [108.086731, 32.233165],
              [108.143398, 32.219495],
              [108.156948, 32.239239],
              [108.179738, 32.221521],
              [108.240716, 32.274666],
              [108.310933, 32.232152],
              [108.389773, 32.263533],
              [108.414411, 32.252399],
              [108.469846, 32.270618],
              [108.507418, 32.245819],
              [108.509882, 32.201266],
              [108.480317, 32.182527],
              [108.399013, 32.194176],
              [108.370063, 32.172397],
              [108.379918, 32.154158],
              [108.379918, 32.154158],
              [108.379303, 32.153652],
              [108.379303, 32.153652],
              [108.399628, 32.147065],
              [108.452599, 32.090296],
              [108.42981, 32.061391],
              [108.372527, 32.077112],
              [108.344194, 32.067477],
              [108.362056, 32.035521],
              [108.329411, 32.020299],
              [108.370063, 31.988835],
              [108.351585, 31.971575],
              [108.307238, 31.997463],
              [108.259194, 31.967006],
              [108.343578, 31.860834],
              [108.386078, 31.854226],
              [108.391005, 31.829822],
              [108.429194, 31.809482],
              [108.455063, 31.814059],
              [108.462454, 31.780488],
              [108.535135, 31.757592],
              [108.50557, 31.734182],
              [108.514809, 31.693963],
              [108.546838, 31.665442],
              [108.519121, 31.665952],
              [108.468614, 31.636404],
              [108.442744, 31.633856],
              [108.390389, 31.591555],
              [108.386078, 31.544134],
              [108.34789, 31.545664],
              [108.344194, 31.512506],
              [108.254883, 31.49873],
              [108.233941, 31.506894],
              [108.191441, 31.492096],
              [108.193289, 31.467598],
              [108.224086, 31.464024],
              [108.216079, 31.41041],
              [108.153869, 31.371073],
              [108.185898, 31.336831],
              [108.095354, 31.268311],
              [108.038688, 31.252964],
              [108.031297, 31.217144],
              [108.07626, 31.231985],
              [108.089811, 31.204859],
              [108.025753, 31.116263],
              [108.009123, 31.109602],
              [108.026985, 31.061938],
              [108.060246, 31.052197],
              [108.00358, 31.025533],
              [107.983254, 30.983983],
              [107.942602, 30.989114],
              [107.948145, 30.918802],
              [107.994956, 30.908533],
              [107.956152, 30.882855],
              [107.851443, 30.792931],
              [107.788001, 30.81966],
              [107.763979, 30.817091],
              [107.760899, 30.862823],
              [107.739957, 30.884396],
              [107.693146, 30.875665],
              [107.645103, 30.821202],
              [107.57735, 30.847924],
              [107.515756, 30.854603],
              [107.483111, 30.838675],
              [107.498509, 30.809381],
              [107.454162, 30.771851],
              [107.454162, 30.771851],
              [107.424597, 30.74048],
              [107.458473, 30.704981],
              [107.477567, 30.664837],
              [107.516987, 30.644759],
              [107.485575, 30.598408],
              [107.427676, 30.547397],
              [107.443075, 30.53348],
              [107.408582, 30.521623],
              [107.368546, 30.468508],
              [107.338981, 30.386459],
              [107.288474, 30.337402],
              [107.257677, 30.267131],
              [107.221337, 30.213878],
              [107.103076, 30.090198],
              [107.080286, 30.094341],
              [107.084598, 30.063786],
              [107.058113, 30.043066],
              [107.053801, 30.043584],
              [107.02054, 30.036849],
              [106.981736, 30.08502],
              [106.980504, 30.087609],
              [106.979888, 30.088127],
              [106.978656, 30.087609],
              [106.977425, 30.087609],
              [106.976809, 30.088127],
              [106.975577, 30.088127],
              [106.976193, 30.083467],
              [106.94478, 30.037367],
              [106.913367, 30.025451],
              [106.862244, 30.033223],
              [106.83699, 30.049801],
              [106.825904, 30.03115],
              [106.825904, 30.03115],
              [106.785252, 30.01716],
              [106.732281, 30.027005],
              [106.724274, 30.058607],
              [106.699636, 30.074145],
              [106.700252, 30.111944],
              [106.672535, 30.122297],
              [106.677462, 30.156974],
              [106.631883, 30.186464],
              [106.611557, 30.235596],
              [106.612173, 30.235596],
              [106.611557, 30.235596],
              [106.612173, 30.235596],
              [106.612173, 30.235596],
              [106.612789, 30.235596],
              [106.612789, 30.235596],
              [106.642354, 30.246454],
              [106.611557, 30.292455],
              [106.560434, 30.31519],
              [106.545035, 30.296589],
              [106.49884, 30.295556],
              [106.43971, 30.308473],
              [106.428623, 30.254725],
              [106.401521, 30.242318],
              [106.349167, 30.24542],
              [106.334384, 30.225772],
              [106.306667, 30.238182],
              [106.296196, 30.205603],
              [106.264167, 30.20974],
              [106.260471, 30.207672],
              [106.260471, 30.204051],
              [106.260471, 30.19681],
              [106.232754, 30.185947],
              [106.180399, 30.233011],
              [106.168696, 30.303823],
              [106.132356, 30.323972],
              [106.132972, 30.30279],
              [106.07261, 30.333786],
              [106.031958, 30.373551],
              [105.943263, 30.372002],
              [105.900763, 30.405042],
              [105.84656, 30.410203],
              [105.825618, 30.436006],
              [105.792357, 30.427234],
              [105.760329, 30.384393],
              [105.754785, 30.342567],
              [105.714749, 30.322939],
              [105.720292, 30.252657],
              [105.720292, 30.252657],
              [105.670401, 30.254208],
              [105.624822, 30.275918],
              [105.619894, 30.234045],
              [105.662394, 30.210258],
              [105.642684, 30.186464],
              [105.56138, 30.183878],
              [105.558916, 30.18543],
              [105.556453, 30.187499],
              [105.550909, 30.179222],
              [105.536127, 30.152834],
              [105.596489, 30.159043],
              [105.574315, 30.130579],
              [105.582938, 30.12385],
              [105.642068, 30.101072],
              [105.638988, 30.076216],
              [105.676561, 30.06793],
              [105.687032, 30.038922],
              [105.719677, 30.042548],
              [105.753553, 30.018196],
              [105.723372, 29.975177],
              [105.730763, 29.95755],
              [105.70243, 29.924879],
              [105.717213, 29.893753],
              [105.738771, 29.891159],
              [105.707974, 29.840818],
              [105.610655, 29.837184],
              [105.582938, 29.819013],
              [105.574931, 29.744216],
              [105.529351, 29.707836],
              [105.481924, 29.718232],
              [105.476996, 29.674564],
              [105.419714, 29.688082],
              [105.38091, 29.628275],
              [105.347649, 29.621512],
              [105.332867, 29.592374],
              [105.296526, 29.571035],
              [105.305149, 29.53199],
              [105.337794, 29.459064],
              [105.334099, 29.441345],
              [105.387069, 29.455416],
              [105.387069, 29.455416],
              [105.372903, 29.421018],
              [105.426489, 29.419454],
              [105.441888, 29.400686],
              [105.418482, 29.352185],
              [105.42033, 29.31149],
              [105.465294, 29.322969],
              [105.459134, 29.288526],
              [105.513337, 29.283306],
              [105.521344, 29.264513],
              [105.557684, 29.278608],
              [105.631597, 29.280174],
              [105.647612, 29.253027],
              [105.695039, 29.287482],
              [105.712285, 29.219082],
              [105.703662, 29.176766],
              [105.728916, 29.134432],
              [105.752321, 29.129727],
              [105.728916, 29.1062],
              [105.757865, 29.069068],
              [105.74185, 29.039249],
              [105.766488, 29.013607],
              [105.762176, 28.9911],
              [105.801596, 28.958116],
              [105.797285, 28.936121],
              [105.830546, 28.944501],
              [105.852719, 28.927217],
              [105.910002, 28.920407],
              [105.969132, 28.965971],
              [106.001161, 28.973824],
              [106.040581, 28.955498],
              [106.049204, 28.906263],
              [106.070762, 28.919884],
              [106.101559, 28.898928],
              [106.14837, 28.901548],
              [106.173008, 28.920407],
              [106.206885, 28.904691],
              [106.264783, 28.845997],
              [106.245689, 28.817686],
              [106.267863, 28.779402],
              [106.27279, 28.741103],
              [106.305435, 28.704365],
              [106.304203, 28.64976],
              [106.346703, 28.583565],
              [106.33192, 28.55308],
              [106.37442, 28.525742],
              [106.379348, 28.479986],
              [106.349167, 28.473674],
              [106.304819, 28.505233],
              [106.2925, 28.537309],
              [106.254928, 28.539412],
              [106.184711, 28.58882],
              [106.17116, 28.629275],
              [106.14837, 28.642932],
              [106.103407, 28.636104],
              [106.085544, 28.681792],
              [106.030726, 28.694917],
              [106.001161, 28.743727],
              [105.966668, 28.761041],
              [105.937719, 28.686517],
              [105.889676, 28.670765],
              [105.884748, 28.595126],
              [105.808372, 28.599855],
              [105.78435, 28.610889],
              [105.757249, 28.590397],
              [105.74493, 28.616668],
              [105.712901, 28.586718],
              [105.693191, 28.58882],
              [105.68272, 28.534154],
              [105.62359, 28.517854],
              [105.612503, 28.438947],
              [105.643916, 28.431053],
              [105.655003, 28.362615],
              [105.639604, 28.324164],
              [105.68888, 28.284119],
              [105.730147, 28.271997],
              [105.737539, 28.30309],
              [105.76464, 28.308359],
              [105.76464, 28.308359],
              [105.78743, 28.335753],
              [105.824386, 28.306251],
              [105.848408, 28.255656],
              [105.889676, 28.237732],
              [105.860727, 28.159672],
              [105.895219, 28.119565],
              [105.943878, 28.143314],
              [105.975907, 28.107952],
              [106.093552, 28.162837],
              [106.145291, 28.162837],
              [106.206885, 28.134343],
              [106.266631, 28.066769],
              [106.246305, 28.011835],
              [106.286341, 28.007079],
              [106.328225, 27.952643],
              [106.307899, 27.936782],
              [106.304819, 27.899237],
              [106.325145, 27.898708],
              [106.337464, 27.859033],
              [106.306667, 27.808756],
              [106.242609, 27.767459],
              [106.193334, 27.75422],
              [106.120653, 27.779638],
              [106.063987, 27.776991],
              [106.023335, 27.746805],
              [105.985146, 27.749983],
              [105.92848, 27.729855],
              [105.922937, 27.746805],
              [105.868118, 27.732504],
              [105.848408, 27.707074],
              [105.76772, 27.7182],
              [105.722756, 27.706015],
              [105.720292, 27.683759],
              [105.664242, 27.683759],
              [105.62359, 27.666269],
              [105.605112, 27.715552],
              [105.560148, 27.71979],
              [105.508409, 27.769048],
              [105.44004, 27.775402],
              [105.353809, 27.748924],
              [105.308229, 27.704955],
              [105.290367, 27.712373],
              [105.293447, 27.770637],
              [105.273736, 27.794992],
              [105.313157, 27.810874],
              [105.25957, 27.827811],
              [105.233084, 27.895534],
              [105.284823, 27.935725],
              [105.270657, 27.99704],
              [105.247867, 28.009193],
              [105.218302, 27.990698],
              [105.186273, 27.995454],
              [105.167795, 28.021345],
              [105.186889, 28.054623],
              [105.168411, 28.071522],
              [105.119752, 28.07205],
              [105.061853, 28.096866],
              [105.002107, 28.064129],
              [104.980549, 28.063073],
              [104.975006, 28.020816],
              [104.903557, 27.962158],
              [104.918339, 27.938897],
              [104.888158, 27.914574],
              [104.842579, 27.900294],
              [104.796999, 27.901352],
              [104.761891, 27.884426],
              [104.743413, 27.901881],
              [104.676275, 27.880723],
              [104.63316, 27.850567],
              [104.607906, 27.857974],
              [104.573413, 27.840512],
              [104.52537, 27.889187],
              [104.508124, 27.878078],
              [104.44961, 27.927794],
              [104.40095, 27.952114],
              [104.362762, 28.012891],
              [104.30856, 28.036136],
              [104.304248, 28.050926],
              [104.373233, 28.051454],
              [104.40095, 28.091586],
              [104.448994, 28.113758],
              [104.444682, 28.16231],
              [104.406494, 28.173389],
              [104.402182, 28.202928],
              [104.442834, 28.211366],
              [104.462544, 28.241422],
              [104.44961, 28.269889],
              [104.420045, 28.269889],
              [104.392943, 28.291497],
              [104.384936, 28.329959],
              [104.343052, 28.334173],
              [104.314103, 28.306778],
              [104.282074, 28.343128],
              [104.254357, 28.403683],
              [104.267908, 28.499448],
              [104.260516, 28.536257],
              [104.323342, 28.540989],
              [104.355987, 28.555183],
              [104.375697, 28.5946],
              [104.417581, 28.598279],
              [104.425588, 28.626649],
              [104.372617, 28.649235],
              [104.314719, 28.615617],
              [104.277147, 28.631902],
              [104.252509, 28.660788],
              [104.230951, 28.635579],
              [104.170589, 28.642932],
              [104.117618, 28.634003],
              [104.09606, 28.603533],
              [104.05972, 28.6277],
              [103.953779, 28.600906],
              [103.910047, 28.631377],
              [103.887873, 28.61982],
              [103.850917, 28.66709],
              [103.833054, 28.605109],
              [103.838598, 28.587244],
              [103.802873, 28.563068],
              [103.781931, 28.525216],
              [103.829975, 28.459995],
              [103.828743, 28.44],
              [103.860156, 28.383677],
              [103.85338, 28.356822],
              [103.877402, 28.316262],
              [103.828743, 28.285173],
              [103.770845, 28.233514],
              [103.740048, 28.23615],
              [103.701859, 28.198709],
              [103.692004, 28.232459],
              [103.643961, 28.260401],
              [103.573128, 28.230877],
              [103.533092, 28.168641],
              [103.470266, 28.122204],
              [103.430846, 28.044587],
              [103.459179, 28.021345],
              [103.486281, 28.033495],
              [103.515846, 27.965329],
              [103.55465, 27.978543],
              [103.502295, 27.910343],
              [103.509686, 27.843687],
              [103.487512, 27.794992],
              [103.461027, 27.779638],
              [103.393274, 27.709194],
              [103.369868, 27.708664],
              [103.349542, 27.678459],
              [103.29226, 27.632872],
              [103.2861, 27.561802],
              [103.232514, 27.56976],
              [103.19063, 27.523596],
              [103.144434, 27.450331],
              [103.141355, 27.420586],
              [103.080992, 27.396679],
              [103.055739, 27.40943],
              [102.989833, 27.367983],
              [102.941174, 27.405711],
              [102.899906, 27.317481],
              [102.883892, 27.299401],
              [102.883276, 27.258444],
              [102.904218, 27.227584],
              [102.913457, 27.133886],
              [102.870957, 27.026782],
              [102.894979, 27.001724],
              [102.896211, 26.91264],
              [102.949181, 26.843244],
              [102.966428, 26.837904],
              [102.991681, 26.775409],
              [102.983674, 26.76686],
              [103.008312, 26.710741],
              [103.005232, 26.679195],
              [103.026174, 26.664221],
              [103.035413, 26.556673],
              [103.052659, 26.555602],
              [103.052659, 26.514374],
              [103.030485, 26.485989],
              [102.989833, 26.482775],
              [102.988602, 26.413117],
              [102.998457, 26.371839],
              [102.975667, 26.340736],
              [102.893131, 26.338591],
              [102.878964, 26.364332],
              [102.833385, 26.306406],
              [102.785342, 26.298895],
              [102.739762, 26.268846],
              [102.709581, 26.210336],
              [102.659074, 26.221611],
              [102.60056, 26.250598],
              [102.638748, 26.307479],
              [102.629509, 26.336982],
              [102.570995, 26.362723],
              [102.542046, 26.338591],
              [102.440416, 26.300505],
              [102.392372, 26.296749],
              [102.349257, 26.244694],
              [102.245163, 26.212483],
              [102.242699, 26.190468],
              [102.174946, 26.146961],
              [102.152156, 26.10935],
              [102.107808, 26.068501],
              [102.080091, 26.065275],
              [102.020961, 26.096451],
              [101.954439, 26.084627],
              [101.929186, 26.105588],
              [101.899621, 26.099139],
              [101.857737, 26.049146],
              [101.835563, 26.04592],
              [101.839875, 26.082477],
              [101.796759, 26.114723],
              [101.807846, 26.156093],
              [101.773353, 26.168448],
              [101.737013, 26.219463],
              [101.690202, 26.241473],
              [101.630455, 26.224832],
              [101.586108, 26.279579],
              [101.597195, 26.303187],
              [101.64031, 26.318745],
              [101.660636, 26.346635],
              [101.635383, 26.357361],
              [101.637847, 26.388995],
              [101.565782, 26.454381],
              [101.530057, 26.467239],
              [101.506652, 26.499915],
              [101.458608, 26.49563],
              [101.422884, 26.53151],
              [101.395783, 26.591998],
              [101.402558, 26.604841],
              [101.461688, 26.606447],
              [101.461072, 26.640687],
              [101.481398, 26.673313],
              [101.453065, 26.692563],
              [101.513427, 26.768463],
              [101.466, 26.786629],
              [101.445674, 26.77434],
              [101.458608, 26.731054],
              [101.435819, 26.740675],
              [101.389623, 26.723036],
              [101.387159, 26.753501],
              [101.358826, 26.771669],
              [101.399478, 26.841642],
              [101.365602, 26.883819],
              [101.311399, 26.903034],
              [101.267667, 26.903034],
              [101.264587, 26.955323],
              [101.227015, 26.959057],
              [101.228863, 26.981992],
              [101.136472, 27.023584],
              [101.157414, 27.094999],
              [101.145095, 27.103523],
              [101.170349, 27.175421],
              [101.167885, 27.198311],
            ],
          ],
          [
            [
              [106.264167, 30.20974],
              [106.260471, 30.19681],
              [106.260471, 30.204051],
              [106.260471, 30.207672],
              [106.264167, 30.20974],
            ],
          ],
          [
            [
              [106.976809, 30.088127],
              [106.977425, 30.087609],
              [106.978656, 30.087609],
              [106.979888, 30.088127],
              [106.980504, 30.087609],
              [106.981736, 30.08502],
              [106.976193, 30.083467],
              [106.975577, 30.088127],
              [106.976809, 30.088127],
            ],
          ],
          [
            [
              [105.558916, 30.18543],
              [105.56138, 30.183878],
              [105.550909, 30.179222],
              [105.556453, 30.187499],
              [105.558916, 30.18543],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 520000,
        name: '贵州省',
        center: [106.713478, 26.578343],
        centroid: [106.880457, 26.826368],
        childrenNum: 9,
        level: 'province',
        subFeatureIndex: 23,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [109.274262, 28.494714],
              [109.260712, 28.46473],
              [109.264407, 28.392628],
              [109.289045, 28.373673],
              [109.268719, 28.33786],
              [109.275494, 28.313101],
              [109.317994, 28.277795],
              [109.33524, 28.293605],
              [109.388211, 28.268307],
              [109.367885, 28.254602],
              [109.340168, 28.19027],
              [109.33832, 28.141731],
              [109.314298, 28.103729],
              [109.298284, 28.036136],
              [109.335856, 28.063073],
              [109.378972, 28.034551],
              [109.362342, 28.007608],
              [109.319842, 27.988585],
              [109.30198, 27.956343],
              [109.32169, 27.868027],
              [109.346943, 27.838396],
              [109.332777, 27.782815],
              [109.37774, 27.736741],
              [109.366653, 27.721909],
              [109.414081, 27.725087],
              [109.470747, 27.680049],
              [109.45658, 27.673689],
              [109.470131, 27.62863],
              [109.451037, 27.586204],
              [109.461508, 27.567637],
              [109.404841, 27.55066],
              [109.303211, 27.47582],
              [109.300132, 27.423774],
              [109.245313, 27.41793],
              [109.202197, 27.450331],
              [109.167089, 27.41793],
              [109.141835, 27.448207],
              [109.142451, 27.418461],
              [109.103647, 27.336621],
              [109.044517, 27.331304],
              [109.053756, 27.293551],
              [108.983539, 27.26802],
              [108.963213, 27.235565],
              [108.907778, 27.204699],
              [108.926873, 27.160512],
              [108.878829, 27.106187],
              [108.79075, 27.084343],
              [108.877597, 27.01612],
              [108.942887, 27.017186],
              [108.942887, 27.017186],
              [108.940423, 27.044907],
              [109.007561, 27.08008],
              [109.032814, 27.104056],
              [109.128901, 27.122701],
              [109.101183, 27.06889],
              [109.165857, 27.066758],
              [109.21698, 27.114711],
              [109.239154, 27.14933],
              [109.264407, 27.131755],
              [109.33524, 27.139212],
              [109.358646, 27.153058],
              [109.415312, 27.154123],
              [109.441182, 27.117907],
              [109.472595, 27.134951],
              [109.454733, 27.069423],
              [109.486761, 27.053968],
              [109.497848, 27.079548],
              [109.520022, 27.058764],
              [109.555131, 26.946788],
              [109.436254, 26.892359],
              [109.452885, 26.861932],
              [109.467051, 26.83203],
              [109.47629, 26.829894],
              [109.486761, 26.759913],
              [109.447957, 26.759913],
              [109.407305, 26.719829],
              [109.35495, 26.693098],
              [109.283501, 26.698445],
              [109.306291, 26.661012],
              [109.334008, 26.646036],
              [109.35495, 26.658873],
              [109.390675, 26.598955],
              [109.407305, 26.533116],
              [109.381436, 26.518659],
              [109.385747, 26.493487],
              [109.362342, 26.472061],
              [109.38082, 26.454381],
              [109.319842, 26.418477],
              [109.29582, 26.350389],
              [109.271183, 26.327863],
              [109.285965, 26.295676],
              [109.325385, 26.29031],
              [109.351255, 26.264016],
              [109.369733, 26.277432],
              [109.442414, 26.289774],
              [109.467051, 26.313917],
              [109.439334, 26.238789],
              [109.47629, 26.148035],
              [109.513863, 26.128157],
              [109.502776, 26.096451],
              [109.449805, 26.101826],
              [109.452885, 26.055598],
              [109.48245, 26.029788],
              [109.462124, 25.995367],
              [109.408537, 25.967392],
              [109.435022, 25.93349],
              [109.396834, 25.900117],
              [109.359262, 25.836036],
              [109.339552, 25.83442],
              [109.327849, 25.76168],
              [109.340168, 25.731493],
              [109.296436, 25.71424],
              [109.207125, 25.740119],
              [109.206509, 25.788087],
              [109.147995, 25.741736],
              [109.13198, 25.762758],
              [109.143683, 25.795092],
              [109.095024, 25.80533],
              [109.077778, 25.776771],
              [109.048213, 25.790781],
              [108.989698, 25.778926],
              [108.999553, 25.765453],
              [108.963829, 25.732572],
              [108.940423, 25.740119],
              [108.896076, 25.71424],
              [108.900387, 25.682423],
              [108.953974, 25.686738],
              [108.953974, 25.686738],
              [109.007561, 25.734728],
              [109.043285, 25.738502],
              [109.07901, 25.72071],
              [109.075314, 25.693749],
              [109.030966, 25.629556],
              [109.051908, 25.566949],
              [109.088249, 25.550752],
              [109.024807, 25.51241],
              [108.949046, 25.557231],
              [108.8893, 25.543193],
              [108.890532, 25.556151],
              [108.826474, 25.550212],
              [108.814772, 25.526992],
              [108.781511, 25.554531],
              [108.799989, 25.576666],
              [108.783975, 25.628477],
              [108.724844, 25.634952],
              [108.68912, 25.623081],
              [108.68604, 25.587462],
              [108.660787, 25.584763],
              [108.658323, 25.550212],
              [108.68912, 25.533473],
              [108.634917, 25.520512],
              [108.6072, 25.491885],
              [108.600425, 25.432448],
              [108.62999, 25.335666],
              [108.625062, 25.308076],
              [108.589338, 25.335125],
              [108.585642, 25.365952],
              [108.471693, 25.458928],
              [108.418723, 25.443257],
              [108.400244, 25.491344],
              [108.359592, 25.513491],
              [108.348506, 25.536173],
              [108.308469, 25.525912],
              [108.280752, 25.48],
              [108.241332, 25.46217],
              [108.251803, 25.430286],
              [108.192673, 25.458928],
              [108.162492, 25.444878],
              [108.193289, 25.405421],
              [108.142782, 25.390825],
              [108.152021, 25.324306],
              [108.143398, 25.269658],
              [108.115065, 25.210112],
              [108.080572, 25.193867],
              [108.001732, 25.196574],
              [107.928435, 25.155954],
              [107.872384, 25.141327],
              [107.839124, 25.115861],
              [107.762747, 25.125073],
              [107.789233, 25.15487],
              [107.760283, 25.188451],
              [107.762131, 25.229061],
              [107.741805, 25.24043],
              [107.700537, 25.194408],
              [107.696226, 25.219858],
              [107.661733, 25.258833],
              [107.659885, 25.316192],
              [107.632168, 25.310241],
              [107.599523, 25.250714],
              [107.576734, 25.256668],
              [107.512676, 25.209029],
              [107.472024, 25.213902],
              [107.489886, 25.276693],
              [107.481263, 25.299961],
              [107.432604, 25.289139],
              [107.409198, 25.347024],
              [107.420901, 25.392987],
              [107.375937, 25.411908],
              [107.358691, 25.393528],
              [107.318039, 25.401637],
              [107.308184, 25.432988],
              [107.336517, 25.461089],
              [107.263836, 25.543193],
              [107.232423, 25.556691],
              [107.228728, 25.604733],
              [107.205322, 25.607971],
              [107.185612, 25.578825],
              [107.064272, 25.559391],
              [107.066736, 25.50917],
              [107.015613, 25.495666],
              [106.996519, 25.442716],
              [106.963874, 25.437852],
              [106.987896, 25.358922],
              [107.012533, 25.352973],
              [107.013765, 25.275611],
              [106.975577, 25.232851],
              [106.933077, 25.250714],
              [106.904128, 25.231768],
              [106.888113, 25.181953],
              [106.853005, 25.186827],
              [106.787715, 25.17112],
              [106.764926, 25.183036],
              [106.732281, 25.162454],
              [106.691013, 25.179245],
              [106.644817, 25.164621],
              [106.63989, 25.132658],
              [106.590615, 25.08768],
              [106.551195, 25.082802],
              [106.519782, 25.054072],
              [106.450181, 25.033468],
              [106.442173, 25.019369],
              [106.332536, 24.988454],
              [106.304819, 24.973807],
              [106.253696, 24.971094],
              [106.215508, 24.981944],
              [106.191486, 24.95319],
              [106.145291, 24.954275],
              [106.197645, 24.885889],
              [106.206269, 24.851139],
              [106.173008, 24.760417],
              [106.150218, 24.762591],
              [106.113878, 24.714216],
              [106.047356, 24.684312],
              [106.024566, 24.633186],
              [105.961741, 24.677786],
              [105.942031, 24.725088],
              [105.863806, 24.729437],
              [105.827466, 24.702799],
              [105.767104, 24.719109],
              [105.70551, 24.768569],
              [105.617431, 24.78161],
              [105.607576, 24.803885],
              [105.573083, 24.797366],
              [105.497322, 24.809318],
              [105.493011, 24.833217],
              [105.457286, 24.87123],
              [105.428337, 24.930941],
              [105.365511, 24.943423],
              [105.334099, 24.9266],
              [105.267577, 24.929313],
              [105.251563, 24.967296],
              [105.212758, 24.995505],
              [105.178266, 24.985199],
              [105.157324, 24.958616],
              [105.131454, 24.959701],
              [105.09573, 24.92877],
              [105.077868, 24.918459],
              [105.039064, 24.872859],
              [105.026745, 24.815836],
              [105.03352, 24.787586],
              [104.899245, 24.752809],
              [104.865985, 24.730524],
              [104.841963, 24.676155],
              [104.771746, 24.659839],
              [104.729246, 24.617953],
              [104.703377, 24.645698],
              [104.628848, 24.660927],
              [104.595587, 24.709323],
              [104.529682, 24.731611],
              [104.542616, 24.75607],
              [104.539537, 24.813663],
              [104.586964, 24.872859],
              [104.635623, 24.903803],
              [104.663957, 24.964584],
              [104.713232, 24.996048],
              [104.684898, 25.054072],
              [104.619609, 25.060577],
              [104.685514, 25.078466],
              [104.695369, 25.122364],
              [104.732326, 25.167871],
              [104.724319, 25.195491],
              [104.753884, 25.214443],
              [104.801927, 25.163537],
              [104.822869, 25.170037],
              [104.806854, 25.224189],
              [104.826565, 25.235558],
              [104.816094, 25.262622],
              [104.736021, 25.268034],
              [104.689826, 25.296173],
              [104.639935, 25.295632],
              [104.646094, 25.356759],
              [104.615913, 25.364871],
              [104.566638, 25.402719],
              [104.543232, 25.400556],
              [104.556783, 25.524832],
              [104.524138, 25.526992],
              [104.483486, 25.494585],
              [104.44961, 25.495126],
              [104.434827, 25.472436],
              [104.418813, 25.499447],
              [104.436059, 25.520512],
              [104.428668, 25.576126],
              [104.389248, 25.595558],
              [104.332581, 25.598796],
              [104.310407, 25.647901],
              [104.328886, 25.760602],
              [104.370769, 25.730415],
              [104.397871, 25.76168],
              [104.42374, 25.841961],
              [104.441602, 25.868889],
              [104.414501, 25.909807],
              [104.438523, 25.92757],
              [104.470552, 26.009352],
              [104.460081, 26.085702],
              [104.499501, 26.070651],
              [104.52845, 26.114186],
              [104.518595, 26.165762],
              [104.548776, 26.226979],
              [104.542616, 26.253282],
              [104.592508, 26.317672],
              [104.659645, 26.335373],
              [104.684283, 26.3772],
              [104.664572, 26.397572],
              [104.665804, 26.434019],
              [104.631928, 26.451702],
              [104.638703, 26.477954],
              [104.598667, 26.520801],
              [104.57095, 26.524549],
              [104.579573, 26.568449],
              [104.556783, 26.590393],
              [104.488414, 26.579689],
              [104.459465, 26.602701],
              [104.468088, 26.644431],
              [104.424356, 26.709137],
              [104.398487, 26.686147],
              [104.353523, 26.620893],
              [104.313487, 26.612867],
              [104.274683, 26.633733],
              [104.268524, 26.617683],
              [104.222328, 26.620358],
              [104.160734, 26.646571],
              [104.121314, 26.638012],
              [104.068343, 26.573266],
              [104.067727, 26.51491],
              [104.008597, 26.511697],
              [103.953163, 26.521336],
              [103.865699, 26.512232],
              [103.819504, 26.529903],
              [103.815808, 26.55239],
              [103.763453, 26.585041],
              [103.748671, 26.623568],
              [103.759142, 26.689355],
              [103.773308, 26.716621],
              [103.725265, 26.742812],
              [103.705555, 26.794642],
              [103.722185, 26.851253],
              [103.779468, 26.87421],
              [103.763453, 26.905702],
              [103.775156, 26.951056],
              [103.753598, 26.963858],
              [103.73204, 27.018785],
              [103.704939, 27.049171],
              [103.675374, 27.051836],
              [103.623019, 27.007056],
              [103.623635, 27.035312],
              [103.601461, 27.061962],
              [103.614396, 27.079548],
              [103.659975, 27.065692],
              [103.652584, 27.092868],
              [103.620555, 27.096598],
              [103.63349, 27.12057],
              [103.696316, 27.126429],
              [103.748671, 27.210021],
              [103.801641, 27.250464],
              [103.80041, 27.26536],
              [103.865699, 27.28185],
              [103.874322, 27.331304],
              [103.903271, 27.347785],
              [103.905119, 27.38552],
              [103.932221, 27.443958],
              [103.956242, 27.425367],
              [104.015372, 27.429086],
              [104.01722, 27.383926],
              [104.084358, 27.330773],
              [104.113923, 27.338216],
              [104.173053, 27.263232],
              [104.210625, 27.297273],
              [104.248813, 27.291955],
              [104.247582, 27.336621],
              [104.295625, 27.37436],
              [104.30856, 27.407305],
              [104.363378, 27.467855],
              [104.467472, 27.414211],
              [104.497037, 27.414743],
              [104.539537, 27.327583],
              [104.570334, 27.331836],
              [104.611602, 27.306846],
              [104.7545, 27.345658],
              [104.77113, 27.317481],
              [104.824717, 27.3531],
              [104.856746, 27.332368],
              [104.851818, 27.299401],
              [104.871528, 27.290891],
              [104.913412, 27.327051],
              [105.01073, 27.379143],
              [105.068013, 27.418461],
              [105.120984, 27.418461],
              [105.184425, 27.392959],
              [105.182577, 27.367451],
              [105.233084, 27.436522],
              [105.234316, 27.489093],
              [105.260186, 27.514573],
              [105.232469, 27.546945],
              [105.25649, 27.582491],
              [105.304533, 27.611661],
              [105.29591, 27.631811],
              [105.308229, 27.704955],
              [105.353809, 27.748924],
              [105.44004, 27.775402],
              [105.508409, 27.769048],
              [105.560148, 27.71979],
              [105.605112, 27.715552],
              [105.62359, 27.666269],
              [105.664242, 27.683759],
              [105.720292, 27.683759],
              [105.722756, 27.706015],
              [105.76772, 27.7182],
              [105.848408, 27.707074],
              [105.868118, 27.732504],
              [105.922937, 27.746805],
              [105.92848, 27.729855],
              [105.985146, 27.749983],
              [106.023335, 27.746805],
              [106.063987, 27.776991],
              [106.120653, 27.779638],
              [106.193334, 27.75422],
              [106.242609, 27.767459],
              [106.306667, 27.808756],
              [106.337464, 27.859033],
              [106.325145, 27.898708],
              [106.304819, 27.899237],
              [106.307899, 27.936782],
              [106.328225, 27.952643],
              [106.286341, 28.007079],
              [106.246305, 28.011835],
              [106.266631, 28.066769],
              [106.206885, 28.134343],
              [106.145291, 28.162837],
              [106.093552, 28.162837],
              [105.975907, 28.107952],
              [105.943878, 28.143314],
              [105.895219, 28.119565],
              [105.860727, 28.159672],
              [105.889676, 28.237732],
              [105.848408, 28.255656],
              [105.824386, 28.306251],
              [105.78743, 28.335753],
              [105.76464, 28.308359],
              [105.76464, 28.308359],
              [105.737539, 28.30309],
              [105.730147, 28.271997],
              [105.68888, 28.284119],
              [105.639604, 28.324164],
              [105.655003, 28.362615],
              [105.643916, 28.431053],
              [105.612503, 28.438947],
              [105.62359, 28.517854],
              [105.68272, 28.534154],
              [105.693191, 28.58882],
              [105.712901, 28.586718],
              [105.74493, 28.616668],
              [105.757249, 28.590397],
              [105.78435, 28.610889],
              [105.808372, 28.599855],
              [105.884748, 28.595126],
              [105.889676, 28.670765],
              [105.937719, 28.686517],
              [105.966668, 28.761041],
              [106.001161, 28.743727],
              [106.030726, 28.694917],
              [106.085544, 28.681792],
              [106.103407, 28.636104],
              [106.14837, 28.642932],
              [106.17116, 28.629275],
              [106.184711, 28.58882],
              [106.254928, 28.539412],
              [106.2925, 28.537309],
              [106.304819, 28.505233],
              [106.349167, 28.473674],
              [106.379348, 28.479986],
              [106.37442, 28.525742],
              [106.403369, 28.569901],
              [106.477282, 28.530474],
              [106.504999, 28.544669],
              [106.466811, 28.586193],
              [106.49268, 28.591448],
              [106.502535, 28.661313],
              [106.528405, 28.677591],
              [106.492064, 28.742153],
              [106.461883, 28.761041],
              [106.45326, 28.817162],
              [106.474202, 28.832891],
              [106.561666, 28.756319],
              [106.56105, 28.719062],
              [106.587535, 28.691767],
              [106.6171, 28.691242],
              [106.617716, 28.66709],
              [106.651593, 28.649235],
              [106.618332, 28.645033],
              [106.63681, 28.622972],
              [106.606629, 28.593024],
              [106.615252, 28.549401],
              [106.567825, 28.523638],
              [106.564745, 28.485247],
              [106.632499, 28.503655],
              [106.697788, 28.47683],
              [106.708259, 28.450524],
              [106.747063, 28.467361],
              [106.726121, 28.51838],
              [106.73844, 28.554657],
              [106.77786, 28.563068],
              [106.756918, 28.607211],
              [106.784636, 28.626649],
              [106.807425, 28.589346],
              [106.830831, 28.623497],
              [106.866556, 28.624548],
              [106.889345, 28.695966],
              [106.86594, 28.690192],
              [106.824056, 28.756319],
              [106.845614, 28.780975],
              [106.872099, 28.777304],
              [106.923222, 28.809821],
              [106.951555, 28.766812],
              [106.988512, 28.776254],
              [106.983584, 28.851239],
              [107.019308, 28.861722],
              [107.016229, 28.882685],
              [107.14188, 28.887925],
              [107.206554, 28.868535],
              [107.194851, 28.838134],
              [107.227496, 28.836037],
              [107.210866, 28.817686],
              [107.219489, 28.772582],
              [107.24659, 28.76209],
              [107.261373, 28.792514],
              [107.327894, 28.810869],
              [107.339597, 28.845997],
              [107.383945, 28.848618],
              [107.41351, 28.911502],
              [107.441227, 28.943977],
              [107.412894, 28.960211],
              [107.396879, 28.993718],
              [107.364235, 29.00942],
              [107.395647, 29.041341],
              [107.369778, 29.091558],
              [107.412278, 29.094696],
              [107.427676, 29.128682],
              [107.408582, 29.138091],
              [107.401807, 29.184603],
              [107.441227, 29.203934],
              [107.486806, 29.174153],
              [107.570574, 29.218037],
              [107.589052, 29.150113],
              [107.605683, 29.164747],
              [107.659885, 29.162656],
              [107.700537, 29.141228],
              [107.749197, 29.199754],
              [107.810791, 29.139137],
              [107.784921, 29.048143],
              [107.823725, 29.034016],
              [107.810175, 28.984295],
              [107.867457, 28.960211],
              [107.882855, 29.00628],
              [107.908725, 29.007327],
              [107.925971, 29.032446],
              [108.026369, 29.039772],
              [108.070717, 29.086328],
              [108.150173, 29.053375],
              [108.193289, 29.072207],
              [108.256115, 29.040295],
              [108.277673, 29.091558],
              [108.306622, 29.079006],
              [108.297999, 29.045527],
              [108.319556, 28.961258],
              [108.345426, 28.943453],
              [108.357745, 28.893165],
              [108.346658, 28.859625],
              [108.352817, 28.815589],
              [108.386078, 28.803003],
              [108.385462, 28.772058],
              [108.347274, 28.736381],
              [108.332491, 28.679166],
              [108.439049, 28.634003],
              [108.501258, 28.626649],
              [108.50249, 28.63768],
              [108.575787, 28.659738],
              [108.636149, 28.621396],
              [108.604736, 28.590922],
              [108.610896, 28.539412],
              [108.573939, 28.531],
              [108.586874, 28.463678],
              [108.609664, 28.43579],
              [108.609048, 28.407368],
              [108.576403, 28.38631],
              [108.580099, 28.343128],
              [108.611512, 28.324691],
              [108.667562, 28.334173],
              [108.656475, 28.359981],
              [108.697127, 28.401051],
              [108.688504, 28.422106],
              [108.640461, 28.456838],
              [108.657091, 28.47683],
              [108.700207, 28.48209],
              [108.709446, 28.501026],
              [108.746402, 28.45105],
              [108.780279, 28.42579],
              [108.759953, 28.389995],
              [108.783359, 28.380518],
              [108.761801, 28.304143],
              [108.726692, 28.282011],
              [108.738395, 28.228241],
              [108.772888, 28.212949],
              [108.821547, 28.245113],
              [108.855424, 28.199764],
              [108.89546, 28.219804],
              [108.923793, 28.217167],
              [108.929952, 28.19027],
              [109.005713, 28.162837],
              [109.026655, 28.220331],
              [109.086401, 28.184467],
              [109.101799, 28.202401],
              [109.081473, 28.247749],
              [109.117198, 28.277795],
              [109.152306, 28.349975],
              [109.153538, 28.417369],
              [109.191726, 28.471043],
              [109.23361, 28.474726],
              [109.274262, 28.494714],
            ],
          ],
          [
            [
              [109.47629, 26.829894],
              [109.467051, 26.83203],
              [109.452885, 26.861932],
              [109.486761, 26.895562],
              [109.509551, 26.877947],
              [109.513247, 26.84004],
              [109.497232, 26.815474],
              [109.522486, 26.749226],
              [109.52187, 26.749226],
              [109.486761, 26.759913],
              [109.47629, 26.829894],
            ],
          ],
          [
            [
              [109.528645, 26.743881],
              [109.554515, 26.73533],
              [109.597015, 26.756173],
              [109.568065, 26.726243],
              [109.528645, 26.743881],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 530000,
        name: '云南省',
        center: [102.712251, 25.040609],
        centroid: [101.485106, 25.008644],
        childrenNum: 16,
        level: 'province',
        subFeatureIndex: 24,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [105.308229, 27.704955],
              [105.29591, 27.631811],
              [105.304533, 27.611661],
              [105.25649, 27.582491],
              [105.232469, 27.546945],
              [105.260186, 27.514573],
              [105.234316, 27.489093],
              [105.233084, 27.436522],
              [105.182577, 27.367451],
              [105.184425, 27.392959],
              [105.120984, 27.418461],
              [105.068013, 27.418461],
              [105.01073, 27.379143],
              [104.913412, 27.327051],
              [104.871528, 27.290891],
              [104.851818, 27.299401],
              [104.856746, 27.332368],
              [104.824717, 27.3531],
              [104.77113, 27.317481],
              [104.7545, 27.345658],
              [104.611602, 27.306846],
              [104.570334, 27.331836],
              [104.539537, 27.327583],
              [104.497037, 27.414743],
              [104.467472, 27.414211],
              [104.363378, 27.467855],
              [104.30856, 27.407305],
              [104.295625, 27.37436],
              [104.247582, 27.336621],
              [104.248813, 27.291955],
              [104.210625, 27.297273],
              [104.173053, 27.263232],
              [104.113923, 27.338216],
              [104.084358, 27.330773],
              [104.01722, 27.383926],
              [104.015372, 27.429086],
              [103.956242, 27.425367],
              [103.932221, 27.443958],
              [103.905119, 27.38552],
              [103.903271, 27.347785],
              [103.874322, 27.331304],
              [103.865699, 27.28185],
              [103.80041, 27.26536],
              [103.801641, 27.250464],
              [103.748671, 27.210021],
              [103.696316, 27.126429],
              [103.63349, 27.12057],
              [103.620555, 27.096598],
              [103.652584, 27.092868],
              [103.659975, 27.065692],
              [103.614396, 27.079548],
              [103.601461, 27.061962],
              [103.623635, 27.035312],
              [103.623019, 27.007056],
              [103.675374, 27.051836],
              [103.704939, 27.049171],
              [103.73204, 27.018785],
              [103.753598, 26.963858],
              [103.775156, 26.951056],
              [103.763453, 26.905702],
              [103.779468, 26.87421],
              [103.722185, 26.851253],
              [103.705555, 26.794642],
              [103.725265, 26.742812],
              [103.773308, 26.716621],
              [103.759142, 26.689355],
              [103.748671, 26.623568],
              [103.763453, 26.585041],
              [103.815808, 26.55239],
              [103.819504, 26.529903],
              [103.865699, 26.512232],
              [103.953163, 26.521336],
              [104.008597, 26.511697],
              [104.067727, 26.51491],
              [104.068343, 26.573266],
              [104.121314, 26.638012],
              [104.160734, 26.646571],
              [104.222328, 26.620358],
              [104.268524, 26.617683],
              [104.274683, 26.633733],
              [104.313487, 26.612867],
              [104.353523, 26.620893],
              [104.398487, 26.686147],
              [104.424356, 26.709137],
              [104.468088, 26.644431],
              [104.459465, 26.602701],
              [104.488414, 26.579689],
              [104.556783, 26.590393],
              [104.579573, 26.568449],
              [104.57095, 26.524549],
              [104.598667, 26.520801],
              [104.638703, 26.477954],
              [104.631928, 26.451702],
              [104.665804, 26.434019],
              [104.664572, 26.397572],
              [104.684283, 26.3772],
              [104.659645, 26.335373],
              [104.592508, 26.317672],
              [104.542616, 26.253282],
              [104.548776, 26.226979],
              [104.518595, 26.165762],
              [104.52845, 26.114186],
              [104.499501, 26.070651],
              [104.460081, 26.085702],
              [104.470552, 26.009352],
              [104.438523, 25.92757],
              [104.414501, 25.909807],
              [104.441602, 25.868889],
              [104.42374, 25.841961],
              [104.397871, 25.76168],
              [104.370769, 25.730415],
              [104.328886, 25.760602],
              [104.310407, 25.647901],
              [104.332581, 25.598796],
              [104.389248, 25.595558],
              [104.428668, 25.576126],
              [104.436059, 25.520512],
              [104.418813, 25.499447],
              [104.434827, 25.472436],
              [104.44961, 25.495126],
              [104.483486, 25.494585],
              [104.524138, 25.526992],
              [104.556783, 25.524832],
              [104.543232, 25.400556],
              [104.566638, 25.402719],
              [104.615913, 25.364871],
              [104.646094, 25.356759],
              [104.639935, 25.295632],
              [104.689826, 25.296173],
              [104.736021, 25.268034],
              [104.816094, 25.262622],
              [104.826565, 25.235558],
              [104.806854, 25.224189],
              [104.822869, 25.170037],
              [104.801927, 25.163537],
              [104.753884, 25.214443],
              [104.724319, 25.195491],
              [104.732326, 25.167871],
              [104.695369, 25.122364],
              [104.685514, 25.078466],
              [104.619609, 25.060577],
              [104.684898, 25.054072],
              [104.713232, 24.996048],
              [104.663957, 24.964584],
              [104.635623, 24.903803],
              [104.586964, 24.872859],
              [104.539537, 24.813663],
              [104.542616, 24.75607],
              [104.529682, 24.731611],
              [104.489646, 24.653313],
              [104.520443, 24.535228],
              [104.550008, 24.518894],
              [104.575877, 24.424661],
              [104.616529, 24.421937],
              [104.63008, 24.397958],
              [104.610986, 24.377246],
              [104.641783, 24.367979],
              [104.70892, 24.321087],
              [104.721239, 24.340173],
              [104.703377, 24.419757],
              [104.715695, 24.441552],
              [104.74834, 24.435559],
              [104.765587, 24.45953],
              [104.784681, 24.443732],
              [104.83642, 24.446456],
              [104.914028, 24.426296],
              [104.930042, 24.411038],
              [104.979933, 24.412673],
              [105.042759, 24.442097],
              [105.106817, 24.414853],
              [105.111744, 24.37234],
              [105.138846, 24.376701],
              [105.188121, 24.347261],
              [105.196744, 24.326541],
              [105.164715, 24.288362],
              [105.215222, 24.214699],
              [105.24294, 24.208695],
              [105.229389, 24.165567],
              [105.182577, 24.167205],
              [105.20044, 24.105491],
              [105.260186, 24.061236],
              [105.292831, 24.074896],
              [105.273121, 24.092927],
              [105.320548, 24.116416],
              [105.334099, 24.094566],
              [105.395692, 24.065607],
              [105.406163, 24.043748],
              [105.493011, 24.016965],
              [105.533663, 24.130071],
              [105.594641, 24.137718],
              [105.628518, 24.126794],
              [105.649459, 24.032816],
              [105.704278, 24.0667],
              [105.739387, 24.059596],
              [105.765256, 24.073804],
              [105.802212, 24.051945],
              [105.796669, 24.023524],
              [105.841633, 24.03063],
              [105.859495, 24.056864],
              [105.89214, 24.040468],
              [105.908154, 24.069432],
              [105.901995, 24.099482],
              [105.919241, 24.122425],
              [105.963589, 24.110954],
              [105.998081, 24.120786],
              [106.011632, 24.099482],
              [106.04982, 24.089649],
              [106.053516, 24.051399],
              [106.096631, 24.018058],
              [106.091088, 23.998924],
              [106.128044, 23.956819],
              [106.157609, 23.891174],
              [106.192718, 23.879135],
              [106.173008, 23.861622],
              [106.192102, 23.824947],
              [106.136667, 23.795381],
              [106.157609, 23.724175],
              [106.149602, 23.665538],
              [106.120653, 23.605229],
              [106.141595, 23.569579],
              [106.08616, 23.524043],
              [106.071994, 23.495506],
              [106.039965, 23.484529],
              [105.999929, 23.447748],
              [105.986378, 23.489469],
              [105.935871, 23.508678],
              [105.913081, 23.499348],
              [105.89214, 23.52514],
              [105.852103, 23.526786],
              [105.815763, 23.507031],
              [105.805908, 23.467512],
              [105.758481, 23.459826],
              [105.699966, 23.40162],
              [105.637757, 23.404366],
              [105.694423, 23.363168],
              [105.699966, 23.327453],
              [105.649459, 23.346136],
              [105.593409, 23.312614],
              [105.560148, 23.257093],
              [105.526272, 23.234548],
              [105.542902, 23.184495],
              [105.50225, 23.202648],
              [105.445584, 23.292827],
              [105.416018, 23.283482],
              [105.372903, 23.317561],
              [105.353809, 23.362069],
              [105.325475, 23.390086],
              [105.260186, 23.31811],
              [105.238012, 23.26424],
              [105.181962, 23.279084],
              [105.122215, 23.247745],
              [105.093266, 23.260942],
              [104.958991, 23.188896],
              [104.949136, 23.152033],
              [104.912796, 23.175693],
              [104.882615, 23.163589],
              [104.874608, 23.123417],
              [104.804391, 23.110207],
              [104.821021, 23.032022],
              [104.860441, 22.970874],
              [104.846275, 22.926235],
              [104.772362, 22.893711],
              [104.760659, 22.862282],
              [104.732942, 22.852356],
              [104.737869, 22.825882],
              [104.674428, 22.817056],
              [104.596203, 22.846289],
              [104.527834, 22.814298],
              [104.498885, 22.774574],
              [104.422508, 22.734838],
              [104.375697, 22.690122],
              [104.323342, 22.728767],
              [104.272835, 22.73815],
              [104.256821, 22.77347],
              [104.274067, 22.828088],
              [104.261748, 22.841877],
              [104.224176, 22.826434],
              [104.117618, 22.808781],
              [104.089901, 22.768504],
              [104.045553, 22.728215],
              [104.04309, 22.67687],
              [104.022148, 22.593463],
              [104.009213, 22.575228],
              [104.009213, 22.517745],
              [103.964865, 22.502265],
              [103.894032, 22.564728],
              [103.875554, 22.565833],
              [103.863851, 22.584069],
              [103.825047, 22.615562],
              [103.766533, 22.688465],
              [103.669215, 22.766297],
              [103.642113, 22.794989],
              [103.567585, 22.701164],
              [103.580519, 22.66693],
              [103.529396, 22.59291],
              [103.50907, 22.601198],
              [103.457947, 22.658646],
              [103.436389, 22.6973],
              [103.441317, 22.753052],
              [103.375411, 22.794989],
              [103.323057, 22.807678],
              [103.321209, 22.777885],
              [103.288564, 22.732078],
              [103.283021, 22.678526],
              [103.220195, 22.643734],
              [103.195557, 22.648153],
              [103.161065, 22.590147],
              [103.183238, 22.558649],
              [103.119181, 22.518298],
              [103.085304, 22.509452],
              [103.071753, 22.445304],
              [103.030485, 22.441432],
              [102.986754, 22.477935],
              [102.930703, 22.482359],
              [102.892515, 22.533223],
              [102.880196, 22.586832],
              [102.82353, 22.623296],
              [102.80074, 22.620534],
              [102.688639, 22.70006],
              [102.657226, 22.687913],
              [102.607335, 22.730975],
              [102.569763, 22.701164],
              [102.551285, 22.743669],
              [102.498314, 22.777885],
              [102.45951, 22.762986],
              [102.43672, 22.699508],
              [102.384365, 22.679631],
              [102.404691, 22.629925],
              [102.356648, 22.563623],
              [102.322771, 22.554227],
              [102.25625, 22.457473],
              [102.270416, 22.419858],
              [102.179257, 22.430369],
              [102.145381, 22.397727],
              [102.131214, 22.430922],
              [102.046214, 22.458026],
              [101.978461, 22.427603],
              [101.907628, 22.437007],
              [101.901469, 22.384447],
              [101.862665, 22.389427],
              [101.823244, 22.42705],
              [101.824476, 22.45692],
              [101.774585, 22.506135],
              [101.715455, 22.477935],
              [101.672339, 22.47517],
              [101.648318, 22.400494],
              [101.671723, 22.372826],
              [101.625528, 22.28259],
              [101.56455, 22.269299],
              [101.547304, 22.238282],
              [101.596579, 22.161262],
              [101.602738, 22.131883],
              [101.573789, 22.115251],
              [101.626144, 22.005986],
              [101.606434, 21.967695],
              [101.666796, 21.934391],
              [101.701288, 21.938832],
              [101.700057, 21.897191],
              [101.735165, 21.875534],
              [101.740093, 21.845541],
              [101.771506, 21.833319],
              [101.747484, 21.729953],
              [101.76781, 21.716054],
              [101.780129, 21.640975],
              [101.807846, 21.644313],
              [101.828788, 21.617054],
              [101.804766, 21.577546],
              [101.754875, 21.58478],
              [101.755491, 21.538027],
              [101.772737, 21.512975],
              [101.741324, 21.482906],
              [101.749948, 21.409379],
              [101.730238, 21.336929],
              [101.745636, 21.297345],
              [101.791832, 21.285636],
              [101.833715, 21.252731],
              [101.834331, 21.204756],
              [101.794911, 21.208104],
              [101.76473, 21.147835],
              [101.703136, 21.14616],
              [101.672339, 21.194713],
              [101.605818, 21.172392],
              [101.588572, 21.191365],
              [101.601506, 21.233208],
              [101.532521, 21.252174],
              [101.439514, 21.227072],
              [101.387775, 21.225956],
              [101.290457, 21.17853],
              [101.222088, 21.234324],
              [101.246725, 21.275598],
              [101.244877, 21.302364],
              [101.183899, 21.334699],
              [101.142631, 21.409379],
              [101.194986, 21.424979],
              [101.193138, 21.473996],
              [101.225167, 21.499055],
              [101.210385, 21.509077],
              [101.209153, 21.55751],
              [101.146943, 21.560293],
              [101.169117, 21.590345],
              [101.153102, 21.669343],
              [101.116762, 21.691032],
              [101.111835, 21.746074],
              [101.123537, 21.771642],
              [101.089661, 21.773865],
              [101.015132, 21.707157],
              [100.940603, 21.697149],
              [100.870386, 21.67268],
              [100.847597, 21.634856],
              [100.804481, 21.609821],
              [100.789082, 21.570867],
              [100.753358, 21.555283],
              [100.730568, 21.518542],
              [100.691764, 21.510748],
              [100.579047, 21.451717],
              [100.526692, 21.471211],
              [100.48296, 21.458958],
              [100.437381, 21.533017],
              [100.350534, 21.52912],
              [100.298795, 21.477894],
              [100.235353, 21.466756],
              [100.206404, 21.509634],
              [100.180534, 21.514088],
              [100.168831, 21.482906],
              [100.131259, 21.504066],
              [100.123252, 21.565302],
              [100.107853, 21.585337],
              [100.169447, 21.663225],
              [100.131875, 21.699929],
              [100.094303, 21.702709],
              [100.049339, 21.669899],
              [99.991441, 21.703821],
              [99.944014, 21.821097],
              [99.960028, 21.907186],
              [99.982202, 21.919401],
              [100.000064, 21.973245],
              [99.965571, 22.014309],
              [99.972347, 22.053141],
              [99.871333, 22.067007],
              [99.870101, 22.029288],
              [99.762927, 22.068117],
              [99.696406, 22.067562],
              [99.648979, 22.100835],
              [99.581841, 22.103053],
              [99.578762, 22.098617],
              [99.562747, 22.113034],
              [99.516552, 22.099726],
              [99.486987, 22.128557],
              [99.400139, 22.100281],
              [99.35456, 22.095845],
              [99.294814, 22.109152],
              [99.219669, 22.110816],
              [99.156227, 22.159599],
              [99.188256, 22.162924],
              [99.175321, 22.185647],
              [99.207966, 22.232188],
              [99.235683, 22.250468],
              [99.233836, 22.296434],
              [99.278183, 22.34626],
              [99.251698, 22.393301],
              [99.297277, 22.41156],
              [99.382277, 22.493418],
              [99.359487, 22.535435],
              [99.385973, 22.57136],
              [99.339777, 22.708894],
              [99.31514, 22.737598],
              [99.326842, 22.751396],
              [99.385357, 22.761882],
              [99.401371, 22.826434],
              [99.462965, 22.844635],
              [99.43648, 22.913557],
              [99.446951, 22.934503],
              [99.531334, 22.897019],
              [99.563363, 22.925684],
              [99.533798, 22.961507],
              [99.517168, 23.006685],
              [99.528255, 23.065614],
              [99.477747, 23.083233],
              [99.440791, 23.079379],
              [99.380429, 23.099748],
              [99.3484, 23.12892],
              [99.281879, 23.101399],
              [99.255393, 23.077727],
              [99.187024, 23.100299],
              [99.106336, 23.086536],
              [99.048438, 23.11461],
              [99.057677, 23.164689],
              [99.002242, 23.160287],
              [98.906772, 23.185595],
              [98.889525, 23.209249],
              [98.928946, 23.26589],
              [98.936953, 23.309866],
              [98.906772, 23.331849],
              [98.872895, 23.329651],
              [98.920938, 23.360971],
              [98.912315, 23.426333],
              [98.874743, 23.483431],
              [98.826084, 23.470257],
              [98.80391, 23.540504],
              [98.844562, 23.578904],
              [98.882134, 23.595358],
              [98.882134, 23.620035],
              [98.847026, 23.632097],
              [98.835939, 23.683625],
              [98.811917, 23.703354],
              [98.824236, 23.727462],
              [98.784816, 23.781691],
              [98.696121, 23.784429],
              [98.669019, 23.800857],
              [98.701664, 23.834254],
              [98.68565, 23.90157],
              [98.701048, 23.946427],
              [98.673331, 23.960647],
              [98.701048, 23.981427],
              [98.727533, 23.970491],
              [98.773729, 24.022431],
              [98.807606, 24.025164],
              [98.895069, 24.098936],
              [98.876591, 24.15137],
              [98.841482, 24.126794],
              [98.818692, 24.133348],
              [98.71891, 24.127887],
              [98.681954, 24.100029],
              [98.646229, 24.106038],
              [98.593875, 24.08036],
              [98.547063, 24.128433],
              [98.487933, 24.123517],
              [98.48239, 24.122425],
              [98.37768, 24.114232],
              [98.343187, 24.098936],
              [98.219999, 24.113685],
              [98.19721, 24.09839],
              [98.132536, 24.09238],
              [98.125761, 24.092927],
              [98.123297, 24.092927],
              [98.096196, 24.08637],
              [98.091268, 24.085824],
              [97.995182, 24.04648],
              [97.984095, 24.031177],
              [97.902175, 24.014231],
              [97.896015, 23.974319],
              [97.863371, 23.978693],
              [97.8104, 23.943146],
              [97.795617, 23.951897],
              [97.763588, 23.907041],
              [97.72848, 23.895551],
              [97.718009, 23.867643],
              [97.684132, 23.876946],
              [97.647176, 23.840823],
              [97.640401, 23.866001],
              [97.633009, 23.879682],
              [97.5283, 23.926736],
              [97.529531, 23.943146],
              [97.572647, 23.983068],
              [97.628698, 24.004938],
              [97.637321, 24.04812],
              [97.730944, 24.113685],
              [97.753733, 24.168843],
              [97.72848, 24.183585],
              [97.729712, 24.227252],
              [97.767284, 24.258357],
              [97.721089, 24.295999],
              [97.665038, 24.296544],
              [97.662574, 24.339083],
              [97.716161, 24.358711],
              [97.679821, 24.401228],
              [97.669966, 24.452993],
              [97.588662, 24.435559],
              [97.530147, 24.443187],
              [97.554785, 24.490577],
              [97.570799, 24.602719],
              [97.569567, 24.708236],
              [97.547394, 24.739221],
              [97.569567, 24.765852],
              [97.652103, 24.790846],
              [97.680437, 24.827243],
              [97.765436, 24.823984],
              [97.797465, 24.845709],
              [97.785762, 24.876117],
              [97.729712, 24.908689],
              [97.716777, 24.978147],
              [97.727864, 25.042686],
              [97.719857, 25.080634],
              [97.743262, 25.078466],
              [97.796233, 25.155954],
              [97.839349, 25.27074],
              [97.875689, 25.25721],
              [97.904023, 25.216609],
              [97.940363, 25.214985],
              [98.0075, 25.279399],
              [98.006884, 25.298338],
              [98.06971, 25.311864],
              [98.099891, 25.354055],
              [98.101123, 25.388662],
              [98.137464, 25.381633],
              [98.15779, 25.457307],
              [98.131304, 25.51025],
              [98.163949, 25.524292],
              [98.189818, 25.569108],
              [98.170724, 25.620383],
              [98.247717, 25.607971],
              [98.314854, 25.543193],
              [98.326557, 25.566409],
              [98.402317, 25.593939],
              [98.409709, 25.664084],
              [98.457752, 25.682963],
              [98.461448, 25.735267],
              [98.476846, 25.77731],
              [98.529201, 25.840884],
              [98.553839, 25.845731],
              [98.640686, 25.798864],
              [98.677642, 25.816105],
              [98.705976, 25.855426],
              [98.686881, 25.925955],
              [98.637606, 25.971696],
              [98.614201, 25.968468],
              [98.602498, 26.054523],
              [98.575396, 26.118485],
              [98.632679, 26.145887],
              [98.656084, 26.139977],
              [98.661012, 26.087852],
              [98.720142, 26.127082],
              [98.712751, 26.156093],
              [98.735541, 26.185097],
              [98.713367, 26.231274],
              [98.672715, 26.239863],
              [98.681338, 26.308016],
              [98.733693, 26.350926],
              [98.750323, 26.424372],
              [98.741084, 26.432947],
              [98.757098, 26.491881],
              [98.753403, 26.559349],
              [98.773113, 26.578083],
              [98.781736, 26.620893],
              [98.762642, 26.660478],
              [98.770033, 26.690424],
              [98.746012, 26.696841],
              [98.762026, 26.798916],
              [98.730613, 26.851253],
              [98.757098, 26.877947],
              [98.732461, 27.002257],
              [98.762642, 27.018252],
              [98.765722, 27.05077],
              [98.712751, 27.075817],
              [98.713983, 27.139744],
              [98.696121, 27.211086],
              [98.723222, 27.221198],
              [98.717062, 27.271211],
              [98.734925, 27.287168],
              [98.741084, 27.330241],
              [98.706591, 27.362136],
              [98.702896, 27.412618],
              [98.686881, 27.425367],
              [98.704128, 27.463607],
              [98.685034, 27.484315],
              [98.706591, 27.553313],
              [98.662244, 27.586734],
              [98.650541, 27.567637],
              [98.583404, 27.571351],
              [98.587099, 27.587265],
              [98.554454, 27.646126],
              [98.53536, 27.620676],
              [98.474998, 27.634462],
              [98.444201, 27.665209],
              [98.430035, 27.653547],
              [98.429419, 27.549068],
              [98.388767, 27.515104],
              [98.337644, 27.508734],
              [98.317318, 27.51935],
              [98.310542, 27.583552],
              [98.283441, 27.654608],
              [98.234166, 27.690648],
              [98.215688, 27.810874],
              [98.169492, 27.851096],
              [98.205217, 27.889716],
              [98.187355, 27.939426],
              [98.143007, 27.948942],
              [98.133152, 27.990698],
              [98.160253, 28.101089],
              [98.139311, 28.142259],
              [98.17442, 28.163365],
              [98.169492, 28.206093],
              [98.21692, 28.212949],
              [98.266811, 28.242477],
              [98.231702, 28.314681],
              [98.207681, 28.330486],
              [98.208913, 28.358401],
              [98.301303, 28.384204],
              [98.317934, 28.324691],
              [98.353042, 28.293078],
              [98.37768, 28.246167],
              [98.370289, 28.18394],
              [98.389999, 28.16442],
              [98.389383, 28.114814],
              [98.428803, 28.104785],
              [98.464527, 28.151229],
              [98.494092, 28.141203],
              [98.559382, 28.182885],
              [98.625903, 28.165475],
              [98.649925, 28.200291],
              [98.712135, 28.229296],
              [98.710287, 28.288862],
              [98.746628, 28.321003],
              [98.740468, 28.348395],
              [98.693041, 28.43158],
              [98.673947, 28.478934],
              [98.625903, 28.489455],
              [98.619128, 28.50944],
              [98.637606, 28.552029],
              [98.594491, 28.667615],
              [98.666555, 28.712239],
              [98.683802, 28.740054],
              [98.652389, 28.817162],
              [98.668403, 28.843376],
              [98.643766, 28.895261],
              [98.6567, 28.910454],
              [98.624056, 28.95864],
              [98.655469, 28.976966],
              [98.70228, 28.9644],
              [98.757714, 29.004186],
              [98.786048, 28.998952],
              [98.821772, 28.920931],
              [98.827932, 28.821356],
              [98.852569, 28.798283],
              [98.912931, 28.800906],
              [98.922786, 28.823978],
              [98.972677, 28.832367],
              [98.973909, 28.864867],
              [98.917859, 28.886877],
              [98.925866, 28.978536],
              [99.013329, 29.036632],
              [98.991771, 29.105677],
              [98.967134, 29.128159],
              [98.960974, 29.165792],
              [98.9813, 29.204978],
              [99.024416, 29.188783],
              [99.037351, 29.20759],
              [99.113727, 29.221171],
              [99.105104, 29.162656],
              [99.118039, 29.100971],
              [99.113727, 29.07273],
              [99.132206, 28.94869],
              [99.123582, 28.890021],
              [99.103872, 28.841803],
              [99.114343, 28.765763],
              [99.134053, 28.734806],
              [99.126662, 28.698066],
              [99.147604, 28.640831],
              [99.183944, 28.58882],
              [99.170394, 28.566221],
              [99.191952, 28.494714],
              [99.187024, 28.44],
              [99.16485, 28.425264],
              [99.200575, 28.365774],
              [99.229524, 28.350502],
              [99.237531, 28.317842],
              [99.28927, 28.286227],
              [99.306516, 28.227714],
              [99.374886, 28.18183],
              [99.412458, 28.295186],
              [99.392748, 28.318369],
              [99.437095, 28.398419],
              [99.404451, 28.44421],
              [99.426625, 28.454207],
              [99.396444, 28.491032],
              [99.403219, 28.546246],
              [99.463581, 28.549401],
              [99.466045, 28.579886],
              [99.504233, 28.619294],
              [99.540573, 28.623497],
              [99.53195, 28.677591],
              [99.553508, 28.710664],
              [99.614486, 28.740054],
              [99.609559, 28.784122],
              [99.625573, 28.81454],
              [99.676696, 28.810345],
              [99.717964, 28.846521],
              [99.722275, 28.757369],
              [99.755536, 28.701216],
              [99.79434, 28.699116],
              [99.834992, 28.660788],
              [99.834376, 28.628225],
              [99.873181, 28.631902],
              [99.875644, 28.611939],
              [99.91876, 28.599329],
              [99.985281, 28.529422],
              [99.990209, 28.47683],
              [100.073977, 28.426317],
              [100.057346, 28.368934],
              [100.136803, 28.349975],
              [100.176223, 28.325218],
              [100.147274, 28.288862],
              [100.188541, 28.252493],
              [100.153433, 28.208202],
              [100.102926, 28.201873],
              [100.091223, 28.181302],
              [100.062274, 28.193962],
              [100.033325, 28.184467],
              [100.021006, 28.147008],
              [100.05673, 28.097922],
              [100.088759, 28.029269],
              [100.120788, 28.018703],
              [100.196549, 27.936254],
              [100.170063, 27.907699],
              [100.210715, 27.87702],
              [100.30865, 27.861149],
              [100.30865, 27.830457],
              [100.28586, 27.80611],
              [100.304954, 27.788639],
              [100.311729, 27.724028],
              [100.327744, 27.72032],
              [100.350534, 27.755809],
              [100.412127, 27.816167],
              [100.442924, 27.86644],
              [100.504518, 27.852154],
              [100.511294, 27.827811],
              [100.54517, 27.809286],
              [100.609228, 27.859033],
              [100.634482, 27.915631],
              [100.681293, 27.923035],
              [100.719481, 27.858503],
              [100.707162, 27.800816],
              [100.757053, 27.770107],
              [100.775532, 27.743098],
              [100.782307, 27.691708],
              [100.848212, 27.672099],
              [100.827886, 27.615904],
              [100.854988, 27.623858],
              [100.91227, 27.521473],
              [100.901183, 27.453517],
              [100.936908, 27.469448],
              [100.95169, 27.426961],
              [101.021907, 27.332899],
              [101.026219, 27.270679],
              [101.042233, 27.22173],
              [101.071798, 27.194585],
              [101.119226, 27.208957],
              [101.167885, 27.198311],
              [101.167885, 27.198311],
              [101.170349, 27.175421],
              [101.145095, 27.103523],
              [101.157414, 27.094999],
              [101.136472, 27.023584],
              [101.228863, 26.981992],
              [101.227015, 26.959057],
              [101.264587, 26.955323],
              [101.267667, 26.903034],
              [101.311399, 26.903034],
              [101.365602, 26.883819],
              [101.399478, 26.841642],
              [101.358826, 26.771669],
              [101.387159, 26.753501],
              [101.389623, 26.723036],
              [101.435819, 26.740675],
              [101.458608, 26.731054],
              [101.445674, 26.77434],
              [101.466, 26.786629],
              [101.513427, 26.768463],
              [101.453065, 26.692563],
              [101.481398, 26.673313],
              [101.461072, 26.640687],
              [101.461688, 26.606447],
              [101.402558, 26.604841],
              [101.395783, 26.591998],
              [101.422884, 26.53151],
              [101.458608, 26.49563],
              [101.506652, 26.499915],
              [101.530057, 26.467239],
              [101.565782, 26.454381],
              [101.637847, 26.388995],
              [101.635383, 26.357361],
              [101.660636, 26.346635],
              [101.64031, 26.318745],
              [101.597195, 26.303187],
              [101.586108, 26.279579],
              [101.630455, 26.224832],
              [101.690202, 26.241473],
              [101.737013, 26.219463],
              [101.773353, 26.168448],
              [101.807846, 26.156093],
              [101.796759, 26.114723],
              [101.839875, 26.082477],
              [101.835563, 26.04592],
              [101.857737, 26.049146],
              [101.899621, 26.099139],
              [101.929186, 26.105588],
              [101.954439, 26.084627],
              [102.020961, 26.096451],
              [102.080091, 26.065275],
              [102.107808, 26.068501],
              [102.152156, 26.10935],
              [102.174946, 26.146961],
              [102.242699, 26.190468],
              [102.245163, 26.212483],
              [102.349257, 26.244694],
              [102.392372, 26.296749],
              [102.440416, 26.300505],
              [102.542046, 26.338591],
              [102.570995, 26.362723],
              [102.629509, 26.336982],
              [102.638748, 26.307479],
              [102.60056, 26.250598],
              [102.659074, 26.221611],
              [102.709581, 26.210336],
              [102.739762, 26.268846],
              [102.785342, 26.298895],
              [102.833385, 26.306406],
              [102.878964, 26.364332],
              [102.893131, 26.338591],
              [102.975667, 26.340736],
              [102.998457, 26.371839],
              [102.988602, 26.413117],
              [102.989833, 26.482775],
              [103.030485, 26.485989],
              [103.052659, 26.514374],
              [103.052659, 26.555602],
              [103.035413, 26.556673],
              [103.026174, 26.664221],
              [103.005232, 26.679195],
              [103.008312, 26.710741],
              [102.983674, 26.76686],
              [102.991681, 26.775409],
              [102.966428, 26.837904],
              [102.949181, 26.843244],
              [102.896211, 26.91264],
              [102.894979, 27.001724],
              [102.870957, 27.026782],
              [102.913457, 27.133886],
              [102.904218, 27.227584],
              [102.883276, 27.258444],
              [102.883892, 27.299401],
              [102.899906, 27.317481],
              [102.941174, 27.405711],
              [102.989833, 27.367983],
              [103.055739, 27.40943],
              [103.080992, 27.396679],
              [103.141355, 27.420586],
              [103.144434, 27.450331],
              [103.19063, 27.523596],
              [103.232514, 27.56976],
              [103.2861, 27.561802],
              [103.29226, 27.632872],
              [103.349542, 27.678459],
              [103.369868, 27.708664],
              [103.393274, 27.709194],
              [103.461027, 27.779638],
              [103.487512, 27.794992],
              [103.509686, 27.843687],
              [103.502295, 27.910343],
              [103.55465, 27.978543],
              [103.515846, 27.965329],
              [103.486281, 28.033495],
              [103.459179, 28.021345],
              [103.430846, 28.044587],
              [103.470266, 28.122204],
              [103.533092, 28.168641],
              [103.573128, 28.230877],
              [103.643961, 28.260401],
              [103.692004, 28.232459],
              [103.701859, 28.198709],
              [103.740048, 28.23615],
              [103.770845, 28.233514],
              [103.828743, 28.285173],
              [103.877402, 28.316262],
              [103.85338, 28.356822],
              [103.860156, 28.383677],
              [103.828743, 28.44],
              [103.829975, 28.459995],
              [103.781931, 28.525216],
              [103.802873, 28.563068],
              [103.838598, 28.587244],
              [103.833054, 28.605109],
              [103.850917, 28.66709],
              [103.887873, 28.61982],
              [103.910047, 28.631377],
              [103.953779, 28.600906],
              [104.05972, 28.6277],
              [104.09606, 28.603533],
              [104.117618, 28.634003],
              [104.170589, 28.642932],
              [104.230951, 28.635579],
              [104.252509, 28.660788],
              [104.277147, 28.631902],
              [104.314719, 28.615617],
              [104.372617, 28.649235],
              [104.425588, 28.626649],
              [104.417581, 28.598279],
              [104.375697, 28.5946],
              [104.355987, 28.555183],
              [104.323342, 28.540989],
              [104.260516, 28.536257],
              [104.267908, 28.499448],
              [104.254357, 28.403683],
              [104.282074, 28.343128],
              [104.314103, 28.306778],
              [104.343052, 28.334173],
              [104.384936, 28.329959],
              [104.392943, 28.291497],
              [104.420045, 28.269889],
              [104.44961, 28.269889],
              [104.462544, 28.241422],
              [104.442834, 28.211366],
              [104.402182, 28.202928],
              [104.406494, 28.173389],
              [104.444682, 28.16231],
              [104.448994, 28.113758],
              [104.40095, 28.091586],
              [104.373233, 28.051454],
              [104.304248, 28.050926],
              [104.30856, 28.036136],
              [104.362762, 28.012891],
              [104.40095, 27.952114],
              [104.44961, 27.927794],
              [104.508124, 27.878078],
              [104.52537, 27.889187],
              [104.573413, 27.840512],
              [104.607906, 27.857974],
              [104.63316, 27.850567],
              [104.676275, 27.880723],
              [104.743413, 27.901881],
              [104.761891, 27.884426],
              [104.796999, 27.901352],
              [104.842579, 27.900294],
              [104.888158, 27.914574],
              [104.918339, 27.938897],
              [104.903557, 27.962158],
              [104.975006, 28.020816],
              [104.980549, 28.063073],
              [105.002107, 28.064129],
              [105.061853, 28.096866],
              [105.119752, 28.07205],
              [105.168411, 28.071522],
              [105.186889, 28.054623],
              [105.167795, 28.021345],
              [105.186273, 27.995454],
              [105.218302, 27.990698],
              [105.247867, 28.009193],
              [105.270657, 27.99704],
              [105.284823, 27.935725],
              [105.233084, 27.895534],
              [105.25957, 27.827811],
              [105.313157, 27.810874],
              [105.273736, 27.794992],
              [105.293447, 27.770637],
              [105.290367, 27.712373],
              [105.308229, 27.704955],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 540000,
        name: '西藏自治区',
        center: [91.132212, 29.660361],
        centroid: [88.388277, 31.56375],
        childrenNum: 7,
        level: 'province',
        subFeatureIndex: 25,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [89.711414, 36.093272],
              [89.688624, 36.091337],
              [89.605472, 36.038123],
              [89.474893, 36.022151],
              [89.417611, 36.044897],
              [89.404676, 36.016827],
              [89.434857, 35.992136],
              [89.428082, 35.917531],
              [89.489676, 35.903475],
              [89.554965, 35.873414],
              [89.550654, 35.856924],
              [89.62395, 35.859349],
              [89.654747, 35.848193],
              [89.707718, 35.849163],
              [89.778551, 35.861775],
              [89.801957, 35.848193],
              [89.767464, 35.799183],
              [89.782863, 35.773453],
              [89.747138, 35.7516],
              [89.748986, 35.66267],
              [89.726196, 35.648082],
              [89.765616, 35.599922],
              [89.75145, 35.580942],
              [89.71203, 35.581915],
              [89.699711, 35.544916],
              [89.720037, 35.501566],
              [89.740979, 35.507412],
              [89.765, 35.482563],
              [89.739131, 35.468429],
              [89.685544, 35.416259],
              [89.658443, 35.425526],
              [89.619639, 35.412357],
              [89.58761, 35.383575],
              [89.497067, 35.361128],
              [89.516161, 35.330862],
              [89.494603, 35.298632],
              [89.531559, 35.276161],
              [89.48598, 35.256616],
              [89.450255, 35.223867],
              [89.46935, 35.214577],
              [89.519241, 35.133862],
              [89.579603, 35.118688],
              [89.593153, 35.104491],
              [89.59069, 35.057965],
              [89.560509, 34.938836],
              [89.578987, 34.895162],
              [89.670146, 34.887798],
              [89.707102, 34.919701],
              [89.747138, 34.903506],
              [89.78779, 34.921664],
              [89.821051, 34.902033],
              [89.814891, 34.86816],
              [89.838913, 34.865705],
              [89.867862, 34.81069],
              [89.825978, 34.796931],
              [89.799493, 34.743838],
              [89.732356, 34.732035],
              [89.72558, 34.660689],
              [89.74837, 34.641981],
              [89.798877, 34.628686],
              [89.777935, 34.574499],
              [89.814891, 34.548871],
              [89.823515, 34.455657],
              [89.819819, 34.420614],
              [89.799493, 34.39642],
              [89.820435, 34.369255],
              [89.858623, 34.359375],
              [89.86663, 34.324785],
              [89.825362, 34.293642],
              [89.838297, 34.263477],
              [89.816739, 34.16945],
              [89.789638, 34.150632],
              [89.760073, 34.152613],
              [89.756993, 34.124874],
              [89.71203, 34.131809],
              [89.655979, 34.097126],
              [89.656595, 34.057966],
              [89.635037, 34.049537],
              [89.684928, 33.990013],
              [89.688008, 33.959739],
              [89.718805, 33.946832],
              [89.73174, 33.921509],
              [89.795181, 33.865374],
              [89.837065, 33.868853],
              [89.899891, 33.80771],
              [89.942391, 33.801246],
              [89.902355, 33.758467],
              [89.907282, 33.741051],
              [89.983659, 33.725622],
              [89.981195, 33.70322],
              [90.008296, 33.687785],
              [89.984275, 33.612061],
              [90.01076, 33.553728],
              [90.083441, 33.525295],
              [90.088984, 33.478885],
              [90.107463, 33.460913],
              [90.22018, 33.437943],
              [90.246665, 33.423959],
              [90.332896, 33.310501],
              [90.363077, 33.279487],
              [90.405577, 33.260473],
              [90.490577, 33.264977],
              [90.562642, 33.229441],
              [90.627315, 33.180368],
              [90.704308, 33.135778],
              [90.740032, 33.142293],
              [90.803474, 33.114227],
              [90.88293, 33.120241],
              [90.902024, 33.083143],
              [90.927894, 33.120241],
              [91.001807, 33.11573],
              [91.037531, 33.098686],
              [91.072024, 33.113224],
              [91.147784, 33.07211],
              [91.161335, 33.108712],
              [91.18782, 33.106206],
              [91.226624, 33.141792],
              [91.261733, 33.141291],
              [91.311624, 33.108211],
              [91.370138, 33.100691],
              [91.436044, 33.066092],
              [91.49579, 33.109214],
              [91.535826, 33.10019],
              [91.55492, 33.060074],
              [91.583253, 33.0375],
              [91.664557, 33.012913],
              [91.685499, 32.989324],
              [91.752637, 32.969242],
              [91.799448, 32.942126],
              [91.839484, 32.948152],
              [91.857962, 32.90244],
              [91.896766, 32.907967],
              [91.955897, 32.8205],
              [92.018722, 32.829552],
              [92.038432, 32.860725],
              [92.101874, 32.860222],
              [92.145606, 32.885857],
              [92.205352, 32.866255],
              [92.227526, 32.821003],
              [92.193649, 32.801889],
              [92.211511, 32.788306],
              [92.198577, 32.754591],
              [92.255243, 32.720863],
              [92.310062, 32.751571],
              [92.343938, 32.738484],
              [92.355641, 32.764657],
              [92.411076, 32.748048],
              [92.459119, 32.76365],
              [92.484372, 32.745028],
              [92.56814, 32.73194],
              [92.574916, 32.741001],
              [92.634662, 32.720863],
              [92.667922, 32.73194],
              [92.686401, 32.76516],
              [92.756618, 32.743014],
              [92.789262, 32.719856],
              [92.822523, 32.729926],
              [92.866871, 32.698203],
              [92.933392, 32.719353],
              [92.964189, 32.714821],
              [93.00053, 32.741001],
              [93.019624, 32.737477],
              [93.023935, 32.703239],
              [93.069515, 32.626156],
              [93.087993, 32.63674],
              [93.159442, 32.644803],
              [93.176688, 32.6705],
              [93.210565, 32.655385],
              [93.239514, 32.662439],
              [93.260456, 32.62666],
              [93.300492, 32.619604],
              [93.308499, 32.580278],
              [93.33868, 32.5712],
              [93.385492, 32.525294],
              [93.411977, 32.558086],
              [93.4631, 32.556069],
              [93.476651, 32.504603],
              [93.501904, 32.503593],
              [93.516687, 32.47583],
              [93.618933, 32.522771],
              [93.651577, 32.571705],
              [93.721795, 32.578261],
              [93.75136, 32.56313],
              [93.820345, 32.549511],
              [93.851142, 32.50965],
              [93.861613, 32.466237],
              [93.90904, 32.463207],
              [93.960163, 32.484917],
              [93.978641, 32.459672],
              [94.03038, 32.448057],
              [94.049474, 32.469771],
              [94.091974, 32.463207],
              [94.137554, 32.433915],
              [94.176974, 32.454117],
              [94.196684, 32.51621],
              [94.250886, 32.51722],
              [94.292154, 32.502584],
              [94.294002, 32.519743],
              [94.350053, 32.533871],
              [94.371611, 32.524789],
              [94.395016, 32.594397],
              [94.435052, 32.562626],
              [94.463386, 32.572209],
              [94.459074, 32.599439],
              [94.522516, 32.595909],
              [94.591501, 32.640772],
              [94.614291, 32.673522],
              [94.638312, 32.645307],
              [94.737479, 32.587338],
              [94.762116, 32.526303],
              [94.78737, 32.522266],
              [94.80708, 32.486431],
              [94.852043, 32.463712],
              [94.889616, 32.472295],
              [94.912405, 32.41573],
              [94.944434, 32.404109],
              [94.988166, 32.422802],
              [95.057151, 32.395014],
              [95.075013, 32.376315],
              [95.075013, 32.376315],
              [95.081789, 32.384907],
              [95.153853, 32.386423],
              [95.218527, 32.397035],
              [95.228382, 32.363678],
              [95.261643, 32.348006],
              [95.193274, 32.332331],
              [95.096571, 32.322217],
              [95.079325, 32.279726],
              [95.10581, 32.258979],
              [95.20744, 32.297433],
              [95.214216, 32.321712],
              [95.241317, 32.3207],
              [95.239469, 32.287315],
              [95.270266, 32.194683],
              [95.270266, 32.194683],
              [95.31523, 32.148585],
              [95.366968, 32.151118],
              [95.367584, 32.178982],
              [95.406389, 32.182021],
              [95.440265, 32.157705],
              [95.454432, 32.061898],
              [95.421171, 32.033999],
              [95.454432, 32.007613],
              [95.395918, 32.001523],
              [95.360809, 31.95939],
              [95.3682, 31.92892],
              [95.408852, 31.918761],
              [95.406389, 31.896915],
              [95.456896, 31.801853],
              [95.480301, 31.795749],
              [95.511714, 31.750468],
              [95.546823, 31.73978],
              [95.580083, 31.76726],
              [95.634286, 31.782523],
              [95.779648, 31.748941],
              [95.823995, 31.68225],
              [95.853561, 31.714329],
              [95.846169, 31.736218],
              [95.89914, 31.81711],
              [95.983524, 31.816601],
              [95.989067, 31.78761],
              [96.064828, 31.720438],
              [96.135661, 31.70211],
              [96.148595, 31.686324],
              [96.156603, 31.602769],
              [96.207726, 31.598691],
              [96.221892, 31.647613],
              [96.245298, 31.657802],
              [96.252073, 31.697527],
              [96.222508, 31.733164],
              [96.231131, 31.749959],
              [96.178161, 31.775401],
              [96.183088, 31.835924],
              [96.202798, 31.841008],
              [96.214501, 31.876589],
              [96.188632, 31.904028],
              [96.220044, 31.905553],
              [96.253305, 31.929936],
              [96.288414, 31.919777],
              [96.389428, 31.919777],
              [96.407906, 31.845583],
              [96.435623, 31.796258],
              [96.468884, 31.769804],
              [96.519391, 31.74945],
              [96.56805, 31.711783],
              [96.615477, 31.737236],
              [96.661057, 31.705674],
              [96.691854, 31.722474],
              [96.722651, 31.686833],
              [96.778701, 31.675629],
              [96.790404, 31.698545],
              [96.840295, 31.720438],
              [96.799027, 31.792188],
              [96.765767, 31.819144],
              [96.760223, 31.860325],
              [96.794716, 31.869474],
              [96.81073, 31.894375],
              [96.776238, 31.935015],
              [96.753448, 31.944156],
              [96.742977, 32.001016],
              [96.722651, 32.013195],
              [96.824281, 32.007613],
              [96.868629, 31.964975],
              [96.863085, 31.996448],
              [96.894498, 32.013703],
              [96.941925, 31.986297],
              [96.965947, 32.008628],
              [96.935766, 32.048203],
              [97.006599, 32.067984],
              [97.028773, 32.04871],
              [97.127323, 32.044145],
              [97.169823, 32.032984],
              [97.188301, 32.055304],
              [97.214786, 32.042623],
              [97.233881, 32.063927],
              [97.201852, 32.090296],
              [97.219714, 32.109054],
              [97.258518, 32.072041],
              [97.308409, 32.076605],
              [97.293011, 32.096887],
              [97.313953, 32.130342],
              [97.271453, 32.139971],
              [97.264062, 32.182527],
              [97.299786, 32.294904],
              [97.32196, 32.303503],
              [97.371235, 32.273148],
              [97.415583, 32.296421],
              [97.424822, 32.322723],
              [97.387865, 32.427349],
              [97.341054, 32.440987],
              [97.388481, 32.501575],
              [97.334895, 32.514192],
              [97.332431, 32.542448],
              [97.3583, 32.563635],
              [97.374315, 32.546484],
              [97.411887, 32.575235],
              [97.448843, 32.586833],
              [97.463626, 32.55506],
              [97.50243, 32.530844],
              [97.540618, 32.536899],
              [97.670582, 32.51722],
              [97.684132, 32.530339],
              [97.730944, 32.527312],
              [97.795617, 32.521257],
              [97.80732, 32.50006],
              [97.863986, 32.499051],
              [97.880001, 32.486431],
              [97.940363, 32.482393],
              [98.079565, 32.415224],
              [98.107283, 32.391476],
              [98.125145, 32.401077],
              [98.218768, 32.342444],
              [98.208913, 32.318171],
              [98.23047, 32.262521],
              [98.218768, 32.234683],
              [98.260035, 32.208862],
              [98.303151, 32.121726],
              [98.357354, 32.087253],
              [98.404781, 32.045159],
              [98.402933, 32.026896],
              [98.434962, 32.007613],
              [98.432498, 31.922825],
              [98.399238, 31.895899],
              [98.426339, 31.856767],
              [98.414636, 31.832365],
              [98.461448, 31.800327],
              [98.508875, 31.751995],
              [98.516882, 31.717383],
              [98.545831, 31.717383],
              [98.553839, 31.660349],
              [98.619128, 31.591555],
              [98.651157, 31.57881],
              [98.696736, 31.538523],
              [98.714599, 31.508935],
              [98.844562, 31.429817],
              [98.84333, 31.416028],
              [98.887062, 31.37465],
              [98.810685, 31.306668],
              [98.805758, 31.279052],
              [98.773113, 31.249382],
              [98.691809, 31.333253],
              [98.643766, 31.338876],
              [98.616048, 31.3036],
              [98.60373, 31.257568],
              [98.62344, 31.221238],
              [98.602498, 31.192062],
              [98.675179, 31.15417],
              [98.710287, 31.1178],
              [98.712135, 31.082954],
              [98.736772, 31.049121],
              [98.774961, 31.031174],
              [98.806374, 30.995783],
              [98.797135, 30.948575],
              [98.774345, 30.908019],
              [98.797135, 30.87926],
              [98.850105, 30.849465],
              [98.904924, 30.782649],
              [98.957895, 30.765166],
              [98.963438, 30.728134],
              [98.907388, 30.698292],
              [98.92217, 30.609225],
              [98.939417, 30.598923],
              [98.926482, 30.569556],
              [98.932025, 30.521623],
              [98.965286, 30.449937],
              [98.967134, 30.33482],
              [98.986844, 30.280569],
              [98.970829, 30.260928],
              [98.993003, 30.215429],
              [98.9813, 30.182843],
              [98.989308, 30.151799],
              [99.044742, 30.079842],
              [99.036735, 30.053945],
              [99.055213, 29.958587],
              [99.068148, 29.931621],
              [99.0238, 29.846009],
              [99.018873, 29.792009],
              [98.992387, 29.677163],
              [99.014561, 29.607464],
              [99.052133, 29.563748],
              [99.044742, 29.520013],
              [99.066916, 29.421018],
              [99.058909, 29.417368],
              [99.075539, 29.316186],
              [99.114343, 29.243628],
              [99.113727, 29.221171],
              [99.037351, 29.20759],
              [99.024416, 29.188783],
              [98.9813, 29.204978],
              [98.960974, 29.165792],
              [98.967134, 29.128159],
              [98.991771, 29.105677],
              [99.013329, 29.036632],
              [98.925866, 28.978536],
              [98.917859, 28.886877],
              [98.973909, 28.864867],
              [98.972677, 28.832367],
              [98.922786, 28.823978],
              [98.912931, 28.800906],
              [98.852569, 28.798283],
              [98.827932, 28.821356],
              [98.821772, 28.920931],
              [98.786048, 28.998952],
              [98.757714, 29.004186],
              [98.70228, 28.9644],
              [98.655469, 28.976966],
              [98.624056, 28.95864],
              [98.6567, 28.910454],
              [98.643766, 28.895261],
              [98.668403, 28.843376],
              [98.652389, 28.817162],
              [98.683802, 28.740054],
              [98.666555, 28.712239],
              [98.594491, 28.667615],
              [98.637606, 28.552029],
              [98.619128, 28.50944],
              [98.625903, 28.489455],
              [98.673947, 28.478934],
              [98.693041, 28.43158],
              [98.740468, 28.348395],
              [98.746628, 28.321003],
              [98.710287, 28.288862],
              [98.712135, 28.229296],
              [98.649925, 28.200291],
              [98.625903, 28.165475],
              [98.559382, 28.182885],
              [98.494092, 28.141203],
              [98.464527, 28.151229],
              [98.428803, 28.104785],
              [98.389383, 28.114814],
              [98.389999, 28.16442],
              [98.370289, 28.18394],
              [98.37768, 28.246167],
              [98.353042, 28.293078],
              [98.317934, 28.324691],
              [98.301303, 28.384204],
              [98.208913, 28.358401],
              [98.207681, 28.330486],
              [98.231702, 28.314681],
              [98.266811, 28.242477],
              [98.21692, 28.212949],
              [98.169492, 28.206093],
              [98.17442, 28.163365],
              [98.139311, 28.142259],
              [98.097427, 28.166531],
              [98.090036, 28.195544],
              [98.056775, 28.202401],
              [98.03337, 28.187105],
              [98.008116, 28.214003],
              [98.020435, 28.253548],
              [97.907718, 28.363141],
              [97.871378, 28.361561],
              [97.842429, 28.326798],
              [97.801161, 28.326798],
              [97.769748, 28.3742],
              [97.738335, 28.396313],
              [97.737103, 28.465782],
              [97.68598, 28.519958],
              [97.634857, 28.532051],
              [97.60406, 28.515225],
              [97.569567, 28.541515],
              [97.521524, 28.495766],
              [97.507974, 28.46473],
              [97.521524, 28.444736],
              [97.499966, 28.428948],
              [97.485184, 28.38631],
              [97.488879, 28.347341],
              [97.518445, 28.327852],
              [97.469169, 28.30309],
              [97.461162, 28.26778],
              [97.422358, 28.297293],
              [97.402032, 28.279903],
              [97.398336, 28.238786],
              [97.349677, 28.235623],
              [97.362612, 28.199236],
              [97.352757, 28.149646],
              [97.326887, 28.132759],
              [97.340438, 28.104785],
              [97.305945, 28.071522],
              [97.320728, 28.054095],
              [97.375547, 28.062545],
              [97.378626, 28.031382],
              [97.413119, 28.01342],
              [97.379242, 27.970087],
              [97.372467, 27.907699],
              [97.386634, 27.882839],
              [97.324424, 27.880723],
              [97.303482, 27.913516],
              [97.253591, 27.891832],
              [97.167975, 27.811932],
              [97.103301, 27.780697],
              [97.097758, 27.740979],
              [97.062649, 27.742568],
              [97.049099, 27.81405],
              [97.008447, 27.807698],
              [96.972722, 27.861149],
              [96.908049, 27.884426],
              [96.849534, 27.874375],
              [96.810114, 27.890245],
              [96.784245, 27.931495],
              [96.711564, 27.9574],
              [96.690622, 27.948942],
              [96.635188, 27.994926],
              [96.623485, 28.024514],
              [96.538485, 28.075218],
              [96.499681, 28.067297],
              [96.46334, 28.143314],
              [96.426384, 28.161782],
              [96.395587, 28.143842],
              [96.398667, 28.118509],
              [96.367254, 28.118509],
              [96.298269, 28.140148],
              [96.275479, 28.228241],
              [96.194175, 28.212949],
              [96.098088, 28.212421],
              [96.074683, 28.193434],
              [95.989067, 28.198181],
              [95.936096, 28.240368],
              [95.907763, 28.241422],
              [95.899756, 28.278322],
              [95.874502, 28.29782],
              [95.832003, 28.295186],
              [95.787655, 28.270416],
              [95.740228, 28.275159],
              [95.674322, 28.254075],
              [95.528345, 28.182885],
              [95.437802, 28.161782],
              [95.39715, 28.142259],
              [95.371896, 28.110063],
              [95.352802, 28.04089],
              [95.32878, 28.017646],
              [95.28628, 27.939955],
              [95.067006, 27.840512],
              [95.015267, 27.82887],
              [94.947514, 27.792345],
              [94.88592, 27.743098],
              [94.836645, 27.728796],
              [94.78121, 27.699127],
              [94.722696, 27.683759],
              [94.660486, 27.650367],
              [94.524979, 27.596282],
              [94.478168, 27.602116],
              [94.443675, 27.585143],
              [94.399944, 27.589386],
              [94.353132, 27.578778],
              [94.277372, 27.58143],
              [94.220705, 27.536333],
              [94.147409, 27.458297],
              [94.056866, 27.375423],
              [93.970634, 27.30525],
              [93.849294, 27.168499],
              [93.841903, 27.045973],
              [93.817265, 27.025183],
              [93.747048, 27.015587],
              [93.625092, 26.955323],
              [93.56781, 26.938252],
              [93.232739, 26.906769],
              [93.111399, 26.880082],
              [93.050421, 26.883819],
              [92.909371, 26.914241],
              [92.802813, 26.895028],
              [92.682089, 26.947855],
              [92.64698, 26.952656],
              [92.549046, 26.941453],
              [92.496691, 26.921711],
              [92.404916, 26.9025],
              [92.28604, 26.892359],
              [92.197961, 26.86994],
              [92.109265, 26.854991],
              [92.124664, 26.960124],
              [92.076005, 27.041175],
              [92.043976, 27.052902],
              [92.02673, 27.108318],
              [92.032273, 27.167967],
              [92.061222, 27.190327],
              [92.071077, 27.237694],
              [92.091403, 27.264296],
              [92.125896, 27.273339],
              [92.064918, 27.391365],
              [92.021802, 27.444489],
              [92.010715, 27.474758],
              [91.946657, 27.464138],
              [91.839484, 27.489624],
              [91.753868, 27.462545],
              [91.71876, 27.467324],
              [91.663325, 27.507142],
              [91.626985, 27.509265],
              [91.585101, 27.540578],
              [91.564775, 27.58196],
              [91.582637, 27.598933],
              [91.562311, 27.627569],
              [91.570934, 27.650897],
              [91.622673, 27.692238],
              [91.642383, 27.7664],
              [91.610355, 27.819343],
              [91.544449, 27.820401],
              [91.561079, 27.855329],
              [91.618978, 27.856916],
              [91.611586, 27.891303],
              [91.552456, 27.90717],
              [91.486551, 27.937311],
              [91.490246, 27.971672],
              [91.464993, 28.002852],
              [91.309776, 28.057791],
              [91.251878, 27.970615],
              [91.216153, 27.989113],
              [91.162567, 27.968501],
              [91.147784, 27.927794],
              [91.155175, 27.894476],
              [91.113292, 27.846333],
              [91.025828, 27.857445],
              [90.96485, 27.900294],
              [90.976553, 27.935725],
              [90.96177, 27.9537],
              [90.896481, 27.946299],
              [90.853365, 27.969029],
              [90.806554, 28.015005],
              [90.802242, 28.040362],
              [90.741264, 28.053038],
              [90.701844, 28.076274],
              [90.591591, 28.021345],
              [90.569417, 28.044059],
              [90.513983, 28.062016],
              [90.47949, 28.044587],
              [90.43699, 28.063073],
              [90.384019, 28.06096],
              [90.367389, 28.088946],
              [90.297172, 28.153868],
              [90.231882, 28.144897],
              [90.189999, 28.161782],
              [90.166593, 28.187632],
              [90.124709, 28.190797],
              [90.103151, 28.141731],
              [90.07297, 28.155451],
              [90.03355, 28.136981],
              [90.017536, 28.162837],
              [89.976268, 28.189215],
              [89.901739, 28.18183],
              [89.869094, 28.221386],
              [89.789638, 28.240895],
              [89.779167, 28.197127],
              [89.720037, 28.170224],
              [89.605472, 28.161782],
              [89.541414, 28.088418],
              [89.511233, 28.086307],
              [89.461958, 28.03191],
              [89.44348, 27.968501],
              [89.375727, 27.875962],
              [89.295655, 27.84845],
              [89.238988, 27.796581],
              [89.184786, 27.673689],
              [89.131815, 27.633402],
              [89.128735, 27.611131],
              [89.163228, 27.574534],
              [89.109025, 27.537925],
              [89.095474, 27.471572],
              [89.132431, 27.441302],
              [89.182938, 27.373829],
              [89.152757, 27.319076],
              [89.077612, 27.287168],
              [89.067757, 27.240354],
              [88.984605, 27.208957],
              [88.942105, 27.261636],
              [88.911924, 27.272807],
              [88.920548, 27.325456],
              [88.901453, 27.327583],
              [88.867577, 27.3818],
              [88.838012, 27.37808],
              [88.809063, 27.405711],
              [88.783193, 27.467324],
              [88.797976, 27.521473],
              [88.770874, 27.563924],
              [88.813374, 27.606889],
              [88.816454, 27.641354],
              [88.852178, 27.671039],
              [88.850331, 27.710783],
              [88.870657, 27.743098],
              [88.863265, 27.811932],
              [88.888519, 27.846863],
              [88.864497, 27.921448],
              [88.846635, 27.921448],
              [88.842939, 28.006023],
              [88.812142, 28.018175],
              [88.764099, 28.068353],
              [88.67602, 28.068353],
              [88.645223, 28.111119],
              [88.620585, 28.091586],
              [88.565151, 28.083139],
              [88.554064, 28.027684],
              [88.498013, 28.04089],
              [88.469064, 28.009721],
              [88.43334, 28.002852],
              [88.401311, 27.976958],
              [88.357579, 27.986471],
              [88.254101, 27.939426],
              [88.242398, 27.967444],
              [88.203594, 27.943127],
              [88.156783, 27.957929],
              [88.120442, 27.915103],
              [88.137689, 27.878607],
              [88.111819, 27.864852],
              [88.090877, 27.885484],
              [88.037291, 27.901881],
              [87.982472, 27.884426],
              [87.930733, 27.909285],
              [87.826639, 27.927794],
              [87.782292, 27.890774],
              [87.77798, 27.860091],
              [87.727473, 27.802933],
              [87.668343, 27.809815],
              [87.670191, 27.832045],
              [87.598126, 27.814579],
              [87.58088, 27.859562],
              [87.45954, 27.820931],
              [87.418272, 27.825694],
              [87.421967, 27.856916],
              [87.364069, 27.824106],
              [87.317258, 27.826753],
              [87.280917, 27.845275],
              [87.249504, 27.839454],
              [87.227946, 27.812991],
              [87.173744, 27.818284],
              [87.118309, 27.840512],
              [87.080737, 27.910872],
              [87.035157, 27.946299],
              [86.935375, 27.955286],
              [86.926752, 27.985942],
              [86.885484, 27.995983],
              [86.864542, 28.022401],
              [86.827586, 28.012363],
              [86.756753, 28.032967],
              [86.768456, 28.06941],
              [86.74813, 28.089474],
              [86.700086, 28.101617],
              [86.662514, 28.092114],
              [86.647732, 28.06941],
              [86.611391, 28.069938],
              [86.60092, 28.097922],
              [86.568891, 28.103201],
              [86.55842, 28.047757],
              [86.537478, 28.044587],
              [86.513457, 27.996511],
              [86.514689, 27.954757],
              [86.475884, 27.944713],
              [86.450015, 27.908757],
              [86.414906, 27.904526],
              [86.393349, 27.926736],
              [86.308965, 27.950528],
              [86.27324, 27.976958],
              [86.231972, 27.974315],
              [86.206103, 28.084195],
              [86.223965, 28.092642],
              [86.19132, 28.167058],
              [86.140198, 28.114814],
              [86.128495, 28.086835],
              [86.086611, 28.090002],
              [86.082915, 28.018175],
              [86.125415, 27.923035],
              [86.053966, 27.900823],
              [86.002227, 27.90717],
              [85.949256, 27.937311],
              [85.980053, 27.984357],
              [85.901213, 28.053566],
              [85.898749, 28.101617],
              [85.871648, 28.124843],
              [85.854402, 28.172334],
              [85.791576, 28.195544],
              [85.753388, 28.227714],
              [85.720743, 28.372093],
              [85.682555, 28.375779],
              [85.650526, 28.283592],
              [85.601251, 28.254075],
              [85.602483, 28.295712],
              [85.520563, 28.326798],
              [85.458969, 28.332593],
              [85.415853, 28.321003],
              [85.379512, 28.274105],
              [85.349947, 28.298347],
              [85.272339, 28.282538],
              [85.209513, 28.338914],
              [85.179948, 28.324164],
              [85.113427, 28.344708],
              [85.129441, 28.377885],
              [85.108499, 28.461047],
              [85.160238, 28.49261],
              [85.189803, 28.544669],
              [85.18426, 28.587244],
              [85.195963, 28.624022],
              [85.155926, 28.643983],
              [85.126361, 28.676016],
              [85.05676, 28.674441],
              [84.995782, 28.611414],
              [84.981616, 28.586193],
              [84.896616, 28.587244],
              [84.857196, 28.567798],
              [84.773428, 28.610363],
              [84.698284, 28.633478],
              [84.699515, 28.671816],
              [84.669334, 28.680742],
              [84.650856, 28.714338],
              [84.620059, 28.732182],
              [84.557233, 28.74635],
              [84.483321, 28.735331],
              [84.445133, 28.764189],
              [84.434046, 28.823978],
              [84.404481, 28.828173],
              [84.408176, 28.85386],
              [84.340423, 28.866963],
              [84.330568, 28.859101],
              [84.268358, 28.895261],
              [84.234481, 28.889497],
              [84.228322, 28.949738],
              [84.248648, 29.030353],
              [84.224626, 29.049189],
              [84.194445, 29.045004],
              [84.192597, 29.084236],
              [84.20738, 29.118749],
              [84.176583, 29.133909],
              [84.17104, 29.19453],
              [84.197525, 29.210202],
              [84.203068, 29.239972],
              [84.130388, 29.239972],
              [84.116837, 29.286438],
              [84.052163, 29.296877],
              [84.002272, 29.291658],
              [83.986874, 29.325057],
              [83.949301, 29.312533],
              [83.911729, 29.323491],
              [83.851367, 29.294789],
              [83.82057, 29.294267],
              [83.800244, 29.249372],
              [83.727563, 29.244672],
              [83.667201, 29.200277],
              [83.656114, 29.16736],
              [83.596368, 29.174153],
              [83.57789, 29.203934],
              [83.548941, 29.201322],
              [83.492274, 29.280174],
              [83.463941, 29.285916],
              [83.450391, 29.332883],
              [83.423289, 29.361053],
              [83.415898, 29.420496],
              [83.383253, 29.42206],
              [83.325355, 29.502826],
              [83.27608, 29.505951],
              [83.266841, 29.571035],
              [83.217565, 29.60018],
              [83.164595, 29.595496],
              [83.159667, 29.61735],
              [83.12887, 29.623593],
              [83.088834, 29.604863],
              [83.011226, 29.667804],
              [82.966878, 29.658963],
              [82.9484, 29.704718],
              [82.885574, 29.689122],
              [82.830756, 29.687562],
              [82.816589, 29.717192],
              [82.774089, 29.726548],
              [82.757459, 29.761881],
              [82.691553, 29.766037],
              [82.737749, 29.80655],
              [82.703872, 29.847566],
              [82.6238, 29.834588],
              [82.64351, 29.868846],
              [82.609017, 29.886489],
              [82.560974, 29.955476],
              [82.498148, 29.947698],
              [82.474743, 29.973622],
              [82.431011, 29.989692],
              [82.412533, 30.011978],
              [82.368185, 30.014051],
              [82.333693, 30.045138],
              [82.311519, 30.035813],
              [82.246845, 30.071555],
              [82.17786, 30.06793],
              [82.183403, 30.12178],
              [82.207425, 30.143519],
              [82.188947, 30.18543],
              [82.142135, 30.200948],
              [82.114418, 30.226806],
              [82.11873, 30.279019],
              [82.132896, 30.30434],
              [82.104563, 30.346182],
              [82.060215, 30.332237],
              [82.022027, 30.339468],
              [81.99123, 30.322939],
              [81.954274, 30.355995],
              [81.939491, 30.344633],
              [81.872354, 30.373035],
              [81.759021, 30.385426],
              [81.723913, 30.407623],
              [81.63029, 30.446842],
              [81.613044, 30.412784],
              [81.566232, 30.428782],
              [81.555761, 30.369421],
              [81.494783, 30.381296],
              [81.454131, 30.412268],
              [81.418407, 30.420525],
              [81.406704, 30.40401],
              [81.432573, 30.379231],
              [81.406088, 30.369421],
              [81.399929, 30.319323],
              [81.427646, 30.305373],
              [81.406088, 30.291938],
              [81.419023, 30.270232],
              [81.397465, 30.240767],
              [81.393769, 30.199396],
              [81.335871, 30.149729],
              [81.269349, 30.153351],
              [81.293371, 30.094859],
              [81.2829, 30.061197],
              [81.247792, 30.032705],
              [81.256415, 30.011978],
              [81.225618, 30.005759],
              [81.131995, 30.016124],
              [81.09627, 30.052909],
              [81.110437, 30.085538],
              [81.085799, 30.100554],
              [81.082104, 30.151281],
              [81.038372, 30.205086],
              [81.034677, 30.246971],
              [80.996488, 30.267648],
              [80.933662, 30.266614],
              [80.910873, 30.30279],
              [80.81725, 30.321389],
              [80.719316, 30.414848],
              [80.692214, 30.416913],
              [80.633084, 30.458707],
              [80.585041, 30.463866],
              [80.549316, 30.448905],
              [80.504969, 30.483466],
              [80.446454, 30.495327],
              [80.43044, 30.515952],
              [80.357759, 30.520592],
              [80.322035, 30.564403],
              [80.261673, 30.566465],
              [80.214245, 30.586044],
              [80.143412, 30.55822],
              [80.04363, 30.603559],
              [80.014065, 30.661748],
              [79.970333, 30.685941],
              [79.955551, 30.738422],
              [79.961094, 30.771337],
              [79.900732, 30.7991],
              [79.913051, 30.833022],
              [79.890877, 30.855116],
              [79.835443, 30.851006],
              [79.75845, 30.936769],
              [79.729501, 30.941389],
              [79.668523, 30.980392],
              [79.660516, 30.956787],
              [79.59769, 30.925989],
              [79.550879, 30.957813],
              [79.505915, 31.027584],
              [79.427075, 31.018353],
              [79.424611, 31.061425],
              [79.404901, 31.071678],
              [79.35809, 31.031174],
              [79.316206, 31.01784],
              [79.33222, 30.969103],
              [79.227511, 30.949088],
              [79.205953, 31.0004],
              [79.181931, 31.015788],
              [79.096931, 30.992192],
              [79.059359, 31.028097],
              [79.010084, 31.043994],
              [78.97436, 31.115751],
              [78.997765, 31.158779],
              [78.930628, 31.220726],
              [78.923852, 31.246824],
              [78.884432, 31.277006],
              [78.865338, 31.312804],
              [78.859179, 31.289281],
              [78.795121, 31.301043],
              [78.755085, 31.355742],
              [78.760013, 31.392531],
              [78.792041, 31.435944],
              [78.755701, 31.478316],
              [78.729832, 31.478316],
              [78.740303, 31.532912],
              [78.779723, 31.545154],
              [78.833925, 31.584927],
              [78.845628, 31.609905],
              [78.806824, 31.64099],
              [78.798817, 31.675629],
              [78.763092, 31.668499],
              [78.706426, 31.778453],
              [78.654687, 31.819144],
              [78.665158, 31.851684],
              [78.739687, 31.885228],
              [78.768636, 31.92638],
              [78.762476, 31.947203],
              [78.705194, 31.988835],
              [78.60726, 32.023851],
              [78.609107, 32.052768],
              [78.527188, 32.11463],
              [78.509941, 32.147065],
              [78.469905, 32.127808],
              [78.429869, 32.194683],
              [78.430485, 32.212407],
              [78.475449, 32.236708],
              [78.508709, 32.297939],
              [78.480992, 32.329297],
              [78.483456, 32.357106],
              [78.458818, 32.379853],
              [78.472985, 32.435431],
              [78.426174, 32.502584],
              [78.395377, 32.530339],
              [78.424942, 32.565652],
              [78.500086, 32.580782],
              [78.518564, 32.605993],
              [78.577695, 32.615067],
              [78.588782, 32.637748],
              [78.628202, 32.630188],
              [78.675013, 32.658408],
              [78.6861, 32.680071],
              [78.741534, 32.703743],
              [78.74215, 32.654881],
              [78.781571, 32.608009],
              [78.760629, 32.563635],
              [78.782186, 32.480373],
              [78.81052, 32.436441],
              [78.87273, 32.40512],
              [78.904142, 32.374798],
              [78.970664, 32.331826],
              [79.005772, 32.375304],
              [79.067982, 32.380863],
              [79.103091, 32.369744],
              [79.124649, 32.416235],
              [79.135736, 32.472295],
              [79.180083, 32.492994],
              [79.190554, 32.511669],
              [79.252148, 32.516715],
              [79.272474, 32.561113],
              [79.308199, 32.596918],
              [79.299575, 32.637244],
              [79.27309, 32.678056],
              [79.301423, 32.728919],
              [79.275554, 32.778746],
              [79.225047, 32.784281],
              [79.237982, 32.846145],
              [79.227511, 32.89038],
              [79.255844, 32.942628],
              [79.204721, 32.964724],
              [79.162837, 33.01191],
              [79.139431, 33.117735],
              [79.162221, 33.165841],
              [79.152366, 33.184375],
              [79.10925, 33.200401],
              [79.072294, 33.22844],
              [79.083997, 33.245459],
              [79.041497, 33.268479],
              [79.022403, 33.323504],
              [78.9682, 33.334505],
              [78.949722, 33.376495],
              [78.896751, 33.41247],
              [78.84994, 33.419963],
              [78.816679, 33.480882],
              [78.74215, 33.55323],
              [78.755085, 33.623025],
              [78.713201, 33.623025],
              [78.684868, 33.654415],
              [78.692259, 33.676331],
              [78.779723, 33.73259],
              [78.758165, 33.790802],
              [78.766172, 33.823124],
              [78.756317, 33.8773],
              [78.762476, 33.90959],
              [78.734143, 33.918529],
              [78.744614, 33.980585],
              [78.736607, 33.999937],
              [78.656535, 34.030196],
              [78.661462, 34.086718],
              [78.737223, 34.089692],
              [78.801897, 34.137258],
              [78.828998, 34.125369],
              [78.878273, 34.163012],
              [78.910302, 34.143202],
              [78.9257, 34.155584],
              [78.941099, 34.212022],
              [78.958345, 34.230827],
              [78.981751, 34.31836],
              [79.019939, 34.313417],
              [79.039649, 34.33467],
              [79.048888, 34.348506],
              [79.0107, 34.399877],
              [79.039033, 34.421601],
              [79.072294, 34.412714],
              [79.161605, 34.441345],
              [79.179467, 34.422588],
              [79.241677, 34.415183],
              [79.274322, 34.435916],
              [79.326677, 34.44332],
              [79.363017, 34.428018],
              [79.435082, 34.447761],
              [79.504683, 34.45467],
              [79.545335, 34.476381],
              [79.58106, 34.456151],
              [79.675914, 34.451216],
              [79.699936, 34.477861],
              [79.735661, 34.471447],
              [79.801566, 34.478847],
              [79.861312, 34.528166],
              [79.84345, 34.55725],
              [79.88595, 34.642965],
              [79.866856, 34.671517],
              [79.906892, 34.683821],
              [79.898268, 34.732035],
              [79.947544, 34.821008],
              [79.926602, 34.849499],
              [79.961094, 34.862759],
              [79.996819, 34.856375],
              [80.003594, 34.895162],
              [80.034391, 34.902033],
              [80.041782, 34.943252],
              [80.02392, 34.971209],
              [80.04363, 35.022196],
              [80.031311, 35.034447],
              [80.078123, 35.076578],
              [80.118159, 35.066293],
              [80.23026, 35.147565],
              [80.223484, 35.177409],
              [80.257977, 35.203331],
              [80.362687, 35.20871],
              [80.267832, 35.295701],
              [80.286926, 35.35283],
              [80.321419, 35.38699],
              [80.375006, 35.387966],
              [80.432904, 35.449418],
              [80.444607, 35.417235],
              [80.514824, 35.391869],
              [80.532686, 35.404553],
              [80.56841, 35.391381],
              [80.599823, 35.409431],
              [80.65649, 35.393821],
              [80.690982, 35.364544],
              [80.689135, 35.339162],
              [80.759968, 35.334768],
              [80.844351, 35.345508],
              [80.894242, 35.324027],
              [80.924423, 35.330862],
              [80.963844, 35.310842],
              [81.026053, 35.31133],
              [81.002648, 35.334768],
              [81.030981, 35.337209],
              [81.031597, 35.380648],
              [81.054387, 35.402602],
              [81.09935, 35.40748],
              [81.103662, 35.386015],
              [81.142466, 35.365032],
              [81.191741, 35.36552],
              [81.219458, 35.319144],
              [81.26627, 35.322562],
              [81.285364, 35.345508],
              [81.314313, 35.337209],
              [81.363588, 35.354783],
              [81.385762, 35.335256],
              [81.441196, 35.333303],
              [81.447972, 35.318167],
              [81.504638, 35.279092],
              [81.513261, 35.23511],
              [81.68634, 35.235599],
              [81.736847, 35.26248],
              [81.804601, 35.270786],
              [81.853876, 35.25857],
              [81.927789, 35.271275],
              [81.955506, 35.307423],
              [81.99123, 35.30547],
              [82.030034, 35.321585],
              [82.05344, 35.35039],
              [82.029419, 35.426013],
              [82.034346, 35.451855],
              [82.071302, 35.450393],
              [82.086701, 35.467454],
              [82.164925, 35.495719],
              [82.189563, 35.513258],
              [82.234526, 35.520565],
              [82.263475, 35.547837],
              [82.2992, 35.544916],
              [82.328149, 35.559523],
              [82.350323, 35.611113],
              [82.336156, 35.651486],
              [82.392823, 35.656349],
              [82.424852, 35.712736],
              [82.468583, 35.717595],
              [82.501844, 35.701073],
              [82.546192, 35.708362],
              [82.628727, 35.692324],
              [82.652133, 35.67288],
              [82.731589, 35.637868],
              [82.780249, 35.666073],
              [82.795031, 35.688436],
              [82.873871, 35.688922],
              [82.894813, 35.673852],
              [82.967494, 35.667532],
              [82.956407, 35.636409],
              [82.981661, 35.599922],
              [82.971806, 35.548324],
              [82.998907, 35.484512],
              [83.067892, 35.46258],
              [83.088834, 35.425526],
              [83.127022, 35.398699],
              [83.178145, 35.38943],
              [83.251442, 35.417722],
              [83.280391, 35.401138],
              [83.333978, 35.397236],
              [83.405427, 35.380648],
              [83.449159, 35.382111],
              [83.502745, 35.360639],
              [83.540318, 35.364056],
              [83.54155, 35.341603],
              [83.599448, 35.351366],
              [83.622238, 35.335256],
              [83.677672, 35.361128],
              [83.785462, 35.36308],
              [83.79778, 35.354783],
              [83.885244, 35.367472],
              [83.906186, 35.40309],
              [84.005968, 35.422599],
              [84.077417, 35.400163],
              [84.095895, 35.362592],
              [84.140859, 35.379184],
              [84.160569, 35.359663],
              [84.200605, 35.381135],
              [84.274517, 35.404065],
              [84.333032, 35.413821],
              [84.424191, 35.466479],
              [84.45314, 35.473303],
              [84.475929, 35.516181],
              [84.448828, 35.550272],
              [84.513502, 35.564391],
              [84.570168, 35.588242],
              [84.628067, 35.595055],
              [84.704443, 35.616951],
              [84.729081, 35.613546],
              [84.798066, 35.647595],
              [84.920022, 35.696213],
              [84.973608, 35.709334],
              [84.99455, 35.737028],
              [85.053065, 35.752086],
              [85.146071, 35.742371],
              [85.271107, 35.788989],
              [85.341324, 35.753543],
              [85.373969, 35.700101],
              [85.518715, 35.680658],
              [85.566142, 35.6403],
              [85.612953, 35.651486],
              [85.65299, 35.731199],
              [85.691178, 35.751114],
              [85.811286, 35.778794],
              [85.835308, 35.771996],
              [85.903677, 35.78462],
              [85.949256, 35.778794],
              [86.035488, 35.846738],
              [86.05335, 35.842857],
              [86.090306, 35.876809],
              [86.093386, 35.906868],
              [86.129111, 35.941761],
              [86.150668, 36.00424],
              [86.173458, 36.008113],
              [86.199944, 36.047801],
              [86.182081, 36.064734],
              [86.187625, 36.130983],
              [86.248603, 36.141616],
              [86.2794, 36.170608],
              [86.35824, 36.168676],
              [86.392733, 36.206834],
              [86.454943, 36.221319],
              [86.515305, 36.205385],
              [86.531935, 36.227113],
              [86.599072, 36.222285],
              [86.69947, 36.24449],
              [86.746282, 36.291777],
              [86.836209, 36.291294],
              [86.86331, 36.299977],
              [86.887332, 36.262829],
              [86.931064, 36.265242],
              [86.943998, 36.284058],
              [86.996353, 36.308658],
              [87.051788, 36.2966],
              [87.08628, 36.310587],
              [87.149106, 36.297565],
              [87.161425, 36.325535],
              [87.193454, 36.349158],
              [87.292004, 36.358797],
              [87.348055, 36.393008],
              [87.363453, 36.420463],
              [87.386859, 36.412757],
              [87.426895, 36.42576],
              [87.460155, 36.409868],
              [87.470626, 36.354459],
              [87.570409, 36.342409],
              [87.6203, 36.360243],
              [87.731785, 36.384818],
              [87.767509, 36.3747],
              [87.826023, 36.391563],
              [87.838342, 36.383855],
              [87.919646, 36.39349],
              [87.95845, 36.408423],
              [87.983088, 36.437797],
              [88.006494, 36.430575],
              [88.092109, 36.43539],
              [88.134609, 36.427205],
              [88.182652, 36.452721],
              [88.222688, 36.447426],
              [88.241782, 36.468605],
              [88.282434, 36.470049],
              [88.366202, 36.458016],
              [88.356963, 36.477268],
              [88.41055, 36.473418],
              [88.470912, 36.48208],
              [88.498629, 36.446463],
              [88.573158, 36.461386],
              [88.618121, 36.428168],
              [88.623665, 36.389636],
              [88.690186, 36.367954],
              [88.766563, 36.292259],
              [88.783809, 36.291777],
              [88.802903, 36.33807],
              [88.838628, 36.353496],
              [88.870657, 36.348193],
              [88.926091, 36.36458],
              [88.964279, 36.318785],
              [89.013554, 36.315409],
              [89.054822, 36.291777],
              [89.10225, 36.281164],
              [89.126887, 36.254626],
              [89.198952, 36.260417],
              [89.232213, 36.295636],
              [89.292575, 36.231457],
              [89.335075, 36.23725],
              [89.375727, 36.228078],
              [89.490291, 36.151281],
              [89.594385, 36.126632],
              [89.614711, 36.109712],
              [89.711414, 36.093272],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 610000,
        name: '陕西省',
        center: [108.948024, 34.263161],
        centroid: [108.887304, 35.263625],
        childrenNum: 10,
        level: 'province',
        subFeatureIndex: 26,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [110.398352, 33.176862],
              [110.398352, 33.176862],
              [110.372482, 33.186379],
              [110.33799, 33.160331],
              [110.285635, 33.171352],
              [110.218497, 33.163336],
              [110.164911, 33.209415],
              [110.031252, 33.191888],
              [109.999223, 33.212419],
              [109.973353, 33.203907],
              [109.916687, 33.229942],
              [109.852013, 33.247961],
              [109.813209, 33.236449],
              [109.732521, 33.231443],
              [109.693101, 33.254468],
              [109.649985, 33.251465],
              [109.619804, 33.275484],
              [109.60687, 33.235949],
              [109.514479, 33.237951],
              [109.498464, 33.207412],
              [109.438718, 33.152314],
              [109.468283, 33.140288],
              [109.522486, 33.138785],
              [109.576073, 33.110216],
              [109.688174, 33.116733],
              [109.704188, 33.101694],
              [109.794731, 33.067095],
              [109.785492, 32.987316],
              [109.76455, 32.909474],
              [109.789804, 32.882339],
              [109.847702, 32.893395],
              [109.856941, 32.910479],
              [109.907448, 32.903947],
              [109.927158, 32.887364],
              [109.988752, 32.886359],
              [110.051578, 32.851676],
              [110.105164, 32.832569],
              [110.142121, 32.802895],
              [110.127338, 32.77774],
              [110.159367, 32.767173],
              [110.156903, 32.683093],
              [110.206179, 32.633212],
              [110.153824, 32.593388],
              [110.124259, 32.616579],
              [110.090382, 32.617083],
              [110.084223, 32.580782],
              [110.017701, 32.546989],
              [109.97089, 32.577756],
              [109.910528, 32.592884],
              [109.816905, 32.577252],
              [109.746072, 32.594901],
              [109.726978, 32.608513],
              [109.631507, 32.599943],
              [109.619804, 32.56767],
              [109.637051, 32.540935],
              [109.575457, 32.506622],
              [109.526797, 32.43341],
              [109.529877, 32.405625],
              [109.502776, 32.38895],
              [109.513247, 32.342444],
              [109.495385, 32.300468],
              [109.528645, 32.270112],
              [109.550203, 32.225065],
              [109.592703, 32.219495],
              [109.604406, 32.199241],
              [109.58716, 32.161251],
              [109.621652, 32.106519],
              [109.590855, 32.047696],
              [109.590855, 32.012688],
              [109.631507, 31.962436],
              [109.62042, 31.928412],
              [109.584696, 31.900472],
              [109.60379, 31.885737],
              [109.633971, 31.824738],
              [109.633971, 31.804396],
              [109.592087, 31.789136],
              [109.585928, 31.726546],
              [109.549587, 31.73011],
              [109.502776, 31.716365],
              [109.446109, 31.722983],
              [109.381436, 31.705165],
              [109.281654, 31.716874],
              [109.282885, 31.743343],
              [109.253936, 31.759628],
              [109.279806, 31.776418],
              [109.27611, 31.79931],
              [109.195422, 31.817618],
              [109.191111, 31.85575],
              [109.123357, 31.892851],
              [109.085785, 31.929428],
              [108.986619, 31.980205],
              [108.902235, 31.984774],
              [108.837561, 32.039072],
              [108.78767, 32.04871],
              [108.75133, 32.076098],
              [108.734084, 32.106519],
              [108.676801, 32.10297],
              [108.585026, 32.17189],
              [108.543758, 32.177969],
              [108.509882, 32.201266],
              [108.507418, 32.245819],
              [108.469846, 32.270618],
              [108.414411, 32.252399],
              [108.389773, 32.263533],
              [108.310933, 32.232152],
              [108.240716, 32.274666],
              [108.179738, 32.221521],
              [108.156948, 32.239239],
              [108.143398, 32.219495],
              [108.086731, 32.233165],
              [108.018362, 32.2119],
              [108.024521, 32.177462],
              [107.979558, 32.146051],
              [107.924739, 32.197215],
              [107.890247, 32.214432],
              [107.864377, 32.201266],
              [107.812022, 32.247844],
              [107.753508, 32.338399],
              [107.707929, 32.331826],
              [107.680827, 32.397035],
              [107.648183, 32.413709],
              [107.598291, 32.411688],
              [107.527458, 32.38238],
              [107.489886, 32.425328],
              [107.456625, 32.41775],
              [107.460937, 32.453612],
              [107.438763, 32.465732],
              [107.436299, 32.529835],
              [107.382097, 32.54043],
              [107.356843, 32.506622],
              [107.313727, 32.489965],
              [107.287858, 32.457147],
              [107.263836, 32.403099],
              [107.212097, 32.428864],
              [107.189924, 32.468256],
              [107.127098, 32.482393],
              [107.080286, 32.542448],
              [107.108004, 32.600951],
              [107.098765, 32.649338],
              [107.05996, 32.686115],
              [107.066736, 32.708779],
              [107.012533, 32.721367],
              [106.912751, 32.704247],
              [106.903512, 32.721367],
              [106.854853, 32.724388],
              [106.82344, 32.705254],
              [106.793259, 32.712807],
              [106.783404, 32.735967],
              [106.733513, 32.739491],
              [106.670071, 32.694678],
              [106.626955, 32.682086],
              [106.585687, 32.68813],
              [106.517934, 32.668485],
              [106.498224, 32.649338],
              [106.451412, 32.65992],
              [106.421231, 32.616579],
              [106.389203, 32.62666],
              [106.347935, 32.671003],
              [106.301123, 32.680071],
              [106.267863, 32.673522],
              [106.254928, 32.693671],
              [106.17424, 32.6977],
              [106.120037, 32.719856],
              [106.071378, 32.758114],
              [106.076305, 32.759121],
              [106.076921, 32.76365],
              [106.07261, 32.76365],
              [106.093552, 32.82402],
              [106.071378, 32.828546],
              [106.044277, 32.864747],
              [106.011632, 32.829552],
              [105.969132, 32.849162],
              [105.93156, 32.826032],
              [105.893371, 32.838603],
              [105.849024, 32.817985],
              [105.825002, 32.824523],
              [105.822538, 32.770192],
              [105.779423, 32.750061],
              [105.768952, 32.767676],
              [105.719061, 32.759624],
              [105.677793, 32.726402],
              [105.596489, 32.69921],
              [105.585402, 32.728919],
              [105.563844, 32.724891],
              [105.555221, 32.794343],
              [105.534279, 32.790822],
              [105.524424, 32.847654],
              [105.495475, 32.873292],
              [105.49917, 32.911986],
              [105.528119, 32.919019],
              [105.565692, 32.906962],
              [105.590329, 32.87681],
              [105.638373, 32.879323],
              [105.656851, 32.895405],
              [105.735691, 32.905454],
              [105.82685, 32.950663],
              [105.861959, 32.939112],
              [105.917393, 32.993841],
              [105.926632, 33.042517],
              [105.914929, 33.066092],
              [105.934639, 33.112221],
              [105.923552, 33.147805],
              [105.897067, 33.146803],
              [105.93156, 33.178365],
              [105.968516, 33.154318],
              [105.965436, 33.204407],
              [105.917393, 33.237951],
              [105.862574, 33.234447],
              [105.799133, 33.258471],
              [105.791741, 33.278486],
              [105.752937, 33.291994],
              [105.755401, 33.329004],
              [105.709822, 33.382991],
              [105.827466, 33.379993],
              [105.837937, 33.410971],
              [105.831162, 33.451926],
              [105.842248, 33.489866],
              [105.871198, 33.511325],
              [105.902611, 33.556222],
              [105.940183, 33.570684],
              [105.971596, 33.613058],
              [106.047356, 33.610067],
              [106.086776, 33.617045],
              [106.117573, 33.602591],
              [106.108334, 33.569686],
              [106.187174, 33.546746],
              [106.237681, 33.564201],
              [106.303587, 33.604585],
              [106.35163, 33.587137],
              [106.384891, 33.612061],
              [106.447101, 33.613058],
              [106.456956, 33.532779],
              [106.540108, 33.512822],
              [106.58076, 33.576169],
              [106.575832, 33.631497],
              [106.534564, 33.695254],
              [106.482825, 33.707203],
              [106.488369, 33.757969],
              [106.461883, 33.789807],
              [106.491448, 33.834559],
              [106.475434, 33.875809],
              [106.428007, 33.866368],
              [106.41076, 33.909093],
              [106.474202, 33.970659],
              [106.471738, 34.024244],
              [106.505615, 34.056479],
              [106.501919, 34.105055],
              [106.560434, 34.109514],
              [106.585071, 34.149641],
              [106.55797, 34.229837],
              [106.5321, 34.254079],
              [106.496376, 34.238248],
              [106.526557, 34.292159],
              [106.577064, 34.280786],
              [106.589383, 34.253584],
              [106.63373, 34.260014],
              [106.652825, 34.24369],
              [106.68239, 34.256057],
              [106.705179, 34.299575],
              [106.691013, 34.337635],
              [106.717498, 34.369255],
              [106.638042, 34.391481],
              [106.610941, 34.454177],
              [106.558586, 34.48822],
              [106.513622, 34.498085],
              [106.514238, 34.511894],
              [106.455108, 34.531617],
              [106.334384, 34.517811],
              [106.341159, 34.568093],
              [106.314058, 34.578934],
              [106.419384, 34.643458],
              [106.471122, 34.634102],
              [106.442173, 34.675455],
              [106.456956, 34.703996],
              [106.487137, 34.715311],
              [106.505615, 34.746789],
              [106.539492, 34.745805],
              [106.575216, 34.769897],
              [106.550579, 34.82936],
              [106.556122, 34.861285],
              [106.527789, 34.876507],
              [106.493296, 34.941289],
              [106.484673, 34.983959],
              [106.494528, 35.006021],
              [106.494528, 35.006021],
              [106.52163, 35.027587],
              [106.541956, 35.083925],
              [106.577064, 35.089312],
              [106.615252, 35.071191],
              [106.706411, 35.081966],
              [106.710723, 35.100574],
              [106.838222, 35.080007],
              [106.901664, 35.094698],
              [106.950323, 35.066782],
              [106.990975, 35.068252],
              [107.012533, 35.029547],
              [107.08275, 35.024156],
              [107.089526, 34.976604],
              [107.119707, 34.950119],
              [107.162206, 34.944233],
              [107.189308, 34.893198],
              [107.252749, 34.880925],
              [107.286626, 34.931968],
              [107.350068, 34.93393],
              [107.369162, 34.917738],
              [107.400575, 34.932949],
              [107.455394, 34.916757],
              [107.523763, 34.909886],
              [107.564415, 34.968757],
              [107.619849, 34.964834],
              [107.638943, 34.935402],
              [107.675284, 34.9511],
              [107.741805, 34.953553],
              [107.842203, 34.979056],
              [107.863145, 34.999158],
              [107.846515, 35.024646],
              [107.814486, 35.024646],
              [107.773218, 35.060904],
              [107.773218, 35.060904],
              [107.769523, 35.064333],
              [107.769523, 35.064333],
              [107.727639, 35.120157],
              [107.715936, 35.168114],
              [107.686371, 35.218],
              [107.652494, 35.244886],
              [107.667277, 35.257104],
              [107.737494, 35.267366],
              [107.745501, 35.311819],
              [107.841587, 35.276649],
              [107.867457, 35.256127],
              [107.960464, 35.263457],
              [107.949993, 35.245375],
              [108.049159, 35.253683],
              [108.094739, 35.280069],
              [108.174811, 35.304981],
              [108.221622, 35.296678],
              [108.239484, 35.256127],
              [108.296767, 35.267855],
              [108.345426, 35.300586],
              [108.36144, 35.279581],
              [108.48894, 35.275184],
              [108.547454, 35.304981],
              [108.583178, 35.294724],
              [108.614591, 35.328909],
              [108.61028, 35.355271],
              [108.631222, 35.418698],
              [108.605968, 35.503028],
              [108.625678, 35.537124],
              [108.618287, 35.557088],
              [108.539447, 35.605761],
              [108.517889, 35.699615],
              [108.533903, 35.746257],
              [108.527744, 35.82442],
              [108.499411, 35.872444],
              [108.518505, 35.905414],
              [108.562852, 35.921409],
              [108.593649, 35.950967],
              [108.652164, 35.94806],
              [108.659555, 35.990683],
              [108.688504, 36.021183],
              [108.682345, 36.062316],
              [108.712526, 36.138716],
              [108.646004, 36.254143],
              [108.641693, 36.359279],
              [108.651548, 36.384818],
              [108.618903, 36.433946],
              [108.562852, 36.43876],
              [108.510498, 36.47438],
              [108.514809, 36.445501],
              [108.495099, 36.422389],
              [108.460606, 36.422871],
              [108.408252, 36.45946],
              [108.391621, 36.505654],
              [108.365136, 36.519603],
              [108.340498, 36.559032],
              [108.262274, 36.549417],
              [108.245644, 36.571048],
              [108.210535, 36.577296],
              [108.204992, 36.606607],
              [108.204992, 36.606607],
              [108.222854, 36.631105],
              [108.1976, 36.630144],
              [108.163724, 36.563839],
              [108.092891, 36.587388],
              [108.079956, 36.614294],
              [108.060862, 36.592194],
              [108.001732, 36.639269],
              [108.02329, 36.647912],
              [108.006659, 36.683435],
              [107.938906, 36.655594],
              [107.940754, 36.694953],
              [107.914268, 36.720861],
              [107.907493, 36.750118],
              [107.866841, 36.766899],
              [107.768291, 36.792783],
              [107.742421, 36.811951],
              [107.722095, 36.802367],
              [107.670356, 36.83303],
              [107.642023, 36.819137],
              [107.5909, 36.836382],
              [107.540393, 36.828718],
              [107.533618, 36.867031],
              [107.478183, 36.908196],
              [107.365466, 36.905324],
              [107.336517, 36.925899],
              [107.310032, 36.912502],
              [107.291554, 36.979463],
              [107.291554, 36.979463],
              [107.288474, 37.008143],
              [107.288474, 37.008143],
              [107.28601, 37.054963],
              [107.268764, 37.099367],
              [107.281083, 37.127047],
              [107.306952, 37.100799],
              [107.334669, 37.138975],
              [107.336517, 37.165687],
              [107.317423, 37.200017],
              [107.270612, 37.229089],
              [107.309416, 37.239095],
              [107.273075, 37.29101],
              [107.257677, 37.337179],
              [107.282931, 37.437036],
              [107.284162, 37.481691],
              [107.345756, 37.518725],
              [107.369162, 37.58752],
              [107.330358, 37.584201],
              [107.311264, 37.609806],
              [107.361155, 37.613125],
              [107.422133, 37.665254],
              [107.389488, 37.671413],
              [107.387024, 37.691305],
              [107.425828, 37.684201],
              [107.484959, 37.706458],
              [107.499125, 37.765619],
              [107.57119, 37.776499],
              [107.599523, 37.791162],
              [107.620465, 37.776026],
              [107.646335, 37.805349],
              [107.659269, 37.844112],
              [107.65003, 37.86443],
              [107.684523, 37.888522],
              [107.732566, 37.84931],
              [107.842819, 37.828987],
              [107.884703, 37.808186],
              [107.982022, 37.787378],
              [107.993109, 37.735335],
              [108.025753, 37.696041],
              [108.012819, 37.66857],
              [108.025137, 37.649619],
              [108.055318, 37.652462],
              [108.134159, 37.622131],
              [108.193905, 37.638246],
              [108.205608, 37.655779],
              [108.24626, 37.665728],
              [108.293071, 37.656726],
              [108.301078, 37.640616],
              [108.422418, 37.648672],
              [108.485244, 37.678044],
              [108.532671, 37.690832],
              [108.628142, 37.651988],
              [108.699591, 37.669518],
              [108.720533, 37.683728],
              [108.777815, 37.683728],
              [108.791982, 37.700303],
              [108.784591, 37.764673],
              [108.799989, 37.784068],
              [108.791982, 37.872934],
              [108.798141, 37.93385],
              [108.82709, 37.989056],
              [108.797525, 38.04799],
              [108.830786, 38.049875],
              [108.883141, 38.01405],
              [108.893612, 37.978207],
              [108.93488, 37.922521],
              [108.9743, 37.931962],
              [108.982923, 37.964053],
              [109.018648, 37.971602],
              [109.037742, 38.021593],
              [109.06977, 38.023008],
              [109.050676, 38.055059],
              [109.069155, 38.091336],
              [108.964445, 38.154894],
              [108.938575, 38.207582],
              [108.976148, 38.245192],
              [108.961981, 38.26493],
              [109.007561, 38.359316],
              [109.051292, 38.385122],
              [109.054372, 38.433892],
              [109.128901, 38.480288],
              [109.175712, 38.518694],
              [109.196654, 38.552867],
              [109.276726, 38.623035],
              [109.331545, 38.597783],
              [109.367269, 38.627711],
              [109.329081, 38.66043],
              [109.338936, 38.701542],
              [109.404226, 38.720689],
              [109.444262, 38.782763],
              [109.511399, 38.833595],
              [109.549587, 38.805618],
              [109.624116, 38.85457],
              [109.672159, 38.928167],
              [109.685094, 38.968195],
              [109.665384, 38.981687],
              [109.72513, 39.018429],
              [109.762086, 39.057476],
              [109.793499, 39.074204],
              [109.851397, 39.122971],
              [109.890818, 39.103932],
              [109.92223, 39.107183],
              [109.893897, 39.141075],
              [109.961035, 39.191651],
              [109.871723, 39.243581],
              [109.90252, 39.271848],
              [109.962267, 39.212056],
              [110.041107, 39.21623],
              [110.109476, 39.249606],
              [110.217881, 39.281113],
              [110.184005, 39.355192],
              [110.161831, 39.387115],
              [110.136577, 39.39174],
              [110.12549, 39.432891],
              [110.152592, 39.45415],
              [110.243751, 39.423645],
              [110.257917, 39.407001],
              [110.385417, 39.310291],
              [110.429764, 39.341308],
              [110.434692, 39.381101],
              [110.482735, 39.360745],
              [110.524003, 39.382952],
              [110.559728, 39.351027],
              [110.566503, 39.320014],
              [110.596684, 39.282966],
              [110.626249, 39.266751],
              [110.702626, 39.273701],
              [110.731575, 39.30705],
              [110.73835, 39.348713],
              [110.782698, 39.38804],
              [110.869545, 39.494341],
              [110.891103, 39.509118],
              [110.958856, 39.519275],
              [111.017371, 39.552045],
              [111.101138, 39.559428],
              [111.136863, 39.587106],
              [111.154725, 39.569116],
              [111.148566, 39.531277],
              [111.10545, 39.497573],
              [111.10545, 39.472631],
              [111.058639, 39.447681],
              [111.064182, 39.400989],
              [111.098059, 39.401914],
              [111.087588, 39.376013],
              [111.125776, 39.366297],
              [111.159037, 39.362596],
              [111.155341, 39.338531],
              [111.186138, 39.35149],
              [111.179363, 39.326959],
              [111.202152, 39.305197],
              [111.247732, 39.302419],
              [111.213239, 39.257021],
              [111.219399, 39.244044],
              [111.163348, 39.152678],
              [111.173819, 39.135041],
              [111.147334, 39.100681],
              [111.138095, 39.064447],
              [111.094363, 39.030053],
              [111.038313, 39.020289],
              [110.998276, 38.998433],
              [110.980414, 38.970056],
              [111.009979, 38.932823],
              [111.016755, 38.889981],
              [110.995813, 38.868084],
              [111.009363, 38.847579],
              [110.965016, 38.755699],
              [110.915125, 38.704345],
              [110.916357, 38.673981],
              [110.880632, 38.626776],
              [110.898494, 38.587024],
              [110.920052, 38.581878],
              [110.907733, 38.521035],
              [110.870777, 38.510265],
              [110.874473, 38.453579],
              [110.840596, 38.439986],
              [110.796864, 38.453579],
              [110.77777, 38.440924],
              [110.746973, 38.366355],
              [110.701394, 38.353215],
              [110.661358, 38.308617],
              [110.601612, 38.308147],
              [110.57759, 38.297345],
              [110.565887, 38.215105],
              [110.528315, 38.211814],
              [110.509221, 38.192061],
              [110.519692, 38.130889],
              [110.501829, 38.097929],
              [110.507989, 38.013107],
              [110.528315, 37.990471],
              [110.522771, 37.955088],
              [110.59422, 37.922049],
              [110.680452, 37.790216],
              [110.735886, 37.77035],
              [110.750669, 37.736281],
              [110.716792, 37.728708],
              [110.706321, 37.705511],
              [110.775306, 37.680886],
              [110.793169, 37.650567],
              [110.763604, 37.639668],
              [110.771611, 37.594634],
              [110.795017, 37.558586],
              [110.770995, 37.538184],
              [110.759292, 37.474567],
              [110.740198, 37.44939],
              [110.644111, 37.435135],
              [110.630561, 37.372858],
              [110.641648, 37.360015],
              [110.695234, 37.34955],
              [110.678604, 37.317668],
              [110.690307, 37.287201],
              [110.660126, 37.281011],
              [110.651503, 37.256722],
              [110.590525, 37.187145],
              [110.53509, 37.138021],
              [110.535706, 37.115118],
              [110.49567, 37.086956],
              [110.460561, 37.044932],
              [110.417446, 37.027257],
              [110.426685, 37.008621],
              [110.382953, 37.022001],
              [110.381721, 37.002408],
              [110.424221, 36.963685],
              [110.408823, 36.892403],
              [110.376178, 36.882351],
              [110.424221, 36.855539],
              [110.406975, 36.824886],
              [110.423605, 36.818179],
              [110.407591, 36.776007],
              [110.447011, 36.737649],
              [110.438388, 36.685835],
              [110.402663, 36.697352],
              [110.394656, 36.676716],
              [110.426685, 36.657514],
              [110.447627, 36.621018],
              [110.496902, 36.582102],
              [110.488895, 36.556628],
              [110.503677, 36.488335],
              [110.47288, 36.453203],
              [110.489511, 36.430094],
              [110.487047, 36.393972],
              [110.459946, 36.327946],
              [110.474112, 36.306729],
              [110.474112, 36.248352],
              [110.45625, 36.22663],
              [110.447011, 36.164328],
              [110.467953, 36.074893],
              [110.491974, 36.034735],
              [110.49259, 35.994073],
              [110.516612, 35.971796],
              [110.502445, 35.947575],
              [110.516612, 35.918501],
              [110.511684, 35.879718],
              [110.549257, 35.877778],
              [110.550489, 35.838005],
              [110.571431, 35.800639],
              [110.57759, 35.701559],
              [110.609619, 35.632031],
              [110.567735, 35.539559],
              [110.531394, 35.511309],
              [110.477808, 35.413821],
              [110.45009, 35.327933],
              [110.374946, 35.251728],
              [110.369402, 35.158329],
              [110.325671, 35.014844],
              [110.272084, 34.942761],
              [110.257301, 34.934912],
              [110.259149, 34.884853],
              [110.233896, 34.83722],
              [110.232664, 34.80332],
              [110.259149, 34.737937],
              [110.231432, 34.701044],
              [110.23636, 34.670533],
              [110.29549, 34.610956],
              [110.379257, 34.600612],
              [110.366939, 34.566614],
              [110.404511, 34.557743],
              [110.372482, 34.544435],
              [110.360779, 34.516825],
              [110.403279, 34.433448],
              [110.403279, 34.433448],
              [110.473496, 34.393457],
              [110.503677, 34.33714],
              [110.451938, 34.292653],
              [110.428533, 34.288203],
              [110.43962, 34.243196],
              [110.507989, 34.217466],
              [110.55172, 34.213012],
              [110.55788, 34.193214],
              [110.621938, 34.177372],
              [110.642264, 34.161032],
              [110.61393, 34.113478],
              [110.591757, 34.101586],
              [110.587445, 34.023252],
              [110.620706, 34.035652],
              [110.671213, 33.966192],
              [110.665669, 33.937895],
              [110.627481, 33.925482],
              [110.628713, 33.910086],
              [110.587445, 33.887733],
              [110.612083, 33.852453],
              [110.66259, 33.85295],
              [110.712481, 33.833564],
              [110.74143, 33.798759],
              [110.782082, 33.796272],
              [110.81719, 33.751003],
              [110.831973, 33.713675],
              [110.823966, 33.685793],
              [110.878784, 33.634486],
              [110.966864, 33.609071],
              [111.00382, 33.578662],
              [111.002588, 33.535772],
              [111.02661, 33.478386],
              [111.021682, 33.476389],
              [111.021066, 33.471397],
              [111.02661, 33.467903],
              [110.996429, 33.435946],
              [111.025994, 33.375495],
              [111.025994, 33.330504],
              [110.984726, 33.255469],
              [110.960704, 33.253967],
              [110.9219, 33.203907],
              [110.865234, 33.213921],
              [110.828893, 33.201403],
              [110.824582, 33.158327],
              [110.753133, 33.15031],
              [110.702626, 33.097182],
              [110.650887, 33.157324],
              [110.623785, 33.143796],
              [110.59422, 33.168346],
              [110.57759, 33.250464],
              [110.54125, 33.255469],
              [110.471032, 33.171352],
              [110.398352, 33.176862],
            ],
          ],
          [
            [
              [111.02661, 33.478386],
              [111.02661, 33.467903],
              [111.021066, 33.471397],
              [111.021682, 33.476389],
              [111.02661, 33.478386],
            ],
          ],
          [
            [
              [106.076921, 32.76365],
              [106.076305, 32.759121],
              [106.071378, 32.758114],
              [106.07261, 32.76365],
              [106.076921, 32.76365],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 620000,
        name: '甘肃省',
        center: [103.823557, 36.058039],
        childrenNum: 14,
        level: 'province',
        subFeatureIndex: 27,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [106.506231, 35.737514],
              [106.566593, 35.738971],
              [106.595542, 35.727312],
              [106.620796, 35.743829],
              [106.633115, 35.714679],
              [106.66268, 35.70739],
              [106.674998, 35.728284],
              [106.750759, 35.689408],
              [106.750759, 35.725369],
              [106.806193, 35.70982],
              [106.819128, 35.7448],
              [106.867171, 35.738485],
              [106.868403, 35.771996],
              [106.897353, 35.759856],
              [106.927534, 35.810346],
              [106.849925, 35.887476],
              [106.912751, 35.93207],
              [106.940468, 35.931101],
              [106.93862, 35.952905],
              [106.90228, 35.943699],
              [106.94786, 35.988262],
              [106.928149, 36.011502],
              [106.940468, 36.064734],
              [106.957715, 36.091337],
              [106.925686, 36.115997],
              [106.930613, 36.138716],
              [106.873947, 36.178338],
              [106.873947, 36.178338],
              [106.858548, 36.206834],
              [106.858548, 36.206834],
              [106.833295, 36.229044],
              [106.808657, 36.21118],
              [106.772933, 36.212628],
              [106.735976, 36.23725],
              [106.698404, 36.244008],
              [106.685469, 36.273445],
              [106.647897, 36.259451],
              [106.559202, 36.292259],
              [106.54134, 36.25366],
              [106.504383, 36.266207],
              [106.470507, 36.306246],
              [106.497608, 36.31348],
              [106.510543, 36.379037],
              [106.492064, 36.422389],
              [106.523477, 36.468605],
              [106.494528, 36.494589],
              [106.455724, 36.496995],
              [106.39721, 36.548455],
              [106.37134, 36.549417],
              [106.363949, 36.577296],
              [106.392282, 36.556628],
              [106.397826, 36.576816],
              [106.444637, 36.557109],
              [106.465579, 36.583063],
              [106.444637, 36.624861],
              [106.491448, 36.628703],
              [106.490833, 36.685835],
              [106.530869, 36.690154],
              [106.519782, 36.708868],
              [106.519782, 36.708868],
              [106.514238, 36.715584],
              [106.59431, 36.750118],
              [106.644817, 36.72278],
              [106.627571, 36.752995],
              [106.657752, 36.820575],
              [106.637426, 36.867031],
              [106.637426, 36.867031],
              [106.626955, 36.892403],
              [106.609709, 36.878521],
              [106.609709, 36.878521],
              [106.601702, 36.918244],
              [106.549347, 36.941685],
              [106.540108, 36.984244],
              [106.595542, 36.94025],
              [106.594926, 36.967988],
              [106.64297, 36.962729],
              [106.646665, 37.000496],
              [106.666991, 37.016745],
              [106.645433, 37.064992],
              [106.605397, 37.127524],
              [106.6171, 37.135158],
              [106.673151, 37.1113],
              [106.687933, 37.12991],
              [106.728585, 37.121321],
              [106.750143, 37.09889],
              [106.772933, 37.120367],
              [106.776012, 37.158056],
              [106.818512, 37.141838],
              [106.891193, 37.098413],
              [106.912135, 37.110345],
              [106.905976, 37.151378],
              [106.998367, 37.106527],
              [107.031011, 37.108436],
              [107.030395, 37.140883],
              [107.095685, 37.115595],
              [107.133873, 37.134681],
              [107.181916, 37.143269],
              [107.234887, 37.096503],
              [107.268764, 37.099367],
              [107.28601, 37.054963],
              [107.288474, 37.008143],
              [107.288474, 37.008143],
              [107.291554, 36.979463],
              [107.291554, 36.979463],
              [107.310032, 36.912502],
              [107.336517, 36.925899],
              [107.365466, 36.905324],
              [107.478183, 36.908196],
              [107.533618, 36.867031],
              [107.540393, 36.828718],
              [107.5909, 36.836382],
              [107.642023, 36.819137],
              [107.670356, 36.83303],
              [107.722095, 36.802367],
              [107.742421, 36.811951],
              [107.768291, 36.792783],
              [107.866841, 36.766899],
              [107.907493, 36.750118],
              [107.914268, 36.720861],
              [107.940754, 36.694953],
              [107.938906, 36.655594],
              [108.006659, 36.683435],
              [108.02329, 36.647912],
              [108.001732, 36.639269],
              [108.060862, 36.592194],
              [108.079956, 36.614294],
              [108.092891, 36.587388],
              [108.163724, 36.563839],
              [108.1976, 36.630144],
              [108.222854, 36.631105],
              [108.204992, 36.606607],
              [108.204992, 36.606607],
              [108.210535, 36.577296],
              [108.245644, 36.571048],
              [108.262274, 36.549417],
              [108.340498, 36.559032],
              [108.365136, 36.519603],
              [108.391621, 36.505654],
              [108.408252, 36.45946],
              [108.460606, 36.422871],
              [108.495099, 36.422389],
              [108.514809, 36.445501],
              [108.510498, 36.47438],
              [108.562852, 36.43876],
              [108.618903, 36.433946],
              [108.651548, 36.384818],
              [108.641693, 36.359279],
              [108.646004, 36.254143],
              [108.712526, 36.138716],
              [108.682345, 36.062316],
              [108.688504, 36.021183],
              [108.659555, 35.990683],
              [108.652164, 35.94806],
              [108.593649, 35.950967],
              [108.562852, 35.921409],
              [108.518505, 35.905414],
              [108.499411, 35.872444],
              [108.527744, 35.82442],
              [108.533903, 35.746257],
              [108.517889, 35.699615],
              [108.539447, 35.605761],
              [108.618287, 35.557088],
              [108.625678, 35.537124],
              [108.605968, 35.503028],
              [108.631222, 35.418698],
              [108.61028, 35.355271],
              [108.614591, 35.328909],
              [108.583178, 35.294724],
              [108.547454, 35.304981],
              [108.48894, 35.275184],
              [108.36144, 35.279581],
              [108.345426, 35.300586],
              [108.296767, 35.267855],
              [108.239484, 35.256127],
              [108.221622, 35.296678],
              [108.174811, 35.304981],
              [108.094739, 35.280069],
              [108.049159, 35.253683],
              [107.949993, 35.245375],
              [107.960464, 35.263457],
              [107.867457, 35.256127],
              [107.841587, 35.276649],
              [107.745501, 35.311819],
              [107.737494, 35.267366],
              [107.667277, 35.257104],
              [107.652494, 35.244886],
              [107.686371, 35.218],
              [107.715936, 35.168114],
              [107.727639, 35.120157],
              [107.769523, 35.064333],
              [107.769523, 35.064333],
              [107.773218, 35.060904],
              [107.773218, 35.060904],
              [107.814486, 35.024646],
              [107.846515, 35.024646],
              [107.863145, 34.999158],
              [107.842203, 34.979056],
              [107.741805, 34.953553],
              [107.675284, 34.9511],
              [107.638943, 34.935402],
              [107.619849, 34.964834],
              [107.564415, 34.968757],
              [107.523763, 34.909886],
              [107.455394, 34.916757],
              [107.400575, 34.932949],
              [107.369162, 34.917738],
              [107.350068, 34.93393],
              [107.286626, 34.931968],
              [107.252749, 34.880925],
              [107.189308, 34.893198],
              [107.162206, 34.944233],
              [107.119707, 34.950119],
              [107.089526, 34.976604],
              [107.08275, 35.024156],
              [107.012533, 35.029547],
              [106.990975, 35.068252],
              [106.950323, 35.066782],
              [106.901664, 35.094698],
              [106.838222, 35.080007],
              [106.710723, 35.100574],
              [106.706411, 35.081966],
              [106.615252, 35.071191],
              [106.577064, 35.089312],
              [106.541956, 35.083925],
              [106.52163, 35.027587],
              [106.494528, 35.006021],
              [106.494528, 35.006021],
              [106.484673, 34.983959],
              [106.493296, 34.941289],
              [106.527789, 34.876507],
              [106.556122, 34.861285],
              [106.550579, 34.82936],
              [106.575216, 34.769897],
              [106.539492, 34.745805],
              [106.505615, 34.746789],
              [106.487137, 34.715311],
              [106.456956, 34.703996],
              [106.442173, 34.675455],
              [106.471122, 34.634102],
              [106.419384, 34.643458],
              [106.314058, 34.578934],
              [106.341159, 34.568093],
              [106.334384, 34.517811],
              [106.455108, 34.531617],
              [106.514238, 34.511894],
              [106.513622, 34.498085],
              [106.558586, 34.48822],
              [106.610941, 34.454177],
              [106.638042, 34.391481],
              [106.717498, 34.369255],
              [106.691013, 34.337635],
              [106.705179, 34.299575],
              [106.68239, 34.256057],
              [106.652825, 34.24369],
              [106.63373, 34.260014],
              [106.589383, 34.253584],
              [106.577064, 34.280786],
              [106.526557, 34.292159],
              [106.496376, 34.238248],
              [106.5321, 34.254079],
              [106.55797, 34.229837],
              [106.585071, 34.149641],
              [106.560434, 34.109514],
              [106.501919, 34.105055],
              [106.505615, 34.056479],
              [106.471738, 34.024244],
              [106.474202, 33.970659],
              [106.41076, 33.909093],
              [106.428007, 33.866368],
              [106.475434, 33.875809],
              [106.491448, 33.834559],
              [106.461883, 33.789807],
              [106.488369, 33.757969],
              [106.482825, 33.707203],
              [106.534564, 33.695254],
              [106.575832, 33.631497],
              [106.58076, 33.576169],
              [106.540108, 33.512822],
              [106.456956, 33.532779],
              [106.447101, 33.613058],
              [106.384891, 33.612061],
              [106.35163, 33.587137],
              [106.303587, 33.604585],
              [106.237681, 33.564201],
              [106.187174, 33.546746],
              [106.108334, 33.569686],
              [106.117573, 33.602591],
              [106.086776, 33.617045],
              [106.047356, 33.610067],
              [105.971596, 33.613058],
              [105.940183, 33.570684],
              [105.902611, 33.556222],
              [105.871198, 33.511325],
              [105.842248, 33.489866],
              [105.831162, 33.451926],
              [105.837937, 33.410971],
              [105.827466, 33.379993],
              [105.709822, 33.382991],
              [105.755401, 33.329004],
              [105.752937, 33.291994],
              [105.791741, 33.278486],
              [105.799133, 33.258471],
              [105.862574, 33.234447],
              [105.917393, 33.237951],
              [105.965436, 33.204407],
              [105.968516, 33.154318],
              [105.93156, 33.178365],
              [105.897067, 33.146803],
              [105.923552, 33.147805],
              [105.934639, 33.112221],
              [105.914929, 33.066092],
              [105.926632, 33.042517],
              [105.917393, 32.993841],
              [105.861959, 32.939112],
              [105.82685, 32.950663],
              [105.735691, 32.905454],
              [105.656851, 32.895405],
              [105.638373, 32.879323],
              [105.590329, 32.87681],
              [105.565692, 32.906962],
              [105.528119, 32.919019],
              [105.49917, 32.911986],
              [105.467757, 32.930071],
              [105.414171, 32.922034],
              [105.408011, 32.885857],
              [105.38091, 32.876307],
              [105.396308, 32.85067],
              [105.396308, 32.85067],
              [105.427721, 32.784281],
              [105.454207, 32.767173],
              [105.448663, 32.732946],
              [105.368591, 32.712807],
              [105.347033, 32.68259],
              [105.297758, 32.656897],
              [105.263265, 32.652362],
              [105.219534, 32.666469],
              [105.215222, 32.63674],
              [105.185041, 32.617587],
              [105.111128, 32.593893],
              [105.0791, 32.637244],
              [105.026745, 32.650346],
              [104.925115, 32.607505],
              [104.881999, 32.600951],
              [104.845659, 32.653873],
              [104.820405, 32.662943],
              [104.795768, 32.643292],
              [104.739717, 32.635228],
              [104.696601, 32.673522],
              [104.643015, 32.661935],
              [104.592508, 32.695685],
              [104.582653, 32.722374],
              [104.526602, 32.728416],
              [104.51182, 32.753585],
              [104.458849, 32.748551],
              [104.363994, 32.822511],
              [104.294393, 32.835586],
              [104.277147, 32.90244],
              [104.288234, 32.942628],
              [104.345516, 32.940117],
              [104.378161, 32.953174],
              [104.383704, 32.994343],
              [104.426204, 33.010906],
              [104.391711, 33.035493],
              [104.337509, 33.038002],
              [104.378161, 33.109214],
              [104.351059, 33.158828],
              [104.32827, 33.223934],
              [104.323958, 33.26898],
              [104.303632, 33.304499],
              [104.333813, 33.315502],
              [104.386168, 33.298497],
              [104.420045, 33.327004],
              [104.373849, 33.345004],
              [104.292545, 33.336505],
              [104.272219, 33.391486],
              [104.22048, 33.404477],
              [104.213089, 33.446932],
              [104.180444, 33.472895],
              [104.155191, 33.542755],
              [104.176749, 33.5996],
              [104.103452, 33.663381],
              [104.046169, 33.686291],
              [103.980264, 33.670852],
              [103.861388, 33.682307],
              [103.778236, 33.658898],
              [103.690772, 33.69376],
              [103.667983, 33.685793],
              [103.645809, 33.708697],
              [103.593454, 33.716164],
              [103.563889, 33.699735],
              [103.552186, 33.671351],
              [103.520157, 33.678323],
              [103.545411, 33.719649],
              [103.518309, 33.807213],
              [103.464723, 33.80224],
              [103.434542, 33.752993],
              [103.35447, 33.743539],
              [103.278709, 33.774387],
              [103.284868, 33.80224],
              [103.24976, 33.814175],
              [103.228202, 33.79478],
              [103.165376, 33.805721],
              [103.153673, 33.819147],
              [103.181391, 33.900649],
              [103.16476, 33.929454],
              [103.1315, 33.931937],
              [103.120413, 33.953286],
              [103.157369, 33.998944],
              [103.147514, 34.036644],
              [103.119797, 34.03466],
              [103.129652, 34.065899],
              [103.178927, 34.079779],
              [103.121644, 34.112487],
              [103.124108, 34.162022],
              [103.100087, 34.181828],
              [103.052043, 34.195194],
              [103.005848, 34.184798],
              [102.973203, 34.205588],
              [102.977515, 34.252595],
              [102.949181, 34.292159],
              [102.911609, 34.312923],
              [102.85987, 34.301058],
              [102.856791, 34.270895],
              [102.798276, 34.272874],
              [102.779798, 34.236764],
              [102.728675, 34.235774],
              [102.694799, 34.198659],
              [102.664002, 34.192719],
              [102.651067, 34.165983],
              [102.598712, 34.14766],
              [102.655994, 34.113478],
              [102.649219, 34.080275],
              [102.615958, 34.099604],
              [102.511865, 34.086222],
              [102.471213, 34.072839],
              [102.437336, 34.087214],
              [102.406539, 34.033172],
              [102.392372, 33.971651],
              [102.345561, 33.969666],
              [102.315996, 33.993983],
              [102.287047, 33.977607],
              [102.248858, 33.98654],
              [102.226069, 33.963214],
              [102.16817, 33.983066],
              [102.136142, 33.965199],
              [102.25317, 33.861399],
              [102.261177, 33.821136],
              [102.243315, 33.786823],
              [102.296286, 33.783838],
              [102.324619, 33.754486],
              [102.284583, 33.719151],
              [102.342481, 33.725622],
              [102.31538, 33.665374],
              [102.346793, 33.605582],
              [102.440416, 33.574673],
              [102.477988, 33.543254],
              [102.446575, 33.53228],
              [102.461358, 33.501345],
              [102.462589, 33.449429],
              [102.447807, 33.454922],
              [102.392988, 33.404477],
              [102.368967, 33.41247],
              [102.310452, 33.397982],
              [102.296286, 33.413969],
              [102.258098, 33.409472],
              [102.218062, 33.349503],
              [102.192192, 33.337005],
              [102.217446, 33.247961],
              [102.200815, 33.223434],
              [102.160163, 33.242956],
              [102.144765, 33.273983],
              [102.117047, 33.288492],
              [102.08933, 33.227439],
              [102.08933, 33.204908],
              [102.054838, 33.189884],
              [101.99386, 33.1999],
              [101.935345, 33.186879],
              [101.921795, 33.153817],
              [101.887302, 33.135778],
              [101.865744, 33.103198],
              [101.825708, 33.119239],
              [101.841723, 33.184876],
              [101.83002, 33.213921],
              [101.770274, 33.248962],
              [101.769658, 33.26898],
              [101.877447, 33.314502],
              [101.887302, 33.383991],
              [101.915635, 33.425957],
              [101.946432, 33.442937],
              [101.906396, 33.48188],
              [101.907012, 33.539264],
              [101.884222, 33.578163],
              [101.844186, 33.602591],
              [101.831252, 33.554726],
              [101.783208, 33.556721],
              [101.769042, 33.538765],
              [101.748716, 33.505337],
              [101.718535, 33.494857],
              [101.622448, 33.502343],
              [101.611977, 33.565199],
              [101.616905, 33.598603],
              [101.585492, 33.645448],
              [101.58426, 33.674339],
              [101.501724, 33.702723],
              [101.428427, 33.680315],
              [101.424732, 33.655411],
              [101.385312, 33.644949],
              [101.302776, 33.657902],
              [101.23687, 33.685793],
              [101.217776, 33.669856],
              [101.166653, 33.659894],
              [101.177124, 33.685295],
              [101.162957, 33.719649],
              [101.186363, 33.741051],
              [101.190675, 33.791796],
              [101.153102, 33.823124],
              [101.153718, 33.8445],
              [101.054552, 33.863386],
              [101.023139, 33.896178],
              [100.994806, 33.891707],
              [100.965857, 33.946832],
              [100.927669, 33.975126],
              [100.93506, 33.990013],
              [100.880857, 34.036644],
              [100.870386, 34.083744],
              [100.848828, 34.089692],
              [100.806329, 34.155584],
              [100.764445, 34.178857],
              [100.809408, 34.247153],
              [100.798321, 34.260014],
              [100.821727, 34.317371],
              [100.868538, 34.332693],
              [100.895024, 34.375183],
              [100.951074, 34.38358],
              [100.986799, 34.374689],
              [101.054552, 34.322808],
              [101.098284, 34.329233],
              [101.178356, 34.320831],
              [101.193754, 34.336646],
              [101.235022, 34.325279],
              [101.228863, 34.298586],
              [101.268899, 34.278808],
              [101.325565, 34.268423],
              [101.327413, 34.24468],
              [101.369913, 34.248143],
              [101.417956, 34.227858],
              [101.482014, 34.218951],
              [101.492485, 34.195689],
              [101.53868, 34.212022],
              [101.6206, 34.178857],
              [101.674187, 34.110506],
              [101.703136, 34.119424],
              [101.718535, 34.083249],
              [101.736397, 34.080275],
              [101.764114, 34.122892],
              [101.788136, 34.131809],
              [101.836795, 34.124378],
              [101.851578, 34.153108],
              [101.874367, 34.130323],
              [101.897773, 34.133791],
              [101.955055, 34.109514],
              [101.965526, 34.167469],
              [102.003099, 34.162022],
              [102.030816, 34.190739],
              [102.01357, 34.218456],
              [102.062229, 34.227858],
              [102.067772, 34.293642],
              [102.149692, 34.271885],
              [102.186649, 34.352952],
              [102.237156, 34.34307],
              [102.237156, 34.34307],
              [102.259329, 34.355917],
              [102.205743, 34.407777],
              [102.169402, 34.457631],
              [102.155852, 34.507456],
              [102.139837, 34.50351],
              [102.093026, 34.536547],
              [102.001867, 34.538519],
              [101.97415, 34.548871],
              [101.956287, 34.582876],
              [101.934729, 34.58731],
              [101.919947, 34.621791],
              [101.917483, 34.705964],
              [101.923027, 34.835746],
              [101.916867, 34.873561],
              [101.985852, 34.90007],
              [102.068388, 34.887798],
              [102.048062, 34.910868],
              [102.094874, 34.986901],
              [102.133678, 35.014844],
              [102.157699, 35.010923],
              [102.176178, 35.032977],
              [102.211286, 35.034937],
              [102.218062, 35.057475],
              [102.252554, 35.048657],
              [102.29567, 35.071681],
              [102.310452, 35.128967],
              [102.346793, 35.164201],
              [102.404075, 35.179366],
              [102.365887, 35.235599],
              [102.370199, 35.263946],
              [102.3123, 35.282512],
              [102.280887, 35.303028],
              [102.311684, 35.31426],
              [102.317844, 35.343067],
              [102.287663, 35.36552],
              [102.293822, 35.424063],
              [102.314764, 35.434303],
              [102.408387, 35.409431],
              [102.447807, 35.437229],
              [102.437952, 35.455268],
              [102.49893, 35.545403],
              [102.503241, 35.585322],
              [102.531575, 35.580455],
              [102.570995, 35.548324],
              [102.695414, 35.528358],
              [102.743458, 35.494745],
              [102.782878, 35.527871],
              [102.729291, 35.523487],
              [102.746537, 35.545403],
              [102.808747, 35.560496],
              [102.763168, 35.612086],
              [102.7644, 35.653431],
              [102.744074, 35.657807],
              [102.707733, 35.70496],
              [102.686175, 35.771996],
              [102.715125, 35.815685],
              [102.739146, 35.821023],
              [102.787189, 35.862745],
              [102.81737, 35.850133],
              [102.914073, 35.845282],
              [102.94487, 35.829757],
              [102.954725, 35.858864],
              [102.942406, 35.92674],
              [102.971971, 35.995525],
              [102.951645, 36.021667],
              [102.968276, 36.044414],
              [102.932551, 36.048285],
              [102.882044, 36.082632],
              [102.941174, 36.104877],
              [102.948566, 36.150798],
              [102.965812, 36.151765],
              [102.986754, 36.193312],
              [103.048964, 36.199107],
              [103.066826, 36.216974],
              [103.021246, 36.232906],
              [103.024942, 36.256556],
              [102.922696, 36.298047],
              [102.896827, 36.331803],
              [102.845704, 36.331803],
              [102.836465, 36.344819],
              [102.838928, 36.345783],
              [102.831537, 36.365544],
              [102.829689, 36.365544],
              [102.771791, 36.47438],
              [102.793349, 36.497957],
              [102.753313, 36.525855],
              [102.734219, 36.562396],
              [102.761936, 36.568645],
              [102.714509, 36.599401],
              [102.724364, 36.613813],
              [102.684328, 36.619097],
              [102.630741, 36.650793],
              [102.601176, 36.710307],
              [102.612879, 36.738129],
              [102.639364, 36.732853],
              [102.692335, 36.775528],
              [102.720052, 36.767858],
              [102.639364, 36.852666],
              [102.587009, 36.869904],
              [102.56114, 36.91968],
              [102.526031, 36.928291],
              [102.499546, 36.954599],
              [102.450271, 36.968467],
              [102.506321, 37.019134],
              [102.488459, 37.078362],
              [102.583314, 37.104618],
              [102.642444, 37.099845],
              [102.599944, 37.174748],
              [102.578386, 37.17284],
              [102.533422, 37.217176],
              [102.490307, 37.223371],
              [102.457662, 37.248147],
              [102.45335, 37.271487],
              [102.419474, 37.294343],
              [102.428097, 37.308624],
              [102.368351, 37.327662],
              [102.29875, 37.370004],
              [102.299981, 37.391404],
              [102.19712, 37.420403],
              [102.176794, 37.458892],
              [102.125055, 37.48549],
              [102.103497, 37.482641],
              [102.131214, 37.54625],
              [102.102265, 37.582304],
              [102.035128, 37.627819],
              [102.048678, 37.651515],
              [102.036359, 37.685149],
              [101.998787, 37.724921],
              [101.946432, 37.728235],
              [101.873135, 37.686569],
              [101.854657, 37.664781],
              [101.815853, 37.654357],
              [101.791832, 37.696041],
              [101.659405, 37.733441],
              [101.670491, 37.754264],
              [101.598427, 37.827569],
              [101.551615, 37.835604],
              [101.459224, 37.86632],
              [101.382848, 37.822369],
              [101.362522, 37.791162],
              [101.276906, 37.83655],
              [101.202994, 37.84742],
              [101.159262, 37.86821],
              [101.152486, 37.891356],
              [101.114298, 37.92016],
              [101.103211, 37.946593],
              [101.077342, 37.941874],
              [100.964009, 38.011221],
              [100.91843, 37.999432],
              [100.895024, 38.013107],
              [100.888864, 38.056001],
              [100.922125, 38.084741],
              [100.91843, 38.129006],
              [100.93814, 38.16007],
              [100.913502, 38.17889],
              [100.860531, 38.148305],
              [100.825423, 38.158658],
              [100.752126, 38.238612],
              [100.71517, 38.253652],
              [100.619083, 38.26587],
              [100.595061, 38.242372],
              [100.545786, 38.247072],
              [100.516837, 38.272448],
              [100.474953, 38.288891],
              [100.459555, 38.2654],
              [100.432453, 38.275267],
              [100.424446, 38.307208],
              [100.396729, 38.293118],
              [100.318505, 38.329276],
              [100.331439, 38.337257],
              [100.301874, 38.388405],
              [100.259374, 38.366355],
              [100.24028, 38.441861],
              [100.163288, 38.461546],
              [100.113397, 38.497151],
              [100.086911, 38.492936],
              [100.064122, 38.518694],
              [100.025933, 38.507923],
              [100.001296, 38.467169],
              [100.022238, 38.432017],
              [100.093071, 38.407166],
              [100.136803, 38.33444],
              [100.163904, 38.328337],
              [100.159592, 38.291239],
              [100.182998, 38.222158],
              [100.126332, 38.231561],
              [100.117093, 38.253652],
              [100.071513, 38.284663],
              [100.049955, 38.283254],
              [100.001912, 38.315191],
              [99.960028, 38.320825],
              [99.826985, 38.370109],
              [99.758, 38.410449],
              [99.727203, 38.415607],
              [99.65945, 38.449361],
              [99.63974, 38.474666],
              [99.585537, 38.498556],
              [99.52887, 38.546314],
              [99.501769, 38.612281],
              [99.450646, 38.60433],
              [99.412458, 38.665571],
              [99.375502, 38.684727],
              [99.361951, 38.718354],
              [99.291118, 38.765966],
              [99.222133, 38.788827],
              [99.141445, 38.852706],
              [99.068764, 38.896968],
              [99.071843, 38.921184],
              [99.107568, 38.951907],
              [99.054597, 38.97657],
              [98.951735, 38.987735],
              [98.903076, 39.012384],
              [98.886446, 39.040744],
              [98.818076, 39.064911],
              [98.816845, 39.085818],
              [98.743548, 39.086747],
              [98.730613, 39.057011],
              [98.70536, 39.043533],
              [98.661628, 38.993782],
              [98.612353, 38.977035],
              [98.624056, 38.959353],
              [98.584635, 38.93003],
              [98.526737, 38.95563],
              [98.457752, 38.952838],
              [98.428187, 38.976104],
              [98.432498, 38.996107],
              [98.401086, 39.001688],
              [98.383839, 39.029588],
              [98.316702, 39.040744],
              [98.280977, 39.027263],
              [98.287753, 38.992386],
              [98.276666, 38.963541],
              [98.235398, 38.918855],
              [98.242173, 38.880664],
              [98.167645, 38.840121],
              [98.091884, 38.786495],
              [98.068478, 38.816344],
              [98.029058, 38.834061],
              [98.009348, 38.85923],
              [97.875689, 38.898365],
              [97.828878, 38.93003],
              [97.701379, 38.963076],
              [97.679205, 39.010524],
              [97.58127, 39.052364],
              [97.504894, 39.076527],
              [97.458698, 39.117863],
              [97.401416, 39.146645],
              [97.371235, 39.140611],
              [97.347213, 39.167528],
              [97.315185, 39.164744],
              [97.220946, 39.193042],
              [97.14149, 39.199999],
              [97.060186, 39.19768],
              [97.017686, 39.208347],
              [96.962251, 39.198144],
              [97.012142, 39.142004],
              [96.969643, 39.097895],
              [96.95794, 39.041674],
              [96.965331, 39.017034],
              [96.938846, 38.95563],
              [96.940693, 38.90768],
              [96.983809, 38.869016],
              [96.993664, 38.834993],
              [96.987505, 38.793025],
              [97.00044, 38.7613],
              [97.023229, 38.755699],
              [97.009063, 38.702477],
              [97.057722, 38.67258],
              [97.047251, 38.653888],
              [97.055874, 38.594508],
              [96.961019, 38.558015],
              [96.876636, 38.580475],
              [96.847071, 38.599186],
              [96.7941, 38.608072],
              [96.808882, 38.582346],
              [96.767614, 38.552399],
              [96.800259, 38.52759],
              [96.780549, 38.504177],
              [96.706637, 38.505582],
              [96.6666, 38.483567],
              [96.707868, 38.459203],
              [96.698013, 38.422172],
              [96.626564, 38.356031],
              [96.638883, 38.307208],
              [96.655514, 38.295936],
              [96.665369, 38.23015],
              [96.46334, 38.277616],
              [96.378341, 38.277146],
              [96.335841, 38.246132],
              [96.301964, 38.183124],
              [96.313051, 38.161952],
              [96.264392, 38.145952],
              [96.252689, 38.167599],
              [96.221892, 38.149246],
              [96.109175, 38.187358],
              [96.06606, 38.173245],
              [96.006929, 38.207582],
              [95.93856, 38.237202],
              [95.932401, 38.259291],
              [95.89606, 38.2903],
              [95.852945, 38.287481],
              [95.83693, 38.344298],
              [95.775952, 38.356031],
              [95.723597, 38.378554],
              [95.703887, 38.400131],
              [95.671858, 38.388405],
              [95.608417, 38.339134],
              [95.585011, 38.343359],
              [95.51849, 38.294997],
              [95.487693, 38.314721],
              [95.455664, 38.291709],
              [95.440881, 38.310965],
              [95.408236, 38.300163],
              [95.315846, 38.318947],
              [95.259179, 38.302981],
              [95.229614, 38.330685],
              [95.209904, 38.327868],
              [95.185266, 38.379492],
              [95.140919, 38.392158],
              [95.122441, 38.417014],
              [95.072549, 38.402476],
              [95.045448, 38.418889],
              [94.973999, 38.430142],
              [94.884072, 38.414669],
              [94.861282, 38.393565],
              [94.812623, 38.385591],
              [94.672805, 38.386998],
              [94.582878, 38.36917],
              [94.56132, 38.351807],
              [94.527443, 38.365416],
              [94.527443, 38.425922],
              [94.511429, 38.445142],
              [94.370379, 38.7627],
              [94.281067, 38.7599],
              [93.973098, 38.724891],
              [93.95154, 38.715086],
              [93.885018, 38.720689],
              [93.800019, 38.750566],
              [93.773533, 38.771099],
              [93.756287, 38.807484],
              [93.769838, 38.821007],
              [93.884403, 38.826136],
              [93.884403, 38.867618],
              [93.834511, 38.867618],
              [93.729186, 38.924443],
              [93.453245, 38.915596],
              [93.274007, 38.896036],
              [93.237666, 38.916062],
              [93.179152, 38.923977],
              [93.198246, 39.045857],
              [93.165601, 39.090928],
              [93.131725, 39.108112],
              [93.142196, 39.160567],
              [93.115094, 39.17959],
              [93.043029, 39.146645],
              [92.978356, 39.143396],
              [92.938936, 39.169848],
              [92.889045, 39.160103],
              [92.866871, 39.138754],
              [92.765857, 39.136898],
              [92.659299, 39.109969],
              [92.545966, 39.111362],
              [92.489916, 39.099753],
              [92.459119, 39.063982],
              [92.459119, 39.042604],
              [92.41046, 39.03842],
              [92.366728, 39.059335],
              [92.366112, 39.096037],
              [92.343938, 39.146181],
              [92.339011, 39.236628],
              [92.378431, 39.258411],
              [92.52564, 39.368611],
              [92.639589, 39.514196],
              [92.687632, 39.657174],
              [92.745531, 39.868331],
              [92.796654, 40.153897],
              [92.906907, 40.310609],
              [92.920458, 40.391792],
              [92.928465, 40.572504],
              [93.506216, 40.648376],
              [93.760599, 40.664721],
              [93.820961, 40.793519],
              [93.809874, 40.879548],
              [93.908424, 40.983539],
              [94.01067, 41.114875],
              [94.184365, 41.268444],
              [94.534219, 41.505966],
              [94.750413, 41.538227],
              [94.809543, 41.619256],
              [94.861898, 41.668451],
              [94.969072, 41.718948],
              [95.011572, 41.726541],
              [95.110738, 41.768513],
              [95.135991, 41.772976],
              [95.16494, 41.735474],
              [95.199433, 41.719395],
              [95.194505, 41.694821],
              [95.247476, 41.61344],
              [95.299831, 41.565994],
              [95.335556, 41.644305],
              [95.39407, 41.693481],
              [95.445193, 41.719841],
              [95.57146, 41.796181],
              [95.65646, 41.826067],
              [95.759322, 41.835878],
              [95.801206, 41.848361],
              [95.855408, 41.849699],
              [95.998306, 41.906289],
              [96.054973, 41.936124],
              [96.117183, 41.985966],
              [96.137509, 42.019765],
              [96.13874, 42.05399],
              [96.077147, 42.149457],
              [96.178161, 42.21775],
              [96.040806, 42.326688],
              [96.042038, 42.352787],
              [96.06606, 42.414674],
              [95.978596, 42.436762],
              [96.0174, 42.482239],
              [96.02356, 42.542675],
              [96.072219, 42.569566],
              [96.103632, 42.604375],
              [96.166458, 42.623314],
              [96.386348, 42.727592],
              [96.742361, 42.75704],
              [96.968411, 42.756161],
              [97.172903, 42.795257],
              [97.371235, 42.457076],
              [97.500582, 42.243894],
              [97.653335, 41.986856],
              [97.84674, 41.656379],
              [97.613915, 41.477276],
              [97.629314, 41.440498],
              [97.903407, 41.168057],
              [97.971776, 41.09774],
              [98.142391, 41.001607],
              [98.184891, 40.988056],
              [98.25018, 40.93925],
              [98.333332, 40.918903],
              [98.344419, 40.568413],
              [98.627751, 40.677884],
              [98.569853, 40.746836],
              [98.668403, 40.773128],
              [98.689345, 40.691952],
              [98.72199, 40.657911],
              [98.762642, 40.639748],
              [98.802678, 40.607043],
              [98.80699, 40.660181],
              [98.790975, 40.705564],
              [98.984996, 40.782644],
              [99.041662, 40.693767],
              [99.102025, 40.676522],
              [99.12543, 40.715091],
              [99.172858, 40.747289],
              [99.174705, 40.858278],
              [99.565827, 40.846961],
              [99.673, 40.93292],
              [99.985897, 40.909858],
              [100.057346, 40.908049],
              [100.107853, 40.875475],
              [100.224882, 40.727337],
              [100.237201, 40.716905],
              [100.242744, 40.618855],
              [100.169447, 40.541131],
              [100.169447, 40.277743],
              [100.007455, 40.20008],
              [99.955716, 40.150695],
              [99.927383, 40.063727],
              [99.841152, 40.013326],
              [99.751225, 40.006909],
              [99.714268, 39.972061],
              [99.533182, 39.891753],
              [99.491298, 39.884406],
              [99.459885, 39.898181],
              [99.440791, 39.885783],
              [99.469124, 39.875221],
              [99.672384, 39.888079],
              [99.822058, 39.860063],
              [99.904593, 39.785601],
              [99.958796, 39.769504],
              [100.040716, 39.757083],
              [100.128179, 39.702312],
              [100.250135, 39.685274],
              [100.314193, 39.606935],
              [100.301258, 39.572345],
              [100.326512, 39.509118],
              [100.44354, 39.485565],
              [100.500823, 39.481408],
              [100.498975, 39.400527],
              [100.606764, 39.387577],
              [100.707778, 39.404689],
              [100.842053, 39.405614],
              [100.842669, 39.199999],
              [100.864227, 39.106719],
              [100.829118, 39.075133],
              [100.835278, 39.025869],
              [100.875314, 39.002619],
              [100.901799, 39.030053],
              [100.961545, 39.005874],
              [100.969553, 38.946788],
              [101.117378, 38.975174],
              [101.228863, 39.020754],
              [101.198682, 38.943064],
              [101.237486, 38.907214],
              [101.24303, 38.860628],
              [101.33542, 38.847113],
              [101.34158, 38.822406],
              [101.307087, 38.80282],
              [101.331109, 38.777164],
              [101.412413, 38.764099],
              [101.562702, 38.713218],
              [101.601506, 38.65529],
              [101.672955, 38.6908],
              [101.777049, 38.66043],
              [101.873751, 38.733761],
              [101.941505, 38.808883],
              [102.075164, 38.891378],
              [102.045599, 38.904885],
              [101.955055, 38.985874],
              [101.926106, 39.000758],
              [101.833715, 39.08907],
              [101.902701, 39.111827],
              [102.012338, 39.127149],
              [102.050526, 39.141075],
              [102.276576, 39.188868],
              [102.3548, 39.231993],
              [102.45335, 39.255167],
              [102.579002, 39.183301],
              [102.616574, 39.171703],
              [102.883892, 39.120649],
              [103.007696, 39.099753],
              [103.133347, 39.192579],
              [103.188166, 39.215302],
              [103.259615, 39.263971],
              [103.344615, 39.331588],
              [103.428998, 39.353341],
              [103.595302, 39.386652],
              [103.728961, 39.430117],
              [103.85338, 39.461543],
              [103.955626, 39.456923],
              [104.089901, 39.419947],
              [104.073271, 39.351953],
              [104.047401, 39.297788],
              [104.171205, 39.160567],
              [104.207546, 39.083495],
              [104.190915, 39.042139],
              [104.196459, 38.9882],
              [104.173053, 38.94446],
              [104.044322, 38.895105],
              [104.011677, 38.85923],
              [103.85954, 38.64454],
              [103.416063, 38.404821],
              [103.465339, 38.353215],
              [103.507838, 38.280905],
              [103.53494, 38.156776],
              [103.368636, 38.08898],
              [103.362477, 38.037621],
              [103.40744, 37.860651],
              [103.627947, 37.797783],
              [103.683381, 37.777919],
              [103.841062, 37.64725],
              [103.874938, 37.604117],
              [103.935916, 37.572818],
              [104.089285, 37.465067],
              [104.183524, 37.406618],
              [104.237727, 37.411847],
              [104.287002, 37.428007],
              [104.298705, 37.414223],
              [104.365226, 37.418026],
              [104.437907, 37.445589],
              [104.448994, 37.42468],
              [104.499501, 37.421353],
              [104.521059, 37.43466],
              [104.679971, 37.408044],
              [104.662109, 37.367626],
              [104.713848, 37.329566],
              [104.673812, 37.317668],
              [104.651022, 37.290534],
              [104.624536, 37.298627],
              [104.600515, 37.242907],
              [104.638087, 37.201923],
              [104.717543, 37.208597],
              [104.776673, 37.246718],
              [104.85613, 37.211933],
              [104.864753, 37.17284],
              [104.888158, 37.15901],
              [104.914644, 37.097935],
              [104.954064, 37.077407],
              [104.95468, 37.040156],
              [105.004571, 37.035378],
              [105.03968, 37.007187],
              [105.05939, 37.022956],
              [105.128991, 36.996194],
              [105.165331, 36.99476],
              [105.185657, 36.942164],
              [105.178882, 36.892403],
              [105.244787, 36.894796],
              [105.279896, 36.86751],
              [105.303302, 36.820575],
              [105.334714, 36.80093],
              [105.340874, 36.764502],
              [105.319932, 36.742924],
              [105.275584, 36.752515],
              [105.272505, 36.739567],
              [105.218302, 36.730455],
              [105.201056, 36.700711],
              [105.225693, 36.664716],
              [105.22015, 36.631105],
              [105.261418, 36.602764],
              [105.2762, 36.563358],
              [105.252179, 36.553263],
              [105.281744, 36.522489],
              [105.322396, 36.535954],
              [105.362432, 36.496514],
              [105.363048, 36.443093],
              [105.398156, 36.430575],
              [105.401236, 36.369881],
              [105.425873, 36.330357],
              [105.455439, 36.321678],
              [105.476381, 36.293224],
              [105.45975, 36.268137],
              [105.460366, 36.223733],
              [105.478844, 36.213111],
              [105.515185, 36.147415],
              [105.491163, 36.101009],
              [105.430801, 36.10391],
              [105.406163, 36.074409],
              [105.343954, 36.033767],
              [105.324859, 35.941761],
              [105.350113, 35.875839],
              [105.39754, 35.857409],
              [105.371055, 35.844312],
              [105.38091, 35.792873],
              [105.408627, 35.822479],
              [105.428953, 35.819082],
              [105.432033, 35.787533],
              [105.457286, 35.771511],
              [105.481924, 35.727312],
              [105.595873, 35.715651],
              [105.667322, 35.749657],
              [105.70243, 35.733142],
              [105.759097, 35.724883],
              [105.740618, 35.698643],
              [105.723988, 35.725854],
              [105.690727, 35.698643],
              [105.722756, 35.673366],
              [105.713517, 35.650513],
              [105.759097, 35.634464],
              [105.762176, 35.602841],
              [105.800365, 35.564878],
              [105.816379, 35.575101],
              [105.847176, 35.490359],
              [105.868734, 35.540046],
              [105.900147, 35.54735],
              [106.017175, 35.519103],
              [106.023335, 35.49377],
              [106.047356, 35.498155],
              [106.048588, 35.488898],
              [105.897683, 35.451368],
              [105.894603, 35.413821],
              [106.002393, 35.438692],
              [106.034422, 35.469404],
              [106.054132, 35.45478],
              [106.071994, 35.463555],
              [106.06953, 35.458193],
              [106.071378, 35.449418],
              [106.073226, 35.447468],
              [106.067682, 35.436254],
              [106.073226, 35.420649],
              [106.083081, 35.421624],
              [106.113262, 35.361616],
              [106.129892, 35.393333],
              [106.173008, 35.437716],
              [106.196414, 35.409919],
              [106.237681, 35.409431],
              [106.241377, 35.358687],
              [106.319601, 35.265411],
              [106.363333, 35.238532],
              [106.368261, 35.273718],
              [106.415688, 35.276161],
              [106.472354, 35.310842],
              [106.501304, 35.364056],
              [106.503767, 35.415284],
              [106.483441, 35.450393],
              [106.490217, 35.480613],
              [106.465579, 35.481101],
              [106.440941, 35.52641],
              [106.460036, 35.578995],
              [106.47913, 35.575101],
              [106.460036, 35.643705],
              [106.434782, 35.688436],
              [106.49268, 35.732656],
              [106.498224, 35.732656],
              [106.504383, 35.736057],
              [106.506231, 35.737514],
            ],
          ],
          [
            [
              [106.047356, 35.498155],
              [106.078769, 35.509848],
              [106.071994, 35.463555],
              [106.054132, 35.45478],
              [106.048588, 35.488898],
              [106.047356, 35.498155],
            ],
          ],
          [
            [
              [102.831537, 36.365544],
              [102.838928, 36.345783],
              [102.836465, 36.344819],
              [102.829689, 36.365544],
              [102.831537, 36.365544],
            ],
          ],
          [
            [
              [106.073226, 35.447468],
              [106.083081, 35.421624],
              [106.073226, 35.420649],
              [106.067682, 35.436254],
              [106.073226, 35.447468],
            ],
          ],
          [
            [
              [106.504383, 35.736057],
              [106.498224, 35.732656],
              [106.49268, 35.732656],
              [106.506231, 35.737514],
              [106.504383, 35.736057],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 630000,
        name: '青海省',
        center: [101.778916, 36.623178],
        centroid: [96.043533, 35.726403],
        childrenNum: 8,
        level: 'province',
        subFeatureIndex: 28,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [102.829689, 36.365544],
              [102.836465, 36.344819],
              [102.845704, 36.331803],
              [102.896827, 36.331803],
              [102.922696, 36.298047],
              [103.024942, 36.256556],
              [103.021246, 36.232906],
              [103.066826, 36.216974],
              [103.048964, 36.199107],
              [102.986754, 36.193312],
              [102.965812, 36.151765],
              [102.948566, 36.150798],
              [102.941174, 36.104877],
              [102.882044, 36.082632],
              [102.932551, 36.048285],
              [102.968276, 36.044414],
              [102.951645, 36.021667],
              [102.971971, 35.995525],
              [102.942406, 35.92674],
              [102.954725, 35.858864],
              [102.94487, 35.829757],
              [102.914073, 35.845282],
              [102.81737, 35.850133],
              [102.787189, 35.862745],
              [102.739146, 35.821023],
              [102.715125, 35.815685],
              [102.686175, 35.771996],
              [102.707733, 35.70496],
              [102.744074, 35.657807],
              [102.7644, 35.653431],
              [102.763168, 35.612086],
              [102.808747, 35.560496],
              [102.746537, 35.545403],
              [102.729291, 35.523487],
              [102.782878, 35.527871],
              [102.743458, 35.494745],
              [102.695414, 35.528358],
              [102.570995, 35.548324],
              [102.531575, 35.580455],
              [102.503241, 35.585322],
              [102.49893, 35.545403],
              [102.437952, 35.455268],
              [102.447807, 35.437229],
              [102.408387, 35.409431],
              [102.314764, 35.434303],
              [102.293822, 35.424063],
              [102.287663, 35.36552],
              [102.317844, 35.343067],
              [102.311684, 35.31426],
              [102.280887, 35.303028],
              [102.3123, 35.282512],
              [102.370199, 35.263946],
              [102.365887, 35.235599],
              [102.404075, 35.179366],
              [102.346793, 35.164201],
              [102.310452, 35.128967],
              [102.29567, 35.071681],
              [102.252554, 35.048657],
              [102.218062, 35.057475],
              [102.211286, 35.034937],
              [102.176178, 35.032977],
              [102.157699, 35.010923],
              [102.133678, 35.014844],
              [102.094874, 34.986901],
              [102.048062, 34.910868],
              [102.068388, 34.887798],
              [101.985852, 34.90007],
              [101.916867, 34.873561],
              [101.923027, 34.835746],
              [101.917483, 34.705964],
              [101.919947, 34.621791],
              [101.934729, 34.58731],
              [101.956287, 34.582876],
              [101.97415, 34.548871],
              [102.001867, 34.538519],
              [102.093026, 34.536547],
              [102.139837, 34.50351],
              [102.155852, 34.507456],
              [102.169402, 34.457631],
              [102.205743, 34.407777],
              [102.259329, 34.355917],
              [102.237156, 34.34307],
              [102.237156, 34.34307],
              [102.186649, 34.352952],
              [102.149692, 34.271885],
              [102.067772, 34.293642],
              [102.062229, 34.227858],
              [102.01357, 34.218456],
              [102.030816, 34.190739],
              [102.003099, 34.162022],
              [101.965526, 34.167469],
              [101.955055, 34.109514],
              [101.897773, 34.133791],
              [101.874367, 34.130323],
              [101.851578, 34.153108],
              [101.836795, 34.124378],
              [101.788136, 34.131809],
              [101.764114, 34.122892],
              [101.736397, 34.080275],
              [101.718535, 34.083249],
              [101.703136, 34.119424],
              [101.674187, 34.110506],
              [101.6206, 34.178857],
              [101.53868, 34.212022],
              [101.492485, 34.195689],
              [101.482014, 34.218951],
              [101.417956, 34.227858],
              [101.369913, 34.248143],
              [101.327413, 34.24468],
              [101.325565, 34.268423],
              [101.268899, 34.278808],
              [101.228863, 34.298586],
              [101.235022, 34.325279],
              [101.193754, 34.336646],
              [101.178356, 34.320831],
              [101.098284, 34.329233],
              [101.054552, 34.322808],
              [100.986799, 34.374689],
              [100.951074, 34.38358],
              [100.895024, 34.375183],
              [100.868538, 34.332693],
              [100.821727, 34.317371],
              [100.798321, 34.260014],
              [100.809408, 34.247153],
              [100.764445, 34.178857],
              [100.806329, 34.155584],
              [100.848828, 34.089692],
              [100.870386, 34.083744],
              [100.880857, 34.036644],
              [100.93506, 33.990013],
              [100.927669, 33.975126],
              [100.965857, 33.946832],
              [100.994806, 33.891707],
              [101.023139, 33.896178],
              [101.054552, 33.863386],
              [101.153718, 33.8445],
              [101.153102, 33.823124],
              [101.190675, 33.791796],
              [101.186363, 33.741051],
              [101.162957, 33.719649],
              [101.177124, 33.685295],
              [101.166653, 33.659894],
              [101.217776, 33.669856],
              [101.23687, 33.685793],
              [101.302776, 33.657902],
              [101.385312, 33.644949],
              [101.424732, 33.655411],
              [101.428427, 33.680315],
              [101.501724, 33.702723],
              [101.58426, 33.674339],
              [101.585492, 33.645448],
              [101.616905, 33.598603],
              [101.611977, 33.565199],
              [101.622448, 33.502343],
              [101.718535, 33.494857],
              [101.748716, 33.505337],
              [101.769042, 33.538765],
              [101.777665, 33.533776],
              [101.769042, 33.45592],
              [101.695745, 33.433948],
              [101.663716, 33.383991],
              [101.64955, 33.323004],
              [101.677883, 33.297497],
              [101.735781, 33.279987],
              [101.709912, 33.21292],
              [101.653861, 33.162835],
              [101.661252, 33.135778],
              [101.633535, 33.101193],
              [101.557775, 33.167344],
              [101.515275, 33.192889],
              [101.487557, 33.226938],
              [101.403174, 33.225436],
              [101.386543, 33.207412],
              [101.393935, 33.157826],
              [101.381616, 33.153316],
              [101.297232, 33.262475],
              [101.217776, 33.256469],
              [101.182668, 33.26948],
              [101.156798, 33.236449],
              [101.124769, 33.221431],
              [101.11553, 33.194893],
              [101.169733, 33.10019],
              [101.143863, 33.086151],
              [101.146327, 33.056563],
              [101.184515, 33.041514],
              [101.171581, 33.009902],
              [101.183899, 32.984304],
              [101.129081, 32.989324],
              [101.134624, 32.95217],
              [101.124153, 32.909976],
              [101.178356, 32.892892],
              [101.223935, 32.855698],
              [101.237486, 32.825026],
              [101.22332, 32.725898],
              [101.157414, 32.661431],
              [101.124769, 32.658408],
              [101.077342, 32.68259],
              [101.030531, 32.660424],
              [100.99727, 32.627668],
              [100.956618, 32.621116],
              [100.93198, 32.600447],
              [100.887633, 32.632708],
              [100.834046, 32.648835],
              [100.77122, 32.643795],
              [100.690532, 32.678056],
              [100.71209, 32.645307],
              [100.710242, 32.610026],
              [100.673286, 32.628172],
              [100.661583, 32.616075],
              [100.657887, 32.546484],
              [100.645568, 32.526303],
              [100.603069, 32.553547],
              [100.54517, 32.569687],
              [100.516837, 32.632204],
              [100.470026, 32.694678],
              [100.450932, 32.694678],
              [100.420135, 32.73194],
              [100.378251, 32.698707],
              [100.399193, 32.756101],
              [100.339447, 32.719353],
              [100.258759, 32.742511],
              [100.231041, 32.696189],
              [100.229809, 32.650346],
              [100.208252, 32.606497],
              [100.189773, 32.630692],
              [100.109701, 32.640268],
              [100.088143, 32.668988],
              [100.139266, 32.724388],
              [100.117093, 32.802392],
              [100.123252, 32.837095],
              [100.064738, 32.895907],
              [100.029629, 32.895907],
              [100.038252, 32.929066],
              [99.956332, 32.948152],
              [99.947709, 32.986814],
              [99.877492, 33.045527],
              [99.877492, 32.993339],
              [99.851007, 32.941623],
              [99.805427, 32.940619],
              [99.788181, 32.956689],
              [99.764159, 32.924545],
              [99.791877, 32.883344],
              [99.766623, 32.826032],
              [99.760464, 32.769689],
              [99.717964, 32.732443],
              [99.705029, 32.76516],
              [99.646515, 32.774721],
              [99.640355, 32.790822],
              [99.589233, 32.789312],
              [99.558436, 32.839106],
              [99.45311, 32.862233],
              [99.376118, 32.899927],
              [99.353944, 32.885354],
              [99.268944, 32.878318],
              [99.24677, 32.924043],
              [99.235067, 32.982296],
              [99.214741, 32.991332],
              [99.196263, 33.035493],
              [99.124814, 33.046028],
              [99.090322, 33.079131],
              [99.024416, 33.094675],
              [99.014561, 33.081137],
              [98.971445, 33.098185],
              [98.967134, 33.115229],
              [98.92217, 33.118738],
              [98.858728, 33.150811],
              [98.804526, 33.219428],
              [98.802062, 33.270481],
              [98.759562, 33.276985],
              [98.779888, 33.370497],
              [98.736157, 33.406975],
              [98.742316, 33.477887],
              [98.725686, 33.503341],
              [98.678258, 33.522801],
              [98.648077, 33.548741],
              [98.652389, 33.595114],
              [98.622824, 33.610067],
              [98.61728, 33.637476],
              [98.6567, 33.64744],
              [98.610505, 33.682805],
              [98.582788, 33.731595],
              [98.537824, 33.74752],
              [98.51873, 33.77389],
              [98.494092, 33.768915],
              [98.492861, 33.796272],
              [98.463295, 33.848477],
              [98.434962, 33.843009],
              [98.407245, 33.867362],
              [98.425723, 33.913066],
              [98.415252, 33.956761],
              [98.440506, 33.981577],
              [98.428187, 34.029204],
              [98.396774, 34.053008],
              [98.392462, 34.089196],
              [98.344419, 34.094648],
              [98.258188, 34.083249],
              [98.206449, 34.08424],
              [98.157174, 34.107532],
              [98.098043, 34.122892],
              [98.051848, 34.11546],
              [97.95453, 34.190739],
              [97.898479, 34.209548],
              [97.796849, 34.199154],
              [97.796849, 34.199154],
              [97.789458, 34.182818],
              [97.789458, 34.182818],
              [97.766668, 34.158555],
              [97.665654, 34.126855],
              [97.70261, 34.036644],
              [97.652719, 33.998448],
              [97.660111, 33.956264],
              [97.629314, 33.919523],
              [97.601596, 33.929951],
              [97.52214, 33.903133],
              [97.503662, 33.912073],
              [97.460546, 33.887236],
              [97.395257, 33.889224],
              [97.398336, 33.848477],
              [97.371851, 33.842015],
              [97.373083, 33.817655],
              [97.406344, 33.795278],
              [97.422974, 33.754984],
              [97.418046, 33.728608],
              [97.435293, 33.682307],
              [97.415583, 33.605582],
              [97.450075, 33.582152],
              [97.523372, 33.577166],
              [97.511669, 33.520805],
              [97.552321, 33.465906],
              [97.625618, 33.461412],
              [97.674893, 33.432949],
              [97.754349, 33.409972],
              [97.676125, 33.341004],
              [97.622538, 33.337005],
              [97.607756, 33.263976],
              [97.548626, 33.203907],
              [97.487648, 33.168346],
              [97.498119, 33.137783],
              [97.487032, 33.107209],
              [97.517213, 33.097683],
              [97.542466, 33.035995],
              [97.499966, 33.011408],
              [97.523988, 32.988822],
              [97.438372, 32.976271],
              [97.375547, 32.956689],
              [97.347829, 32.895907],
              [97.376163, 32.886359],
              [97.392793, 32.828546],
              [97.386018, 32.77925],
              [97.429133, 32.714318],
              [97.42359, 32.70475],
              [97.48272, 32.654377],
              [97.535075, 32.638252],
              [97.543698, 32.62162],
              [97.607756, 32.614059],
              [97.616995, 32.586329],
              [97.700763, 32.53488],
              [97.730944, 32.527312],
              [97.684132, 32.530339],
              [97.670582, 32.51722],
              [97.540618, 32.536899],
              [97.50243, 32.530844],
              [97.463626, 32.55506],
              [97.448843, 32.586833],
              [97.411887, 32.575235],
              [97.374315, 32.546484],
              [97.3583, 32.563635],
              [97.332431, 32.542448],
              [97.334895, 32.514192],
              [97.388481, 32.501575],
              [97.341054, 32.440987],
              [97.387865, 32.427349],
              [97.424822, 32.322723],
              [97.415583, 32.296421],
              [97.371235, 32.273148],
              [97.32196, 32.303503],
              [97.299786, 32.294904],
              [97.264062, 32.182527],
              [97.271453, 32.139971],
              [97.313953, 32.130342],
              [97.293011, 32.096887],
              [97.308409, 32.076605],
              [97.258518, 32.072041],
              [97.219714, 32.109054],
              [97.201852, 32.090296],
              [97.233881, 32.063927],
              [97.214786, 32.042623],
              [97.188301, 32.055304],
              [97.169823, 32.032984],
              [97.127323, 32.044145],
              [97.028773, 32.04871],
              [97.006599, 32.067984],
              [96.935766, 32.048203],
              [96.965947, 32.008628],
              [96.941925, 31.986297],
              [96.894498, 32.013703],
              [96.863085, 31.996448],
              [96.868629, 31.964975],
              [96.824281, 32.007613],
              [96.722651, 32.013195],
              [96.742977, 32.001016],
              [96.753448, 31.944156],
              [96.776238, 31.935015],
              [96.81073, 31.894375],
              [96.794716, 31.869474],
              [96.760223, 31.860325],
              [96.765767, 31.819144],
              [96.799027, 31.792188],
              [96.840295, 31.720438],
              [96.790404, 31.698545],
              [96.778701, 31.675629],
              [96.722651, 31.686833],
              [96.691854, 31.722474],
              [96.661057, 31.705674],
              [96.615477, 31.737236],
              [96.56805, 31.711783],
              [96.519391, 31.74945],
              [96.468884, 31.769804],
              [96.435623, 31.796258],
              [96.407906, 31.845583],
              [96.389428, 31.919777],
              [96.288414, 31.919777],
              [96.253305, 31.929936],
              [96.220044, 31.905553],
              [96.188632, 31.904028],
              [96.214501, 31.876589],
              [96.202798, 31.841008],
              [96.183088, 31.835924],
              [96.178161, 31.775401],
              [96.231131, 31.749959],
              [96.222508, 31.733164],
              [96.252073, 31.697527],
              [96.245298, 31.657802],
              [96.221892, 31.647613],
              [96.207726, 31.598691],
              [96.156603, 31.602769],
              [96.148595, 31.686324],
              [96.135661, 31.70211],
              [96.064828, 31.720438],
              [95.989067, 31.78761],
              [95.983524, 31.816601],
              [95.89914, 31.81711],
              [95.846169, 31.736218],
              [95.853561, 31.714329],
              [95.823995, 31.68225],
              [95.779648, 31.748941],
              [95.634286, 31.782523],
              [95.580083, 31.76726],
              [95.546823, 31.73978],
              [95.511714, 31.750468],
              [95.480301, 31.795749],
              [95.456896, 31.801853],
              [95.406389, 31.896915],
              [95.408852, 31.918761],
              [95.3682, 31.92892],
              [95.360809, 31.95939],
              [95.395918, 32.001523],
              [95.454432, 32.007613],
              [95.421171, 32.033999],
              [95.454432, 32.061898],
              [95.440265, 32.157705],
              [95.406389, 32.182021],
              [95.367584, 32.178982],
              [95.366968, 32.151118],
              [95.31523, 32.148585],
              [95.270266, 32.194683],
              [95.270266, 32.194683],
              [95.239469, 32.287315],
              [95.241317, 32.3207],
              [95.214216, 32.321712],
              [95.20744, 32.297433],
              [95.10581, 32.258979],
              [95.079325, 32.279726],
              [95.096571, 32.322217],
              [95.193274, 32.332331],
              [95.261643, 32.348006],
              [95.228382, 32.363678],
              [95.218527, 32.397035],
              [95.153853, 32.386423],
              [95.081789, 32.384907],
              [95.075013, 32.376315],
              [95.075013, 32.376315],
              [95.057151, 32.395014],
              [94.988166, 32.422802],
              [94.944434, 32.404109],
              [94.912405, 32.41573],
              [94.889616, 32.472295],
              [94.852043, 32.463712],
              [94.80708, 32.486431],
              [94.78737, 32.522266],
              [94.762116, 32.526303],
              [94.737479, 32.587338],
              [94.638312, 32.645307],
              [94.614291, 32.673522],
              [94.591501, 32.640772],
              [94.522516, 32.595909],
              [94.459074, 32.599439],
              [94.463386, 32.572209],
              [94.435052, 32.562626],
              [94.395016, 32.594397],
              [94.371611, 32.524789],
              [94.350053, 32.533871],
              [94.294002, 32.519743],
              [94.292154, 32.502584],
              [94.250886, 32.51722],
              [94.196684, 32.51621],
              [94.176974, 32.454117],
              [94.137554, 32.433915],
              [94.091974, 32.463207],
              [94.049474, 32.469771],
              [94.03038, 32.448057],
              [93.978641, 32.459672],
              [93.960163, 32.484917],
              [93.90904, 32.463207],
              [93.861613, 32.466237],
              [93.851142, 32.50965],
              [93.820345, 32.549511],
              [93.75136, 32.56313],
              [93.721795, 32.578261],
              [93.651577, 32.571705],
              [93.618933, 32.522771],
              [93.516687, 32.47583],
              [93.501904, 32.503593],
              [93.476651, 32.504603],
              [93.4631, 32.556069],
              [93.411977, 32.558086],
              [93.385492, 32.525294],
              [93.33868, 32.5712],
              [93.308499, 32.580278],
              [93.300492, 32.619604],
              [93.260456, 32.62666],
              [93.239514, 32.662439],
              [93.210565, 32.655385],
              [93.176688, 32.6705],
              [93.159442, 32.644803],
              [93.087993, 32.63674],
              [93.069515, 32.626156],
              [93.023935, 32.703239],
              [93.019624, 32.737477],
              [93.00053, 32.741001],
              [92.964189, 32.714821],
              [92.933392, 32.719353],
              [92.866871, 32.698203],
              [92.822523, 32.729926],
              [92.789262, 32.719856],
              [92.756618, 32.743014],
              [92.686401, 32.76516],
              [92.667922, 32.73194],
              [92.634662, 32.720863],
              [92.574916, 32.741001],
              [92.56814, 32.73194],
              [92.484372, 32.745028],
              [92.459119, 32.76365],
              [92.411076, 32.748048],
              [92.355641, 32.764657],
              [92.343938, 32.738484],
              [92.310062, 32.751571],
              [92.255243, 32.720863],
              [92.198577, 32.754591],
              [92.211511, 32.788306],
              [92.193649, 32.801889],
              [92.227526, 32.821003],
              [92.205352, 32.866255],
              [92.145606, 32.885857],
              [92.101874, 32.860222],
              [92.038432, 32.860725],
              [92.018722, 32.829552],
              [91.955897, 32.8205],
              [91.896766, 32.907967],
              [91.857962, 32.90244],
              [91.839484, 32.948152],
              [91.799448, 32.942126],
              [91.752637, 32.969242],
              [91.685499, 32.989324],
              [91.664557, 33.012913],
              [91.583253, 33.0375],
              [91.55492, 33.060074],
              [91.535826, 33.10019],
              [91.49579, 33.109214],
              [91.436044, 33.066092],
              [91.370138, 33.100691],
              [91.311624, 33.108211],
              [91.261733, 33.141291],
              [91.226624, 33.141792],
              [91.18782, 33.106206],
              [91.161335, 33.108712],
              [91.147784, 33.07211],
              [91.072024, 33.113224],
              [91.037531, 33.098686],
              [91.001807, 33.11573],
              [90.927894, 33.120241],
              [90.902024, 33.083143],
              [90.88293, 33.120241],
              [90.803474, 33.114227],
              [90.740032, 33.142293],
              [90.704308, 33.135778],
              [90.627315, 33.180368],
              [90.562642, 33.229441],
              [90.490577, 33.264977],
              [90.405577, 33.260473],
              [90.363077, 33.279487],
              [90.332896, 33.310501],
              [90.246665, 33.423959],
              [90.22018, 33.437943],
              [90.107463, 33.460913],
              [90.088984, 33.478885],
              [90.083441, 33.525295],
              [90.01076, 33.553728],
              [89.984275, 33.612061],
              [90.008296, 33.687785],
              [89.981195, 33.70322],
              [89.983659, 33.725622],
              [89.907282, 33.741051],
              [89.902355, 33.758467],
              [89.942391, 33.801246],
              [89.899891, 33.80771],
              [89.837065, 33.868853],
              [89.795181, 33.865374],
              [89.73174, 33.921509],
              [89.718805, 33.946832],
              [89.688008, 33.959739],
              [89.684928, 33.990013],
              [89.635037, 34.049537],
              [89.656595, 34.057966],
              [89.655979, 34.097126],
              [89.71203, 34.131809],
              [89.756993, 34.124874],
              [89.760073, 34.152613],
              [89.789638, 34.150632],
              [89.816739, 34.16945],
              [89.838297, 34.263477],
              [89.825362, 34.293642],
              [89.86663, 34.324785],
              [89.858623, 34.359375],
              [89.820435, 34.369255],
              [89.799493, 34.39642],
              [89.819819, 34.420614],
              [89.823515, 34.455657],
              [89.814891, 34.548871],
              [89.777935, 34.574499],
              [89.798877, 34.628686],
              [89.74837, 34.641981],
              [89.72558, 34.660689],
              [89.732356, 34.732035],
              [89.799493, 34.743838],
              [89.825978, 34.796931],
              [89.867862, 34.81069],
              [89.838913, 34.865705],
              [89.814891, 34.86816],
              [89.821051, 34.902033],
              [89.78779, 34.921664],
              [89.747138, 34.903506],
              [89.707102, 34.919701],
              [89.670146, 34.887798],
              [89.578987, 34.895162],
              [89.560509, 34.938836],
              [89.59069, 35.057965],
              [89.593153, 35.104491],
              [89.579603, 35.118688],
              [89.519241, 35.133862],
              [89.46935, 35.214577],
              [89.450255, 35.223867],
              [89.48598, 35.256616],
              [89.531559, 35.276161],
              [89.494603, 35.298632],
              [89.516161, 35.330862],
              [89.497067, 35.361128],
              [89.58761, 35.383575],
              [89.619639, 35.412357],
              [89.658443, 35.425526],
              [89.685544, 35.416259],
              [89.739131, 35.468429],
              [89.765, 35.482563],
              [89.740979, 35.507412],
              [89.720037, 35.501566],
              [89.699711, 35.544916],
              [89.71203, 35.581915],
              [89.75145, 35.580942],
              [89.765616, 35.599922],
              [89.726196, 35.648082],
              [89.748986, 35.66267],
              [89.747138, 35.7516],
              [89.782863, 35.773453],
              [89.767464, 35.799183],
              [89.801957, 35.848193],
              [89.778551, 35.861775],
              [89.707718, 35.849163],
              [89.654747, 35.848193],
              [89.62395, 35.859349],
              [89.550654, 35.856924],
              [89.554965, 35.873414],
              [89.489676, 35.903475],
              [89.428082, 35.917531],
              [89.434857, 35.992136],
              [89.404676, 36.016827],
              [89.417611, 36.044897],
              [89.474893, 36.022151],
              [89.605472, 36.038123],
              [89.688624, 36.091337],
              [89.711414, 36.093272],
              [89.766848, 36.073925],
              [89.819819, 36.080697],
              [89.914058, 36.079246],
              [89.941159, 36.067637],
              [89.944855, 36.140649],
              [89.997825, 36.168193],
              [90.019999, 36.213594],
              [90.028006, 36.258486],
              [90.003369, 36.278752],
              [90.043405, 36.276822],
              [90.058188, 36.255591],
              [90.145651, 36.239181],
              [90.130252, 36.2078],
              [90.198006, 36.187516],
              [90.23681, 36.160462],
              [90.325505, 36.159496],
              [90.424055, 36.133883],
              [90.478258, 36.13195],
              [90.534925, 36.147899],
              [90.613149, 36.126632],
              [90.659344, 36.13485],
              [90.776373, 36.086501],
              [90.815793, 36.035703],
              [90.850285, 36.016827],
              [90.922966, 36.028927],
              [90.979017, 36.106811],
              [91.081263, 36.088436],
              [91.124994, 36.115514],
              [91.09235, 36.163844],
              [91.096045, 36.219871],
              [91.051698, 36.238215],
              [91.07264, 36.299012],
              [91.026444, 36.323607],
              [91.051698, 36.433946],
              [91.028292, 36.443093],
              [91.039995, 36.474861],
              [91.035683, 36.529703],
              [91.011662, 36.539801],
              [90.905104, 36.560474],
              [90.831191, 36.55807],
              [90.810865, 36.585466],
              [90.741264, 36.585947],
              [90.72217, 36.620058],
              [90.730793, 36.655594],
              [90.706156, 36.658955],
              [90.720938, 36.708868],
              [90.754815, 36.721341],
              [90.727098, 36.755872],
              [90.732025, 36.825844],
              [90.758511, 36.825844],
              [90.853981, 36.915373],
              [90.924198, 36.921115],
              [90.983944, 36.913459],
              [91.036915, 36.929727],
              [91.051698, 36.96751],
              [91.126842, 36.978507],
              [91.133618, 37.007665],
              [91.181045, 37.025345],
              [91.216153, 37.010054],
              [91.303617, 37.012444],
              [91.291298, 37.042544],
              [91.303617, 37.083136],
              [91.286371, 37.105095],
              [91.280211, 37.163779],
              [91.1909, 37.205737],
              [91.194596, 37.273868],
              [91.134849, 37.324331],
              [91.136081, 37.355734],
              [91.113292, 37.387124],
              [91.099741, 37.447965],
              [91.073256, 37.475992],
              [91.019669, 37.493088],
              [90.958075, 37.477891],
              [90.911879, 37.519674],
              [90.865684, 37.53059],
              [90.882314, 37.575664],
              [90.854597, 37.604117],
              [90.820104, 37.613599],
              [90.777605, 37.648672],
              [90.643946, 37.696988],
              [90.586663, 37.703144],
              [90.579272, 37.720661],
              [90.519526, 37.730601],
              [90.516446, 38.207111],
              [90.531229, 38.319886],
              [90.401882, 38.311434],
              [90.361846, 38.300163],
              [90.352607, 38.233441],
              [90.280542, 38.238142],
              [90.137644, 38.340543],
              [90.179528, 38.396848],
              [90.129636, 38.400131],
              [90.111774, 38.418889],
              [90.111774, 38.477945],
              [90.130868, 38.494341],
              [90.248513, 38.491531],
              [90.315034, 38.501835],
              [90.353222, 38.482162],
              [90.427135, 38.493873],
              [90.465323, 38.521971],
              [90.463476, 38.556611],
              [90.525685, 38.561291],
              [90.560794, 38.593573],
              [90.608837, 38.594508],
              [90.606374, 38.610878],
              [90.645794, 38.635191],
              [90.619308, 38.664636],
              [90.65996, 38.674449],
              [90.724634, 38.658094],
              [90.899561, 38.679588],
              [90.970394, 38.697806],
              [90.992567, 38.695003],
              [91.188436, 38.73096],
              [91.242639, 38.752433],
              [91.298689, 38.746365],
              [91.446515, 38.813546],
              [91.501333, 38.815411],
              [91.681188, 38.852706],
              [91.694738, 38.86622],
              [91.806223, 38.872744],
              [91.87952, 38.884391],
              [91.880752, 38.899297],
              [91.966368, 38.930961],
              [92.10865, 38.963541],
              [92.173323, 38.960749],
              [92.197961, 38.983548],
              [92.263866, 39.002153],
              [92.380279, 38.999828],
              [92.416003, 39.010524],
              [92.41046, 39.03842],
              [92.459119, 39.042604],
              [92.459119, 39.063982],
              [92.489916, 39.099753],
              [92.545966, 39.111362],
              [92.659299, 39.109969],
              [92.765857, 39.136898],
              [92.866871, 39.138754],
              [92.889045, 39.160103],
              [92.938936, 39.169848],
              [92.978356, 39.143396],
              [93.043029, 39.146645],
              [93.115094, 39.17959],
              [93.142196, 39.160567],
              [93.131725, 39.108112],
              [93.165601, 39.090928],
              [93.198246, 39.045857],
              [93.179152, 38.923977],
              [93.237666, 38.916062],
              [93.274007, 38.896036],
              [93.453245, 38.915596],
              [93.729186, 38.924443],
              [93.834511, 38.867618],
              [93.884403, 38.867618],
              [93.884403, 38.826136],
              [93.769838, 38.821007],
              [93.756287, 38.807484],
              [93.773533, 38.771099],
              [93.800019, 38.750566],
              [93.885018, 38.720689],
              [93.95154, 38.715086],
              [93.973098, 38.724891],
              [94.281067, 38.7599],
              [94.370379, 38.7627],
              [94.511429, 38.445142],
              [94.527443, 38.425922],
              [94.527443, 38.365416],
              [94.56132, 38.351807],
              [94.582878, 38.36917],
              [94.672805, 38.386998],
              [94.812623, 38.385591],
              [94.861282, 38.393565],
              [94.884072, 38.414669],
              [94.973999, 38.430142],
              [95.045448, 38.418889],
              [95.072549, 38.402476],
              [95.122441, 38.417014],
              [95.140919, 38.392158],
              [95.185266, 38.379492],
              [95.209904, 38.327868],
              [95.229614, 38.330685],
              [95.259179, 38.302981],
              [95.315846, 38.318947],
              [95.408236, 38.300163],
              [95.440881, 38.310965],
              [95.455664, 38.291709],
              [95.487693, 38.314721],
              [95.51849, 38.294997],
              [95.585011, 38.343359],
              [95.608417, 38.339134],
              [95.671858, 38.388405],
              [95.703887, 38.400131],
              [95.723597, 38.378554],
              [95.775952, 38.356031],
              [95.83693, 38.344298],
              [95.852945, 38.287481],
              [95.89606, 38.2903],
              [95.932401, 38.259291],
              [95.93856, 38.237202],
              [96.006929, 38.207582],
              [96.06606, 38.173245],
              [96.109175, 38.187358],
              [96.221892, 38.149246],
              [96.252689, 38.167599],
              [96.264392, 38.145952],
              [96.313051, 38.161952],
              [96.301964, 38.183124],
              [96.335841, 38.246132],
              [96.378341, 38.277146],
              [96.46334, 38.277616],
              [96.665369, 38.23015],
              [96.655514, 38.295936],
              [96.638883, 38.307208],
              [96.626564, 38.356031],
              [96.698013, 38.422172],
              [96.707868, 38.459203],
              [96.6666, 38.483567],
              [96.706637, 38.505582],
              [96.780549, 38.504177],
              [96.800259, 38.52759],
              [96.767614, 38.552399],
              [96.808882, 38.582346],
              [96.7941, 38.608072],
              [96.847071, 38.599186],
              [96.876636, 38.580475],
              [96.961019, 38.558015],
              [97.055874, 38.594508],
              [97.047251, 38.653888],
              [97.057722, 38.67258],
              [97.009063, 38.702477],
              [97.023229, 38.755699],
              [97.00044, 38.7613],
              [96.987505, 38.793025],
              [96.993664, 38.834993],
              [96.983809, 38.869016],
              [96.940693, 38.90768],
              [96.938846, 38.95563],
              [96.965331, 39.017034],
              [96.95794, 39.041674],
              [96.969643, 39.097895],
              [97.012142, 39.142004],
              [96.962251, 39.198144],
              [97.017686, 39.208347],
              [97.060186, 39.19768],
              [97.14149, 39.199999],
              [97.220946, 39.193042],
              [97.315185, 39.164744],
              [97.347213, 39.167528],
              [97.371235, 39.140611],
              [97.401416, 39.146645],
              [97.458698, 39.117863],
              [97.504894, 39.076527],
              [97.58127, 39.052364],
              [97.679205, 39.010524],
              [97.701379, 38.963076],
              [97.828878, 38.93003],
              [97.875689, 38.898365],
              [98.009348, 38.85923],
              [98.029058, 38.834061],
              [98.068478, 38.816344],
              [98.091884, 38.786495],
              [98.167645, 38.840121],
              [98.242173, 38.880664],
              [98.235398, 38.918855],
              [98.276666, 38.963541],
              [98.287753, 38.992386],
              [98.280977, 39.027263],
              [98.316702, 39.040744],
              [98.383839, 39.029588],
              [98.401086, 39.001688],
              [98.432498, 38.996107],
              [98.428187, 38.976104],
              [98.457752, 38.952838],
              [98.526737, 38.95563],
              [98.584635, 38.93003],
              [98.624056, 38.959353],
              [98.612353, 38.977035],
              [98.661628, 38.993782],
              [98.70536, 39.043533],
              [98.730613, 39.057011],
              [98.743548, 39.086747],
              [98.816845, 39.085818],
              [98.818076, 39.064911],
              [98.886446, 39.040744],
              [98.903076, 39.012384],
              [98.951735, 38.987735],
              [99.054597, 38.97657],
              [99.107568, 38.951907],
              [99.071843, 38.921184],
              [99.068764, 38.896968],
              [99.141445, 38.852706],
              [99.222133, 38.788827],
              [99.291118, 38.765966],
              [99.361951, 38.718354],
              [99.375502, 38.684727],
              [99.412458, 38.665571],
              [99.450646, 38.60433],
              [99.501769, 38.612281],
              [99.52887, 38.546314],
              [99.585537, 38.498556],
              [99.63974, 38.474666],
              [99.65945, 38.449361],
              [99.727203, 38.415607],
              [99.758, 38.410449],
              [99.826985, 38.370109],
              [99.960028, 38.320825],
              [100.001912, 38.315191],
              [100.049955, 38.283254],
              [100.071513, 38.284663],
              [100.117093, 38.253652],
              [100.126332, 38.231561],
              [100.182998, 38.222158],
              [100.159592, 38.291239],
              [100.163904, 38.328337],
              [100.136803, 38.33444],
              [100.093071, 38.407166],
              [100.022238, 38.432017],
              [100.001296, 38.467169],
              [100.025933, 38.507923],
              [100.064122, 38.518694],
              [100.086911, 38.492936],
              [100.113397, 38.497151],
              [100.163288, 38.461546],
              [100.24028, 38.441861],
              [100.259374, 38.366355],
              [100.301874, 38.388405],
              [100.331439, 38.337257],
              [100.318505, 38.329276],
              [100.396729, 38.293118],
              [100.424446, 38.307208],
              [100.432453, 38.275267],
              [100.459555, 38.2654],
              [100.474953, 38.288891],
              [100.516837, 38.272448],
              [100.545786, 38.247072],
              [100.595061, 38.242372],
              [100.619083, 38.26587],
              [100.71517, 38.253652],
              [100.752126, 38.238612],
              [100.825423, 38.158658],
              [100.860531, 38.148305],
              [100.913502, 38.17889],
              [100.93814, 38.16007],
              [100.91843, 38.129006],
              [100.922125, 38.084741],
              [100.888864, 38.056001],
              [100.895024, 38.013107],
              [100.91843, 37.999432],
              [100.964009, 38.011221],
              [101.077342, 37.941874],
              [101.103211, 37.946593],
              [101.114298, 37.92016],
              [101.152486, 37.891356],
              [101.159262, 37.86821],
              [101.202994, 37.84742],
              [101.276906, 37.83655],
              [101.362522, 37.791162],
              [101.382848, 37.822369],
              [101.459224, 37.86632],
              [101.551615, 37.835604],
              [101.598427, 37.827569],
              [101.670491, 37.754264],
              [101.659405, 37.733441],
              [101.791832, 37.696041],
              [101.815853, 37.654357],
              [101.854657, 37.664781],
              [101.873135, 37.686569],
              [101.946432, 37.728235],
              [101.998787, 37.724921],
              [102.036359, 37.685149],
              [102.048678, 37.651515],
              [102.035128, 37.627819],
              [102.102265, 37.582304],
              [102.131214, 37.54625],
              [102.103497, 37.482641],
              [102.125055, 37.48549],
              [102.176794, 37.458892],
              [102.19712, 37.420403],
              [102.299981, 37.391404],
              [102.29875, 37.370004],
              [102.368351, 37.327662],
              [102.428097, 37.308624],
              [102.419474, 37.294343],
              [102.45335, 37.271487],
              [102.457662, 37.248147],
              [102.490307, 37.223371],
              [102.533422, 37.217176],
              [102.578386, 37.17284],
              [102.599944, 37.174748],
              [102.642444, 37.099845],
              [102.583314, 37.104618],
              [102.488459, 37.078362],
              [102.506321, 37.019134],
              [102.450271, 36.968467],
              [102.499546, 36.954599],
              [102.526031, 36.928291],
              [102.56114, 36.91968],
              [102.587009, 36.869904],
              [102.639364, 36.852666],
              [102.720052, 36.767858],
              [102.692335, 36.775528],
              [102.639364, 36.732853],
              [102.612879, 36.738129],
              [102.601176, 36.710307],
              [102.630741, 36.650793],
              [102.684328, 36.619097],
              [102.724364, 36.613813],
              [102.714509, 36.599401],
              [102.761936, 36.568645],
              [102.734219, 36.562396],
              [102.753313, 36.525855],
              [102.793349, 36.497957],
              [102.771791, 36.47438],
              [102.829689, 36.365544],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 640000,
        name: '宁夏回族自治区',
        center: [106.278179, 38.46637],
        centroid: [106.169867, 37.291331],
        childrenNum: 5,
        level: 'province',
        subFeatureIndex: 29,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [107.268764, 37.099367],
              [107.234887, 37.096503],
              [107.181916, 37.143269],
              [107.133873, 37.134681],
              [107.095685, 37.115595],
              [107.030395, 37.140883],
              [107.031011, 37.108436],
              [106.998367, 37.106527],
              [106.905976, 37.151378],
              [106.912135, 37.110345],
              [106.891193, 37.098413],
              [106.818512, 37.141838],
              [106.776012, 37.158056],
              [106.772933, 37.120367],
              [106.750143, 37.09889],
              [106.728585, 37.121321],
              [106.687933, 37.12991],
              [106.673151, 37.1113],
              [106.6171, 37.135158],
              [106.605397, 37.127524],
              [106.645433, 37.064992],
              [106.666991, 37.016745],
              [106.646665, 37.000496],
              [106.64297, 36.962729],
              [106.594926, 36.967988],
              [106.595542, 36.94025],
              [106.540108, 36.984244],
              [106.549347, 36.941685],
              [106.601702, 36.918244],
              [106.609709, 36.878521],
              [106.609709, 36.878521],
              [106.626955, 36.892403],
              [106.637426, 36.867031],
              [106.637426, 36.867031],
              [106.657752, 36.820575],
              [106.627571, 36.752995],
              [106.644817, 36.72278],
              [106.59431, 36.750118],
              [106.514238, 36.715584],
              [106.519782, 36.708868],
              [106.519782, 36.708868],
              [106.530869, 36.690154],
              [106.490833, 36.685835],
              [106.491448, 36.628703],
              [106.444637, 36.624861],
              [106.465579, 36.583063],
              [106.444637, 36.557109],
              [106.397826, 36.576816],
              [106.392282, 36.556628],
              [106.363949, 36.577296],
              [106.37134, 36.549417],
              [106.39721, 36.548455],
              [106.455724, 36.496995],
              [106.494528, 36.494589],
              [106.523477, 36.468605],
              [106.492064, 36.422389],
              [106.510543, 36.379037],
              [106.497608, 36.31348],
              [106.470507, 36.306246],
              [106.504383, 36.266207],
              [106.54134, 36.25366],
              [106.559202, 36.292259],
              [106.647897, 36.259451],
              [106.685469, 36.273445],
              [106.698404, 36.244008],
              [106.735976, 36.23725],
              [106.772933, 36.212628],
              [106.808657, 36.21118],
              [106.833295, 36.229044],
              [106.858548, 36.206834],
              [106.858548, 36.206834],
              [106.873947, 36.178338],
              [106.873947, 36.178338],
              [106.930613, 36.138716],
              [106.925686, 36.115997],
              [106.957715, 36.091337],
              [106.940468, 36.064734],
              [106.928149, 36.011502],
              [106.94786, 35.988262],
              [106.90228, 35.943699],
              [106.93862, 35.952905],
              [106.940468, 35.931101],
              [106.912751, 35.93207],
              [106.849925, 35.887476],
              [106.927534, 35.810346],
              [106.897353, 35.759856],
              [106.868403, 35.771996],
              [106.867171, 35.738485],
              [106.819128, 35.7448],
              [106.806193, 35.70982],
              [106.750759, 35.725369],
              [106.750759, 35.689408],
              [106.674998, 35.728284],
              [106.66268, 35.70739],
              [106.633115, 35.714679],
              [106.620796, 35.743829],
              [106.595542, 35.727312],
              [106.566593, 35.738971],
              [106.506231, 35.737514],
              [106.49268, 35.732656],
              [106.434782, 35.688436],
              [106.460036, 35.643705],
              [106.47913, 35.575101],
              [106.460036, 35.578995],
              [106.440941, 35.52641],
              [106.465579, 35.481101],
              [106.490217, 35.480613],
              [106.483441, 35.450393],
              [106.503767, 35.415284],
              [106.501304, 35.364056],
              [106.472354, 35.310842],
              [106.415688, 35.276161],
              [106.368261, 35.273718],
              [106.363333, 35.238532],
              [106.319601, 35.265411],
              [106.241377, 35.358687],
              [106.237681, 35.409431],
              [106.196414, 35.409919],
              [106.173008, 35.437716],
              [106.129892, 35.393333],
              [106.113262, 35.361616],
              [106.083081, 35.421624],
              [106.073226, 35.447468],
              [106.071378, 35.449418],
              [106.073226, 35.450393],
              [106.073842, 35.45478],
              [106.06953, 35.458193],
              [106.071994, 35.463555],
              [106.078769, 35.509848],
              [106.047356, 35.498155],
              [106.023335, 35.49377],
              [106.017175, 35.519103],
              [105.900147, 35.54735],
              [105.868734, 35.540046],
              [105.847176, 35.490359],
              [105.816379, 35.575101],
              [105.800365, 35.564878],
              [105.762176, 35.602841],
              [105.759097, 35.634464],
              [105.713517, 35.650513],
              [105.722756, 35.673366],
              [105.690727, 35.698643],
              [105.723988, 35.725854],
              [105.740618, 35.698643],
              [105.759097, 35.724883],
              [105.70243, 35.733142],
              [105.667322, 35.749657],
              [105.595873, 35.715651],
              [105.481924, 35.727312],
              [105.457286, 35.771511],
              [105.432033, 35.787533],
              [105.428953, 35.819082],
              [105.408627, 35.822479],
              [105.38091, 35.792873],
              [105.371055, 35.844312],
              [105.39754, 35.857409],
              [105.350113, 35.875839],
              [105.324859, 35.941761],
              [105.343954, 36.033767],
              [105.406163, 36.074409],
              [105.430801, 36.10391],
              [105.491163, 36.101009],
              [105.515185, 36.147415],
              [105.478844, 36.213111],
              [105.460366, 36.223733],
              [105.45975, 36.268137],
              [105.476381, 36.293224],
              [105.455439, 36.321678],
              [105.425873, 36.330357],
              [105.401236, 36.369881],
              [105.398156, 36.430575],
              [105.363048, 36.443093],
              [105.362432, 36.496514],
              [105.322396, 36.535954],
              [105.281744, 36.522489],
              [105.252179, 36.553263],
              [105.2762, 36.563358],
              [105.261418, 36.602764],
              [105.22015, 36.631105],
              [105.225693, 36.664716],
              [105.201056, 36.700711],
              [105.218302, 36.730455],
              [105.272505, 36.739567],
              [105.275584, 36.752515],
              [105.319932, 36.742924],
              [105.340874, 36.764502],
              [105.334714, 36.80093],
              [105.303302, 36.820575],
              [105.279896, 36.86751],
              [105.244787, 36.894796],
              [105.178882, 36.892403],
              [105.185657, 36.942164],
              [105.165331, 36.99476],
              [105.128991, 36.996194],
              [105.05939, 37.022956],
              [105.03968, 37.007187],
              [105.004571, 37.035378],
              [104.95468, 37.040156],
              [104.954064, 37.077407],
              [104.914644, 37.097935],
              [104.888158, 37.15901],
              [104.864753, 37.17284],
              [104.85613, 37.211933],
              [104.776673, 37.246718],
              [104.717543, 37.208597],
              [104.638087, 37.201923],
              [104.600515, 37.242907],
              [104.624536, 37.298627],
              [104.651022, 37.290534],
              [104.673812, 37.317668],
              [104.713848, 37.329566],
              [104.662109, 37.367626],
              [104.679971, 37.408044],
              [104.521059, 37.43466],
              [104.499501, 37.421353],
              [104.448994, 37.42468],
              [104.437907, 37.445589],
              [104.365226, 37.418026],
              [104.298705, 37.414223],
              [104.287002, 37.428007],
              [104.322726, 37.44844],
              [104.407726, 37.464592],
              [104.419429, 37.511604],
              [104.433595, 37.515402],
              [104.623305, 37.522522],
              [104.805007, 37.539133],
              [104.866601, 37.566651],
              [105.027977, 37.580881],
              [105.111128, 37.633981],
              [105.187505, 37.657674],
              [105.221998, 37.677097],
              [105.315004, 37.702197],
              [105.4037, 37.710246],
              [105.467141, 37.695094],
              [105.598952, 37.699356],
              [105.616199, 37.722555],
              [105.622358, 37.777919],
              [105.677177, 37.771769],
              [105.760944, 37.799674],
              [105.80406, 37.862068],
              [105.799749, 37.939986],
              [105.840401, 38.004147],
              [105.780655, 38.084741],
              [105.76772, 38.121474],
              [105.775111, 38.186887],
              [105.802828, 38.220277],
              [105.842248, 38.240962],
              [105.86627, 38.296406],
              [105.821307, 38.366824],
              [105.835473, 38.387467],
              [105.827466, 38.432486],
              [105.850872, 38.443736],
              [105.836705, 38.476071],
              [105.863806, 38.53508],
              [105.856415, 38.569714],
              [105.874277, 38.593105],
              [105.852719, 38.641735],
              [105.894603, 38.696405],
              [105.88598, 38.716953],
              [105.908154, 38.737496],
              [105.909386, 38.791159],
              [105.992538, 38.857366],
              [105.97098, 38.909077],
              [106.021487, 38.953769],
              [106.060907, 38.96866],
              [106.087392, 39.006339],
              [106.078153, 39.026333],
              [106.096631, 39.084889],
              [106.145907, 39.153142],
              [106.170544, 39.163352],
              [106.192718, 39.142932],
              [106.251232, 39.131327],
              [106.285109, 39.146181],
              [106.29558, 39.167992],
              [106.280181, 39.262118],
              [106.402753, 39.291767],
              [106.511774, 39.272311],
              [106.525325, 39.308439],
              [106.556122, 39.322329],
              [106.602318, 39.37555],
              [106.643586, 39.357969],
              [106.683622, 39.357506],
              [106.751375, 39.381564],
              [106.781556, 39.371849],
              [106.806809, 39.318625],
              [106.806193, 39.277407],
              [106.790795, 39.241263],
              [106.795723, 39.214375],
              [106.825288, 39.19397],
              [106.859164, 39.107648],
              [106.878874, 39.091392],
              [106.933693, 39.076527],
              [106.96757, 39.054688],
              [106.971881, 39.026333],
              [106.954019, 38.941202],
              [106.837606, 38.847579],
              [106.756302, 38.748699],
              [106.709491, 38.718821],
              [106.66268, 38.601524],
              [106.647897, 38.470917],
              [106.599854, 38.389812],
              [106.482209, 38.319417],
              [106.555506, 38.263521],
              [106.627571, 38.232501],
              [106.654672, 38.22921],
              [106.737824, 38.197706],
              [106.779092, 38.171833],
              [106.858548, 38.156306],
              [106.942316, 38.132302],
              [107.010069, 38.120532],
              [107.051337, 38.122886],
              [107.071047, 38.138892],
              [107.119091, 38.134185],
              [107.138801, 38.161011],
              [107.19054, 38.153953],
              [107.240431, 38.111586],
              [107.33159, 38.086625],
              [107.3938, 38.014993],
              [107.440611, 37.995659],
              [107.411662, 37.948009],
              [107.448618, 37.933378],
              [107.49235, 37.944706],
              [107.560719, 37.893717],
              [107.65003, 37.86443],
              [107.659269, 37.844112],
              [107.646335, 37.805349],
              [107.620465, 37.776026],
              [107.599523, 37.791162],
              [107.57119, 37.776499],
              [107.499125, 37.765619],
              [107.484959, 37.706458],
              [107.425828, 37.684201],
              [107.387024, 37.691305],
              [107.389488, 37.671413],
              [107.422133, 37.665254],
              [107.361155, 37.613125],
              [107.311264, 37.609806],
              [107.330358, 37.584201],
              [107.369162, 37.58752],
              [107.345756, 37.518725],
              [107.284162, 37.481691],
              [107.282931, 37.437036],
              [107.257677, 37.337179],
              [107.273075, 37.29101],
              [107.309416, 37.239095],
              [107.270612, 37.229089],
              [107.317423, 37.200017],
              [107.336517, 37.165687],
              [107.334669, 37.138975],
              [107.306952, 37.100799],
              [107.281083, 37.127047],
              [107.268764, 37.099367],
            ],
          ],
          [
            [
              [106.048588, 35.488898],
              [106.054132, 35.45478],
              [106.034422, 35.469404],
              [106.002393, 35.438692],
              [105.894603, 35.413821],
              [105.897683, 35.451368],
              [106.048588, 35.488898],
            ],
          ],
          [
            [
              [106.073842, 35.45478],
              [106.073226, 35.450393],
              [106.071378, 35.449418],
              [106.06953, 35.458193],
              [106.073842, 35.45478],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 650000,
        name: '新疆维吾尔自治区',
        center: [87.617733, 43.792818],
        centroid: [85.294711, 41.371801],
        childrenNum: 24,
        level: 'province',
        subFeatureIndex: 30,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [96.386348, 42.727592],
              [96.166458, 42.623314],
              [96.103632, 42.604375],
              [96.072219, 42.569566],
              [96.02356, 42.542675],
              [96.0174, 42.482239],
              [95.978596, 42.436762],
              [96.06606, 42.414674],
              [96.042038, 42.352787],
              [96.040806, 42.326688],
              [96.178161, 42.21775],
              [96.077147, 42.149457],
              [96.13874, 42.05399],
              [96.137509, 42.019765],
              [96.117183, 41.985966],
              [96.054973, 41.936124],
              [95.998306, 41.906289],
              [95.855408, 41.849699],
              [95.801206, 41.848361],
              [95.759322, 41.835878],
              [95.65646, 41.826067],
              [95.57146, 41.796181],
              [95.445193, 41.719841],
              [95.39407, 41.693481],
              [95.335556, 41.644305],
              [95.299831, 41.565994],
              [95.247476, 41.61344],
              [95.194505, 41.694821],
              [95.199433, 41.719395],
              [95.16494, 41.735474],
              [95.135991, 41.772976],
              [95.110738, 41.768513],
              [95.011572, 41.726541],
              [94.969072, 41.718948],
              [94.861898, 41.668451],
              [94.809543, 41.619256],
              [94.750413, 41.538227],
              [94.534219, 41.505966],
              [94.184365, 41.268444],
              [94.01067, 41.114875],
              [93.908424, 40.983539],
              [93.809874, 40.879548],
              [93.820961, 40.793519],
              [93.760599, 40.664721],
              [93.506216, 40.648376],
              [92.928465, 40.572504],
              [92.920458, 40.391792],
              [92.906907, 40.310609],
              [92.796654, 40.153897],
              [92.745531, 39.868331],
              [92.687632, 39.657174],
              [92.639589, 39.514196],
              [92.52564, 39.368611],
              [92.378431, 39.258411],
              [92.339011, 39.236628],
              [92.343938, 39.146181],
              [92.366112, 39.096037],
              [92.366728, 39.059335],
              [92.41046, 39.03842],
              [92.416003, 39.010524],
              [92.380279, 38.999828],
              [92.263866, 39.002153],
              [92.197961, 38.983548],
              [92.173323, 38.960749],
              [92.10865, 38.963541],
              [91.966368, 38.930961],
              [91.880752, 38.899297],
              [91.87952, 38.884391],
              [91.806223, 38.872744],
              [91.694738, 38.86622],
              [91.681188, 38.852706],
              [91.501333, 38.815411],
              [91.446515, 38.813546],
              [91.298689, 38.746365],
              [91.242639, 38.752433],
              [91.188436, 38.73096],
              [90.992567, 38.695003],
              [90.970394, 38.697806],
              [90.899561, 38.679588],
              [90.724634, 38.658094],
              [90.65996, 38.674449],
              [90.619308, 38.664636],
              [90.645794, 38.635191],
              [90.606374, 38.610878],
              [90.608837, 38.594508],
              [90.560794, 38.593573],
              [90.525685, 38.561291],
              [90.463476, 38.556611],
              [90.465323, 38.521971],
              [90.427135, 38.493873],
              [90.353222, 38.482162],
              [90.315034, 38.501835],
              [90.248513, 38.491531],
              [90.130868, 38.494341],
              [90.111774, 38.477945],
              [90.111774, 38.418889],
              [90.129636, 38.400131],
              [90.179528, 38.396848],
              [90.137644, 38.340543],
              [90.280542, 38.238142],
              [90.352607, 38.233441],
              [90.361846, 38.300163],
              [90.401882, 38.311434],
              [90.531229, 38.319886],
              [90.516446, 38.207111],
              [90.519526, 37.730601],
              [90.579272, 37.720661],
              [90.586663, 37.703144],
              [90.643946, 37.696988],
              [90.777605, 37.648672],
              [90.820104, 37.613599],
              [90.854597, 37.604117],
              [90.882314, 37.575664],
              [90.865684, 37.53059],
              [90.911879, 37.519674],
              [90.958075, 37.477891],
              [91.019669, 37.493088],
              [91.073256, 37.475992],
              [91.099741, 37.447965],
              [91.113292, 37.387124],
              [91.136081, 37.355734],
              [91.134849, 37.324331],
              [91.194596, 37.273868],
              [91.1909, 37.205737],
              [91.280211, 37.163779],
              [91.286371, 37.105095],
              [91.303617, 37.083136],
              [91.291298, 37.042544],
              [91.303617, 37.012444],
              [91.216153, 37.010054],
              [91.181045, 37.025345],
              [91.133618, 37.007665],
              [91.126842, 36.978507],
              [91.051698, 36.96751],
              [91.036915, 36.929727],
              [90.983944, 36.913459],
              [90.924198, 36.921115],
              [90.853981, 36.915373],
              [90.758511, 36.825844],
              [90.732025, 36.825844],
              [90.727098, 36.755872],
              [90.754815, 36.721341],
              [90.720938, 36.708868],
              [90.706156, 36.658955],
              [90.730793, 36.655594],
              [90.72217, 36.620058],
              [90.741264, 36.585947],
              [90.810865, 36.585466],
              [90.831191, 36.55807],
              [90.905104, 36.560474],
              [91.011662, 36.539801],
              [91.035683, 36.529703],
              [91.039995, 36.474861],
              [91.028292, 36.443093],
              [91.051698, 36.433946],
              [91.026444, 36.323607],
              [91.07264, 36.299012],
              [91.051698, 36.238215],
              [91.096045, 36.219871],
              [91.09235, 36.163844],
              [91.124994, 36.115514],
              [91.081263, 36.088436],
              [90.979017, 36.106811],
              [90.922966, 36.028927],
              [90.850285, 36.016827],
              [90.815793, 36.035703],
              [90.776373, 36.086501],
              [90.659344, 36.13485],
              [90.613149, 36.126632],
              [90.534925, 36.147899],
              [90.478258, 36.13195],
              [90.424055, 36.133883],
              [90.325505, 36.159496],
              [90.23681, 36.160462],
              [90.198006, 36.187516],
              [90.130252, 36.2078],
              [90.145651, 36.239181],
              [90.058188, 36.255591],
              [90.043405, 36.276822],
              [90.003369, 36.278752],
              [90.028006, 36.258486],
              [90.019999, 36.213594],
              [89.997825, 36.168193],
              [89.944855, 36.140649],
              [89.941159, 36.067637],
              [89.914058, 36.079246],
              [89.819819, 36.080697],
              [89.766848, 36.073925],
              [89.711414, 36.093272],
              [89.614711, 36.109712],
              [89.594385, 36.126632],
              [89.490291, 36.151281],
              [89.375727, 36.228078],
              [89.335075, 36.23725],
              [89.292575, 36.231457],
              [89.232213, 36.295636],
              [89.198952, 36.260417],
              [89.126887, 36.254626],
              [89.10225, 36.281164],
              [89.054822, 36.291777],
              [89.013554, 36.315409],
              [88.964279, 36.318785],
              [88.926091, 36.36458],
              [88.870657, 36.348193],
              [88.838628, 36.353496],
              [88.802903, 36.33807],
              [88.783809, 36.291777],
              [88.766563, 36.292259],
              [88.690186, 36.367954],
              [88.623665, 36.389636],
              [88.618121, 36.428168],
              [88.573158, 36.461386],
              [88.498629, 36.446463],
              [88.470912, 36.48208],
              [88.41055, 36.473418],
              [88.356963, 36.477268],
              [88.366202, 36.458016],
              [88.282434, 36.470049],
              [88.241782, 36.468605],
              [88.222688, 36.447426],
              [88.182652, 36.452721],
              [88.134609, 36.427205],
              [88.092109, 36.43539],
              [88.006494, 36.430575],
              [87.983088, 36.437797],
              [87.95845, 36.408423],
              [87.919646, 36.39349],
              [87.838342, 36.383855],
              [87.826023, 36.391563],
              [87.767509, 36.3747],
              [87.731785, 36.384818],
              [87.6203, 36.360243],
              [87.570409, 36.342409],
              [87.470626, 36.354459],
              [87.460155, 36.409868],
              [87.426895, 36.42576],
              [87.386859, 36.412757],
              [87.363453, 36.420463],
              [87.348055, 36.393008],
              [87.292004, 36.358797],
              [87.193454, 36.349158],
              [87.161425, 36.325535],
              [87.149106, 36.297565],
              [87.08628, 36.310587],
              [87.051788, 36.2966],
              [86.996353, 36.308658],
              [86.943998, 36.284058],
              [86.931064, 36.265242],
              [86.887332, 36.262829],
              [86.86331, 36.299977],
              [86.836209, 36.291294],
              [86.746282, 36.291777],
              [86.69947, 36.24449],
              [86.599072, 36.222285],
              [86.531935, 36.227113],
              [86.515305, 36.205385],
              [86.454943, 36.221319],
              [86.392733, 36.206834],
              [86.35824, 36.168676],
              [86.2794, 36.170608],
              [86.248603, 36.141616],
              [86.187625, 36.130983],
              [86.182081, 36.064734],
              [86.199944, 36.047801],
              [86.173458, 36.008113],
              [86.150668, 36.00424],
              [86.129111, 35.941761],
              [86.093386, 35.906868],
              [86.090306, 35.876809],
              [86.05335, 35.842857],
              [86.035488, 35.846738],
              [85.949256, 35.778794],
              [85.903677, 35.78462],
              [85.835308, 35.771996],
              [85.811286, 35.778794],
              [85.691178, 35.751114],
              [85.65299, 35.731199],
              [85.612953, 35.651486],
              [85.566142, 35.6403],
              [85.518715, 35.680658],
              [85.373969, 35.700101],
              [85.341324, 35.753543],
              [85.271107, 35.788989],
              [85.146071, 35.742371],
              [85.053065, 35.752086],
              [84.99455, 35.737028],
              [84.973608, 35.709334],
              [84.920022, 35.696213],
              [84.798066, 35.647595],
              [84.729081, 35.613546],
              [84.704443, 35.616951],
              [84.628067, 35.595055],
              [84.570168, 35.588242],
              [84.513502, 35.564391],
              [84.448828, 35.550272],
              [84.475929, 35.516181],
              [84.45314, 35.473303],
              [84.424191, 35.466479],
              [84.333032, 35.413821],
              [84.274517, 35.404065],
              [84.200605, 35.381135],
              [84.160569, 35.359663],
              [84.140859, 35.379184],
              [84.095895, 35.362592],
              [84.077417, 35.400163],
              [84.005968, 35.422599],
              [83.906186, 35.40309],
              [83.885244, 35.367472],
              [83.79778, 35.354783],
              [83.785462, 35.36308],
              [83.677672, 35.361128],
              [83.622238, 35.335256],
              [83.599448, 35.351366],
              [83.54155, 35.341603],
              [83.540318, 35.364056],
              [83.502745, 35.360639],
              [83.449159, 35.382111],
              [83.405427, 35.380648],
              [83.333978, 35.397236],
              [83.280391, 35.401138],
              [83.251442, 35.417722],
              [83.178145, 35.38943],
              [83.127022, 35.398699],
              [83.088834, 35.425526],
              [83.067892, 35.46258],
              [82.998907, 35.484512],
              [82.971806, 35.548324],
              [82.981661, 35.599922],
              [82.956407, 35.636409],
              [82.967494, 35.667532],
              [82.894813, 35.673852],
              [82.873871, 35.688922],
              [82.795031, 35.688436],
              [82.780249, 35.666073],
              [82.731589, 35.637868],
              [82.652133, 35.67288],
              [82.628727, 35.692324],
              [82.546192, 35.708362],
              [82.501844, 35.701073],
              [82.468583, 35.717595],
              [82.424852, 35.712736],
              [82.392823, 35.656349],
              [82.336156, 35.651486],
              [82.350323, 35.611113],
              [82.328149, 35.559523],
              [82.2992, 35.544916],
              [82.263475, 35.547837],
              [82.234526, 35.520565],
              [82.189563, 35.513258],
              [82.164925, 35.495719],
              [82.086701, 35.467454],
              [82.071302, 35.450393],
              [82.034346, 35.451855],
              [82.029419, 35.426013],
              [82.05344, 35.35039],
              [82.030034, 35.321585],
              [81.99123, 35.30547],
              [81.955506, 35.307423],
              [81.927789, 35.271275],
              [81.853876, 35.25857],
              [81.804601, 35.270786],
              [81.736847, 35.26248],
              [81.68634, 35.235599],
              [81.513261, 35.23511],
              [81.504638, 35.279092],
              [81.447972, 35.318167],
              [81.441196, 35.333303],
              [81.385762, 35.335256],
              [81.363588, 35.354783],
              [81.314313, 35.337209],
              [81.285364, 35.345508],
              [81.26627, 35.322562],
              [81.219458, 35.319144],
              [81.191741, 35.36552],
              [81.142466, 35.365032],
              [81.103662, 35.386015],
              [81.09935, 35.40748],
              [81.054387, 35.402602],
              [81.031597, 35.380648],
              [81.030981, 35.337209],
              [81.002648, 35.334768],
              [81.026053, 35.31133],
              [80.963844, 35.310842],
              [80.924423, 35.330862],
              [80.894242, 35.324027],
              [80.844351, 35.345508],
              [80.759968, 35.334768],
              [80.689135, 35.339162],
              [80.690982, 35.364544],
              [80.65649, 35.393821],
              [80.599823, 35.409431],
              [80.56841, 35.391381],
              [80.532686, 35.404553],
              [80.514824, 35.391869],
              [80.444607, 35.417235],
              [80.432904, 35.449418],
              [80.375006, 35.387966],
              [80.321419, 35.38699],
              [80.286926, 35.35283],
              [80.267832, 35.295701],
              [80.362687, 35.20871],
              [80.257977, 35.203331],
              [80.223484, 35.177409],
              [80.23026, 35.147565],
              [80.118159, 35.066293],
              [80.078123, 35.076578],
              [80.031311, 35.034447],
              [80.04363, 35.022196],
              [80.02392, 34.971209],
              [80.041782, 34.943252],
              [80.034391, 34.902033],
              [80.003594, 34.895162],
              [79.996819, 34.856375],
              [79.961094, 34.862759],
              [79.926602, 34.849499],
              [79.947544, 34.821008],
              [79.898268, 34.732035],
              [79.906892, 34.683821],
              [79.866856, 34.671517],
              [79.88595, 34.642965],
              [79.84345, 34.55725],
              [79.861312, 34.528166],
              [79.801566, 34.478847],
              [79.735661, 34.471447],
              [79.699936, 34.477861],
              [79.675914, 34.451216],
              [79.58106, 34.456151],
              [79.545335, 34.476381],
              [79.504683, 34.45467],
              [79.435082, 34.447761],
              [79.363017, 34.428018],
              [79.326677, 34.44332],
              [79.274322, 34.435916],
              [79.241677, 34.415183],
              [79.179467, 34.422588],
              [79.161605, 34.441345],
              [79.072294, 34.412714],
              [79.039033, 34.421601],
              [79.0107, 34.399877],
              [79.048888, 34.348506],
              [79.039649, 34.33467],
              [78.973128, 34.362833],
              [78.958961, 34.386049],
              [78.899831, 34.354929],
              [78.878273, 34.391481],
              [78.809288, 34.432955],
              [78.742766, 34.45467],
              [78.758781, 34.481807],
              [78.715049, 34.502031],
              [78.708274, 34.522249],
              [78.634977, 34.538026],
              [78.58139, 34.505483],
              [78.562912, 34.51288],
              [78.559832, 34.55725],
              [78.542586, 34.574499],
              [78.492695, 34.578441],
              [78.436029, 34.543942],
              [78.427405, 34.594207],
              [78.397224, 34.605538],
              [78.346101, 34.60406],
              [78.280812, 34.623269],
              [78.265413, 34.651335],
              [78.267261, 34.705472],
              [78.213059, 34.717771],
              [78.21429, 34.760556],
              [78.230921, 34.776288],
              [78.237696, 34.882398],
              [78.206283, 34.891726],
              [78.182262, 34.936874],
              [78.201972, 34.974642],
              [78.160704, 34.990823],
              [78.123131, 35.036897],
              [78.150849, 35.069721],
              [78.124979, 35.108407],
              [78.078784, 35.100084],
              [78.062769, 35.114772],
              [78.060306, 35.180344],
              [78.01719, 35.228267],
              [78.020885, 35.315237],
              [78.013494, 35.366008],
              [78.046755, 35.384063],
              [78.107117, 35.437229],
              [78.113892, 35.466967],
              [78.140378, 35.494745],
              [78.048603, 35.491334],
              [78.029509, 35.469404],
              [78.009799, 35.491821],
              [77.951284, 35.478664],
              [77.917408, 35.490847],
              [77.914944, 35.465017],
              [77.870596, 35.495232],
              [77.85643, 35.487436],
              [77.816394, 35.518616],
              [77.797299, 35.491334],
              [77.757879, 35.497181],
              [77.735706, 35.461605],
              [77.690742, 35.448443],
              [77.657481, 35.477689],
              [77.639619, 35.45478],
              [77.590344, 35.460143],
              [77.578025, 35.47574],
              [77.518895, 35.482075],
              [77.451758, 35.46063],
              [77.396939, 35.467942],
              [77.355055, 35.494257],
              [77.331649, 35.530793],
              [77.307628, 35.540533],
              [77.195527, 35.519103],
              [77.093281, 35.569746],
              [77.072339, 35.591162],
              [76.99781, 35.611113],
              [76.967013, 35.591649],
              [76.906651, 35.615005],
              [76.848753, 35.668018],
              [76.769297, 35.653917],
              [76.69292, 35.747714],
              [76.593754, 35.771996],
              [76.566037, 35.819082],
              [76.587595, 35.840431],
              [76.579587, 35.866625],
              [76.59745, 35.895718],
              [76.55803, 35.923347],
              [76.51553, 35.881173],
              [76.471798, 35.886021],
              [76.431762, 35.851589],
              [76.369552, 35.86323],
              [76.365857, 35.82442],
              [76.298719, 35.841401],
              [76.228502, 35.837035],
              [76.221727, 35.823449],
              [76.160133, 35.82442],
              [76.146582, 35.839946],
              [76.16506, 35.908807],
              [76.117017, 35.975186],
              [76.097307, 36.022635],
              [76.044336, 36.026991],
              [76.028322, 36.016827],
              [75.982742, 36.031347],
              [75.949482, 36.070056],
              [75.936547, 36.13485],
              [75.96796, 36.159013],
              [76.016619, 36.165294],
              [76.011691, 36.229044],
              [76.060967, 36.225182],
              [76.055423, 36.252695],
              [75.998757, 36.312034],
              [75.991365, 36.35205],
              [76.035097, 36.409386],
              [75.991981, 36.505654],
              [75.924228, 36.566242],
              [75.947018, 36.590752],
              [75.871257, 36.666636],
              [75.8072, 36.707908],
              [75.724048, 36.750597],
              [75.634121, 36.771693],
              [75.588541, 36.762584],
              [75.537418, 36.773131],
              [75.536802, 36.729975],
              [75.504773, 36.743404],
              [75.458578, 36.720861],
              [75.425933, 36.778883],
              [75.434556, 36.83303],
              [75.430245, 36.873255],
              [75.396368, 36.904367],
              [75.413614, 36.954599],
              [75.345861, 36.960816],
              [75.288579, 36.974682],
              [75.244847, 36.963207],
              [75.16847, 36.991892],
              [75.172166, 37.013877],
              [75.063145, 37.006231],
              [75.032348, 37.016745],
              [75.005862, 36.99476],
              [74.927638, 36.978029],
              [74.938725, 36.94312],
              [74.893762, 36.939772],
              [74.86974, 36.990458],
              [74.84387, 37.0134],
              [74.84695, 37.056873],
              [74.806914, 37.054485],
              [74.792747, 37.027257],
              [74.739161, 37.028212],
              [74.70898, 37.084569],
              [74.632603, 37.066425],
              [74.617205, 37.043499],
              [74.56793, 37.032512],
              [74.530357, 37.082182],
              [74.498944, 37.072155],
              [74.496481, 37.116072],
              [74.465068, 37.147085],
              [74.487858, 37.161871],
              [74.477387, 37.19954],
              [74.511263, 37.240048],
              [74.54514, 37.2491],
              [74.578401, 37.231472],
              [74.598727, 37.258151],
              [74.642458, 37.261485],
              [74.665864, 37.23576],
              [74.727458, 37.282916],
              [74.753943, 37.281011],
              [74.800139, 37.248147],
              [74.816153, 37.216699],
              [74.911008, 37.233378],
              [74.927022, 37.277678],
              [75.018181, 37.293867],
              [75.078543, 37.318144],
              [75.125971, 37.322427],
              [75.140137, 37.355258],
              [75.125971, 37.388075],
              [75.153072, 37.414223],
              [75.129666, 37.459367],
              [75.090862, 37.486915],
              [75.078543, 37.511129],
              [75.035428, 37.500685],
              [75.002167, 37.511604],
              [75.000935, 37.53059],
              [74.940573, 37.559061],
              [74.891914, 37.668097],
              [74.920863, 37.684675],
              [74.923327, 37.717347],
              [74.949196, 37.725395],
              [75.006478, 37.770823],
              [74.989848, 37.797783],
              [74.917167, 37.845057],
              [74.936877, 37.876241],
              [74.919015, 37.908357],
              [74.911008, 37.966884],
              [74.92579, 38.01735],
              [74.879595, 38.021122],
              [74.821697, 38.10311],
              [74.80445, 38.167128],
              [74.816769, 38.215576],
              [74.793363, 38.271039],
              [74.806914, 38.285602],
              [74.789668, 38.324581],
              [74.834015, 38.361193],
              [74.868508, 38.403883],
              [74.862965, 38.484035],
              [74.821697, 38.491062],
              [74.78474, 38.538357],
              [74.717603, 38.542102],
              [74.639995, 38.599653],
              [74.613509, 38.593105],
              [74.546988, 38.607604],
              [74.506336, 38.637528],
              [74.455829, 38.632853],
              [74.421952, 38.647812],
              [74.353583, 38.655757],
              [74.229779, 38.656224],
              [74.147859, 38.676785],
              [74.11275, 38.611345],
              [74.088113, 38.610878],
              [74.068403, 38.585621],
              [74.090577, 38.542102],
              [74.034526, 38.541634],
              [74.011736, 38.52478],
              [73.926121, 38.536016],
              [73.89902, 38.579071],
              [73.852208, 38.584217],
              [73.799237, 38.610878],
              [73.809092, 38.634256],
              [73.757353, 38.719755],
              [73.769056, 38.775765],
              [73.729636, 38.837324],
              [73.699455, 38.857832],
              [73.70931, 38.893241],
              [73.742571, 38.933754],
              [73.767824, 38.941202],
              [73.826339, 38.916993],
              [73.846665, 38.962145],
              [73.839889, 39.008199],
              [73.820179, 39.041674],
              [73.780143, 39.026798],
              [73.743187, 39.029588],
              [73.720397, 39.071881],
              [73.719781, 39.108112],
              [73.688368, 39.154999],
              [73.657571, 39.166136],
              [73.639709, 39.220402],
              [73.623079, 39.235237],
              [73.580579, 39.237555],
              [73.564564, 39.266288],
              [73.542391, 39.269531],
              [73.554709, 39.295935],
              [73.554094, 39.350102],
              [73.502355, 39.383877],
              [73.592898, 39.412087],
              [73.61076, 39.465702],
              [73.6471, 39.474479],
              [73.745651, 39.462005],
              [73.836194, 39.472169],
              [73.868223, 39.482794],
              [73.893476, 39.528046],
              [73.883621, 39.540969],
              [73.914418, 39.564041],
              [73.916266, 39.586644],
              [73.953838, 39.600018],
              [73.924273, 39.722108],
              [73.905795, 39.741899],
              [73.841737, 39.756163],
              [73.845433, 39.831115],
              [73.907027, 39.873843],
              [73.910722, 39.934443],
              [73.980324, 40.004617],
              [73.943367, 40.016076],
              [74.008041, 40.050901],
              [74.023439, 40.085251],
              [74.113366, 40.086624],
              [74.126301, 40.104479],
              [74.26304, 40.125074],
              [74.280902, 40.09807],
              [74.316626, 40.106767],
              [74.356662, 40.089371],
              [74.433039, 40.13148],
              [74.485394, 40.182251],
              [74.534669, 40.207851],
              [74.577169, 40.260391],
              [74.618437, 40.27957],
              [74.673255, 40.278656],
              [74.697893, 40.310153],
              [74.700357, 40.346195],
              [74.824776, 40.344371],
              [74.862965, 40.32658],
              [74.908544, 40.338897],
              [74.795211, 40.443278],
              [74.814921, 40.461039],
              [74.819233, 40.505647],
              [74.844486, 40.521117],
              [74.891914, 40.507467],
              [74.963363, 40.464681],
              [74.995392, 40.455119],
              [75.021877, 40.466958],
              [75.051442, 40.449654],
              [75.102565, 40.44009],
              [75.13521, 40.463315],
              [75.206659, 40.447833],
              [75.242383, 40.448743],
              [75.268869, 40.483802],
              [75.292274, 40.483802],
              [75.355716, 40.537947],
              [75.432093, 40.563412],
              [75.467817, 40.599773],
              [75.550353, 40.64883],
              [75.599628, 40.659727],
              [75.636584, 40.624306],
              [75.627345, 40.605226],
              [75.631041, 40.548862],
              [75.646439, 40.516567],
              [75.733287, 40.474242],
              [75.717272, 40.443278],
              [75.686475, 40.418223],
              [75.669845, 40.363982],
              [75.688323, 40.343915],
              [75.709265, 40.280939],
              [75.739446, 40.299199],
              [75.785642, 40.301025],
              [75.831221, 40.327492],
              [75.84046, 40.312434],
              [75.890351, 40.30924],
              [75.921764, 40.291439],
              [75.932235, 40.339353],
              [75.986438, 40.381763],
              [76.026474, 40.355317],
              [76.048648, 40.357141],
              [76.048648, 40.388601],
              [76.081293, 40.39635],
              [76.144118, 40.393615],
              [76.176147, 40.381307],
              [76.22419, 40.401819],
              [76.279625, 40.439179],
              [76.283321, 40.415034],
              [76.327668, 40.391336],
              [76.333212, 40.343459],
              [76.381871, 40.39088],
              [76.390494, 40.37766],
              [76.442233, 40.391336],
              [76.470566, 40.422779],
              [76.508754, 40.429613],
              [76.539551, 40.464226],
              [76.543247, 40.513837],
              [76.556798, 40.542495],
              [76.601145, 40.578868],
              [76.611, 40.601591],
              [76.657196, 40.620218],
              [76.654732, 40.652917],
              [76.676906, 40.696036],
              [76.646725, 40.73686],
              [76.646725, 40.759983],
              [76.693536, 40.779472],
              [76.731724, 40.818887],
              [76.741579, 40.912119],
              [76.761905, 40.954167],
              [76.817956, 40.975406],
              [76.85368, 40.97631],
              [76.885709, 41.027347],
              [76.940528, 41.028701],
              [77.002122, 41.073381],
              [77.023064, 41.059394],
              [77.091433, 41.062553],
              [77.108063, 41.038181],
              [77.169041, 41.009285],
              [77.236795, 41.027798],
              [77.296541, 41.004769],
              [77.363062, 41.04089],
              [77.415417, 41.038633],
              [77.473931, 41.022832],
              [77.476395, 40.999349],
              [77.540453, 41.006575],
              [77.591576, 40.992122],
              [77.597119, 41.005221],
              [77.654402, 41.016059],
              [77.684583, 41.00793],
              [77.737553, 41.032313],
              [77.780669, 41.022832],
              [77.796068, 41.049014],
              [77.829328, 41.059394],
              [77.807155, 41.091876],
              [77.814546, 41.13426],
              [77.836104, 41.153189],
              [77.905089, 41.185174],
              [77.972842, 41.173013],
              [78.094798, 41.224347],
              [78.129291, 41.228398],
              [78.136682, 41.279239],
              [78.165015, 41.340825],
              [78.149617, 41.368228],
              [78.163783, 41.383497],
              [78.235232, 41.399211],
              [78.324544, 41.384395],
              [78.338094, 41.397415],
              [78.385522, 41.394721],
              [78.391681, 41.408189],
              [78.454507, 41.412228],
              [78.527188, 41.440947],
              [78.580774, 41.481759],
              [78.650375, 41.467411],
              [78.675629, 41.50238],
              [78.707042, 41.522098],
              [78.696571, 41.54181],
              [78.739071, 41.555695],
              [78.825302, 41.560173],
              [78.86657, 41.593749],
              [78.891824, 41.597777],
              [78.957729, 41.65146],
              [78.99407, 41.664427],
              [79.021787, 41.657273],
              [79.043345, 41.681414],
              [79.10925, 41.697503],
              [79.138199, 41.722968],
              [79.21704, 41.725648],
              [79.271858, 41.767174],
              [79.276786, 41.78101],
              [79.326061, 41.809565],
              [79.356242, 41.795735],
              [79.415372, 41.836769],
              [79.457256, 41.847915],
              [79.500988, 41.835432],
              [79.550879, 41.834094],
              [79.616784, 41.856385],
              [79.640806, 41.884907],
              [79.724574, 41.896935],
              [79.776313, 41.89248],
              [79.822508, 41.963275],
              [79.854537, 41.984186],
              [79.852689, 42.015319],
              [79.923522, 42.042436],
              [80.089826, 42.047325],
              [80.14218, 42.03488],
              [80.193303, 42.081535],
              [80.16805, 42.096635],
              [80.139717, 42.151232],
              [80.163738, 42.152563],
              [80.168666, 42.200462],
              [80.233339, 42.210215],
              [80.28631, 42.233261],
              [80.29247, 42.259842],
              [80.272144, 42.281984],
              [80.283847, 42.320493],
              [80.229028, 42.358536],
              [80.239499, 42.389927],
              [80.206238, 42.431462],
              [80.225948, 42.485769],
              [80.265368, 42.502097],
              [80.221637, 42.533415],
              [80.180985, 42.590718],
              [80.163738, 42.629919],
              [80.179753, 42.670415],
              [80.228412, 42.692852],
              [80.225948, 42.713083],
              [80.259209, 42.790865],
              [80.262289, 42.828623],
              [80.280151, 42.838278],
              [80.338049, 42.831695],
              [80.407034, 42.834767],
              [80.450766, 42.861971],
              [80.503737, 42.882146],
              [80.602903, 42.894424],
              [80.5912, 42.923354],
              [80.487106, 42.948766],
              [80.397795, 42.996933],
              [80.378701, 43.031502],
              [80.416889, 43.05687],
              [80.482795, 43.06955],
              [80.556092, 43.104515],
              [80.593048, 43.133347],
              [80.650946, 43.147321],
              [80.706997, 43.143828],
              [80.73225, 43.131163],
              [80.752576, 43.148194],
              [80.79446, 43.137277],
              [80.804315, 43.178314],
              [80.789533, 43.201876],
              [80.788917, 43.242433],
              [80.769207, 43.265535],
              [80.777214, 43.308227],
              [80.69283, 43.32042],
              [80.686055, 43.333916],
              [80.735946, 43.389609],
              [80.746417, 43.439167],
              [80.761199, 43.446554],
              [80.75504, 43.494329],
              [80.522215, 43.816473],
              [80.511128, 43.906657],
              [80.475404, 43.938124],
              [80.485259, 43.95579],
              [80.457541, 43.981203],
              [80.458773, 44.047054],
              [80.449534, 44.078017],
              [80.3941, 44.127009],
              [80.407034, 44.149772],
              [80.400875, 44.198704],
              [80.413194, 44.264741],
              [80.399027, 44.30587],
              [80.383013, 44.401297],
              [80.350368, 44.484615],
              [80.411962, 44.605321],
              [80.400259, 44.628751],
              [80.313412, 44.704938],
              [80.238883, 44.7228],
              [80.200695, 44.756808],
              [80.178521, 44.796741],
              [80.18776, 44.825612],
              [80.169898, 44.84471],
              [80.115695, 44.815424],
              [80.087978, 44.817122],
              [79.999283, 44.793768],
              [79.991891, 44.830281],
              [79.953703, 44.849377],
              [79.969102, 44.877797],
              [79.887798, 44.90917],
              [79.944464, 44.937985],
              [79.951855, 44.957892],
              [79.98142, 44.964244],
              [80.056565, 45.011227],
              [80.060876, 45.026033],
              [80.111999, 45.052675],
              [80.136021, 45.041259],
              [80.144644, 45.059017],
              [80.195767, 45.030686],
              [80.24381, 45.031532],
              [80.291854, 45.06578],
              [80.328194, 45.070007],
              [80.358375, 45.040836],
              [80.404571, 45.049293],
              [80.443991, 45.077614],
              [80.445839, 45.097895],
              [80.493882, 45.127037],
              [80.519135, 45.108878],
              [80.599207, 45.105921],
              [80.686055, 45.129148],
              [80.731634, 45.156164],
              [80.816634, 45.152788],
              [80.862214, 45.127037],
              [80.897938, 45.127459],
              [80.93551, 45.160384],
              [80.966307, 45.168402],
              [81.024821, 45.162916],
              [81.080872, 45.182745],
              [81.111669, 45.218168],
              [81.170183, 45.211001],
              [81.175111, 45.227863],
              [81.236705, 45.247248],
              [81.284748, 45.23882],
              [81.327864, 45.260729],
              [81.382066, 45.257781],
              [81.398697, 45.275471],
              [81.437501, 45.28263],
              [81.462754, 45.264099],
              [81.52866, 45.285999],
              [81.536667, 45.304101],
              [81.575471, 45.30789],
              [81.582863, 45.336503],
              [81.645072, 45.359216],
              [81.677101, 45.35459],
              [81.78797, 45.3836],
              [81.832318, 45.319673],
              [81.879745, 45.284314],
              [81.921013, 45.233342],
              [81.993078, 45.237978],
              [82.052824, 45.255674],
              [82.09594, 45.249776],
              [82.091012, 45.222383],
              [82.109491, 45.211422],
              [82.206809, 45.236713],
              [82.294272, 45.247669],
              [82.344779, 45.219011],
              [82.487061, 45.181058],
              [82.562822, 45.204676],
              [82.58746, 45.224069],
              [82.60101, 45.346178],
              [82.546808, 45.426038],
              [82.448257, 45.461309],
              [82.281954, 45.53891],
              [82.266555, 45.620172],
              [82.288729, 45.655321],
              [82.289961, 45.71636],
              [82.340468, 45.772742],
              [82.349707, 45.822811],
              [82.336156, 45.882418],
              [82.342932, 45.935303],
              [82.401446, 45.972333],
              [82.461808, 45.97982],
              [82.518474, 46.153798],
              [82.609017, 46.294985],
              [82.726662, 46.494756],
              [82.774089, 46.600124],
              [82.788872, 46.677784],
              [82.829524, 46.772551],
              [82.878183, 46.797138],
              [82.876335, 46.823762],
              [82.923762, 46.932169],
              [82.937929, 47.014248],
              [82.993364, 47.065229],
              [83.031552, 47.168265],
              [83.02724, 47.21544],
              [83.108544, 47.221944],
              [83.15474, 47.236168],
              [83.17445, 47.218286],
              [83.207094, 47.213814],
              [83.221877, 47.186977],
              [83.257602, 47.173147],
              [83.306261, 47.179656],
              [83.324739, 47.167858],
              [83.370318, 47.178436],
              [83.418978, 47.119012],
              [83.463325, 47.132042],
              [83.53847, 47.083977],
              [83.566803, 47.080717],
              [83.576042, 47.059114],
              [83.700462, 47.032199],
              [83.69923, 47.015472],
              [83.766367, 47.026896],
              [83.88586, 46.982003],
              [83.932671, 46.970161],
              [83.951765, 46.98731],
              [84.002888, 46.990576],
              [84.038613, 46.973428],
              [84.086656, 46.965261],
              [84.150098, 46.977512],
              [84.195061, 47.003638],
              [84.2893, 46.994658],
              [84.336727, 47.00527],
              [84.37122, 46.993434],
              [84.425422, 47.008943],
              [84.506726, 46.97302],
              [84.563393, 46.991801],
              [84.668718, 46.995067],
              [84.699515, 47.008535],
              [84.748175, 47.009759],
              [84.781435, 46.979962],
              [84.849189, 46.957092],
              [84.867051, 46.927673],
              [84.934188, 46.863878],
              [84.95513, 46.861013],
              [84.979768, 46.883106],
              [84.987159, 46.918272],
              [85.082014, 46.939933],
              [85.102956, 46.968936],
              [85.175637, 46.997924],
              [85.213825, 47.041172],
              [85.276651, 47.068898],
              [85.325926, 47.044842],
              [85.355491, 47.054629],
              [85.441106, 47.063191],
              [85.545816, 47.057891],
              [85.547048, 47.096609],
              [85.582772, 47.142626],
              [85.641903, 47.18413],
              [85.682555, 47.222757],
              [85.682555, 47.249982],
              [85.701033, 47.28856],
              [85.675779, 47.321837],
              [85.701649, 47.384275],
              [85.685018, 47.428829],
              [85.614801, 47.498015],
              [85.617881, 47.550552],
              [85.547048, 48.008205],
              [85.531649, 48.046227],
              [85.551975, 48.081423],
              [85.55136, 48.127781],
              [85.576613, 48.15853],
              [85.587084, 48.191654],
              [85.622193, 48.202824],
              [85.633895, 48.232731],
              [85.678243, 48.266205],
              [85.695489, 48.302445],
              [85.695489, 48.335078],
              [85.758315, 48.403064],
              [85.791576, 48.418954],
              [85.916612, 48.438015],
              [86.053966, 48.441192],
              [86.225813, 48.432456],
              [86.270161, 48.452307],
              [86.305269, 48.491984],
              [86.38103, 48.49357],
              [86.416138, 48.481671],
              [86.579978, 48.538763],
              [86.594761, 48.576789],
              [86.635413, 48.612016],
              [86.640956, 48.629027],
              [86.693311, 48.64366],
              [86.70255, 48.666195],
              [86.771535, 48.717156],
              [86.780774, 48.731369],
              [86.754289, 48.78463],
              [86.770303, 48.810255],
              [86.818963, 48.831139],
              [86.821426, 48.850439],
              [86.782006, 48.887049],
              [86.757985, 48.894919],
              [86.730267, 48.959797],
              [86.732115, 48.994757],
              [86.772151, 49.02773],
              [86.836209, 49.051269],
              [86.84976, 49.066563],
              [86.854071, 49.109284],
              [86.887948, 49.132001],
              [86.953853, 49.131218],
              [87.000049, 49.142572],
              [87.088128, 49.133567],
              [87.112766, 49.15549],
              [87.211932, 49.140615],
              [87.239033, 49.114376],
              [87.304939, 49.112418],
              [87.388707, 49.097921],
              [87.43675, 49.075188],
              [87.511894, 49.10184],
              [87.49588, 49.132001],
              [87.517438, 49.145704],
              [87.563017, 49.142572],
              [87.602437, 49.152359],
              [87.67635, 49.15549],
              [87.700372, 49.175839],
              [87.762582, 49.172709],
              [87.793379, 49.18249],
              [87.821096, 49.173883],
              [87.82048, 49.148445],
              [87.845733, 49.146096],
              [87.867291, 49.108892],
              [87.844502, 49.090084],
              [87.858052, 49.07362],
              [87.835263, 49.054406],
              [87.883306, 49.023806],
              [87.883922, 48.993971],
              [87.911639, 48.979833],
              [87.871603, 48.963726],
              [87.87653, 48.949186],
              [87.814321, 48.945256],
              [87.793995, 48.927565],
              [87.760118, 48.925992],
              [87.742256, 48.881146],
              [87.78106, 48.872094],
              [87.792147, 48.849258],
              [87.829103, 48.825623],
              [87.803234, 48.824835],
              [87.826639, 48.800795],
              [87.872219, 48.799612],
              [87.93874, 48.757809],
              [87.96153, 48.773588],
              [88.029283, 48.750313],
              [88.064392, 48.712813],
              [88.090877, 48.71992],
              [88.089645, 48.69504],
              [88.02682, 48.65315],
              [88.010805, 48.618742],
              [87.96153, 48.599353],
              [87.973233, 48.575997],
              [88.041602, 48.548272],
              [88.10874, 48.545895],
              [88.130297, 48.521721],
              [88.151855, 48.526478],
              [88.196819, 48.493967],
              [88.229464, 48.498329],
              [88.318159, 48.478497],
              [88.363123, 48.460641],
              [88.360659, 48.433251],
              [88.438267, 48.393528],
              [88.462289, 48.392335],
              [88.503557, 48.412996],
              [88.523267, 48.403461],
              [88.535586, 48.368884],
              [88.573158, 48.369679],
              [88.573774, 48.351785],
              [88.605803, 48.337863],
              [88.575006, 48.277757],
              [88.594716, 48.259831],
              [88.601491, 48.221567],
              [88.638447, 48.183674],
              [88.668628, 48.171303],
              [88.700657, 48.180881],
              [88.721599, 48.160526],
              [88.79736, 48.133772],
              [88.824461, 48.107005],
              [88.939026, 48.115396],
              [88.953808, 48.090618],
              [89.027105, 48.051028],
              [89.044967, 48.009806],
              [89.078228, 47.98698],
              [89.156452, 47.996992],
              [89.231597, 47.98017],
              [89.282104, 47.994189],
              [89.308589, 48.021816],
              [89.359712, 48.026219],
              [89.38127, 48.046227],
              [89.498299, 48.02822],
              [89.569132, 48.037825],
              [89.599313, 48.015811],
              [89.595617, 47.973359],
              [89.645508, 47.947711],
              [89.651052, 47.913627],
              [89.735435, 47.89758],
              [89.761921, 47.835751],
              [89.86971, 47.834144],
              [89.957789, 47.842982],
              [89.960253, 47.885942],
              [90.040941, 47.874704],
              [90.066195, 47.883534],
              [90.086521, 47.86547],
              [90.070506, 47.820483],
              [90.07605, 47.777469],
              [90.13518, 47.723147],
              [90.180144, 47.72516],
              [90.216484, 47.70543],
              [90.331665, 47.681663],
              [90.384635, 47.644179],
              [90.346447, 47.637324],
              [90.376012, 47.603036],
              [90.398186, 47.547724],
              [90.468403, 47.497611],
              [90.474562, 47.462422],
              [90.459164, 47.43895],
              [90.468403, 47.404937],
              [90.507823, 47.400076],
              [90.526301, 47.379007],
              [90.488113, 47.317374],
              [90.521374, 47.2845],
              [90.56141, 47.206903],
              [90.579888, 47.198364],
              [90.653801, 47.111681],
              [90.691989, 47.080717],
              [90.767134, 46.992617],
              [90.830575, 46.995883],
              [90.901408, 46.960768],
              [90.92235, 46.938707],
              [90.929742, 46.893331],
              [90.958075, 46.879425],
              [90.942676, 46.82581],
              [90.992567, 46.790583],
              [90.992567, 46.769682],
              [91.019053, 46.766402],
              [91.054161, 46.717598],
              [91.036299, 46.670393],
              [91.017821, 46.58244],
              [91.068328, 46.579149],
              [91.079415, 46.558989],
              [91.060937, 46.516999],
              [91.038147, 46.500936],
              [91.025828, 46.444057],
              [90.996263, 46.419309],
              [90.983328, 46.374734],
              [90.900177, 46.31235],
              [90.955611, 46.233752],
              [90.94822, 46.219262],
              [90.98456, 46.160431],
              [91.021517, 46.121038],
              [91.014741, 46.06667],
              [91.028292, 46.023054],
              [90.890937, 45.921566],
              [90.799778, 45.834905],
              [90.714779, 45.728895],
              [90.676591, 45.582488],
              [90.671047, 45.487747],
              [90.723402, 45.464667],
              [90.772677, 45.432338],
              [90.773909, 45.405874],
              [90.813329, 45.32851],
              [90.804706, 45.29484],
              [90.831807, 45.300313],
              [90.877387, 45.280946],
              [90.897713, 45.249776],
              [90.866916, 45.209314],
              [90.881698, 45.192025],
              [90.96177, 45.201303],
              [91.007966, 45.218589],
              [91.050466, 45.208892],
              [91.129922, 45.21606],
              [91.17119, 45.199616],
              [91.195827, 45.159118],
              [91.230936, 45.153632],
              [91.242023, 45.13717],
              [91.33503, 45.129571],
              [91.37753, 45.11099],
              [91.429268, 45.156586],
              [91.448978, 45.156586],
              [91.500101, 45.103809],
              [91.561695, 45.075501],
              [91.694738, 45.065357],
              [91.803144, 45.082685],
              [91.885679, 45.078882],
              [92.056911, 45.086911],
              [92.100026, 45.081417],
              [92.240461, 45.015881],
              [92.315605, 45.028994],
              [92.348866, 45.014188],
              [92.414155, 45.018419],
              [92.501003, 45.001072],
              [92.547814, 45.018419],
              [92.683937, 45.02561],
              [92.779407, 45.050561],
              [92.847777, 45.038721],
              [92.884117, 45.046756],
              [92.922921, 45.03703],
              [92.932776, 45.017573],
              [93.002377, 45.009958],
              [93.062124, 45.018419],
              [93.100312, 45.007419],
              [93.174225, 45.015458],
              [93.252449, 44.991761],
              [93.314043, 44.980333],
              [93.314659, 44.995147],
              [93.376869, 44.985412],
              [93.434767, 44.955351],
              [93.509296, 44.968055],
              [93.613389, 44.926546],
              [93.716251, 44.894334],
              [93.723642, 44.865498],
              [94.066105, 44.732154],
              [94.152336, 44.684944],
              [94.215162, 44.667921],
              [94.227481, 44.645785],
              [94.279836, 44.603617],
              [94.329727, 44.582734],
              [94.359292, 44.515775],
              [94.390705, 44.521749],
              [94.470777, 44.509373],
              [94.557008, 44.462408],
              [94.606283, 44.448311],
              [94.673421, 44.397021],
              [94.722696, 44.34055],
              [94.768275, 44.34055],
              [94.826174, 44.320001],
              [94.945666, 44.292592],
              [94.998637, 44.253169],
              [95.1286, 44.269884],
              [95.238853, 44.277169],
              [95.41378, 44.298589],
              [95.43041, 44.281882],
              [95.4107, 44.245024],
              [95.376208, 44.227444],
              [95.355882, 44.166087],
              [95.35157, 44.090054],
              [95.326932, 44.028554],
              [95.377439, 44.025972],
              [95.426099, 44.009618],
              [95.527113, 44.007466],
              [95.623199, 43.855756],
              [95.645373, 43.787966],
              [95.705735, 43.67077],
              [95.735916, 43.597569],
              [95.857872, 43.417436],
              [95.880046, 43.28035],
              [95.921314, 43.229789],
              [96.363558, 42.900562],
              [96.386348, 42.727592],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 710000,
        name: '台湾省',
        center: [121.509062, 25.044332],
        centroid: [120.971485, 23.749452],
        childrenNum: 0,
        level: 'province',
        subFeatureIndex: 31,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [120.443706, 22.441432],
              [120.297112, 22.531565],
              [120.274323, 22.560307],
              [120.20041, 22.721039],
              [120.149287, 22.896468],
              [120.133272, 23.000625],
              [120.029795, 23.048544],
              [120.018708, 23.073322],
              [120.081534, 23.291728],
              [120.108019, 23.341191],
              [120.12157, 23.504836],
              [120.095084, 23.58768],
              [120.102476, 23.701162],
              [120.175156, 23.807427],
              [120.245989, 23.840276],
              [120.278018, 23.92783],
              [120.316206, 23.984708],
              [120.391967, 24.118055],
              [120.451713, 24.182493],
              [120.470807, 24.242533],
              [120.520698, 24.311816],
              [120.546568, 24.370159],
              [120.589068, 24.43229],
              [120.642654, 24.490033],
              [120.68885, 24.600542],
              [120.762147, 24.658208],
              [120.82374, 24.688118],
              [120.89211, 24.767482],
              [120.914899, 24.864715],
              [120.961095, 24.940167],
              [121.009754, 24.993878],
              [121.024537, 25.040517],
              [121.102145, 25.075214],
              [121.132942, 25.078466],
              [121.209318, 25.12724],
              [121.319572, 25.140785],
              [121.371926, 25.159746],
              [121.413194, 25.238806],
              [121.444607, 25.27074],
              [121.53515, 25.307535],
              [121.585041, 25.309159],
              [121.62323, 25.29455],
              [121.655259, 25.242054],
              [121.700222, 25.226896],
              [121.707613, 25.191701],
              [121.745186, 25.161912],
              [121.782142, 25.160287],
              [121.841888, 25.135367],
              [121.917033, 25.138076],
              [121.947214, 25.031841],
              [121.98109, 25.030757],
              [122.012503, 25.001471],
              [121.933047, 24.938539],
              [121.844968, 24.836476],
              [121.841272, 24.734329],
              [121.86283, 24.671261],
              [121.892395, 24.617953],
              [121.88562, 24.529784],
              [121.867758, 24.47914],
              [121.82649, 24.423572],
              [121.809243, 24.339083],
              [121.689135, 24.174303],
              [121.678048, 24.133895],
              [121.643556, 24.097843],
              [121.63986, 24.064514],
              [121.65957, 24.007125],
              [121.621382, 23.920718],
              [121.587505, 23.760878],
              [121.522832, 23.538858],
              [121.5216, 23.483431],
              [121.497578, 23.419744],
              [121.479716, 23.322507],
              [121.440296, 23.271937],
              [121.415042, 23.196047],
              [121.430441, 23.137175],
              [121.409499, 23.1025],
              [121.370695, 23.084334],
              [121.35468, 23.00999],
              [121.324499, 22.945526],
              [121.276456, 22.877171],
              [121.237652, 22.836362],
              [121.21055, 22.770711],
              [121.170514, 22.723247],
              [121.078739, 22.669691],
              [121.03316, 22.650914],
              [121.014682, 22.584069],
              [120.981421, 22.528248],
              [120.914899, 22.302525],
              [120.903197, 22.12634],
              [120.912436, 22.086418],
              [120.907508, 22.033171],
              [120.86624, 21.984345],
              [120.873016, 21.897191],
              [120.854537, 21.883309],
              [120.781857, 21.923843],
              [120.743052, 21.915515],
              [120.701784, 21.927174],
              [120.667908, 21.983235],
              [120.651277, 22.033171],
              [120.661748, 22.067007],
              [120.659285, 22.154056],
              [120.640806, 22.241605],
              [120.569973, 22.361757],
              [120.517619, 22.408793],
              [120.443706, 22.441432],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 810000,
        name: '香港',
        center: [114.173355, 22.320048],
        centroid: [114.134391, 22.37737],
        childrenNum: 18,
        level: 'province',
        subFeatureIndex: 32,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [114.031778, 22.503923],
              [114.082285, 22.512216],
              [114.095219, 22.534329],
              [114.156813, 22.543726],
              [114.166052, 22.559201],
              [114.222719, 22.553122],
              [114.232574, 22.539857],
              [114.232574, 22.528801],
              [114.260291, 22.547595],
              [114.263371, 22.541515],
              [114.263987, 22.541515],
              [114.28924, 22.52272],
              [114.309566, 22.497288],
              [114.340979, 22.50337],
              [114.2529, 22.445304],
              [114.23319, 22.466875],
              [114.205473, 22.449729],
              [114.220255, 22.427603],
              [114.278769, 22.435901],
              [114.325581, 22.479041],
              [114.376088, 22.436454],
              [114.406269, 22.433688],
              [114.406269, 22.432582],
              [114.385327, 22.41156],
              [114.394566, 22.361757],
              [114.356994, 22.340171],
              [114.323733, 22.384447],
              [114.323733, 22.385001],
              [114.323117, 22.385554],
              [114.322501, 22.385554],
              [114.283081, 22.386661],
              [114.278153, 22.328546],
              [114.315726, 22.299756],
              [114.315726, 22.299203],
              [114.313262, 22.264315],
              [114.284929, 22.263761],
              [114.262139, 22.294773],
              [114.248588, 22.274837],
              [114.265835, 22.200608],
              [114.203009, 22.206703],
              [114.200545, 22.232188],
              [114.164821, 22.226648],
              [114.120473, 22.272068],
              [114.145726, 22.300864],
              [114.121089, 22.320795],
              [114.069966, 22.326885],
              [114.034857, 22.300864],
              [114.029314, 22.262653],
              [114.004676, 22.239389],
              [114.026234, 22.229418],
              [113.996669, 22.206149],
              [113.981271, 22.229972],
              [113.935691, 22.205041],
              [113.899351, 22.215568],
              [113.852539, 22.191188],
              [113.8433, 22.229418],
              [113.889496, 22.271514],
              [113.898119, 22.308615],
              [113.969568, 22.321349],
              [113.955401, 22.298649],
              [114.026234, 22.34792],
              [113.980039, 22.366185],
              [113.941235, 22.355116],
              [113.920293, 22.367845],
              [113.918445, 22.418199],
              [113.977575, 22.45692],
              [114.000981, 22.491206],
              [114.031778, 22.503923],
            ],
          ],
          [
            [
              [114.142647, 22.213906],
              [114.166668, 22.205041],
              [114.154965, 22.177888],
              [114.120473, 22.177888],
              [114.123553, 22.238836],
              [114.142647, 22.213906],
            ],
          ],
          [
            [
              [114.305871, 22.372273],
              [114.305255, 22.372826],
              [114.332972, 22.353455],
              [114.313878, 22.340724],
              [114.305871, 22.372273],
            ],
          ],
          [
            [
              [114.320037, 22.381127],
              [114.320037, 22.38168],
              [114.319421, 22.382234],
              [114.322501, 22.385554],
              [114.323117, 22.385554],
              [114.323733, 22.385001],
              [114.323733, 22.384447],
              [114.320037, 22.381127],
            ],
          ],
          [
            [
              [114.305871, 22.369506],
              [114.305255, 22.372826],
              [114.305871, 22.372273],
              [114.305871, 22.369506],
            ],
          ],
          [
            [
              [114.315726, 22.299203],
              [114.315726, 22.299756],
              [114.316342, 22.30031],
              [114.316958, 22.298649],
              [114.315726, 22.299203],
            ],
          ],
          [
            [
              [114.319421, 22.382234],
              [114.320037, 22.38168],
              [114.320037, 22.381127],
              [114.319421, 22.382234],
            ],
          ],
          [
            [
              [114.372392, 22.32301],
              [114.372392, 22.323564],
              [114.373008, 22.323564],
              [114.372392, 22.32301],
            ],
          ],
          [
            [
              [114.323733, 22.297541],
              [114.323733, 22.298095],
              [114.324349, 22.297541],
              [114.323733, 22.297541],
            ],
          ],
        ],
      },
    },
    {
      type: 'Feature',
      properties: {
        adcode: 820000,
        name: '澳门',
        center: [113.54909, 22.198951],
        centroid: [113.566988, 22.159307],
        childrenNum: 8,
        level: 'province',
        subFeatureIndex: 33,
        acroutes: [100000],
      },
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [113.554425, 22.107489],
              [113.554425, 22.142416],
              [113.534715, 22.174009],
              [113.53841, 22.209473],
              [113.558736, 22.212244],
              [113.575983, 22.194513],
              [113.6037, 22.132438],
              [113.554425, 22.107489],
            ],
          ],
          [
            [
              [113.586453, 22.201162],
              [113.575983, 22.194513],
              [113.575983, 22.201162],
              [113.586453, 22.201162],
            ],
          ],
        ],
      },
    },
  ],
};


================================================
FILE: packages/lego-map/src/basic/index.md
================================================
---
title: 基础地图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 地图
  order: 1
---

# 基本地图

## API

| 属性      | 必填    | 说明             | 类型                                     | 默认值  |
| --------- | ------- | ---------------- | ---------------------------------------- | ------- |
| mapName   | `false` | 地图名字         | `string`                                 | `china` |
| mapJson   | `false` | 地图 json 数据   | `string`                                 |         |
| top       | `false` | 和顶部的距离     | `number`                                 | `40`    |
| zoom      | `false` | 地图缩放         | `number`                                 | `1`     |
| showLabel | `false` | 显示地名         | `boolean`                                | `false` |
| labelSize | `false` | 地名字体大小     | `number`                                 | `16`    |
| silent    | `false` | 是否禁用图表交互 | `boolean`                                | `false` |
| config    | `false` | 图表配置         | `Partial<EChartsOption>`                 |         |
| style     | `false` | 自定义样式       | `CSSProperties`                          |         |
| onEvents  | `false` | 自定义事件       | `Record<string, (params?: any) => void>` |         |

## 默认效果

<code src="../../example/BasicMapDemo/demo1.tsx" background="#040727">

## 地图放大 1.2 倍

<code src="../../example/BasicMapDemo/demo7.tsx" background="#040727">

## 自定义地图

<code src="../../example/BasicMapDemo/demo2.tsx" background="#040727">

## 不显示地名

<code src="../../example/BasicMapDemo/demo3.tsx" background="#040727">

## 禁用地图交互

<code src="../../example/BasicMapDemo/demo4.tsx" background="#040727">

## 自定义地图配置

<code src="../../example/BasicMapDemo/demo5.tsx" background="#040727">

## 切换地图

<code src="../../example/BasicMapDemo/demo6.tsx" background="#040727">


================================================
FILE: packages/lego-map/src/basic/index.tsx
================================================
import React, { CSSProperties, forwardRef, useEffect, useState } from 'react';

import * as echarts from 'echarts/core';
import type { EChartsOption, SeriesOption } from 'echarts';
import ReactEcharts from 'echarts-for-react';
import { isArray, merge } from 'lodash-es';

import chinaMapJson from '../assets/china';
import { generate4MapLayers } from '../utils/baseSeries';
import { INITIAL_MAP_NAME } from '../utils/constant';

interface BasicMapProps {
  /** 地图名称 */
  mapName?: string;
  /** 图表geoJson数据 */
  mapJson?: any;
  /** 顶部偏移量 */
  top?: number;
  /** 地图缩放 */
  zoom?: number;
  /** 显示地名 */
  showLabel?: boolean;
  /** 地名字体大小 */
  labelSize?: number;
  /** 是否禁用图表交互 */
  silent?: boolean;
  /** 图表配置 */
  config?: Partial<EChartsOption>;
  /** 图表样式 */
  style?: CSSProperties;
  /** 图表事件 */
  onEvents?: Record<string, (params?: any) => void>;
}

const BasicMap = forwardRef<ReactEcharts, BasicMapProps>(
  (
    {
      mapName = INITIAL_MAP_NAME,
      mapJson = chinaMapJson,
      top = 40,
      zoom = 1,
      showLabel = true,
      labelSize,
      style,
      silent = false,
      onEvents,
      config = {},
    },
    ref
  ) => {
    const [loading, setLoading] = useState(true);
    const [option, setOption] = useState<any>(config);

    // 注册地图
    useEffect(() => {
      echarts.registerMap(mapName, mapJson);
      new Array(4).fill('').forEach((_, i) => {
        echarts.registerMap(`${mapName}${i}`, mapJson);
      });
      const { series, ...restConfig } = config;
      const configSeries = isArray(series) ? series : [series].filter(Boolean);
      setOption(
        merge(
          {
            backgroundColor: '',
            tooltip: {
              trigger: 'item',
            },
            geo: {
              map: mapName,
              aspectScale: 0.75,
              zoom,
              top,
              roam: false,
              silent: true,
              itemStyle: {
                borderColor: '#697899',
                borderWidth: 1,
                areaColor: '#103682',
                shadowColor: 'RGBA(75, 192, 255, 0.6)',
                shadowOffsetX: 6,
                shadowOffsetY: 5,
                shadowBlur: 20,
              },
              regions: [
                {
                  name: '南海诸岛',
                  itemStyle: {
                    areaColor: '#103682',
                    borderColor: 'RGBA(75, 192, 255, 0.6)',
                  },
                  label: {
                    show: true,
                    color: '#fff',
                  },
                },
              ],
            },
            series: [
              ...generate4MapLayers(mapName, top, zoom, showLabel, labelSize, silent),
              ...(configSeries as SeriesOption[]),
            ],
          },
          restConfig
        )
      );
      setLoading(false);
      // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [labelSize, mapJson, mapName, showLabel, silent, top, JSON.stringify(config)]);

    return (
      <ReactEcharts
        ref={ref}
        showLoading={loading}
        echarts={echarts}
        option={option}
        onEvents={onEvents}
        style={style}
      />
    );
  }
);

export default BasicMap;


================================================
FILE: packages/lego-map/src/drill/index.less
================================================
@prefix: .td-lego-map;

@{prefix}-container {
  position: relative;
}
@{prefix}-return-btn {
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 100;
  color: #24afff;
  font-size: 22px;
  cursor: pointer;
}


================================================
FILE: packages/lego-map/src/drill/index.md
================================================
---
title: 下钻地图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 地图
  order: 2
---

# 下钻地图

地图下钻功能依赖于高德地图提供的 API，所以在使用前请前往[高德地图开放平台](https://lbs.amap.com/)申请。要新建两个 key, 一个是 Web 端（JS API），另一个是 Web 服务端。

然后在项目中使用：

- 如果你是 umi 项目，请在 umi 项目的配置文件（.umirc.ts 或者 config/index.ts）中配置：

```js
export default {
  // ... 其他配置
  define: {
    AMAP_DRILL_SERVER_KEY: '你申请的Web服务端的key',
    AMAP_DRILL_JS_KEY: '你申请的Web JS API的key',
    AMAP_DRILL_JS_SECRET: '你申请的Web JS API的secret',
  },
};
```

- 如果你是 webpack 项目，请在 webpack 配置文件中配置：

```js
new webpack.DefinePlugin({
  AMAP_DRILL_SERVER_KEY: '你申请的Web服务端的key',
  AMAP_DRILL_JS_KEY: '你申请的Web JS API的key',
  AMAP_DRILL_JS_SECRET: '你申请的Web JS API的secret',
});
```

如果是 ts 项目的话，还需要在你的项目的.d.ts 文件进行配置：

```ts
declare const AMAP_DRILL_SERVER_KEY: string;
declare const AMAP_DRILL_JS_KEY: string;
declare const AMAP_DRILL_JS_SECRET: string;
```

## API

| 属性        | 必填    | 说明               | 类型                                     | 默认值   |
| ----------- | ------- | ------------------ | ---------------------------------------- | -------- |
| adcode      | `false` | 地图行政区划 code  | `string`                                 | `100000` |
| top         | `false` | 和顶部的距离       | `number`                                 | `40`     |
| zoom        | `false` | 地图缩放           | `number`                                 | `1`      |
| showLabel   | `false` | 显示地名           | `boolean`                                | `false`  |
| labelSize   | `false` | 地名字体大小       | `number`                                 | `16`     |
| silent      | `false` | 是否禁用图表交互   | `boolean`                                | `false`  |
| simple      | `false` | 是否以简单地图展示 | `boolean`                                | `false`  |
| enableDrill | `false` | 允许下钻           | `boolean`                                | `true`   |
| config      | `false` | 图表配置           | `Partial<EChartsOption>`                 |          |
| style       | `false` | 自定义样式         | `CSSProperties`                          |          |
| onEvents    | `false` | 自定义事件         | `Record<string, (params?: any) => void>` |          |

## 默认效果

<!-- <code src="../../example/DrillMapDemo/demo1.tsx" background="#040727"> -->

## 禁用下钻

<!-- <code src="../../example/DrillMapDemo/demo2.tsx" background="#040727"> -->

## 初始地图为四川省

<!-- <code src="../../example/DrillMapDemo/demo3.tsx" background="#040727"> -->

## 初始地图为四川省 (简单地图)

<!-- <code src="../../example/DrillMapDemo/demo4.tsx" background="#040727"> -->

## 地图放大 1.2 倍

<!-- <code src="../../example/DrillMapDemo/demo5.tsx" background="#040727"> -->


================================================
FILE: packages/lego-map/src/drill/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';

import * as echarts from 'echarts/core';
import type { EChartsOption, SeriesOption } from 'echarts';
import ReactEcharts from 'echarts-for-react';
import { isArray, merge } from 'lodash-es';

import { DistrictInfo, formatAdcode, register } from '../utils';
import { generate4MapLayers, generateMapLayer } from '../utils/baseSeries';
import { genAmapAdcodeUrl, INITIAL_ADCODE } from '../utils/constant';
import './index.less';

interface DrillMapProps {
  /** 初始化地图行政区号，默认为100000表示中国 */
  adcode?: string;
  /** 顶部偏移量 */
  top?: number;
  /** 地图缩放 */
  zoom?: number;
  /** 显示地名 */
  showLabel?: boolean;
  /** 地名字体大小 */
  labelSize?: number;
  /** 是否禁用图表交互 */
  silent?: boolean;
  /** 是否简单地图 */
  simple?: boolean;
  /** 允许下钻 */
  enableDrill?: boolean;
  /** 图表配置 */
  config?: Partial<EChartsOption>;
  /** 图表样式 */
  style?: CSSProperties;
  /** 图表事件 */
  onEvents?: Record<string, (params?: any) => void>;
}

const DrillMap = forwardRef<ReactEcharts, DrillMapProps>(
  (
    {
      onEvents = {},
      config = {},
      adcode = INITIAL_ADCODE,
      top = 40,
      zoom = 1,
      enableDrill = true,
      showLabel = true,
      labelSize,
      style,
      silent = false,
      simple = false,
    },
    ref
  ) => {
    const regions = useRef<DistrictInfo[]>([]);
    const [option, setOption] = useState<EChartsOption>({});
    const [selectedArea, setSelectedArea] = useState<DistrictInfo>();

    /** 调用高德地图API请求地区编码数据 */
    useEffect(() => {
      (async () => {
        const url = genAmapAdcodeUrl(adcode);
        const result = await fetch(url, {
          method: 'GET',
        });
        const res = await result.json();
        if (res && res.status === '1' && res.info === 'OK') {
          const _regions = formatAdcode(res.districts, adcode);
          regions.current = _regions;

          const currentArea = _regions.find(item => item.adcode === adcode);
          if (!currentArea) return;

          await register(currentArea.name, currentArea.adcode);
          setOption(createOption(currentArea));
        }
      })();
    }, [adcode]);

    const createOption = (selectedArea: DistrictInfo) => {
      const { series, ...restConfig } = config;
      const configSeries = isArray(series) ? series : [series].filter(Boolean);

      const mapName = selectedArea.adcode === INITIAL_ADCODE ? 'china' : selectedArea.name;
      const mapConfig: any = {
        backgroundColor: '',
        tooltip: {
          trigger: 'item',
        },
        geo: {
          show: mapName === 'china' ? true : false,
          map: 'china',
          aspectScale: 0.75,
          roam: false,
          silent: true,
          top,
          zoom,
          itemStyle: {
            borderColor: '#697899',
            borderWidth: 1,
            areaColor: '#103682',
            shadowColor: 'RGBA(75, 192, 255, 0.6)',
            shadowOffsetX: 6,
            shadowOffsetY: 5,
            shadowBlur: 20,
          },
          regions: [
            {
              name: '南海诸岛',
              itemStyle: {
                areaColor: '#103682',
                borderColor: 'RGBA(75, 192, 255, 0.6)',
              },
              label: {
                show: true,
                color: '#fff',
              },
            },
          ],
        },
        series: [
          ...(simple
            ? generateMapLayer(mapName, top, zoom, showLabel, labelSize, silent)
            : generate4MapLayers(mapName, top, zoom, showLabel, labelSize, silent)),
          ...(configSeries as SeriesOption[]),
        ],
      };
      return merge(mapConfig, restConfig);
    };

    /** 返回上级地图 */
    const goBack = useCallback(async () => {
      if (!selectedArea) return;

      const currentArea = regions.current.find(item => item.adcode === selectedArea.adcode);
      const parentArea = regions.current.find(item => item.adcode === currentArea!.parent);

      if (parentArea) {
        await register(parentArea.name, parentArea.adcode);
        setOption(createOption(parentArea));
        setSelectedArea(parentArea);
      }
    }, [selectedArea]);

    /** 地图下钻 */
    const handleDrill = useCallback(
      async (params: any) => {
        if (!enableDrill) return;

        // 根据 name，找到对应的地图
        const { name } = params;
        // 首先需要根据 name 转换成对应的 adCode
        const area = regions.current?.find(item => item.name === name);

        // 判断 area 的 level
        if (area?.level === 'district' || area?.level === 'country') return;

        if (area) {
          await register(area.name, area.adcode);
          setOption(createOption(area));
          setSelectedArea(area);
        }
      },
      [enableDrill]
    );

    const events = useMemo(() => {
      if (!enableDrill) return onEvents;

      return {
        ...onEvents,
        click: handleDrill,
      };
    }, [enableDrill, onEvents, handleDrill]);

    return (
      <div className="td-lego-map-container">
        {selectedArea?.adcode && selectedArea.adcode !== adcode && selectedArea.level !== 'country' && (
          <div className="td-lego-map-return-btn" onClick={goBack}>
            {'< 返回上级'}
          </div>
        )}
        <ReactEcharts ref={ref} echarts={echarts} option={option} onEvents={events} style={style} />
      </div>
    );
  }
);

export default DrillMap;


================================================
FILE: packages/lego-map/src/index.ts
================================================
import { default as BasicMap } from './basic';
import { default as DrillMap } from './drill';
import { default as SimpleMap } from './simple';

export { BasicMap, DrillMap, SimpleMap };


================================================
FILE: packages/lego-map/src/simple/index.md
================================================
---
title: 简单地图
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 地图
  order: 1
---

# 简单地图

## API

| 属性      | 必填    | 说明             | 类型                                     | 默认值  |
| --------- | ------- | ---------------- | ---------------------------------------- | ------- |
| mapName   | `false` | 地图名字         | `string`                                 | `china` |
| mapJson   | `false` | 地图 json 数据   | `string`                                 |         |
| top       | `false` | 和顶部的距离     | `number`                                 | `40`    |
| zoom      | `false` | 地图缩放         | `number`                                 | `1`     |
| showLabel | `false` | 显示地名         | `boolean`                                | `false` |
| labelSize | `false` | 地名字体大小     | `number`                                 | `16`    |
| silent    | `false` | 是否禁用图表交互 | `boolean`                                | `false` |
| config    | `false` | 图表配置         | `Partial<EChartsOption>`                 |         |
| style     | `false` | 自定义样式       | `CSSProperties`                          |         |
| onEvents  | `false` | 自定义事件       | `Record<string, (params?: any) => void>` |         |

## 默认效果

<code src="../../example/SimpleMapDemo/demo1.tsx" background="#040727">

## 自定义地图

<code src="../../example/SimpleMapDemo/demo2.tsx" background="#040727">

## 不显示地名

<code src="../../example/SimpleMapDemo/demo3.tsx" background="#040727">

## 禁用地图交互

<code src="../../example/SimpleMapDemo/demo4.tsx" background="#040727">

## 自定义地图配置

<code src="../../example/SimpleMapDemo/demo5.tsx" background="#040727">

## 地图放大 1.2 倍

<code src="../../example/SimpleMapDemo/demo6.tsx" background="#040727">


================================================
FILE: packages/lego-map/src/simple/index.tsx
================================================
import React, { CSSProperties, forwardRef, useEffect, useState } from 'react';

import * as echarts from 'echarts/core';
import type { EChartsOption, SeriesOption } from 'echarts';
import ReactEcharts from 'echarts-for-react';
import { isArray, merge } from 'lodash-es';

import chinaMapJson from '../assets/china';
import { generateMapLayer } from '../utils/baseSeries';
import { INITIAL_MAP_NAME } from '../utils/constant';

interface SimpleMapProps {
  /** 地图名称 */
  mapName?: string;
  /** 图表geoJson数据 */
  mapJson?: any;
  /** 顶部偏移量 */
  top?: number;
  /** 地图缩放 */
  zoom?: number;
  /** 显示地名 */
  showLabel?: boolean;
  /** 地名字体大小 */
  labelSize?: number;
  /** 是否禁用图表交互 */
  silent?: boolean;
  /** 图表配置 */
  config?: Partial<EChartsOption>;
  /** 图表样式 */
  style?: CSSProperties;
  /** 图表事件 */
  onEvents?: Record<string, (params?: any) => void>;
}

const SimpleMap = forwardRef<ReactEcharts, SimpleMapProps>(
  (
    {
      mapName = INITIAL_MAP_NAME,
      mapJson = chinaMapJson,
      top = 40,
      zoom = 1,
      showLabel = true,
      labelSize,
      style,
      silent = false,
      onEvents,
      config = {},
    },
    ref
  ) => {
    const [loading, setLoading] = useState(true);
    const [option, setOption] = useState<any>(config);

    // 注册地图
    useEffect(() => {
      echarts.registerMap(mapName, mapJson);

      const { series, ...restConfig } = config;
      const configSeries = isArray(series) ? series : [series].filter(Boolean);
      setOption(
        merge(
          {
            backgroundColor: '',
            tooltip: {
              trigger: 'item',
            },
            geo: {
              map: mapName,
              roam: false,
              silent: true,
              top,
              zoom,
              regions: [
                {
                  name: '南海诸岛',
                  itemStyle: {
                    areaColor: '#103682',
                    borderColor: 'RGBA(75, 192, 255, 0.6)',
                  },
                  label: {
                    show: true,
                    color: '#fff',
                  },
                },
              ],
            },
            series: [
              ...generateMapLayer(mapName, top, zoom, showLabel, labelSize, silent),
              ...(configSeries as SeriesOption[]),
            ],
          },
          restConfig
        )
      );

      setLoading(false);
      // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [JSON.stringify(config), labelSize, mapJson, mapName, showLabel, silent, top]);

    return (
      <ReactEcharts
        ref={ref}
        echarts={echarts}
        showLoading={loading}
        option={option}
        onEvents={onEvents}
        style={style}
      />
    );
  }
);

export default SimpleMap;


================================================
FILE: packages/lego-map/src/utils/baseSeries.ts
================================================
import { defaultBg } from '../assets/bgImage';

export const pvTop = 105;
export const INITIAL_ZOOM = 1.2;

/**
 * 默认四层地图叠加实现立体效果
 */
export const generate4MapLayers = (
  mapName: string,
  top = 20,
  zoom = 1,
  showLabel = true,
  labelSize = 14,
  silent = false,
  imgBase64 = defaultBg
) => {
  const bgImage = new Image();
  bgImage.src = imgBase64;

  return [
    {
      type: 'map',
      zoom,
      top: top - 2,
      roam: false,
      silent: true,
      geoIndex: 0,
      map: `${mapName}0`,
      itemStyle: {
        borderColor: '#4570C6',
        borderWidth: 1,
        areaColor: '#1645a3',
      },
    },
    {
      type: 'map',
      zoom,
      top: top - 4,
      roam: false,
      silent: true,
      map: `${mapName}1`,
      itemStyle: {
        borderColor: '#a2a2b2',
        borderWidth: 2,
        areaColor: '#1246ad',
        shadowColor: '#1B4EB8',
        shadowOffsetX: -2,
        shadowOffsetY: -5,
        shadowBlur: 8,
      },
    },
    {
      type: 'map',
      zoom,
      roam: false,
      top: top - 6,
      silent: true,
      map: `${mapName}2`,
      itemStyle: {
        borderColor: '#cbcbdc',
        borderWidth: 3,
        areaColor: '#103682',
        shadowColor: '#1B4EB8',
        shadowOffsetX: -2,
        shadowOffsetY: -5,
        shadowBlur: 8,
      },
    },
    {
      type: 'map',
      zoom,
      silent,
      roam: false,
      top: top - 8,
      map: `${mapName}3`,
      label: {
        show: showLabel,
        color: '#fff',
        fontSize: labelSize,
      },
      tooltip: {
        show: false,
      },
      itemStyle: {
        areaColor: {
          image: bgImage,
          repeat: 'repeat',
        },
        shadowColor: '#1B4EB8',
        shadowOffsetX: -2,
        shadowOffsetY: -5,
        shadowBlur: 8,
        borderColor: '#fff',
        borderWidth: 1,
      },
      select: {
        label: { show: true, color: '#fff' },
        itemStyle: {
          areaColor: '#49e7db',
          opacity: 0.6,
          borderWidth: 2,
          borderColor: '#16fff1',
        },
      },
      emphasis: {
        label: { show: true, color: '#fff' },
        itemStyle: {
          areaColor: '#49e7db',
          opacity: 0.6,
          borderWidth: 2,
          borderColor: '#16fff1',
        },
      },
    },
  ];
};

/**
 * 单层地图
 */
export const generateMapLayer = (
  mapName: string,
  top: number,
  zoom: number,
  showLabel = true,
  labelSize = 14,
  silent = false,
  imgBase64 = defaultBg
) => {
  const bgImage = new Image();
  bgImage.src = imgBase64;

  return [
    {
      type: 'map',
      silent,
      roam: false,
      top,
      zoom,
      map: mapName,
      label: {
        show: showLabel,
        color: '#fff',
        fontSize: labelSize,
      },
      tooltip: {
        show: false,
      },
      itemStyle: {
        areaColor: {
          image: bgImage,
          repeat: 'repeat',
        },
        shadowColor: '#1B4EB8',
        shadowOffsetX: -2,
        shadowOffsetY: -5,
        shadowBlur: 8,
        borderColor: '#fff',
        borderWidth: 1,
      },
      select: {
        label: { show: true, color: '#fff' },
        itemStyle: {
          areaColor: '#49e7db',
          opacity: 0.6,
          borderWidth: 2,
          borderColor: '#16fff1',
        },
      },
      emphasis: {
        label: { show: true, color: '#fff' },
        itemStyle: {
          areaColor: '#49e7db',
          opacity: 0.6,
          borderWidth: 2,
          borderColor: '#16fff1',
        },
      },
    },
  ];
};


================================================
FILE: packages/lego-map/src/utils/constant.ts
================================================
/** 初始化地图名称 */
export const INITIAL_MAP_NAME = 'china';

/** 初始化行政区号 */
export const INITIAL_ADCODE = '100000';

export const genAmapAdcodeUrl = (adcode = INITIAL_ADCODE) =>
  `https://restapi.amap.com/v3/config/district?keywords=${adcode}&subdistrict=3&extensions=base&key=${AMAP_DRILL_SERVER_KEY}`;


================================================
FILE: packages/lego-map/src/utils/index.ts
================================================
import * as echarts from 'echarts/core';
import AMapLoader from '@amap/amap-jsapi-loader';

import chinaJson from '../assets/china';
import { INITIAL_ADCODE } from './constant';

interface AMapDistrict {
  adcode: string;
  name: string;
  level: 'country' | 'province' | 'city' | 'district';
  districts: AMapDistrict[];
}

export type DistrictInfo = Pick<AMapDistrict, 'adcode' | 'level' | 'name'> & {
  parent: string;
};

/**
 * 对高德地图返回的省市区数据进行打平处理，方便后期根据地区名字查询地区编码
 * @param districts
 */
export function formatAdcode(districts: AMapDistrict[], adcode: string) {
  const pcd: DistrictInfo[] = [];

  function _format(districts: AMapDistrict[], adcode: string) {
    districts.forEach(d => {
      pcd.push({
        parent: adcode,
        adcode: d.adcode,
        level: d.level,
        name: d.name,
      });
      if (d.districts) {
        _format(d.districts, d.adcode);
      }
    });
  }

  _format(districts, adcode);

  return pcd;
}

// 缓存地图数据
const memoizedMaps = {};

export async function register(mapName: string, adcode: string) {
  if (adcode === INITIAL_ADCODE) {
    return new Promise(resolve => {
      echarts.registerMap('china', chinaJson as any);
      new Array(4).fill('').forEach((_, i) => {
        echarts.registerMap(`china${i}`, chinaJson as any);
      });
      resolve(true);
    });
  } else {
    const mapJson = memoizedMaps[mapName];
    if (mapJson) {
      return new Promise(resolve => {
        echarts.registerMap(mapName, mapJson);
        new Array(4).fill('').forEach((_, i) => {
          echarts.registerMap(`${mapName}${i}`, mapJson);
        });

        resolve(true);
      });
    } else {
      // @ts-ignore
      if (!window._AMapSecurityConfig) {
        // @ts-ignore
        window._AMapSecurityConfig = {
          securityJsCode: AMAP_DRILL_JS_SECRET,
        };
      }
      await AMapLoader.load({
        key: AMAP_DRILL_JS_KEY,
        version: '2.0',
        AMapUI: {
          plugins: ['geo/DistrictExplorer'], // 这是关键插件
        },
      });
      await loadUI(mapName, adcode);
    }
  }
}

function loadUI(mapName: string, adcode: string) {
  return new Promise((resolve, reject) => {
    // @ts-ignore
    window.AMapUI.loadUI(['geo/DistrictExplorer'], (DistrictExplorer: any) => {
      const districtExplorer = new DistrictExplorer();
      districtExplorer.loadAreaNode(adcode, (error: Error, areaNode: any) => {
        if (error) {
          reject(error);
        }
        const features = areaNode.getSubFeatures(); // 获取Features
        const geoJson = {
          type: 'FeatureCollection',
          features,
        } as any;

        memoizedMaps[mapName] = geoJson;
        echarts.registerMap(mapName, geoJson);
        new Array(4).fill('').forEach((_, i) => {
          echarts.registerMap(`${mapName}${i}`, geoJson);
        });

        resolve(true);
      });
    });
  });
}


================================================
FILE: packages/lego-map/tsconfig.json
================================================
{
  "compilerOptions": {
    "target": "ES5",
    "lib": ["dom", "ESNext"],
    "moduleResolution": "node",
    "jsx": "react",
    "allowJs": true,
    "esModuleInterop": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "declaration": false,
    "strictNullChecks": true,
    "baseUrl": "."
  },
  "exclude": ["node_modules", "lib", "es", "dist", "**/index.test.ts", "**/demo", "coverage", "**/*.js", "example"]
}


================================================
FILE: packages/lego-map/typings.d.ts
================================================
declare module '*.css';
declare module '*.less';
declare module '*.png';
declare module '*.webp';
declare module '*.svg';

declare const AMAP_DRILL_SERVER_KEY: string;
declare const AMAP_DRILL_JS_KEY: string;
declare const AMAP_DRILL_JS_SECRET: string;

declare interface Window {
  echarts: any;
}


================================================
FILE: packages/lego-video/CHANGELOG.md
================================================
# @td-design/lego-video

## 1.1.1

### Patch Changes

- [`e749c01a6`](https://github.com/thundersdata-frontend/td-design/commit/e749c01a6daa53c1171104b30b720dc3625ce1f9) - 去除一些使用 useMemo 的过度优化场景


================================================
FILE: packages/lego-video/example/VideoDemo/demo1.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return (
    <Video
      id="demo1"
      videoUrls={[
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
      ]}
    />
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo2.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return (
    <Video
      id="demo2"
      videoUrls={[
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
      ]}
      width={300}
      height={150}
    />
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo3.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return (
    <Video
      id="demo3"
      videoUrls={[
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
      ]}
      enableMemory
    />
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo4.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return (
    <Video
      id="demo4"
      videoUrls={[
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
      ]}
      autoplay
      muted
    />
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo5.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return (
    <Video
      id="demo5"
      videoUrls={[
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
      ]}
      isLoop={false}
    />
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo6.tsx
================================================
import React, { useState, useCallback } from 'react';
import Video from '@td-design/lego-video';
import { Button } from 'antd';

export default () => {
  const [currentIndex, setCurrentIndex] = useState<number>(0);
  return (
    <div>
      <Video
        id="demo6"
        currentIndex={currentIndex}
        setCurrentIndex={setCurrentIndex}
        videoUrls={[
          'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
          'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
        ]}
      />
      <div style={{ marginTop: 8 }}>
        <Button type="primary" style={{ marginRight: 8 }} onClick={() => setCurrentIndex(0)}>
          第一集
        </Button>
        <Button type="primary" onClick={() => setCurrentIndex(1)}>
          第二集
        </Button>
      </div>
    </div>
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo7.tsx
================================================
import React, { useState, useEffect } from 'react';
import Video from '@td-design/lego-video';
import { Button, Modal } from 'antd';

export default () => {
  const [visible, setVisible] = useState<boolean>(false);
  return (
    <div>
      <Button type="primary" onClick={() => setVisible(true)}>
        显示弹窗
      </Button>
      <Modal visible={visible} onCancel={() => setVisible(false)} width={600}>
        <Video
          id="demo7"
          visible={visible}
          autoplay
          videoUrls={[
            'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
            'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
          ]}
          width={500}
        />
      </Modal>
    </div>
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo8.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return (
    <Video
      id="demo8"
      videoUrls={[
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
        'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
      ]}
      definitionList={[
        [
          {
            name: '标清',
            url: 'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
          },
          {
            name: '高清',
            url: 'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
          },
        ],
        [
          {
            name: '标清',
            url: 'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615240630670967.mov',
          },
          {
            name: '高清',
            url: 'https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1631615153504280070.m4v',
          },
        ],
      ]}
      width={500}
    />
  );
};


================================================
FILE: packages/lego-video/example/VideoDemo/demo9.tsx
================================================
import React from 'react';
import Video from '@td-design/lego-video';

export default () => {
  return <Video id="demo9" videoUrls={[]} />;
};


================================================
FILE: packages/lego-video/package.json
================================================
{
  "name": "@td-design/lego-video",
  "version": "1.1.1",
  "description": "雷数大屏素材库-视频组件",
  "keywords": [
    "thundersdata",
    "frontend",
    "lego",
    "video"
  ],
  "homepage": "https://github.com/thundersdata-frontend/td-design#readme",
  "license": "Apache-2.0",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/thundersdata-frontend/td-design.git"
  },
  "scripts": {
    "build": "rollup -c"
  },
  "bugs": {
    "url": "https://github.com/thundersdata-frontend/td-design/issues"
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61",
  "dependencies": {
    "lodash-es": "^4.17.21",
    "xgplayer": "^2.32.1"
  },
  "devDependencies": {
    "@types/lodash-es": "^4.17.8",
    "@types/react": "^18.2.15",
    "@types/react-dom": "^18.2.7",
    "typescript": "^5.1.6",
    "@rollup/plugin-babel": "^6.0.3",
    "@rollup/plugin-commonjs": "^25.0.3",
    "@rollup/plugin-node-resolve": "^15.1.0",
    "rollup": "^3.26.3",
    "rollup-plugin-typescript2": "^0.35.0",
    "tslib": "^2.6.0"
  }
}

================================================
FILE: packages/lego-video/rollup.config.js
================================================
const commonjs = require('@rollup/plugin-commonjs');
const resolve = require('@rollup/plugin-node-resolve');
const typescript = require('rollup-plugin-typescript2')
const fs = require("fs")

const noDeclarationFiles = { compilerOptions: { declaration: false } };

let pkg = JSON.parse(fs.readFileSync('./package.json')),
    external = Object.keys(pkg.dependencies || {});

module.exports = [
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/commonjs',
      format: 'cjs',
      name: '[name].js',
      preserveModules: true, 
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs(),
      typescript({tsconfig: "tsconfig.json",tsconfigOverride:{ compilerOptions: { declaration: true ,declarationDir:'./lib/typescript'} },useTsconfigDeclarationDir: true}),
    ],
    external: ['react', 'react-dom',...external,/node_modules/],
  },
  {
    input: ['./src/index.ts'],
    output: {
      dir: 'lib/module',
      format: 'esm',
      entryFileNames: '[name].js',
      preserveModules: true, 
      preserveModulesRoot: 'src',
    },
    plugins: [
      resolve(),
      commonjs({ mainFields: ["module", "main", "jsnext:main", "browser"],
      extensions: [".js", ".mjs", ".json"],
      sourceMap: false,
      browser: true,}),
      typescript({ tsconfigOverride: noDeclarationFiles}),
    ],
    external: ['react', 'react-dom',...external,/node_modules/],
  }
]




================================================
FILE: packages/lego-video/src/index.ts
================================================
import { default as Video } from './video';

export default Video;


================================================
FILE: packages/lego-video/src/video/index.md
================================================
---
title: 视频
nav:
  title: 大屏素材库
  path: /screen
group:
  title: 其他
---

# 视频

## API (继承自 xgplayer)

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| id | `true` | 唯一 id 值 | `string` |  |
| videoUrls | `true` | 视频路径数组 | `string[]` |  |
| definitionList | `false` | 清晰度视频数组,顺序应与 videoUrls 保持一致 | `{name: string; url: string}[][]` |  |
| isLoop | `false` | 是否循环播放 | `boolean` | `true` |
| visible | `false` | 是否可见 | `boolean` | `true` |
| muted | `false` | 是否静音播放 | `boolean` | `false` |
| videoInit | `false` | 初始化显示首帧 | `boolean` | `true` |
| enableMemory | `false` | 是否允许记忆播放 | `boolean` | `false` |
| lastPlayTimeHideDelay | `false` | 记忆提示文字展示时长(s) | `number` | `5` |
| currentIndex | `false` | 手动控制当前播放集数 | `number` |  |
| setCurrentIndex | `false` | 控制当前播放视频 | `(currentIndex: number) => void` |  |
| style | `false` | 自定义样式 | `CSSProperties` |  |
| className | `false` | 自定义类名 | `string` |  |

## 基本使用

默认循环播放。

**注：因为浏览器的限制，用户必须手动点击播放以后才能允许自动播放视频，或者设置视频为静音(muted)**

<code src="../../example/VideoDemo/demo1.tsx" background="#fff">

## 自定义设置宽高

<code src="../../example/VideoDemo/demo2.tsx" background="#fff">

## 启用记忆播放

下次开始播放时可以自动跳转到对应集数和进度。

<code src="../../example/VideoDemo/demo3.tsx" background="#fff">

## 自动播放（静音）

<code src="../../example/VideoDemo/demo4.tsx" background="#fff">

## 禁用循环播放

<code src="../../example/VideoDemo/demo5.tsx" background="#fff">

## 按钮控制播放第几集

<code src="../../example/VideoDemo/demo6.tsx" background="#fff">

## 按钮点击出现视频弹窗

<code src="../../example/VideoDemo/demo7.tsx" background="#fff">

## 配置清晰度

传入清晰度视频数组 definitionList,顺序应与 videoUrls 保持一致,当只有一个清晰度源的时候清晰度配置会默认隐藏。

<code src="../../example/VideoDemo/demo8.tsx" background="#fff">

## 视频数组为空

<code src="../../example/VideoDemo/demo9.tsx" background="#fff">


================================================
FILE: packages/lego-video/src/video/index.tsx
================================================
import React, { CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';

import { isEmpty } from 'lodash-es';
import Player, { IPlayerOptions } from 'xgplayer';

// 默认速度控制
const DEFAULT_PLAY_BACK_RATE = [0.5, 0.75, 1, 1.5, 2];

// 默认记忆提示文字展示时长(s)
const DEFAULT_LAST_PLAY_TIME_DELAY = 5;

interface PlayerProps extends Player {
  currentVideoIndex?: number;
  video?: { duration: number };
  on: (eventName: string | symbol, listener: (...args: any[]) => void) => this;
  off: (eventName: string | symbol, listener: (...args: any[]) => void) => this;
  emit: (eventName: string | symbol, ...args: any[]) => boolean;
}

/** 清晰度视频项目,name 为清晰度,url 为视频源 */
export interface DefinitionItemProps {
  name: string;
  url: string;
}

/** 视频属性配置，继承 xgplayer 配置属性 */
interface VideoProps extends Omit<IPlayerOptions, 'url' | 'loop'> {
  /** 唯一id值 */
  id: string;
  /** 视频路径数组 */
  videoUrls: string[];
  /** 清晰度视频数组,顺序应与 videoUrls 保持一致 */
  definitionList?: DefinitionItemProps[][];
  /** 是否循环播放(多视频只支持循环播放) */
  isLoop?: boolean;
  /** 是否可见 */
  visible?: boolean;
  /** 是否静音播放 */
  muted?: boolean;
  /** 初始化显示首帧 */
  videoInit?: boolean;
  /** 是否允许记忆播放 */
  enableMemory?: boolean;
  /** 记忆提示文字展示时长(s) */
  lastPlayTimeHideDelay?: number;
  /** 手动控制当前播放集数 */
  currentIndex?: number;
  setCurrentIndex?: (currentIndex: number) => void;
  style?: CSSProperties;
  className?: string;
}

// 默认音量大小
const DEFAULT_VOLUME = 0.6;

export default forwardRef<PlayerProps, VideoProps>(
  (
    {
      id,
      videoUrls = [],
      definitionList = [],
      isLoop = true,
      muted = false,
      currentIndex: parentIndex,
      setCurrentIndex: setParentIndex,
      className,
      style,
      visible = true,
      autoplay = false,
      videoInit = true,
      enableMemory = false,
      lastPlayTimeHideDelay = DEFAULT_LAST_PLAY_TIME_DELAY,
      ...props
    },
    playerRef
  ) => {
    const player = useRef<PlayerProps>();
    const [firstRender, setFirstRender] = useState<boolean>(true);
    const [ready, setReady] = useState<boolean>(false);
    const currentPlayerIndex = useRef<number>(0);
    // 内置的 index 状态管理
    const [videoIndex, setVideoIndex] = useState<number>(0);

    const currentIndex = parentIndex ?? videoIndex;
    const setCurrentIndex = setParentIndex ?? setVideoIndex;

    const config = useRef<IPlayerOptions>({
      url: videoUrls[0],
      playbackRate: DEFAULT_PLAY_BACK_RATE, // 传入倍速可选数组
      playNext: {
        urlList: videoUrls.slice(1),
      },
      volume: muted ? 0 : DEFAULT_VOLUME,
      autoplay,
      videoInit,
      lastPlayTimeHideDelay,
      ...props,
    });

    /** 设置当前播放 index */
    const handleSetCurrentIndex = useCallback(
      ({ currentIdx, videoUrls }: { currentIdx?: number; videoUrls: string[] }) => {
        let newIdx = currentIdx ?? currentPlayerIndex.current + 1;
        if (newIdx >= videoUrls.length) {
          newIdx = 0;
        }
        setCurrentIndex(newIdx);
      },
      [setCurrentIndex]
    );

    /** 结束事件 */
    const onEnd = useCallback(
      (isLoop: boolean, videoUrls: string[]) => () => {
        // 如果是循环或有其他视频未播放完，继续播放下一个
        if (isLoop || (!isLoop && currentPlayerIndex.current < videoUrls.length - 1)) {
          setTimeout(() => player.current?.play());
        }
        handleSetCurrentIndex({ videoUrls });
      },
      [handleSetCurrentIndex]
    );

    /** 点击下一个事件 */
    const onPlayNextBtnClick = useCallback(
      (videoUrls: string[]) => () => {
        if (player.current) {
          // 防止 next 按钮消失
          player.current.currentVideoIndex = videoUrls.length - 2;
        }
        handleSetCurrentIndex({ videoUrls });
      },
      [handleSetCurrentIndex]
    );

    /** 播放下一个 */
    const handlePlayNext = useCallback(
      (currentIdx: number, isLoop: boolean) => {
        if (!player.current) {
          return;
        }
        player.current.src = videoUrls[currentIdx];
        player.current.emit('playerNext', currentIdx);
        player.current.play();
        currentPlayerIndex.current = currentIdx;
        if (isLoop) {
          // 防止 next 按钮消失
          player.current.currentVideoIndex = -videoUrls.length;
        }
      },
      [videoUrls]
    );

    /** 重置视频 */
    const handleReset = useCallback(() => {
      if (!player.current) {
        return;
      }
      setCurrentIndex(0);
      currentPlayerIndex.current = -1;
      player.current.destroy();
      player.current = undefined;
    }, [setCurrentIndex]);

    /** 弹窗中的视频关闭以后重置 */
    useEffect(() => {
      if (!visible) {
        handleReset();
      }
    }, [handleReset, visible]);

    /** 当 currentIndex 改变以后自动播放下一个 */
    useEffect(() => {
      if (!player.current || !visible) {
        return;
      }
      handlePlayNext(currentIndex ?? currentPlayerIndex.current, isLoop);
    }, [currentIndex, handlePlayNext, isLoop, visible]);

    /** 播放器初始化并绑定事件 */
    useEffect(() => {
      if (!visible || isEmpty(videoUrls) || player.current) {
        return;
      }
      const newConfig = {
        ...config.current,
        muted,
        volume: muted ? 0 : DEFAULT_VOLUME,
        autoplay,
        videoInit,
      };
      setReady(false);
      setFirstRender(false);
      // @ts-ignore
      player.current = new Player(newConfig);
      player.current!.currentVideoIndex = -videoUrls.length;
      player.current!.on('ended', onEnd(isLoop, videoUrls));

      // 播放记忆缓存
      if (enableMemory) {
        const videoPlayedTimeObj = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}');
        player.current?.on('timeupdate', () => {
          if (currentPlayerIndex.current === -1) {
            return;
          }
          localStorage.setItem(
            'videoPlayedTime',
            JSON.stringify({
              ...videoPlayedTimeObj,
              [id]: {
                lastPlayTime: player.current?.currentTime,
                videoIndex: currentPlayerIndex.current,
              },
            })
          );
        });
      }
      player.current?.on('playNextBtnClick', onPlayNextBtnClick(videoUrls));
    }, [
      ready,
      autoplay,
      enableMemory,
      handleSetCurrentIndex,
      id,
      isLoop,
      videoUrls,
      videoUrls.length,
      visible,
      muted,
      videoInit,
      onEnd,
      onPlayNextBtnClick,
    ]);

    /** 读取缓存的播放记忆并跳转 */
    useEffect(() => {
      if (enableMemory && visible) {
        const { lastPlayTime, videoIndex } = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}')?.[id] || {};
        setTimeout(() => {
          handleSetCurrentIndex({ currentIdx: videoIndex, videoUrls });
          setTimeout(() => {
            if (player.current) {
              player.current.currentTime = lastPlayTime;
            }
          });
        });
      }
    }, [visible, enableMemory, handleSetCurrentIndex, id, videoUrls]);

    /** 加载清晰度配置 */
    useEffect(() => {
      if (!isEmpty(definitionList[currentIndex]) && player.current) {
        player.current.emit('resourceReady', definitionList[currentIndex]);
      }
    }, [currentIndex, definitionList]);

    useEffect(() => {
      if (firstRender) {
        return;
      }
      player.current?.off('ended', onEnd(isLoop, videoUrls));
      player.current?.off('playNextBtnClick', onPlayNextBtnClick(videoUrls));
      player.current?.destroy();
      player.current = undefined;
      setReady(true);
      // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [muted, isLoop, videoUrls, autoplay, videoInit, onEnd, onPlayNextBtnClick]);

    const getRef = useCallback(
      ref => {
        if (ref && visible) {
          const newConfig = {
            ...config.current,
            el: ref,
            url: videoUrls[0],
            playNext: {
              urlList: videoUrls.slice(1),
            },
          };
          if (enableMemory) {
            const { lastPlayTime } = JSON.parse(localStorage.getItem('videoPlayedTime') || '{}')?.[id] || {};
            Object.assign(newConfig, { lastPlayTime, lastPlayTimeHideDelay });
          }
          config.current = newConfig;
        }

        if (playerRef) {
          if (typeof playerRef === 'function') {
            playerRef(player.current!);
          } else {
            playerRef.current = player.current!;
          }
        }
      },
      [visible, playerRef, videoUrls, enableMemory, id, lastPlayTimeHideDelay]
    );
    return <div className={className} ref={getRef} style={style}></div>;
  }
);


================================================
FILE: packages/lego-video/tsconfig.json
================================================
{
  "compilerOptions": {
    "target": "ES5",
    "lib": ["dom", "ESNext"],
    "moduleResolution": "node",
    "jsx": "react",
    "allowJs": true,
    "esModuleInterop": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "declaration": false,
    "strictNullChecks": true,
    "baseUrl": "."
  },
  "exclude": ["node_modules", "lib", "es", "dist", "**/index.test.ts", "**/demo", "coverage", "**/*.js", "example"]
}


================================================
FILE: packages/react-native/CHANGELOG.md
================================================
# @td-design/react-native

## 5.9.9

### Patch Changes

- [#931](https://github.com/thundersdata-frontend/td-design/pull/931) [`039c394d0`](https://github.com/thundersdata-frontend/td-design/commit/039c394d03cbee95807a04722a7b076c9ac43f0b) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Radio不显示label的bug

## 5.9.8

### Patch Changes

- [#928](https://github.com/thundersdata-frontend/td-design/pull/928) [`d035cb837`](https://github.com/thundersdata-frontend/td-design/commit/d035cb837371dfc32fe7fe8105bead76195c93af) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 优化弹窗类组件的显示方式

## 5.9.7

### Patch Changes

- [#926](https://github.com/thundersdata-frontend/td-design/pull/926) [`539c12385`](https://github.com/thundersdata-frontend/td-design/commit/539c123858422a59cc73e63530e38e35e37afabb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复Toast组件导致物理返回键无法正常使用的bug

## 5.9.6

### Patch Changes

- [#923](https://github.com/thundersdata-frontend/td-design/pull/923) [`c7c10df31`](https://github.com/thundersdata-frontend/td-design/commit/c7c10df31bfc9fcf32d3a885eed7903148b20fba) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复Toast和Passcode组件的bug

## 5.9.5

### Patch Changes

- [#906](https://github.com/thundersdata-frontend/td-design/pull/906) [`c514138e2`](https://github.com/thundersdata-frontend/td-design/commit/c514138e2749fceb3d279b8d48e0b9ae4f3b409b) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复TextArea设置value无效的bug

## 5.9.4

### Patch Changes

- [#900](https://github.com/thundersdata-frontend/td-design/pull/900) [`3f109b17a`](https://github.com/thundersdata-frontend/td-design/commit/3f109b17ad7f16bd470945a59a914da5a2e92df9) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复类型问题

## 5.9.3

### Patch Changes

- [#898](https://github.com/thundersdata-frontend/td-design/pull/898) [`f61c08970`](https://github.com/thundersdata-frontend/td-design/commit/f61c08970b7f7c5b83fe821c3e966cfe31216a4e) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复弹窗子组件内无法关闭弹窗的bug

## 5.9.2

### Patch Changes

- [#896](https://github.com/thundersdata-frontend/td-design/pull/896) [`da60d29ed`](https://github.com/thundersdata-frontend/td-design/commit/da60d29ed5151d57bfd07cc82f7aebd5c5fd9863) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 为Modal增加show方法，实现指令式打开弹窗的功能

## 5.9.1

### Patch Changes

- [#894](https://github.com/thundersdata-frontend/td-design/pull/894) [`e8e96323a`](https://github.com/thundersdata-frontend/td-design/commit/e8e96323a9d4a4b6ae6f3c604330fdd675a23a30) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Input组件无法输入中文的bug

## 5.9.0

### Minor Changes

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 优化多个组件

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 优化代码性能

### Patch Changes

- Updated dependencies [[`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f), [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f)]:
  - @td-design/rn-hooks@2.8.1

## 5.8.12

### Patch Changes

- [#890](https://github.com/thundersdata-frontend/td-design/pull/890) [`fe9a1ab9d`](https://github.com/thundersdata-frontend/td-design/commit/fe9a1ab9d4cb8133257138c2f6430194faf59af3) Thanks [@chj-damon](https://github.com/chj-damon)! - 删除 `react-native-redash`依赖优化`react-native-picker` 的`onChange`事件的参数类型问题

## 5.8.11

### Patch Changes

- [#873](https://github.com/thundersdata-frontend/td-design/pull/873) [`20fe552d1`](https://github.com/thundersdata-frontend/td-design/commit/20fe552d15b50714cf4f69d7c6cd2926f048647b) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复searchbar在取消时不触发onSearch的bug

## 5.8.10

### Patch Changes

- [#863](https://github.com/thundersdata-frontend/td-design/pull/863) [`b9a711bc9`](https://github.com/thundersdata-frontend/td-design/commit/b9a711bc9a60eb8c36fc4f7f0ca058de5c432f51) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复数字输入组件的校验bug

## 5.8.9

### Patch Changes

- [#859](https://github.com/thundersdata-frontend/td-design/pull/859) [`4bd7cd7a6`](https://github.com/thundersdata-frontend/td-design/commit/4bd7cd7a640a371c20f918f85c276fb243b538d2) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复slider组件滑动不到最后的bug

## 5.8.8

### Patch Changes

- [#857](https://github.com/thundersdata-frontend/td-design/pull/857) [`a4597ec7c`](https://github.com/thundersdata-frontend/td-design/commit/a4597ec7c495edd85edff389e2b4a3f84d396dae) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 数字输入组件支持输入负数

## 5.8.7

### Patch Changes

- [#843](https://github.com/thundersdata-frontend/td-design/pull/843) [`9ea47b186`](https://github.com/thundersdata-frontend/td-design/commit/9ea47b18603db0bc1cd56066593d0e447de11b6a) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复slider滑动判断step的逻辑bug

## 5.8.6

### Patch Changes

- [#838](https://github.com/thundersdata-frontend/td-design/pull/838) [`dd79cf862`](https://github.com/thundersdata-frontend/td-design/commit/dd79cf8624e705c36e52ce865333a75a6157d5e2) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: Modal的几个方法的title属性支持传入自定义组件

## 5.8.5

### Patch Changes

- [#836](https://github.com/thundersdata-frontend/td-design/pull/836) [`85e4a81cd`](https://github.com/thundersdata-frontend/td-design/commit/85e4a81cdfa177d185cac14cbc7e890e227ed1eb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复Card组件的header不显示的bug

## 5.8.4

### Patch Changes

- [#833](https://github.com/thundersdata-frontend/td-design/pull/833) [`d6ec3d770`](https://github.com/thundersdata-frontend/td-design/commit/d6ec3d77017825a9865d4aff24793e027da6b69c) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复几个组件的bug

## 5.8.3

### Patch Changes

- Updated dependencies [[`85fcb2d49`](https://github.com/thundersdata-frontend/td-design/commit/85fcb2d49ad1a15f5db089b769ecfb610988c0d1)]:
  - @td-design/rn-hooks@2.8.0

## 5.8.2

### Patch Changes

- [#829](https://github.com/thundersdata-frontend/td-design/pull/829) [`3fc1f6424`](https://github.com/thundersdata-frontend/td-design/commit/3fc1f6424ed20c7e476530a072266461f7dff21a) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复NumberKeyboardItem/VehicleKeyboardItem组件宽度没有撑满整行的bug

## 5.8.1

### Patch Changes

- [#827](https://github.com/thundersdata-frontend/td-design/pull/827) [`4de596f49`](https://github.com/thundersdata-frontend/td-design/commit/4de596f49c82355144ddd16d93e57b5944c1f22c) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 FormListitem label属性类型问题

## 5.8.0

### Minor Changes

- [#825](https://github.com/thundersdata-frontend/td-design/pull/825) [`08ae08cd5`](https://github.com/thundersdata-frontend/td-design/commit/08ae08cd56a6510983b9fa5f4566569fea08ff05) Thanks [@chj-damon](https://github.com/chj-damon)!
  - refactor: 修改NumberKeyboard和VehicleKeyboard的弹窗实现方式
  - refactor: 变更FormListItem的title属性为label属性
  - fix: 修复NumberKeyboard和VehicleKeyboard下多个组件没有默认导出的问题

## 5.7.0

### Minor Changes

- [#821](https://github.com/thundersdata-frontend/td-design/pull/821) [`a8e2b30ce`](https://github.com/thundersdata-frontend/td-design/commit/a8e2b30ce3a34ab1404a6b741073487857d5e9c6) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 默认将所有组件导出方式统一到index,取消多个组件的Object.assign导出方式

## 5.6.1

### Patch Changes

- [#819](https://github.com/thundersdata-frontend/td-design/pull/819) [`b336ffd80`](https://github.com/thundersdata-frontend/td-design/commit/b336ffd80d98064e3a7c3dda959b2d60ba9ee0a1) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Brief组件的样式问题

## 5.6.0

### Minor Changes

- [#816](https://github.com/thundersdata-frontend/td-design/pull/816) [`4798f13b7`](https://github.com/thundersdata-frontend/td-design/commit/4798f13b780df488f355f30e59eacc9d14e2f128) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复多个组件的bug

## 5.5.4

### Patch Changes

- Updated dependencies [[`603414f12`](https://github.com/thundersdata-frontend/td-design/commit/603414f12353bdd2ae1ffa1655fcddf8b799029b)]:
  - @td-design/rn-hooks@2.7.4

## 5.5.3

### Patch Changes

- [#810](https://github.com/thundersdata-frontend/td-design/pull/810) [`b541087a3`](https://github.com/thundersdata-frontend/td-design/commit/b541087a38439df39cd2bad436ab29d090d0f419) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 继续优化Input组件的样式问题

## 5.5.2

### Patch Changes

- [#808](https://github.com/thundersdata-frontend/td-design/pull/808) [`0ff8a1d0a`](https://github.com/thundersdata-frontend/td-design/commit/0ff8a1d0a2df3367795c23f5058c9e9955dd958c) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Input组件在复杂布局场景下的样式问题

## 5.5.1

### Patch Changes

- [#805](https://github.com/thundersdata-frontend/td-design/pull/805) [`4344a1e18`](https://github.com/thundersdata-frontend/td-design/commit/4344a1e185a96cdf5fef7d1ab1bf3e4f08fb60b6) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Input相关组件在FormItem下的高度问题

## 5.5.0

### Minor Changes

- [#802](https://github.com/thundersdata-frontend/td-design/pull/802) [`e81ddb0ce`](https://github.com/thundersdata-frontend/td-design/commit/e81ddb0ceb6f5c692be12eec032b1ec5465b9199) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 全面优化组件在表单下使用时的样式

## 5.4.14

### Patch Changes

- [#800](https://github.com/thundersdata-frontend/td-design/pull/800) [`70e1c6a37`](https://github.com/thundersdata-frontend/td-design/commit/70e1c6a3787224201071d5806af75224a50e951c) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 优化Input组件样式

## 5.4.13

### Patch Changes

- [#798](https://github.com/thundersdata-frontend/td-design/pull/798) [`0b68a6057`](https://github.com/thundersdata-frontend/td-design/commit/0b68a60572efc9b1baacb45af8fd86b5bdb4d29f) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 为FormItem和FormListItem增加noStyle属性

## 5.4.12

### Patch Changes

- [#796](https://github.com/thundersdata-frontend/td-design/pull/796) [`611199f65`](https://github.com/thundersdata-frontend/td-design/commit/611199f6546320d5ef8a77b5006b34030931342a) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复TextArea在FormItem下高度无法生效的问题

## 5.4.11

### Patch Changes

- [#794](https://github.com/thundersdata-frontend/td-design/pull/794) [`cce84edd8`](https://github.com/thundersdata-frontend/td-design/commit/cce84edd8a0c3288b5132905d2c3e5a9bdfa82e2) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 list-item 组件的样式问题

## 5.4.10

### Patch Changes

- [#792](https://github.com/thundersdata-frontend/td-design/pull/792) [`d832bc6e5`](https://github.com/thundersdata-frontend/td-design/commit/d832bc6e5cebc927c1d6426d3dfae5e8a50e9658) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 FormItem 下的 Input/InputItem 组件的 inputStyle 不生效的问题

## 5.4.9

### Patch Changes

- [#787](https://github.com/thundersdata-frontend/td-design/pull/787) [`a11745df1`](https://github.com/thundersdata-frontend/td-design/commit/a11745df10c5e0181bba6b2e09c193a656fdd5eb) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 Input 组件在 FormItem 下显示问题 fix: rename Button 的 borderless 属性为 bordered

## 5.4.8

### Patch Changes

- [#785](https://github.com/thundersdata-frontend/td-design/pull/785) [`f52667d34`](https://github.com/thundersdata-frontend/td-design/commit/f52667d3410ad4f2cbe243c1e8934f055fe13622) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 TextArea 的标签高度跟其他表单项不一致的问题

## 5.4.7

### Patch Changes

- [#783](https://github.com/thundersdata-frontend/td-design/pull/783) [`839433baf`](https://github.com/thundersdata-frontend/td-design/commit/839433bafc549c82067b308cff3dd29dfb616d76) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复多个组件在表单中使用时的样式问题

## 5.4.6

### Patch Changes

- [#779](https://github.com/thundersdata-frontend/td-design/pull/779) [`9c1d33e1a`](https://github.com/thundersdata-frontend/td-design/commit/9c1d33e1a4843a385819bf79c7f1c9937a513b93) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 Card 组件自定义 header 的bug

## 5.4.5

### Patch Changes

- [#777](https://github.com/thundersdata-frontend/td-design/pull/777) [`5eeb55d50`](https://github.com/thundersdata-frontend/td-design/commit/5eeb55d5070d44f77f44818657a2dc5703145de1) Thanks [@chj-damon](https://github.com/chj-damon)! - 为 List 组件增加 itemStyle 属性用来控制列表项的样式

## 5.4.4

### Patch Changes

- [#775](https://github.com/thundersdata-frontend/td-design/pull/775) [`d6b55fa8e`](https://github.com/thundersdata-frontend/td-design/commit/d6b55fa8e9d9e10201fb400d2cfd038c736e303f) Thanks [@SunshineH2](https://github.com/SunshineH2)! - noticeBar支持修改文本颜色

## 5.4.3

### Patch Changes

- [#749](https://github.com/thundersdata-frontend/td-design/pull/749) [`616feb43e`](https://github.com/thundersdata-frontend/td-design/commit/616feb43e40e3d1e527a66c7f0d51e4a5b602347) Thanks [@chj-damon](https://github.com/chj-damon)! - 修改几个组件里children的类型定义方式

## 5.4.2

### Patch Changes

- [#747](https://github.com/thundersdata-frontend/td-design/pull/747) [`d91317db1`](https://github.com/thundersdata-frontend/td-design/commit/d91317db103dfe4ed8bd4531f5c170f3602b0429) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复一些bug

## 5.4.1

### Patch Changes

- [#743](https://github.com/thundersdata-frontend/td-design/pull/743) [`acdd74c13`](https://github.com/thundersdata-frontend/td-design/commit/acdd74c1324be45816f4e1dff0d5e854124172ad) Thanks [@chj-damon](https://github.com/chj-damon)! - 使用useSafeState代替useState

## 5.4.0

### Minor Changes

- [#739](https://github.com/thundersdata-frontend/td-design/pull/739) [`dc908cf2c`](https://github.com/thundersdata-frontend/td-design/commit/dc908cf2c920a88f8a50e980a7cd88279467315d) Thanks [@chj-damon](https://github.com/chj-damon)! - 对组件库组件进行优化

## 5.3.0

### Minor Changes

- [#736](https://github.com/thundersdata-frontend/td-design/pull/736) [`d29c3c4fd`](https://github.com/thundersdata-frontend/td-design/commit/d29c3c4fdd6ede126a1e95a266d25b41d0e784b0) Thanks [@chj-damon](https://github.com/chj-damon)! - 对Box和Text两个基础组件进行性能优化

## 5.2.0

### Minor Changes

- [#729](https://github.com/thundersdata-frontend/td-design/pull/729) [`08f29ea53`](https://github.com/thundersdata-frontend/td-design/commit/08f29ea5307e522a101f807d450e1cb69d1d9b04) Thanks [@chen929104](https://github.com/chen929104)! - 重写 table 组件

## 5.1.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 5.1.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 使用 Pressable 代替 TouchableOpacity; 2. 优化所有组件的样式; 3. 重写 Menu/Tree/Timeline/Searchbar 组件

## 5.0.1

### Patch Changes

- [#709](https://github.com/thundersdata-frontend/td-design/pull/709) [`8afd89e7f`](https://github.com/thundersdata-frontend/td-design/commit/8afd89e7fa0db12aa038c806c78de9607c098ae9) Thanks [@chj-damon](https://github.com/chj-damon)! -
  - 修改 Text 组件默认不允许选中
  - 优化 Table 组件

## 5.0.0

### Major Changes

- [#706](https://github.com/thundersdata-frontend/td-design/pull/706) [`b8428d249`](https://github.com/thundersdata-frontend/td-design/commit/b8428d249ba31aa1302f38bdefedd5f5ef4958e9) Thanks [@chj-damon](https://github.com/chj-damon)! - 废弃 Image 组件

## 4.3.15

### Patch Changes

- [#703](https://github.com/thundersdata-frontend/td-design/pull/703) [`7396e4d3a`](https://github.com/thundersdata-frontend/td-design/commit/7396e4d3a947e189741fec3f7f79cc9d37ff4b83) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化 TextInput 组件的默认行为

## 4.3.14

### Patch Changes

- [#698](https://github.com/thundersdata-frontend/td-design/pull/698) [`52e472893`](https://github.com/thundersdata-frontend/td-design/commit/52e472893db980bbbc0131fe45da2188ec681542) Thanks [@chj-damon](https://github.com/chj-damon)! - 统一 WingBlank 的 size 为'x2'

- Updated dependencies [[`52e472893`](https://github.com/thundersdata-frontend/td-design/commit/52e472893db980bbbc0131fe45da2188ec681542)]:
  - @td-design/rn-hooks@2.7.3

## 4.3.13

### Patch Changes

- Updated dependencies [[`8edd617ee`](https://github.com/thundersdata-frontend/td-design/commit/8edd617eee2d62d4c6daa6aa1c348464325cd358)]:
  - @td-design/rn-hooks@2.7.2

## 4.3.12

### Patch Changes

- [#692](https://github.com/thundersdata-frontend/td-design/pull/692) [`ef3aa1744`](https://github.com/thundersdata-frontend/td-design/commit/ef3aa1744206291b4238946575307fc7b79c4751) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 reanimated3.0.0 上可能引起报错的问题

## 4.3.11

### Patch Changes

- [#690](https://github.com/thundersdata-frontend/td-design/pull/690) [`9a21764b8`](https://github.com/thundersdata-frontend/td-design/commit/9a21764b8aff2faa2b52727d6f12902cd0a84264) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复 search bar 在没有取消按钮时宽度计算不正确的问题

## 4.3.10

### Patch Changes

- [#683](https://github.com/thundersdata-frontend/td-design/pull/683) [`28ca3d4ff`](https://github.com/thundersdata-frontend/td-design/commit/28ca3d4ffa565b17cca39dbc774c18129a1f1369) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复 toast.process 下仍然能点击的问题

## 4.3.9

### Patch Changes

- [#679](https://github.com/thundersdata-frontend/td-design/pull/679) [`9355cab9c`](https://github.com/thundersdata-frontend/td-design/commit/9355cab9ce0e749c525f72d6bb16f17035e81680) Thanks [@chj-damon](https://github.com/chj-damon)!
- 优化一些组件的 UI 效果优化
- NoticeBar 组件滚动效果修复 progress 组件修改 value 后没有效果的 bug
- 修复 search-bar 组件的 bug

## 4.3.8

### Patch Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`469b748a3`](https://github.com/thundersdata-frontend/td-design/commit/469b748a33b288afc288be969a193eae0e2f6d13) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件同时为一些组件补充 activeOpacity 属性

## 4.3.7

### Patch Changes

- [#672](https://github.com/thundersdata-frontend/td-design/pull/672) [`c53b31ce9`](https://github.com/thundersdata-frontend/td-design/commit/c53b31ce9c2be07840d707660babc7272133805e) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化数字输入组件的文字样式

## 4.3.6

### Patch Changes

- [#670](https://github.com/thundersdata-frontend/td-design/pull/670) [`604e5fb82`](https://github.com/thundersdata-frontend/td-design/commit/604e5fb8227d4f365ee5127ca50516edbd5fb289) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复一些样式问题

## 4.3.5

### Patch Changes

- [#668](https://github.com/thundersdata-frontend/td-design/pull/668) [`be30c6e8d`](https://github.com/thundersdata-frontend/td-design/commit/be30c6e8d31c9642e24ae5270660b0990d50813b) Thanks [@chen929104](https://github.com/chen929104)! - 新增车牌键盘

## 4.3.4

### Patch Changes

- [#666](https://github.com/thundersdata-frontend/td-design/pull/666) [`c59bc62c0`](https://github.com/thundersdata-frontend/td-design/commit/c59bc62c0d387c14abf53f5da24f5a1ddf07e0ec) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 为 NumberKeyboard 组件新增`extra`属性 2. 修改 WheelPickerItem 组件,让文字效果更好 3. 优化 theme 文件内关于`textVariants`的定义 4. 为 Tag 组件新增`selectable`属性控制是否可选中

## 4.3.3

### Patch Changes

- [#664](https://github.com/thundersdata-frontend/td-design/pull/664) [`8d9d2f356`](https://github.com/thundersdata-frontend/td-design/commit/8d9d2f3568ee53c71be4a420884d0ba2afd57d15) Thanks [@chen929104](https://github.com/chen929104)! - fix(custom): 修改 prompt 回调没有参数的问题

## 4.3.2

### Patch Changes

- [#662](https://github.com/thundersdata-frontend/td-design/pull/662) [`0ff69db64`](https://github.com/thundersdata-frontend/td-design/commit/0ff69db6456c35026986ba05c7e2431e917ec943) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 ActionSheet 点击事件执行前 Modal 尚未关闭的 bug

## 4.3.1

### Patch Changes

- [#660](https://github.com/thundersdata-frontend/td-design/pull/660) [`94e1422ba`](https://github.com/thundersdata-frontend/td-design/commit/94e1422babc364a236695e12a80718336a039e70) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 修复 Modal 的几个方法在关闭后 Portal 没有被销毁的问题 2. 优化 ImagePicker 两个方法的写法 3. 修复 ActionSheet 的一些问题
- Updated dependencies [[`94e1422ba`](https://github.com/thundersdata-frontend/td-design/commit/94e1422babc364a236695e12a80718336a039e70)]:
  - @td-design/rn-hooks@2.7.1

## 4.3.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

### Patch Changes

- Updated dependencies [[`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199)]:
  - @td-design/rn-hooks@2.7.0

## 4.2.3

### Patch Changes

- Updated dependencies [[`694c4666c`](https://github.com/thundersdata-frontend/td-design/commit/694c4666c116869ee9321dd579113136603b8ba3)]:
  - @td-design/rn-hooks@2.6.1

## 4.2.2

### Patch Changes

- Updated dependencies [[`68cfd28b1`](https://github.com/thundersdata-frontend/td-design/commit/68cfd28b1f3bc9bebfe8b6eda4979102054fb8df)]:
  - @td-design/rn-hooks@2.6.0

## 4.2.1

### Patch Changes

- [#634](https://github.com/thundersdata-frontend/td-design/pull/634) [`bd73bbe02`](https://github.com/thundersdata-frontend/td-design/commit/bd73bbe02e0eb74d8bddbe9451275e33bd4b06ea) Thanks [@chj-damon](https://github.com/chj-damon)! - 重写 Tooltip 组件

## 4.2.0

### Minor Changes

- [#631](https://github.com/thundersdata-frontend/td-design/pull/631) [`71a4fb174`](https://github.com/thundersdata-frontend/td-design/commit/71a4fb17491c9bf22d407a3450f49e827a243503) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复一些组件的 bug; 全面使用 Box 组件代替 View 组件

## 4.1.18

### Patch Changes

- [#627](https://github.com/thundersdata-frontend/td-design/pull/627) [`eeb2c1066`](https://github.com/thundersdata-frontend/td-design/commit/eeb2c10669d59106e2f42e2571014e85484a1ddb) Thanks [@chj-damon](https://github.com/chj-damon)! - Text 和 Input 组件默认允许跟随系统字体缩放

## 4.1.17

### Patch Changes

- [#623](https://github.com/thundersdata-frontend/td-design/pull/623) [`46b4e27c0`](https://github.com/thundersdata-frontend/td-design/commit/46b4e27c0ceb9e337e26d9181b9af0774b51eaaa) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复安卓手机上字体问题

## 4.1.16

### Patch Changes

- [#620](https://github.com/thundersdata-frontend/td-design/pull/620) [`70f8ff7d3`](https://github.com/thundersdata-frontend/td-design/commit/70f8ff7d31fd1fdefa5d31b8b85a11374abb4b65) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 onCheck 函数的返回值类型

## 4.1.15

### Patch Changes

- [#618](https://github.com/thundersdata-frontend/td-design/pull/618) [`93d4be091`](https://github.com/thundersdata-frontend/td-design/commit/93d4be091aefc327a1187ef6acab7c064318b37c) Thanks [@chj-damon](https://github.com/chj-damon)!
- 1. 为 NumberKeyboard 组件增加 onCheck 方法进行校验
- 2. 修改组件中 Text 的引入路径
- 3. 默认不允许 Text 和 Input 跟随系统缩放

## 4.1.14

### Patch Changes

- [#616](https://github.com/thundersdata-frontend/td-design/pull/616) [`5ed898586`](https://github.com/thundersdata-frontend/td-design/commit/5ed8985868789efdafe12bf9a31f201200351e9f) Thanks [@chj-damon](https://github.com/chj-damon)! - 为一些组件的文本增加可选中功能

## 4.1.13

### Patch Changes

- [#614](https://github.com/thundersdata-frontend/td-design/pull/614) [`b6034352d`](https://github.com/thundersdata-frontend/td-design/commit/b6034352d9d61fc892795b87d9bac9d5fcf9067f) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 passcode 组件取值不正确的 bug

## 4.1.12

### Patch Changes

- [#611](https://github.com/thundersdata-frontend/td-design/pull/611) [`0e334a77e`](https://github.com/thundersdata-frontend/td-design/commit/0e334a77e7cbf25a446f962e90d8645f5dfafa4b) Thanks [@chj-damon](https://github.com/chj-damon)! - 防御性修改防止 RN 对&&的判断问题

## 4.1.11

### Patch Changes

- [#609](https://github.com/thundersdata-frontend/td-design/pull/609) [`d044bceae`](https://github.com/thundersdata-frontend/td-design/commit/d044bceaedd6eaf87a502e2078259467335b70fe) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 IOS 模拟器一直提示无法识别字体的问题

## 4.1.10

### Patch Changes

- [#607](https://github.com/thundersdata-frontend/td-design/pull/607) [`c78d71225`](https://github.com/thundersdata-frontend/td-design/commit/c78d71225916ca5642fee15f238234c395b5fe77) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 alert/confirm/prompt 按钮接收异步函数的 bug

## 4.1.9

### Patch Changes

- [#601](https://github.com/thundersdata-frontend/td-design/pull/601) [`986e31435`](https://github.com/thundersdata-frontend/td-design/commit/986e3143547a4b4743c6b49c02b1508efeb3ac5c) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 modal 安全区域问题

## 4.1.8

### Patch Changes

- [#599](https://github.com/thundersdata-frontend/td-design/pull/599) [`f2df34215`](https://github.com/thundersdata-frontend/td-design/commit/f2df342153f5a9c9be4879e6828773c1a7aac88b) Thanks [@chj-damon](https://github.com/chj-damon)! - 按钮组件支持自定义高度

## 4.1.7

### Patch Changes

- [#595](https://github.com/thundersdata-frontend/td-design/pull/595) [`14420b459`](https://github.com/thundersdata-frontend/td-design/commit/14420b4597f3a18aac828e8047fcdba6da0c537d) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修改按钮在禁用状态下的颜色

## 4.1.6

### Patch Changes

- [#593](https://github.com/thundersdata-frontend/td-design/pull/593) [`6c0ded607`](https://github.com/thundersdata-frontend/td-design/commit/6c0ded6074bb787642877ee832b69251e978b280) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修改按钮在禁用状态下的颜色

## 4.1.5

### Patch Changes

- [#591](https://github.com/thundersdata-frontend/td-design/pull/591) [`92221a60f`](https://github.com/thundersdata-frontend/td-design/commit/92221a60fcd97cd17132f6116404c40454d0e686) Thanks [@chj-damon](https://github.com/chj-damon)! - - 重写 Modal 组件
  - 为 Theme 的 textVariants 添加 defaults 配置
  - 导出 Portal

## 4.1.4

### Patch Changes

- [#589](https://github.com/thundersdata-frontend/td-design/pull/589) [`6bd906307`](https://github.com/thundersdata-frontend/td-design/commit/6bd90630781c3769af64ab0983f8d050daca6c0c) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复 useUpdateEffect 第一次不会执行的问题

## 4.1.3

### Patch Changes

- [#587](https://github.com/thundersdata-frontend/td-design/pull/587) [`0630e0987`](https://github.com/thundersdata-frontend/td-design/commit/0630e0987ff7d8302270bb97fcb2cba2032c5620) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 Notify 组件在 onPress 和 onClose 同时存在时的 bug

## 4.1.2

### Patch Changes

- [`f7e06c5d2`](https://github.com/thundersdata-frontend/td-design/commit/f7e06c5d2ae782cdbb39fcc7bda076a41c0c971f) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复在 restyle 最新版本下报错的问题

## 4.1.1

### Patch Changes

- [`2c7a58659`](https://github.com/thundersdata-frontend/td-design/commit/2c7a5865991a1f388ddf438601a7893721c4b483) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 FormListItem 无法设置背景色的问题

## 4.1.0

### Minor Changes

- [`fddce8944`](https://github.com/thundersdata-frontend/td-design/commit/fddce89444ff649bd9c086cd75a9d351a847dd70) Thanks [@chj-damon](https://github.com/chj-damon)! - 重写与 Portal 相关的组件

## 4.0.12

### Patch Changes

- [`124097240`](https://github.com/thundersdata-frontend/td-design/commit/1240972402c5a81da22aa618341eed07075ee17e) Thanks [@chj-damon](https://github.com/chj-damon)! - 在 List 上增加 itemHeight 属性统一设置列表项高度

## 4.0.11

### Patch Changes

- [#578](https://github.com/thundersdata-frontend/td-design/pull/578) [`311ec38dc`](https://github.com/thundersdata-frontend/td-design/commit/311ec38dcb088c977d6fca37c7fc7a7e24030104) Thanks [@821wkli](https://github.com/821wkli)! - fix: 修正 Carousel 组件把 auto 设置为 false 时，用户手动滚动结束后会改成自动滚动

## 4.0.10

### Patch Changes

- [#576](https://github.com/thundersdata-frontend/td-design/pull/576) [`b0519af10`](https://github.com/thundersdata-frontend/td-design/commit/b0519af10ab549814f18dafa16d65f5a3821d357) Thanks [@821wkli](https://github.com/821wkli)! - fix: 修正 Badge 组件显示位置总是在子组件范围内

## 4.0.9

### Patch Changes

- [`42883168d`](https://github.com/thundersdata-frontend/td-design/commit/42883168d67307602330e1ce7834e281064d9f02) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 Toast 组件在 mask 启用时无法显示的问题

## 4.0.8

### Patch Changes

- [`f1a650b30`](https://github.com/thundersdata-frontend/td-design/commit/f1a650b30f1d0da65e7e2d6fbdfcaee7a17341ce) Thanks [@chj-damon](https://github.com/chj-damon)! - Toast 组件支持自定义展示内容

## 4.0.7

### Patch Changes

- Updated dependencies [[`1cffe53a5`](https://github.com/thundersdata-frontend/td-design/commit/1cffe53a553b66a78b09a34ad091afae5cfc56c7)]:
  - @td-design/rn-hooks@2.5.1

## 4.0.6

### Patch Changes

- [`a996afe9c`](https://github.com/thundersdata-frontend/td-design/commit/a996afe9cfb9170f77aad669088ac4dddcc048c2) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化动画后代码执行逻辑

## 4.0.5

### Patch Changes

- [`3f723f31b`](https://github.com/thundersdata-frontend/td-design/commit/3f723f31be0bcf1809343dc836236f86d66333e7) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 runOnJS 写法报错的问题

## 4.0.4

### Patch Changes

- [`9b16623e9`](https://github.com/thundersdata-frontend/td-design/commit/9b16623e9f03d748f3d85733c6fb5fe1ab02500c) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 Modal.confirm 类型报错

## 4.0.3

### Patch Changes

- [`44eed4809`](https://github.com/thundersdata-frontend/td-design/commit/44eed4809542e53a24522c09289c45c975235982) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 Toast/Notify 组件的层级显示问题

## 4.0.0

### Major Changes

- [`4d1d4db4c`](https://github.com/thundersdata-frontend/td-design/commit/4d1d4db4c83b1d37810af6c289adfade573364d8) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 为所有组件增加 displayName - 2. 重写 Portal 组件 - 3. 重写 Tooltip 组件 - 4. 重写 Toast 组件 - 5. 重写 SwipeRow 组件 - 6. 重命名 Swiper 组件为 Carousel 组件 - 7. 修复 Modal 组件在一些情况下不显示的问题 - 8. 优化一些组件 - 9. 修复 Checkbox 的 bug - 10. 拆分 Skeleton 组件，单独使用 - 11. 优化 Menu 组件渲染 - 12. 修改 Passcode 组件，不再支持复制粘贴功能 - 13. 修复 CircleProgress 组件的 strokeWidth 属性的显示 bug - 14. 新增`@ebay/nice-modal-react`依赖

### Patch Changes

- Updated dependencies [[`4d1d4db4c`](https://github.com/thundersdata-frontend/td-design/commit/4d1d4db4c83b1d37810af6c289adfade573364d8)]:
  - @td-design/rn-hooks@2.5.0

## 3.12.4

### Patch Changes

- [`f5a3b2378`](https://github.com/thundersdata-frontend/td-design/commit/f5a3b2378cbdcfe9457d461fa4eb4b76d359dd9b) - 合并 rc-field-form 的 Store/ValidateErrorEntity 类型

## 3.12.3

### Patch Changes

- [#562](https://github.com/thundersdata-frontend/td-design/pull/562) [`cb28e8b32`](https://github.com/thundersdata-frontend/td-design/commit/cb28e8b32ddfc49b17a626be6f144fa111f2ca5d) Thanks [@chen929104](https://github.com/chen929104)! - 修改 number-keyboard 默认右对齐修复 list-item 箭头没有右对齐

## 3.12.2

### Patch Changes

- [#558](https://github.com/thundersdata-frontend/td-design/pull/558) [`6a219811a`](https://github.com/thundersdata-frontend/td-design/commit/6a219811ab673ebef2b9961497c3e74782166c19) Thanks [@chen929104](https://github.com/chen929104)! - fix(custom): 1 修复 toast position 属性不生效问题

## 3.12.1

### Patch Changes

- [`4efbfc3c0`](https://github.com/thundersdata-frontend/td-design/commit/4efbfc3c0584e02326258ee01d62627c5f34525b) - 优化组件样式

## 3.12.0

### Minor Changes

- [`c6bd561b9`](https://github.com/thundersdata-frontend/td-design/commit/c6bd561b9de5022456bf903b32d7c56446f79a46) - 修改 number-keyboard 组件

## 3.11.22

### Patch Changes

- [`7d3e9ddb3`](https://github.com/thundersdata-frontend/td-design/commit/7d3e9ddb3dedad36fb2a65b2ff01d32778f176d5) - 修复 WingBlank 组件导致点击事件失效的问题

## 3.11.21

### Patch Changes

- [`3c0c0607f`](https://github.com/thundersdata-frontend/td-design/commit/3c0c0607f11a1a6d0aa2cd75f731d51a4370d395) - StatusBar 组件支持自定义样式

## 3.11.20

### Patch Changes

- [#538](https://github.com/thundersdata-frontend/td-design/pull/538) [`341f4ae17`](https://github.com/thundersdata-frontend/td-design/commit/341f4ae1708c81afe903c335a73f2d75839d9fd2) Thanks [@qqack](https://github.com/qqack)! - feat: 进度条组件添加自定义标签

## 3.11.19

### Patch Changes

- [`e749c01a6`](https://github.com/thundersdata-frontend/td-design/commit/e749c01a6daa53c1171104b30b720dc3625ce1f9) - 去除一些使用 useMemo 的过度优化场景

## 3.11.18

### Patch Changes

- [#531](https://github.com/thundersdata-frontend/td-design/pull/531) [`8b837c8ae`](https://github.com/thundersdata-frontend/td-design/commit/8b837c8aeb2133b74f2f168077d7ebe2edabe652) Thanks [@qqack](https://github.com/qqack)! - fix: 暗黑模式下的样式优化

## 3.11.17

### Patch Changes

- [#529](https://github.com/thundersdata-frontend/td-design/pull/529) [`3e12b31e7`](https://github.com/thundersdata-frontend/td-design/commit/3e12b31e7a88808f3b81a19a311422fed26ea4e4) Thanks [@qqack](https://github.com/qqack)! - 修复暗黑模式下颜色显示 bug

## 3.11.16

### Patch Changes

- [#521](https://github.com/thundersdata-frontend/td-design/pull/521) [`40c51d3fa`](https://github.com/thundersdata-frontend/td-design/commit/40c51d3fa7170613c0ddde71032f047cb23c59bf) Thanks [@qqack](https://github.com/qqack)! - fix: 修复 list-item 在暗黑模式下背景色 bug

- [#522](https://github.com/thundersdata-frontend/td-design/pull/522) [`c57574f03`](https://github.com/thundersdata-frontend/td-design/commit/c57574f033632d56f7f71d08343abd42804e70a6) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复手风琴组件在安卓上不能正常使用的问题

- [#525](https://github.com/thundersdata-frontend/td-design/pull/525) [`91264ede1`](https://github.com/thundersdata-frontend/td-design/commit/91264ede16715b48240ea9eb080087051f3ba70c) Thanks [@qqack](https://github.com/qqack)! - 修复暗黑模式下背景色切换问题

## 3.11.15

### Patch Changes

- [`bc03a6bdb`](https://github.com/thundersdata-frontend/td-design/commit/bc03a6bdb5437846f58a4c20929649597bc28696) - 在 theme 中定义 theme 字段来标识当前主题

## 3.11.14

### Patch Changes

- [`585e7801e`](https://github.com/thundersdata-frontend/td-design/commit/585e7801e246a25f2dfa647a4dd9e6a5800b5f3c) - 优化 children 的定义

## 3.11.13

### Patch Changes

- [#511](https://github.com/thundersdata-frontend/td-design/pull/511) [`752368668`](https://github.com/thundersdata-frontend/td-design/commit/752368668b806690a8d6ba9e25355c5520a6f34e) Thanks [@qqack](https://github.com/qqack)! - fix: 解决 Menu 组件默认选中不生效问题

## 3.11.12

### Patch Changes

- [`18b3760e8`](https://github.com/thundersdata-frontend/td-design/commit/18b3760e88beb5a83140f6fbe62a97b1b04f48ae) - 修改光标颜色

## 3.11.11

### Patch Changes

- [#507](https://github.com/thundersdata-frontend/td-design/pull/507) [`419928d20`](https://github.com/thundersdata-frontend/td-design/commit/419928d2090b8174af0980ca3148c4c11e4d8d9d) Thanks [@SunshineH2](https://github.com/SunshineH2)! - CountDown 组件支持 resendLabel 属性

## 3.11.10

### Patch Changes

- [`cd9baf794`](https://github.com/thundersdata-frontend/td-design/commit/cd9baf79494bc4b761e71f21f3dab3c3225d1cc5) - 修复 input 组件文字没有垂直居中的问题

## 3.11.9

### Patch Changes

- [`039fd7a13`](https://github.com/thundersdata-frontend/td-design/commit/039fd7a13f49d2e6e59b66c77cd2b62b552646ae) - 修复 Modal 弹出动画的 bug

## 3.11.8

### Patch Changes

- [`dcca3b59c`](https://github.com/thundersdata-frontend/td-design/commit/dcca3b59c3656eb4d61e583863e858a78e6a4a71) - 删除下拉刷新组件


================================================
FILE: packages/react-native/package.json
================================================
{
  "name": "@td-design/react-native",
  "version": "5.9.9",
  "description": "react-native UI组件库",
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "license": "Apache-2.0",
  "author": "thundersdata-frontend",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "dependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/rn-hooks": "^2.8.1",
    "rc-field-form": "^1.34.2",
    "react-native-shadow-2": "^7.0.8"
  },
  "devDependencies": {
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-gesture-handler": "^2.12.0",
    "react-native-reanimated": "^3.3.0",
    "react-native-safe-area-context": "^4.7.1",
    "react-native-svg": "^13.10.0",
    "typescript": "^5.1.6"
  },
  "publishConfig": {
    "access": "public",
    "registry": "https://registry.npmjs.org/"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}


================================================
FILE: packages/react-native/src/accordion/index.md
================================================
---
title: Accordion - 手风琴组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 其他组件
  path: /other
  order: 10
---

# Accordion 手风琴组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Accordion
  sections={[
    { title: '我是标题', content: '11111111111111111' },
    {
      title: '我是标题',
      content: '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222',
    },
    {
      title: '我是标题',
      content: `我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是`,
    },
  ]}
/>
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643092835880873364.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 2. 只允许展开一个

```tsx | pure
<Accordion
  multiple={false}
  sections={[
    { title: '我是标题', content: '11111111111111111' },
    {
      title: '我是标题',
      content: '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222',
    },
    {
      title: '我是标题',
      content: `我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是`,
    },
  ]}
/>
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643092898980235941.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 3. 自定义选项卡容器样式

```tsx | pure
<Accordion
  multiple={true}
  sections={[
    { title: '我是标题', content: '11111111111111111' },
    {
      title: '我是标题',
      content: '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222',
    },
    {
      title: '我是标题',
      content: `我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是`,
    },
  ]}
  contentStyle={{ padding: 12 }}
/>
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643093000896584086.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 4. 自定义容器样式

```tsx | pure
<Accordion
  multiple={true}
  sections={[
    { title: '我是标题', content: '11111111111111111' },
    {
      title: '我是标题',
      content: '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222',
    },
    {
      title: '我是标题',
      content: `我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是`,
    },
  ]}
  accordionStyle={{ borderWidth: 1, borderColor: 'red', marginHorizontal: 12 }}
/>
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643093115012785632.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

## API

### Accordion 属性

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| sections | `true` | 手风琴选项卡列表 | `Section[]` |  |
| multiple | `false` | 是否允许展开多个 | `boolean` | `true` |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |
| headerHeight | `false` | 选项卡标题高度 | `number` | `54` |
| accordionStyle | `false` | 容器样式 | `ViewStyle` |  |
| contentStyle | `false` | 选项卡样式 | `ViewStyle` |  |
| customIcon | `false` | 自定义右侧图标 | `({ progress }: { progress: Animated.SharedValue<number> }) => ReactNode` |  |


================================================
FILE: packages/react-native/src/accordion/index.tsx
================================================
import React, { FC, useMemo } from 'react';
import { FlatList } from 'react-native';
import Animated from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';
import { useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import { AccordionProps, Section } from './type';
import useAccordion from './useAccordion';

const Accordion: FC<AccordionProps> = ({
  sections = [],
  multiple = true,
  activeOpacity = 0.6,
  customIcon,
  accordionStyle,
  headerStyle,
  contentStyle,
}) => {
  const [currentIndex, setCurrentIndex] = useSafeState<number>();

  return (
    <FlatList
      data={sections}
      keyExtractor={(_, index) => `${index}`}
      renderItem={({ item, index }) => (
        <AccordionItem
          {...item}
          multiple={multiple}
          customIcon={customIcon}
          currentIndex={currentIndex}
          index={index}
          activeOpacity={activeOpacity}
          onPress={setCurrentIndex}
          headerStyle={headerStyle}
          contentStyle={contentStyle}
        />
      )}
      showsHorizontalScrollIndicator={false}
      showsVerticalScrollIndicator={false}
      bounces={false}
      decelerationRate={'fast'}
      contentContainerStyle={accordionStyle}
      style={{ flexGrow: 0 }}
    />
  );
};

const AccordionItem: FC<
  Section &
    Pick<AccordionProps, 'customIcon' | 'contentStyle' | 'headerStyle'> &
    Required<Pick<AccordionProps, 'multiple' | 'activeOpacity'>> & {
      currentIndex?: number;
      index: number;
      onPress: (index: number) => void;
    }
> = ({
  title,
  content,
  customIcon,
  multiple,
  currentIndex,
  index,
  activeOpacity,
  onPress,
  contentStyle,
  headerStyle,
}) => {
  const theme = useTheme<Theme>();

  const { iconStyle, heightStyle, progress, contentRef, handlePress } = useAccordion({
    multiple,
    currentIndex,
    index,
    onPress,
  });

  const Title = useMemo(() => {
    if (typeof title === 'string') {
      return (
        <Text variant="p0" color="text">
          {title}
        </Text>
      );
    }
    return title;
  }, [title]);

  const Content = useMemo(() => {
    if (typeof content === 'string') {
      return (
        <Text variant="p1" selectable color="text">
          {content}
        </Text>
      );
    }
    return content;
  }, [content]);

  return (
    <Box backgroundColor={'white'} overflow={'hidden'}>
      <Pressable
        activeOpacity={activeOpacity}
        onPress={handlePress}
        style={[
          {
            flexDirection: 'row',
            alignItems: 'center',
            justifyContent: 'space-between',
            paddingHorizontal: theme.spacing.x2,
            paddingVertical: theme.spacing.x2,
            borderBottomWidth: helpers.ONE_PIXEL,
            borderBottomColor: theme.colors.border,
            backgroundColor: theme.colors.white,
          },
          headerStyle,
        ]}
      >
        {Title}
        {customIcon ? (
          customIcon({ progress })
        ) : (
          <Animated.View style={iconStyle}>
            <SvgIcon name="down" color={theme.colors.icon} size={helpers.px(20)} />
          </Animated.View>
        )}
      </Pressable>
      <Animated.View style={heightStyle}>
        <Animated.View
          ref={contentRef}
          collapsable={false}
          style={[
            contentStyle,
            {
              position: 'absolute',
              width: '100%',
              top: 0,
            },
          ]}
        >
          {Content}
        </Animated.View>
      </Animated.View>
    </Box>
  );
};

Accordion.displayName = 'Accordion';

export default Accordion;


================================================
FILE: packages/react-native/src/accordion/type.ts
================================================
import { Component, ReactNode, RefObject } from 'react';
import { StyleProp, ViewStyle } from 'react-native';
import Animated from 'react-native-reanimated';

export interface Section {
  title: ReactNode;
  content: ReactNode;
}

export interface AccordionProps {
  /** 手风琴选项卡列表 */
  sections: Section[];
  /** 按下时的不透明度 */
  activeOpacity?: number;
  /** 是否允许展开多个 */
  multiple?: boolean;
  /** 容器样式 */
  accordionStyle?: StyleProp<ViewStyle>;
  /** 选项卡标题样式 */
  headerStyle?: StyleProp<ViewStyle>;
  /** 选项卡内容样式 */
  contentStyle?: StyleProp<ViewStyle>;
  /** 自定义右侧图标 */
  customIcon?: ({ progress }: { progress: Animated.SharedValue<number> }) => ReactNode;
}

export interface SectionProps extends Pick<AccordionProps, 'contentStyle' | 'customIcon' | 'multiple'> {
  index: number;
  /** 选项卡 */
  title: ReactNode;
  content: ReactNode;
  contentHeights: Animated.SharedValue<number>[];
}

export interface SectionHeaderProps
  extends Pick<SectionProps, 'title' | 'contentHeights' | 'customIcon' | 'index' | 'multiple'> {
  animatedRef: RefObject<Component>;
}


================================================
FILE: packages/react-native/src/accordion/useAccordion.ts
================================================
import { useEffect } from 'react';
import Animated, {
  measure,
  runOnUI,
  useAnimatedRef,
  useAnimatedStyle,
  useDerivedValue,
  useSharedValue,
  withTiming,
} from 'react-native-reanimated';

import { useMemoizedFn } from '@td-design/rn-hooks';

export default function useAccordion({
  multiple,
  currentIndex,
  index,
  onPress,
}: {
  multiple: boolean;
  currentIndex?: number;
  index: number;
  onPress: (index: number) => void;
}) {
  const contentRef = useAnimatedRef<Animated.View>();
  const heightValue = useSharedValue(0);
  const open = useSharedValue(false);

  const progress = useDerivedValue(() => (open.value ? withTiming(1) : withTiming(0)));

  /** 如果 multiple=false，则非当前index的都要收起来 */
  useEffect(() => {
    if (!multiple && currentIndex !== index) {
      heightValue.value = withTiming(0);
      open.value = false;
    }
  }, [multiple, currentIndex, index]);

  const iconStyle = useAnimatedStyle(() => ({
    transform: [{ rotate: `${progress.value * -180}deg` }],
  }));

  const heightStyle = useAnimatedStyle(() => ({
    height: heightValue.value,
  }));

  const handlePress = () => {
    if (heightValue.value === 0) {
      runOnUI(() => {
        'worklet';
        heightValue.value = withTiming(measure(contentRef)?.height ?? 0);
      })();
    } else {
      heightValue.value = withTiming(0);
    }
    open.value = !open.value;
    onPress(index);
  };

  return {
    contentRef,
    iconStyle,
    heightStyle,
    handlePress: useMemoizedFn(handlePress),
    progress,
  };
}


================================================
FILE: packages/react-native/src/action-sheet/ActionSheetItem.tsx
================================================
import React, { memo, ReactNode } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

import Pressable from '../pressable';
import Text from '../text';

export interface ActionSheetItemProps {
  /** 操作项文字 */
  text: string;
  /** 操作项点击事件 */
  onPress: () => void;
  /** 操作项类型。danger表示警示性操作 */
  type?: 'default' | 'danger';
  render?: (text: string, type?: 'default' | 'danger') => ReactNode;
}

function ActionSheetItem({
  text,
  type = 'default',
  onPress,
  activeOpacity,
  render,
  onCancel,
  itemStyle,
}: ActionSheetItemProps & {
  onCancel: () => void;
  activeOpacity: number;
  itemStyle: StyleProp<ViewStyle>;
}) {
  return (
    <Pressable
      key={text}
      activeOpacity={activeOpacity}
      onPress={() => {
        onCancel();
        // 因为Modal关闭的动画效果是300ms，所以这里延迟350ms执行onPress
        setTimeout(onPress, 350);
      }}
      style={itemStyle}
    >
      {render ? (
        render(text, type)
      ) : (
        <Text variant="p0" color={type === 'default' ? 'text' : 'func600'}>
          {text}
        </Text>
      )}
    </Pressable>
  );
}

export default memo(ActionSheetItem);


================================================
FILE: packages/react-native/src/action-sheet/index.md
================================================
---
title: ActionSheet - 操作项组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
  order: 6
---

# ActionSheet 操作项组件

## 效果演示

```tsx | pure
<ActionSheet
  data={[
    { text: '操作1', onPress: () => console.log(1) },
    { text: '操作2', onPress: () => console.log(2) },
    { text: '操作3', onPress: () => console.log(3), render: (text, type) => <Text>{text}</Text> },
    { text: '操作4', onPress: () => console.log(4), type: 'danger' },
  ]}
  onCancel={() => setVisible(false)}
  visible={visible}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609071284389640582.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### ActionSheet 属性

| 属性          | 必填    | 说明             | 类型                | 默认值 |
| ------------- | ------- | ---------------- | ------------------- | ------ |
| items         | `true`  | 操作项列表       | `ActionSheetItem[]` | `[]`   |
| visible       | `true`  | 是否显示操作面板 | `boolean`           |        |
| activeOpacity | `false` | 按下时的不透明度 | `number`            | `0.6`  |
| onCancel      | `true`  | 关闭操作面板     | `() => void`        |        |
| cancelText    | `false` | 关闭按钮文字     | `string`            | `取消` |

### ActionSheetItem 属性

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| text | `true` | 操作项文字 | `string` |  |
| onPress | `true` | 操作项点击事件 | `() => void` |  |
| type | `false` | 操作项类型。danger 表示警示性操作 | `default` \| `danger` |  |
| render | `false` | 自定义渲染操作项 | `(text: string, type?: 'default' \| 'danger') => ReactNode` |  |


================================================
FILE: packages/react-native/src/action-sheet/index.tsx
================================================
import React, { FC, ReactNode, useMemo } from 'react';
import { StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import helpers from '../helpers';
import ModalView from '../modal/Modal/ModalView';
import Portal from '../portal';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import WhiteSpace from '../white-space';
import ActionSheetItem, { ActionSheetItemProps } from './ActionSheetItem';

const { ONE_PIXEL } = helpers;

export interface ActionSheetProps {
  /** 标题 */
  title?: ReactNode;
  /** 操作项列表 */
  items: ActionSheetItemProps[];
  /** 按下时的不透明度 */
  activeOpacity?: number;
  /** 关闭文字 */
  cancelText?: string;
}

const ActionSheet = () => null;

ActionSheet.displayName = 'ActionSheet';

ActionSheet.show = (props: ActionSheetProps) => {
  const key = Portal.add(
    <ActionSheetContent
      {...props}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
};

const ActionSheetContent: FC<ActionSheetProps & { onAnimationEnd: (visible: boolean) => void }> = ({
  title,
  items = [],
  cancelText = '取消',
  activeOpacity = 0.6,
  onAnimationEnd,
}) => {
  const [visible, setVisible] = useSafeState(true);

  const theme = useTheme<Theme>();

  const styles = StyleSheet.create({
    action: {
      backgroundColor: theme.colors.white,
      justifyContent: 'center',
      alignItems: 'center',
      paddingVertical: theme.spacing.x3,
      borderTopWidth: ONE_PIXEL,
      borderTopColor: theme.colors.border,
    },
    cancel: {
      borderTopWidth: 0,
      borderBottomLeftRadius: theme.borderRadii.x2,
      borderBottomRightRadius: theme.borderRadii.x2,
    },
  });

  const Title = useMemo(() => {
    if (!title) return null;

    if (typeof title === 'string')
      return (
        <Box padding="x3">
          <Text variant="p1" color="text">
            {title}
          </Text>
        </Box>
      );

    return <Box padding="x3">{title}</Box>;
  }, [title]);

  return (
    <ModalView
      position="bottom"
      maskVisible
      maskClosable
      animationType="slide"
      onAnimationEnd={onAnimationEnd}
      visible={visible}
      onClose={() => setVisible(false)}
    >
      <Box>
        {Title}
        {items.map((item, index) => (
          <ActionSheetItem
            key={index}
            {...item}
            onCancel={() => setVisible(false)}
            itemStyle={styles.action}
            activeOpacity={activeOpacity}
          />
        ))}
        <WhiteSpace size="x2" backgroundColor={theme.colors.gray50} />
        <Pressable
          activeOpacity={activeOpacity}
          onPress={() => setVisible(false)}
          style={[styles.action, styles.cancel]}
        >
          <Text variant="p0" color="text">
            {cancelText}
          </Text>
        </Pressable>
      </Box>
    </ModalView>
  );
};

export default ActionSheet;


================================================
FILE: packages/react-native/src/avatar/Accessory/index.tsx
================================================
import React, { memo } from 'react';
import { Image, StyleSheet } from 'react-native';

import Box from '../../box';
import helpers from '../../helpers';
import { AccessoryProps } from '../type';

const { px } = helpers;
const Accessory = ({ size = px(14), url, component, top = false, left = false }: AccessoryProps) => {
  return (
    <Box
      position={'absolute'}
      alignItems={'center'}
      justifyContent={'center'}
      width={size}
      height={size}
      style={StyleSheet.flatten([
        { borderRadius: size / 2 },
        top ? styles.top : styles.bottom,
        left ? styles.left : styles.right,
      ])}
    >
      <Icon {...{ url, size, component }} />
    </Box>
  );
};
Accessory.displayName = 'Accessory';

/** 挂件的位置 */
const styles = StyleSheet.create({
  top: {
    top: 0,
  },
  bottom: {
    bottom: 0,
  },
  left: {
    left: 0,
  },
  right: {
    right: 0,
  },
});

export default Accessory;

const Icon = memo(({ url, size, component }: Pick<AccessoryProps, 'size' | 'url' | 'component'>) => {
  if (url) {
    const source = typeof url === 'string' ? { uri: url } : url;
    return (
      <Image
        style={{
          width: size,
          height: size,
          borderRadius: size! / 2,
        }}
        source={source}
        resizeMode="cover"
      />
    );
  }
  if (component) {
    return component;
  }
  return null;
});


================================================
FILE: packages/react-native/src/avatar/Avatar/index.tsx
================================================
import React, { FC, memo } from 'react';
import { Image, StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Pressable from '../../pressable';
import Text from '../../text';
import { Theme } from '../../theme';
import { AvatarProps } from '../type';
import useAvatar from './useAvatar';

const Avatar: FC<AvatarProps> = ({ title, url, textStyle, ...props }) => {
  const theme = useTheme<Theme>();
  const { onPress, activeOpacity = 0.6, backgroundColor = theme.colors.white, containerStyle } = props;
  const { width, height, avatarRadius } = useAvatar(props);

  const styles = StyleSheet.create({
    avatar: {
      position: 'relative',
      width,
      height,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: backgroundColor,
      borderRadius: avatarRadius,
      ...containerStyle,
    },
  });

  return (
    <Pressable activeOpacity={activeOpacity} disabled={!onPress} onPress={onPress} style={styles.avatar}>
      <Content {...{ url, title, width, height, avatarRadius, textStyle }} />
    </Pressable>
  );
};
Avatar.displayName = 'Avatar';

export default Avatar;

const Content = memo(
  ({
    url,
    title,
    width,
    height,
    avatarRadius,
    textStyle,
  }: Pick<AvatarProps, 'url' | 'title' | 'textStyle'> & {
    width: number;
    height: number;
    avatarRadius: number;
  }) => {
    if (!!url)
      return (
        <Image
          source={typeof url === 'string' ? { uri: url } : url}
          style={{ width, height, borderRadius: avatarRadius }}
          resizeMode="cover"
        />
      );
    if (!!title)
      return (
        <Text variant="p0" textAlign="center" color="text" style={textStyle}>
          {title}
        </Text>
      );
    return null;
  }
);


================================================
FILE: packages/react-native/src/avatar/Avatar/useAvatar.ts
================================================
import helpers from '../../helpers';
import { AvatarProps } from '../type';

const { px } = helpers;
export default function useAvatar({ size = px(46), borderRadius = 0, circular = true }: AvatarProps) {
  /** icon的长宽 */
  const width = size;
  const height = size;

  /** 挂件的大小 */
  const accessorySize = ((Math.sqrt(2) - 1) * width) / Math.sqrt(2);

  /** 头像的弧度 */
  const avatarRadius = circular ? width / 2 : borderRadius;

  return {
    width,
    height,
    accessorySize,
    avatarRadius,
  };
}


================================================
FILE: packages/react-native/src/avatar/AvatarGroup/index.tsx
================================================
import React, { Children, cloneElement, FC, isValidElement, ReactElement } from 'react';

import Flex from '../../flex';
import helpers from '../../helpers';
import Avatar from '../Avatar';
import { AvatarGroupProps } from '../type';

const { px } = helpers;
const AvatarGroup: FC<AvatarGroupProps> = props => {
  const { children: childrenProp, max = 4, spacing = px(23), textStyle, backgroundColor } = props;
  /** 有效的自节点 */
  const children = Children.toArray(childrenProp).filter(child => {
    return isValidElement(child);
  }) as Array<ReactElement>;
  /** 额外的头像尾巴 */
  const extraAvatars = children.length > max ? children.length - max + 1 : 0;
  /** 头像的间距 */
  const marginLeft = -spacing;

  return (
    <Flex>
      {children.slice(0, children.length - extraAvatars).map((child, index) => {
        return cloneElement(child, {
          containerStyle: {
            marginLeft: index === 0 ? 0 : marginLeft,
            ...child.props.containerStyle,
          },
          circular: true,
        });
      })}
      {extraAvatars ? (
        <Avatar
          circular
          containerStyle={{ marginLeft }}
          title={'+' + extraAvatars}
          textStyle={textStyle}
          backgroundColor={backgroundColor}
        />
      ) : null}
    </Flex>
  );
};
AvatarGroup.displayName = 'AvatarGroup';

export default AvatarGroup;


================================================
FILE: packages/react-native/src/avatar/index.md
================================================
---
title: Avatar - 头像组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
  order: 5
---

# Avatar 头像组件

## 效果演示

### 1. 默认头像

```tsx | pure
<Avatar url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000" />
```

<center>
  <figure>
    <img
      alt="默认头像 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541697872721505.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 头像大小

```tsx | pure
 <Avatar
    size={20}
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
  />
  <Avatar
    size={40}
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
  />
  <Avatar
    size={60}
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
  />
```

<center>
  <figure>
    <img
      alt="头像大小 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541697902152616.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 头像弧度

```tsx | pure
 <Avatar
    circular={false}
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
  />
  <Avatar
    borderRadius={10}
    circular={false}
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
  />
  <Avatar
    borderRadius={20}
    circular={false}
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
  />
```

<center>
  <figure>
    <img
      alt="头像弧度 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541697200668208.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 头像挂件

```tsx | pure
// 自定义挂件 位置在上边
 <Avatar url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000">
  <Accessory component={<Icon name="user" color="green" rounded />} top={true} />
</Avatar>
// 自定义挂件 位置在左上边
<Avatar url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000">
  <Accessory component={<Icon name="user" color="green" rounded />} top={true} left={true} />
</Avatar>
// 自定义图片
<Avatar url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000">
  <Accessory url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000" />
</Avatar>
```

<center>
  <figure>
    <img
      alt="头像挂件 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541697202802021.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 头像内容

```tsx | pure
// 自定义内容：使用文字
<Avatar title="123" />
// 自定义内容：使用图片
<Avatar url={require('../../assets/images/island.jpg')} />
// 自定义内容：使用图片
<Avatar url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000" />
```

<center>
  <figure>
    <img
      alt="头像内容 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541699890608695.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 头像组

```tsx | pure
<AvatarGroup max={4}>
  <Avatar
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
    circular
  />
  <Avatar
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
    circular
  />
  <Avatar
    url="https://i0.wp.com/fancycrave.com/wp-content/uploads/2020/03/group-of-diverse-friends-playing-game-on-mobile-P5BYNJM.jpg"
    circular
  />
  <Avatar
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
    circular
  />
  <Avatar
    url="https://i0.wp.com/fancycrave.com/wp-content/uploads/2020/03/group-of-diverse-friends-playing-game-on-mobile-P5BYNJM.jpg"
    circular
  />
</AvatarGroup>
```

<center>
  <figure>
    <img
      alt="头像组 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541697216544391.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. 头像组背景

```tsx | pure
<AvatarGroup max={4} backgroundColor="orange">
  <Avatar
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
    circular
  />
  <Avatar
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
    circular
  />
  <Avatar
    url="https://i0.wp.com/fancycrave.com/wp-content/uploads/2020/03/group-of-diverse-friends-playing-game-on-mobile-P5BYNJM.jpg"
    circular
  />
  <Avatar
    url="https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=1000"
    circular
  />
  <Avatar
    url="https://i0.wp.com/fancycrave.com/wp-content/uploads/2020/03/group-of-diverse-friends-playing-game-on-mobile-P5BYNJM.jpg"
    circular
  />
</AvatarGroup>
```

<center>
  <figure>
    <img
      alt="头像组背景 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608541698067149032.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## Avatar 组件 API

| 属性            | 必填    | 说明                                          | 类型                 | 默认值    |
| --------------- | ------- | --------------------------------------------- | -------------------- | --------- |
| url             | `false` | 图片的路径                                    | `string` \| `number` |           |
| size            | `false` | 头像大小                                      | `number`             | `px(46)`  |
| borderRadius    | `false` | 头像弧度                                      | `number`             | `0`       |
| title           | `false` | 标题（显示在头像中的文字，不能与 url 一起用） | `string`             |           |
| circular        | `false` | 头像是否为圆形                                | `boolean`            | `true`    |
| backgroundColor | `false` | 使用 title 时的背景                           | `string`             | `#E5F1FF` |
| textStyle       | `false` | title 文字的样式                              | `TextStyle`          |           |
| containerStyle  | `false` | 容器的样式                                    | `ViewStyle`          |           |
| activeOpacity   | `false` | 点击时的透明度                                | `number`             | `0.6`     |
| onPress         | `false` | 点击头像的回调事件                            | `() => void`         |           |

## Accessory 组件 API

| 属性      | 必填    | 说明                 | 类型                 | 默认值   |
| --------- | ------- | -------------------- | -------------------- | -------- |
| url       | `false` | 图片的路径           | `string` \| `number` |          |
| size      | `false` | 图标大小             | `number`             | `px(14)` |
| icon      | `false` | 使用 icon 时的 props | `IconProps`          |          |
| component | `false` | 使用自定义组件       | `ReactNode`          |          |
| top       | `false` | 挂件垂直方向位置     | `boolean`            | `false`  |
| left      | `false` | 挂件水平方向位置     | `boolean`            | `false`  |

## AvatarGroup 组件 API

| 属性            | 必填    | 说明                      | 类型        | 默认值    |
| --------------- | ------- | ------------------------- | ----------- | --------- |
| max             | `false` | 最大显示数量              | `number`    | `4`       |
| spacing         | `false` | 头像的间距                | `number`    | `px(23)`  |
| backgroundColor | `false` | 数量头像的背景            | `string`    | `#E5F1FF` |
| textStyle       | `false` | 数量头像 title 文字的样式 | `TextStyle` |           |


================================================
FILE: packages/react-native/src/avatar/index.tsx
================================================
export { default as Avatar } from './Avatar';
export { default as Accessory } from './Accessory';
export { default as AvatarGroup } from './AvatarGroup';


================================================
FILE: packages/react-native/src/avatar/type.ts
================================================
import { PropsWithChildren, ReactElement } from 'react';
import { TextStyle, ViewStyle } from 'react-native';

export interface AccessoryProps {
  /** 图标大小 */
  size?: number;
  /** 使用图片时的值 */
  url?: string | number;
  /** 使用自定义组件 */
  component?: ReactElement;
  /** 挂件垂直方向位置 */
  top?: boolean;
  /** 挂件水平方向位置 */
  left?: boolean;
}
export type AvatarGroupProps = PropsWithChildren<{
  /** 最大显示数量 */
  max?: number;
  /** 头像的间距 */
  spacing?: number;
  /** 数量的背景 */
  backgroundColor?: string;
  /** 数量的文字的样式 */
  textStyle?: TextStyle;
}>;

export type AvatarProps = {
  /** 点击头像 */
  onPress?: () => void;
  /** 点击时的透明度 */
  activeOpacity?: number;
  /** 头像大小 */
  size?: number;
  /** 图片地址 */
  url?: string | number;
  /** 头像弧度 */
  borderRadius?: number;
  /** 标题显示在头像中的文字不能与url一起用 */
  title?: string;
  /** 是否为圆形 */
  circular?: boolean;
  /** title时的背景 */
  backgroundColor?: string;
  /** title文字的样式 */
  textStyle?: TextStyle;
  /** 容器的样式 */
  containerStyle?: ViewStyle;
};


================================================
FILE: packages/react-native/src/badge/index.md
================================================
---
title: Badge - 徽标组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Badge 徽标组件

## 效果演示

### 1. type 默认，展示为 text

```tsx | pure
<Badge text={4}>
  <Box width={50} height={52} backgroundColor="warningColor2" />
</Badge>
<WhiteSpace />
<Badge text="折" backgroundColor="primaryTextColor">
  <Box backgroundColor="warningColor2" width={52} height={52} />
</Badge>
<WhiteSpace />
```

<center>
  <figure>
    <img
      alt="badge-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608797068494109760.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. type 为 dot

```tsx | pure
<Badge text={4} type="dot">
  <Box width={50} height={52} backgroundColor="warningColor2" />
</Badge>
```

<center>
  <figure>
    <img
      alt="badge-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608797081010456297.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. overflowCount

```tsx | pure
<WhiteSpace />
<Badge text={10900} overflowCount={14000} backgroundColor="func300">
  <Box backgroundColor="warningColor2" width={302} height={132} />
</Badge>
<WhiteSpace />
<Badge text={10900} backgroundColor="func300">
  <Box backgroundColor="warningColor2" width={302} height={132} />
</Badge>
```

<center>
  <figure>
    <img
      alt="badge-ios4.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608797087820228989.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性           | 必填    | 说明                 | 类型                 | 默认值 |
| -------------- | ------- | -------------------- | -------------------- | ------ |
| type           | `false` | badge 的形态         | `dot` \| `text`      | `text` |
| text           | `false` | badge 的内容         | `string` \| `number` |        |
| max            | `false` | 展示封顶的数值       | `number`             | `99`   |
| containerStyle | `false` | badge 的容器的 style | `ViewStyle`          |        |
| textStyle      | `false` | badge 中文字的 style | `ViewStyle`          |        |


================================================
FILE: packages/react-native/src/badge/index.tsx
================================================
import React, { cloneElement, FC, memo, ReactElement } from 'react';
import { StyleSheet, TextStyle, ViewStyle } from 'react-native';

import Box from '../box';
import Text from '../text';
import useBadge from './useBadge';

const DOT_SIZE = 8; // 默认点大小
export interface BadgeProps {
  /** 徽标内容 */
  text?: string | number;
  /** 展示封顶的数值 */
  max?: number;
  /** badge的形态，小圆点 | 文字 */
  type?: 'dot' | 'text';
  /** badge的容器的style */
  containerStyle?: ViewStyle;
  /** badge中文字的style */
  textStyle?: TextStyle;
  /** 子组件 */
  children: ReactElement;
}

const Badge: FC<BadgeProps> = ({
  type = 'text',
  containerStyle = {},
  textStyle = {},
  text,
  max = 99,
  children,
}: BadgeProps) => {
  const { onBadgeLayout, badgeOffset, layout } = useBadge();

  return (
    <Box width={layout.width} height={layout.height}>
      {cloneElement(children, {
        onLayout: onBadgeLayout,
      })}
      <Content {...{ type, text, max, containerStyle, textStyle, badgeOffset }} />
    </Box>
  );
};
Badge.displayName = 'Badge';

export default Badge;

const Content = memo(
  ({
    type,
    text,
    max,
    containerStyle,
    textStyle,
    badgeOffset,
  }: Pick<BadgeProps, 'type' | 'text' | 'max' | 'containerStyle' | 'textStyle'> & {
    badgeOffset: { top: number; right: number };
  }) => {
    text = typeof text === 'number' && text > max! ? `${max}+` : text;

    const isZero = text === '0' || text === 0;
    const isEmpty = text === null || text === undefined || text === '';
    const isHidden = isEmpty || isZero;

    if (isHidden) return null;

    if (type === 'dot')
      return (
        <Box
          width={DOT_SIZE}
          height={DOT_SIZE}
          position={'absolute'}
          top={-(DOT_SIZE / 2)}
          right={-(DOT_SIZE / 2)}
          backgroundColor={'func600'}
          style={StyleSheet.compose(
            {
              borderRadius: DOT_SIZE / 2,
            },
            containerStyle
          )}
        />
      );
    return (
      <Box
        borderRadius={'x1'}
        position={'absolute'}
        top={badgeOffset.top}
        right={badgeOffset.right}
        paddingHorizontal={'x1'}
        backgroundColor={'func600'}
        justifyContent={'center'}
        style={containerStyle}
      >
        <Text textAlign={'center'} color="white" style={textStyle}>
          {text}
        </Text>
      </Box>
    );
  }
);


================================================
FILE: packages/react-native/src/badge/useBadge.ts
================================================
import { LayoutChangeEvent } from 'react-native';

import { useSafeState } from '@td-design/rn-hooks';

export default function useBadge() {
  const [layout, setLayout] = useSafeState({ width: 0, height: 0 });
  const [badgeOffset, setBadgeOffset] = useSafeState({
    top: 0,
    right: 0,
  });

  const onBadgeLayout = (event: LayoutChangeEvent) => {
    const { width, height } = event.nativeEvent.layout;
    const newX = Math.round(-width / 2);
    const newY = Math.round(-height / 2);

    setLayout({ width, height });

    if (badgeOffset.top !== newY || badgeOffset.right !== newX) {
      setBadgeOffset({ top: newY, right: newX });
    }
  };

  return {
    badgeOffset,
    layout,
    onBadgeLayout,
  };
}


================================================
FILE: packages/react-native/src/box/index.md
================================================
---
title: Box - 盒子组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
  order: 4
---

# Box 盒子组件

基于`restyle`，除样式属性外继承`ViewProps`。

**注意，Box组件不直接基于`View`组件，而是基于`react-native/Libraries/Components/View/ViewNativeComponent`（[why](https://twitter.com/natebirdman/status/1695511232298783079?s=42)）。**

## 效果演示

### 1. 背景为蓝色的正方形

```tsx | pure
<Box width={200} height={200} backgroundColor="primaryColor" margin="x3" />
```

<center>
  <figure>
    <img
      alt="box-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607493786211498786.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 居中显示文本

```tsx | pure
<Box width={200} height={200} borderWidth={1} borderColor="borderColor" justifyContent="center" alignItems="center">
  <Text>Hello, Box</Text>
</Box>
```

<center>
  <figure>
    <img
      alt="box-ios2"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607493903256997162.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

除样式属性外，其他属性和`ViewProps`保持一致。样式属性基于`restyle`，把原来用`style`包裹的属性展平，同时采用`Theme`里面定义的约束。具体如下：

### 一般属性

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性            | 必填    | 说明                                | 类型      | 默认值 |
| --------------- | ------- | ----------------------------------- | --------- | ------ |
| backgroundColor | `false` | 背景色。取值为 Theme 里面的`colors` | `string`  |        |
| opacity         | `false` | 透明度。取值 0 - 1                  | `number`  | `1`    |
| visible         | `false` | 是否可见                            | `boolean` | `true` |

### 内边距、外边距相关属性

取值为 Theme 里面的`spacing`。

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性              | 必填    | 说明 | 类型 | 默认值 |
| ----------------- | ------- | ---- | ---- | ------ |
| margin            | `false` |      |      |        |
| marginStart       | `false` |      |      |        |
| marginEnd         | `false` |      |      |        |
| marginHorizontal  | `false` |      |      |        |
| marginVertical    | `false` |      |      |        |
| marginLeft        | `false` |      |      |        |
| marginRight       | `false` |      |      |        |
| marginBottom      | `false` |      |      |        |
| marginTop         | `false` |      |      |        |
| padding           | `false` |      |      |        |
| paddingStart      | `false` |      |      |        |
| paddingEnd        | `false` |      |      |        |
| paddingHorizontal | `false` |      |      |        |
| paddingVertical   | `false` |      |      |        |
| paddingLeft       | `false` |      |      |        |
| paddingRight      | `false` |      |      |        |
| paddingBottom     | `false` |      |      |        |
| paddingTop        | `false` |      |      |        |

### 宽高布局相关属性

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性           | 必填    | 说明 | 类型 | 默认值 |
| -------------- | ------- | ---- | ---- | ------ |
| width          | `false` |      |      |        |
| minWidth       | `false` |      |      |        |
| maxWidth       | `false` |      |      |        |
| height         | `false` |      |      |        |
| maxHeight      | `false` |      |      |        |
| minHeight      | `false` |      |      |        |
| flex           | `false` |      |      |        |
| flexDirection  | `false` |      |      |        |
| flexBasis      | `false` |      |      |        |
| flexGrow       | `false` |      |      |        |
| flexShrink     | `false` |      |      |        |
| flexWrap       | `false` |      |      |        |
| alignContent   | `false` |      |      |        |
| alignItems     | `false` |      |      |        |
| alignSelf      | `false` |      |      |        |
| justifyContent | `false` |      |      |        |
| aspectRatio    | `false` |      |      |        |
| overflow       | `false` |      |      |        |

### 定位相关属性

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性     | 必填    | 说明 | 类型 | 默认值 |
| -------- | ------- | ---- | ---- | ------ |
| position | `false` |      |      |        |
| start    | `false` |      |      |        |
| end      | `false` |      |      |        |
| left     | `false` |      |      |        |
| right    | `false` |      |      |        |
| bottom   | `false` |      |      |        |
| top      | `false` |      |      |        |
| zIndex   | `false` |      |      |        |

### 边框相关属性

定义参见：[https://reactnative.dev/docs/view-style-props](https://reactnative.dev/docs/view-style-props)

| 属性                    | 必填    | 说明 | 类型 | 默认值 |
| ----------------------- | ------- | ---- | ---- | ------ |
| borderWidth             | `false` |      |      |        |
| borderLeftWidth         | `false` |      |      |        |
| borderRightWidth        | `false` |      |      |        |
| borderBottomWidth       | `false` |      |      |        |
| borderTopWidth          | `false` |      |      |        |
| borderStartWidth        | `false` |      |      |        |
| borderEndWidth          | `false` |      |      |        |
| borderStyle             | `false` |      |      |        |
| borderColor             | `false` |      |      |        |
| borderStartColor        | `false` |      |      |        |
| borderEndColor          | `false` |      |      |        |
| borderLeftColor         | `false` |      |      |        |
| borderRightColor        | `false` |      |      |        |
| borderBottomColor       | `false` |      |      |        |
| borderTopColor          | `false` |      |      |        |
| borderRadius            | `false` |      |      |        |
| borderBottomStartRadius | `false` |      |      |        |
| borderBottomEndRadius   | `false` |      |      |        |
| borderBottomLeftRadius  | `false` |      |      |        |
| borderBottomRightRadius | `false` |      |      |        |
| borderTopStartRadius    | `false` |      |      |        |
| borderTopEndRadius      | `false` |      |      |        |
| borderTopLeftRadius     | `false` |      |      |        |
| borderTopRightRadius    | `false` |      |      |        |

### 阴影相关属性

定义参见：[https://reactnative.dev/docs/shadow-props](https://reactnative.dev/docs/shadow-props)

| 属性          | 必填    | 说明 | 类型 | 默认值 |
| ------------- | ------- | ---- | ---- | ------ |
| elevation     | `false` |      |      |        |
| shadowOffset  | `false` |      |      |        |
| shadowOpacity | `false` |      |      |        |
| shadowRadius  | `false` |      |      |        |
| shadowColor   | `false` |      |      |        |


================================================
FILE: packages/react-native/src/box/index.tsx
================================================
// @ts-ignore
import NativeView from 'react-native/Libraries/Components/View/ViewNativeComponent';

import { createBox } from '@shopify/restyle';

import { Theme } from '../theme';

const Box = createBox<Theme>(NativeView);
Box.displayName = 'Box';
Box.defaultProps = {
  pointerEvents: 'box-none',
};

export default Box;


================================================
FILE: packages/react-native/src/box-shadow/index.md
================================================
---
title: BoxShadow - 阴影组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /other
---

# BoxShadow 盒子组件

原样暴露[react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)的属性，可以自定义阴影的样式。


================================================
FILE: packages/react-native/src/box-shadow/index.tsx
================================================
import React, { FC } from 'react';

let Shadow: any;
let ShadowProps: any;

try {
  ({ Shadow, ShadowProps } = require('react-native-shadow-2'));
} catch (error) {
  throw new Error(
    'The dependency "react-native-shadow-2" is not installed. Please install it to use the BoxShadow component.'
  );
}

const BoxShadow: FC<typeof ShadowProps> = props => {
  return <Shadow {...props} />;
};
BoxShadow.displayName = 'BoxShadow';

export default BoxShadow;


================================================
FILE: packages/react-native/src/brief/index.tsx
================================================
import React, { memo, ReactNode } from 'react';

import Box from '../box';
import Text from '../text';

const Brief = memo(({ brief }: { brief?: ReactNode }) => {
  if (!brief) return null;
  return (
    <Box marginLeft="x1">
      {typeof brief === 'string' ? (
        <Text variant="p2" color="text">
          {brief}
        </Text>
      ) : (
        brief
      )}
    </Box>
  );
});

export default Brief;


================================================
FILE: packages/react-native/src/button/index.md
================================================
---
title: Button - 按钮组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
  order: 8
---

# Button 按钮组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Button title="按钮" onPress={() => Alert.alert('hello, Button')} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643094661379223377.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. type='secondary'

```tsx | pure
<Button title="按钮" type="secondary" onPress={() => Alert.alert('hello, Button')} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643094817445413324.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. loading 状态（不响应点击事件）

```tsx | pure
<Button title="按钮" loading onPress={() => Alert.alert('hello, Button')} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643094995808075383.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 禁用按钮

```tsx | pure
<Button title="按钮" disabled onPress={() => Alert.alert('hello, Button')} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643095088204101287.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 设置按钮宽度

```tsx | pure
<Button title="按钮" width="80%" onPress={() => Alert.alert('hello, Button')} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643095170934109065.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 设置按钮圆角大小

```tsx | pure
<Button title="按钮" borderRadius={20} onPress={() => Alert.alert('hello, Button')} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643095234774951875.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

组件属性继承`SpacingProps`，其余属性如下：

| 属性         | 必填    | 说明         | 类型                            | 默认值    |
| ------------ | ------- | ------------ | ------------------------------- | --------- |
| title        | `true`  | 按钮文字内容 | `ReactNode`                     |           |
| type         | `false` | 按钮展示类型 | `primary` \| `secondary`        | `primary` |
| disabled     | `false` | 是否失效     | `boolean`                       | `false`   |
| loading      | `false` | 是否加载中   | `boolean`                       |           |
| onPress      | `true`  | 按钮点击事件 | `() => void`                    |           |
| width        | `false` | 按钮宽度     | `number` \| `string`            | `100%`    |
| borderRadius | `false` | 圆角大小     | `number`                        | `px(4)`   |
| bordered     | `false` | 是否显示边框 | `boolean`                       | `true`    |
| size         | `false` | 按钮大小     | `default` \| `small` \| `large` | `default` |
| style        | `false` | 自定义样式   | `ViewStyle`                     |           |


================================================
FILE: packages/react-native/src/button/index.tsx
================================================
import React, { FC, ReactNode, useMemo } from 'react';
import { DimensionValue } from 'react-native';

import helpers from '../helpers';
import UIActivityIndicator from '../indicator/UIActivityIndicator';
import Pressable, { PressableProps } from '../pressable';
import Text from '../text';
import useButton from './useButton';

const { px } = helpers;
export type ButtonProps = PressableProps & {
  /** 按钮文字内容 */
  title: ReactNode;
  /** 按钮展示类型 */
  type?: 'primary' | 'secondary';
  /** 是否失效 */
  disabled?: boolean;
  /** 是否加载中 */
  loading?: boolean;
  /** 按钮点击事件 */
  onPress: () => void;
  /** 按钮的宽度 */
  width?: DimensionValue;
  /** 圆角 */
  borderRadius?: number;
  /** 不显示border */
  bordered?: boolean;
  /** 按钮大小 */
  size?: 'default' | 'small' | 'large';
};

const Button: FC<ButtonProps> = props => {
  const { loading, title } = props;

  const { pressableProps, textColor, variant, indicatorColor, loadingIconSize } = useButton(props);

  const Title = useMemo(() => {
    if (typeof title === 'string')
      return (
        <Text variant={variant} color={textColor}>
          {title}
        </Text>
      );
    return title;
  }, [title, textColor, variant]);

  return (
    <Pressable {...pressableProps}>
      {!!loading && (
        <UIActivityIndicator
          color={indicatorColor}
          size={loadingIconSize}
          animating={loading}
          style={{ marginRight: px(4) }}
        />
      )}
      {Title}
    </Pressable>
  );
};
Button.displayName = 'Button';

export default Button;


================================================
FILE: packages/react-native/src/button/useButton.ts
================================================
import { useMemo } from 'react';
import { StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import type { ButtonProps } from '.';
import helpers from '../helpers';
import { PressableProps } from '../pressable';
import { Color, Theme, Variant } from '../theme';

const { px, ONE_PIXEL } = helpers;

export default function useButton(props: ButtonProps) {
  const theme = useTheme<Theme>();
  const {
    loading,
    type = 'primary',
    width = '100%',
    size = 'default',
    disabled = false,
    borderRadius = theme.borderRadii.x1,
    onPress,
    bordered = true,
    style,
    ...restProps
  } = props;

  let textColor: Color = 'text_active';
  let backgroundColor = theme.colors.transparent;
  let indicatorColor = disabled ? theme.colors.gray200 : theme.colors.white;

  if (type === 'primary') {
    backgroundColor = disabled ? theme.colors.primary400 : theme.colors.primary200;
  } else if (type === 'secondary') {
    textColor = disabled ? 'gray200' : 'primary200';
    backgroundColor = disabled ? theme.colors.disabled : theme.colors.transparent;
    indicatorColor = disabled ? theme.colors.gray200 : theme.colors.primary200;
  }

  let borderWidth = 0;
  if (bordered) {
    borderWidth = type === 'secondary' ? ONE_PIXEL : 0;
  }

  const { variant, paddingVertical, loadingIconSize } = useMemo(() => {
    switch (size) {
      case 'default':
      default:
        return {
          variant: 'p1' as Variant,
          paddingVertical: theme.spacing.x2,
          loadingIconSize: px(16),
        };

      case 'large':
        return {
          variant: 'p0' as Variant,
          paddingVertical: theme.spacing.x3,
          loadingIconSize: px(20),
        };

      case 'small':
        return {
          variant: 'p2' as Variant,
          paddingVertical: theme.spacing.x1,
          loadingIconSize: px(12),
        };
    }
  }, [size]);

  /** 容器属性 */
  const pressableProps: PressableProps = {
    disabled,
    onPress: () => {
      if (loading) return;
      onPress?.();
    },
    activeOpacity: disabled ? 1 : 0.6,
    style: StyleSheet.flatten([
      {
        width,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor,
        borderWidth,
        borderColor:
          type === 'primary' ? theme.colors.border : disabled ? theme.colors.disabled : theme.colors.primary200,
        borderRadius,
        paddingVertical,
      },
      style,
    ]),
    ...restProps,
  };

  return {
    variant,
    textColor,
    indicatorColor,
    pressableProps,
    loadingIconSize,
  };
}


================================================
FILE: packages/react-native/src/button-group/Item.tsx
================================================
import React, { cloneElement, FC, memo, ReactElement, ReactNode, useMemo } from 'react';
import { StyleProp, StyleSheet, ViewStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Pressable from '../pressable';
import Text from '../text';
import { Spacing, Theme } from '../theme';

export interface ButtonGroupOption {
  /** 文本或者组件 */
  label: ReactNode;
  /** 按下的回调函数 */
  onPress?: () => void;
}
interface ItemProps extends ButtonGroupOption {
  /** 自定义Item样式 */
  itemStyle?: StyleProp<ViewStyle>;
  /** 尺寸 */
  size?: Spacing;
  /** 是否禁用 */
  disabled: boolean;
  /** 序号 */
  index: number;
  /** 点击事件 */
  onItemPress: (index: number) => void;
  isFirst: boolean;
  isLast: boolean;
  isCurrent: boolean;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

const ButtonItem: FC<ItemProps> = ({
  label,
  onItemPress,
  onPress,
  itemStyle,
  disabled,
  size = 'x2',
  index,
  isFirst,
  isLast,
  isCurrent,
  activeOpacity,
}) => {
  const theme = useTheme<Theme>();

  const styles = StyleSheet.create({
    item: {
      backgroundColor: isCurrent ? theme.colors.primary200 : theme.colors.white,
      borderColor: theme.colors.primary200,
      padding: theme.spacing[size],
      display: 'flex',
      alignItems: 'center',
      flex: 1,
      borderTopWidth: 1,
      borderBottomWidth: 1,
      borderRightWidth: 1,
    },
    first: {
      borderTopStartRadius: theme.borderRadii.x1,
      borderBottomStartRadius: theme.borderRadii.x1,
      borderLeftWidth: 1,
    },
    last: {
      borderTopEndRadius: theme.borderRadii.x1,
      borderBottomEndRadius: theme.borderRadii.x1,
      borderRightWidth: 1,
      borderLeftWidth: 0,
    },
  });

  const Label = useMemo(() => {
    const textColor = isCurrent ? theme.colors.text_active : theme.colors.primary200;

    if (typeof label === 'string')
      return (
        <Text
          variant={'p1'}
          textAlign={'center'}
          style={{
            color: disabled ? theme.colors.gray200 : textColor,
          }}
        >
          {label}
        </Text>
      );
    return cloneElement(label as ReactElement, {
      style: {
        color: textColor,
      },
    });
  }, [label, isCurrent, disabled, theme.colors.primary200, theme.colors.text_active, theme.colors.gray200]);

  if (!disabled)
    return (
      <Pressable
        activeOpacity={activeOpacity}
        onPress={() => {
          onItemPress(index);
          onPress?.();
        }}
        style={StyleSheet.flatten([styles.item, isFirst && styles.first, isLast && styles.last, itemStyle])}
      >
        {Label}
      </Pressable>
    );

  return (
    <Box style={StyleSheet.flatten([styles.item, isFirst && styles.first, isLast && styles.last, itemStyle])}>
      {Label}
    </Box>
  );
};

export default memo(ButtonItem);


================================================
FILE: packages/react-native/src/button-group/index.md
================================================
---
title: ButtonGroup - 按钮组组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# ButtonGroup 按钮组组件

## 效果演示

### 1. 默认效果

```tsx | pure
<ButtonGroup
  options={[
    {
      label: 'test1',
      onPress: () => {
        console.log(111);
      },
    },
    { label: 'test2' },
    { label: 'test3' },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="buttonGroup-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607765928867208467.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2.设置不同 Size 的按钮组

```tsx | pure
<WhiteSpace />
<ButtonGroup
  options={[{ label: 'L' }, { label: 'R' }]}
  size='x5'
  containerStyle={{ width: '75%' }}
/>
<WhiteSpace />
<ButtonGroup
  options={[{ label: 'L' }, { label: 'R' }]}
  containerStyle={{ width: '50%' }}
/>
<WhiteSpace />
<ButtonGroup
  options={[{ label: 'L' }, { label: 'R' }]}
  size='x1'
  containerStyle={{ width: '25%' }}
/>
```

<center>
  <figure>
    <img
      alt="buttonGroup-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607766005198871809.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义样式

```tsx | pure
<ButtonGroup
  options={[{ label: 'test1', style: { backgroundColor: 'pink' } }, { label: 'test2' }, { label: 'test3' }]}
  disabledItems={[1]}
  containerStyle={{ padding: px(2), backgroundColor: '#005DFF', borderRadius: px(4) }}
/>
<WhiteSpace />
<ButtonGroup
  options={[{ label: '年' }, { label: '月' }, { label: '周' }]}
  size='x2'
  containerStyle={{ width: '50%' }}
/>
```

<center>
  <figure>
    <img
      alt="buttonGroup-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607766073303038285.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 内容为自定义图标（组件）

```tsx | pure
<ButtonGroup
  options={[
    {
      label: <Icon name="star" />,
    },
    {
      label: <Icon name="star" />,
    },
    {
      label: <Icon name="star" />,
    },
    {
      label: <Icon name="star" />,
    },
    {
      label: <Icon name="star" />,
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="buttonGroup-ios4.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607766030643665923.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### ButtonGroup API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| options | `true` | 指定可选项 | `Option[]` |  |
| size | `false` | 尺寸 | `xxs` \| `xs` \| `s` \| `m` \| `l` \| `xl` \| `xxl` | `m` |
| disabledItems | `false` | 设置禁用的项，值为 options 的数组下标 | `number[]` |  |
| activeIndex | `false` | 默认处于点击状态的 Item，值为 options 的数组下标 | `number` |  |
| activeOpacity | `false` | 未禁用时的不透明度 | `number` | `0.6` |
| itemStyle | `false` | 自定义 Item 样式 | `ViewStyle` |  |
| containerStyle | `false` | 自定义容器样式 | `ViewStyle` |  |

### Option 类型

| 属性    | 必填    | 说明           | 类型                   | 默认值 |
| ------- | ------- | -------------- | ---------------------- | ------ |
| label   | `true`  | 文本或者组件   | `ReactNode`            |        |
| onPress | `false` | 按下的回调函数 | `() => void`           |        |
| style   | `false` | 自定义样式     | `StyleProp<ViewStyle>` |        |


================================================
FILE: packages/react-native/src/button-group/index.tsx
================================================
import React, { FC, useEffect } from 'react';
import { Keyboard, StyleProp, ViewStyle } from 'react-native';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import { Spacing } from '../theme';
import ButtonItem, { ButtonGroupOption } from './Item';

export interface ButtonGroupProps {
  /** 指定可选项 */
  options: ButtonGroupOption[];
  /** 尺寸 */
  size?: Spacing;
  /** 设置禁用的项，值为options的数组下标 */
  disabledItems?: number[];
  /** 默认处于点击状态的Item，值为 options 的数组下标 */
  activeIndex?: number;
  /** 自定义Item样式 */
  itemStyle?: StyleProp<ViewStyle>;
  /** 自定义容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** 未禁用时的不透明度 */
  activeOpacity?: number;
}

const ButtonGroup: FC<ButtonGroupProps> = ({
  disabledItems = [],
  containerStyle,
  options = [],
  activeIndex,
  itemStyle,
  size,
  activeOpacity = 0.6,
}) => {
  const [active, setActive] = useSafeState(activeIndex);

  useEffect(() => {
    setActive(activeIndex);
  }, [activeIndex]);

  if (options.length === 0) return null;

  const handlePress = useMemoizedFn(index => {
    Keyboard.dismiss();
    setActive(index);
  });

  return (
    <Box style={containerStyle}>
      <Flex flexWrap="nowrap">
        {options.map((item, index, array) => (
          <ButtonItem
            key={index}
            {...item}
            {...{ activeOpacity }}
            index={index}
            size={size}
            disabled={disabledItems.includes(index)}
            onItemPress={handlePress}
            itemStyle={itemStyle}
            isCurrent={active === index}
            isFirst={index === 0}
            isLast={index === array.length - 1}
          />
        ))}
      </Flex>
    </Box>
  );
};
ButtonGroup.displayName = 'ButtonGroup';

export default ButtonGroup;


================================================
FILE: packages/react-native/src/card/index.md
================================================
---
title: Card - 卡片组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# Card 卡片组件

## 效果演示

### 1. 标准的 Card

```tsx | pure
<Card
  icon={<Icon name="user" color="green" />}
  title="我是标题"
  extra="说明文字"
  footer={
    <Box>
      <Text variant="primaryTip">底部文字</Text>
    </Box>
  }
>
  <Text variant="secondaryBodyReverse">
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
  </Text>
</Card>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607514164797819749.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 没有 footer 的 Card

```tsx | pure
<Card title="我是标题" extra="说明文字">
  <Text variant="secondaryBodyReverse">
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
  </Text>
</Card>
```

<center>
  <figure>
    <img
      alt="card-ios2"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607514257388033912.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义 Header 的 Card

```tsx | pure
<Card
  renderHeader={() => (
    <Box>
      <Text variant="primaryBody">自定义标题</Text>
    </Box>
  )}
>
  <Text variant="secondaryBodyReverse">
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
  </Text>
</Card>
```

<center>
  <figure>
    <img
      alt="card-ios3"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607514356040261698.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 只有 body 的 Card

```tsx | pure
<Card renderHeader={() => <Text variant="primaryBody">自定义标题</Text>} hideHeader>
  <Text variant="secondaryBodyReverse">
    我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文我是正文
  </Text>
</Card>
```

<center>
  <figure>
    <img
      alt="card-ios4"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607514417328538607.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性           | 必填    | 说明                   | 类型              | 默认值  |
| -------------- | ------- | ---------------------- | ----------------- | ------- |
| icon           | `false` | header 左侧的图标      | `ReactNode`       |         |
| title          | `false` | header 的文字          | `ReactNode`       |         |
| extra          | `false` | header 右侧的图标      | `ReactNode`       |         |
| renderHeader   | `false` | 自定义渲染标题         | `() => ReactNode` |         |
| hideHeader     | `false` | 是否隐藏标题           | `boolean`         | `false` |
| footer         | `false` | 底部容器。不传时不渲染 | `ReactNode`       |         |
| containerStyle | `false` | 容器的样式             | `ViewStyle`       |         |
| contentStyle   | `false` | 容器 body 的样式       | `ViewStyle`       |         |


================================================
FILE: packages/react-native/src/card/index.tsx
================================================
import React, { FC, memo, ReactNode } from 'react';
import { StyleProp, StyleSheet, ViewStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Brief from '../brief';
import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import { Theme } from '../theme';

const { ONE_PIXEL } = helpers;
export interface CardProps {
  /** 图标 */
  icon?: ReactNode;
  /** 标题 */
  title?: ReactNode;
  /** 标题右边内容 */
  extra?: ReactNode;
  /** 自定义渲染标题 */
  renderHeader?: () => ReactNode;
  /** 是否隐藏标题 */
  hideHeader?: boolean;
  /** 底部内容 */
  footer?: ReactNode;
  /** 容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** 容器内content样式 */
  contentStyle?: StyleProp<ViewStyle>;
  /** 子组件 */
  children?: ReactNode;
}

/**
 * Card 组件由Header（可选）/Content/Footer（可选）三部分组成
 */
const Card: FC<CardProps> = ({
  icon,
  title,
  extra,
  renderHeader,
  footer,
  hideHeader,
  containerStyle,
  contentStyle,
  children,
}) => {
  return (
    <Box
      backgroundColor="white"
      borderWidth={ONE_PIXEL}
      borderColor="border"
      borderRadius={'x2'}
      style={containerStyle}
    >
      {renderHeader ? renderHeader() : <Header {...{ hideHeader, icon, title, extra }} />}
      <Body {...{ footer, contentStyle }}>{children}</Body>
      {!!footer && <Box padding="x2">{footer}</Box>}
    </Box>
  );
};
Card.displayName = 'Card';

export default Card;

const Header = memo(
  ({ hideHeader, icon, title, extra }: Pick<CardProps, 'hideHeader' | 'icon' | 'title' | 'extra'>) => {
    if (hideHeader) return null;

    const Header = (
      <Flex justifyContent="space-between">
        {!!(icon || title) && (
          <Flex>
            {!!icon && <Box>{icon}</Box>}
            {!!title && (
              <Box>
                {typeof title === 'string' ? (
                  <Text variant="p0" color="text">
                    {title}
                  </Text>
                ) : (
                  title
                )}
              </Box>
            )}
          </Flex>
        )}
        <Brief brief={extra} />
      </Flex>
    );

    return (
      <Box
        borderBottomWidth={ONE_PIXEL}
        borderBottomColor="border"
        paddingHorizontal="x2"
        paddingVertical={'x2'}
        justifyContent="center"
      >
        {Header}
      </Box>
    );
  }
);

const Body = memo(({ footer, contentStyle, children }: Pick<CardProps, 'footer' | 'contentStyle' | 'children'>) => {
  const theme = useTheme<Theme>();

  return (
    <Box
      padding="x2"
      style={
        footer
          ? StyleSheet.compose(
              {
                borderBottomWidth: ONE_PIXEL,
                borderBottomColor: theme.colors.border,
                paddingBottom: theme.spacing.x2,
              },
              contentStyle
            )
          : contentStyle
      }
    >
      {children}
    </Box>
  );
});


================================================
FILE: packages/react-native/src/carousel/Bullets.tsx
================================================
import React, { memo } from 'react';
import { StyleSheet } from 'react-native';
import Animated from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import { Theme } from '../theme';
import { mix, mixColor } from '../utils/redash';
import { CarouselProps } from './type';

const justifyContentMap = {
  left: 'flex-start',
  right: 'flex-end',
  center: 'center',
};

const Bullets = ({
  indicatorEnabled,
  indicatorSize,
  activeColor,
  inactiveColor,
  currentIndex,
  count,
  width,
  align,
}: Required<Pick<CarouselProps, 'indicatorEnabled' | 'indicatorSize' | 'width' | 'align'>> &
  Pick<CarouselProps, 'activeColor' | 'inactiveColor'> & {
    currentIndex: number;
    count: number;
  }) => {
  if (!indicatorEnabled) return null;

  const styles = StyleSheet.create({
    dot: {
      bottom: indicatorSize,
      justifyContent: justifyContentMap[align] as any,
    },
  });

  return (
    <Box
      position={'absolute'}
      alignItems={'center'}
      width={width}
      left={0}
      right={0}
      flexDirection={'row'}
      style={styles.dot}
    >
      {Array(count)
        .fill('')
        .map((_, index) => (
          <Dot key={index} isCurrent={currentIndex === index} {...{ activeColor, inactiveColor, indicatorSize }} />
        ))}
    </Box>
  );
};
Bullets.displayName = 'Bullets';

export default memo(Bullets);

const Dot = memo(
  (props: { isCurrent: boolean; activeColor?: string; inactiveColor?: string; indicatorSize: number }) => {
    const theme = useTheme<Theme>();
    const { isCurrent, activeColor = theme.colors.gray50, inactiveColor = theme.colors.gray200, indicatorSize } = props;

    const backgroundColor = mixColor(+isCurrent, inactiveColor, activeColor) as any;
    const scale = mix(+isCurrent, 1, 1.2);

    const styles = StyleSheet.create({
      dot: {
        width: indicatorSize,
        height: indicatorSize,
        borderRadius: indicatorSize / 2,
        backgroundColor,
        transform: [{ scale }],
        marginHorizontal: indicatorSize / 2,
      },
    });

    return <Animated.View style={styles.dot} />;
  }
);


================================================
FILE: packages/react-native/src/carousel/index.md
================================================
---
title: Carousel - 轮播组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Carousel 轮播组件

## 效果演示

### 1. 默认配置

```tsx | pure
<Carousel>
  <Image source={require('../../assets/images/img-01.jpg')} />
  <Image source={require('../../assets/images/img-02.jpg')} />
  <Image source={require('../../assets/images/img-03.jpeg')} />
</Carousel>
```

<center>
  <figure>
    <img
      alt="Carousel-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607584871809874524.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 宽度 200，高度 100

```tsx | pure
<Carousel width={px(200)} height={px(100)}>
  <Image source={require('../../assets/images/img-01.jpg')} />
  <Image source={require('../../assets/images/img-02.jpg')} />
  <Image source={require('../../assets/images/img-03.jpeg')} />
</Carousel>
```

<center>
  <figure>
    <img
      alt="Carousel-ios2.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607585106049348222.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 轮播时长为 1000 毫秒

```tsx | pure
<Carousel duration={1000}>
  <Image source={require('../../assets/images/img-01.jpg')} />
  <Image source={require('../../assets/images/img-02.jpg')} />
  <Image source={require('../../assets/images/img-03.jpeg')} />
</Carousel>
```

<center>
  <figure>
    <img
      alt="Carousel-ios5.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607585607849541264.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 修改指示器颜色

```tsx | pure
<Carousel dotColor="gold">
  <Image source={require('../../assets/images/img-01.jpg')} />
  <Image source={require('../../assets/images/img-02.jpg')} />
  <Image source={require('../../assets/images/img-03.jpeg')} />
</Carousel>
```

<center>
  <figure>
    <img
      alt="Carousel-ios8.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607586190454474657.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性             | 必填    | 说明               | 类型        | 默认值        |
| ---------------- | ------- | ------------------ | ----------- | ------------- |
| auto             | `false` | 是否自动滚动       | `boolean`   | `true`        |
| width            | `false` | 轮播图宽度         | `number`    | `deviceWidth` |
| height           | `false` | 轮播图高度         | `number`    | `320`         |
| duration         | `false` | 轮播时长（毫秒）   | `number`    | `2000`        |
| indicatorEnabled | `false` | 是否显示滚动指示器 | `boolean`   | `true`        |
| indicatorSize    | `false` | 指示器大小         | `number`    | `10`          |
| activeColor      | `false` | 原点选中时颜色     | `string`    | `#fff`        |
| inactiveColor    | `false` | 原点未选中时颜色   | `string`    | `#fff`        |
| align            | `false` | 指示器布局方式。   | `AlignType` | `center`      |

`AlignType`的类型如下：

```ts
type AlignType = 'left' | 'center' | 'right';
```


================================================
FILE: packages/react-native/src/carousel/index.tsx
================================================
import React, { Children, cloneElement, FC, isValidElement, ReactElement } from 'react';
import Animated from 'react-native-reanimated';

import Box from '../box';
import helpers from '../helpers';
import Bullets from './Bullets';
import { CarouselProps } from './type';
import useCarousel from './useCarousel';

const { deviceWidth, px } = helpers;

const Carousel: FC<CarouselProps> = ({
  auto = true,
  width = deviceWidth,
  height = px(320),
  duration = 2000,
  indicatorEnabled = true,
  indicatorSize = px(10),
  align = 'center',
  activeColor,
  inactiveColor,
  children,
}) => {
  // 放到hooks里面就不起作用了...
  const validChildren = Children.toArray(children)
    .filter(child => isValidElement(child))
    .map(child =>
      cloneElement(child as ReactElement, {
        ...(child as ReactElement).props,
        style: {
          ...(child as ReactElement).props.style,
          width,
          height,
        },
      })
    );

  const count = validChildren.length;
  const { onTouchStart, onTouchEnd, onScrollEnd, currentIndex, scrollViewRef } = useCarousel({
    auto,
    width,
    duration,
    count,
  });

  return (
    <Box width={width} height={height}>
      <Animated.ScrollView
        ref={scrollViewRef}
        horizontal={true}
        showsHorizontalScrollIndicator={false}
        showsVerticalScrollIndicator={false}
        snapToAlignment={'center'}
        bounces={false}
        scrollEnabled
        pagingEnabled
        scrollEventThrottle={1}
        decelerationRate={'fast'}
        onTouchStart={onTouchStart}
        onTouchEnd={onTouchEnd}
        onMomentumScrollEnd={onScrollEnd}
        style={{ height }}
      >
        {validChildren}
      </Animated.ScrollView>
      <Bullets
        {...{ indicatorEnabled, indicatorSize, activeColor, inactiveColor, align, currentIndex, count, width }}
      />
    </Box>
  );
};
Carousel.displayName = 'Carousel';

export default Carousel;


================================================
FILE: packages/react-native/src/carousel/type.ts
================================================
import { PropsWithChildren } from 'react';

export type AlignType = 'left' | 'center' | 'right';
export type CarouselProps = PropsWithChildren<{
  /** 自动滚动 */
  auto?: boolean;
  /** 宽度 */
  width?: number;
  /** 高度 */
  height?: number;
  /** 停留时长 */
  duration?: number;
  /** 是否显示原点指示器 */
  indicatorEnabled?: boolean;
  /** 指示器大小 */
  indicatorSize?: number;
  /** 原点选中时颜色 */
  activeColor?: string;
  /** 原点未选中时颜色 */
  inactiveColor?: string;
  /** 指示器位置 */
  align?: AlignType;
}>;


================================================
FILE: packages/react-native/src/carousel/useCarousel.ts
================================================
import { useEffect, useRef } from 'react';
import { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
import Animated from 'react-native-reanimated';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { CarouselProps } from './type';

export default function useCarousel({
  auto,
  width,
  duration,
  count,
}: Required<Pick<CarouselProps, 'auto' | 'width' | 'duration'>> & { count: number }) {
  const scrollViewRef = useRef<Animated.ScrollView>(null);
  const timer = useRef<ReturnType<typeof setInterval>>();

  const [currentIndex, setCurrentIndex] = useSafeState(0);

  const loop = useMemoizedFn(() => {
    setCurrentIndex(index => (index === count - 1 ? 0 : index + 1));
  });

  // 用户手动滚动开始时，停止轮播
  const clearTimer = useMemoizedFn(() => {
    clearInterval(timer.current);
    timer.current = undefined;
  });

  useEffect(() => {
    if (!auto) return;

    timer.current = setInterval(loop, duration);

    return () => clearTimer();
  }, [loop, auto, duration]);

  useEffect(() => {
    scrollViewRef.current?.scrollTo({ animated: true, y: 0, x: width * currentIndex });
  }, [currentIndex]);

  const startTimer = () => {
    timer.current = setInterval(loop, duration);
  };

  // 在ScrollView滚动结束后，修改当前index
  const onScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {
    const { x } = e.nativeEvent.contentOffset;
    const index = Math.ceil(x / width);
    setCurrentIndex(index);
    if (auto && !timer.current) {
      startTimer();
    }
  };

  // 如果是自动轮播，手指离开屏幕后，重新开始轮播
  const onTouchEnd = () => {
    if (auto && !timer.current) {
      startTimer();
    }
  };

  return {
    scrollViewRef,
    currentIndex,

    onTouchStart: clearTimer,
    onTouchEnd: useMemoizedFn(onTouchEnd),
    onScrollEnd: useMemoizedFn(onScrollEnd),
  };
}


================================================
FILE: packages/react-native/src/center/index.md
================================================
---
title: Center - 居中组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# Center 居中组件

Center 是 flex 布局的一个封装，它的子组件永远处于水平和垂直居中。

## 效果演示

### 1. 默认效果

```tsx | pure
<Center>
  <Box width={90} height={90} backgroundColor="func500" />
</Center>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643096226546921536.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 在指定了宽高的容器中居中

```tsx | pure
<Box width={'100%'} height={400} borderWidth={1} borderColor={'border'}>
  <Center>
    <Box width={100} height={100} backgroundColor="func200" />
  </Center>
</Box>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643096237451002191.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性   | 必填    | 说明 | 类型                 | 默认值 |
| ------ | ------- | ---- | -------------------- | ------ |
| width  | `false` | 宽度 | `string` \| `number` | `100%` |
| height | `false` | 高度 | `string` \| `number` | `100%` |


================================================
FILE: packages/react-native/src/center/index.tsx
================================================
import React, { FC, PropsWithChildren } from 'react';
import { DimensionValue } from 'react-native';

import Box from '../box';

const Center: FC<
  PropsWithChildren<{
    width?: DimensionValue;
    height?: DimensionValue;
  }>
> = ({ children, width = '100%', height = '100%' }) => {
  return (
    <Box justifyContent={'center'} alignItems={'center'} height={height} width={width}>
      {children}
    </Box>
  );
};
Center.displayName = 'Center';

export default Center;


================================================
FILE: packages/react-native/src/checkbox/CheckboxItem.tsx
================================================
import React, { FC, memo, useMemo } from 'react';
import { Keyboard, StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useMemoizedFn } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import Pressable from '../pressable';
import SvgIcon, { IconNames } from '../svg-icon';
import Text from '../text';
import type { Theme } from '../theme';
import type { CheckboxItemProps } from './type';

const mapping: Record<string, IconNames> = {
  checked: 'checkboxChecked',
  unchecked: 'checkboxUnchecked',
  halfchecked: 'checkboxHalfchecked',
};

const CheckboxItem: FC<CheckboxItemProps> = ({
  mode,
  size,
  status,
  label,
  value,
  isLast = false,
  disabled,
  itemStyle,
  labelStyle,
  onChange,
  activeOpacity,
}) => {
  const theme = useTheme<Theme>();

  const styles = StyleSheet.create({
    list: {
      width: '100%',
    },
  });

  const handleChange = useMemoizedFn(() => {
    Keyboard.dismiss();
    if (disabled) return;
    onChange?.(value, status);
  });

  const Label = useMemo(() => {
    if (typeof label === 'string')
      return (
        <Box flex={1}>
          <Text
            variant="p1"
            color={disabled ? 'disabled' : 'text'}
            style={labelStyle}
            numberOfLines={1}
            ellipsizeMode="tail"
          >
            {label}
          </Text>
        </Box>
      );
    return label;
  }, [disabled, label, labelStyle]);

  if (!disabled)
    return (
      <Pressable
        onPress={handleChange}
        activeOpacity={activeOpacity}
        style={[mode === 'list' && styles.list, itemStyle]}
      >
        <Flex marginRight={isLast ? 'x0' : 'x2'} style={mode === 'list' && styles.list}>
          <Box marginRight="x1">
            <SvgIcon name={mapping[status]} color={theme.colors.primary200} size={size} />
          </Box>
          {Label}
        </Flex>
      </Pressable>
    );

  return (
    <Box style={[mode === 'list' && styles.list, itemStyle]}>
      <Flex marginRight={isLast ? 'x0' : 'x2'} style={mode === 'list' && styles.list}>
        <Box marginRight="x1">
          <SvgIcon name={mapping[status]} color={theme.colors.disabled} size={size} />
        </Box>
        {Label}
      </Flex>
    </Box>
  );
};
CheckboxItem.displayName = 'CheckboxItem';

export default memo(CheckboxItem);


================================================
FILE: packages/react-native/src/checkbox/CheckboxList.tsx
================================================
import React, { FC } from 'react';

import Box from '../box';
import { ONE_PIXEL, px } from '../helpers/normalize';
import CheckboxItem from './CheckboxItem';
import type { CheckboxProps } from './type';
import useCheckbox from './useCheckbox';

const CheckboxList: FC<CheckboxProps> = ({
  value,
  disabledValue,
  defaultValue,
  containerStyle,
  options,
  showCheckAll = true,
  size = px(24),
  onChange,
  itemStyle,
  activeOpacity = 0.6,
  ...restProps
}) => {
  const {
    transformedOptions = [],
    checkedAllStatus,
    handleAllChange,
    handleChange,
  } = useCheckbox({
    options,
    disabledValue,
    defaultValue,
    onChange,
    value,
    showCheckAll,
  });

  return (
    <Box style={containerStyle}>
      {showCheckAll && (
        <Box
          key="checkbox-select-all"
          style={itemStyle}
          justifyContent="center"
          alignItems="flex-start"
          paddingLeft="x1"
          paddingVertical={'x2'}
          borderBottomWidth={ONE_PIXEL}
          borderBottomColor="border"
        >
          <CheckboxItem
            mode="list"
            disabled={false}
            label="全选"
            value="checkbox-select-all"
            status={checkedAllStatus}
            size={size}
            onChange={handleAllChange}
            {...{ activeOpacity }}
            {...restProps}
          />
        </Box>
      )}
      {transformedOptions.map(option => {
        return (
          <Box
            key={option.value}
            style={itemStyle}
            justifyContent="center"
            alignItems="flex-start"
            paddingLeft="x1"
            paddingVertical={'x2'}
            borderBottomWidth={ONE_PIXEL}
            borderBottomColor="border"
          >
            <CheckboxItem
              mode="list"
              {...option}
              size={size}
              onChange={handleChange}
              {...{ activeOpacity }}
              {...restProps}
            />
          </Box>
        );
      })}
    </Box>
  );
};
CheckboxList.displayName = 'CheckboxList';

export default CheckboxList;


================================================
FILE: packages/react-native/src/checkbox/index.md
================================================
---
title: Checkbox - 复选框
nav:
  title: RN 组件
  path: /react-native
group:
  title: 表单组件
  path: /form
  order: 7
---

# Checkbox 复选框

## 效果演示

### 1. 默认效果

```tsx | pure
<Checkbox
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643097541850634284.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 默认选中一个复选框

```tsx | pure
<Checkbox
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
  defaultValue={['Pear']}
/>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643097612076589222.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 不显示全选

```tsx | pure
<Checkbox
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
  showCheckAll={false}
/>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643097712505780986.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 禁用某个复选框

```tsx | pure
<Checkbox
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
  showCheckAll={false}
/>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643097869657649774.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 复选框列表

```tsx | pure
<CheckboxList
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="card-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643097786018078990.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Checkbox / CheckboxList

| 属性           | 必填    | 说明                     | 类型                           | 默认值 |
| -------------- | ------- | ------------------------ | ------------------------------ | ------ |
| options        | `true`  | 指定可选项               | `RadioOption[]`                |        |
| value          | `false` | 选中的项                 | `ReactText[]`                  |        |
| onChange       | `false` | 选中单选框触发的回调函数 | `(value: ReactText[]) => void` |        |
| defaultValue   | `false` | 默认选中的项             | `ReactText[]`                  |        |
| size           | `false` | 图标大小                 | `number`                       |        |
| disabledValue  | `false` | 设置禁用的项             | `ReactText[]`                  |        |
| containerStyle | `false` | 自定义容器样式           | `ViewStyle`                    |        |
| itemStyle      | `false` | 自定义单个单选框样式     | `ViewStyle`                    |        |
| labelStyle     | `false` | 自定义文本样式           | `TextStyle`                    |        |
| showCheckAll   | `false` | 是否显示全选框           | `boolean`                      | `true` |
| activeOpacity  | `false` | 未禁用时的不透明度       | `number`                       | `0.6`  |

### CheckboxItem

| 属性       | 必填    | 说明                            | 类型                                              | 默认值 |
| ---------- | ------- | ------------------------------- | ------------------------------------------------- | ------ |
| itemStyle  | `false` | 自定义单个单选框样式            | `ViewStyle`                                       |        |
| labelStyle | `false` | 自定义文本样式                  | `TextStyle`                                       |        |
| size       | `false` | 图标大小                        | `number`                                          |        |
| label      | `true`  | 单选框文本                      | `ReactNode`                                       |        |
| value      | `true`  | 单选框的值                      | `ReactText`                                       |        |
| status     | `true`  | 单选框选中状态                  | `'checked' \| 'unchecked' \| 'halfchecked'`       |        |
| disabled   | `true`  | 单选框禁用状态                  | `boolean`                                         |        |
| mode       | `false` | 单选框模式，list 表示以列表展示 | `'list' \| 'row'`                                 |        |
| onChange   | `false` | 选中单选框触发的回调函数        | `(value: ReactText, status: RadioStatus) => void` |        |


================================================
FILE: packages/react-native/src/checkbox/index.tsx
================================================
import React, { forwardRef } from 'react';

import Flex from '../flex';
import { px } from '../helpers/normalize';
import CheckboxItem from './CheckboxItem';
import type { CheckboxProps } from './type';
import useCheckbox from './useCheckbox';

const Checkbox = forwardRef<unknown, CheckboxProps>(
  (
    {
      value,
      disabledValue,
      defaultValue,
      containerStyle,
      options,
      showCheckAll = true,
      size = px(24),
      onChange,
      activeOpacity = 0.6,
      ...restProps
    },
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    _ref
  ) => {
    const {
      transformedOptions = [],
      checkedAllStatus,
      handleAllChange,
      handleChange,
    } = useCheckbox({
      options,
      disabledValue,
      defaultValue,
      onChange,
      value,
      showCheckAll,
    });

    return (
      <Flex flexWrap="wrap" style={containerStyle}>
        {showCheckAll && (
          <CheckboxItem
            disabled={false}
            label="全选"
            value="checkbox-select-all"
            status={checkedAllStatus}
            size={size}
            onChange={handleAllChange}
            {...{ activeOpacity }}
            {...restProps}
          />
        )}
        {transformedOptions.map((option, index, array) => {
          return (
            <CheckboxItem
              key={option.value}
              {...option}
              size={size}
              isLast={index === array.length - 1}
              onChange={handleChange}
              {...{ activeOpacity }}
              {...restProps}
            />
          );
        })}
      </Flex>
    );
  }
);
Checkbox.displayName = 'Checkbox';

export { Checkbox };
export { default as CheckboxList } from './CheckboxList';


================================================
FILE: packages/react-native/src/checkbox/type.ts
================================================
import type { ReactNode, ReactText } from 'react';
import type { StyleProp, TextStyle, ViewStyle } from 'react-native';

export type CheckboxStatus = 'checked' | 'unchecked' | 'halfchecked';

export interface CheckboxOption {
  label: ReactNode;
  value: ReactText;
}
export interface TransformedOption extends CheckboxOption {
  /** 是否选中 */
  status: CheckboxStatus;
  /** 是否禁用 */
  disabled: boolean;
}

export interface CheckboxProps {
  /** 选中的项 */
  value?: ReactText[];
  /** 点击切换的回调函数  */
  onChange?: (value: ReactText[]) => void;
  /** 自定义item样式 */
  itemStyle?: StyleProp<ViewStyle>;
  /** 图标大小 */
  size?: number;
  /** 自定义文本样式 */
  labelStyle?: StyleProp<TextStyle>;
  /** 指定可选项 */
  options: CheckboxOption[];
  /** 默认选中的项 */
  defaultValue?: ReactText[];
  /** 设置禁用的项  */
  disabledValue?: ReactText[];
  /** 自定义容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** 是否显示全选 */
  showCheckAll?: boolean;
  /** 未禁用时的不透明度 */
  activeOpacity?: number;
}

export type CheckboxItemProps = Pick<CheckboxProps, 'itemStyle' | 'labelStyle' | 'size' | 'activeOpacity'> &
  TransformedOption & {
    mode?: 'list' | 'row';
    isLast?: boolean;
    onChange: (value: ReactText, status: CheckboxStatus) => void;
  };


================================================
FILE: packages/react-native/src/checkbox/useCheckbox.ts
================================================
import { useEffect, useState } from 'react';

import { useMemoizedFn } from '@td-design/rn-hooks';

import type { CheckboxProps, CheckboxStatus, TransformedOption } from './type';

export default function useCheckbox(
  props: Pick<CheckboxProps, 'value' | 'options' | 'disabledValue' | 'defaultValue' | 'onChange' | 'showCheckAll'>
) {
  const { value, options, disabledValue, defaultValue, onChange, showCheckAll } = props;

  const [transformedOptions, setTransformedOptions] = useState<TransformedOption[]>([]);

  useEffect(() => {
    const checkedValue = value ?? defaultValue ?? [];
    const newOptions: TransformedOption[] = options.map(option => {
      const disabled = !!disabledValue?.includes(option.value);
      const checked = !!checkedValue?.includes(option.value);
      return {
        ...option,
        disabled,
        status: checked ? 'checked' : 'unchecked',
      };
    });
    setTransformedOptions(newOptions);
  }, [options, value, defaultValue, disabledValue]);

  let checkedAllStatus: CheckboxStatus = 'unchecked';
  if (showCheckAll) {
    checkedAllStatus = getCheckedAllStatus(transformedOptions);
  }

  /**
   * 1. 选中或者办选中状态下，设置为未选中
   * 2. 未选中状态下，设置为选中
   */
  const handleAllChange = (_: string | number, status: CheckboxStatus) => {
    if (status === 'checked') {
      const newOptions: TransformedOption[] = transformedOptions.map(option => {
        return {
          ...option,
          disabled: !!disabledValue?.includes(option.value),
          status: 'unchecked',
        };
      });
      if (onChange) {
        onChange([]);
      } else {
        setTransformedOptions(newOptions);
      }
    } else {
      const newOptions: TransformedOption[] = transformedOptions.map(option => {
        const disabled = !!disabledValue?.includes(option.value);
        return {
          ...option,
          disabled,
          status: !disabled ? 'checked' : 'unchecked',
        };
      });
      if (onChange) {
        const values = newOptions.filter(item => !disabledValue?.includes(item.value)).map(option => option.value);
        onChange(values);
      } else {
        setTransformedOptions(newOptions);
      }
    }
  };

  /**
   * 1. 选中状态下，设置为未选中
   * 2. 未选中状态下，设置为选中
   */
  const handleChange = (value: string | number, status: CheckboxStatus) => {
    const newOptions = transformedOptions.map(item => {
      if (item.value === value) {
        item.status = status === 'checked' ? 'unchecked' : 'checked';
      }
      return item;
    });
    if (onChange) {
      const values = newOptions.filter(item => item.status === 'checked').map(item => item.value);
      onChange(values);
    } else {
      setTransformedOptions(newOptions);
    }
  };

  return {
    transformedOptions,
    checkedAllStatus,

    handleAllChange: useMemoizedFn(handleAllChange),
    handleChange: useMemoizedFn(handleChange),
  };
}

function getCheckedAllStatus<T extends TransformedOption>(options: T[] = []) {
  const checkedLength = options.filter(option => option.status === 'checked').length;

  if (checkedLength === 0) {
    return 'unchecked';
  } else if (checkedLength === options.length) {
    return 'checked';
  } else {
    return 'halfchecked';
  }
}


================================================
FILE: packages/react-native/src/collapse-text/index.md
================================================
---
title: CollapseText - 文本折叠组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# CollapseText 文本折叠组件

## 效果演示

### 1. 默认效果

```tsx | pure
const text = `我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容`;

<CollapseText text={text} defaultNumberOfLines={3} lineHeight={px(20)} />;
```

<center>
  <figure>
    <img
      alt="collapseText-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608113460423595271.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 自定义样式

```tsx | pure
const text = `我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
  我是内容我是内容我是内容我是内容我是内容我是内容我是内容`;

<CollapseText
  text={text}
  defaultNumberOfLines={3}
  lineHeight={px(20)}
  textStyle={{ color: 'red', fontSize: px(16) }}
  textContainerStyle={{ marginHorizontal: px(10) }}
  expandStyle={{ color: 'gold', fontSize: px(16) }}
/>;
```

<center>
  <figure>
    <img
      alt="collapseText-ios2.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608115028918829687.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性                 | 必填    | 说明                | 类型        | 默认值 |
| -------------------- | ------- | ------------------- | ----------- | ------ |
| text                 | `true`  | 文本                | `string`    |        |
| defaultNumberOfLines | `false` | 默认展示行数        | `number`    | `2`    |
| lineHeight           | `false` | 每行文本高度        | `number`    | `18`   |
| textStyle            | `false` | 文本样式            | `TextStyle` |        |
| textContainerStyle   | `false` | 文本容器样式        | `ViewStyle` |        |
| expandText           | `false` | 展开时候的文本      | `string`    | `展开` |
| unExpandText         | `false` | 收起时候的文本      | `string`    | `收起` |
| expandStyle          | `false` | 展开/收起文本的样式 | `TextStyle` |        |
| activeOpacity        | `false` | 按下时的不透明度    | `number`    | `0.6`  |


================================================
FILE: packages/react-native/src/collapse-text/index.tsx
================================================
import React, { FC } from 'react';
import { LayoutChangeEvent, StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native';

import { useBoolean } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import Text from '../text';

const { px } = helpers;
export interface CollapseTextProps {
  /** 文本 */
  text: string;
  /** 默认展示行数 */
  defaultNumberOfLines?: number;
  /** 每行文本高度 */
  lineHeight?: number;
  /** 文本样式 */
  textStyle?: StyleProp<TextStyle>;
  /** 文本容器样式 */
  textContainerStyle?: StyleProp<ViewStyle>;
  /** 展开时候的文本。默认为“展开” */
  expandText?: string;
  /** 收起时候的文本。默认为“收起” */
  unExpandText?: string;
  /** 展开/收起文本样式 */
  expandStyle?: StyleProp<TextStyle>;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

const CollapseText: FC<CollapseTextProps> = ({
  text,
  defaultNumberOfLines = 2,
  lineHeight = px(18),
  textStyle,
  textContainerStyle,
  expandText = '展开',
  unExpandText = '收起',
  expandStyle,
  activeOpacity = 0.6,
}) => {
  const [isOverflow, { set: setOverflow }] = useBoolean(false);
  const [hidden, { toggle: toggleHidden }] = useBoolean(true);

  const handleLayout = (e: LayoutChangeEvent) => {
    const { height } = e.nativeEvent.layout;
    if (height - 1 < lineHeight * defaultNumberOfLines) {
      setOverflow(false);
    } else {
      setOverflow(true);
    }
  };

  const styles = StyleSheet.create({
    container: {
      position: 'relative',
    },
    text: {
      position: 'absolute',
      zIndex: -99999,
      opacity: 0,
    },
  });

  return (
    <>
      <Box style={[textContainerStyle, styles.container]}>
        <Text
          numberOfLines={hidden ? defaultNumberOfLines : undefined}
          ellipsizeMode="tail"
          fontSize={px(14)}
          lineHeight={lineHeight}
          color="text"
          style={textStyle}
          selectable
          // @ts-ignore
          userSelect="all"
        >
          {text}
        </Text>
        {isOverflow && (
          <Flex justifyContent="flex-end" paddingRight="x1">
            <Pressable activeOpacity={activeOpacity} onPress={toggleHidden}>
              <Text fontSize={px(12)} color="text" style={expandStyle}>
                {hidden ? expandText : unExpandText}
              </Text>
            </Pressable>
          </Flex>
        )}
        {/* 隐藏节点，用于判断文字真实高度 */}
        <Text fontSize={px(14)} lineHeight={lineHeight} onLayout={handleLayout} style={[styles.text, textStyle]}>
          {text}
        </Text>
      </Box>
    </>
  );
};
CollapseText.displayName = 'CollapseText';

export default CollapseText;


================================================
FILE: packages/react-native/src/count-down/CountDownItem.tsx
================================================
import React, { forwardRef } from 'react';
import { Keyboard, StyleSheet, TextInput } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useMemoizedFn, useSms } from '@td-design/rn-hooks';

import helpers from '../helpers';
import InputItem from '../input/InputItem';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import { CountDownItemProps } from './type';

const { ONE_PIXEL } = helpers;

const CountDownItem = forwardRef<TextInput, CountDownItemProps>(
  (
    {
      sendText = '发送验证码',
      resendText = '重新发送',
      placeholder = '请输入验证码',
      count = 60,
      codeType = 'normal',
      onBefore,
      onSend,
      onEnd,
      activeOpacity = 0.6,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { sendSms, text, disabled } = useSms({
      defaultLabel: sendText,
      resendLabel: resendText,
      count,
      onBefore,
      onSend,
      onAfter: onEnd,
      ref,
    });

    const handlePress = useMemoizedFn(() => {
      Keyboard.dismiss();
      sendSms();
    });

    const styles = StyleSheet.create({
      input: {
        justifyContent: 'center',
        alignItems: 'center',
        borderColor: disabled ? theme.colors.disabled : theme.colors.border,
      },
      border: {
        borderWidth: ONE_PIXEL,
        paddingHorizontal: theme.spacing.x1,
        paddingVertical: theme.spacing.x1,
        borderRadius: theme.borderRadii.x1,
      },
    });

    return (
      <InputItem
        ref={ref}
        {...restProps}
        placeholder={placeholder}
        keyboardType="number-pad"
        right={
          <Pressable
            style={[styles.input, codeType === 'border' && styles.border]}
            disabled={disabled}
            activeOpacity={activeOpacity}
            onPress={handlePress}
          >
            <Text variant={'p1'} color={disabled ? 'disabled' : 'primary200'}>
              {text}
            </Text>
          </Pressable>
        }
      />
    );
  }
);
CountDownItem.displayName = 'CountDownItem';

export default CountDownItem;


================================================
FILE: packages/react-native/src/count-down/index.md
================================================
---
title: CountDown - 倒计时组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# CountDown 倒计时组件

倒计时组件的调用后端接口发送请求部分，由开发人员自行实现（包括手机号校验等）。

## 效果演示

### 1. 默认配置

```tsx | pure
<Form onFinish={handleFinish} form={form}>
  <FormListItem title="手机号" required name="useCharacter" rules={[{ required: true, message: '请输入手机号' }]}>
    <InputItem border={false} placeholder="请输入手机号" inputStyle={{ textAlign: 'right' }} />
  </FormListItem>
  <WhiteSpace size="x4" />
  <FormItem type={bordered ? 'all' : 'bottom'} name="sms" rules={[{ required: true, message: '请输入验证码' }]}>
    <CountDown
      bordered={bordered}
      onSend={() => {
        console.log('123');
      }}
    />
  </FormItem>
</Form>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643100543561048617.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 配置 codeType

```tsx | pure
<Form onFinish={handleFinish} form={form}>
  <FormListItem title="手机号" required name="useCharacter" rules={[{ required: true, message: '请输入手机号' }]}>
    <InputItem border={false} placeholder="请输入手机号" inputStyle={{ textAlign: 'right' }} />
  </FormListItem>
  <WhiteSpace size="x4" />
  <FormItem type={bordered ? 'all' : 'bottom'} name="sms" rules={[{ required: true, message: '请输入验证码' }]}>
    <CountDown
      bordered={bordered}
      codeType="border"
      onSend={() => {
        console.log('123');
      }}
    />
  </FormItem>
</Form>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643100592792781362.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

```ts
export interface SmsProps {
  /** 倒计时文字，默认为 获取验证码 */
  sendText?: string;
  /** 重新发送文字，默认为：重新发送 */
  resendText?: string;
  /** 倒计时时长，默认为 60秒 */
  count?: number;
  /** 发送验证码之前的回调，通常用于判断手机号是否有值 */
  onBefore?: () => Promise<boolean>;
  /** 发送验证码 */
  onSend: () => void;
  /** 倒计时结束后的回调 */
  onEnd?: () => void;
  /** 验证码样式是否有边框 */
  codeType?: 'normal' | 'border';
  /** 按下时的不透明度 */
  activeOpacity?: number;
}
export interface CountDownItemProps extends InputItemProps, SmsProps {}

export interface CountDownProps extends InputProps, SmsProps {}
```


================================================
FILE: packages/react-native/src/count-down/index.tsx
================================================
import React, { forwardRef } from 'react';
import { Keyboard, StyleSheet, TextInput } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useMemoizedFn, useSms } from '@td-design/rn-hooks';

import helpers from '../helpers';
import Input from '../input';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import { CountDownProps } from './type';

const { ONE_PIXEL } = helpers;

const CountDown = forwardRef<TextInput, CountDownProps>(
  (
    {
      sendText = '发送验证码',
      resendText = '重新发送',
      placeholder = '请输入验证码',
      count = 60,
      codeType = 'normal',
      onBefore,
      onSend,
      onEnd,
      activeOpacity = 0.6,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { sendSms, text, disabled } = useSms({
      defaultLabel: sendText,
      resendLabel: resendText,
      count,
      onBefore,
      onSend,
      onAfter: onEnd,
      ref,
    });

    const handlePress = useMemoizedFn(() => {
      Keyboard.dismiss();
      sendSms();
    });

    const styles = StyleSheet.create({
      input: {
        justifyContent: 'center',
        alignItems: 'center',
        borderColor: disabled ? theme.colors.disabled : theme.colors.border,
      },
      border: {
        borderWidth: ONE_PIXEL,
        paddingHorizontal: theme.spacing.x1,
        paddingVertical: theme.spacing.x1,
        borderRadius: theme.borderRadii.x1,
      },
    });

    return (
      <Input
        ref={ref}
        placeholder={placeholder}
        {...restProps}
        keyboardType="number-pad"
        right={
          <Pressable
            style={[styles.input, codeType === 'border' && styles.border]}
            disabled={disabled}
            activeOpacity={activeOpacity}
            onPress={handlePress}
          >
            <Text variant={'p2'} color={disabled ? 'disabled' : 'primary200'}>
              {text}
            </Text>
          </Pressable>
        }
      />
    );
  }
);
CountDown.displayName = 'CountDown';

export { CountDown };
export { default as CountDownItem } from './CountDownItem';


================================================
FILE: packages/react-native/src/count-down/type.ts
================================================
import { InputProps } from '../input';
import { InputItemProps } from '../input/InputItem';

export interface SmsProps {
  /** 倒计时文字，默认为 获取验证码 */
  sendText?: string;
  /** 重新发送文字，默认为：重新发送 */
  resendText?: string;
  /** 倒计时时长，默认为 60秒 */
  count?: number;
  /** 发送验证码之前的回调，通常用于判断手机号是否有值 */
  onBefore?: () => Promise<boolean>;
  /** 发送验证码 */
  onSend: () => void;
  /** 倒计时结束后的回调 */
  onEnd?: () => void;
  /** 验证码样式是否有边框 */
  codeType?: 'normal' | 'border';
  /** 按下时的不透明度 */
  activeOpacity?: number;
}
export interface CountDownItemProps extends InputItemProps, SmsProps {}

export interface CountDownProps extends InputProps, SmsProps {}


================================================
FILE: packages/react-native/src/divider/index.md
================================================
---
title: Divider - 分割线组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# Divider 分割线组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Text>我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本</Text>
<Divider />
<Text>我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本</Text>
```

<center>
  <figure>
    <img
      alt="divider-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643102035172039045.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 分隔线为虚线

```tsx | pure
<Text>我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本</Text>
<Divider type="dashed" />
<Text>我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本我是一段文本</Text>
```

<center>
  <figure>
    <img
      alt="divider-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643102120875587191.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 垂直分隔线

```tsx | pure
<Flex>
  <Text variant="p0" color="primary200">
    酒店
  </Text>
  <Divider axis="vertical" height={px(20)} />
  <Text variant="p0" color="primary200">
    商圈
  </Text>
</Flex>
```

<center>
  <figure>
    <img
      alt="divider-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643102245405233201.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 带文字的分隔线

```tsx | pure
<Divider text="我是分割线" />
```

<center>
  <figure>
    <img
      alt="divider-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643102322187525239.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 自定义虚线分隔线

```tsx | pure
<Divider type="dashed" dashGap={px(30)} dashLength={px(20)} dashThickness={px(2)} />
```

<center>
  <figure>
    <img
      alt="divider-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643102435846380112.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| type | `false` | 分割线类型 | `solid` \| `dashed` | `solid` |
| axis | `false` | 分割线方向 | `horizontal` \| `vertical` | `horizontal` |
| height | `false` | 垂直时分割线的高度 | `number` | `12` |
| color | `false` | 分割线颜色 | `string` | `#bbbbbb` |
| margin | `false` | 水平时为上下外边距，垂直时为左右外边距 | `xxs` \| `xs` \| `s` \| `m` \| `l` \| `xl` \| `xxl` | `xs` |
| text | `false` | 分割线文字（仅支持水平分割线） | `string` |  |
| textAlign | `false` | 分割线文字位置 | `left` \| `center` \| `right` | `center` |
| dashGap | `false` | 虚线间隔宽度 | `number` |  |
| dashLength | `false` | 单格虚线宽度 | `number` |  |
| dashThickness | `false` | 虚线厚度 | `number` |  |


================================================
FILE: packages/react-native/src/divider/index.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';
import Svg, { G, Rect } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import { Spacing, Theme } from '../theme';

const { px, ONE_PIXEL, deviceWidth } = helpers;
type DividerProps = {
  /** 类型是实线还是虚线 */
  type?: 'solid' | 'dashed';
  /** 水平或是垂直 */
  axis?: 'horizontal' | 'vertical';
  /** 垂直时指定分隔线高度 */
  height?: number;
  /** 外边距 */
  margin?: Spacing;
  /** 分隔线颜色 */
  color?: string;
  /** 文字（水平时有效） */
  text?: string;
  /** 文字的位置 */
  textAlign?: 'left' | 'center' | 'right';
  /** 虚线间隔宽度 */
  dashGap?: number;
  /** 单格虚线宽度 */
  dashLength?: number;
  /** 虚线厚度 */
  dashThickness?: number;
};

const Divider: FC<DividerProps> = props => {
  const theme = useTheme<Theme>();
  const {
    type = 'solid',
    axis = 'horizontal',
    margin = 'x1',
    height = px(40),
    color = theme.colors.border,
    text = '',
    textAlign = 'center',
    dashGap,
    dashLength,
    dashThickness,
  } = props;

  if (!text) {
    if (type === 'dashed') {
      return axis === 'horizontal' ? (
        <HorizontalDashLine {...{ dashLength, dashThickness, dashGap, color, margin }} />
      ) : (
        <VerticalDashLine {...{ dashLength, dashThickness, dashGap, color, margin, height }} />
      );
    }
    return (
      <Box
        style={[
          { backgroundColor: color },
          axis === 'horizontal'
            ? {
                width: '100%',
                height: ONE_PIXEL,
                marginVertical: theme.spacing[margin],
              }
            : {
                width: ONE_PIXEL,
                height,
                marginHorizontal: theme.spacing[margin],
              },
        ]}
      />
    );
  }

  const styles = StyleSheet.create({
    line: {
      width: '100%',
      height: ONE_PIXEL,
      backgroundColor: color,
    },
    'prefix-left': { flex: 1 },
    'prefix-center': { flex: 1 },
    'prefix-right': { flex: 6 },
    'suffix-left': { flex: 6 },
    'suffix-center': { flex: 1 },
    'suffix-right': { flex: 1 },
    content: {
      marginHorizontal: px(8),
    },
  });

  return (
    <Flex>
      <Box style={[type === 'dashed' ? {} : styles.line, styles[`prefix-${textAlign}`]]}>
        {type === 'dashed' && <HorizontalDashLine {...{ dashLength, dashThickness, dashGap, color, margin }} />}
      </Box>
      <Box style={styles.content}>
        <Text variant="p3" color="text">
          {text}
        </Text>
      </Box>
      <Box style={[type === 'dashed' ? {} : styles.line, styles[`suffix-${textAlign}`]]}>
        {type === 'dashed' && <HorizontalDashLine {...{ dashLength, dashThickness, dashGap, color, margin }} />}
      </Box>
    </Flex>
  );
};
Divider.displayName = 'Divider';

export default Divider;

const HorizontalDashLine: React.FC<
  Pick<DividerProps, 'dashGap' | 'dashLength' | 'dashThickness' | 'color' | 'margin'>
> = ({ dashLength, dashThickness, dashGap, color, margin }) => {
  const itemWidth = dashLength ?? px(8);
  const itemHeight = dashThickness ?? px(1);
  const spacing = dashGap ? dashGap + itemWidth : px(16);
  const dashes = new Array(Math.floor(deviceWidth / spacing)).fill(null);

  return (
    <Box marginVertical={margin} width="100%">
      <Svg height={itemHeight} width="100%">
        <G>
          {dashes.map((_, index) => (
            <Rect
              key={index}
              x="0"
              y="0"
              width={itemWidth}
              height={itemHeight}
              fill={color}
              translateX={spacing * index}
            />
          ))}
        </G>
      </Svg>
    </Box>
  );
};

const VerticalDashLine: FC<
  Pick<DividerProps, 'dashGap' | 'dashLength' | 'dashThickness' | 'color' | 'margin' | 'height'>
> = ({ dashLength, dashThickness, dashGap, color, margin, height }) => {
  const itemHeight = dashThickness ?? px(4);
  const itemWidth = dashLength ?? px(1);
  const spacing = dashGap ? dashGap + itemHeight : px(4);
  const dashes = new Array(Math.floor(height! / spacing)).fill(null);
  return (
    <Box marginHorizontal={margin} height={height}>
      <Svg width={itemWidth} height="100%">
        <G>
          {dashes.map((_, index) => (
            <Rect
              key={index}
              x="0"
              y={spacing ? spacing / 2 : 0}
              width={itemWidth}
              height={itemHeight}
              fill={color}
              translateY={spacing * index}
            />
          ))}
        </G>
      </Svg>
    </Box>
  );
};


================================================
FILE: packages/react-native/src/empty/index.md
================================================
---
title: Empty - 暂无数据组件
nav:
  title: RN 组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Empty 暂无数据组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Box flex={1}>
  <Empty />
</Box>
```

<center>
  <figure>
    <img
      alt="empty-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643164552166522287.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 自定义图片

```tsx | pure
<Empty customImg={<Image source={require('../../assets/img/pic_empty.png')} />} />
```

<center>
  <figure>
    <img
      alt="empty-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643164614557936927.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性      | 必填    | 说明               | 类型        | 默认值   |
| --------- | ------- | ------------------ | ----------- | -------- |
| emptyText | `false` | 暂无数据的文字 dom | `ReactNode` | 暂无数据 |
| customImg | `false` | 自定义 img         | `ReactNode` |          |


================================================
FILE: packages/react-native/src/empty/index.tsx
================================================
import React, { ReactNode, useMemo } from 'react';
import Svg, { Ellipse, G, Path } from 'react-native-svg';

import { BoxProps } from '@shopify/restyle';

import Box from '../box';
import Text from '../text';
import { Theme } from '../theme';

type EmptyProps = BoxProps<Theme> & {
  /** 暂无数据的文字dom */
  emptyText?: ReactNode;
  /** 自定义img */
  customImg?: ReactNode;
};

const Empty: React.FC<EmptyProps> = ({ emptyText = '暂无数据', customImg, ...boxProps }) => {
  const EmptyText = useMemo(() => {
    if (typeof emptyText === 'string') {
      return (
        <Text variant="p1" color="text">
          {emptyText}
        </Text>
      );
    }
    return emptyText;
  }, [emptyText]);

  const EmptyImage = useMemo(() => {
    if (customImg) return customImg;

    return (
      <Svg width={128} height={82} viewBox="0 0 64 41">
        <G transform="translate(0 1)" fill="none" fillRule="evenodd">
          <Ellipse fill="#f5f5f5" cx={32} cy={33} rx={32} ry={7} />
          <G stroke="#d9d9d9">
            <Path d="M55 12.76 44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" />
            <Path
              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
              fill="#fafafa"
            />
          </G>
        </G>
      </Svg>
    );
  }, [customImg]);

  return (
    <Box alignItems={'center'} justifyContent={'center'} {...boxProps}>
      {EmptyImage}
      {EmptyText}
    </Box>
  );
};
Empty.displayName = 'Empty';

export default Empty;


================================================
FILE: packages/react-native/src/error-block/index.md
================================================
---
title: ErrorBlock - 异常捕获组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# ErrorBlock 异常捕获组件

内置了两种场景：

- 代码出错，包括 hooks 内出错、render 内出错，这时候会显示默认的应用出错的界面
- 网络请求出错，即代码层面通过`throw new Error(JSON.stringify({type: 'network'}))`，这时候会显示内置的网络请求失败的出错界面

具体测试代码可以参见 `exmaple` 里面的 `ErrorBlockDemo.tsx` 文件

## 效果演示

### 1. 默认异常

```tsx | pure
<Box flex={1}>
  <ErrorBlock onError={onError} onRefresh={onRefresh}>
    <Demo1 />
  </ErrorBlock>
</Box>
```

<center>
  <figure>
    <img
      alt="empty-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643165357318249571.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 网络连接异常

```tsx | pure
<Empty customImg={<Image source={require('../../assets/img/pic_empty.png')} />} />
```

<center>
  <figure>
    <img
      alt="empty-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643165225985160065.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义异常展示

```tsx | pure
<Box height={300}>
  <ErrorBlock
    onError={onError}
    customNode={
      <Box
        height={200}
        padding="x4"
        justifyContent={'center'}
        alignItems="center"
        borderWidth={1}
        borderColor="func600"
      >
        <Text>我是自定义错误展示</Text>
      </Box>
    }
  >
    <Demo1 />
  </ErrorBlock>
</Box>
```

<center>
  <figure>
    <img
      alt="empty-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643165587210140943.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性       | 必填    | 说明                 | 类型                                           | 默认值 |
| ---------- | ------- | -------------------- | ---------------------------------------------- | ------ |
| customNode | `false` | 自定义出错时渲染组件 | `ReactNode`                                    |        |
| onError    | `false` | 异常捕获的处理逻辑   | `(error: Error, errorInfo: ErrorInfo) => void` |        |
| onRefresh  | `false` | 重新刷新逻辑         | `() => void`                                   |        |


================================================
FILE: packages/react-native/src/error-block/index.tsx
================================================
import React, { ErrorInfo, PropsWithChildren, ReactNode } from 'react';
import { SvgXml } from 'react-native-svg';

import Box from '../box';
import Button from '../button';
import Text from '../text';

export default class ErrorBlock extends React.Component<
  PropsWithChildren<{
    customNode?: ReactNode;
    onError?: (error: Error, errorInfo: ErrorInfo) => void;
    onRefresh?: () => void;
  }>,
  { error: Error | null }
> {
  static displayName = 'ErrorBlock';
  state = {
    error: null,
  };

  static getDerivedStateFromError(error: Error) {
    return { error };
  }

  componentDidCatch(error: Error, info: ErrorInfo) {
    // 错误上报
    if (this.props.onError) {
      this.props.onError(error, info);
    } else {
      console.error(error, info);
    }
  }

  handleRefresh = () => {
    this.setState({ error: null }, () => this.props.onRefresh?.());
  };

  renderFallback = () => {
    if (this.props.customNode) return this.props.customNode;
    try {
      const { type } = JSON.parse((this.state.error! as Error).message);
      if (type === 'network') {
        return <Fallback onRefresh={this.handleRefresh} type="network" />;
      }
      return <Fallback onRefresh={this.handleRefresh} />;
    } catch (error) {
      return <Fallback onRefresh={this.handleRefresh} />;
    }
  };

  render() {
    if (this.state.error) {
      return this.renderFallback();
    }
    return this.props.children;
  }
}

function Fallback({ onRefresh, type }: { onRefresh: () => void; type?: 'network' }) {
  const defaultXml = `
    <svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_732_1686)">
      <g clip-path="url(#clip1_732_1686)">
      <path d="M64.5904 77.5247V76.7148H57.5842V77.6553H56.0452V99.7025H66.2696V77.5247H64.5904ZM65.3837 97.1755H56.8242V96.5224H65.3837V97.1755ZM65.3837 94.164H56.8242V93.5109H65.3837V94.164ZM65.3837 91.1525H56.8242V90.4994H65.3837V91.1525ZM65.3837 88.2217H56.8242V87.5686H65.3837V88.2217ZM65.3837 85.2981H56.8242V84.645H65.3837V85.2981ZM65.3837 82.2866H56.8242V81.6335H65.3837V82.2866ZM65.3837 79.3558H56.8242V78.7027H65.3837V79.3558Z" fill="url(#paint0_linear_732_1686)"/>
      <path d="M50.8178 89.8295V64.1368H43.0397V62.061H39.7479V74.7269H38.8621V113.475H52.7582V89.8295H50.8178ZM45.0014 97.3844H43.0397V95.482H45.0014V97.3844ZM45.0014 94.4085H43.0397V92.5061H45.0014V94.4085ZM45.0014 91.4469H43.0397V89.5445H45.0014V91.4469ZM45.0014 88.4924H43.0397V86.59H45.0014V88.4924ZM45.0014 85.5165H43.0397V83.6141H45.0014V85.5165ZM45.0014 79.579H43.0397V77.6767H45.0014V79.579ZM45.0014 76.6032H43.0397V74.7008H45.0014V76.6032ZM45.0014 73.6392H43.0397V71.7368H45.0014V73.6392ZM45.0014 70.6847H43.0397V68.7823H45.0014V70.6847ZM45.0014 67.7088H43.0397V65.8064H45.0014V67.7088ZM47.9346 97.3844H45.9728V95.482H47.9346V97.3844ZM47.9346 94.4085H45.9728V92.5061H47.9346V94.4085ZM47.9346 91.4469H45.9728V89.5445H47.9346V91.4469ZM47.9346 88.4924H45.9728V86.59H47.9346V88.4924ZM47.9346 85.5165H45.9728V83.6141H47.9346V85.5165ZM47.9346 79.579H45.9728V77.6767H47.9346V79.579ZM47.9346 76.6032H45.9728V74.7008H47.9346V76.6032ZM47.9346 73.6392H45.9728V71.7368H47.9346V73.6392ZM47.9346 70.6847H45.9728V68.7823H47.9346V70.6847ZM47.9346 67.7088H45.9728V65.8064H47.9346V67.7088Z" fill="url(#paint1_linear_732_1686)"/>
      <path d="M127.366 103.338C127.452 102.234 127.366 66.1743 127.366 66.1743H131.767V74.1804H138.774V90.9123H142.747V103.338H127.366Z" fill="url(#paint2_linear_732_1686)"/>
      <path d="M156.156 87.1551V86.0032H154.969V75.9498H152.071V74.8336H150.117V73.1924H149.098V68.4092H148.364V73.2257H147.428V74.8668H144.531V77.5553H142.856V108.722H156.959V87.1527H156.156V87.1551ZM145.348 99.6903H144.393V96.0708H145.348V99.6903ZM145.348 95.2609H144.393V91.6414H145.348V95.2609ZM145.348 90.8316H144.393V87.2121H145.348V90.8316ZM145.348 86.3238H144.393V82.7043H145.348V86.3238ZM145.348 81.8137H144.393V78.1942H145.348V81.8137ZM147.314 99.6903H146.359V96.0708H147.314V99.6903ZM147.314 95.2609H146.359V91.6414H147.314V95.2609ZM147.314 90.8316H146.359V87.2121H147.314V90.8316ZM147.314 86.3238H146.359V82.7043H147.314V86.3238ZM147.314 81.8137H146.359V78.1942H147.314V81.8137ZM149.278 99.6903H148.323V96.0708H149.278V99.6903ZM149.278 95.2609H148.323V91.6414H149.278V95.2609ZM149.278 90.8316H148.323V87.2121H149.278V90.8316ZM149.278 86.3238H148.323V82.7043H149.278V86.3238ZM149.278 81.8137H148.323V78.1942H149.278V81.8137ZM151.245 99.6903H150.29V96.0708H151.245V99.6903ZM151.245 95.2609H150.29V91.6414H151.245V95.2609ZM151.245 90.8316H150.29V87.2121H151.245V90.8316ZM151.245 86.3238H150.29V82.7043H151.245V86.3238ZM151.245 81.8137H150.29V78.1942H151.245V81.8137ZM153.211 99.6903H152.256V96.0708H153.211V99.6903ZM153.211 95.2609H152.256V91.6414H153.211V95.2609ZM153.211 90.8316H152.256V87.2121H153.211V90.8316ZM153.211 86.3238H152.256V82.7043H153.211V86.3238ZM153.211 81.8137H152.256V78.1942H153.211V81.8137Z" fill="url(#paint3_linear_732_1686)"/>
      <path d="M22.7644 118.717V97.4511H25.2012V86.5973L33.5754 82.9707V97.2801H35.4113V118.717H22.7644Z" fill="url(#paint4_linear_732_1686)"/>
      <path d="M166.397 114.774H159.049V85.5308L166.397 89.0861V114.774Z" fill="url(#paint5_linear_732_1686)"/>
      <path d="M21.534 44.2816C21.534 44.2816 23.7522 38.2301 29.2052 40.6051C30.464 39.3274 32.022 38.3987 34.1286 38.8167C36.2352 39.2371 37.5937 40.8141 38.0545 41.8639C38.7147 41.833 44.0015 42.0087 44.0015 47.4926C44.0015 52.9765 37.6032 52.872 37.1401 52.4374C36.5701 52.9456 33.8293 55.703 30.5043 52.5561C29.7847 53.1712 27.4335 55.7766 23.7166 52.1809C21.9947 52.9005 17.9026 53.4539 17.1093 49.2287C16.3161 45.006 20.3845 43.8114 21.534 44.2816Z" fill="url(#paint6_linear_732_1686)"/>
      <path d="M144.338 35.537C144.338 35.537 146.556 29.4855 152.009 31.8605C153.268 30.5827 154.826 29.6541 156.933 30.0721C159.039 30.4901 160.398 32.0695 160.859 33.1192C161.519 33.0884 166.806 33.2641 166.806 38.748C166.806 44.2319 160.407 44.125 159.944 43.6903C159.374 44.1986 156.634 46.956 153.309 43.8091C152.589 44.4242 150.238 47.0296 146.521 43.4338C144.799 44.1535 140.707 44.7069 139.914 40.4817C139.12 36.2614 143.189 35.0667 144.338 35.537Z" fill="url(#paint7_linear_732_1686)"/>
      <path d="M115.995 48.4854C115.995 48.4854 117.6 44.1035 121.548 45.8254C122.46 44.8992 123.585 44.227 125.112 44.531C126.637 44.835 127.62 45.9774 127.953 46.735C128.43 46.7137 132.259 46.8395 132.259 50.8082C132.259 54.7768 127.628 54.7008 127.293 54.3873C126.879 54.7554 124.896 56.7504 122.488 54.4752C121.968 54.9193 120.265 56.8074 117.577 54.2044C116.33 54.7245 113.368 55.1259 112.793 52.0669C112.216 49.0103 115.164 48.1458 115.995 48.4854Z" fill="url(#paint8_linear_732_1686)"/>
      <path d="M95.4654 177.989C144.126 177.989 183.573 159.268 183.573 136.175C183.573 113.082 144.126 94.3608 95.4654 94.3608C46.8048 94.3608 7.35767 113.082 7.35767 136.175C7.35767 159.268 46.8048 177.989 95.4654 177.989Z" fill="url(#paint9_linear_732_1686)"/>
      <path d="M35.1262 131.062C35.1262 131.062 34.2878 132.252 35.6891 134.023C36.9383 135.6 38.9119 135.294 39.5674 134.788C39.7693 136.161 41.4532 139.054 44.1179 137.417C46.6236 135.881 45.4171 133.544 44.6167 132.625C46.1818 132.183 47.3479 128.433 43.7569 127.138C44.2889 125.59 44.3839 124.889 43.6049 123.497C42.8544 122.158 41.6218 121.944 39.6553 122.759L36.8124 123.958L35.0003 120.576L34.0313 121.137L36.1213 124.367L33.3521 125.756C33.3521 125.756 30.9842 126.682 32.0054 129.224C32.9507 131.577 35.1262 131.062 35.1262 131.062Z" fill="url(#paint10_linear_732_1686)"/>
      <path d="M30.3073 116.641H38.8716C38.8716 116.641 41.6385 116.719 42.1895 113.558C42.7951 110.088 40.2704 109.611 40.2704 109.611C40.2704 109.611 41.7905 108.913 41.4603 106.288C41.1278 103.666 38.8193 103.334 37.8574 103.455C38.0142 101.899 38.3419 98.3772 34.6844 98.3416C31.1528 98.3059 31.1742 101.861 31.4378 103.263C30.1791 103.277 26.3767 105.165 29.0509 109.307C27.5951 110.554 26.9799 111.273 27.0441 113.071C27.1058 114.872 28.2078 116.641 30.3073 116.641Z" fill="url(#paint11_linear_732_1686)"/>
      <path d="M38.6602 111.834L35.0075 114.237L34.9077 111.915L37.2162 109.193L34.8721 111.088L34.5681 103.987L34.3449 111.136L31.8796 109.174L34.3211 111.862L34.2475 114.254L30.4902 111.494L34.219 115.116L34.0314 121.139H35.302L35.0455 115.154L38.6602 111.834Z" fill="#C6D5E6"/>
      <path d="M159.203 126.713C159.203 126.713 158.432 127.81 159.721 129.44C160.871 130.893 162.69 130.61 163.293 130.143C163.478 131.406 165.032 134.068 167.485 132.565C169.791 131.15 168.682 128.998 167.943 128.152C169.385 127.746 170.459 124.291 167.153 123.101C167.644 121.676 167.732 121.03 167.012 119.75C166.321 118.517 165.186 118.317 163.376 119.07L160.754 120.175L159.085 117.061L158.194 117.576L160.118 120.55L157.569 121.83C157.569 121.83 155.389 122.683 156.33 125.024C157.199 127.188 159.203 126.713 159.203 126.713Z" fill="url(#paint12_linear_732_1686)"/>
      <path d="M154.762 113.434H162.647C162.647 113.434 165.196 113.508 165.701 110.596C166.257 107.402 163.934 106.963 163.934 106.963C163.934 106.963 165.336 106.319 165.029 103.904C164.723 101.488 162.597 101.182 161.711 101.296C161.856 99.8637 162.158 96.6194 158.79 96.5862C155.539 96.5529 155.558 99.8257 155.8 101.118C154.641 101.13 151.138 102.868 153.603 106.685C152.264 107.832 151.696 108.497 151.755 110.15C151.817 111.805 152.831 113.434 154.762 113.434Z" fill="url(#paint13_linear_732_1686)"/>
      <path d="M162.455 109.007L159.092 111.221L159.001 109.081L161.127 106.575L158.968 108.321L158.688 101.78L158.481 108.364L156.213 106.556L158.46 109.034L158.391 111.238L154.933 108.694L158.367 112.031L158.192 117.576H159.365L159.127 112.064L162.455 109.007Z" fill="#C6D5E6"/>
      <path d="M54.8244 105.291C54.8244 105.291 54.4088 105.88 55.1023 106.756C55.7198 107.537 56.6959 107.385 57.0213 107.134C57.121 107.813 57.9546 109.243 59.2728 108.435C60.5125 107.675 59.9164 106.519 59.5198 106.065C60.294 105.846 60.8711 103.992 59.0946 103.353C59.3583 102.588 59.4058 102.241 59.0186 101.552C58.6481 100.89 58.0378 100.783 57.0664 101.187L55.658 101.78L54.7626 100.108L54.2829 100.386L55.316 101.982L53.9456 102.669C53.9456 102.669 52.7748 103.127 53.2806 104.383C53.7485 105.547 54.8244 105.291 54.8244 105.291Z" fill="url(#paint14_linear_732_1686)"/>
      <path d="M52.4399 98.1586H56.6746C56.6746 98.1586 58.0426 98.1966 58.3157 96.6339C58.6149 94.9168 57.3657 94.6817 57.3657 94.6817C57.3657 94.6817 58.1186 94.3349 57.9547 93.0382C57.7908 91.7414 56.6484 91.5775 56.1734 91.6369C56.2518 90.8674 56.4133 89.1242 54.6036 89.1075C52.8556 89.0909 52.8674 90.8484 52.9981 91.5419C52.3758 91.549 50.4948 92.4824 51.8177 94.532C51.0981 95.1472 50.7917 95.5058 50.8249 96.394C50.8558 97.2823 51.4021 98.1586 52.4399 98.1586Z" fill="url(#paint15_linear_732_1686)"/>
      <path d="M56.5702 95.7811L54.7652 96.971L54.7153 95.8215L55.8577 94.4749L54.6987 95.413L54.5467 91.9004L54.4374 95.4344L53.2167 94.4654L54.4255 95.7954L54.3875 96.9781L52.5303 95.6125L54.3757 97.4056L54.2807 100.384H54.91L54.7842 97.4222L56.5702 95.7811Z" fill="#C6D5E6"/>
      <path d="M106.685 115.261L163.03 150.874L101.714 169.974L84.8564 115.261H106.685Z" fill="url(#paint16_linear_732_1686)"/>
      <path d="M102.042 111.986H89.4995L90.4495 103.709H101.092L102.042 111.986Z" fill="url(#paint17_linear_732_1686)"/>
      <path d="M106.685 111.986H84.8564V115.261H106.685V111.986Z" fill="url(#paint18_linear_732_1686)"/>
      <path d="M127.685 104.892H63.8566C61.1871 104.892 59.0234 102.728 59.0234 100.059V55.8527C59.0234 53.1832 61.1871 51.0195 63.8566 51.0195H127.685C130.354 51.0195 132.518 53.1832 132.518 55.8527V100.059C132.518 102.728 130.354 104.892 127.685 104.892Z" fill="url(#paint19_linear_732_1686)"/>
      <path d="M124.787 96.4317H66.7564C64.5951 96.4317 62.8447 94.6814 62.8447 92.5201V58.959C62.8447 56.7977 64.5951 55.0474 66.7564 55.0474H124.787C126.948 55.0474 128.699 56.7977 128.699 58.959V92.5225C128.696 94.6814 126.946 96.4317 124.787 96.4317Z" fill="url(#paint20_linear_732_1686)"/>
      <path d="M95.7718 103.186C96.9995 103.186 97.9948 102.191 97.9948 100.963C97.9948 99.7355 96.9995 98.7402 95.7718 98.7402C94.5441 98.7402 93.5488 99.7355 93.5488 100.963C93.5488 102.191 94.5441 103.186 95.7718 103.186Z" fill="#ECF0F7"/>
      <path d="M95.7719 63.7588C88.9913 63.7588 83.4766 69.2759 83.4766 76.0542C83.4766 82.8324 88.9937 88.3495 95.7719 88.3495C102.553 88.3495 108.067 82.8324 108.067 76.0542C108.067 69.2759 102.553 63.7588 95.7719 63.7588ZM101.885 68.2499L95.7601 74.375L89.6444 68.2594C91.3331 66.9294 93.4587 66.1338 95.7696 66.1338C98.0757 66.1338 100.199 66.927 101.885 68.2499ZM85.8492 76.0565C85.8492 73.7504 86.6424 71.6272 87.9653 69.9409L94.0786 76.0542L87.9629 82.1698C86.6424 80.4835 85.8492 78.3603 85.8492 76.0565ZM89.6444 83.8513L95.7601 77.7357L101.885 83.8608C100.199 85.186 98.0757 85.9769 95.7696 85.9769C93.4611 85.9769 91.3331 85.1813 89.6444 83.8513ZM103.567 82.1817L97.4392 76.0542L103.564 69.929C104.894 71.6177 105.69 73.7457 105.69 76.0565C105.692 78.3674 104.897 80.493 103.567 82.1817Z" fill="url(#paint21_linear_732_1686)"/>
      </g>
      </g>
      <defs>
      <linearGradient id="paint0_linear_732_1686" x1="61.1563" y1="99.7028" x2="61.1563" y2="76.7155" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint1_linear_732_1686" x1="45.8098" y1="113.476" x2="45.8098" y2="62.0596" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint2_linear_732_1686" x1="135.058" y1="103.339" x2="135.058" y2="66.1751" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint3_linear_732_1686" x1="149.908" y1="108.723" x2="149.908" y2="68.41" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint4_linear_732_1686" x1="29.0885" y1="118.717" x2="29.0885" y2="82.9705" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint5_linear_732_1686" x1="162.723" y1="114.773" x2="162.723" y2="85.5296" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint6_linear_732_1686" x1="30.5047" y1="54.0441" x2="30.5047" y2="38.7156" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint7_linear_732_1686" x1="153.309" y1="45.2994" x2="153.309" y2="29.9709" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint8_linear_732_1686" x1="122.488" y1="55.553" x2="122.488" y2="44.4577" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint9_linear_732_1686" x1="95.4645" y1="177.99" x2="95.4645" y2="94.3595" gradientUnits="userSpaceOnUse">
      <stop offset="0.4065" stop-color="white"/>
      <stop offset="1" stop-color="#DAE4EF"/>
      </linearGradient>
      <linearGradient id="paint10_linear_732_1686" x1="45.8103" y1="136.061" x2="33.5942" y2="121.502" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint11_linear_732_1686" x1="27.0365" y1="107.492" x2="42.2808" y2="107.492" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint12_linear_732_1686" x1="169.04" y1="131.317" x2="157.791" y2="117.911" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint13_linear_732_1686" x1="151.752" y1="105.009" x2="165.79" y2="105.009" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint14_linear_732_1686" x1="60.1076" y1="107.764" x2="54.0653" y2="100.563" gradientUnits="userSpaceOnUse">
      <stop offset="1.4385e-07" stop-color="#EAEFF6"/>
      <stop offset="1" stop-color="#CDDAE9"/>
      </linearGradient>
      <linearGradient id="paint15_linear_732_1686" x1="50.8218" y1="93.6338" x2="58.3619" y2="93.6338" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint16_linear_732_1686" x1="132.033" y1="161.281" x2="116.255" y2="106.257" gradientUnits="userSpaceOnUse">
      <stop offset="0.0938" stop-color="white"/>
      <stop offset="0.9362" stop-color="#BBCBE0"/>
      </linearGradient>
      <linearGradient id="paint17_linear_732_1686" x1="89.5001" y1="107.848" x2="102.042" y2="107.848" gradientUnits="userSpaceOnUse">
      <stop stop-color="#DDE5F0"/>
      <stop offset="1" stop-color="#9FB7CE"/>
      </linearGradient>
      <linearGradient id="paint18_linear_732_1686" x1="84.8563" y1="113.624" x2="106.686" y2="113.624" gradientUnits="userSpaceOnUse">
      <stop stop-color="#D4DEEC"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint19_linear_732_1686" x1="59.0242" y1="77.9562" x2="132.518" y2="77.9562" gradientUnits="userSpaceOnUse">
      <stop stop-color="#CED9E9"/>
      <stop offset="1" stop-color="#A7BFD6"/>
      </linearGradient>
      <linearGradient id="paint20_linear_732_1686" x1="128.698" y1="75.74" x2="62.8443" y2="75.74" gradientUnits="userSpaceOnUse">
      <stop stop-color="#E7ECF4"/>
      <stop offset="1" stop-color="#E4E9F3"/>
      </linearGradient>
      <linearGradient id="paint21_linear_732_1686" x1="108.067" y1="76.0559" x2="83.4749" y2="76.0559" gradientUnits="userSpaceOnUse">
      <stop stop-color="#D4DEEB"/>
      <stop offset="1" stop-color="#A7BFD6"/>
      </linearGradient>
      <clipPath id="clip0_732_1686">
      <rect width="190" height="190" fill="white"/>
      </clipPath>
      <clipPath id="clip1_732_1686">
      <rect width="190" height="190" fill="white" transform="translate(0 -5)"/>
      </clipPath>
      </defs>
    </svg>
  `;

  const networkXml = `
    <svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M64.1725 78.4988V77.689H57.1662V78.6295H55.6272V100.677H65.8516V78.4988H64.1725ZM64.9657 98.1496H56.4062V97.4965H64.9657V98.1496ZM64.9657 95.1381H56.4062V94.485H64.9657V95.1381ZM64.9657 92.129H56.4062V91.4758H64.9657V92.129ZM64.9657 89.1958H56.4062V88.5427H64.9657V89.1958ZM64.9657 86.2722H56.4062V85.6191H64.9657V86.2722ZM64.9657 83.2607H56.4062V82.6076H64.9657V83.2607ZM64.9657 80.33H56.4062V79.6768H64.9657V80.33Z" fill="url(#paint0_linear_732_1684)"/>
      <path d="M50.4023 90.8037V65.1109H42.6242V63.0352H39.3324V75.701H38.4465V114.452H52.3427V90.806H50.4023V90.8037ZM44.5835 98.3586H42.6218V96.4562H44.5835V98.3586ZM44.5835 95.3827H42.6218V93.4803H44.5835V95.3827ZM44.5835 92.4211H42.6218V90.5187H44.5835V92.4211ZM44.5835 89.4665H42.6218V87.5642H44.5835V89.4665ZM44.5835 86.4907H42.6218V84.5883H44.5835V86.4907ZM44.5835 80.5532H42.6218V78.6508H44.5835V80.5532ZM44.5835 77.5773H42.6218V75.6749H44.5835V77.5773ZM44.5835 74.6133H42.6218V72.7109H44.5835V74.6133ZM44.5835 71.6612H42.6218V69.7588H44.5835V71.6612ZM44.5835 68.6853H42.6218V66.7829H44.5835V68.6853ZM47.5167 98.3586H45.5549V96.4562H47.5167V98.3586ZM47.5167 95.3827H45.5549V93.4803H47.5167V95.3827ZM47.5167 92.4211H45.5549V90.5187H47.5167V92.4211ZM47.5167 89.4665H45.5549V87.5642H47.5167V89.4665ZM47.5167 86.4907H45.5549V84.5883H47.5167V86.4907ZM47.5167 80.5532H45.5549V78.6508H47.5167V80.5532ZM47.5167 77.5773H45.5549V75.6749H47.5167V77.5773ZM47.5167 74.6133H45.5549V72.7109H47.5167V74.6133ZM47.5167 71.6612H45.5549V69.7588H47.5167V71.6612ZM47.5167 68.6853H45.5549V66.7829H47.5167V68.6853Z" fill="url(#paint1_linear_732_1684)"/>
      <path d="M126.951 104.315C127.036 103.211 126.951 67.1509 126.951 67.1509H131.352V75.157H138.358V91.8889H142.331V104.315H126.951Z" fill="url(#paint2_linear_732_1684)"/>
      <path d="M155.738 88.1292V86.9773H154.551V76.9239H151.653V75.8077H149.698V74.1665H148.68V69.3833H147.946V74.1998H147.012V75.8409H144.115V78.5294H142.44V109.697H156.543V88.1268H155.738V88.1292ZM144.929 100.664H143.975V97.0449H144.929V100.664ZM144.929 96.2351H143.975V92.6155H144.929V96.2351ZM144.929 91.8057H143.975V88.1862H144.929V91.8057ZM144.929 87.2979H143.975V83.6784H144.929V87.2979ZM144.929 82.7878H143.975V79.1683H144.929V82.7878ZM146.896 100.664H145.941V97.0449H146.896V100.664ZM146.896 96.2351H145.941V92.6155H146.896V96.2351ZM146.896 91.8057H145.941V88.1862H146.896V91.8057ZM146.896 87.2979H145.941V83.6784H146.896V87.2979ZM146.896 82.7878H145.941V79.1683H146.896V82.7878ZM148.862 100.664H147.908V97.0449H148.862V100.664ZM148.862 96.2351H147.908V92.6155H148.862V96.2351ZM148.862 91.8057H147.908V88.1862H148.862V91.8057ZM148.862 87.2979H147.908V83.6784H148.862V87.2979ZM148.862 82.7878H147.908V79.1683H148.862V82.7878ZM150.829 100.664H149.874V97.0449H150.829V100.664ZM150.829 96.2351H149.874V92.6155H150.829V96.2351ZM150.829 91.8057H149.874V88.1862H150.829V91.8057ZM150.829 87.2979H149.874V83.6784H150.829V87.2979ZM150.829 82.7878H149.874V79.1683H150.829V82.7878ZM152.795 100.664H151.841V97.0449H152.795V100.664ZM152.795 96.2351H151.841V92.6155H152.795V96.2351ZM152.795 91.8057H151.841V88.1862H152.795V91.8057ZM152.795 87.2979H151.841V83.6784H152.795V87.2979ZM152.795 82.7878H151.841V79.1683H152.795V82.7878Z" fill="url(#paint3_linear_732_1684)"/>
      <path d="M22.3486 119.691V98.4252H24.783V87.5714L33.1573 83.9448V98.2542H34.9955V119.691H22.3486Z" fill="url(#paint4_linear_732_1684)"/>
      <path d="M165.982 115.748H158.633V86.5049L165.982 90.0603V115.748Z" fill="url(#paint5_linear_732_1684)"/>
      <path d="M21.1184 45.2557C21.1184 45.2557 23.3367 39.2042 28.7897 41.5792C30.0484 40.3015 31.6064 39.3729 33.7131 39.7909C35.8197 40.2112 37.1782 41.7882 37.6389 42.838C38.2992 42.8071 43.5859 42.9829 43.5859 48.4667C43.5859 53.9506 37.1877 53.8461 36.7246 53.4115C36.1546 53.9197 33.4138 56.6771 30.0888 53.5302C29.3692 54.1454 27.0179 56.7507 23.3011 53.155C21.5792 53.8746 17.4871 54.428 16.6938 50.2029C15.9006 45.9777 19.9689 44.7855 21.1184 45.2557Z" fill="url(#paint6_linear_732_1684)"/>
      <path d="M143.923 36.5111C143.923 36.5111 146.141 30.4596 151.594 32.8346C152.853 31.5569 154.411 30.6282 156.517 31.0462C158.624 31.4666 159.982 33.0436 160.443 34.0934C161.103 34.0625 166.39 34.2382 166.39 39.7221C166.39 45.206 159.992 45.1015 159.529 44.6669C158.959 45.1751 156.218 47.9325 152.893 44.7856C152.173 45.4007 149.822 48.0061 146.105 44.4104C144.383 45.13 140.291 45.6834 139.498 41.4582C138.702 37.2355 142.773 36.0409 143.923 36.5111Z" fill="url(#paint7_linear_732_1684)"/>
      <path d="M91.2023 45.8355C91.2023 45.8355 92.8078 41.4536 96.7551 43.1755C97.6671 42.2493 98.7928 41.5771 100.32 41.8811C101.847 42.1851 102.828 43.3275 103.16 44.0851C103.638 44.0638 107.466 44.1896 107.466 48.1583C107.466 52.1269 102.835 52.0509 102.5 51.7374C102.087 52.1055 100.104 54.1005 97.6956 51.8253C97.1755 52.2694 95.4726 54.1575 92.7841 51.5545C91.5372 52.0746 88.5756 52.476 88.0008 49.417C87.4237 46.3604 90.3711 45.4959 91.2023 45.8355Z" fill="url(#paint8_linear_732_1684)"/>
      <path d="M95.0475 178.963C143.708 178.963 183.155 160.243 183.155 137.149C183.155 114.056 143.708 95.335 95.0475 95.335C46.3869 95.335 6.9397 114.056 6.9397 137.149C6.9397 160.243 46.3869 178.963 95.0475 178.963Z" fill="url(#paint9_linear_732_1684)"/>
      <path d="M34.7106 132.036C34.7106 132.036 33.8722 133.226 35.2735 134.998C36.5227 136.575 38.4963 136.268 39.1518 135.762C39.3537 137.135 41.0376 140.028 43.7023 138.391C46.208 136.855 45.0015 134.518 44.2011 133.599C45.7662 133.157 46.9323 129.407 43.3413 128.112C43.8733 126.564 43.9683 125.863 43.1893 124.472C42.4388 123.132 41.2062 122.918 39.2397 123.733L36.3945 124.932L34.5823 121.55L33.6133 122.111L35.7033 125.341L32.9341 126.73C32.9341 126.73 30.5662 127.656 31.5875 130.198C32.5351 132.554 34.7106 132.036 34.7106 132.036Z" fill="url(#paint10_linear_732_1684)"/>
      <path d="M29.8893 117.615H38.4535C38.4535 117.615 41.2204 117.693 41.7714 114.532C42.377 111.062 39.8524 110.585 39.8524 110.585C39.8524 110.585 41.3724 109.887 41.0423 107.262C40.7122 104.638 38.4013 104.308 37.4394 104.429C37.5962 102.873 37.9239 99.3513 34.2664 99.3157C30.7324 99.2824 30.7562 102.838 31.0174 104.239C29.7587 104.253 25.9563 106.141 28.6305 110.283C27.1747 111.53 26.5595 112.25 26.6237 114.048C26.6902 115.846 27.7922 117.615 29.8893 117.615Z" fill="url(#paint11_linear_732_1684)"/>
      <path d="M38.2421 112.81L34.5917 115.214L34.492 112.889L36.8005 110.167L34.4563 112.062L34.1523 104.961L33.9267 112.11L31.4638 110.148L33.9053 112.836L33.8293 115.228L30.0745 112.468L33.8032 116.093L33.6132 122.113H34.8862L34.6297 116.128L38.2421 112.81Z" fill="#C6D5E6"/>
      <path d="M158.785 127.687C158.785 127.687 158.013 128.784 159.303 130.414C160.453 131.867 162.272 131.585 162.875 131.117C163.06 132.38 164.614 135.043 167.067 133.539C169.373 132.124 168.264 129.972 167.525 129.126C168.967 128.72 170.04 125.265 166.734 124.075C167.226 122.65 167.314 122.004 166.594 120.724C165.903 119.491 164.768 119.292 162.958 120.044L160.336 121.149L158.667 118.035L157.776 118.551L159.7 121.524L157.151 122.804C157.151 122.804 154.971 123.657 155.912 125.999C156.783 128.165 158.785 127.687 158.785 127.687Z" fill="url(#paint12_linear_732_1684)"/>
      <path d="M154.346 114.409H162.231C162.231 114.409 164.78 114.482 165.286 111.57C165.841 108.376 163.519 107.937 163.519 107.937C163.519 107.937 164.92 107.293 164.614 104.878C164.307 102.462 162.182 102.156 161.296 102.27C161.441 100.838 161.742 97.5936 158.374 97.5603C155.123 97.5271 155.142 100.8 155.384 102.092C154.225 102.104 150.722 103.842 153.187 107.659C151.848 108.806 151.28 109.471 151.34 111.124C151.399 112.779 152.416 114.409 154.346 114.409Z" fill="url(#paint13_linear_732_1684)"/>
      <path d="M162.039 109.984L158.676 112.197L158.584 110.058L160.712 107.55L158.55 109.295L158.272 102.757L158.066 109.338L155.795 107.533L158.044 110.01L157.976 112.212L154.515 109.668L157.949 113.005L157.776 118.551H158.947L158.712 113.038L162.039 109.984Z" fill="#C6D5E6"/>
      <path d="M54.4064 106.265C54.4064 106.265 53.9908 106.854 54.6843 107.73C55.3018 108.512 56.2779 108.36 56.6033 108.108C56.703 108.787 57.5367 110.217 58.8548 109.409C60.0945 108.649 59.4984 107.493 59.1018 107.039C59.876 106.821 60.4532 104.966 58.6767 104.327C58.9403 103.562 58.9878 103.215 58.6007 102.527C58.2302 101.864 57.6198 101.757 56.6484 102.161L55.24 102.755L54.3447 101.083L53.8649 101.36L54.898 102.956L53.5277 103.643C53.5277 103.643 52.3568 104.101 52.8627 105.358C53.3305 106.521 54.4064 106.265 54.4064 106.265Z" fill="url(#paint14_linear_732_1684)"/>
      <path d="M52.022 99.1328H56.2566C56.2566 99.1328 57.6246 99.1708 57.8977 97.608C58.197 95.8909 56.9477 95.6558 56.9477 95.6558C56.9477 95.6558 57.7006 95.309 57.5367 94.0123C57.3729 92.7155 56.2305 92.5517 55.7555 92.611C55.8339 91.8415 55.9954 90.0983 54.1856 90.0817C52.4376 90.065 52.4495 91.8225 52.5801 92.516C51.9579 92.5232 50.0768 93.4565 51.3997 95.5062C50.6801 96.1213 50.3737 96.4799 50.407 97.3681C50.4402 98.2588 50.9841 99.1328 52.022 99.1328Z" fill="url(#paint15_linear_732_1684)"/>
      <path d="M56.1544 96.7553L54.347 97.9452L54.2995 96.7957L55.4419 95.449L54.2805 96.3872L54.1309 92.8745L54.0193 96.4109L52.8009 95.4395L54.0074 96.7695L53.9718 97.9523L52.1145 96.5867L53.9575 98.3798L53.8649 101.358H54.4943L54.366 98.3988L56.1544 96.7553Z" fill="#C6D5E6"/>
      <path d="M104.17 123.422L165.982 155.34L97.6955 175.534L64.8801 122.833L104.17 123.422Z" fill="url(#paint16_linear_732_1684)"/>
      <path d="M71.7629 117.584L64.8801 118.724L86.761 124.293L104.17 119.294L99.0374 118.551L71.7629 117.584Z" fill="url(#paint17_linear_732_1684)"/>
      <path d="M79.2489 56.25C79.2489 56.25 59.8855 74.6753 77.7336 98.2827C94.3088 120.209 122.749 104.199 123.787 102.073C110.269 89.1627 79.2489 56.25 79.2489 56.25Z" fill="url(#paint18_linear_732_1684)"/>
      <path d="M109.962 70.7896C122.46 83.2869 128.97 97.0357 124.502 101.503C120.037 105.968 106.286 99.4606 93.7886 86.9634C81.2914 74.4661 74.7815 60.7172 79.2489 56.2499C83.7163 51.7825 97.4651 58.2947 109.962 70.7896Z" fill="url(#paint19_linear_732_1684)"/>
      <path d="M93.7886 86.9633C94.9096 88.0843 96.0425 89.1578 97.1778 90.1791L116.848 66.3602L115.708 65.1323L92.3066 85.441C92.7911 85.9516 93.2851 86.4575 93.7886 86.9633Z" fill="url(#paint20_linear_732_1684)"/>
      <path d="M116.847 68.0274C118.882 68.0274 120.531 66.3782 120.531 64.3438C120.531 62.3094 118.882 60.6602 116.847 60.6602C114.813 60.6602 113.164 62.3094 113.164 64.3438C113.164 66.3782 114.813 68.0274 116.847 68.0274Z" fill="url(#paint21_linear_732_1684)"/>
      <path d="M127.202 68.588C126.357 68.5714 125.633 67.9325 125.533 67.0704C124.243 56.0195 115.536 56.1477 115.14 56.1596C114.195 56.1834 112.751 55.7202 112.943 53.9081C113.043 52.9676 113.499 52.742 114.444 52.7111C114.577 52.7064 117.731 52.6185 121.08 54.3024C124.191 55.8675 127.582 59.2305 129.352 66.0539C129.352 68.2365 128.076 68.588 127.202 68.588Z" fill="url(#paint22_linear_732_1684)"/>
      <path d="M127.632 67.7282C126.787 67.7282 126.051 67.1036 125.932 66.2438C124.421 55.2191 115.135 55.5183 114.741 55.5349C113.796 55.5777 112.99 54.8509 112.943 53.9057C112.895 52.9604 113.617 52.1553 114.56 52.1054C114.693 52.0983 117.845 51.9463 121.227 53.5637C124.369 55.0671 128.326 58.4039 129.335 65.7759C129.463 66.7164 128.806 67.5809 127.867 67.7116C127.789 67.7234 127.711 67.7282 127.632 67.7282Z" fill="url(#paint23_linear_732_1684)"/>
      <path d="M133.648 68.486C132.428 68.4029 131.898 67.3247 131.848 66.4032C131.461 59.0716 128.343 53.9202 122.576 51.0892C118.197 48.9398 114.724 48.9113 114.677 48.9089C114.674 48.9089 112.589 49.0087 112.938 46.6907C113.316 46.0756 113.686 45.4866 114.636 45.4747C114.845 45.4723 118.985 45.4984 124.089 48.0064C128.879 50.3577 135.895 55.5304 135.895 66.3391C135.897 68.3103 134.271 68.5359 133.648 68.486Z" fill="url(#paint24_linear_732_1684)"/>
      <path d="M134.211 67.7282C133.299 67.7282 132.539 67.0086 132.496 66.0895C132.164 58.7555 129.081 53.5827 123.336 50.709C118.971 48.5263 114.71 48.524 114.663 48.5216C114.66 48.5216 114.658 48.5216 114.655 48.5216C113.71 48.5216 112.943 47.7568 112.938 46.8116C112.934 45.864 113.698 45.0897 114.648 45.085C114.857 45.085 119.788 45.0897 124.875 47.6333C129.646 50.0202 135.439 55.1312 135.931 65.9303C135.973 66.878 135.24 67.6807 134.292 67.7235C134.263 67.7282 134.237 67.7282 134.211 67.7282Z" fill="url(#paint25_linear_732_1684)"/>
      <path d="M93.1188 108.801V113.026L86.3667 114.079V119.296L99.0373 116.665V109.666C97.0779 109.573 95.0924 109.302 93.1188 108.801Z" fill="url(#paint26_linear_732_1684)"/>
      <path d="M97.1967 109.526V113.858L87.3072 115.582L87.3523 114.076C87.3523 114.076 88.0529 96.5371 80.1608 96.5371C72.2687 96.5371 71.1287 109.78 71.1287 112.324C71.1287 114.867 71.1287 119.252 71.1287 119.252L86.103 122.935H87.0887L100.814 119.121V109.702C99.6192 109.709 98.4103 109.654 97.1967 109.526Z" fill="url(#paint27_linear_732_1684)"/>
      <path d="M70.1409 119.252C70.1409 119.252 70.1409 114.867 70.1409 112.324C70.1409 109.78 71.2809 96.5371 79.173 96.5371C87.0651 96.5371 86.3645 114.076 86.3645 114.076L86.1009 122.935L70.1409 119.252Z" fill="url(#paint28_linear_732_1684)"/>
      <path d="M81.5527 106.227C81.5527 104.895 80.6288 103.816 79.4912 103.816H78.7858L78.7074 103.997C77.9569 104.358 77.4297 105.22 77.4297 106.227C77.4297 107.236 77.9593 108.099 78.7098 108.46L78.7573 108.635L79.4674 108.638C79.4746 108.638 79.4817 108.64 79.4888 108.64C79.4959 108.64 79.5007 108.64 79.5078 108.64H79.5411V108.638C80.6573 108.604 81.5527 107.54 81.5527 106.227Z" fill="url(#paint29_linear_732_1684)"/>
      <path d="M78.8664 108.638C80.005 108.638 80.9279 107.558 80.9279 106.227C80.9279 104.896 80.005 103.816 78.8664 103.816C77.7279 103.816 76.8049 104.896 76.8049 106.227C76.8049 107.558 77.7279 108.638 78.8664 108.638Z" fill="url(#paint30_linear_732_1684)"/>
      <path d="M64.8801 122.833V118.724L86.761 124.293V129.062L64.8801 122.833Z" fill="url(#paint31_linear_732_1684)"/>
      <path d="M104.17 123.422V119.294L86.761 124.294V129.063L104.17 123.422Z" fill="url(#paint32_linear_732_1684)"/>
      <defs>
      <linearGradient id="paint0_linear_732_1684" x1="60.7399" y1="100.677" x2="60.7399" y2="77.6902" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint1_linear_732_1684" x1="45.3934" y1="114.45" x2="45.3934" y2="63.0343" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint2_linear_732_1684" x1="134.642" y1="104.314" x2="134.642" y2="67.1498" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint3_linear_732_1684" x1="149.491" y1="109.698" x2="149.491" y2="69.3847" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint4_linear_732_1684" x1="28.6718" y1="119.692" x2="28.6718" y2="83.9452" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint5_linear_732_1684" x1="162.307" y1="115.748" x2="162.307" y2="86.5042" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint6_linear_732_1684" x1="30.0882" y1="55.0188" x2="30.0882" y2="39.6902" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint7_linear_732_1684" x1="152.892" y1="46.2741" x2="152.892" y2="30.9455" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint8_linear_732_1684" x1="97.6949" y1="52.9025" x2="97.6949" y2="41.8071" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint9_linear_732_1684" x1="95.0481" y1="178.965" x2="95.0481" y2="95.3342" gradientUnits="userSpaceOnUse">
      <stop offset="0.4065" stop-color="white"/>
      <stop offset="1" stop-color="#DAE4EF"/>
      </linearGradient>
      <linearGradient id="paint10_linear_732_1684" x1="45.3938" y1="137.036" x2="33.1777" y2="122.477" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint11_linear_732_1684" x1="26.6199" y1="108.467" x2="41.8643" y2="108.467" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint12_linear_732_1684" x1="168.623" y1="132.292" x2="157.374" y2="118.886" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint13_linear_732_1684" x1="151.335" y1="105.984" x2="165.373" y2="105.984" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint14_linear_732_1684" x1="59.6911" y1="108.739" x2="53.6488" y2="101.538" gradientUnits="userSpaceOnUse">
      <stop offset="1.4385e-07" stop-color="#EAEFF6"/>
      <stop offset="1" stop-color="#CDDAE9"/>
      </linearGradient>
      <linearGradient id="paint15_linear_732_1684" x1="50.4053" y1="94.6084" x2="57.9455" y2="94.6084" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint16_linear_732_1684" x1="123.739" y1="168.065" x2="107.283" y2="110.674" gradientUnits="userSpaceOnUse">
      <stop offset="0.0938" stop-color="white"/>
      <stop offset="0.9362" stop-color="#BBCBE0"/>
      </linearGradient>
      <linearGradient id="paint17_linear_732_1684" x1="64.8791" y1="120.94" x2="104.169" y2="120.94" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint18_linear_732_1684" x1="76.2081" y1="58.0062" x2="107.388" y2="112.011" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint19_linear_732_1684" x1="77.8411" y1="78.8768" x2="125.911" y2="78.8768" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint20_linear_732_1684" x1="116.847" y1="77.6568" x2="92.305" y2="77.6568" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#A1BBD3"/>
      </linearGradient>
      <linearGradient id="paint21_linear_732_1684" x1="113.164" y1="64.3441" x2="120.53" y2="64.3441" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint22_linear_732_1684" x1="112.798" y1="60.4893" x2="129.454" y2="60.8208" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#9BB8D1"/>
      </linearGradient>
      <linearGradient id="paint23_linear_732_1684" x1="112.941" y1="59.9132" x2="129.352" y2="59.9132" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint24_linear_732_1684" x1="112.976" y1="57.068" x2="135.833" y2="56.9023" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#9BB8D1"/>
      </linearGradient>
      <linearGradient id="paint25_linear_732_1684" x1="112.937" y1="56.4073" x2="135.929" y2="56.4073" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint26_linear_732_1684" x1="92.7019" y1="119.295" x2="92.7019" y2="108.8" gradientUnits="userSpaceOnUse">
      <stop stop-color="#E5EBF4"/>
      <stop offset="1" stop-color="#9BB8D1"/>
      </linearGradient>
      <linearGradient id="paint27_linear_732_1684" x1="85.9709" y1="122.935" x2="85.9709" y2="96.5375" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint28_linear_732_1684" x1="70.1412" y1="109.736" x2="86.3817" y2="109.736" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint29_linear_732_1684" x1="77.4312" y1="106.228" x2="81.5531" y2="106.228" gradientUnits="userSpaceOnUse">
      <stop stop-color="#E5EBF4"/>
      <stop offset="1" stop-color="#9BB8D1"/>
      </linearGradient>
      <linearGradient id="paint30_linear_732_1684" x1="78.8672" y1="108.64" x2="78.8672" y2="103.816" gradientUnits="userSpaceOnUse">
      <stop stop-color="#E5EBF4"/>
      <stop offset="1" stop-color="#9BB8D1"/>
      </linearGradient>
      <linearGradient id="paint31_linear_732_1684" x1="64.8791" y1="123.894" x2="86.7602" y2="123.894" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint32_linear_732_1684" x1="86.7602" y1="124.18" x2="104.169" y2="124.18" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      </defs>
    </svg>
  `;

  return (
    <Box padding="x6" width="100%" flex={1} justifyContent="center" alignItems="center">
      <SvgXml xml={type === 'network' ? networkXml : defaultXml} width={190} height={190} />
      <Text variant="p1" color="text" marginBottom={'x4'}>
        {type === 'network' ? '网络连接异常' : '对不起，应用出错了'}
      </Text>
      <Button title="刷新试试" type="primary" onPress={onRefresh} width="100%" />
    </Box>
  );
}


================================================
FILE: packages/react-native/src/flex/FlexItem.tsx
================================================
import React, { FC, PropsWithChildren } from 'react';

import { BoxProps } from '@shopify/restyle';

import Box from '../box';
import { Theme } from '../theme';

type FlexItemProps = PropsWithChildren<Omit<BoxProps<Theme>, 'width'>>;

const FlexItem: FC<FlexItemProps> = ({ children, ...props }) => {
  return (
    <Box flex={1} justifyContent={'center'} {...props}>
      {children}
    </Box>
  );
};
FlexItem.displayName = 'FlexItem';

export default FlexItem;


================================================
FILE: packages/react-native/src/flex/index.md
================================================
---
title: Flex - 布局组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# Flex 布局组件

Flex 是 CSS flex 布局的一个封装。

## 效果演示

### 1. 水平方向

```tsx | pure
<Flex>
  <View style={{ width: 100, height: 50, backgroundColor: 'red' }} />
  <View style={{ width: 100, height: 50, backgroundColor: 'green' }} />
  <View style={{ width: 100, height: 50, backgroundColor: 'gold' }} />
</Flex>
```

<center>
  <figure>
    <img
      alt="flex-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607515191492106546.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 垂直方向

```tsx | pure
<Flex flexDirection="column">
  <View style={{ width: 100, height: 50, backgroundColor: 'red' }} />
  <View style={{ width: 100, height: 50, backgroundColor: 'green' }} />
  <View style={{ width: 100, height: 50, backgroundColor: 'gold' }} />
</Flex>
```

<center>
  <figure>
    <img
      alt="flex-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607515262409907926.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 内容居中

```tsx | pure
<Flex flex={1} justifyContent="center" alignItems="center">
  <View style={{ width: 100, height: 50, backgroundColor: 'red' }} />
  <View style={{ width: 100, height: 50, backgroundColor: 'green' }} />
  <View style={{ width: 100, height: 50, backgroundColor: 'gold' }} />
</Flex>
```

<center>
  <figure>
    <img
      alt="flex-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607515318334231753.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自动换行

```tsx | pure
<Flex flexWrap="wrap">
  <View style={{ width: '30%', height: 50, backgroundColor: 'red' }} />
  <View style={{ width: '30%', height: 50, backgroundColor: 'green' }} />
  <View style={{ width: '30%', height: 50, backgroundColor: 'gold' }} />
  <View style={{ width: '30%', height: 50, backgroundColor: 'blue' }} />
</Flex>
```

<center>
  <figure>
    <img
      alt="flex-ios4.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609148595858116753.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### 基本属性

| 属性            | 必填    | 说明                                | 类型        | 默认值 |
| --------------- | ------- | ----------------------------------- | ----------- | ------ |
| backgroundColor | `false` | 背景色。取值为 Theme 里面的`colors` | string      |        |
| style           | `false` | 样式                                | `ViewStyle` |        |

### 宽高布局相关属性

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性           | 必填    | 说明 | 类型 | 默认值 |
| -------------- | ------- | ---- | ---- | ------ |
| width          | `false` |      |      |        |
| minWidth       | `false` |      |      |        |
| maxWidth       | `false` |      |      |        |
| height         | `false` |      |      |        |
| maxHeight      | `false` |      |      |        |
| minHeight      | `false` |      |      |        |
| flex           | `false` |      |      |        |
| flexDirection  | `false` |      |      |        |
| flexBasis      | `false` |      |      |        |
| flexGrow       | `false` |      |      |        |
| flexShrink     | `false` |      |      |        |
| flexWrap       | `false` |      |      |        |
| alignContent   | `false` |      |      |        |
| alignItems     | `false` |      |      |        |
| alignSelf      | `false` |      |      |        |
| justifyContent | `false` |      |      |        |
| aspectRatio    | `false` |      |      |        |
| overflow       | `false` |      |      |        |

### 内边距、外边距相关属性

取值为 Theme 里面的`spacing`。

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性              | 必填    | 说明 | 类型 | 默认值 |
| ----------------- | ------- | ---- | ---- | ------ |
| margin            | `false` |      |      |        |
| marginStart       | `false` |      |      |        |
| marginEnd         | `false` |      |      |        |
| marginHorizontal  | `false` |      |      |        |
| marginVertical    | `false` |      |      |        |
| marginLeft        | `false` |      |      |        |
| marginRight       | `false` |      |      |        |
| marginBottom      | `false` |      |      |        |
| marginTop         | `false` |      |      |        |
| padding           | `false` |      |      |        |
| paddingStart      | `false` |      |      |        |
| paddingEnd        | `false` |      |      |        |
| paddingHorizontal | `false` |      |      |        |
| paddingVertical   | `false` |      |      |        |
| paddingLeft       | `false` |      |      |        |
| paddingRight      | `false` |      |      |        |
| paddingBottom     | `false` |      |      |        |
| paddingTop        | `false` |      |      |        |

### 边框相关属性

定义参见：[https://reactnative.dev/docs/view-style-props](https://reactnative.dev/docs/view-style-props)

| 属性                    | 必填    | 说明 | 类型 | 默认值 |
| ----------------------- | ------- | ---- | ---- | ------ |
| borderWidth             | `false` |      |      |        |
| borderLeftWidth         | `false` |      |      |        |
| borderRightWidth        | `false` |      |      |        |
| borderBottomWidth       | `false` |      |      |        |
| borderTopWidth          | `false` |      |      |        |
| borderStartWidth        | `false` |      |      |        |
| borderEndWidth          | `false` |      |      |        |
| borderStyle             | `false` |      |      |        |
| borderColor             | `false` |      |      |        |
| borderStartColor        | `false` |      |      |        |
| borderEndColor          | `false` |      |      |        |
| borderLeftColor         | `false` |      |      |        |
| borderRightColor        | `false` |      |      |        |
| borderBottomColor       | `false` |      |      |        |
| borderTopColor          | `false` |      |      |        |
| borderRadius            | `false` |      |      |        |
| borderBottomStartRadius | `false` |      |      |        |
| borderBottomEndRadius   | `false` |      |      |        |
| borderBottomLeftRadius  | `false` |      |      |        |
| borderBottomRightRadius | `false` |      |      |        |
| borderTopStartRadius    | `false` |      |      |        |
| borderTopEndRadius      | `false` |      |      |        |
| borderTopLeftRadius     | `false` |      |      |        |
| borderTopRightRadius    | `false` |      |      |        |

### Flex.Item

Flex.Item 组件默认加上了样式`flex:1`,保证所有 item 平均分宽度, Flex 容器的 children 不一定是 Flex.Item。


================================================
FILE: packages/react-native/src/flex/index.tsx
================================================
import React, { PropsWithChildren } from 'react';
import { ViewProps } from 'react-native';

import { BoxProps } from '@shopify/restyle';

import Box from '../box';
import { Theme } from '../theme';
import FlexItem from './FlexItem';

const Flex = ({ children, ...props }: PropsWithChildren<BoxProps<Theme> & ViewProps>) => {
  return (
    <Box flexDirection={'row'} flexWrap={'nowrap'} justifyContent={'flex-start'} alignItems={'center'} {...props}>
      {children}
    </Box>
  );
};
Flex.displayName = 'Flex';

export default Object.assign(Flex, { Item: FlexItem });


================================================
FILE: packages/react-native/src/float-button/PlusIcon.tsx
================================================
import React, { memo } from 'react';
import { SvgXml } from 'react-native-svg';

const PlusIcon = () => {
  const xml = `
    <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 24 24">
      <path fill="#fff" d="M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z"/>
    </svg>
  `;

  return <SvgXml xml={xml} />;
};

export default memo(PlusIcon);


================================================
FILE: packages/react-native/src/float-button/index.md
================================================
---
title: FloatButton - 悬浮按钮组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# FloatButton 悬浮按钮组件

## 效果演示

### 1. 默认效果

```tsx | pure
<FloatButton
  items={[
    { icon: <IconHome />, label: 'New Task', onPress: handlePress1 },
    { icon: <IconNotification />, label: 'Notifications', onPress: handlePress2 },
    { icon: <IconCreate />, label: 'All Tasks', onPress: handlePress3 },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="floatButton-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1704857363855209553.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 修改按钮位置

```tsx | pure
<FloatButton
  position="topLeft"
  items={[
    { icon: <IconHome />, label: 'New Task', onPress: handlePress1 },
    { icon: <IconNotification />, label: 'Notifications', onPress: handlePress2 },
    { icon: <IconCreate />, label: 'All Tasks', onPress: handlePress3 },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="floatButton-ios2.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1704857368486252185.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义主按钮

```tsx | pure
<FloatButton
  items={[
    { icon: <IconHome />, label: 'New Task', onPress: handlePress1 },
    { icon: <IconNotification />, label: 'Notifications', onPress: handlePress2 },
    { icon: <IconCreate />, label: 'All Tasks', onPress: handlePress3 },
  ]}
  customActionButton={(_, onPress) => <Button title="添加商品" onPress={onPress} />}
  actionButtonProps={{
    width: 80,
    height: 40,
    borderRadius: 10,
  }}
/>
```

<center>
  <figure>
    <img
      alt="floatButton-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1704857373801391849.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 按钮可拖拽

```tsx | pure
<FloatButton
  items={[
    { icon: <IconHome />, label: 'New Task', onPress: handlePress1 },
    { icon: <IconNotification />, label: 'Notifications', onPress: handlePress2 },
    { icon: <IconCreate />, label: 'All Tasks', onPress: handlePress3 },
  ]}
  draggable
/>
```

<center>
  <figure>
    <img
      alt="floatButton-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1704857378202055121.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### FloatButton

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| items | `true` | 操作项 | `FloatButtonItemProps[]` |  |
| itemHeight | `false` | 操作项行高 | `number` |  |
| position | `false` | 按钮位置 | `'topLeft' \| 'topRight' \| 'bottomLeft' \| 'bottomRight'` |  |
| customActionButton | `false` | 自定义主按钮 | `(progress: SharedValue<number>, onPress: () => void) => ReactNode` |  |
| containerStyle | `false` | 容器样式 | `StyleProp<ViewStyle>` |  |
| draggable | `false` | 是否可以拖拽(实验属性，不建议是用) | `boolean` |  |
| actionButtonProps | `false` | 主按钮样式属性 | `ActionButtonProps` |  |

### FloatButtonItemProps

| 属性    | 必填    | 说明           | 类型                          | 默认值 |
| ------- | ------- | -------------- | ----------------------------- | ------ |
| icon    | `false` | 按钮图标       | `ReactNode`                   |        |
| label   | `true`  | 按钮的文字标题 | `ReactNode`                   |        |
| onPress | `true`  | 点击事件       | `() => void \| Promise<void>` |        |
| style   | `false` | 样式           | `StyleProp<ViewStyle>`        |        |

### ActionButtonProps

| 属性         | 必填    | 说明           | 类型     | 默认值 |
| ------------ | ------- | -------------- | -------- | ------ |
| width        | `false` | 主按钮宽度     | `number` |        |
| height       | `false` | 主按钮高度     | `number` |        |
| borderRadius | `false` | 主按钮圆角大小 | `number` |        |


================================================
FILE: packages/react-native/src/float-button/index.tsx
================================================
import React, { ReactNode, useMemo } from 'react';
import { Image, Pressable, StyleProp, StyleSheet, ViewStyle } from 'react-native';
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
import Animated, {
  SharedValue,
  useAnimatedStyle,
  useDerivedValue,
  useSharedValue,
  withTiming,
} from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';
import { useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import { Theme } from '../theme';
import PlusIcon from './PlusIcon';

interface FloatButtonItem {
  icon?: ReactNode;
  label: ReactNode;
  onPress: () => void | Promise<void>;
  style?: StyleProp<ViewStyle>;
}

export interface FloatButtonProps {
  items: FloatButtonItem[];
  itemHeight?: number;
  position?: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
  customActionButton?: (progress: SharedValue<number>, onPress: () => void) => ReactNode;
  containerStyle?: StyleProp<ViewStyle>;
  draggable?: boolean;
  actionButtonProps?: {
    width?: number;
    height?: number;
    borderRadius?: number;
  };
}

export default function FloatButton({
  customActionButton,
  items,
  itemHeight = 60,
  position = 'bottomRight',
  containerStyle,
  draggable = false,
  actionButtonProps,
}: FloatButtonProps) {
  const insets = useSafeAreaInsets();
  const theme = useTheme<Theme>();

  const width = useSharedValue(actionButtonProps?.width || itemHeight);
  const height = useSharedValue(actionButtonProps?.height || itemHeight);
  const borderRadius = useSharedValue(actionButtonProps?.borderRadius || itemHeight);

  const isOpen = useSharedValue(false);
  const [opened, setOpened] = useSafeState(false);

  const progress = useDerivedValue(() => (isOpen.value ? withTiming(1) : withTiming(0)));
  const scale = useDerivedValue(() => (isOpen.value ? withTiming(0) : withTiming(1)));

  const handlePress = () => {
    if (!isOpen.value) {
      width.value = withTiming(200);
      height.value = withTiming((items.length + 1) * itemHeight);
      borderRadius.value = withTiming(12);
    } else {
      width.value = withTiming(actionButtonProps?.width || itemHeight);
      height.value = withTiming(actionButtonProps?.height || itemHeight);
      borderRadius.value = withTiming(actionButtonProps?.borderRadius || itemHeight);
    }
    isOpen.value = !isOpen.value;
    setOpened(opened => !opened);
  };

  const iconStyle = {
    width: itemHeight / 2,
    height: itemHeight / 2,
  };

  const positionX = useSharedValue(0);
  const positionY = useSharedValue(0);
  const context = useSharedValue({ x: 0, y: 0 });

  const panGesture = Gesture.Pan()
    .enabled(draggable && !opened)
    .onStart(() => {
      context.value = { x: positionX.value, y: positionY.value };
    })
    .onUpdate(e => {
      positionX.value = e.translationX + context.value.x;
      positionY.value = e.translationY + context.value.y;
    })
    .onEnd(() => {
      'worklet';
      // 滑动结束后，判断位置，自动滑到左边或右边
      // 同时需要根据position，如果一开始位置在左侧，那么滑动结束后，如果超过屏幕一半，自动滑到右边
      // 如果一开始位置在右侧，那么滑动结束后，如果超过屏幕一半，自动滑到左边
      if (position.includes('Left')) {
        if (positionX.value > (helpers.deviceWidth - itemHeight) / 2) {
          // 超过屏幕一半，自动滑到右边
          positionX.value = withTiming(helpers.deviceWidth - itemHeight - 32);
        } else {
          positionX.value = withTiming(0);
        }
      } else {
        if (positionX.value < -(helpers.deviceWidth - itemHeight) / 2) {
          // 超过屏幕一半，自动滑到左边
          positionX.value = withTiming(-helpers.deviceWidth + itemHeight + 32);
        } else {
          positionX.value = withTiming(0);
        }
      }
    });

  const animatedStyle = useAnimatedStyle(() => {
    return {
      width: width.value,
      height: height.value,
      borderRadius: borderRadius.value,
      transform: [{ translateX: positionX.value }, { translateY: positionY.value }],
    };
  });

  /** 根据position确定绝对定位的初始位置 */
  const positionStyle = useMemo(() => {
    switch (position) {
      case 'topLeft':
        return { top: 0, left: 0 };
      case 'topRight':
        return { top: 0, right: 0 };
      case 'bottomLeft':
        return { bottom: insets.bottom, left: 0 };
      case 'bottomRight':
        return { bottom: insets.bottom, right: 0 };
      default:
        return { top: 0, left: 0 };
    }
  }, [position]);

  const mainButtonStyle = useAnimatedStyle(() => {
    return {
      opacity: scale.value,
      transform: [{ scale: scale.value }],
    };
  });
  const closeButtonStyle = useAnimatedStyle(() => {
    return {
      opacity: progress.value,
      transform: [{ scale: progress.value }],
    };
  });

  return (
    <GestureDetector gesture={panGesture}>
      <Animated.View
        style={[
          { backgroundColor: theme.colors.primary200 },
          styles.container,
          positionStyle,
          containerStyle,
          animatedStyle,
        ]}
      >
        {!opened ? (
          <Animated.View style={mainButtonStyle}>
            <Pressable onPress={handlePress}>
              {customActionButton ? (
                customActionButton(progress, handlePress)
              ) : (
                <Animated.View
                  style={[
                    styles.iconContainer,
                    {
                      width: itemHeight,
                      height: itemHeight,
                      borderRadius: itemHeight,
                    },
                  ]}
                >
                  <PlusIcon />
                </Animated.View>
              )}
            </Pressable>
          </Animated.View>
        ) : (
          <Animated.View style={[closeButtonStyle]}>
            <Pressable onPress={handlePress}>
              <Animated.View
                style={[
                  styles.iconContainer,
                  {
                    width: itemHeight,
                    height: itemHeight,
                    transform: [{ rotate: '-45deg' }],
                  },
                ]}
              >
                <PlusIcon />
              </Animated.View>
            </Pressable>
          </Animated.View>
        )}

        <Box>
          {items.map((item, index) => (
            <Pressable
              key={index}
              onPress={async () => {
                await item.onPress();
                handlePress();
              }}
            >
              <Flex alignItems={'center'} height={itemHeight} paddingHorizontal={'x3'} style={item.style}>
                <Box marginRight={'x2'}>
                  {typeof item.icon === 'string' ? <Image source={{ uri: item.icon }} style={iconStyle} /> : item.icon}
                </Box>
                <Box>
                  {typeof item.label === 'string' ? (
                    <Text variant={'p1'} color="white">
                      {item.label}
                    </Text>
                  ) : (
                    item.label
                  )}
                </Box>
              </Flex>
            </Pressable>
          ))}
        </Box>
      </Animated.View>
    </GestureDetector>
  );
}

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    overflow: 'hidden',
    margin: 16,
  },
  iconContainer: {
    justifyContent: 'center',
    alignItems: 'center',
  },
});


================================================
FILE: packages/react-native/src/flow/index.md
================================================
---
title: Flow - 步骤组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 其他组件
  path: /other
---

# Flow 步骤组件

## 效果演示

### 1. 基本的使用

```tsx | pure
  const steps = [
    { title: '第一步', description: '测试' },
    { title: '第二步', description: '测试' },
    { title: '第三步', description: '测试' },
    { title: '第四步', description: '测试' },
  ];

  <Text>基本的使用:</Text>
  <Flow steps={steps} />
```

<center>
  <figure>
    <img
      alt="基本的使用ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608792806502927938.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 指定进度

```tsx | pure
  const steps = [
    { title: '第一步', description: '测试' },
    { title: '第二步', description: '测试' },
    { title: '第三步', description: '测试' },
    { title: '第四步', description: '测试' },
  ];


  <Text>指定进度:</Text>
  <Flow steps={steps} current={3} />
```

<center>
  <figure>
    <img
      alt="指定进度ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608792806489705173.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 当前状态

```tsx | pure
    const steps = [
    { title: '第一步', description: '测试' },
    { title: '第二步', description: '测试' },
    { title: '第三步', description: '测试' },
    { title: '第四步', description: '测试' },
  ];

  <Text>当前状态:</Text>
  <Flow steps={steps} current={3} status="error" />
```

<center>
  <figure>
    <img
      alt="当前状态ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608792806808339875.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义 icon

```tsx | pure
  const steps = [
    { title: '第一步', description: '测试', icon: <Icon name="user" /> },
    { title: '第二步', description: '测试' },
    { title: '第三步', description: '测试' },
    { title: '第四步', description: '测试' },
  ];

  <Text>自定义icon:</Text>
  <Flow steps={steps} current={2} />
```

<center>
  <figure>
    <img
      alt="自定义 icon ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608792807134659754.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 自定义 render

```tsx | pure
  const steps = [
    { title: '第一步', description: '测试', stepRender: <Text>111111111111</Text> },
    {
      title: '第二步',
      description: '测试',
      stepRender: (
        <Image style={{ height: 50, width: 50, borderRadius: 25 }} source={require('../../assets/images/img-01.jpg')} />
      ),
    },
    { title: '第三步', description: '测试', label: '1' },
    { title: '第四步', description: '测试' },
  ];

  <Text>自定义render:</Text>
  <Flow steps={steps} current={2} size={50} />
```

<center>
  <figure>
    <img
      alt="自定义 render ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608792806506728196.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 自定义线的样式

```tsx | pure
 const steps4 = [
    {
      title: '第一步',
      description: '测试',
      activeColor: 'green',
    },
    {
      title: '第二步',
      description: '测试',
    },
    { title: '第三步', description: '测试' },
    { title: '第四步', description: '测试' },
  ];

  <Text>自定义线的样式:</Text>
   <Flow steps={steps4} current={2}  />
```

<center>
  <figure>
    <img
      alt="自定义线的样式 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608792806816459418.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### 组件属性

| 属性    | 必填    | 说明                 | 类型                                       | 默认值    |
| ------- | ------- | -------------------- | ------------------------------------------ | --------- |
| status  | `false` | 当前的状态           | `wait` \| `process` \| `finish` \| `error` | `process` |
| steps   | `false` | 步骤的数据           | `Array<StepProps>`                         | `[]`      |
| size    | `false` | 步骤条的 icon 的大小 | `number`                                   | `px(36)`  |
| current | `false` | 当前的进度           | `number`                                   | `0`       |

### StepProps 属性

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| title | `false` | 步骤的标题 | `string` |  |
| description | `false` | 步骤的介绍 | `string` |  |
| label | `false` | 步骤条的标签 | `string` |  |
| size | `false` | 节点大小 | `number` | `px(36)` |
| iconSize | `false` | 图标大小 | `number` | `px(16)` |
| status | `false` | 图标的状态 | `wait` \| `process` \| `finish` \| `error` | `wait` |
| icon | `false` | 自定义的 icon size 会被覆盖建议使用 size 指定大小 | `ReactElement` |  |
| stepRender | `false` | 自定义组件 | `ReactElement` |  |
| active | `false` | 当前节点是否进行完全 | `boolean` | `false` |
| isCurrent | `false` | 是否为当前的进度 | `boolean` | `false` |
| isLast | `false` | 是否是最后一个 | `boolean` | `false` |


================================================
FILE: packages/react-native/src/flow/index.tsx
================================================
import React, { FC } from 'react';
import { LayoutChangeEvent } from 'react-native';

import { useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import helpers from '../helpers';
import Step, { StepProps } from './step';

const { px } = helpers;

export interface FlowProps {
  /** 当前的状态 */
  status?: 'wait' | 'process' | 'finish' | 'error';
  /** 步骤的数据 */
  steps?: Array<StepProps>;
  /** 全局的size*/
  size?: number;
  /** 当前的进度 */
  current?: number;
}

const Flow: FC<FlowProps> = ({ steps = [], size = px(36), current = 0, status = 'process' }) => {
  /**当前容器的宽度，用于计算线的长度 */
  const [wrapWidth, setWrapWidth] = useSafeState(0);

  /** icon或者自定义组件的总长度，用于计算线的长度 */
  const iconWidth = steps.reduce((pre, cur) => {
    const iconWidth = (cur.size ?? size) + px(4);
    return pre + iconWidth;
  }, 0);

  /** 单条线的长度 */
  const tailWidth = (wrapWidth - iconWidth) / (steps.length - 1);

  const handleLayout = (e: LayoutChangeEvent) => {
    setWrapWidth(e.nativeEvent.layout.width);
  };

  return (
    <Box flexDirection={'row'} onLayout={handleLayout}>
      {steps.map((item, i) => {
        return (
          <Step
            key={i}
            size={size}
            active={current > i}
            isCurrent={current === i + 1}
            isLast={i === steps.length - 1}
            status={current === i + 1 ? status : undefined}
            {...Object.assign(item, {
              tailWidth: tailWidth,
            })}
          />
        );
      })}
    </Box>
  );
};
Flow.displayName = 'Flow';

export default Flow;


================================================
FILE: packages/react-native/src/flow/step.tsx
================================================
import React, { cloneElement, FC, isValidElement, memo, ReactElement, useMemo } from 'react';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import SvgIcon, { IconNames } from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';

const { px } = helpers;
export interface StepProps {
  /** 标题 */
  title?: string;
  /** 介绍 */
  description?: string;
  /** 标签 */
  label?: string;
  /** 节点大小 */
  size?: number;
  /** 图标大小 */
  iconSize?: number;
  /** 图标的状态 */
  status?: 'wait' | 'process' | 'finish' | 'error';
  /** 自定义的icon size会被覆盖建议使用size指定大小 */
  icon?: ReactElement;
  /** 自定义组件，其中style.width会被覆盖建议使用size */
  stepRender?: ReactElement;
  /** 当前节点是否进行完全 */
  active?: boolean;
  /** 是否为当前的进度 */
  isCurrent?: boolean;
  /** 是否是最后一个 */
  isLast?: boolean;
}

const iconType: Record<string, IconNames> = {
  wait: 'ellipsis',
  error: 'close',
  finish: 'check',
  process: 'reload',
};

const Step: FC<StepProps> = ({
  title,
  description,
  size = px(36),
  active = false,
  isCurrent = false,
  isLast = false,
  status = active ? 'finish' : 'wait',
  icon,
  stepRender,
  iconSize = px(16),
  label,
}) => {
  const theme = useTheme<Theme>();
  /** icon的颜色 */
  const iconColor = {
    wait: theme.colors.primary200,
    error: theme.colors.func600,
    finish: theme.colors.primary200,
    process: theme.colors.primary200,
  };
  /** 活动状态的颜色 */
  const iconActiveColor = iconColor[status];
  /**
   * icon的render
   * 1 判断有没有自定义组件，使用自定义组件
   * 2 判断是否使用自定义的icon
   * 3 更具当前的状态进行选择使用的icon
   * 4 可以使用label
   */
  const IconRender = useMemo(() => {
    if (!!stepRender && isValidElement(stepRender)) {
      return cloneElement(stepRender as ReactElement, {});
    }

    if (!!icon && isValidElement(icon)) {
      return cloneElement(icon as ReactElement, {
        size: iconSize,
        color: theme.colors.white,
      });
    }
    if (label) {
      return (
        <Text variant="p1" color="text">
          {label}
        </Text>
      );
    }
    return <SvgIcon name={iconType[status]} size={iconSize} color={theme.colors.white} />;
  }, [icon, iconSize, label, stepRender, status, theme.colors.white]);

  /**
   * 尾巴的样式
   */
  const TailRender = useMemo(() => {
    if (isLast) return null;
    if (!active || isCurrent)
      return (
        <Box borderColor="gray200" borderWidth={1} flex={1} borderStyle="dashed" style={{ marginTop: size / 2 }} />
      );

    return (
      <Box
        height={1}
        flex={1}
        style={{
          backgroundColor: iconActiveColor,
          marginTop: size / 2,
        }}
      />
    );
  }, [active, iconActiveColor, isCurrent, isLast, size]);

  return (
    <Flex justifyContent="flex-start" alignItems="flex-start" flex={1}>
      <Box alignItems="center">
        <Box width={size} height={size} borderRadius="x2" alignItems="center" overflow="hidden">
          {stepRender ? (
            IconRender
          ) : (
            <Box
              width={size}
              height={size}
              justifyContent={'center'}
              alignItems={'center'}
              overflow={'hidden'}
              opacity={active ? 1 : 0.6}
              backgroundColor={status === 'error' ? 'func600' : 'primary200'}
              style={{
                borderRadius: size / 2,
              }}
            >
              {IconRender}
            </Box>
          )}
        </Box>
        <Box marginTop="x1" alignItems="center">
          {!!title && (
            <Text variant="p1" color="text" numberOfLines={1}>
              {title}
            </Text>
          )}
          {!!description && (
            <Text variant="p2" color="text" numberOfLines={1} ellipsizeMode="clip">
              {description}
            </Text>
          )}
        </Box>
      </Box>
      {TailRender}
    </Flex>
  );
};

export default memo(Step);


================================================
FILE: packages/react-native/src/form/FormItem.tsx
================================================
import React, { FC, useContext, useMemo, useRef } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import { Field, FieldContext } from 'rc-field-form';
import { Meta } from 'rc-field-form/es/interface';

import Box from '../box';
import helpers from '../helpers';
import Text from '../text';
import { FormContext } from './context';
import { FormItemProps } from './type';

const { ONE_PIXEL } = helpers;

const FormItem: FC<FormItemProps> = ({ children, noStyle = false, name, ...fieldProps }) => {
  const ref = useRef<{ focus: () => void }>(null);
  const fieldContext = useContext(FieldContext);
  const [errors, setErrors] = useSafeState<string[]>([]);

  const { formItemHeight, bordered } = useContext(FormContext);

  const onMetaChange = useMemoizedFn(
    (
      meta: Meta & {
        destroy?: boolean;
      }
    ) => {
      setErrors(meta.errors);
      const errors = fieldContext.getFieldsError() || [];
      const fieldErrors = errors.filter(item => item.errors.length > 0);
      if (fieldErrors.length > 0 && name === fieldErrors[0]?.name?.[0]) {
        ref.current?.focus();
      }
    }
  );

  const Content = useMemo(
    () => (
      <Field name={name} {...fieldProps} onMetaChange={onMetaChange}>
        {React.cloneElement(children, {
          ref,
          brief:
            errors.length > 0 ? (
              <Text variant="p3" color="func600">
                {errors[0]}
              </Text>
            ) : null,
          itemHeight: formItemHeight,
        })}
      </Field>
    ),
    [name, fieldProps, formItemHeight, errors]
  );

  if (noStyle) return Content;

  return (
    <>
      <Box paddingHorizontal={'x2'} minHeight={formItemHeight} justifyContent={'center'}>
        {Content}
      </Box>
      <Box
        width={'100%'}
        height={bordered ? ONE_PIXEL : 0}
        backgroundColor={errors.length > 0 ? 'func600' : 'border'}
      />
    </>
  );
};
FormItem.displayName = 'FormItem';

export default FormItem;


================================================
FILE: packages/react-native/src/form/FormListItem.tsx
================================================
import React, { FC, useContext, useRef } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import { Field, FieldContext } from 'rc-field-form';
import { Meta } from 'rc-field-form/es/interface';

import ListItem from '../list-item';
import Text from '../text';
import { FormContext } from './context';
import { FormListItemProps } from './type';

const FormListItem: FC<FormListItemProps> = ({
  children,
  label,
  required,
  style,
  thumb,
  onPress,
  name,
  arrow,
  backgroundColor,
  noStyle = false,
  ...fieldProps
}) => {
  const ref = useRef<{ focus: () => void }>(null);
  const fieldContext = useContext(FieldContext);
  const [errors, setErrors] = useSafeState<string[]>([]);
  const { formItemHeight, bordered } = useContext(FormContext);

  const onMetaChange = useMemoizedFn(
    (
      meta: Meta & {
        destroy?: boolean;
      }
    ) => {
      setErrors(meta.errors);
      const errors = fieldContext.getFieldsError() || [];
      const fieldErrors = errors.filter(item => item.errors.length > 0);
      if (fieldErrors.length > 0 && name === fieldErrors[0]?.name?.[0]) {
        ref.current?.focus();
      }
    }
  );

  if (noStyle)
    return (
      <Field {...fieldProps} name={name} onMetaChange={onMetaChange}>
        {React.cloneElement(children, {
          ref,
        })}
      </Field>
    );

  return (
    <ListItem
      {...{ required, thumb, onPress, arrow, backgroundColor }}
      title={label}
      brief={
        errors.length > 0 ? (
          <Text variant="p3" color="func600">
            {errors[0]}
          </Text>
        ) : null
      }
      extra={
        <Field {...fieldProps} name={name} onMetaChange={onMetaChange}>
          {React.cloneElement(children, {
            ref,
            inForm: true,
          })}
        </Field>
      }
      style={{ minHeight: formItemHeight, paddingHorizontal: 0 }}
      bordered={bordered}
      borderColor={errors.length > 0 ? 'func600' : 'border'}
    />
  );
};
FormListItem.displayName = 'FormListItem';

export default FormListItem;


================================================
FILE: packages/react-native/src/form/context.ts
================================================
import { createContext } from 'react';

export const FormContext = createContext<{ formItemHeight: number; bordered?: boolean }>({ formItemHeight: 0 });


================================================
FILE: packages/react-native/src/form/index.md
================================================
---
title: Form - 表单
nav:
  title: RN 组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# Form 表单

对`rc-field-form`的封装，提供类似 antd Form 的效果

## 效果演示

### 1. FormItem 使用

```tsx | pure
import { Form } from '@td-design/react-native';

// ...other imports

const { FormItem, FormListItem, useForm } = Form;

export default function FormDemo() {
  const [form] = useForm();

  return (
    <Form onFinish={handleFinish} form={form}>
      <FormItem name="useCharacter2" rules={[{ required: true, message: '请输入姓名' }]}>
        <InputItem required label="姓名" placeholder="请输入姓名" inputStyle={{ textAlign: 'right' }} />
      </FormItem>
      <FormItem name="vehicleLoad2" rules={[{ required: true, message: '请输入密码' }]}>
        <InputItem required label="密码" placeholder="请输入密码" inputStyle={{ textAlign: 'right' }} />
      </FormItem>
    </Form>
  );
}
```

<center>
  <figure>
    <img
      alt="自定义线的样式 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643176119561668349.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. FormListItem 使用

```tsx | pure
import { Form } from '@td-design/react-native';

// ...other imports

const { FormItem, FormListItem, useForm } = Form;

export default function FormDemo() {
  const [form] = useForm();

  return (
    <Form onFinish={handleFinish} form={form}>
      <FormListItem
        title="性别"
        required
        name="gender"
        minHeight={54}
        rules={[{ required: true, message: '请选择性别' }]}
      >
        <Radio
          options={[
            { label: '男', value: '1' },
            { label: '女', value: '0' },
          ]}
        />
      </FormListItem>
      <FormListItem
        title="性别"
        required
        name="gender"
        minHeight={54}
        rules={[{ required: true, message: '请选择性别' }]}
      >
        <Checkbox
          showCheckAll={false}
          options={[
            { label: '男', value: '1' },
            { label: '女', value: '0' },
          ]}
        />
      </FormListItem>
      <FormListItem
        title="数量"
        required
        name="count"
        minHeight={48}
        rules={[{ required: true, message: '请选择数量' }]}
      >
        <Stepper />
      </FormListItem>
      <FormListItem
        title="数量"
        required
        name="count"
        minHeight={48}
        rules={[{ required: true, message: '请选择数量' }]}
      >
        <Switch />
      </FormListItem>
      <FormListItem
        title="数量"
        required
        name="count"
        minHeight={48}
        rules={[{ required: true, message: '请选择数量' }]}
      >
        <NumberKeyboardInput type="number" placeholder="请输入核定载质量" />
      </FormListItem>
    </Form>
  );
}
```

<center>
  <figure>
    <img
      alt="自定义线的样式 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643176202465585760.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 校验失败提示效果

```tsx | pure
import { Form } from '@td-design/react-native';

// ...other imports

const { FormItem, FormListItem, useForm } = Form;

export default function FormDemo() {
  const [form] = useForm();

  return (
    <Form onFinish={handleFinish} form={form}>
      <FormItem type="all" name="name" rules={[{ required: true, message: '请输入用户名' }]}>
        <Input required label="用户名" labelPosition="top" placeholder="请输入用户名" />
      </FormItem>
      <FormItem type="all" name="password" rules={[{ required: true, message: '请输入密码' }]}>
        <Input required label="密码" labelPosition="top" placeholder="请输入密码" />
      </FormItem>
      <FormItem type="all" name="count2">
        <NumberKeyboardFilter label="核定载质量" type="number" placeholder="请输入核定载质量" />
      </FormItem>
    </Form>
  );
}
```

<center>
  <figure>
    <img
      alt="自定义线的样式 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643176327063261866.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Form API

```ts
import { FormProps as RcFormProps } from 'rc-field-form/es/Form';

export type FormProps = Omit<RcFormProps, 'component'> & {
  /** 表单项的高度 */
  formItemHeight?: number;
  /** 是否显示边框线 */
  bordered?: boolean;
};
```

### FormItem API

```ts
import type { FieldProps } from 'rc-field-form/lib/Field';

type RcFieldProps = Omit<FieldProps, 'children'>;
export interface FormItemProps extends RcFieldProps {
  /** 保持组件原始样式 */
  noStyle?: boolean;
  /** 子组件 */
  children: ReactElement;
}
```

### FormListItem API

```ts
import type { FieldProps } from 'rc-field-form/lib/Field';

import { ListItemProps } from '../list-item';

type RcFieldProps = Omit<FieldProps, 'children'>;
export interface FormListItemProps
  extends RcFieldProps,
    Pick<ListItemProps, 'title' | 'required' | 'style' | 'thumb' | 'onPress' | 'minHeight' | 'arrow'> {
  noStyle?: boolean;
  children: ReactElement;
}
```

### 哪些组件应该作为 FormItem 的 children

- Input
- TextArea
- CountDown
- NumberKeyboardInput
- VehicleKeyboardInput
- DatePickerInput
- DatePeriodInput
- PickerInput

### 哪些组件应该作为 FormListItem 的 children

- InputItem
- CountDownItem
- Radio
- Checkbox
- Stepper
- Slider
- Switch
- NumberKeyboardItem
- VehicleKeyboardItem
- DatePickerItem
- PickerItem

### 使用代码示例

```tsx | pure
<Form onFinish={handleFinish} form={form}>
  <ListHeader text="1. 应该在FormItem下使用的组件" />
  <FormItem name="field1">
    <Input placeholder="请输入" label="Input" />
  </FormItem>
  <FormItem name="field3">
    <TextArea placeholder="请输入" label="TextArea" />
  </FormItem>
  <FormItem name="field4">
    <CountDown label="CountDown" onSend={() => {}} />
  </FormItem>
  <FormItem name="field10">
    <NumberKeyboardInput label="NumberKeyboardInput" />
  </FormItem>
  <FormItem name="field12">
    <VehicleKeyboardInput label="VehicleKeyboardInput" />
  </FormItem>
  <FormItem name="field14">
    <DatePickerInput label="DatePickerInput" />
  </FormItem>
  <FormItem name="field18">
    <DatePeriodInput label="DatePeriodInput" />
  </FormItem>
  <FormItem name="field16">
    <PickerInput label="PickerInput" data={[{ label: '选项1', value: 1 }]} />
  </FormItem>

  <ListHeader text="2. 应该在FormListItem下使用的组件" />
  <FormListItem title="InputItem" name="field2">
    <InputItem placeholder="请输入" inputStyle={{ textAlign: 'right' }} />
  </FormListItem>
  <FormListItem title="CountDownItem" name="field18">
    <CountDownItem onSend={() => {}} />
  </FormListItem>
  <FormListItem title="Radio" name="field5">
    <Radio
      options={[
        { label: '选项1', value: 1 },
        { label: '选项2', value: 2 },
      ]}
    />
  </FormListItem>
  <FormListItem title="Checkbox" name="field6">
    <Checkbox
      options={[
        { label: '选项1', value: 1 },
        { label: '选项2', value: 2 },
      ]}
    />
  </FormListItem>
  <FormListItem title="Stepper" name="field7">
    <Stepper />
  </FormListItem>
  <FormListItem title="Slider" name="field8">
    <Slider width={200} textPosition="right" />
  </FormListItem>
  <FormListItem title="Switch" name="field9">
    <Switch />
  </FormListItem>
  <FormListItem title="NumberKeyboardItem" name="field11">
    <NumberKeyboardItem />
  </FormListItem>
  <FormListItem title="VehicleKeyboardItem" name="field13">
    <VehicleKeyboardItem />
  </FormListItem>
  <FormListItem title="DatePickerItem" name="field15" arrow="horizontal">
    <DatePickerItem />
  </FormListItem>
  <FormListItem title="PickerItem" name="field17" arrow="horizontal">
    <PickerItem data={[{ label: '选项1', value: 1 }]} />
  </FormListItem>
</Form>
```


================================================
FILE: packages/react-native/src/form/index.tsx
================================================
import React, { FC } from 'react';

import RcForm, { useForm } from 'rc-field-form';
import { FormProps as RcFormProps } from 'rc-field-form/es/Form';

import helpers from '../helpers';
import { FormContext } from './context';
import FormItem from './FormItem';
import FormListItem from './FormListItem';

const { px } = helpers;

export type FormProps = Omit<RcFormProps, 'component'> & { formItemHeight?: number; bordered?: boolean };

const Form: FC<FormProps> = ({ children, formItemHeight = px(54), bordered = true, ...props }) => {
  return (
    <RcForm component={false} {...props}>
      <FormContext.Provider value={{ formItemHeight, bordered }}>{children}</FormContext.Provider>
    </RcForm>
  );
};
Form.displayName = 'Form';

export { Form, FormItem, FormListItem, useForm };


================================================
FILE: packages/react-native/src/form/type.ts
================================================
import { ReactElement, ReactNode } from 'react';

import type { FieldProps } from 'rc-field-form/lib/Field';

import { ListItemProps } from '../list-item';

type RcFieldProps = Omit<FieldProps, 'children'>;
export interface FormItemProps extends RcFieldProps {
  /** 底部边框还是整个边框 */
  type?: 'bottom' | 'all';
  /** 保持组件原始样式 */
  noStyle?: boolean;
  /** 子组件 */
  children: ReactElement;
}

export interface FormListItemProps
  extends RcFieldProps,
    Pick<ListItemProps, 'required' | 'style' | 'thumb' | 'onPress' | 'arrow' | 'backgroundColor'> {
  /** 表单项标签文本 */
  label: ReactNode;
  /** 保持组件原始样式 */
  noStyle?: boolean;
  /** 子组件 */
  children: ReactElement;
}


================================================
FILE: packages/react-native/src/helpers/index.ts
================================================
import { Platform, StyleProp } from 'react-native';

import { deviceHeight, deviceWidth, ONE_PIXEL, px } from './normalize';
import renderNode from './renderNode';

/**
 * 判断是否是IOS系统
 */
const isIOS = Platform.OS === 'ios';

/**
 * 根据条件决定样式是否生效
 * @param condition
 * @param style
 */
const conditionalStyle = (condition: boolean, style: StyleProp<any>) => (condition ? style : {});

function hexToRgba(hex: string, alpha = 1) {
  let c: any;
  if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
    let arr = hex.substring(1).split('');
    if (arr.length == 3) {
      arr = [arr[0], arr[0], arr[1], arr[1], arr[2], arr[2]];
    }
    c = '0x' + arr.join('');
    return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + `,${alpha})`;
  }
  throw new Error('Bad Hex');
}

export default {
  renderNode,
  px,
  deviceWidth,
  deviceHeight,
  ONE_PIXEL,
  isIOS,
  conditionalStyle,
  hexToRgba,
};


================================================
FILE: packages/react-native/src/helpers/normalize.ts
================================================
import { Dimensions, PixelRatio, StyleSheet } from 'react-native';

const { width, height } = Dimensions.get('window');

/** design based on iphone6 */
const defaultPixelRatio = 1;
const designWidth = 375;
const designHeight = 667;

// px转换成dp
const dpWidth = designWidth / defaultPixelRatio;
const dpHeight = designHeight / defaultPixelRatio;

//获取缩放比例
const scale = Math.min(height / dpHeight, width / dpWidth);

export const deviceWidth = width;
export const deviceHeight = height;
export const ONE_PIXEL = StyleSheet.hairlineWidth;

/**
 * 适配屏幕大小和像素密度的公共方法
 * @param size 设计稿大小
 */
export const px = (size: number) => {
  return Math.round(PixelRatio.roundToNearestPixel(size * scale));
};


================================================
FILE: packages/react-native/src/helpers/renderNode.tsx
================================================
import React, { ComponentProps, ComponentType } from 'react';

const renderNode = (Component: ComponentType, content: any, defaultProps: ComponentProps<any>) => {
  if (content == null || content === false) {
    return null;
  }
  if (React.isValidElement(content)) {
    return content;
  }
  if (typeof content === 'function') {
    return content();
  }
  // Just in case
  if (content === true) {
    return <Component {...defaultProps} />;
  }
  if (typeof content === 'string') {
    if (content.length === 0) {
      return null;
    }
    return <Component {...defaultProps}>{content}</Component>;
  }
  if (typeof content === 'number') {
    return <Component {...defaultProps}>{content}</Component>;
  }
  return <Component {...defaultProps} {...content} />;
};

export default renderNode;


================================================
FILE: packages/react-native/src/image/index.md
================================================
---
title: Image - 图片组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Image 图片组件

**_Image 组件已经废弃，请直接使用`react-native-fast-image`或者`expo-image`_**

## 效果演示

### 1. 默认效果

```tsx | pure
<Image
  source={{
    uri: 'https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=100',
  }}
  style={{ width: 100, height: 100 }}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643176929385118436.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 是否开启点击图片预览大图功能

```tsx | pure
<Image
  source={{
    uri: 'https://images.pexels.com/photos/1702238/pexels-photo-1702238.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=100',
  }}
  preview={true}
  style={{ width: 100, height: 100 }}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643177163934025262.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 加载不同类型的图片资源

```tsx | pure
<WhiteSpace />
<Text>本地jpg:</Text>
<Image source={require('../../assets/images/fields.jpg')} style={{ width: 300, height: 300 }} />
<WhiteSpace />
<Text>本地png:</Text>
<Image source={require('../../assets/images/logo.png')} style={{ width: 300, height: 300 }} />
<WhiteSpace />
<Text>本地gif:</Text>
<Image source={require('../../assets/images/jellyfish.gif')} style={{ width: 300, height: 300 }} />
<WhiteSpace />
<Text>本地webp:</Text>
<Image source={require('../../assets/images/fields.webp')} style={{ width: 300, height: 300 }} />
<WhiteSpace />
<Text>base64:</Text>
<Image source={{ uri: base64Img }} style={{ width: 300, height: 300 }} />
<WhiteSpace />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643177329608859374.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

```ts
import { FastImageProps } from 'react-native-fast-image';

export type ImageProps = FastImageProps & {
  /** 是否开启点击图片预览大图功能 */
  preview?: boolean;
};
```


================================================
FILE: packages/react-native/src/image-header/AnimateHeader.tsx
================================================
import React, { ReactNode } from 'react';
import { StyleSheet, TextStyle } from 'react-native';
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle } from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';

const { px, ONE_PIXEL, deviceWidth } = helpers;
const HEADER_HEIGHT = px(44);
export interface AnimateHeaderProps {
  /** 头部文字 */
  headerTitle: string;
  /** 头部文字样式 */
  headerTitleStyle?: TextStyle;
  /** 滚动距离 */
  scrollY: Animated.SharedValue<number>;
  /** 纵向滚动到哪个值时显示ImageHeader */
  scrollHeight?: number;
  /** 头部右侧内容 */
  headerRight?: ReactNode;
  /** 左侧返回键和字体颜色 */
  headerLeftColor?: string;
  /** 头部左侧内容 */
  headerLeft?: ReactNode;
  /** 头部底色，默认为透明 */
  headerBackgroundColor?: string;
  /** 左侧点击事件 */
  onPress?: () => void;
  /** 是否显示左侧图标 */
  showLeft?: boolean;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

const AnimateHeader: React.FC<AnimateHeaderProps> = props => {
  const theme = useTheme<Theme>();
  const insets = useSafeAreaInsets();

  const {
    scrollY,
    headerTitle,
    headerTitleStyle,
    scrollHeight = 300,
    onPress,
    showLeft = true,
    headerRight,
    headerLeftColor = theme.colors.text,
    headerLeft,
    headerBackgroundColor = theme.colors.white,
    activeOpacity = 0.6,
  } = props;

  const inputRange = [0, scrollHeight];
  const style = useAnimatedStyle(() => {
    const opacity = interpolate(scrollY.value, inputRange, [0, 1], Extrapolate.CLAMP);
    const borderBottomWidth = interpolate(scrollY.value, inputRange, [0, ONE_PIXEL], Extrapolate.CLAMP);
    const backgroundColor = interpolateColor(scrollY.value, inputRange, ['transparent', headerBackgroundColor]);

    return {
      borderBottomWidth,
      backgroundColor,
      opacity,
    };
  });

  const styles = StyleSheet.create({
    header: {
      width: deviceWidth,
      position: 'absolute',
      top: 0,
      zIndex: 99,
      justifyContent: 'center',
      alignItems: 'center',
      borderBottomColor: theme.colors.border,
      paddingTop: insets.top,
      height: HEADER_HEIGHT + insets.top,
    },
  });

  return (
    <Animated.View style={[styles.header, style]}>
      <Flex flex={1}>
        {showLeft ? (
          <Pressable activeOpacity={activeOpacity} onPress={onPress} style={{ flex: 1 }}>
            <Flex>
              <SvgIcon name="left" size={px(24)} color={headerLeftColor} />
              {typeof headerLeft === 'string' ? (
                <Text variant="p0" style={{ color: headerLeftColor }}>
                  {headerLeft}
                </Text>
              ) : (
                headerLeft
              )}
            </Flex>
          </Pressable>
        ) : (
          <Box flex={1} />
        )}
        <Animated.View style={{ flex: 5, alignItems: 'center' }}>
          <Text variant="h1" color="text" numberOfLines={1} style={headerTitleStyle}>
            {headerTitle}
          </Text>
        </Animated.View>
        <Box flex={1} alignItems="flex-end">
          {headerRight}
        </Box>
      </Flex>
    </Animated.View>
  );
};
AnimateHeader.displayName = 'AnimateHeader';

export default AnimateHeader;


================================================
FILE: packages/react-native/src/image-header/index.md
================================================
---
title: ScrollHeader - 图片头部组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# ImageHeader 图片头部组件

## 效果演示

### 1. 普通 ImageHeader

```tsx | pure
<ImageHeader headerBackgroundImg={require('../../assets/images/bg_rank.png')} headerHeight={px(161)} {...props}>
  <Flex justifyContent="center" backgroundColor="white" height={100}>
    <Text>111</Text>
  </Flex>
</ImageHeader>
```

<center>
  <figure>
    <img
      alt="header-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609999430064140139.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. ImageHeader 配置 left、right 和 headerLeftColor

```tsx | pure
<ImageHeader
  headerBackgroundImg={require('../../assets/images/bg_rank.png')}
  headerHeight={px(161)}
  headerLeftColor={theme.colors.white}
  headerLeft="返回"
  headerRight={<Icon name="delete" size={px(20)} color={theme.colors.white} />}
  {...props}
>
  <Flex justifyContent="center" backgroundColor="white" height={100}>
    <Text>111</Text>
  </Flex>
</ImageHeader>
```

<center>
  <figure>
    <img
      alt="header-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609999550703021067.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. ImageHeader 配置 headerBackgroundColor

```tsx | pure
<ImageHeader
  headerBackgroundImg={require('../../assets/images/bg_rank.png')}
  headerHeight={px(161)}
  headerBackgroundColor={theme.colors.white}
  headerLeft="返回"
  headerRight={<Icon name="delete" size={px(20)} color={theme.colors.white} />}
  {...props}
>
  <Flex justifyContent="center" height={100}>
    <Text>111</Text>
  </Flex>
</ImageHeader>
```

<center>
  <figure>
    <img
      alt="header-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1610000705310241428.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. AnimatedHeader

```tsx | pure
import { useScrollHandler } from 'react-native-redash';
import Animated from 'react-native-reanimated';

export default () => {
  const { scrollHandler, y } = useScrollHandler();

  return (
    <AnimateHeader
        scrollY={y}
        scrollHeight={200}
        headerTitle="测试啊啊啊啊啊"
        headerLeft="返回"
        headerBackgroundColor={theme.colors.white}
        {...props}
        headerRight={
          <TouchableOpacity activeOpacity={0.5} onPress={() => props.navigation.goBack()}>
            <Icon name="delete" size={px(20)} color={theme.colors.primaryColor} />
          </TouchableOpacity>
        }
      />
      <Animated.ScrollView {...scrollHandler}>
        <ImageHeader
          headerBackgroundImg={require('../../assets/images/bg_rank.png')}
          headerHeight={px(161)}
          headerLeftColor={theme.colors.white}
          headerRight={
            <TouchableOpacity activeOpacity={0.5} onPress={() => props.navigation.goBack()}>
              <Icon name="delete" size={px(20)} color={theme.colors.primaryColor} />
            </TouchableOpacity>
          }
          {...props}
        >
          <Flex justifyContent="center" height={100}>
            <Text>111</Text>
          </Flex>
        </ImageHeader>
        <Box width={200} height={900} />
      </Animated.ScrollView>
  )
}
```

<center>
  <figure>
    <img
      alt="header-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608877076955547998.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## ImageHeader 组件 API

| 属性                  | 必填    | 说明                 | 类型                  | 默认值                      |
| --------------------- | ------- | -------------------- | --------------------- | --------------------------- |
| headerTitle           | `false` | 头部文字             | `ReactNode`           |                             |
| headerRight           | `false` | 头部右侧内容         | `ReactNode`           |                             |
| headerLeft            | `false` | 头部左侧内容         | `ReactNode`           |                             |
| headerLeftColor       | `false` | 左侧返回键和字体颜色 | `string`              | `theme.colors.primaryColor` |
| headerBackgroundColor | `false` | 头部背景颜色         | `string`              | `transparent`               |
| headerBackgroundImg   | `true`  | 头部背景图片         | `ImageSourcePropType` |                             |
| headerHeight          | `false` | 头部高度             | `number`              |                             |
| onPress               | `false` | 左边图标点击事件     | `() => void`          |                             |
| showLeft              | `false` | 是否显示左边图标     | `boolean`             | `true`                      |
| activeOpacity         | `false` | 按下时的不透明度     | `number`              | `0.6`                       |

## AnimateHeader 组件 API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| headerTitle | `true` | 头部文字 | `string` |  |
| headerTitleStyle | `false` | 头部文字样式 | `TextStyle` |  |
| scrollY | `false` | 滚动距离 | `Animated.SharedValue<number>` | `0` |
| scrollHeight | `false` | 纵向滚动到哪个值时显示 `ImageHeader` | `number` | `300` |
| headerRight | `false` | 头部右侧内容 | `ReactNode` |  |
| headerLeft | `false` | 头部左侧内容 | `ReactNode` |  |
| headerLeftColor | `false` | 左侧返回键和字体颜色 | `string` | `theme.colors.primaryColor` |
| headerBackgroundColor | `false` | 头部背景颜色 | `string` | `transparent` |
| onPress | `false` | 左边按钮点击事件 | `() => void` |  |
| showLeft | `false` | 是否显示左边图标 | `boolean` | `true` |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |


================================================
FILE: packages/react-native/src/image-header/index.tsx
================================================
import React, { FC, PropsWithChildren, ReactNode, useMemo } from 'react';
import { ImageBackground, ImageSourcePropType, StatusBar, StyleSheet } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import WingBlank from '../wing-blank';

const { px, isIOS } = helpers;
export type ImageHeaderProps = PropsWithChildren<{
  /** 头部右侧内容 */
  headerRight?: ReactNode;
  /** 头部左侧内容 */
  headerLeft?: ReactNode;
  /** 左侧返回键和字体颜色 */
  headerLeftColor?: string;
  /** 头部底色，默认为透明 */
  headerBackgroundColor?: string;
  /** 头部背景图片 */
  headerBackgroundImg: ImageSourcePropType;
  /** 头部高度 */
  headerHeight?: number;
  /** 左侧点击事件 */
  onPress?: () => void;
  /** 是否显示左侧图标 */
  showLeft?: boolean;
  /** 头部title */
  headerTitle?: ReactNode;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}>;

const ImageHeader: FC<ImageHeaderProps> = props => {
  const theme = useTheme<Theme>();
  const insets = useSafeAreaInsets();

  const {
    headerRight,
    headerLeft,
    headerLeftColor = theme.colors.icon,
    headerBackgroundColor = theme.colors.transparent,
    headerBackgroundImg,
    headerHeight,
    children,
    onPress,
    showLeft = true,
    headerTitle,
    activeOpacity = 0.6,
  } = props;

  const styles = StyleSheet.create({
    header: {
      paddingTop: isIOS ? insets.top + theme.spacing.x2 : theme.spacing.x5 + StatusBar.currentHeight!,
      paddingBottom: theme.spacing.x2,
      paddingRight: theme.spacing.x3,
      backgroundColor: headerBackgroundColor,
    },
  });

  const HeaderLeft = useMemo(() => {
    if (headerLeft) {
      if (typeof headerLeft === 'string') {
        return (
          <Text style={{ color: headerLeftColor }} fontSize={px(16)}>
            {headerLeft}
          </Text>
        );
      }
      return headerLeft;
    }
    return <SvgIcon name="left" size={px(20)} color={headerLeftColor} />;
  }, [headerLeft, headerLeftColor]);

  return (
    <ImageBackground source={headerBackgroundImg} style={{ width: '100%', height: headerHeight }}>
      <Flex style={styles.header}>
        {showLeft ? (
          <Pressable activeOpacity={activeOpacity} onPress={onPress} style={{ flex: 1, paddingLeft: theme.spacing.x2 }}>
            {HeaderLeft}
          </Pressable>
        ) : (
          <Box flex={1} />
        )}
        {typeof headerTitle === 'string' ? (
          <Text color="text" fontSize={px(16)}>
            {headerTitle}
          </Text>
        ) : (
          headerTitle
        )}
        <Box flex={1} alignItems="flex-end">
          {headerRight}
        </Box>
      </Flex>
      <WingBlank>{children}</WingBlank>
    </ImageBackground>
  );
};
ImageHeader.displayName = 'ImageHeader';

export { ImageHeader };
export { default as AnimateHeader } from './AnimateHeader';


================================================
FILE: packages/react-native/src/index.ts
================================================
// components
import { useTheme } from '@shopify/restyle';
import type { Rule, Store, ValidateErrorEntity } from 'rc-field-form/es/interface';

import { default as Accordion } from './accordion';
import { default as ActionSheet } from './action-sheet';
import { Accessory, Avatar, AvatarGroup } from './avatar';
import { default as Badge } from './badge';
import { default as Box } from './box';
import { default as BoxShadow } from './box-shadow';
import { default as Brief } from './brief';
import { default as Button } from './button';
import { default as ButtonGroup } from './button-group';
import { default as Card } from './card';
import { default as Carousel } from './carousel';
import { default as Center } from './center';
import { Checkbox, CheckboxList } from './checkbox';
import { default as CollapseText } from './collapse-text';
import { CountDown, CountDownItem } from './count-down';
import { default as Divider } from './divider';
import { default as Empty } from './empty';
import { default as ErrorBlock } from './error-block';
import Flex from './flex';
import { default as FloatButton } from './float-button';
import { default as Flow } from './flow';
import { Form, FormItem, FormListItem, useForm } from './form';
import helpers from './helpers';
import { AnimateHeader, ImageHeader } from './image-header';
import { default as Indicator } from './indicator';
import Input, { InputItem, TextArea } from './input';
import { default as Label } from './label';
import { default as Link } from './link';
import { List, ListHeader } from './list';
import { default as ListItem } from './list-item';
import { default as Menu } from './menu';
import { default as Modal } from './modal';
import { default as NoticeBar } from './notice-bar';
import { default as Notify } from './notify';
import { NumberKeyboardInput, NumberKeyboardItem, NumberKeyboardView } from './number-keyboard';
import { default as Pagination } from './pagination';
import { default as Passcode } from './passcode';
import { default as Portal } from './portal';
import { default as Pressable } from './pressable';
import { default as Progress } from './progress';
import { Radio, RadioList } from './radio';
import { default as Result } from './result';
import { default as ScrollNumber } from './scroll-number';
import { default as SearchBar } from './search-bar';
import { default as Slider } from './slider';
import { default as Stepper } from './stepper';
import { default as SvgIcon } from './svg-icon';
import { default as SwipeRow } from './swipe-row';
import { default as Switch } from './switch';
import { default as Table } from './table';
import { default as Tag } from './tag';
import { default as Text } from './text';
import type { Theme } from './theme';
import theme from './theme';
import ThemeProvider from './theme-provider';
import { default as Timeline } from './timeline';
import { default as Toast } from './toast';
import { default as Tooltip } from './tooltip';
import { default as Tree } from './tree';
import { VehicleKeyboardInput, VehicleKeyboardItem, VehicleKeyboardView } from './vehicle-keyboard';
import { default as WhiteSpace } from './white-space';
import { default as WingBlank } from './wing-blank';

export {
  Accordion,
  ActionSheet,
  Avatar,
  AvatarGroup,
  Accessory,
  Box,
  Badge,
  BoxShadow,
  Brief,
  Button,
  ButtonGroup,
  Card,
  Carousel,
  Center,
  Checkbox,
  CheckboxList,
  CollapseText,
  CountDown,
  CountDownItem,
  Divider,
  Empty,
  ErrorBlock,
  Flex,
  FloatButton,
  Flow,
  Form,
  FormItem,
  FormListItem,
  useForm,
  useTheme,
  helpers,
  ImageHeader,
  AnimateHeader,
  Indicator,
  Input,
  InputItem,
  TextArea,
  Label,
  Link,
  List,
  ListHeader,
  ListItem,
  Menu,
  Modal,
  NoticeBar,
  Notify,
  NumberKeyboardInput,
  NumberKeyboardItem,
  NumberKeyboardView,
  Pagination,
  Passcode,
  Portal,
  Pressable,
  Progress,
  Radio,
  RadioList,
  Result,
  ScrollNumber,
  SearchBar,
  Slider,
  Stepper,
  SvgIcon,
  SwipeRow,
  Switch,
  Table,
  Tag,
  Text,
  theme,
  ThemeProvider,
  Timeline,
  Toast,
  Tooltip,
  Tree,
  VehicleKeyboardInput,
  VehicleKeyboardItem,
  VehicleKeyboardView,
  WhiteSpace,
  WingBlank,
};

export type File = {
  fileName: string;
  fileType: string;
  uri: string;
  fileSize?: number;
};

export type { Theme, Store, ValidateErrorEntity, Rule };


================================================
FILE: packages/react-native/src/indicator/BallIndicator.tsx
================================================
import React, { PureComponent } from 'react';
import { Animated, StyleSheet } from 'react-native';

import Box from '../box';
import Indicator from './Indicator';
import { BallIndicatorProps } from './type';

export default class BallIndicator extends PureComponent<BallIndicatorProps> {
  static displayName = 'BallIndicator';
  static defaultProps = {
    color: 'rgb(0, 0, 0)',
    count: 8,
    size: 36,
  };

  renderComponent = ({ index, count, progress }: { index: number; count: number; progress: Animated.Value }) => {
    const { size, color: backgroundColor } = this.props;
    const angle = (index * 360) / count;

    const layerStyle = {
      transform: [
        {
          rotate: angle + 'deg',
        },
      ],
    };

    const inputRange = Array.from(new Array(count + 1), (_, index) => index / count);
    const outputRange = Array.from(new Array(count), (_, index) => 1.2 - (0.5 * index) / (count - 1));

    for (let j = 0; j < index; j++) {
      outputRange.unshift(outputRange.pop()!);
    }

    outputRange.unshift(...outputRange.slice(-1));

    const ballStyle = {
      margin: size! / 20,
      backgroundColor,
      width: size! / 5,
      height: size! / 5,
      borderRadius: size! / 10,
      transform: [
        {
          scale: progress.interpolate({ inputRange, outputRange }),
        },
      ],
    };

    return (
      <Animated.View style={[styles.layer, layerStyle]} {...{ key: index }}>
        <Animated.View style={ballStyle} />
      </Animated.View>
    );
  };

  render() {
    const { style, size: width, size: height, ...props } = this.props;

    return (
      <Box style={style}>
        <Indicator style={{ width, height }} renderComponent={this.renderComponent} {...props} />
      </Box>
    );
  }
}

const styles = StyleSheet.create({
  layer: {
    ...StyleSheet.absoluteFillObject,
    justifyContent: 'flex-start',
    alignItems: 'flex-start',
  },
});


================================================
FILE: packages/react-native/src/indicator/Indicator.tsx
================================================
import React, { PureComponent } from 'react';
import { Animated, Easing } from 'react-native';

import { BaseIndicatorProps } from './type';

interface IndicatorProps extends BaseIndicatorProps {
  hideAnimationDuration: number;
  count: number;
  renderComponent: (values: { index: number; count: number; progress: Animated.Value }) => JSX.Element;
}

interface IndicatorState {
  progress: Animated.Value;
  hideAnimation: Animated.Value;
}

export default class Indicator extends PureComponent<IndicatorProps, IndicatorState> {
  static displayName = 'Indicator';
  static defaultProps = {
    animationEasing: Easing.linear,
    animationDuration: 1200,
    hideAnimationDuration: 200,
    animating: true,
    interaction: true,
    hidesWhenStopped: true,
    count: 1,
  };

  animationState: number;
  savedValue: number;

  constructor(props: IndicatorProps) {
    super(props);

    /*
     *  0 -> 1
     *    | startAnimation
     *    | resumeAnimation
     *
     *  1 -> -1
     *    | stopAnimation
     *
     * -1 -> 0
     *    | saveAnimation
     */
    this.animationState = 0;
    this.savedValue = 0;

    const { animating } = this.props;

    this.state = {
      progress: new Animated.Value(0),
      hideAnimation: new Animated.Value(animating ? 1 : 0),
    };
  }

  componentDidMount() {
    const { animating } = this.props;

    if (animating) {
      this.startAnimation();
    }
  }

  componentDidUpdate(prevProps: IndicatorProps) {
    const { animating } = this.props;

    if (animating && !prevProps.animating) {
      this.resumeAnimation();
    }

    if (!animating && prevProps.animating) {
      this.stopAnimation();
    }

    if (animating !== prevProps.animating) {
      const { hideAnimation } = this.state;
      const { hideAnimationDuration: duration } = this.props;

      Animated.timing(hideAnimation, { toValue: animating ? 1 : 0, duration, useNativeDriver: true }).start();
    }
  }

  startAnimation() {
    const { progress } = this.state;
    const { interaction, animationEasing, animationDuration } = this.props;

    if (0 !== this.animationState) {
      return;
    }

    const animation = Animated.timing(progress, {
      duration: animationDuration,
      easing: animationEasing,
      useNativeDriver: true,
      isInteraction: interaction,
      toValue: 1,
    });

    Animated.loop(animation).start();

    this.animationState = 1;
  }

  stopAnimation() {
    const { progress } = this.state;

    if (1 !== this.animationState) {
      return;
    }

    const listener = progress.addListener(({ value }) => {
      progress.removeListener(listener);
      progress.stopAnimation(() => this.saveAnimation(value));
    });

    this.animationState = -1;
  }

  saveAnimation(value: number) {
    const { animating } = this.props;

    this.savedValue = value;
    this.animationState = 0;

    if (animating) {
      this.resumeAnimation();
    }
  }

  resumeAnimation() {
    const { progress } = this.state;
    const { interaction, animationDuration } = this.props;

    if (0 !== this.animationState) {
      return;
    }

    Animated.timing(progress, {
      useNativeDriver: true,
      isInteraction: interaction,
      duration: (1 - this.savedValue) * animationDuration!,
      toValue: 1,
    }).start(({ finished }) => {
      if (finished) {
        progress.setValue(0);

        this.animationState = 0;
        this.startAnimation();
      }
    });

    this.savedValue = 0;
    this.animationState = 1;
  }

  renderComponent(_: any, index: number) {
    const { progress } = this.state;
    const { renderComponent, count } = this.props;

    if ('function' === typeof renderComponent) {
      return renderComponent({ index, count, progress });
    }

    return null;
  }

  render() {
    const { hideAnimation } = this.state;
    const { count, hidesWhenStopped, ...props } = this.props;

    const styles: any = props.style ? [props.style] : [];
    if (hidesWhenStopped) {
      styles.push({ opacity: hideAnimation });
    }

    return <Animated.View {...props}>{Array.from(new Array(count), this.renderComponent, this)}</Animated.View>;
  }
}


================================================
FILE: packages/react-native/src/indicator/MaterialIndicator.tsx
================================================
import React, { PureComponent } from 'react';
import { Animated, Easing, StyleSheet, ViewStyle } from 'react-native';

import Box from '../box';
import Indicator from './Indicator';
import { MaterialIndicatorProps } from './type';

export default class MaterialIndicator extends PureComponent<MaterialIndicatorProps> {
  static displayName = 'MaterialIndicator';
  static defaultProps = {
    animationDuration: 4000,
    color: 'rgb(0, 0, 0)',
    size: 40,
  };

  _renderComponent = ({ index, progress }: { index: number; progress: Animated.Value }) => {
    const { size, color, animationDuration } = this.props;

    const frames = (60 * animationDuration!) / 1000;
    const easing = Easing.bezier(0.4, 0.0, 0.7, 1.0);

    const sa = 7.5;
    const ea = 30;

    const sequences = 3;
    const rotations = 5;

    const inputRange = Array.from(new Array(frames), (_, frameIndex) => frameIndex / (frames - 1));
    const outputRange = Array.from(new Array(frames), (_, frameIndex) => {
      let _progress = (2 * sequences * frameIndex) / (frames - 1);
      const rotation = index ? +(360 - sa) : -(180 - sa);

      const sequence = Math.ceil(_progress);

      if (sequence % 2) {
        _progress = _progress - sequence + 1;
      } else {
        _progress = sequence - _progress;
      }

      const direction = index ? -1 : +1;

      return direction * (180 - (sa + ea)) * easing(_progress) + rotation + 'deg';
    });

    const layerStyle = {
      width: size,
      height: size,
      transform: [
        {
          rotate: 90 - sa + 'deg',
        },
        {
          rotate: progress.interpolate({
            inputRange: [0, 1],
            outputRange: ['0deg', 360 * rotations + 'deg'],
          }),
        },
      ],
    };

    const viewportStyle = {
      width: size,
      height: size,
      transform: [
        {
          translateY: index ? -size! / 2 : 0,
        },
        {
          rotate: progress.interpolate({ inputRange, outputRange }),
        },
      ],
    };

    const containerStyle: ViewStyle = {
      width: size,
      height: size! / 2,
      overflow: 'hidden',
    };

    const offsetStyle = index ? { top: size! / 2 } : null;

    const lineStyle: ViewStyle = {
      width: size,
      height: size,
      borderColor: color,
      borderRadius: size! / 2,
      borderWidth: size! / 20,
    };

    return (
      <Animated.View style={styles.layer} {...{ key: index }}>
        <Animated.View style={layerStyle}>
          <Animated.View style={[containerStyle, offsetStyle]} collapsable={false}>
            <Animated.View style={viewportStyle}>
              <Animated.View style={containerStyle} collapsable={false}>
                <Animated.View style={lineStyle} />
              </Animated.View>
            </Animated.View>
          </Animated.View>
        </Animated.View>
      </Animated.View>
    );
  };

  render() {
    const { style, size: width, size: height, ...props } = this.props;

    return (
      <Box flex={1} justifyContent={'center'} alignItems={'center'} style={style}>
        <Indicator style={{ width, height }} renderComponent={this._renderComponent} {...props} count={2} />
      </Box>
    );
  }
}

const styles = StyleSheet.create({
  layer: {
    ...StyleSheet.absoluteFillObject,
    justifyContent: 'center',
    alignItems: 'center',
  },
});


================================================
FILE: packages/react-native/src/indicator/UIActivityIndicator.tsx
================================================
import React, { PureComponent } from 'react';
import { Animated, StyleSheet } from 'react-native';

import Box from '../box';
import Indicator from './Indicator';
import { UIActivityIndicatorProps } from './type';

export default class UIActivityIndicator extends PureComponent<UIActivityIndicatorProps> {
  static displayName = 'UIActivityIndicator';
  static defaultProps = {
    color: 'rgb(0, 0, 0)',
    count: 12,
    size: 36,
  };

  renderComponent = ({ index, count, progress }: { index: number; count: number; progress: Animated.Value }) => {
    const { size, color: backgroundColor } = this.props;
    const angle = (index * 360) / count;

    const layerStyle = {
      transform: [
        {
          rotate: angle + 'deg',
        },
      ],
    };

    const inputRange = Array.from(new Array(count + 1), (_, index) => index / count);
    const outputRange = Array.from(new Array(count), (_, index) => Math.max(1.0 - index * (1 / (count - 1)), 0));

    for (let j = 0; j < index; j++) {
      outputRange.unshift(outputRange.pop()!);
    }

    outputRange.unshift(...outputRange.slice(-1));

    const barStyle = {
      width: size! / 10,
      height: size! / 4,
      borderRadius: size! / 20,
      backgroundColor,
      opacity: progress.interpolate({ inputRange, outputRange }),
    };

    return (
      <Animated.View style={[styles.layer, layerStyle]} {...{ key: index }}>
        <Animated.View style={barStyle} />
      </Animated.View>
    );
  };

  render() {
    const { style, size: width, size: height, ...props } = this.props;

    return (
      <Box style={style}>
        <Indicator style={{ width, height }} renderComponent={this.renderComponent} {...props} />
      </Box>
    );
  }
}

const styles = StyleSheet.create({
  layer: {
    ...StyleSheet.absoluteFillObject,

    justifyContent: 'flex-start',
    alignItems: 'center',
  },
});


================================================
FILE: packages/react-native/src/indicator/index.md
================================================
---
title: Indicator - 指示器组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 其他组件
  path: /other
---

# Indicator 指示器组件

## 效果演示

### 1. BallIndicator

```tsx | pure
<SafeAreaView style={{ flex: 1 }}>
  <BallIndicator />
</SafeAreaView>
```

<center>
  <figure>
    <img
      alt="indicator-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1624173464148013948.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. UIActivityIndicator

```tsx | pure
<SafeAreaView style={{ flex: 1 }}>
  <UIActivityIndicator />
</SafeAreaView>
```

<center>
  <figure>
    <img
      alt="indicator-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1624173490303265458.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. MaterialIndicator

```tsx | pure
<SafeAreaView style={{ flex: 1 }}>
  <MaterialIndicator />
</SafeAreaView>
```

<center>
  <figure>
    <img
      alt="indicator-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643177632601010878.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 修改大小和颜色

```tsx | pure
<SafeAreaView style={{ flex: 1 }}>
  <UIActivityIndicator color="#ff0000" size={50} />
</SafeAreaView>
```

<center>
  <figure>
    <img
      alt="indicator-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643177688024869837.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### 公共属性

| 属性              | 必填    | 说明             | 类型             | 默认值          |
| ----------------- | ------- | ---------------- | ---------------- | --------------- |
| animationEasing   | `false` | 动画 Easing 效果 | `EasingFunction` | `Easing.linear` |
| animationDuration | `false` | 动画执行时长     | `number`         | `1200`          |
| animating         | `false` | 动画是否正在执行 | `boolean`        | `true`          |
| interaction       | `false` | 是否可以交互     | `boolean`        | `true`          |
| style             | `false` | 自定义样式       | `ViewStyle`      |                 |
| hidesWhenStopped  | `false` | 动画停止时隐藏   | `boolean`        | `true`          |

### BallIndicator / UIActivityIndicator 属性

| 属性  | 必填    | 说明     | 类型     | 默认值       |
| ----- | ------- | -------- | -------- | ------------ |
| color | `false` | 颜色     | `string` | `rgb(0,0,0)` |
| count | `false` | 元素数量 | `number` | `12`         |
| size  | `false` | 大小     | `number` | `36`         |

### MaterialIndicator 属性

| 属性  | 必填    | 说明 | 类型     | 默认值       |
| ----- | ------- | ---- | -------- | ------------ |
| color | `false` | 颜色 | `string` | `rgb(0,0,0)` |
| size  | `false` | 大小 | `number` | `36`         |


================================================
FILE: packages/react-native/src/indicator/index.ts
================================================
import { default as BallIndicator } from './BallIndicator';
import { default as MaterialIndicator } from './MaterialIndicator';
import { default as UIActivityIndicator } from './UIActivityIndicator';

export default { BallIndicator, UIActivityIndicator, MaterialIndicator };


================================================
FILE: packages/react-native/src/indicator/type.ts
================================================
import { EasingFunction, StyleProp, ViewStyle } from 'react-native';

export interface BaseIndicatorProps {
  /**
   * Animation easing function
   * @default Easing.linear
   */
  animationEasing?: EasingFunction;

  /**
   * Animation duration in ms
   * @default 1200
   */
  animationDuration?: number;

  /**
   * Animation toggle
   * @default true
   */
  animating?: boolean;

  /**
   * Animation is interaction
   * @default true
   */
  interaction?: boolean;

  /**
   * Style is proxied to the underlying View
   * @default undefined
   */
  style?: StyleProp<ViewStyle>;

  /**
   * Hide when not animating
   * @default true
   */
  hidesWhenStopped?: boolean;
}

export interface UIActivityIndicatorProps extends BaseIndicatorProps {
  /**
   * @default 'rgb(0, 0, 0)'
   */
  color?: string;
  /**
   * @default 12
   */
  count?: number;
  /**
   * @default 36
   */
  size?: number;
}

export interface BallIndicatorProps extends BaseIndicatorProps {
  /**
   * @default 'rgb(0, 0, 0)'
   */
  color?: string;
  /**
   * @default 8
   */
  count?: number;
  /**
   * @default 36
   */
  size?: number;
}

export interface MaterialIndicatorProps extends BaseIndicatorProps {
  /**
   * @default 'rgb(0, 0, 0)'
   */
  color?: string;
  /**
   * @default 36
   */
  size?: number;
}


================================================
FILE: packages/react-native/src/input/InputItem.tsx
================================================
import React, { forwardRef, ReactNode } from 'react';
import { StyleProp, StyleSheet, TextInput, TextInputProps, TextStyle, ViewStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import { Theme } from '../theme';
import useInputItem from './useInputItem';

const { px } = helpers;
export interface InputItemProps
  extends Omit<TextInputProps, 'placeholderTextColor' | 'onChange' | 'onChangeText' | 'style'> {
  /** 输入类型。文本输入或者密码输入 */
  inputType?: 'input' | 'password';
  /** 输入框自定义样式 */
  inputStyle?: StyleProp<TextStyle>;
  /** 左侧图标 */
  left?: ReactNode;
  /** 右侧内容 */
  right?: ReactNode;
  /** 是否显示清除图标 */
  allowClear?: boolean;
  /** 值 */
  value?: string;
  /** 输入改变事件 */
  onChange?: (value: string) => void;
  /** 清除内容 */
  onClear?: () => void;
  /** 容器自定义样式 */
  style?: StyleProp<ViewStyle>;
  inForm?: boolean;
}
const InputItem = forwardRef<TextInput, InputItemProps>(
  (
    {
      inputType = 'input',
      left,
      right,
      inputStyle,
      editable = true,
      allowClear = true,
      value,
      onChange,
      onClear,
      style,
      defaultValue,
      inForm,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { inputValue, eyeOpen, handleChange, handleInputClear, triggerPasswordType } = useInputItem({
      inputType,
      value,
      defaultValue,
      onChange,
      onClear,
    });

    const styles = StyleSheet.create({
      input: {
        paddingHorizontal: theme.spacing.x0,
        paddingVertical: theme.spacing.x2,
        fontSize: px(14),
        color: theme.colors.text,
      },
    });

    return (
      <Flex flexGrow={1} paddingHorizontal={inForm ? 'x0' : 'x1'} style={style}>
        {left}
        <Box flexGrow={1}>
          <TextInput
            ref={ref}
            textAlignVertical="center"
            autoCapitalize="none"
            autoCorrect={false}
            autoComplete="off"
            style={[styles.input, inputStyle]}
            editable={editable}
            placeholderTextColor={theme.colors.gray300}
            selectionColor={theme.colors.primary200}
            value={inputValue}
            onChangeText={handleChange}
            secureTextEntry={eyeOpen}
            multiline={false}
            underlineColorAndroid="transparent"
            {...restProps}
          />
        </Box>
        {inputType === 'password' && (
          <Pressable activeOpacity={1} onPress={triggerPasswordType} hitOffset={10}>
            <SvgIcon name={eyeOpen ? 'eyeclose' : 'eyeopen'} color={theme.colors.icon} />
          </Pressable>
        )}
        {allowClear && editable && !!inputValue && (
          <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        {right}
      </Flex>
    );
  }
);
InputItem.displayName = 'InputItem';

export default InputItem;


================================================
FILE: packages/react-native/src/input/TextArea.tsx
================================================
import React, { forwardRef, ReactNode } from 'react';
import { StyleProp, StyleSheet, TextInput, TextInputProps, ViewStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Brief from '../brief';
import Flex from '../flex';
import helpers from '../helpers';
import Label from '../label';
import Text from '../text';
import { Theme } from '../theme';
import useTextArea from './useTextArea';

const { ONE_PIXEL, px } = helpers;
export interface TextAreaProps
  extends Omit<TextInputProps, 'placeholderTextColor' | 'onChange' | 'onChangeText' | 'style'> {
  /** 标签 */
  label?: ReactNode;
  /** 是否必填 */
  required?: boolean;
  /** 值 */
  value?: string;
  /** 输入改变事件 */
  onChange?: (value: string) => void;
  /** 文本域高度 */
  height?: number;
  /** 文本长度限制 */
  limit?: number;
  /** 是否有边框 */
  border?: boolean;
  /** 自定义样式 */
  style?: StyleProp<ViewStyle>;
  /** 额外内容 */
  brief?: ReactNode;
  /** 在表单项里时 label 的高度应该要跟其他的高度保持一致 */
  itemHeight?: number;
}

const TextArea = forwardRef<TextInput, TextAreaProps>(
  (
    {
      label,
      height = px(150),
      limit,
      value,
      border = true,
      onChange,
      style,
      brief,
      required,
      itemHeight,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { inputValue, handleChange } = useTextArea({ value, onChange });

    const styles = StyleSheet.create({
      input: {
        height: '100%',
        padding: theme.spacing.x2,
        fontSize: px(14),
        lineHeight: px(20),
        color: theme.colors.text,
      },
    });

    return (
      <Box>
        <Label {...{ label, required, labelHeight: itemHeight }} />
        <Box borderWidth={border ? ONE_PIXEL : 0} borderColor="border" style={[style, { height }]}>
          <TextInput
            ref={ref}
            textAlignVertical="top"
            autoCapitalize="none"
            autoCorrect={false}
            autoComplete="off"
            {...restProps}
            style={styles.input}
            placeholderTextColor={theme.colors.gray300}
            selectionColor={theme.colors.primary200}
            value={inputValue}
            onChangeText={handleChange}
            multiline
            underlineColorAndroid="transparent"
            maxLength={limit}
          />
          {!!limit && (
            <Flex flexDirection="row-reverse" padding="x1">
              <Text variant="p1" color="text">
                {inputValue?.length ?? 0} / {limit}
              </Text>
            </Flex>
          )}
        </Box>
        <Brief {...{ brief }} />
      </Box>
    );
  }
);
TextArea.displayName = 'TextArea';

export default TextArea;


================================================
FILE: packages/react-native/src/input/index.md
================================================
---
title: Input - 文本输入组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# Input 文本输入组件

## 效果演示

### 1. 只有一个输入框

```tsx | pure
<Input placeholder="请输入姓名" />
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607934747327132447.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 输入框带标签和左右图标

```tsx | pure
<Input
  value={value}
  onChange={setValue}
  label="姓名"
  placeholder="请输入姓名"
  leftIcon={<Icon name="user" color="green" />}
  rightIcon={<Icon name="customerservice" color="gold" />}
/>
```

<center>
  <figure>
    <img
      alt="input-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607934917611994869.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 标签在输入框上方

```tsx | pure
<Input label="姓名" placeholder="请输入姓名" labelPosition="top" leftIcon={<Icon name="user" color="green" />} />
```

<center>
  <figure>
    <img
      alt="input-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607934974049162262.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 带冒号和必填标识

```tsx | pure
<Input
  colon
  required
  value={value}
  onChange={setValue}
  label="姓名"
  placeholder="请输入姓名"
  leftIcon={<Icon name="user" color="green" />}
  rightIcon={<Icon name="customerservice" color="gold" />}
/>
```

<center>
  <figure>
    <img
      alt="input-ios4.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607935036647969320.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 文本域效果

```tsx | pure
<TextArea label="姓名" placeholder="请输入姓名" />
```

<center>
  <figure>
    <img
      alt="input-ios5.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607935124946146557.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 带字数限制的文本域

```tsx | pure
<TextArea label="详情" placeholder="请输入详情" limit={20} />
```

<center>
  <figure>
    <img
      alt="input-ios6.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607935503663968541.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. InputItem 效果

```tsx | pure
<InputItem label="姓名" placeholder="请输入姓名" />
```

<center>
  <figure>
    <img
      alt="input-ios7.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607945199283339224.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 8. InputItem 设置 extra 属性

```tsx | pure
<InputItem label="姓名" placeholder="请输入姓名" extra={<Text style={{ color: 'green' }}>test</Text>} />
```

<center>
  <figure>
    <img
      alt="input-ios8.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607945333933480168.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 9. 密码输入框

```tsx | pure
<InputItem label="密码" placeholder="请输入密码" allowClear={false} inputType="password" required colon />
```

<center>
  <figure>
    <img
      alt="input-ios9.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607945442040887604.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Input 属性

继承`TextInput`组件的属性，但是移除了`placeholderTextColor`、`onChange`、`onChangeText`属性。

参见：[https://reactnative.dev/docs/textinput](https://reactnative.dev/docs/textinput)

| 属性          | 必填    | 说明                                 | 类型                      | 默认值  |
| ------------- | ------- | ------------------------------------ | ------------------------- | ------- |
| label         | `false` | 标签                                 | `ReactNode`               |         |
| labelPosition | `false` | 标签位置。输入框左侧或者顶部         | `left` \| `top`           | `left`  |
| inputType     | `false` | 输入框类型。文本输入框或者密码输入框 | `input` \| `password`     | `input` |
| inputStyle    | `false` | 输入框自定义样式                     | `TextStyle`               | `input` |
| leftIcon      | `false` | 左侧图标                             | `ReactNode`               |         |
| rightIcon     | `false` | 右侧图标                             | `ReactNode`               |         |
| allowClear    | `false` | 是否显示清除图标                     | `boolean`                 | `true`  |
| value         | `false` | 输入框的值                           | `string`                  |         |
| onChange      | `false` | 输入框值改变的回调                   | `(value: string) => void` |         |
| disabled      | `false` | 是否禁用输入框                       | `boolean`                 | `false` |
| colon         | `false` | 是否在标签后显示冒号                 | `boolean`                 | `false` |
| required      | `false` | 是否在标签前显示必填标识             | `boolean`                 | `false` |
| onClear       | `false` | 清除内容                             | `() => void`              |         |
| brief         | `false` | 其他内容                             | `ReactNode`               |         |

### InputItem 属性

| 属性       | 必填    | 说明                                 | 类型                      | 默认值  |
| ---------- | ------- | ------------------------------------ | ------------------------- | ------- |
| inputType  | `false` | 输入框类型。文本输入框或者密码输入框 | `input` \| `password`     | `input` |
| inputStyle | `false` | 输入框自定义样式                     | `TextStyle`               | `input` |
| extra      | `false` | 其他内容                             | `ReactNode`               |         |
| allowClear | `false` | 是否显示清除图标                     | `boolean`                 | `true`  |
| value      | `false` | 输入框的值                           | `string`                  |         |
| onChange   | `false` | 输入框值改变的回调                   | `(value: string) => void` |         |
| onClear    | `false` | 点击清除按钮时的回调                 | `() => void`              |         |
| style      | `false` | 容器自定义样式                       | `ViewStyle`               |         |

_当传递了`onClear`事件时，onChange 不会再自动触发，需要`onClear`事件处理清空`value`的操作。_

### TextArea 属性

| 属性     | 必填    | 说明                           | 类型                      | 默认值  |
| -------- | ------- | ------------------------------ | ------------------------- | ------- |
| label    | `false` | 标签                           | `ReactNode`               |         |
| value    | `false` | 输入框的值                     | `string`                  |         |
| onChange | `false` | 输入框值改变的回调             | `(value: string) => void` |         |
| height   | `false` | 文本域高度                     | `number`                  | `150`   |
| limit    | `false` | 输入文字长度限制。不传时不显示 | `number`                  |         |
| required | `false` | 是否在标签前显示必填标识       | `boolean`                 | `false` |
| border   | `false` | 是否有边框                     | `boolean`                 | `true`  |
| style    | `false` | 容器自定义样式                 | `ViewStyle`               |         |
| brief    | `false` | 其他内容                       | `ReactNode`               |         |


================================================
FILE: packages/react-native/src/input/index.tsx
================================================
import React, { forwardRef, ReactNode } from 'react';
import { StyleProp, StyleSheet, TextInput, TextInputProps, TextStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Label from '../label';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import { Theme } from '../theme';
import useInput from './useInput';

const { ONE_PIXEL, px } = helpers;
export interface InputProps extends Omit<TextInputProps, 'placeholderTextColor' | 'onChange' | 'onChangeText'> {
  /** 标签 */
  label?: ReactNode;
  /** 标签位置。可选值：左侧/上方 */
  labelPosition?: 'left' | 'top';
  /** 输入类型。文本输入或者密码输入 */
  inputType?: 'input' | 'password';
  /** 输入框自定义样式 */
  inputStyle?: StyleProp<TextStyle>;
  /** 左侧图标 */
  left?: ReactNode;
  /** 右侧内容 */
  right?: ReactNode;
  /** 是否显示清除图标 */
  allowClear?: boolean;
  /** 值 */
  value?: string;
  /** 输入改变事件 */
  onChange?: (value: string) => void;
  /** 是否禁用 */
  disabled?: boolean;
  /** 是否显示冒号 */
  colon?: boolean;
  /** 清除内容 */
  onClear?: () => void;
  /** 是否必填项 */
  required?: boolean;
  /** 作为FormItem子组件时注入进来的高度 */
  itemHeight?: number;
}

const Input = forwardRef<TextInput, InputProps>(
  (
    {
      label,
      labelPosition = 'left',
      left,
      right,
      inputType = 'input',
      inputStyle,
      disabled = false,
      allowClear = true,
      value,
      onChange,
      onClear,
      colon = false,
      required = false,
      style,
      defaultValue,
      itemHeight,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { inputValue, eyeOpen, handleChange, handleInputClear, triggerPasswordType } = useInput({
      inputType,
      value,
      defaultValue,
      onChange,
      onClear,
    });

    const styles = StyleSheet.create({
      input: {
        paddingHorizontal: theme.spacing.x1,
        paddingVertical: theme.spacing.x2,
        fontSize: px(14),
        color: theme.colors.text,
        includeFontPadding: false,
        textAlignVertical: 'center',
      },
    });

    const InputContent = (
      <Flex
        borderWidth={ONE_PIXEL}
        borderColor="border"
        borderRadius="x1"
        position="relative"
        paddingHorizontal={'x1'}
        flex={1}
        style={style}
      >
        {left}
        <Box flexGrow={1}>
          <TextInput
            ref={ref}
            textAlignVertical="center"
            autoCapitalize="none"
            autoCorrect={false}
            autoComplete="off"
            style={[itemHeight ? { height: itemHeight } : {}, styles.input, inputStyle]}
            editable={!disabled}
            placeholderTextColor={theme.colors.gray300}
            selectionColor={theme.colors.primary200}
            value={inputValue}
            onChangeText={handleChange}
            secureTextEntry={eyeOpen}
            multiline={false}
            underlineColorAndroid="transparent"
            {...restProps}
          />
        </Box>
        {inputType === 'password' && (
          <Pressable activeOpacity={1} onPress={triggerPasswordType} hitOffset={10}>
            <SvgIcon name={eyeOpen ? 'eyeclose' : 'eyeopen'} color={theme.colors.icon} />
          </Pressable>
        )}
        {allowClear && !disabled && !!inputValue && (
          <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        {right}
      </Flex>
    );

    return labelPosition === 'left' ? (
      <Box>
        <Flex alignItems="center">
          <Label {...{ colon, label, required }} />
          {InputContent}
        </Flex>
      </Box>
    ) : (
      <Box>
        <Label {...{ colon, label, required }} />
        {InputContent}
      </Box>
    );
  }
);
Input.displayName = 'Input';

export default Input;
export { default as InputItem } from './InputItem';
export { default as TextArea } from './TextArea';


================================================
FILE: packages/react-native/src/input/useInput.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { InputProps } from '.';

export default function useInput({
  inputType,
  value,
  defaultValue,
  onChange,
  onClear,
}: Pick<InputProps, 'inputType' | 'value' | 'defaultValue' | 'onChange' | 'onClear'>) {
  const [inputValue, setInputValue] = useSafeState<string>();
  const [eyeOpen, setEyeOpen] = useSafeState(inputType === 'password');

  useEffect(() => {
    setInputValue(value ?? defaultValue ?? '');
  }, [value, defaultValue]);

  const handleChange = (val: string) => {
    setInputValue(val);
    onChange?.(val);
  };

  const handleInputClear = () => {
    handleChange('');
    onClear?.();
  };

  const triggerPasswordType = () => {
    setEyeOpen(!eyeOpen);
  };

  return {
    inputValue,
    eyeOpen,
    handleChange: useMemoizedFn(handleChange),
    handleInputClear: useMemoizedFn(handleInputClear),
    triggerPasswordType: useMemoizedFn(triggerPasswordType),
  };
}


================================================
FILE: packages/react-native/src/input/useInputItem.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { InputItemProps } from './InputItem';

export default function useInputItem({
  inputType,
  value,
  defaultValue,
  onChange,
  onClear,
}: Pick<InputItemProps, 'inputType' | 'value' | 'defaultValue' | 'onChange' | 'onClear'>) {
  const [inputValue, setInputValue] = useSafeState<string>();
  const [eyeOpen, setEyeOpen] = useSafeState(inputType === 'password');

  useEffect(() => {
    setInputValue(value ?? defaultValue ?? '');
  }, [value, defaultValue]);

  const handleChange = (val: string) => {
    setInputValue(val);
    onChange?.(val);
  };

  const handleInputClear = () => {
    handleChange('');
    onClear?.();
  };

  const triggerPasswordType = () => {
    setEyeOpen(!eyeOpen);
  };

  return {
    inputValue,
    eyeOpen,
    handleChange: useMemoizedFn(handleChange),
    handleInputClear: useMemoizedFn(handleInputClear),
    triggerPasswordType: useMemoizedFn(triggerPasswordType),
  };
}


================================================
FILE: packages/react-native/src/input/useTextArea.ts
================================================
import { useEffect } from 'react';

import { useSafeState } from '@td-design/rn-hooks';

import type { TextAreaProps } from './TextArea';

export default function useTextArea({ value, onChange }: Pick<TextAreaProps, 'value' | 'onChange'>) {
  const [inputValue, setInputValue] = useSafeState<string>();

  useEffect(() => {
    setInputValue(value ?? '');
  }, [value]);

  const handleChange = (val: string) => {
    setInputValue(val);
    onChange?.(val);
  };

  return {
    inputValue,
    handleChange,
  };
}


================================================
FILE: packages/react-native/src/label/index.tsx
================================================
import React, { memo, ReactNode } from 'react';

import { useTheme } from '@shopify/restyle';

import Flex from '../flex';
import Text from '../text';
import { Theme } from '../theme';

const Label = memo(
  ({
    colon,
    label,
    required,
    labelHeight,
  }: {
    colon?: boolean;
    required?: boolean;
    label?: ReactNode;
    labelHeight?: number;
  }) => {
    const theme = useTheme<Theme>();
    const style = {};
    if (labelHeight) {
      Object.assign(style, {
        height: labelHeight,
      });
    } else {
      Object.assign(style, {
        paddingVertical: theme.spacing.x2,
      });
    }

    if (!label) return null;

    if (typeof label === 'string')
      return (
        <Flex marginRight="x2" alignItems="center" style={style}>
          {required && (
            <Text variant="p1" color="func600">
              *
            </Text>
          )}
          <Text variant="p1" color="text">
            {label}
          </Text>
          <Text variant="p1" color="text">
            {colon ? ':' : ''}
          </Text>
        </Flex>
      );

    return (
      <Flex marginRight="x2" style={style}>
        {required && (
          <Text variant="p1" color="func600">
            *
          </Text>
        )}
        {label}
        <Text variant="p1" color="text">
          {colon ? ':' : ''}
        </Text>
      </Flex>
    );
  }
);

export default Label;


================================================
FILE: packages/react-native/src/link/index.md
================================================
---
title: Link - 外链组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 其他组件
  path: /other
---

# Link 外链组件

该组件暴露了允许在 app 内唤起其他应用的方法。如发送短信、打电话、发邮件、打开外链、打开系统设置。

## 效果演示

### 1. 发送邮件

```tsx | pure
<Button title="发送邮件" onPress={() => Link.email('929483857@qq.com')} />
```

### 2. 打开系统设置

```tsx | pure
<Button title="打开系统设置" onPress={() => Link.settings()} />
```

### 3. 发送短信

```tsx | pure
<Button title="发送短信" onPress={() => Link.sms('+8617681820821')} />
```

### 4. 打电话

```tsx | pure
<Button title="打电话" onPress={() => Link.call('+8617681820821')} />
```

### 5. 打开网址

```tsx | pure
<Button title="打开网址" onPress={() => Link.url('https://www.baidu.com/')} />
```

## API

### Link.email(email: string)

### Link.settings()

### Link.sms(phoneNumber: string)

### Link.call(phoneNumber: string)

### Link.url(url: string)


================================================
FILE: packages/react-native/src/link/index.ts
================================================
import { Linking, Platform } from 'react-native';

export type LinkType = 'email' | 'phone' | 'sms' | 'url' | 'settings';

export default {
  email(address: string) {
    Linking.openURL('mailto:' + address);
  },
  settings() {
    Linking.openSettings();
  },
  async url(url: string) {
    const canOpen = await Linking.canOpenURL(url);
    if (canOpen) {
      Linking.openURL(url);
    }
  },
  sms(phoneNumber: string) {
    Linking.openURL('sms:' + phoneNumber);
  },
  call(phoneNumber: string) {
    if (Platform.OS === 'android') {
      Linking.openURL('tel:' + phoneNumber);
    } else {
      Linking.openURL('telprompt:' + phoneNumber);
    }
  },
};


================================================
FILE: packages/react-native/src/list/index.md
================================================
---
title: List - 列表组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# List 列表组件

## 效果演示

### 1. 只有一个输入框

```tsx | pure
<List
  header="基础使用"
  items={[
    { title: '主标题主标', extra: <Input placeholder="请输入" style={{ height: px(32) }} /> },
    {
      title: '主标题主标题主标题主标题主标题主标题',
      brief: '主标题下面的副标题主标题下面的副标题',
      arrow: 'horizontal',
      onPress: () => console.log('onPress'),
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643178981833863125.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 设置背景色

```tsx | pure
<List
  header="设置背景色"
  itemBackgroundColor="primary200"
  items={[
    { title: '主标题主标', extra: <Input placeholder="请输入" style={{ height: px(32) }} /> },
    {
      title: '主标题主标题主标题主标题主标题主标题',
      brief: '主标题下面的副标题主标题下面的副标题',
      arrow: 'horizontal',
      onPress: () => console.log('onPress'),
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179034178291048.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 覆盖背景色

```tsx | pure
<List
  header="覆盖背景色"
  itemBackgroundColor="primary200"
  items={[
    { title: '主标题主标', extra: <Input placeholder="请输入" style={{ height: px(32) }} /> },
    {
      title: '主标题主标题主标题主标题主标题主标题',
      brief: '主标题下面的副标题主标题下面的副标题',
      backgroundColor: 'func200',
      arrow: 'horizontal',
      onPress: () => console.log('onPress'),
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179130096441849.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义 header

```tsx | pure
<List
  header={<CustomHeader />}
  items={[
    { title: '主标题主标', extra: <Input placeholder="请输入" style={{ height: px(32) }} /> },
    {
      title: '主标题主标题主标题主标题主标题主标题',
      brief: '主标题下面的副标题主标题下面的副标题',
      arrow: 'horizontal',
      onPress: () => console.log('onPress'),
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179167773615848.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 单独使用 ListHeader

```tsx | pure
<ListHeader text="只有标题" />
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179225562573991.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 标题右侧自定义

```tsx | pure
<List
  header="只有标题"
  extra={<SvgIcon name="left" />}
  items={[{ title: '主标题主标', extra: <Input placeholder="请输入" style={{ height: px(32) }} /> }]}
/>
```

<center>
  <figure>
    <img
      alt="input-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179287406760859.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## List API

| 属性                | 必填    | 说明                 | 类型                    | 默认值 |
| ------------------- | ------- | -------------------- | ----------------------- | ------ |
| header              | `false` | 标题                 | `ReactNode`             |        |
| extra               | `false` | 标题右侧内容         | `ReactNode`             |        |
| items               | `true`  | 列表项               | `ListItemProps[]`       |        |
| itemStyle           | `false` | 列表项样式           | `StyleProp<ViewStyle>`  |        |
| itemBackgroundColor | `false` | 统一设置列表项背景色 | `keyof Theme['colors']` |        |

## ListHeader API

| 属性        | 必填    | 说明           | 类型                   | 默认值 |
| ----------- | ------- | -------------- | ---------------------- | ------ |
| text        | `true`  | 标题文本       | `string`               |        |
| extra       | `false` | 标题右侧内容   | `ReactNode`            |        |
| textStyle   | `false` | 标题文字的样式 | `StyleProp<TextStyle>` |        |
| headerStyle | `false` | 标题容器的样式 | `StyleProp<ViewStyle>` |        |


================================================
FILE: packages/react-native/src/list/index.tsx
================================================
import React, { FC, memo, ReactNode, useMemo } from 'react';
import { StyleProp, TextStyle, ViewStyle } from 'react-native';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import ListItem, { ListItemProps } from '../list-item';
import Text from '../text';

const { ONE_PIXEL } = helpers;

type ListProps = {
  /** 标题 */
  header?: ReactNode;
  /** 标题右侧内容 */
  extra?: ReactNode;
  /** 列表项 */
  items: ListItemProps[];
  /** 列表项样式 */
  itemStyle?: StyleProp<ViewStyle>;
  /** 列表项背景色 */
  itemBackgroundColor?: string;
};
const List: FC<ListProps> = ({ header, extra, itemBackgroundColor, itemStyle, items = [] }) => {
  const Header = useMemo(() => {
    if (!header) return null;
    if (typeof header === 'string') {
      return <ListHeader text={header} extra={extra} />;
    }
    return header;
  }, [header, extra]);

  return (
    <Box>
      {Header}
      {items.map((props, index) => {
        return (
          <ListItem key={index} {...props} backgroundColor={itemBackgroundColor} style={[itemStyle, props.style]} />
        );
      })}
    </Box>
  );
};
List.displayName = 'List';

const ListHeader = memo(
  ({
    text,
    extra,
    textStyle,
    headerStyle,
  }: {
    /** 标题文本 */
    text: string;
    /** 自定义右侧内容 */
    extra?: ReactNode;
    /** 文本样式 */
    textStyle?: StyleProp<TextStyle>;
    /** 标题样式 */
    headerStyle?: StyleProp<ViewStyle>;
  }) => {
    if (text === '') return null;
    return (
      <Flex
        justifyContent="space-between"
        alignItems="center"
        paddingHorizontal="x2"
        paddingVertical={'x2'}
        backgroundColor="white"
        borderBottomWidth={ONE_PIXEL}
        borderColor={'border'}
        style={headerStyle}
      >
        <Box>
          <Text variant="p1" color="text" style={textStyle}>
            {text}
          </Text>
        </Box>
        <Box>{extra}</Box>
      </Flex>
    );
  }
);
ListHeader.displayName = 'ListHeader';

export { List, ListHeader };


================================================
FILE: packages/react-native/src/list-item/index.md
================================================
---
title: ListItem - 列表展示项组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# ListItem 列表展示项组件

## 效果演示

### 1. 默认效果

```jsx | pure

<ListItem
  title="主标题主标题主标题主标题主标题主标题"
  onPress={() => { console.log(111);}}
/>
<ListItem title="主标题主标题主标题主标题主标题主标题" brief="主标题下面的副标题主标题下面的副标题" />

```

<center>
  <figure>
    <img
      alt="listItem-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179745264648352.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 左侧添加缩略图、右侧添加图片效果

```jsx | pure
<ListItem title="主标题" brief="主标题下面的副标题" thumb={imgUrl} />
<ListItem
  title="extra为Image"
  thumb={imgUrl}
  extra={
    <Image
      source={{
        uri: imgUrl,
      }}
      style={{ width: 50, height: 50 }}
    />
  }
/>
```

<center>
  <figure>
    <img
      alt="listItem-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643179903725799716.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 右侧组件自定义和指定箭头方向效果

```jsx | pure
<ListItem title="主标题" extra={<Switch />} />
<ListItem title="主标题" brief="主标题下面的副标题" arrow="down" />
<ListItem title="主标题" brief="主标题下面的副标题" arrow="horizontal" />
<ListItem title="主标题" brief="主标题下面的副标题" arrow="up" />
```

<center>
  <figure>
    <img
      alt="listItem-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643180063998650000.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 右侧文字换行和过长省略效果、以及添加 required 效果

```jsx | pure
<ListItem title="长内容" wrap extra="httpsos.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png" required />
<ListItem title="长内容" extra="httpsos.alipayobjects.com/rmsportal/mOoPurdIfmcuqtr.png" arrow="horizontal" />
```

<center>
  <figure>
    <img
      alt="listItem-ios5.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643180141868574568.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性            | 必填    | 说明                       | 类型                                          | 默认值  |
| --------------- | ------- | -------------------------- | --------------------------------------------- | ------- |
| title           | `true`  | 主标题                     | `ReactNode`                                   |         |
| brief           | `false` | 主标题下面的副标题         | `ReactNode`                                   |         |
| extra           | `false` | 右面的文字或组件           | `ReactNode`                                   |         |
| thumb           | `false` | 缩略图                     | `ReactNode`                                   |         |
| onPress         | `false` | 按下的回调函数             | `() => void`                                  |         |
| minHeight       | `false` | 最小高度                   | `number`                                      |         |
| style           | `false` | 自定义 style               | `ViewStyle`                                   |         |
| required        | `false` | 是否必填，必填显示红色\*号 | `boolean`                                     | `false` |
| wrap            | `false` | 是否折行                   | `boolean`                                     | `false` |
| arrow           | `false` | 右侧箭头指示方向           | `horizontal` \| `down` \| `up` \| `ReactNode` |         |
| activeOpacity   | `false` | 按下时的不透明度 Ï         | `number`                                      | `0.6`   |
| backgroundColor | `false` | 列表项背景色               | `主题颜色`                                    |         |


================================================
FILE: packages/react-native/src/list-item/index.tsx
================================================
import React, { FC, memo, PropsWithChildren, ReactElement, ReactNode, useMemo } from 'react';
import { Keyboard, StyleProp, ViewStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon, { IconNames } from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';

const { ONE_PIXEL } = helpers;

const iconMap: Record<string, IconNames> = {
  horizontal: 'right',
  down: 'down',
  up: 'up',
};

export type ListItemProps = {
  /** 主标题  */
  title: ReactNode;
  /** 右面的文字或组件  */
  extra?: ReactNode;
  /** 主标题下面的副标题  */
  brief?: ReactNode;
  /** 缩略图  */
  thumb?: ReactElement;
  /** 按下的回调函数  */
  onPress?: () => void;
  /** 自定义style  */
  style?: StyleProp<ViewStyle>;
  /** 是否必填，必填显示红色*号 */
  required?: boolean;
  /** 右侧箭头指示方向 */
  arrow?: 'horizontal' | 'down' | 'up' | ReactNode;
  /** 是否折行  */
  wrap?: boolean;
  /** 按下时的不透明度  */
  activeOpacity?: number;
  /** 背景色 */
  backgroundColor?: string;
  /** 边框颜色 */
  borderColor?: keyof Theme['colors'];
  /** 是否显示边框 */
  bordered?: boolean;
};

const Brief: FC<PropsWithChildren<Pick<ListItemProps, 'wrap'>>> = props => {
  const { children, wrap } = props;
  const numberOfLines = wrap ? {} : { numberOfLines: 1 };
  return (
    <Box marginTop="x1">
      {typeof children === 'string' ? (
        <Text {...numberOfLines} variant="p2" color="text">
          {children}
        </Text>
      ) : (
        children
      )}
    </Box>
  );
};

const ListItem = ({
  title,
  brief,
  thumb,
  onPress,
  backgroundColor,
  borderColor = 'border',
  bordered = true,
  style,
  extra,
  arrow,
  wrap = false,
  required = false,
  activeOpacity = 0.6,
}: ListItemProps) => {
  if (!onPress)
    return (
      <>
        <Content {...{ backgroundColor, style, required, title, brief, thumb, extra, arrow, wrap }} />
        {bordered && <Box width={'100%'} height={ONE_PIXEL} backgroundColor={borderColor} />}
      </>
    );

  return (
    <Pressable
      activeOpacity={activeOpacity}
      onPress={() => {
        Keyboard.dismiss();
        onPress();
      }}
    >
      <Content {...{ backgroundColor, style, required, title, brief, thumb, extra, arrow, wrap }} />
      {bordered && <Box width={'100%'} height={ONE_PIXEL} backgroundColor={borderColor} />}
    </Pressable>
  );
};
ListItem.displayName = 'ListItem';

export default memo(ListItem);

const Content = ({
  backgroundColor,
  style,
  required,
  thumb,
  title,
  brief,
  wrap,
  extra,
  arrow,
}: Omit<ListItemProps, 'onPress' | 'activeOpacity'>) => {
  const theme = useTheme<Theme>();

  const Title = useMemo(
    () => (
      <Box paddingLeft={thumb ? 'x1' : 'x0'}>
        {typeof title === 'string' ? (
          <Text variant="p1" color="text" numberOfLines={1}>
            {title}
          </Text>
        ) : (
          title
        )}
      </Box>
    ),
    [thumb, title]
  );

  const Extra = useMemo(() => {
    if (!extra) return null;
    if (typeof extra === 'string') {
      const numberOfLines = wrap ? {} : { numberOfLines: 1 };
      return (
        <Text
          variant="p1"
          color="text"
          style={{
            textAlign: 'right',
            textAlignVertical: 'center',
          }}
          {...numberOfLines}
        >
          {extra}
        </Text>
      );
    }
    return extra;
  }, [extra, wrap]);

  const Arrow = useMemo(() => {
    if (!arrow) return null;
    if (typeof arrow === 'string')
      return (
        <Box>
          <SvgIcon name={iconMap[arrow]} color={theme.colors.icon} />
        </Box>
      );
    return arrow;
  }, [arrow, theme.colors.icon]);

  return (
    <Box paddingVertical="x2" paddingHorizontal={'x2'} justifyContent="center" style={[{ backgroundColor }, style]}>
      <Flex>
        <Flex flex={1}>
          <Flex marginRight={'x5'} justifyContent="center" alignItems="center">
            {required && (
              <Text variant="p1" color="func600">
                *
              </Text>
            )}
            {thumb}
            {Title}
          </Flex>
          <Box flex={1} alignItems="flex-end">
            {Extra}
          </Box>
        </Flex>
        {Arrow}
      </Flex>
      {!!brief && <Brief wrap={wrap}>{brief}</Brief>}
    </Box>
  );
};


================================================
FILE: packages/react-native/src/menu/Chevron.tsx
================================================
import React, { FC, memo } from 'react';
import Animated, { useAnimatedStyle } from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import SvgIcon from '../svg-icon';
import { Theme } from '../theme';
import { mix } from '../utils/redash';

const Chevron: FC<{ progress: Animated.SharedValue<number> }> = ({ progress }) => {
  const theme = useTheme<Theme>();
  const style = useAnimatedStyle(() => ({
    transform: [{ rotateZ: `${mix(progress.value, 0, Math.PI)}rad` }],
  }));

  return (
    <Animated.View style={style}>
      <SvgIcon name="down" color={theme.colors.gray500} />
    </Animated.View>
  );
};

export default memo(Chevron);


================================================
FILE: packages/react-native/src/menu/MenuGroup.tsx
================================================
import React, { memo, PropsWithChildren } from 'react';
import Animated from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import helpers from '../helpers';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import Chevron from './Chevron';
import { MenuItemProps } from './type';
import useGroup from './useGroup';

const { ONE_PIXEL } = helpers;

const MenuGroup = ({
  activeOpacity,
  disabled,
  left,
  title,
  openKeys,
  setOpenKeys,
  id,
  level,
  children,
}: PropsWithChildren<
  Omit<MenuItemProps, 'activeColor' | 'activeTextColor' | 'items'> & {
    openKeys: string[];
    setOpenKeys: React.Dispatch<React.SetStateAction<string[]>>;
    level: number;
  }
>) => {
  const theme = useTheme<Theme>();
  const { bodyStyle, progress, handleLayout, handlePress } = useGroup({ openKeys, setOpenKeys, id });

  return (
    <Box backgroundColor={'gray50'}>
      <Pressable
        activeOpacity={activeOpacity}
        onPress={handlePress}
        disabled={disabled}
        style={{
          flexDirection: 'row',
          alignItems: 'center',
          paddingVertical: theme.spacing.x2,
          paddingHorizontal: theme.spacing.x2,
          borderBottomWidth: ONE_PIXEL,
          borderColor: theme.colors.border,
        }}
      >
        <Box>{left}</Box>
        <Box flex={1} style={{ paddingLeft: level * theme.spacing.x2 }}>
          <Text variant="p0" color="text">
            {title}
          </Text>
        </Box>
        <Chevron {...{ progress }} />
      </Pressable>
      <Animated.View style={[{ position: 'relative', overflow: 'hidden' }, bodyStyle]}>
        <Box position={'absolute'} width="100%" collapsable={false} onLayout={handleLayout}>
          {children}
        </Box>
      </Animated.View>
    </Box>
  );
};
MenuGroup.displayName = 'MenuGroup';

export default memo(MenuGroup);


================================================
FILE: packages/react-native/src/menu/MenuItem.tsx
================================================
import React, { FC, memo } from 'react';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import { MenuItemProps } from './type';

const { ONE_PIXEL } = helpers;
const MenuItem: FC<MenuItemProps & { level: number; currentKey?: string; onSelect: (key: string) => void }> = ({
  level,
  title,
  left,
  customIcon,
  onSelect,
  disabled,
  id,
  currentKey,
  activeOpacity = 0.6,
  ...restProps
}) => {
  const theme = useTheme<Theme>();
  const { activeColor = theme.colors.primary200, activeTextColor = theme.colors.text_active } = restProps;

  const selected = id === currentKey;

  return (
    <Pressable
      key={id}
      activeOpacity={activeOpacity}
      onPress={() => onSelect(id)}
      disabled={disabled}
      style={{
        flexDirection: 'row',
        alignItems: 'center',
        backgroundColor: selected ? activeColor : theme.colors.white,
        paddingVertical: theme.spacing.x2,
        paddingHorizontal: theme.spacing.x2,
        borderBottomWidth: ONE_PIXEL,
        borderColor: theme.colors.border,
      }}
    >
      <Box>{left}</Box>
      <Box flex={1} style={{ paddingLeft: level * theme.spacing.x2 }}>
        <Text variant="p0" style={{ color: selected ? activeTextColor : theme.colors.text }}>
          {title}
        </Text>
      </Box>
      <Box>{customIcon ?? <SvgIcon name="right" color={selected ? theme.colors.white : theme.colors.gray500} />}</Box>
    </Pressable>
  );
};
MenuItem.displayName = 'MenuItem';

export default memo(MenuItem);


================================================
FILE: packages/react-native/src/menu/index.md
================================================
---
title: Menu - 菜单组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# Menu 菜单组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Menu
  data={[
    {
      id: '1',
      title: 'Akveo React Native',
      items: [
        { id: '1-1', title: 'UI Kitten' },
        {
          id: '1-2',
          title: 'Kitten Tricks',
          items: [
            { id: '1-2-1', title: 'React Native Paper' },
            { id: '1-2-2', title: 'TD Design' },
          ],
        },
      ],
    },
    {
      id: '2',
      title: 'Akveo Angular',
      items: [
        { id: '2-1', title: 'Nebular' },
        { id: '2-2', title: 'ngx-admin' },
        { id: '2-3', title: 'UI Bakery' },
      ],
    },
    {
      id: '3',
      title: 'Akveo Design',
      items: [
        { id: '3-1', title: 'Eva Design System' },
        { id: '3-2', title: 'Eva Icons' },
      ],
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643182636025692280.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 允许展开多个菜单组

```tsx | pure
<Menu
  multiple
  data={[
    {
      id: '1',
      title: 'Akveo React Native',
      items: [
        { id: '1-1', title: 'UI Kitten' },
        {
          id: '1-2',
          title: 'Kitten Tricks',
          items: [
            { id: '1-2-1', title: 'React Native Paper' },
            { id: '1-2-2', title: 'TD Design' },
          ],
        },
      ],
    },
    {
      id: '2',
      title: 'Akveo Angular',
      items: [
        { id: '2-1', title: 'Nebular' },
        { id: '2-2', title: 'ngx-admin' },
        { id: '2-3', title: 'UI Bakery' },
      ],
    },
    {
      id: '3',
      title: 'Akveo Design',
      items: [
        { id: '3-1', title: 'Eva Design System' },
        { id: '3-2', title: 'Eva Icons' },
      ],
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643182742563505265.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 默认选中

```tsx | pure
<Menu
  defaultSelectedKey="1-2-1"
  data={[
    {
      id: '1',
      title: 'Akveo React Native',
      items: [
        { id: '1-1', title: 'UI Kitten' },
        {
          id: '1-2',
          title: 'Kitten Tricks',
          items: [
            { id: '1-2-1', title: 'React Native Paper' },
            { id: '1-2-2', title: 'TD Design' },
          ],
        },
      ],
    },
    {
      id: '2',
      title: 'Akveo Angular',
      items: [
        { id: '2-1', title: 'Nebular' },
        { id: '2-2', title: 'ngx-admin' },
        { id: '2-3', title: 'UI Bakery' },
      ],
    },
    {
      id: '3',
      title: 'Akveo Design',
      items: [
        { id: '3-1', title: 'Eva Design System' },
        { id: '3-2', title: 'Eva Icons' },
      ],
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643182794298569975.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 标题左侧图标

```tsx | pure
<Menu
  data={[
    {
      id: '1',
      title: 'Akveo React Native',
      left: <IconHome />,
      items: [
        { id: '1-1', title: 'UI Kitten' },
        {
          id: '1-2',
          title: 'Kitten Tricks',
          items: [
            { id: '1-2-1', title: 'React Native Paper' },
            { id: '1-2-2', title: 'TD Design' },
          ],
        },
      ],
    },
    {
      id: '2',
      title: 'Akveo Angular',
      left: <IconNotification />,
      items: [
        { id: '2-1', title: 'Nebular' },
        { id: '2-2', title: 'ngx-admin' },
        { id: '2-3', title: 'UI Bakery' },
      ],
    },
    {
      id: '3',
      title: 'Akveo Design',
      left: <IconCreate />,
      items: [
        { id: '3-1', title: 'Eva Design System' },
        { id: '3-2', title: 'Eva Icons' },
      ],
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643182918993710418.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. MenuItem 右侧图标

```tsx | pure
<Menu
  data={[
    {
      id: '1',
      title: 'Akveo React Native',
      customIcon: <IconHome />,
    },
    {
      id: '2',
      title: 'Akveo Angular',
      customIcon: <IconNotification />,
    },
    {
      id: '3',
      title: 'Akveo Design',
      customIcon: <IconCreate />,
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643182990373408617.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Menu

| 属性               | 必填    | 说明                       | 类型                    | 默认值        |
| ------------------ | ------- | -------------------------- | ----------------------- | ------------- |
| data               | `true`  | 菜单数据                   | `MenuItemProps[]`       |               |
| multiple           | `false` | 是否允许展开多个菜单组     | `boolean`               | `false`       |
| width              | `false` | 宽度                       | `number`                | `deviceWidth` |
| selectedKey        | `false` | 选中的菜单                 | `string`                |               |
| defaultSelectedKey | `false` | 默认选中的菜单             | `string`                |               |
| onSelect           | `false` | 选中 MenuItem 时触发的事件 | `(key: string) => void` |               |
| activeColor        | `false` | MenuItem 选中时背景色      | `string`                |               |
| activeTextColor    | `false` | MenuItem 选中时文字颜色    | `string`                |               |
| style              | `false` | 自定义样式                 | `ViewStyle`             |               |
| itemStyle          | `false` | 菜单项样式                 | `ViewStyle`             |               |
| activeOpacity      | `false` | 菜单项点击时的不透明度     | `number`                | `0.6`         |

### MenuItemProps

| 属性       | 必填    | 说明           | 类型              | 默认值  |
| ---------- | ------- | -------------- | ----------------- | ------- |
| id         | `true`  | 唯一标识       | `string`          |         |
| title      | `true`  | 标题           | `string`          |         |
| left       | `false` | 自定义左侧内容 | `ReactNode`       |         |
| customIcon | `false` | 自定义图标     | `ReactNode`       |         |
| disabled   | `false` | 是否禁用菜单项 | `boolean`         | `false` |
| items      | `false` | 下级菜单       | `MenuItemProps[]` |         |


================================================
FILE: packages/react-native/src/menu/index.tsx
================================================
import React, { FC } from 'react';
import { ScrollView } from 'react-native';

import helpers from '../helpers';
import MenuGroup from './MenuGroup';
import MenuItem from './MenuItem';
import { MenuItemProps, MenuProps } from './type';
import useMenu from './useMenu';

const { deviceWidth } = helpers;
const Menu: FC<MenuProps> = props => {
  const {
    data,
    multiple = false,
    selectedKey,
    defaultSelectedKey,
    width = deviceWidth,
    onSelect,
    activeOpacity = 0.6,
    style,
    itemStyle,
    activeColor,
    activeTextColor,
  } = props;
  const { currentKey, openKeys, setOpenKeys, handleSelect } = useMenu({
    selectedKey,
    defaultSelectedKey,
    onSelect,
    data,
    multiple,
  });

  const renderItem = (item: MenuItemProps, level: number) => {
    if (item.items && Array.isArray(item.items) && item.items.length > 0) {
      return (
        <MenuGroup
          key={item.id}
          {...item}
          {...{
            itemStyle,
            activeOpacity,
            onSelect: handleSelect,
            currentKey,
            openKeys,
            setOpenKeys,
            level,
          }}
        >
          {item.items.map(item => renderItem(item, level + 1))}
        </MenuGroup>
      );
    }
    return (
      <MenuItem
        key={item.id}
        {...item}
        {...{
          level,
          itemStyle,
          activeOpacity,
          onSelect: handleSelect,
          currentKey,
          activeColor,
          activeTextColor,
        }}
      />
    );
  };

  return (
    <ScrollView bounces={false} horizontal={false} showsVerticalScrollIndicator={false} style={[{ width }, style]}>
      {data.map(item => renderItem(item, 1))}
    </ScrollView>
  );
};
Menu.displayName = 'Menu';

export default Menu;


================================================
FILE: packages/react-native/src/menu/type.ts
================================================
import { ReactElement } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

export interface StyleProps {
  /** 选中时背景色 */
  activeColor?: string;
  /** 选中时文字颜色 */
  activeTextColor?: string;
}

export type MenuProps = StyleProps & {
  /** 是否允许展开多个菜单组 */
  multiple?: boolean;
  /** 子菜单 */
  data: MenuItemProps[];
  /** 选中的子菜单的id */
  selectedKey?: string;
  /** 默认选中的子菜单的id */
  defaultSelectedKey?: string;
  /** 选择一个 MenuItem 的事件 */
  onSelect?: (selectedIndex: string) => void;
  /** 宽度 */
  width?: number;
  /** 自定义样式 */
  style?: StyleProp<ViewStyle>;
  /** 菜单项的样式 */
  itemStyle?: StyleProp<ViewStyle>;
  /** 按下时的不透明度 */
  activeOpacity?: number;
};

export type MenuItemProps = Pick<MenuProps, 'activeOpacity' | 'itemStyle'> &
  StyleProps & {
    /** 菜单的唯一标识 */
    id: string;
    /** 标题 */
    title: string;
    /** 左侧自定义内容，如图标 */
    left?: ReactElement;
    /** 右侧自定义内容，如图标 */
    customIcon?: ReactElement;
    /** 是否禁用 */
    disabled?: boolean;
    /** 子菜单 */
    items?: MenuItemProps[];
  };


================================================
FILE: packages/react-native/src/menu/useGroup.ts
================================================
import { useEffect } from 'react';
import { LayoutChangeEvent } from 'react-native';
import { interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

export default function useGroup({
  openKeys,
  setOpenKeys,
  id,
}: {
  id: string;
  openKeys: string[];
  setOpenKeys: React.Dispatch<React.SetStateAction<string[]>>;
}) {
  const progress = useSharedValue(0);
  const [bodySectionHeight, setBodySectionHeight] = useSafeState(0);

  const handleLayout = (e: LayoutChangeEvent) => {
    setBodySectionHeight(Math.ceil(e.nativeEvent.layout.height));
  };

  const bodyStyle = useAnimatedStyle(() => {
    return {
      height: interpolate(progress.value, [0, 1], [0, bodySectionHeight]),
    };
  });

  /** 默认展开菜单 */
  useEffect(() => {
    if (openKeys.length === 0) return;

    progress.value = withTiming(!openKeys.includes(id) ? 0 : 1);
  }, [openKeys]);

  const handlePress = () => {
    if (progress.value === 0) {
      // 打开菜单
      setOpenKeys(keys => [...keys, id]);
      progress.value = withTiming(1);
    } else {
      // 关闭菜单
      setOpenKeys(keys => keys.filter(key => key !== id));
      progress.value = withTiming(0);
    }
  };

  return {
    bodyStyle,
    progress,

    handleLayout,
    handlePress: useMemoizedFn(handlePress),
  };
}


================================================
FILE: packages/react-native/src/menu/useMenu.ts
================================================
import { useEffect, useMemo } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { MenuItemProps, MenuProps } from './type';

type FlattenedMenuItem = MenuItemProps & { parentId?: string };

export default function useMenu({
  data,
  onSelect,
  selectedKey,
  defaultSelectedKey,
  multiple,
}: Pick<MenuProps, 'data' | 'onSelect' | 'defaultSelectedKey' | 'selectedKey' | 'multiple'>) {
  const [currentKey, setCurrentKey] = useSafeState<string>();
  const [openKeys, setOpenKeys] = useSafeState<string[]>([]);

  const flattenItems = useMemo(() => {
    const flattenItems: FlattenedMenuItem[] = [];

    const flatten = (items: MenuProps['data'], parentId?: string) => {
      items.forEach(item => {
        const flattenedItem: FlattenedMenuItem = { ...item, parentId };
        flattenItems.push(flattenedItem);
        if (item.items) {
          flatten(item.items, item.id);
        }
      });
    };

    flatten(data);

    return flattenItems;
  }, [data]);

  /** 设置当前选中的子菜单 */
  useEffect(() => {
    setCurrentKey(selectedKey || defaultSelectedKey);
  }, [selectedKey, defaultSelectedKey]);

  /** 设置当前展开的菜单组 */
  useEffect(() => {
    const openKeys = new Set<string>();

    const findOpenKeys = (key: string) => {
      const item = flattenItems.find(item => item.id === key);
      if (item?.parentId) {
        openKeys.add(item.parentId);
        findOpenKeys(item.parentId);
      }
    };

    if (currentKey) {
      findOpenKeys(currentKey);
    }

    if (multiple) {
      setOpenKeys(keys => [...openKeys, ...keys]);
    } else {
      setOpenKeys([...openKeys]);
    }
  }, [currentKey, flattenItems]);

  const handleSelect = (key: string) => {
    setCurrentKey(key);
    onSelect?.(key);
  };

  return {
    currentKey,
    openKeys,
    handleSelect: useMemoizedFn(handleSelect),
    setOpenKeys,
  };
}


================================================
FILE: packages/react-native/src/modal/Modal/ModalView.tsx
================================================
import React, { PropsWithChildren } from 'react';
import { StyleSheet, TouchableWithoutFeedback } from 'react-native';
import Animated from 'react-native-reanimated';
import { SafeAreaView } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';

import { Theme } from '../../theme';
import { ModalProps } from '../type';
import useModal from './useModal';

export default function ModalView(props: PropsWithChildren<ModalProps>) {
  const {
    bodyContainerStyle,
    animationType = 'slide',
    animationDuration = 300,
    visible = false,
    maskClosable = true,
    maskVisible = true,
    position = 'bottom',
    onClose,
    onAnimationEnd,
    onRequestClose,
    children,
  } = props;
  const theme = useTheme<Theme>();
  const { modalVisible, wrapStyle, defaultStyle, handleMaskClose, animationStyleMap } = useModal({
    animationType,
    animationDuration,
    visible,
    maskClosable,
    position,
    onClose,
    onAnimationEnd,
    onRequestClose,
  });

  if (!modalVisible) return null;

  const styles = StyleSheet.create({
    safeArea: { flex: 1, zIndex: 999 },
  });
  return (
    <SafeAreaView edges={[]} style={[styles.safeArea, defaultStyle]}>
      {maskVisible && (
        <TouchableWithoutFeedback onPress={handleMaskClose}>
          <Animated.View style={[StyleSheet.absoluteFill, { backgroundColor: theme.colors.mask }]} />
        </TouchableWithoutFeedback>
      )}
      <Animated.View style={[wrapStyle, bodyContainerStyle, animationStyleMap[animationType]]}>
        {children}
      </Animated.View>
    </SafeAreaView>
  );
}


================================================
FILE: packages/react-native/src/modal/Modal/index.tsx
================================================
import React, { PropsWithChildren } from 'react';

import Portal from '../../portal';
import { ModalProps } from '../type';
import ModalView from './ModalView';

export default function Modal(props: PropsWithChildren<ModalProps>) {
  const {
    animationType = 'slide',
    animationDuration = 300,
    visible = false,
    maskClosable = true,
    maskVisible = true,
    position = 'bottom',
    children,
    ...rest
  } = props;

  return (
    <Portal>
      <ModalView
        {...rest}
        visible={visible}
        animationType={animationType}
        animationDuration={animationDuration}
        maskClosable={maskClosable}
        maskVisible={maskVisible}
        position={position}
      >
        {children}
      </ModalView>
    </Portal>
  );
}

Modal.displayName = 'Modal';


================================================
FILE: packages/react-native/src/modal/Modal/useModal.ts
================================================
import { useEffect } from 'react';
import { BackHandler, Dimensions, StyleProp, ViewStyle } from 'react-native';
import { runOnJS, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';
import { useMemoizedFn, usePrevious, useSafeState } from '@td-design/rn-hooks';

import { Theme } from '../../theme';
import { ModalProps } from '../type';

const screen = Dimensions.get('screen');

const getPosition = (visible: boolean) => {
  return visible ? 0 : screen.height;
};

const getScale = (visible: boolean) => {
  'worklet';
  return visible ? 1 : 1.05;
};

const getOpacity = (visible: boolean) => {
  'worklet';
  return visible ? 1 : 0;
};

export default function useModal({
  animationType,
  animationDuration,
  visible,
  maskClosable,
  position,
  onClose,
  onAnimationEnd,
  onRequestClose,
}: ModalProps) {
  const theme = useTheme<Theme>();
  const insets = useSafeAreaInsets();

  const prevVisible = usePrevious(visible);
  const translateY = useSharedValue(0);
  const scale = useSharedValue(1);
  const opacity = useSharedValue(1);

  // 通过modalVisible来控制modal的显示和隐藏，之所以要用modalVisible，是想要让modal的显隐有动画效果
  const [modalVisible, setModalVisible] = useSafeState(visible);

  useEffect(() => {
    if (visible) {
      setModalVisible(true);
    }
  }, [visible]);

  const onBackAndroid = useMemoizedFn(() => {
    if (typeof onRequestClose === 'function') {
      return onRequestClose();
    }
    onClose?.();

    return visible ? true : false; // 返回true表示拦截了返回键
  });

  useEffect(() => {
    const backHandler = BackHandler.addEventListener('hardwareBackPress', onBackAndroid);

    return () => backHandler.remove();
  }, [onBackAndroid]);

  const animateCallback = useMemoizedFn((visible: boolean) => {
    setModalVisible(visible);
    onAnimationEnd?.(visible);
  });

  useEffect(() => {
    if (prevVisible !== visible) {
      if (animationType === 'slide') {
        translateY.value = withTiming(
          getPosition(visible),
          {
            duration: animationDuration,
          },
          () => {
            runOnJS(animateCallback)(visible);
          }
        );
      } else if (animationType === 'fade') {
        opacity.value = withTiming(getOpacity(visible), {
          duration: animationDuration,
        });
        scale.value = withSpring(getScale(visible), {}, () => {
          runOnJS(animateCallback)(visible);
        });
      }
    }
  }, [visible, animationType, position, animationDuration]);

  const handleMaskClose = () => {
    if (maskClosable) {
      onClose?.();
    }
  };

  const slideStyle = useAnimatedStyle(() => {
    return {
      transform: [
        {
          translateY: translateY.value,
        },
      ],
    };
  });

  const fadeStyle = useAnimatedStyle(() => {
    return {
      transform: [{ scale: scale.value }],
      opacity: opacity.value,
    };
  });

  const animationStyleMap = {
    slide: slideStyle,
    fade: fadeStyle,
  };

  const defaultStyle: StyleProp<ViewStyle> = {
    flexDirection: position === 'bottom' ? 'column-reverse' : 'column',
  };
  const wrapStyle: StyleProp<ViewStyle> = {
    backgroundColor: theme.colors.white,
    borderRadius: theme.borderRadii.x3,
  };
  switch (position) {
    case 'top':
      wrapStyle.paddingTop = insets.top;
      break;
    case 'bottom':
      wrapStyle.paddingBottom = insets.bottom;
      break;
    case 'center':
      defaultStyle.justifyContent = 'center';
      break;
    case 'fullscreen':
      wrapStyle.flex = 1;
      wrapStyle.paddingTop = insets.top;
      wrapStyle.paddingBottom = insets.bottom;
      break;
  }

  return {
    modalVisible,
    wrapStyle,
    defaultStyle,
    handleMaskClose,
    animationStyleMap,
  };
}


================================================
FILE: packages/react-native/src/modal/alert/AlertContainer.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useSafeState } from '@td-design/rn-hooks';

import Box from '../../box';
import Button from '../../button';
import Flex from '../../flex';
import helpers from '../../helpers';
import Text from '../../text';
import { Theme } from '../../theme';
import ModalView from '../Modal/ModalView';
import { AlertProps } from '../type';

const { ONE_PIXEL } = helpers;
const AlertContainer: FC<
  AlertProps & {
    onAnimationEnd?: (visible: boolean) => void;
  }
> = ({ icon, title, content, confirmText = '确定', onPress, onAnimationEnd }) => {
  const theme = useTheme<Theme>();
  const [visible, setVisible] = useSafeState(true);
  const [loading, setLoading] = useSafeState(false);

  /** 确定操作 */
  const handlePress = async () => {
    if (!onPress) {
      setVisible(false);
      return;
    }
    try {
      setLoading(true);
      await onPress();
      setLoading(false);
      setVisible(false);
    } catch (error) {
      setLoading(false);
    }
  };

  const footer = (
    <Box borderTopWidth={ONE_PIXEL} borderTopColor={'border'}>
      <Button
        style={{ paddingVertical: theme.spacing.x3 }}
        loading={loading}
        onPress={handlePress}
        title={confirmText}
        type="secondary"
        bordered={false}
      />
    </Box>
  );

  const styles = StyleSheet.create({
    modal: { marginHorizontal: theme.spacing.x3, borderRadius: theme.borderRadii.x3 },
  });

  return (
    <ModalView
      position="center"
      visible={visible}
      maskClosable={false}
      onAnimationEnd={onAnimationEnd}
      onClose={() => setVisible(false)}
      bodyContainerStyle={styles.modal}
    >
      <Box marginBottom="x3">
        {!!icon && <Flex justifyContent="center">{icon}</Flex>}
        {!!title && (
          <Flex justifyContent="center" marginVertical="x2">
            {typeof title === 'string' ? (
              <Text variant="h1" color="text">
                {title}
              </Text>
            ) : (
              title
            )}
          </Flex>
        )}
        {typeof content === 'string' ? (
          <Flex justifyContent="center">
            <Text variant="p1" color="text">
              {content}
            </Text>
          </Flex>
        ) : (
          content
        )}
      </Box>
      {footer}
    </ModalView>
  );
};
export default AlertContainer;


================================================
FILE: packages/react-native/src/modal/alert/index.tsx
================================================
import React from 'react';

import Portal from '../../portal';
import { AlertProps } from '../type';
import AlertContainer from './AlertContainer';

export default function alert(props: AlertProps) {
  const key = Portal.add(
    <AlertContainer
      {...props}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
}


================================================
FILE: packages/react-native/src/modal/confirm/ConfirmContainer.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../../box';
import Button from '../../button';
import Flex from '../../flex';
import helpers from '../../helpers';
import Text from '../../text';
import { Theme } from '../../theme';
import ModalView from '../Modal/ModalView';
import { ConfirmProps } from '../type';
import useConfirm from './useConfirm';

const { ONE_PIXEL } = helpers;
const ConfirmContainer: FC<
  ConfirmProps & {
    onAnimationEnd?: (visible: boolean) => void;
  }
> = ({ icon, title, content, okText, cancelText, onOk, onCancel, onAnimationEnd }) => {
  const theme = useTheme<Theme>();

  const { visible, okBtnLoading, cancelBtnLoading, hide, handleOk, handleCancel } = useConfirm({ onOk, onCancel });

  const styles = StyleSheet.create({
    modal: { marginHorizontal: theme.spacing.x3, borderRadius: theme.borderRadii.x3 },
  });

  return (
    <ModalView
      position="center"
      visible={visible}
      maskClosable={false}
      onAnimationEnd={onAnimationEnd}
      onClose={hide}
      bodyContainerStyle={styles.modal}
    >
      <Box marginBottom="x2">
        {!!icon && <Flex justifyContent="center">{icon}</Flex>}
        <Flex flexDirection="column" justifyContent="center" marginVertical="x2">
          {typeof title === 'string' ? (
            <Text variant="h1" color="text">
              {title}
            </Text>
          ) : (
            title
          )}
        </Flex>
        {typeof content === 'string' ? (
          <Flex justifyContent="center">
            <Text variant="p1" color="text">
              {content}
            </Text>
          </Flex>
        ) : (
          content
        )}
      </Box>
      <Flex borderTopWidth={ONE_PIXEL} borderTopColor="border">
        <Flex.Item borderRightWidth={ONE_PIXEL} borderRightColor="border">
          <Button
            loading={cancelBtnLoading}
            onPress={handleCancel}
            title={
              <Text variant="p0" color="text">
                {cancelText}
              </Text>
            }
            type="secondary"
            bordered={false}
            style={{ paddingVertical: theme.spacing.x3 }}
          />
        </Flex.Item>
        <Flex.Item>
          <Button
            loading={okBtnLoading}
            onPress={handleOk}
            title={okText}
            type="secondary"
            bordered={false}
            style={{ paddingVertical: theme.spacing.x3 }}
          />
        </Flex.Item>
      </Flex>
    </ModalView>
  );
};
export default ConfirmContainer;


================================================
FILE: packages/react-native/src/modal/confirm/index.tsx
================================================
import React from 'react';

import Portal from '../../portal';
import { ConfirmProps } from '../type';
import ConfirmContainer from './ConfirmContainer';

export default function confirm({ okText = '确定', cancelText = '取消', ...restProps }: ConfirmProps) {
  const key = Portal.add(
    <ConfirmContainer
      {...{
        okText,
        cancelText,
        ...restProps,
      }}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
}


================================================
FILE: packages/react-native/src/modal/confirm/useConfirm.ts
================================================
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { ConfirmProps } from '../type';

export default function useConfirm({ onOk, onCancel }: Pick<ConfirmProps, 'onOk' | 'onCancel'>) {
  const [visible, setVisible] = useSafeState(true);
  const [okBtnLoading, setOkBtnLoading] = useSafeState(false);
  const [cancelBtnLoading, setCancelBtnLoading] = useSafeState(false);

  /** 确定操作 */
  const handleOk = async () => {
    if (!onOk) {
      setVisible(false);
      return;
    }
    try {
      setOkBtnLoading(true);
      await onOk();
      setOkBtnLoading(false);
      setVisible(false);
    } catch (error) {
      setOkBtnLoading(false);
    }
  };

  /** 取消操作 */
  const handleCancel = async () => {
    if (!onCancel) {
      setVisible(false);
      return;
    }
    try {
      setCancelBtnLoading(true);
      await onCancel();
      setCancelBtnLoading(false);
      setVisible(false);
    } catch (error) {
      setCancelBtnLoading(false);
    }
  };

  return {
    visible,
    okBtnLoading,
    cancelBtnLoading,
    hide: () => setVisible(false),
    handleOk: useMemoizedFn(handleOk),
    handleCancel: useMemoizedFn(handleCancel),
  };
}


================================================
FILE: packages/react-native/src/modal/index.md
================================================
---
title: Modal - 弹窗组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
---

# Modal 弹窗组件

## Modal

### Modal 效果演示

### 1. 内容在底部

```tsx | pure
<Modal visible={visible1} onClose={() => setVisible1(false)}>
  <Box height={120} backgroundColor="backgroundColor1">
    <Text variant="primaryBody">我是内容</Text>
  </Box>
</Modal>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609061134516514673.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 内容在中间

```tsx | pure
<Modal visible={visible2} onClose={() => setVisible2(false)} position="center">
  <Box height={120} backgroundColor="backgroundColor1">
    <Text variant="primaryBody">我是内容</Text>
  </Box>
</Modal>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609061077323714839.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 内容全屏

```tsx | pure
<Modal
  visible={visible3}
  onClose={() => setVisible3(false)}
  position="fullscreen"
  bodyContainerStyle={{ backgroundColor: 'gold' }}
>
  <Box height={300} backgroundColor="backgroundColor1">
    <Text variant="primaryBody">我是内容</Text>
  </Box>
  <Button title="关闭" onPress={() => setVisible3(false)} />
</Modal>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609061034699958617.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 点击蒙层不允许关闭

```tsx | pure
<Modal
  visible={visible3}
  onClose={() => setVisible3(false)}
  position="fullscreen"
  bodyContainerStyle={{ backgroundColor: 'gold' }}
>
  <Box height={300} backgroundColor="backgroundColor1">
    <Text variant="primaryBody">我是内容</Text>
  </Box>
  <Button title="关闭" onPress={() => setVisible3(false)} />
</Modal>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609061587754205803.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| visible | `true` | 是否显示弹窗 | `boolean` |  |
| onClose | `true` | 关闭弹窗事件 | `() => void` |  |
| maskClosable | `false` | 蒙层是否允许点击关闭弹窗 | `boolean` | `true` |
| maskVisible | `false` | 是否显示蒙层 | `boolean` | `true` |
| position | `false` | 内容显示位置 | `bottom` \| `center` \| `fullscreen` | `bottom` |
| bodyContainerStyle | `false` | 弹窗内容容器样式 | `ViewStyle` |  |
| duration | `false` | 弹窗显示/关闭时长(ms) | `number` | `100` |
| animationType | `false` | 弹窗动画 | `none`\|`fade`\|`slide-up`\|`slide-down` | `slide-up` |
| onAnimationEnd | `false ` | 弹窗动画结束后执行 | `(visible: boolean) => void` |  |
| onRequestClose | `false ` | 在用户按下 Android 设备上的后退按键时触发 | `() => void` |  |

## Modal.alert

### 效果演示

```tsx | pure
const handlePress = () => {
  Modal.alert({
    title: '我是弹窗',
    content: '我是内容',
  });
};
return (
  <Container>
    <Button title="弹窗" onPress={handlePress} />
  </Container>
);
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609067662316850211.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### API

| 属性        | 必填    | 说明         | 类型         | 默认值 |
| ----------- | ------- | ------------ | ------------ | ------ |
| icon        | `false` | 警示性图标   | `ReactNode`  |        |
| title       | `true`  | 标题         | `string`     |        |
| content     | `false` | 内容         | `ReactNode`  |        |
| onPress     | `false` | 点击回调事件 | `() => void` |        |
| confirmText | `true`  | 按钮文本     | `string`     | `确定` |

## Modal.confirm

### 效果演示

```tsx | pure
const handlePress = () => {
  Modal.confirm({
    title: '我是弹窗',
    content: '我是内容',
  });
};
return (
  <Container>
    <Button title="弹窗" onPress={handlePress} />
  </Container>
);
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609068219999821236.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### API

| 属性       | 必填    | 说明       | 类型                          | 默认值 |
| ---------- | ------- | ---------- | ----------------------------- | ------ |
| icon       | `false` | 警示性图标 | `ReactNode`                   |        |
| title      | `true`  | 标题       | `string`                      |        |
| content    | `false` | 内容       | `ReactNode`                   |        |
| onOk       | `false` | 确认事件   | `() => void \| Promise<void>` |        |
| onCancel   | `false` | 取消事件   | `() => void \| Promise<void>` |        |
| okText     | `false` | 确认文本   | `string`                      | `确定` |
| cancelText | `false` | 取消文本   | `string`                      | `取消` |

## Modal.prompt

### 效果演示

```tsx | pure
const [value, setValue] = useState<string>();
const handlePress = () => {
  Modal.prompt({
    title: '我是弹窗',
    content: '我是内容',
    input: <Input placeholder="请输入" />,
    onOk: setValue,
    onCancel: () => console.log(123),
  });
};
return (
  <Container>
    <Button title="弹窗" onPress={handlePress} />
    <WhiteSpace />
    <Text>您输入的是：{value}</Text>
  </Container>
);
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609068646112151949.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### API

| 属性       | 必填    | 说明             | 类型                                       | 默认值 |
| ---------- | ------- | ---------------- | ------------------------------------------ | ------ |
| title      | `true`  | 标题             | `string`                                   |        |
| content    | `false` | 内容             | `ReactNode`                                |        |
| onOk       | `false` | 确认事件         | `(value: string) => void \| Promise<void>` |        |
| onCancel   | `false` | 取消事件         | `() => void \| Promise<void>`              |        |
| okText     | `false` | 确认文本         | `string`                                   | `确定` |
| cancelText | `false` | 取消文本         | `string`                                   | `取消` |
| input      | `false` | 自定义输入框组件 | `ReactElement`                             |        |

## Modal.tip

### 效果演示

```tsx | pure
const handlePress = () => {
  Modal.tip({
    img: require('../../assets/images/island.jpg'),
    height: 400,
    title: '我是弹窗',
    content: '我是内容',
  });
};
return (
  <Container>
    <Button title="弹窗" onPress={handlePress} />
  </Container>
);
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609068774304649623.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### API

| 属性                   | 必填    | 说明               | 类型                  | 默认值 |
| ---------------------- | ------- | ------------------ | --------------------- | ------ |
| title                  | `true`  | 标题               | `string`              |        |
| content                | `false` | 内容               | `ReactNode`           |        |
| img                    | `true`  | 背景图             | `ImageSourcePropType` |        |
| height                 | `true`  | 高度               | `number`              |        |
| closeIconActiveOpacity | `false` | 关闭图标的不透明度 | `number`              | `0.6`  |


================================================
FILE: packages/react-native/src/modal/index.tsx
================================================
import alert from './alert';
import confirm from './confirm';
import Modal from './Modal';
import ModalView from './Modal/ModalView';
import prompt from './prompt';
import show from './show';
import tip from './tip';

export default Object.assign(Modal, { alert, confirm, prompt, tip, show, Content: ModalView });


================================================
FILE: packages/react-native/src/modal/prompt/PromptContainer.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../../box';
import Button from '../../button';
import Flex from '../../flex';
import helpers from '../../helpers';
import Text from '../../text';
import { Theme } from '../../theme';
import ModalView from '../Modal/ModalView';
import { PromptProps } from '../type';
import usePrompt from './usePrompt';

const { ONE_PIXEL } = helpers;
const PromptContainer: FC<
  PromptProps & {
    onAnimationEnd?: (visible: boolean) => void;
  }
> = ({ title, content, okText, cancelText, onOk, onCancel, onAnimationEnd, input }) => {
  const theme = useTheme<Theme>();
  const { value, onChange, visible, hide, handleOk, handleCancel, okBtnLoading, cancelBtnLoading } = usePrompt({
    onOk,
    onCancel,
  });

  const InputComp = React.cloneElement(input, {
    value,
    onChange,
  });

  const styles = StyleSheet.create({
    modal: { marginHorizontal: theme.spacing.x3, borderRadius: theme.borderRadii.x3 },
  });

  return (
    <ModalView
      position="center"
      visible={visible}
      maskClosable={false}
      onAnimationEnd={onAnimationEnd}
      onClose={hide}
      bodyContainerStyle={styles.modal}
    >
      <Box marginBottom="x2">
        <Flex flexDirection="column" justifyContent="center" marginBottom="x2">
          <Flex justifyContent="center" marginVertical="x2">
            {typeof title === 'string' ? (
              <Text variant="h1" color="text">
                {title}
              </Text>
            ) : (
              title
            )}
          </Flex>
          {typeof content === 'string' ? (
            <Text variant="p1" color="text">
              {content}
            </Text>
          ) : (
            content
          )}
        </Flex>
        <Box marginHorizontal="x3">{InputComp}</Box>
      </Box>
      <Flex borderTopWidth={ONE_PIXEL} borderTopColor="border">
        <Flex.Item borderRightWidth={ONE_PIXEL} borderRightColor="border">
          <Button
            loading={cancelBtnLoading}
            onPress={handleCancel}
            title={
              <Text variant="p0" color="text">
                {cancelText}
              </Text>
            }
            type="secondary"
            bordered={false}
            style={{ paddingVertical: theme.spacing.x3 }}
          />
        </Flex.Item>
        <Flex.Item>
          <Button
            loading={okBtnLoading}
            onPress={handleOk}
            title={okText}
            type="secondary"
            bordered={false}
            style={{ paddingVertical: theme.spacing.x3 }}
          />
        </Flex.Item>
      </Flex>
    </ModalView>
  );
};
export default PromptContainer;


================================================
FILE: packages/react-native/src/modal/prompt/index.tsx
================================================
import React from 'react';

import Portal from '../../portal';
import { PromptProps } from '../type';
import PromptContainer from './PromptContainer';

export default function prompt({ okText = '确定', cancelText = '取消', ...restProps }: PromptProps) {
  const key = Portal.add(
    <PromptContainer
      {...{ okText, cancelText, ...restProps }}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
}


================================================
FILE: packages/react-native/src/modal/prompt/usePrompt.ts
================================================
import { Keyboard } from 'react-native';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import useConfirm from '../confirm/useConfirm';
import { PromptProps } from '../type';

export default function usePrompt({ onOk, onCancel }: Pick<PromptProps, 'onOk' | 'onCancel'>) {
  const [value, onChange] = useSafeState();

  const okFun = useMemoizedFn(async () => {
    const result = await onOk?.(value);
    return result;
  });

  const {
    visible,
    okBtnLoading,
    cancelBtnLoading,
    hide,
    handleOk: _handleOk,
    handleCancel,
  } = useConfirm({
    onOk: okFun,
    onCancel,
  });

  const handleOk = useMemoizedFn(() => {
    Keyboard.dismiss();
    _handleOk();
  });

  return {
    value,
    visible,
    okBtnLoading,
    cancelBtnLoading,
    hide,
    onChange,
    handleOk,
    handleCancel,
  };
}


================================================
FILE: packages/react-native/src/modal/show/index.tsx
================================================
import React from 'react';

import { useSafeState } from '@td-design/rn-hooks';

import Portal from '../../portal';
import ModalView from '../Modal/ModalView';
import { ImperativeModalChildrenProps, ModalProps } from '../type';

export default function show(
  comp: React.ReactElement,
  props?: Omit<ModalProps, 'onAnimationEnd' | 'visible' | 'onClose'>
) {
  const key = Portal.add(
    <ModalContent
      {...props}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    >
      {comp}
    </ModalContent>
  );
}

const ModalContent = ({
  children,
  ...props
}: Omit<ModalProps, 'visible' | 'onClose'> & { children: React.ReactElement<ImperativeModalChildrenProps<{}>> }) => {
  const [visible, setVisible] = useSafeState(true);

  return (
    <ModalView
      position="center"
      maskVisible
      maskClosable
      animationType="slide"
      {...props}
      visible={visible}
      onClose={() => setVisible(false)}
    >
      {React.isValidElement(children)
        ? React.cloneElement(children, {
            // Add any props you want to pass to the child here
            closeModal() {
              setVisible(false);
            },
          })
        : null}
    </ModalView>
  );
};


================================================
FILE: packages/react-native/src/modal/tip/TipContainer.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';
import Svg, { Circle, ClipPath, Image } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';
import { useBoolean } from '@td-design/rn-hooks';

import Box from '../../box';
import Flex from '../../flex';
import Pressable from '../../pressable';
import SvgIcon from '../../svg-icon';
import Text from '../../text';
import { Theme } from '../../theme';
import ModalView from '../Modal/ModalView';
import { TipProps } from '../type';

const TipContainer: FC<
  TipProps & {
    onAnimationEnd?: (visible: boolean) => void;
  }
> = ({ title, content, img, height, onAnimationEnd, closeIconActiveOpacity = 0.6 }) => {
  const theme = useTheme<Theme>();
  const [visible, { setFalse }] = useBoolean(true);

  const styles = StyleSheet.create({
    modal: {
      marginHorizontal: theme.spacing.x3,
    },
  });

  return (
    <ModalView
      position="center"
      visible={visible}
      maskClosable={false}
      onClose={setFalse}
      onAnimationEnd={onAnimationEnd}
      bodyContainerStyle={styles.modal}
    >
      <Box borderRadius="x3" overflow="hidden">
        {!!img && (
          <Flex justifyContent="center">
            <Svg width="100%" height={height}>
              <ClipPath id="clip">
                <Circle r={300 + height} cx="50%" cy={-300} />
              </ClipPath>
              <Image
                href={img}
                width="100%"
                height={height}
                clipPath="url(#clip)"
                preserveAspectRatio="xMidYMid slice"
              />
            </Svg>
          </Flex>
        )}
        <Box marginBottom="x2">
          {!!title && (
            <Flex justifyContent="center" marginVertical="x2">
              {typeof title === 'string' ? (
                <Text variant="h1" color="text">
                  {title}
                </Text>
              ) : (
                title
              )}
            </Flex>
          )}
          {typeof content === 'string' ? (
            <Flex justifyContent="center">
              <Text variant="p1" color="text">
                {content}
              </Text>
            </Flex>
          ) : (
            content
          )}
        </Box>
      </Box>
      <Flex justifyContent="center" position="absolute" width="100%" bottom={-theme.spacing.x10}>
        <Pressable hitOffset={20} activeOpacity={closeIconActiveOpacity} onPress={setFalse}>
          <SvgIcon name="closecircleo" color={theme.colors.gray400} size={theme.spacing.x8} />
        </Pressable>
      </Flex>
    </ModalView>
  );
};
export default TipContainer;


================================================
FILE: packages/react-native/src/modal/tip/index.tsx
================================================
import React from 'react';

import Portal from '../../portal';
import { TipProps } from '../type';
import TipContainer from './TipContainer';

export default function tip(props: TipProps) {
  const key = Portal.add(
    <TipContainer
      {...props}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
}


================================================
FILE: packages/react-native/src/modal/type.ts
================================================
import { ReactElement, ReactNode } from 'react';
import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from 'react-native';

export interface ModalProps {
  /** 弹窗是否可见 */
  visible: boolean;
  /** 点击mask是否可以关闭弹窗 */
  maskClosable?: boolean;
  /** 是否显示mask */
  maskVisible?: boolean;
  /** 弹窗动画 */
  animationType?: 'fade' | 'slide';
  /** 弹窗内容样式 */
  bodyContainerStyle?: StyleProp<ViewStyle>;
  /** 关闭弹窗 */
  onClose?: () => void;
  /** 弹窗动画结束后执行 */
  onAnimationEnd?: (visible: boolean) => void;
  /** 在用户按下 Android 设备上的后退按键时触发 */
  onRequestClose?: () => boolean;
  /** 内容显示位置。bottom在底部；center在中间；fullscreen全屏显示 */
  position?: 'top' | 'bottom' | 'center' | 'fullscreen';
  /** 动画时长，默认为300ms */
  animationDuration?: number;
}

export interface Action<T = StyleProp<TextStyle>> {
  text: string;
  onPress?: () => void | Promise<void>;
  style?: T;
}

export interface AlertProps {
  /** 警示性图标 */
  icon?: ReactNode;
  /** 标题 */
  title: ReactNode;
  /** 内容 */
  content?: ReactNode;
  /** 按钮文本 */
  confirmText?: string;
  /** 确认事件 */
  onPress?: () => void | Promise<void>;
}

export interface ConfirmProps extends Omit<AlertProps, 'onPress' | 'confirmText'> {
  /** 警示性图标 */
  icon?: ReactNode;
  /** 确认事件 */
  onOk?: () => void | Promise<void>;
  /** 取消事件 */
  onCancel?: () => void | Promise<void>;
  /** 确认文本 */
  okText?: string;
  /** 取消文本 */
  cancelText?: string;
}

export interface PromptProps extends Omit<ConfirmProps, 'icon' | 'onOk'> {
  /** 自定义输入框组件 */
  input: ReactElement;
  onOk?: (value?: string) => void | Promise<void>;
}

export type TipProps = Omit<AlertProps, 'icon' | 'onPress' | 'confirmText'> & {
  /** 背景图 */
  img: ImageSourcePropType;
  /** 高度 */
  height: number;
  /** 关闭图标的不透明度 */
  closeIconActiveOpacity?: number;
};

export type ImperativeModalChildrenProps<P> = P & {
  /** 在弹窗组件内调用，用以关闭弹窗 */
  closeModal?: () => void;
};


================================================
FILE: packages/react-native/src/notice-bar/AnimatedNotice.tsx
================================================
import React, { FC, memo, useEffect } from 'react';
import { LayoutChangeEvent } from 'react-native';
import Animated, {
  Easing,
  interpolate,
  runOnJS,
  useAnimatedStyle,
  useSharedValue,
  withTiming,
} from 'react-native-reanimated';

import { useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import { AnimatedNoticeProps } from './type';

const { deviceWidth } = helpers;

const AnimatedNotice: FC<AnimatedNoticeProps & { height: number; onContentLayout: (e: LayoutChangeEvent) => void }> = ({
  icon,
  text,
  textColor,
  animated,
  height,
  onContentLayout,
  duration,
}) => {
  const [textWithTail, setTextWithTail] = useSafeState(text);

  useEffect(() => {
    if (animated) {
      text = text.replace(/\s/g, ' ');
      setTextWithTail(text + ' '.repeat(10));
    }
  }, [animated, text]);

  const progress = useSharedValue(0);
  const [textWidth, setTextWidth] = useSafeState(0);

  const startAnimation = () => {
    progress.value = withTiming(
      1,
      {
        duration,
        easing: Easing.linear,
      },
      () => {
        progress.value = 0;
        runOnJS(startAnimation)();
      }
    );
  };

  useEffect(() => {
    animated && startAnimation();
  }, [animated]);

  const animatedStyle = useAnimatedStyle(() => {
    const translateX = interpolate(progress.value, [0, 1], [0, -textWidth]);

    return {
      transform: [{ translateX }],
    };
  });

  return (
    <Flex justifyContent={'flex-start'} alignItems={'center'}>
      <Box
        backgroundColor="func100"
        height={height}
        zIndex={'99'}
        justifyContent="center"
        alignItems="center"
        paddingHorizontal="x1"
      >
        {icon}
      </Box>
      <Flex width={deviceWidth * 10} onLayout={onContentLayout}>
        <Animated.View style={animatedStyle}>
          <Text
            variant={'p1'}
            color={textColor}
            numberOfLines={1}
            onLayout={e => setTextWidth(e.nativeEvent.layout.width)}
          >
            {textWithTail}
          </Text>
        </Animated.View>
        {animated && (
          <Animated.View style={animatedStyle}>
            <Text variant={'p1'} color={textColor} numberOfLines={1}>
              {textWithTail}
            </Text>
          </Animated.View>
        )}
      </Flex>
    </Flex>
  );
};
AnimatedNotice.displayName = 'AnimatedNotice';

export default memo(AnimatedNotice);


================================================
FILE: packages/react-native/src/notice-bar/index.md
================================================
---
title: NoticeBar - 通告栏组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# NoticeBar 通告栏组件

在导航栏下方，一般用作系统提醒、活动提醒等通知。需要引起用户关注时使用，重要级别低于 `Modal` ，高于 `Toast`。

## 效果演示

### 1. 默认状态

```tsx | pure
<NoticeBar text="我是通知我是通知我是通知我是通知我是通知我是通知" />
```

<center>
  <figure>
    <img
      alt="noticeBar-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609761571776347042.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 可关闭

```tsx | pure
<NoticeBar text="我是通知我是通知我是通知我是通知我是通知我是通知" mode="close" />
```

<center>
  <figure>
    <img
      alt="noticeBar-ios2"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609761722278116352.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 可点击跳转

```tsx | pure
<NoticeBar
  text="我是通知我是通知我是通知我是通知我是通知我是通知"
  mode="link"
  onPress={() => navigation.navigate('BoxDemo')}
/>
```

<center>
  <figure>
    <img
      alt="noticeBar-ios3"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609761868420805782.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 水平滚动 + 可跳转

```tsx | pure
<NoticeBar
  text="我是通知我是通知我是通知我是通知我是通知我是通知"
  mode="link"
  onPress={() => navigation.navigate('BoxDemo')}
  animated
/>
```

<center>
  <figure>
    <img
      alt="noticeBar-ios4"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609762001335578050.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 水平滚动 + 可关闭

```tsx | pure
<NoticeBar text="我是通知我是通知我是通知我是通知我是通知我是通知" mode="close" animated />
```

<center>
  <figure>
    <img
      alt="noticeBar-ios5"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609762208777128043.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 自定义图标

```tsx | pure
<NoticeBar icon={<Icon name="user" />} text="我是通知我是通知我是通知我是通知我是通知我是通知22222" />
```

<center>
  <figure>
    <img
      alt="noticeBar-ios6"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609762306730480022.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. 自定义高度

```tsx | pure
<NoticeBar height={60} text="我是通知我是通知我是通知我是通知我是通知我是通知22222" />
```

<center>
  <figure>
    <img
      alt="noticeBar-ios7"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609762508471573273.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性          | 必填    | 说明             | 类型                      | 默认值  |
| ------------- | ------- | ---------------- | ------------------------- | ------- |
| text          | `true`  | 通告栏文本       | `string`                  |         |
| textColor     | `false` | 通告栏文本颜色   | `keyof Theme['colors']`   |         |
| icon          | `false` | 左侧图标         | `ReactNode`               |         |
| mode          | `false` | 通告栏类型       | `close` \| `link` \| `''` | `''`    |
| onPress       | `false` | 通告栏点击事件   | `() => void`              |         |
| animated      | `false` | 是否启用动画     | `boolean`                 | `false` |
| duration      | `false` | 动画播放时长     | `number`                  | `5000`  |
| height        | `false` | 通告栏高度       | `number`                  | `36`    |
| activeOpacity | `false` | 按下时的不透明度 | `number`                  | `0.6`   |
| style         | `false` | 自定义样式       | `StyleProp<ViewStyle>`    |         |


================================================
FILE: packages/react-native/src/notice-bar/index.tsx
================================================
import React, { FC, PropsWithChildren } from 'react';
import { LayoutChangeEvent } from 'react-native';
import Animated, { FadeOutRight } from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';
import { useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import { Theme } from '../theme';
import AnimatedNotice from './AnimatedNotice';
import { NoticeBarProps } from './type';

const DEFAULT_DURATION = 5000;

const NoticeBar: FC<NoticeBarProps> = props => {
  const theme = useTheme<Theme>();
  const {
    icon = <SvgIcon name="bells" color={theme.colors.func500} />,
    mode = '',
    text = '',
    textColor = 'text',
    onPress,
    duration = DEFAULT_DURATION,
    animated = false,
    style,
    activeOpacity = 0.6,
  } = props;

  const [visible, setVisible] = useSafeState(true);
  const [height, setHeight] = useSafeState(0);

  const handleContentLayout = (e: LayoutChangeEvent) => {
    setHeight(e.nativeEvent.layout.height);
  };

  if (!visible) return null;

  const BaseContent = (
    <AnimatedNotice {...{ text, textColor, icon, duration, animated, height, onContentLayout: handleContentLayout }} />
  );

  switch (mode) {
    case 'close':
      return (
        <WrapComp {...{ onPress, activeOpacity }}>
          <Animated.View
            exiting={FadeOutRight}
            style={[
              {
                position: 'relative',
                backgroundColor: theme.colors.func100,
                paddingVertical: theme.spacing.x2,
              },
              style,
            ]}
          >
            {BaseContent}
            <Pressable
              activeOpacity={1}
              onPress={() => setVisible(false)}
              style={{
                height,
                paddingHorizontal: theme.spacing.x1,
                position: 'absolute',
                zIndex: 99,
                right: 0,
                top: theme.spacing.x2,
                justifyContent: 'center',
                alignItems: 'center',
                backgroundColor: theme.colors.func100,
              }}
            >
              <SvgIcon name="close" color={theme.colors.func500} />
            </Pressable>
          </Animated.View>
        </WrapComp>
      );

    case 'link':
      return (
        <WrapComp {...{ onPress, activeOpacity }}>
          <Flex backgroundColor="func100" paddingVertical={'x2'} style={style} position={'relative'} overflow="hidden">
            {BaseContent}
            <Box
              position={'absolute'}
              right={0}
              top={theme.spacing.x2}
              height={height}
              zIndex="99"
              paddingHorizontal="x1"
              justifyContent="center"
              alignItems={'center'}
              backgroundColor="func100"
            >
              <SvgIcon name="right" color={theme.colors.func500} />
            </Box>
          </Flex>
        </WrapComp>
      );

    default:
      return (
        <WrapComp {...{ onPress, activeOpacity }}>
          <Box backgroundColor="func100" paddingVertical={'x2'} style={style} overflow="hidden">
            {BaseContent}
          </Box>
        </WrapComp>
      );
  }
};
NoticeBar.displayName = 'NoticeBar';

export default NoticeBar;

const WrapComp = ({
  children,
  onPress,
  activeOpacity,
}: PropsWithChildren<Pick<NoticeBarProps, 'activeOpacity' | 'onPress'>>) => {
  if (onPress)
    return (
      <Pressable activeOpacity={activeOpacity} onPress={onPress}>
        {children}
      </Pressable>
    );
  return <>{children}</>;
};


================================================
FILE: packages/react-native/src/notice-bar/type.ts
================================================
import { ReactNode } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

import { Theme } from '../theme';

export interface NoticeBarProps {
  /** 左侧自定义图标 */
  icon?: ReactNode;
  /** 通知栏内容 */
  text: string;
  /** 文字颜色 */
  textColor?: keyof Theme['colors'];
  /** 通知栏模式。close表示可关闭；link表示可点击；默认为空 */
  mode?: 'close' | 'link' | '';
  /** 点击事件 */
  onPress?: () => void;
  /** 滚动时间 */
  duration?: number;
  /** 是否使用动画 */
  animated?: boolean;
  /** 自定义样式 */
  style?: StyleProp<ViewStyle>;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

export type AnimatedNoticeProps = Omit<NoticeBarProps, 'mode' | 'onPress' | 'onClose'>;


================================================
FILE: packages/react-native/src/notify/NotifyRoot.tsx
================================================
import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import Animated from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { Shadow } from 'react-native-shadow-2';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { normalShadowOpt, NotifyType } from './constant';
import { NotifyProps } from './type';
import useNotify from './useNotify';

const { px, hexToRgba } = helpers;

const NotifyRoot = forwardRef((_, ref) => {
  const insets = useSafeAreaInsets();
  const { show, hide, shadowColor, bgColor, style, visible, options } = useNotify();

  useImperativeHandle(ref, () => ({
    show,
  }));

  if (!visible || !options) return null;

  const styles = StyleSheet.create({
    container: {
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center',
      position: 'absolute',
      left: 0,
      right: 0,
      zIndex: 49,
      bottom: -insets.bottom,
    },
    wrapper: { borderRadius: normalShadowOpt.radius, backgroundColor: bgColor },
  });

  return (
    <Animated.View style={[styles.container, style]}>
      <Shadow distance={8} startColor={hexToRgba(shadowColor, normalShadowOpt.opacity)}>
        <Flex
          paddingHorizontal="x4"
          justifyContent="center"
          alignItems="center"
          width={normalShadowOpt.width}
          height={normalShadowOpt.height}
          style={styles.wrapper}
        >
          <Content {...{ shadowColor, options, hide }} />
        </Flex>
      </Shadow>
    </Animated.View>
  );
});

export default NotifyRoot;

/**
 * 渲染Notify内容。分为以下几种情况：
 * 1. notify的类型不是INFO，这时候直接返回Content
 * 2. notify类型是INFO：
 *    1: onPress有值，Content被TouchableOpacity包裹，同时显示right图标；
 *       如果同时onClose有值，再显示一个close图标，点击可关闭notify
 *    2: onPress没有值，Contentbu包裹，不显示right图标；
 *       如果同时onClose有值，再显示一个close图标，点击可关闭notify
 */
const Content = ({
  shadowColor,
  options,
  hide,
}: {
  hide: () => void;
  shadowColor: string;
  options: NotifyProps & { type: NotifyType };
}) => {
  const styles = StyleSheet.create({
    content: {
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center',
    },
  });

  const BaseContent = useMemo(
    () => (
      <Flex flex={1} justifyContent="center" alignItems="center">
        {options.type === NotifyType.SUCCESS && (
          <Box marginRight="x1">
            <SvgIcon name="checkcircle" color={shadowColor} />
          </Box>
        )}
        {options.type === NotifyType.FAIL && (
          <Box marginRight="x1">
            <SvgIcon name="closecircleo" color={shadowColor} />
          </Box>
        )}
        <Box>
          <Text style={{ fontSize: px(14), color: shadowColor }}>{options.content}</Text>
        </Box>
      </Flex>
    ),
    [options.type, options.content, shadowColor]
  );

  if (options.type !== NotifyType.INFO) return BaseContent;

  if (options.onPress) {
    if (options.onClose) {
      return (
        <Pressable activeOpacity={options.activeOpacity} onPress={options.onPress} style={styles.content}>
          {BaseContent}
          <Pressable
            onPress={e => {
              e.stopPropagation();
              hide();
            }}
          >
            <SvgIcon name="close" color={shadowColor} />
          </Pressable>
          <SvgIcon name="right" color={shadowColor} />
        </Pressable>
      );
    }
    return (
      <Pressable activeOpacity={options.activeOpacity} onPress={options.onPress} style={styles.content}>
        {BaseContent}
        <SvgIcon name="right" color={shadowColor} />
      </Pressable>
    );
  }

  if (options.onClose) {
    return (
      <Flex justifyContent={'center'} alignItems={'center'}>
        {BaseContent}
        <Pressable
          onPress={e => {
            e.stopPropagation();
            hide();
          }}
        >
          <SvgIcon name="close" color={shadowColor} />
        </Pressable>
      </Flex>
    );
  }
  return BaseContent;
};


================================================
FILE: packages/react-native/src/notify/constant.ts
================================================
import helpers from '../helpers';

const { px, deviceWidth } = helpers;

export const normalShadowOpt = {
  width: deviceWidth - px(32),
  height: px(40),
  radius: px(20),
  opacity: 0.16,
  border: 12,
};

export const SHORT = 3000;
export const LONG = 5000;

export enum NotifyType {
  INFO = 'info',
  SUCCESS = 'success',
  FAIL = 'fail',
}


================================================
FILE: packages/react-native/src/notify/index.md
================================================
---
title: Notify - 提示组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
---

# Notify 提示组件

## 效果演示

### 1. 消息提示

```tsx | pure
<Button title="info" onPress={() => Notify.info({ content: '你收到一条抢购消息，请注意查收' })} />
```

<center>
  <figure>
    <img
      alt="notify-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607588591151277948.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 带关闭效果

```tsx | pure
<Button
  title="close"
  onPress={() =>
    Notify.info({
      content: '你收到一条抢购消息，请注意查收',
      autoClose: false,
      onClose: () => console.log(222),
    })
  }
/>
```

<center>
  <figure>
    <img
      alt="notify-ios2.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607588857557958788.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 带点击跳转效果

```tsx | pure
<Button
  title="press"
  onPress={() =>
    Notify.info({
      content: '你收到一条抢购消息，请注意查收',
      onPress: () => navigation.navigate('BoxDemo'),
      autoClose: false,
    })
  }
/>
```

<center>
  <figure>
    <img
      alt="notify-ios3.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607589050992593024.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 成功提示

```tsx | pure
<Button title="success" onPress={() => Notify.success({ content: '购买成功' })} />
```

<center>
  <figure>
    <img
      alt="notify-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643185000193572589.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 失败提示

```tsx | pure
<Button title="fail" onPress={() => Notify.fail({ content: '对不起，操作失败' })} />
```

<center>
  <figure>
    <img
      alt="notify-ios5.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643185067327550797.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性          | 必填    | 说明                 | 类型         | 默认值 |
| ------------- | ------- | -------------------- | ------------ | ------ |
| autoClose     | `false` | 是否自动关闭提示     | `boolean`    | `true` |
| duration      | `false` | 提示显示时长（毫秒） | `number`     | `3000` |
| content       | `false` | 提示框内容           | `ReactNode`  |        |
| activeOpacity | `false` | 按下时的不透明度     | `number`     | `0.6`  |
| onClose       | `false` | 提示框关闭后回调     | `() => void` |        |
| onPress       | `false` | 提示框点击后回调     | `() => void` |        |

`duration` 有两个常量值：

- Notify.SHORT = 3000
- Notify.LONG = 5000


================================================
FILE: packages/react-native/src/notify/index.tsx
================================================
import { useRef } from 'react';
import React from 'react';

import { useMemoizedFn } from '@td-design/rn-hooks';

import { addNewRef, getRef, removeOldRef } from '../utils/ref-util';
import { LONG, SHORT } from './constant';
import NotifyRoot from './NotifyRoot';
import { NotifyProps } from './type';

export interface NotifyRef {
  show: (params: NotifyProps) => void;
}

type NotifyRefObj = {
  current: NotifyRef | null;
};

let refs: NotifyRefObj[] = [];

export default function Notify() {
  const notifyRef = useRef<NotifyRef | null>(null);

  const setRef = useMemoizedFn((ref: NotifyRef | null) => {
    if (ref) {
      notifyRef.current = ref;
      addNewRef(refs, ref);
    } else {
      removeOldRef(refs, notifyRef.current);
    }
  });

  return <NotifyRoot ref={setRef} />;
}
Notify.displayName = 'Notify';

Notify.SHORT = SHORT;
Notify.LONG = LONG;

const defaultProps = {
  content: '',
  duration: SHORT,
  autoClose: true,
};

Notify.success = (props: NotifyProps) => {
  getRef(refs)?.show({ ...defaultProps, ...props, type: 'success' });
};

Notify.fail = (props: NotifyProps) => {
  getRef(refs)?.show({ ...defaultProps, ...props, type: 'fail' });
};

Notify.info = (props: NotifyProps) => {
  getRef(refs)?.show({ ...defaultProps, ...props, type: 'info' });
};


================================================
FILE: packages/react-native/src/notify/type.ts
================================================
import { ReactNode } from 'react';

export interface NotifyProps {
  content: ReactNode;
  duration?: number;
  autoClose?: boolean;
  activeOpacity?: number;
  onClose?: () => void;
  onPress?: () => void;
}


================================================
FILE: packages/react-native/src/notify/useNotify.ts
================================================
import { useEffect, useMemo, useRef, useState } from 'react';
import { Dimensions } from 'react-native';
import {
  Easing,
  interpolate,
  runOnJS,
  useAnimatedStyle,
  useSharedValue,
  withSpring,
  withTiming,
} from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';
import { useMemoizedFn } from '@td-design/rn-hooks';

import helpers from '../helpers';
import { Theme } from '../theme';
import { normalShadowOpt, NotifyType } from './constant';
import { NotifyProps } from './type';

const screenHeight = Dimensions.get('screen').height;
const windowHeight = Dimensions.get('window').height;
const bottomNavigatorBarHeight = screenHeight - windowHeight;

export default function useNotify() {
  const insets = useSafeAreaInsets();
  const theme = useTheme<Theme>();
  const timer = useRef<ReturnType<typeof setTimeout>>();

  const [visible, setVisible] = useState(false);
  const [options, setOptions] = useState<(NotifyProps & { type: NotifyType }) | undefined>(undefined);

  const show = (params: NotifyProps & { type: NotifyType }) => {
    if (visible) return;

    setOptions(params);
    setVisible(true);
  };

  const hide = async () => {
    options?.onClose?.();
    setVisible(false);
    clearTimeout(timer.current);
  };

  const displayed = useSharedValue(visible ? 1 : 0);

  const handleClose = () => {
    displayed.value = withTiming(0, { duration: 300, easing: Easing.inOut(Easing.ease) }, finished => {
      if (finished) {
        runOnJS(hide)();
      }
    });
  };

  useEffect(() => {
    if (visible) {
      displayed.value = withSpring(1);
    }
  }, [visible]);

  useEffect(() => {
    if (!visible || !options?.duration || !options?.autoClose) return;

    timer.current = setTimeout(handleClose, options.duration);

    return () => clearTimeout(timer.current);
  }, [visible, options?.duration]);

  const startY = options?.type
    ? [NotifyType.SUCCESS, NotifyType.FAIL].includes(options.type)
      ? normalShadowOpt.height + helpers.px(50)
      : normalShadowOpt.height + helpers.px(10)
    : normalShadowOpt.height;

  const endY = -insets.bottom - bottomNavigatorBarHeight - (helpers.isIOS ? insets.bottom : 0);

  // 提示窗口的位置
  const style = useAnimatedStyle(() => ({
    transform: [
      {
        translateY: interpolate(displayed.value, [0, 1], [startY, endY]),
      },
    ],
  }));

  // 提示窗口的阴影颜色和背景色
  const { shadowColor, bgColor } = useMemo(() => {
    switch (options?.type) {
      case NotifyType.FAIL:
        return {
          shadowColor: theme.colors.func600,
          bgColor: theme.colors.white,
        };
      case NotifyType.INFO:
      case NotifyType.SUCCESS:
      default:
        return {
          shadowColor: theme.colors.primary200,
          bgColor: theme.colors.white,
        };
    }
  }, [options?.type, theme]);

  return {
    options,
    shadowColor,
    bgColor,
    style,
    visible,

    show: useMemoizedFn(show),
    hide: useMemoizedFn(handleClose),
  };
}


================================================
FILE: packages/react-native/src/number-keyboard/NumberKeyboardInput.tsx
================================================
import React, { forwardRef, useImperativeHandle } from 'react';
import { Keyboard } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Brief from '../brief';
import Flex from '../flex';
import helpers from '../helpers';
import Label from '../label';
import Modal from '../modal';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import NumberKeyboardModal from './NumberKeyboardModal';
import { NumberKeyboardInputProps, NumberKeyboardRef } from './type';
import useNumberKeyboard from './useNumberKeyboard';

const { ONE_PIXEL } = helpers;
const NumberKeyboardInput = forwardRef<NumberKeyboardRef, NumberKeyboardInputProps>(
  (
    {
      label,
      labelPosition = 'left',
      colon = false,
      required = false,
      value,
      onChange,
      onCheck,
      placeholder = '请输入',
      disabled = false,
      type,
      style,
      inputStyle,
      extra,
      allowClear = true,
      digit = 0,
      brief,
      activeOpacity = 0.6,
      itemHeight,
      allowNegative = false,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();

    const { currentText, handleSubmit, handleInputClear } = useNumberKeyboard({
      value,
      onCheck,
      onChange,
      digit,
      type,
      placeholder,
    });

    const show = () => {
      Keyboard.dismiss();
      Modal.show(
        <NumberKeyboardModal
          {...{
            ...restProps,
            type,
            value: currentText === placeholder ? '' : currentText,
            onSubmit: handleSubmit,
            activeOpacity,
            allowNegative,
          }}
        />,
        { position: 'bottom' }
      );
    };

    useImperativeHandle(ref, () => {
      return {
        focus: show,
      };
    });

    const InputContent = (
      <Flex borderWidth={ONE_PIXEL} borderColor="border" borderRadius="x1" paddingHorizontal={'x1'} flex={1}>
        <Pressable
          activeOpacity={activeOpacity}
          onPress={show}
          style={[
            itemHeight ? { height: itemHeight, justifyContent: 'center' } : {},
            {
              flex: 1,
              paddingVertical: theme.spacing.x2,
            },
            style,
          ]}
        >
          <Text variant="p1" color={currentText === placeholder ? 'gray300' : 'text'} style={inputStyle} selectable>
            {currentText}
          </Text>
        </Pressable>
        {allowClear && !disabled && !!currentText && currentText !== placeholder && (
          <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={{ alignItems: 'center' }}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        <Brief brief={extra} />
      </Flex>
    );

    if (labelPosition === 'top')
      return (
        <Box>
          <Label {...{ colon, label, required }} />
          {InputContent}
          <Brief brief={brief} />
        </Box>
      );

    return (
      <Box>
        <Flex alignItems="center">
          <Label {...{ colon, label, required }} />
          {InputContent}
        </Flex>
        <Brief brief={brief} />
      </Box>
    );
  }
);

NumberKeyboardInput.displayName = 'NumberKeyboardInput';

export default NumberKeyboardInput;


================================================
FILE: packages/react-native/src/number-keyboard/NumberKeyboardItem.tsx
================================================
import React, { forwardRef, useImperativeHandle } from 'react';
import { Keyboard, StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Brief from '../brief';
import Flex from '../flex';
import Modal from '../modal';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import NumberKeyboardModal from './NumberKeyboardModal';
import { NumberKeyboardItemProps, NumberKeyboardRef } from './type';
import useNumberKeyboard from './useNumberKeyboard';

const NumberKeyboardItem = forwardRef<NumberKeyboardRef, NumberKeyboardItemProps>(
  (
    {
      value,
      onChange,
      onCheck,
      placeholder = '请输入',
      disabled = false,
      type,
      style,
      inputStyle,
      extra,
      allowClear = true,
      digit = 0,
      activeOpacity = 0.6,
      inForm,
      allowNegative = false,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { currentText, handleSubmit, handleInputClear } = useNumberKeyboard({
      value,
      onChange,
      onCheck,
      digit,
      type,
      placeholder,
    });

    const show = () => {
      Keyboard.dismiss();
      if (disabled) return;
      Modal.show(
        <NumberKeyboardModal
          {...{
            ...restProps,
            type,
            value: currentText === placeholder ? '' : currentText,
            onSubmit: handleSubmit,
            activeOpacity,
            allowNegative,
          }}
        />,
        { position: 'bottom' }
      );
    };

    useImperativeHandle(ref, () => {
      return {
        focus: show,
      };
    });

    const styles = StyleSheet.create({
      content: {
        flexGrow: 1,
        justifyContent: 'center',
      },
      clearIcon: { alignItems: 'center' },
    });

    return (
      <Box width="100%" paddingHorizontal={inForm ? 'x0' : 'x1'} justifyContent={'center'} style={style}>
        <Flex>
          <Pressable activeOpacity={activeOpacity} onPress={show} style={styles.content}>
            <Text
              variant="p1"
              color={currentText === placeholder ? 'gray300' : 'text'}
              textAlign={'right'}
              style={inputStyle}
              selectable
            >
              {currentText}
            </Text>
          </Pressable>
          {allowClear && !disabled && !!currentText && currentText !== placeholder && (
            <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={styles.clearIcon}>
              <SvgIcon name="closecircleo" color={theme.colors.icon} />
            </Pressable>
          )}
          <Brief brief={extra} />
        </Flex>
      </Box>
    );
  }
);
NumberKeyboardItem.displayName = 'NumberKeyboardItem';

export default NumberKeyboardItem;


================================================
FILE: packages/react-native/src/number-keyboard/NumberKeyboardModal.tsx
================================================
import React, { FC } from 'react';
import { Keyboard, StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import type { ImperativeModalChildrenProps } from '../modal/type';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import NumberKeyboardView from './NumberKeyboardView';
import { NumberKeyboardModalProps } from './type';
import useNumberKeyboardModal from './useNumberKeyboardModal';

const { px } = helpers;
const SIZE = px(48);
const NumberKeyboardModal: FC<ImperativeModalChildrenProps<NumberKeyboardModalProps>> = ({
  type,
  allowClear = true,
  allowNegative,
  value = '',
  onPress,
  onDelete,
  onSubmit,
  prefixLabel = '当前值',
  closeModal,
}) => {
  const theme = useTheme<Theme>();
  const { text, handleChange, handleInputClear, handleSubmit, handleDelete } = useNumberKeyboardModal({
    value,
    onPress,
    onDelete,
    onSubmit,
    closeModal,
  });

  const styles = StyleSheet.create({
    content: {
      justifyContent: 'center',
      alignItems: 'flex-end',
    },
  });

  return (
    <Box>
      <Flex justifyContent="space-between" alignItems="center" height={SIZE} paddingHorizontal="x4">
        <Box flex={1}>
          <Text variant="p0" color="text" selectable>
            {prefixLabel}：{text}
          </Text>
        </Box>
        {allowClear && (
          <Pressable style={[styles.content, { marginRight: px(8) }]} activeOpacity={1} onPress={handleInputClear}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        <Pressable
          style={styles.content}
          onPress={() => {
            Keyboard.dismiss();
            closeModal?.();
          }}
          activeOpacity={1}
        >
          <SvgIcon name="down" size={px(20)} color={theme.colors.gray500} />
        </Pressable>
      </Flex>
      <NumberKeyboardView
        type={type}
        allowNegative={allowNegative}
        onPress={handleChange}
        onDelete={handleDelete}
        onSubmit={handleSubmit}
      />
    </Box>
  );
};
NumberKeyboardModal.displayName = 'NumberKeyboardModal';

export default NumberKeyboardModal;


================================================
FILE: packages/react-native/src/number-keyboard/NumberKeyboardView.tsx
================================================
import React, { FC, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import { SvgXml } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import { NumberKeyboardViewProps } from './type';

const { px, ONE_PIXEL, deviceWidth } = helpers;
const keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];

const PER_WIDTH = deviceWidth / 4;

const NumberKeyboardView: FC<NumberKeyboardViewProps> = ({
  type = 'number',
  onPress,
  onDelete,
  onSubmit,
  submitText = '确定',
  activeOpacity = 0.6,
  allowNegative,
}) => {
  const theme = useTheme<Theme>();

  const styles = StyleSheet.create({
    close: {
      justifyContent: 'center',
      alignItems: 'center',
      borderTopWidth: ONE_PIXEL,
      borderRightWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
      height: PER_WIDTH * 2,
    },
    submit: {
      backgroundColor: theme.colors.primary200,
      justifyContent: 'center',
      alignItems: 'center',
      borderTopWidth: ONE_PIXEL,
      borderRightWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
      height: PER_WIDTH * 2,
    },
  });

  const keyTypes = useMemo(() => {
    const numberType = allowNegative
      ? [
          {
            key: '0',
            flex: 1,
          },
          {
            key: '.',
            flex: 1,
          },
          {
            key: '-',
            flex: 1,
          },
        ]
      : [
          {
            key: '0',
            flex: 2,
          },
          {
            key: '.',
            flex: 1,
          },
        ];
    const integerType = allowNegative
      ? [
          {
            key: '0',
            flex: 2,
          },
          {
            key: '-',
            flex: 1,
          },
        ]
      : [
          {
            key: '0',
            flex: 1,
          },
        ];

    const types = {
      number: numberType,
      idcard: [
        {
          key: '0',
          flex: 2,
        },
        {
          key: 'X',
          flex: 1,
        },
      ],
      integer: integerType,
    };

    return types;
  }, [allowNegative]);

  return (
    <Flex backgroundColor="transparent">
      <Box width={PER_WIDTH * 3}>
        <Flex>
          {keys.slice(0, 3).map(item => (
            <KeyItem key={item} item={item} onPress={onPress} activeOpacity={activeOpacity} />
          ))}
        </Flex>
        <Flex>
          {keys.slice(3, 6).map(item => (
            <KeyItem key={item} item={item} onPress={onPress} activeOpacity={activeOpacity} />
          ))}
        </Flex>
        <Flex>
          {keys.slice(6, 9).map(item => (
            <KeyItem key={item} item={item} onPress={onPress} activeOpacity={activeOpacity} />
          ))}
        </Flex>
        <Flex>
          {keyTypes[type].map(item => (
            <KeyTypeItem key={item.key} item={item} onPress={onPress} activeOpacity={activeOpacity} />
          ))}
        </Flex>
      </Box>
      <Box width={PER_WIDTH * 1}>
        <Pressable activeOpacity={activeOpacity} style={styles.close} onPress={onDelete}>
          <SvgXml
            xml={`
              <svg
                t="1607517664521"
                class="icon"
                viewBox="0 0 1579 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="7769"
                width="200"
                height="200"
              >
                <path
                  d="M1473.619354 0H499.942734a122.427628 122.427628 0 0 0-94.06463 44.818325L13.044586 478.700403A58.162099 58.162099 0 0 0 15.557763 554.99328l397.261497 437.292818a101.065623 101.065623 0 0 0 72.941974 31.654064h987.85812a109.323205 109.323205 0 0 0 106.331327-111.477356V111.297844A109.263367 109.263367 0 0 0 1473.619354 0z m4.787004 823.544206a87.602174 87.602174 0 0 1-88.021037 86.584936H529.981184a86.345585 86.345585 0 0 1-60.256413-24.533396L141.276456 545.419272a43.083036 43.083036 0 0 1-2.154151-59.239175l324.738386-337.364109a103.638637 103.638637 0 0 1 77.788815-34.825454h849.09484a87.602174 87.602174 0 0 1 88.021037 86.584935v622.968737z"
                  fill="${theme.colors.gray500}"
                  p-id="7770"
                ></path>
                <path
                  d="M1192.562379 665.453398a56.965348 56.965348 0 1 1-80.541342 80.541343l-151.508678-151.508678-147.080699 147.260212a56.965348 56.965348 0 0 1-80.541343-80.541343l147.260212-147.260212-151.748028-151.508677a56.90551 56.90551 0 0 1 80.36183-80.541343l151.508678 151.508678 155.577631-155.577631a56.90551 56.90551 0 0 1 80.541343 80.36183l-155.577631 155.577631z"
                  fill="${theme.colors.gray500}"
                  p-id="7771"
                ></path>
              </svg>`}
            width={px(26)}
            height={px(17)}
          />
        </Pressable>
        <Pressable activeOpacity={activeOpacity} style={styles.submit} onPress={onSubmit}>
          <Text variant="p0" color="text_active">
            {submitText}
          </Text>
        </Pressable>
      </Box>
    </Flex>
  );
};
NumberKeyboardView.displayName = 'NumberKeyboardView';

const KeyItem = ({
  item,
  onPress,
  activeOpacity,
}: {
  item: string;
  onPress?: (item: string) => void;
  activeOpacity: number;
}) => {
  const theme = useTheme<Theme>();

  const styles = StyleSheet.create({
    item: {
      width: PER_WIDTH,
      height: PER_WIDTH,
      borderTopWidth: ONE_PIXEL,
      borderRightWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
      justifyContent: 'center',
      alignItems: 'center',
    },
  });

  return (
    <Pressable
      activeOpacity={activeOpacity}
      onPress={() => {
        onPress?.(item);
      }}
      style={styles.item}
    >
      <Text variant="p0" color="text">
        {item}
      </Text>
    </Pressable>
  );
};

const KeyTypeItem = ({
  item,
  onPress,
  activeOpacity,
}: {
  item: { key: string; flex: number };
  onPress?: (item: string) => void;
  activeOpacity: number;
}) => {
  const theme = useTheme<Theme>();

  const styles = StyleSheet.create({
    wrapper: {
      justifyContent: 'center',
      alignItems: 'center',
      flex: item.flex,
      height: PER_WIDTH,
      borderTopWidth: ONE_PIXEL,
      borderRightWidth: ONE_PIXEL,
      borderBottomWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
    },
  });

  return (
    <Pressable
      key={item.key}
      activeOpacity={activeOpacity}
      onPress={() => {
        onPress?.(item.key);
      }}
      style={styles.wrapper}
    >
      <Text variant="p0" color="text">
        {item.key}
      </Text>
    </Pressable>
  );
};

export default NumberKeyboardView;


================================================
FILE: packages/react-native/src/number-keyboard/index.md
================================================
---
title: NumberKeyboard - 数字键盘组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# NumberKeyboard 数字键盘组件

## 效果演示

### 1. 默认的数字键盘

```tsx | pure
<NumberKeyboardInput
  onPress={e => {
    Alert.alert(e);
  }}
  onDelete={() => {
    Alert.alert('delete');
  }}
  onSubmit={() => {
    Alert.alert('submit');
  }}
/>
```

<center>
  <figure>
    <img
      alt="数字键盘 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609320228495622158.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 身份证键盘

```tsx | pure
<NumberKeyboardInput
  type="IdCard"
  onPress={e => {
    Alert.alert(e);
  }}
  onDelete={() => {
    Alert.alert('delete');
  }}
  onSubmit={() => {
    Alert.alert('submit');
  }}
/>
```

<center>
  <figure>
    <img
      alt="身份证键盘 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609320228906238884.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 整数键盘

```tsx | pure
<NumberKeyboardInput
  type="integer"
  onPress={e => {
    Alert.alert(e);
  }}
  onDelete={() => {
    Alert.alert('delete');
  }}
  onSubmit={() => {
    Alert.alert('submit');
  }}
/>
```

<center>
  <figure>
    <img
      alt="整数键盘 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609320228906451063.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 键盘弹窗

```tsx | pure
<Button
  title="keyboard"
  onPress={() =>
    showNumberKeyboard({
      type: 'IdCard',
      onPress: e => {
        Alert.alert(e);
      },
      onDelete: () => {
        Alert.alert('delete');
      },
      onSubmit: () => {
        Alert.alert('submit');
      },
    })
  }
/>
```

<center>
  <figure>
    <img
      alt="键盘弹窗 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609320231762702497.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. NumberKeyboardItem

```tsx | pure
<NumberKeyboardItem type="number" digit={2} />
```

<center>
  <figure>
    <img
      alt="键盘弹窗 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643186997476238471.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. NumberKeyboardInput

```tsx | pure
<NumberKeyboardInput label="运单量" type="number" digit={2} />
```

<center>
  <figure>
    <img
      alt="键盘弹窗 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643187096525786335.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### NumberKeyboardView 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| onPress       | `false` | 按键的回调事件                  | `(key: string) => void`           |          |
| onDelete      | `false` | 删除按键的回调事件              | `() => void`                      |          |
| onSubmit      | `false` | 提交按键的回调事件              | `() => void`                      |          |
| submitText    | `false` | 提交按键的文本                  | `string`                          | `确定`   |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |

### NumberKeyboardModal 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| onPress       | `false` | 按键的回调事件                  | `(key: string) => void`           |          |
| onDelete      | `false` | 删除按键的回调事件              | `() => void`                      |          |
| onSubmit      | `false` | 提交按键的回调事件              | `(value: string) => void`         |          |
| submitText    | `false` | 提交按键的文本                  | `string`                          | `确定`   |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |
| value         | `false` | 输入值                          | `string`                          |          |
| prefixLabel   | `false` | 输入的值的前置文本              | `string`                          | `当前值` |

### NumberKeyboardItem 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| value         | `false` | 输入值                          | `string`                          |          |
| onChange      | `false` | 值修改后的回调                  | `(value: string) => void`         |          |
| onCheck       | `false` | 对值进行校验的回调              | `(value: string) => Promise<any>` |          |
| placeholder   | `false` | 提示语                          | `string`                          | `请输入` |
| style         | `false` | 自定义样式                      | `ViewStyle`                       |          |
| inputStyle    | `false` | 输入框自定义样式                | `TextStyle`                       |          |
| extra         | `false` | 右侧内容                        | `ReactNode`                       |          |
| arrowClear    | `false` | 是否允许清空                    | `boolean`                         | `true`   |
| disabled      | `false` | 是否禁用                        | `boolean`                         | `false`  |
| digit         | `false` | 保留的小数位数                  | `number`                          | `0`      |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |

### NumberKeyboardInput 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| value         | `false` | 输入值                          | `string`                          |          |
| onChange      | `false` | 值修改后的回调                  | `(value: string) => void`         |          |
| onCheck       | `false` | 对值进行校验的回调              | `(value: string) => Promise<any>` |          |
| placeholder   | `false` | 提示语                          | `string`                          | `请输入` |
| style         | `false` | 自定义样式                      | `ViewStyle`                       |          |
| inputStyle    | `false` | 输入框自定义样式                | `TextStyle`                       |          |
| extra         | `false` | 右侧内容                        | `ReactNode`                       |          |
| arrowClear    | `false` | 是否允许清空                    | `boolean`                         | `true`   |
| disabled      | `false` | 是否禁用                        | `boolean`                         | `false`  |
| digit         | `false` | 保留的小数位数                  | `number`                          | `0`      |
| minHeight     | `false` | 最小高度                        | `number`                          | `32`     |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |
| label         | `false` | 标签文本                        | `ReactNode`                       |          |
| labelPosition | `false` | 标签位置。输入框左侧或者顶部    | `left` \| `top`                   | `left`   |
| colon         | `false` | 是否在标签后显示冒号            | `boolean`                         | `false`  |
| required      | `false` | 是否在标签前显示必填标识        | `boolean`                         | `false`  |
| brief         | `false` | 其他内容                        | `ReactNode`                       |          |


================================================
FILE: packages/react-native/src/number-keyboard/index.tsx
================================================
export { default as NumberKeyboardView } from './NumberKeyboardView';
export { default as NumberKeyboardItem } from './NumberKeyboardItem';
export { default as NumberKeyboardInput } from './NumberKeyboardInput';


================================================
FILE: packages/react-native/src/number-keyboard/type.ts
================================================
import { ReactNode } from 'react';
import { StyleProp, TextStyle, ViewStyle } from 'react-native';

export type NumberKeyBoardType = 'number' | 'idcard' | 'integer';

export interface NumberKeyboardViewProps {
  /** 键盘类型 数字 身份证 整数 */
  type?: NumberKeyBoardType;
  /** 按键事件 */
  onPress?: (key: string) => void;
  /** 删除事件 */
  onDelete?: () => void;
  /** 提交事件 */
  onSubmit?: () => void;
  /** 确认按钮的文本 */
  submitText?: string;
  /** 按下时的不透明度 */
  activeOpacity?: number;
  /** 是否允许负数 */
  allowNegative?: boolean;
  /** 是否显示清除按钮 */
  allowClear?: boolean;
}

export interface NumberKeyboardItemProps
  extends Pick<NumberKeyboardViewProps, 'type' | 'activeOpacity' | 'allowNegative'> {
  value?: string;
  onChange?: (value?: string) => void;
  onCheck?: (value: string) => Promise<any>;
  placeholder?: string;
  style?: StyleProp<ViewStyle>;
  /** 输入框自定义样式 */
  inputStyle?: StyleProp<TextStyle>;
  /** 右侧内容 */
  extra?: ReactNode;
  /** 是否显示清除图标 */
  allowClear?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  /** 保留小数位 */
  digit?: number;
  inForm?: boolean;
}

export interface NumberKeyboardInputProps extends NumberKeyboardItemProps {
  /** 标签文本 */
  label?: ReactNode;
  /** 标签位置。可选值：左侧/上方 */
  labelPosition?: 'left' | 'top';
  /** 是否显示冒号 */
  colon?: boolean;
  /** 是否必填项 */
  required?: boolean;
  /** 其他内容 */
  brief?: ReactNode;
  itemHeight?: number;
}

export interface NumberKeyboardModalProps extends Omit<NumberKeyboardViewProps, 'onSubmit'> {
  value?: string;
  onSubmit: (value: string) => void;
  prefixLabel?: string;
}

export interface NumberKeyboardRef {
  focus: () => void;
}


================================================
FILE: packages/react-native/src/number-keyboard/useNumberKeyboard.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import Toast from '../toast';
import type { NumberKeyboardInputProps } from './type';
import { formatValue } from './util';

export default function useNumberKeyboard({
  type,
  value,
  onChange,
  onCheck,
  digit = 0,
  placeholder = '请输入',
}: Pick<NumberKeyboardInputProps, 'value' | 'onChange' | 'onCheck' | 'digit' | 'placeholder' | 'type'>) {
  const [currentText, setCurrentText] = useSafeState<string>();

  useEffect(() => {
    setCurrentText(value ?? placeholder ?? '');
  }, [value, placeholder]);

  /**
   * 根据type对value进行合法性校验
   */
  const handleSubmit = async (value: string) => {
    // 对value进行校验，判断是否是数字，支持负数
    if (!/^-?\d*\.?\d*$/.test(value)) {
      Toast.middle({ content: '请输入正确的数字格式' });
      return;
    }

    try {
      const text = formatValue(value, type, digit) + '';
      await onCheck?.(text);
      if (onChange) {
        onChange(`${text}`);
      } else {
        setCurrentText(text || placeholder);
      }
    } catch (error: any) {
      Toast.middle({ content: error.message });
    }
  };

  const handleInputClear = () => {
    if (onChange) {
      onChange();
    } else {
      setCurrentText(placeholder);
    }
  };

  return {
    currentText,
    handleSubmit: useMemoizedFn(handleSubmit),
    handleInputClear: useMemoizedFn(handleInputClear),
  };
}


================================================
FILE: packages/react-native/src/number-keyboard/useNumberKeyboardModal.ts
================================================
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { ImperativeModalChildrenProps } from '../modal/type';
import { NumberKeyboardModalProps } from './type';

export default function useNumberKeyboardModal({
  value = '',
  onPress,
  onDelete,
  onSubmit,
  closeModal,
}: Pick<
  ImperativeModalChildrenProps<NumberKeyboardModalProps>,
  'value' | 'onPress' | 'onDelete' | 'onSubmit' | 'closeModal'
>) {
  const [text, setText] = useSafeState(value);

  /** 点击数字，第一次点击的时候，需要把之前的清掉 */
  const handleChange = (key: string) => {
    setText(text => text + key);
    onPress?.(key);
  };

  const handleInputClear = () => {
    setText('');
  };

  const handleDelete = () => {
    setText(text => (text.length > 0 ? text.slice(0, text.length - 1) : ''));
    onDelete?.();
  };

  const handleSubmit = () => {
    onSubmit?.(text);
    closeModal?.();
  };

  return {
    text,
    handleInputClear: useMemoizedFn(handleInputClear),
    handleChange: useMemoizedFn(handleChange),
    handleSubmit: useMemoizedFn(handleSubmit),
    handleDelete: useMemoizedFn(handleDelete),
  };
}


================================================
FILE: packages/react-native/src/number-keyboard/util.ts
================================================
import { NumberKeyBoardType } from './type';

/**
 * 格式化输入的值
 * @param value 输入的值
 * @param type 类型
 * @param digit 小数位数
 * @returns
 */
export function formatValue(value: string, type?: NumberKeyBoardType, digit = 2) {
  if (!value || !type) return value;

  switch (type) {
    case 'idcard':
    default:
      return value;

    case 'integer':
      return +value;

    case 'number':
      return (+value).toFixed(digit);
  }
}


================================================
FILE: packages/react-native/src/pagination/index.md
================================================
---
title: Pagination - 分页器组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
---

# Pagination 分页器组件

## 效果演示

### 1. 常规的分页器

```tsx | pure
<Pagination
  total={66}
  onChange={e => {
    Alert.alert(e + '');
  }}
/>
```

<center>
  <figure>
    <img
      alt="常规的分页器 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609321630003460726.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 手动设置 page

```tsx | pure
<Pagination
  page={3}
  total={66}
  onChange={e => {
    Alert.alert(e + '');
  }}
/>
```

<center>
  <figure>
    <img
      alt="手动设置 page ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609321630007353263.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义按钮

```tsx | pure
<Pagination
  total={66}
  onChange={e => {
    Alert.alert(e + '');
  }}
  prevButtonRender={isFirstPage => {
    return isFirstPage ? <Text>isFirstPage</Text> : <Text>notFirstPage</Text>;
  }}
  nextButtonRender={isLastPage => {
    return isLastPage ? <Text>LastPage</Text> : <Text>notLastPage</Text>;
  }}
  counterRender={(currentindex, totalPages) => {
    return <Text>{currentindex + '/' + totalPages}</Text>;
  }}
/>
```

<center>
  <figure>
    <img
      alt="自定义按钮 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609321630007184387.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| page | `false` | 当前页数 | `number` | `1` |
| total | `false` | 总数量 | `number` |  |
| pageSize | `false` | 一页的数量 | `number` | `10` |
| onChange | `false` | 页面改变的事件 | `(page: number) => void` |  |
| prevButtonText | `false` | 上一页按钮文字 | `string` | `上一页` |
| nextButtonText | `false` | 下一页按钮文字 | `string` | `下一页` |
| prevButtonRender | `false` | 自定义上一页按钮 | `(isFirstPage: boolean) => ReactElement` |  |
| nextButtonRender | `false` | 自定义下一页按钮 | `(isLastPage: boolean) => ReactElement` |  |
| counterRender | `false` | 自定义计数器 | `(current: number, totalpages: number) => ReactElement` |  |
| activeOpacity | `false` | 上一页/下一页按下时的不透明度 | `number` | `0.6` |


================================================
FILE: packages/react-native/src/pagination/index.tsx
================================================
import React, { FC, ReactElement, useMemo } from 'react';

import Flex from '../flex';
import Pressable from '../pressable';
import Text from '../text';
import usePagination from './usePagination';

export interface PaginationProps {
  /** 当前页数 */
  page?: number;
  /** 总数量 */
  total: number;
  /** 一页的数量 */
  pageSize?: number;
  /** 页面改变的事件 */
  onChange?: (page: number) => void;
  /** 上一页按钮文字 */
  prevButtonText?: string;
  /** 下一页按钮文字 */
  nextButtonText?: string;
  /** 自定义上一页按钮 */
  prevButtonRender?: (isFirstPage: boolean) => ReactElement;
  /** 自定义下一页按钮 */
  nextButtonRender?: (isLastPage: boolean) => ReactElement;
  /** 自定义计数器 */
  counterRender?: (current: number, totalPage: number) => ReactElement;
  /** 上一页/下一页按下时的不透明度 */
  activeOpacity?: number;
}

const Pagination: FC<PaginationProps> = ({
  page = 1,
  pageSize = 10,
  total,
  onChange,
  prevButtonText = '上一页',
  nextButtonText = '下一页',
  prevButtonRender,
  nextButtonRender,
  counterRender,
  activeOpacity = 0.6,
}) => {
  const { current, prev, next, totalPage, isFirstPage, isLastPage } = usePagination({
    page,
    pageSize,
    total,
    onChange,
  });

  /** 渲染上一页按钮 */
  const PrevBtn = useMemo(() => {
    if (prevButtonRender) {
      return prevButtonRender(isFirstPage);
    }
    return (
      <Text variant="p1" color={isFirstPage ? 'disabled' : 'text'}>
        {prevButtonText}
      </Text>
    );
  }, [isFirstPage, prevButtonRender, prevButtonText]);

  /** 渲染当前页 */
  const Current = useMemo(() => {
    if (counterRender) {
      return counterRender(current, totalPage);
    }
    return (
      <Flex>
        <Text variant="p1" color="primary200">
          {current}
        </Text>
        <Text variant="p1" color="text">
          {' '}
          / {totalPage}
        </Text>
      </Flex>
    );
  }, [counterRender, current, totalPage]);

  /** 渲染下一页按钮 */
  const NextBtn = useMemo(() => {
    if (nextButtonRender) {
      return nextButtonRender(isLastPage);
    }
    return (
      <Text variant="p1" color={isLastPage ? 'disabled' : 'text'}>
        {nextButtonText}
      </Text>
    );
  }, [isLastPage, nextButtonRender, nextButtonText]);

  return (
    <Flex flexDirection="row" justifyContent="space-between">
      <Pressable activeOpacity={activeOpacity} disabled={isFirstPage} onPress={prev}>
        {PrevBtn}
      </Pressable>
      {Current}
      <Pressable disabled={isLastPage} activeOpacity={activeOpacity} onPress={next}>
        {NextBtn}
      </Pressable>
    </Flex>
  );
};
Pagination.displayName = 'Pagination';

export default Pagination;


================================================
FILE: packages/react-native/src/pagination/usePagination.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { PaginationProps } from '.';

export default function usePagination({
  page = 1,
  pageSize = 10,
  total,
  onChange,
}: Pick<PaginationProps, 'page' | 'pageSize' | 'total' | 'onChange'>) {
  const [current, setCurrent] = useSafeState(page);
  const [totalPage, setTotalPage] = useSafeState(Math.ceil(total / pageSize));

  useEffect(() => {
    setCurrent(page);
  }, [page]);

  useEffect(() => {
    setTotalPage(Math.ceil(total / pageSize));
  }, [pageSize, total]);

  const isFirstPage = current === 1;
  const isLastPage = current === totalPage;

  /** 前一页 */
  const prev = () => {
    const perPage = current - 1;
    setCurrent(perPage);
    onChange?.(perPage);
  };

  /** 后一页 */
  const next = () => {
    const nextPage = current + 1;
    setCurrent(nextPage);
    onChange?.(nextPage);
  };

  return {
    current,
    totalPage,
    isFirstPage,
    isLastPage,

    prev: useMemoizedFn(prev),
    next: useMemoizedFn(next),
  };
}


================================================
FILE: packages/react-native/src/passcode/PasscodeItem.tsx
================================================
import React, { forwardRef, memo } from 'react';
import { Platform, StyleSheet, TextInput } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useBoolean } from '@td-design/rn-hooks';

import Box from '../box';
import { ONE_PIXEL, px } from '../helpers/normalize';
import { Theme } from '../theme';
import type { PasscodeItemProps } from './type';

const majorVersionIOS: number = parseInt(`${Platform.Version}`, 10);
const isOTPSupported: boolean = Platform.OS === 'ios' && majorVersionIOS >= 12;

const PasscodeItem = forwardRef<TextInput, PasscodeItemProps>(
  (
    {
      inputContainerStyle,
      focusStyle,
      inputStyle,
      inputValue,
      handleKeyPress,
      handleChangeText,
      selectTextOnFocus,
      ...rest
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const [focused, { setTrue, setFalse }] = useBoolean(false);

    const styles = StyleSheet.create({
      input: {
        textAlign: 'center',
        height: px(40),
        width: px(40),
        padding: 0,
        color: theme.colors.gray500,
      },
    });

    return (
      <Box
        borderWidth={ONE_PIXEL}
        borderColor="primary200"
        borderRadius={'x1'}
        style={[inputContainerStyle, focused && focusStyle]}
      >
        <TextInput
          ref={ref}
          textAlignVertical="center"
          autoCapitalize="none"
          autoCorrect={false}
          autoComplete="off"
          onBlur={setFalse}
          onFocus={setTrue}
          onKeyPress={handleKeyPress} // 键盘按下事件， 只用来处理键盘按下删除键的场景
          onChangeText={handleChangeText} // 输入框内容改变事件, 用来处理输入框内容改变的场景
          selectionColor={theme.colors.primary200}
          style={[styles.input, inputStyle]}
          textContentType={isOTPSupported ? 'oneTimeCode' : 'none'}
          multiline={false}
          underlineColorAndroid="transparent"
          // https://github.com/facebook/react-native/issues/18339
          selectTextOnFocus={Platform.select({
            ios: selectTextOnFocus,
            android: true,
          })}
          value={inputValue}
          {...rest}
        />
      </Box>
    );
  }
);
PasscodeItem.displayName = 'PasscodeItem';

export default memo(PasscodeItem);


================================================
FILE: packages/react-native/src/passcode/helpers.ts
================================================
export const fillOtpCode = (count: number, value?: string) => {
  const otpCode: { [key: string]: string } = {};
  for (let i = 0; i < count; i++) {
    otpCode[`${i}`] = value?.[i] || '';
  }
  return otpCode;
};


================================================
FILE: packages/react-native/src/passcode/index.md
================================================
---
title: Passcode - 密码/验证码组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
---

# Passcode 密码/验证码组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Passcode clearTextOnFocus onChange={handleChange} keyboardType="phone-pad" ref={otpRef} selectTextOnFocus={false} />
```

<center>
  <figure>
    <img
      alt="默认效果 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643188571380928998.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 修改验证码位数

```tsx | pure
<Passcode
  clearTextOnFocus
  onChange={handleChange}
  keyboardType="phone-pad"
  count={4}
  ref={otpRef}
  selectTextOnFocus={false}
/>
```

<center>
  <figure>
    <img
      alt="修改验证码位数 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643188376632283785.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义样式

```tsx | pure
<Passcode
  secureTextEntry={false}
  ref={otpRef}
  style={{ margin: 20 }}
  inputContainerStyle={{ borderWidth: 1, borderColor: 'green' }}
  focusStyle={{ borderWidth: 1, borderColor: 'red' }}
  onFinish={() => console.log('222')}
/>
```

<center>
  <figure>
    <img
      alt="自定义样式 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643188967829347930.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 密码输入样式

```tsx | pure
<Passcode
  secureTextEntry={true}
  ref={otpRef}
  style={{ margin: 20 }}
  inputContainerStyle={{ borderWidth: 1, borderColor: 'green' }}
  focusStyle={{ borderWidth: 1, borderColor: 'red' }}
  onFinish={() => console.log('222')}
/>
```

<center>
  <figure>
    <img
      alt="手动设置 page ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643189073013519274.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Passcode (继承自 `TextInputProps`)

| 属性                | 必填    | 说明                   | 类型                     | 默认值      |
| ------------------- | ------- | ---------------------- | ------------------------ | ----------- |
| keyboardType        | `false` | 键盘类型               | `KeyboardType`           | `phone-pad` |
| style               | `false` | 容器样式               | `ViewStyle`              |             |
| focusStyle          | `false` | 聚焦的某个输入框的样式 | `ViewStyle`              |             |
| value               | `false` | 当前输入的验证码       | `string`                 |             |
| onChange            | `false` | 验证码输入回调         | `(code: string) => void` |             |
| inputContainerStyle | `false` | 输入框容器样式         | `ViewStyle`              |             |
| inputStyle          | `false` | 输入框样式             | `TextStyle`              |             |
| count               | `false` | 验证码长度             | `number`                 | `6`         |
| onFinish            | `false` | 验证码输入完成后的回调 | `() => void`             |             |

### PasswordInputRef

| 属性     | 说明                 | 类型            |
| -------- | -------------------- | --------------- |
| reset    | 重置验证码           | `() => void;`   |
| focus    | 聚焦验证码           | `() => void;`   |
| getValue | 获取当前输入的验证码 | `() => string;` |


================================================
FILE: packages/react-native/src/passcode/index.tsx
================================================
import React, { forwardRef } from 'react';
import { Platform, TextInput } from 'react-native';

import Flex from '../flex';
import PasscodeItem from './PasscodeItem';
import type { PasscodeProps, PasscodeRef } from './type';
import usePasscode from './usePasscode';

const Passcode = forwardRef<PasscodeRef, PasscodeProps>(
  (
    {
      style,
      keyboardType = 'phone-pad',
      focusStyle,
      value,
      onChange,
      inputContainerStyle,
      inputStyle,
      count = 6,
      autoFocus = true,
      autoCapitalize = 'none',
      clearTextOnFocus = false,
      placeholder = '',
      secureTextEntry = false,
      selectTextOnFocus = true,
      onFinish,
      ...restProps
    },
    ref
  ) => {
    const { otpCode, inputs, handleKeyPress, handleChangeText } = usePasscode({
      onChange,
      value,
      count,
      ref,
      onFinish,
    });

    return (
      <Flex justifyContent={'space-between'} style={style}>
        {Array(count)
          .fill('')
          .map((_, index) => {
            const inputValue = otpCode[`${index}`];

            if (!inputs.current[index]) {
              inputs.current[index] = React.createRef<TextInput>();
            }

            return (
              <PasscodeItem
                key={index}
                accessible
                autoCapitalize={autoCapitalize}
                autoFocus={index === 0 && autoFocus}
                clearTextOnFocus={clearTextOnFocus}
                focusStyle={focusStyle}
                handleKeyPress={handleKeyPress(index)}
                handleChangeText={handleChangeText(index)}
                inputContainerStyle={inputContainerStyle}
                inputStyle={inputStyle}
                inputValue={inputValue}
                keyboardType={keyboardType}
                maxLength={Platform.select({
                  android: 1,
                  ios: index === 0 ? count : 1,
                })}
                placeholder={placeholder}
                ref={inputs.current[index]}
                secureTextEntry={secureTextEntry}
                selectTextOnFocus={selectTextOnFocus}
                {...restProps}
              />
            );
          })}
      </Flex>
    );
  }
);
Passcode.displayName = 'Passcode';

export default Passcode;

export type { PasscodeRef };


================================================
FILE: packages/react-native/src/passcode/reducer.ts
================================================
import { fillOtpCode } from './helpers';

type SetOtpTextForIndexPayload = { index: number; text: string };
type SetOtpTextForIndex = {
  type: 'setOtpTextForIndex';
  payload: SetOtpTextForIndexPayload;
};

type SetOtpCodePayload = { count: number; code: string };
type SetOtpCode = {
  type: 'setOtpCode';
  payload: SetOtpCodePayload;
};

type ClearOtpPayload = number;
type ClearOtp = { type: 'clearOtp'; payload: ClearOtpPayload };

type SetHasKeySupportPayload = boolean;
type SetHasKeySupport = { type: 'setHasKeySupport'; payload: SetHasKeySupportPayload };

export type ReducerState = {
  otpCode: { [key: string]: string };
  handleChange?: (otpCode: string) => void;
  hasKeySupport: boolean;
};

export type ActionTypes = {
  setOtpTextForIndex: 'setOtpTextForIndex';
  setOtpCode: 'setOtpCode';
  clearOtp: 'clearOtp';
  setHasKeySupport: 'setHasKeySupport';
};

export type Actions = SetOtpTextForIndex | SetOtpCode | ClearOtp | SetHasKeySupport;

const ACTION_TYPES: ActionTypes = {
  setOtpTextForIndex: 'setOtpTextForIndex',
  setOtpCode: 'setOtpCode',
  clearOtp: 'clearOtp',
  setHasKeySupport: 'setHasKeySupport',
};

export default (state: ReducerState, { type, payload }: Actions) => {
  switch (type) {
    case ACTION_TYPES.setOtpTextForIndex: {
      const otpCode = {
        ...state.otpCode,
        [`${(payload as SetOtpTextForIndexPayload).index}`]: (payload as SetOtpTextForIndexPayload).text,
      };
      state.handleChange?.(Object.values(otpCode).join(''));

      return {
        ...state,
        otpCode,
        index: (payload as SetOtpTextForIndexPayload).index,
      };
    }

    case ACTION_TYPES.setOtpCode: {
      const otpCode = fillOtpCode((payload as SetOtpCodePayload).count, (payload as SetOtpCodePayload).code);

      state.handleChange?.(Object.values(otpCode).join(''));

      return {
        ...state,
        otpCode,
      };
    }

    case ACTION_TYPES.clearOtp: {
      const otpCode = fillOtpCode(payload as ClearOtpPayload);
      state.handleChange?.(Object.values(otpCode).join(''));

      return { ...state, otpCode };
    }

    case ACTION_TYPES.setHasKeySupport: {
      return { ...state, hasKeySupport: payload as SetHasKeySupportPayload };
    }

    default:
      return state;
  }
};


================================================
FILE: packages/react-native/src/passcode/type.ts
================================================
import {
  KeyboardType,
  NativeSyntheticEvent,
  StyleProp,
  TextInputKeyPressEventData,
  TextInputProps,
  TextStyle,
  ViewStyle,
} from 'react-native';

export interface PasscodeProps extends Omit<TextInputProps, 'onChange' | 'onChangeText'> {
  /** 键盘类型 */
  keyboardType?: KeyboardType;
  /** 容器样式 */
  style?: StyleProp<ViewStyle>;
  /** 聚焦的某个输入框的样式 */
  focusStyle?: StyleProp<ViewStyle>;
  /** 当前输入的验证码 */
  value?: string;
  /** 验证码输入回调 */
  onChange?: (code: string) => void;
  /** 输入框容器样式 */
  inputContainerStyle?: StyleProp<ViewStyle>;
  /** 输入框样式 */
  inputStyle?: StyleProp<TextStyle>;
  /** 验证码长度 */
  count?: number;
  /** 验证码输入完成后的回调 */
  onFinish?: (value: string) => void;
}

export interface PasscodeRef {
  /** 重置验证码 */
  reset: () => void;
  /** 聚焦验证码 */
  focus: () => void;
  /** 获取当前输入的验证码 */
  getValue: () => string;
}

export interface PasscodeItemProps extends TextInputProps {
  /** 输入框的样式 */
  inputContainerStyle?: StyleProp<ViewStyle>;
  /** 当前输入框的样式 */
  focusStyle?: StyleProp<ViewStyle>;
  /** TextInput的样式 */
  inputStyle?: StyleProp<TextStyle>;
  /** 输入的值 */
  inputValue: string;
  /** 按键按下的回调事件 */
  handleKeyPress: (keyPressEvent: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
  /** 输入框内容改变时的回调事件 */
  handleChangeText: (text: string) => void;
}


================================================
FILE: packages/react-native/src/passcode/usePasscode.ts
================================================
import { ForwardedRef, RefObject, useEffect, useImperativeHandle, useReducer, useRef } from 'react';
import { Keyboard, NativeSyntheticEvent, Platform, TextInput, TextInputKeyPressEventData } from 'react-native';

import { useMemoizedFn } from '@td-design/rn-hooks';

import { fillOtpCode } from './helpers';
import reducer from './reducer';
import { PasscodeProps, PasscodeRef } from './type';

export default function usePasscode({
  onChange,
  count,
  value,
  ref,
  onFinish,
}: Pick<PasscodeProps, 'onChange' | 'value' | 'onFinish'> & {
  count: number;
  ref: ForwardedRef<PasscodeRef>;
}) {
  const previousCopiedText = useRef<string>('');
  const inputs = useRef<Array<RefObject<TextInput>>>([]);

  const [{ otpCode, hasKeySupport }, dispatch] = useReducer(reducer, {
    otpCode: fillOtpCode(count, value),
    handleChange: onChange,
    hasKeySupport: Platform.OS === 'ios',
  });

  useEffect(() => {
    if (value) {
      dispatch({
        type: 'setOtpCode',
        payload: { count, code: value },
      });
    }
  }, [value, count]);

  useImperativeHandle(ref, () => ({
    reset: () => {
      dispatch({ type: 'clearOtp', payload: count });
      inputs.current.forEach(input => input?.current?.clear());
      previousCopiedText.current = '';
    },
    focus: () => {
      const firstInput = inputs.current[0];
      firstInput?.current?.focus();
    },
    getValue: () => {
      return Object.values(otpCode).join('');
    },
  }));

  const focusInput = (index: number): void => {
    if (index >= 0 && index < count) {
      const input = inputs.current[index];
      input?.current?.focus();
    }
  };

  const handleClearInput = (inputIndex: number) => {
    const input = inputs.current[inputIndex];
    input?.current?.clear();
    dispatch({
      type: 'setOtpTextForIndex',
      payload: {
        index: inputIndex,
        text: '',
      },
    });
  };

  const handleChangeText = (index: number) => (text: string) => {
    handleInputTextChange(text, index);
  };

  const handleKeyPress =
    (index: number) =>
    ({ nativeEvent: { key } }: NativeSyntheticEvent<TextInputKeyPressEventData>) => {
      if (Platform.OS === 'android' && !hasKeySupport && !isNaN(parseInt(key))) {
        dispatch({ type: 'setHasKeySupport', payload: true });
      }

      if (key === 'Backspace') {
        // 当前输入框的值
        const value = otpCode[`${index}`];
        // 清除当前输入框的值
        handleClearInput(index);
        // 如果当前输入框的值为空，则聚焦上一个输入框
        if (!value) {
          focusInput(index - 1);
        }
      }
    };

  const handleInputTextChange = (text: string, index: number): void => {
    if ([1, 2, 3, 4, 5, 6, 7, 8, 9, 0].includes(parseInt(text))) {
      dispatch({
        type: 'setOtpTextForIndex',
        payload: {
          text,
          index,
        },
      });
      focusInput(index + 1);
    } else {
      handleClearInput(index);
    }
  };

  useEffect(() => {
    const value = Object.values(otpCode).join('');
    if (value.length === count) {
      onFinish?.(value);
      Keyboard.dismiss();
    }
  }, [count, otpCode]);

  return {
    otpCode,
    inputs,
    handleKeyPress: useMemoizedFn(handleKeyPress),
    handleChangeText: useMemoizedFn(handleChangeText),
  };
}


================================================
FILE: packages/react-native/src/portal/PortalConsumer.tsx
================================================
import React, { PropsWithChildren } from 'react';

import { PortalMethods } from './PortalContext';

export default class PortalConsumer extends React.Component<PropsWithChildren<{ manager: PortalMethods }>> {
  private key: any;

  componentDidMount() {
    this.checkManager();

    this.key = this.props.manager.mount(this.props.children);
  }

  componentDidUpdate() {
    this.props.manager.update(this.key, this.props.children);
  }

  componentWillUnmount() {
    this.props.manager.unmount(this.key);
  }

  private checkManager() {
    if (!this.props.manager) {
      throw new Error('你好像忘记用Portal.Provider包裹你的应用了。');
    }
  }

  render() {
    return null;
  }
}


================================================
FILE: packages/react-native/src/portal/PortalContext.ts
================================================
import React from 'react';

export type PortalMethods = {
  mount: (children: React.ReactNode) => number;
  update: (key: number, children: React.ReactNode) => void;
  unmount: (key: number) => void;
};

export const PortalContext = React.createContext<PortalMethods>(null as any);


================================================
FILE: packages/react-native/src/portal/PortalGuard.ts
================================================
import { DeviceEventEmitter, NativeEventEmitter } from 'react-native';

// 事件名
export const ADD_TYPE = 'TD_DESIGN_REACT_NATIVE_ADD_PORTAL';
export const REMOVE_TYPE = 'TD_DESIGN_REACT_NATIVE_REMOVE_PORTAL';

// 全局的监听事件
export const TopViewEventEmitter = DeviceEventEmitter || new NativeEventEmitter();

class PortalGuard {
  private nextKey = 10000;

  add = (e: React.ReactNode) => {
    const key = this.nextKey++;
    // 发射监听事件
    TopViewEventEmitter.emit(ADD_TYPE, e, key);
    return key;
  };

  remove = (key: number) => TopViewEventEmitter.emit(REMOVE_TYPE, key);
}

export const portal = new PortalGuard();


================================================
FILE: packages/react-native/src/portal/PortalHost.tsx
================================================
import React, { PropsWithChildren } from 'react';
import { EventSubscription, View } from 'react-native';

import { PortalContext, PortalMethods } from './PortalContext';
import { ADD_TYPE, REMOVE_TYPE, TopViewEventEmitter } from './PortalGuard';
import PortalManager from './PortalManager';

type Operation =
  | { type: 'mount'; key: number; children: React.ReactNode }
  | { type: 'update'; key: number; children: React.ReactNode }
  | { type: 'unmount'; key: number };

export default class PortalHost extends React.Component<PropsWithChildren<{}>> {
  static displayName = 'Portal.Host';

  private nextKey = 0;
  private queue: Operation[] = [];
  private manager: PortalManager | null | undefined;

  private addListener: EventSubscription | undefined;
  private removeListener: EventSubscription | undefined;

  componentDidMount() {
    const manager = this.manager;
    const queue = this.queue;

    this.addListener = TopViewEventEmitter.addListener(ADD_TYPE, this.mount);
    this.removeListener = TopViewEventEmitter.addListener(REMOVE_TYPE, this.unmount);

    while (queue.length && manager) {
      const action = queue.pop();
      if (!action) {
        continue;
      }

      switch (action.type) {
        case 'mount':
          manager.mount(action.key, action.children);
          break;

        case 'update':
          manager.update(action.key, action.children);
          break;

        case 'unmount':
          manager.unmount(action.key);
          break;

        default:
          break;
      }
    }
  }

  componentWillUnmount() {
    this.addListener?.remove();
    this.removeListener?.remove();
  }

  private setManager = (manager: PortalManager | undefined | null) => {
    this.manager = manager;
  };

  private mount = (children: React.ReactNode, _key?: number) => {
    const key = _key || this.nextKey++;

    if (this.manager) {
      this.manager.mount(key, children);
    } else {
      this.queue.push({ type: 'mount', key, children });
    }

    return key;
  };

  private update = (key: number, children: React.ReactNode) => {
    if (this.manager) {
      this.manager.update(key, children);
    } else {
      const op: Operation = { type: 'mount', key, children };
      const index = this.queue.findIndex(o => o.type === 'mount' || (o.type === 'update' && o.key === key));

      if (index > -1) {
        this.queue[index] = op;
      } else {
        this.queue.push(op as Operation);
      }
    }
  };

  private unmount = (key: number) => {
    if (this.manager) {
      this.manager.unmount(key);
    } else {
      this.queue.push({ type: 'unmount', key });
    }
  };

  render() {
    const manager: PortalMethods = {
      mount: this.mount,
      update: this.update,
      unmount: this.unmount,
    };

    return (
      <PortalContext.Provider value={manager}>
        <View style={{ flex: 1 }} collapsable={false}>
          {this.props.children}
        </View>
        <PortalManager ref={this.setManager} />
      </PortalContext.Provider>
    );
  }
}


================================================
FILE: packages/react-native/src/portal/PortalManager.tsx
================================================
import React from 'react';
import { StyleSheet, View } from 'react-native';

type State = {
  portals: Array<{
    key: number;
    children: React.ReactNode;
  }>;
};

export default class PortalManager extends React.PureComponent<{}, State> {
  state: State = {
    portals: [],
  };

  mount = (key: number, children: React.ReactNode) => {
    this.setState(state => ({
      portals: [...state.portals, { key, children }],
    }));
  };

  update = (key: number, children: React.ReactNode) =>
    this.setState(state => ({
      portals: state.portals.map(item => {
        if (item.key === key) {
          return { ...item, children };
        }
        return item;
      }),
    }));

  unmount = (key: number) =>
    this.setState(state => ({
      portals: state.portals.filter(item => item.key !== key),
    }));

  render() {
    return this.state.portals.map(({ key, children }) => (
      <View
        key={key}
        /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
        collapsable={false}
        pointerEvents="box-none"
        style={StyleSheet.absoluteFill}
      >
        {children}
      </View>
    ));
  }
}


================================================
FILE: packages/react-native/src/portal/index.tsx
================================================
import React, { PropsWithChildren } from 'react';

import PortalConsumer from './PortalConsumer';
import { PortalContext } from './PortalContext';
import { portal } from './PortalGuard';
import PortalHost from './PortalHost';

class Portal extends React.Component<PropsWithChildren<{}>> {
  static Host = PortalHost;
  static add = portal.add;
  static remove = portal.remove;

  render() {
    const { children } = this.props;

    return (
      <PortalContext.Consumer>
        {manager => <PortalConsumer manager={manager}>{children}</PortalConsumer>}
      </PortalContext.Consumer>
    );
  }
}

export default Portal;


================================================
FILE: packages/react-native/src/pressable/index.md
================================================
---
title: Pressable - 可点击组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# Pressable 可点击组件

基于[React Native Pressable](https://reactnative.dev/docs/pressable)封装。

**注意：Pressable 是 react-native 在 0.63 版本引入的新功能，也意味着如果你的项目是低于 0.63 版本的话，Pressable 组件无法使用**

## 效果演示

### 1. 默认效果

```tsx | pure
<Pressable onPress={handlePress} onLongPress={handleLongPress}>
  <Box width={90} height={90} backgroundColor="gray300" />
</Pressable>
```

<center>
  <figure>
    <img
      alt="默认效果 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643190132405185135.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性           | 必填    | 说明                               | 类型                                     | 默认值 |
| -------------- | ------- | ---------------------------------- | ---------------------------------------- | ------ |
| onPress        | `false` | 点击事件                           | `(event: GestureResponderEvent) => void` |        |
| onPressIn      | `false` | 点击事件执行前                     | `(event: GestureResponderEvent) => void` |        |
| onPressOut     | `false` | 点击事件执行后                     | `(event: GestureResponderEvent) => void` |        |
| onLongPress    | `false` | 长按事件                           | `(event: GestureResponderEvent) => void` |        |
| disabled       | `false` | 是否禁用                           | `boolean`                                |        |
| delayLongPress | `false` | 从点击状态进入长按状态的延迟时间   | `number`                                 | 1000   |
| activeOpacity  | `false` | 点击时的不透明度                   | `number`                                 | 0.5    |
| pressOffset    | `false` | 手指移出组件但扔持有点击状态的距离 | `number`                                 | 20     |
| hitOffset      | `false` | 离组件触发 onPressIn 的距离        | `number`                                 | 20     |
| style          | `false` | 自定义样式                         | `ViewStyle`                              |        |


================================================
FILE: packages/react-native/src/pressable/index.tsx
================================================
/**
 * https://github.com/facebook/react-native/blob/16ea9ba8133a5340ed6751ec7d49bf03a0d4c5ea/Libraries/Pressability/Pressability.js#L347
 * # State Machine
 *
 * ┌───────────────┐ ◀──── RESPONDER_RELEASE
 * │ NOT_RESPONDER │
 * └───┬───────────┘ ◀──── RESPONDER_TERMINATED
 *     │
 *     │ RESPONDER_GRANT (HitRect)
 *     │
 *     ▼
 * ┌─────────────────────┐          ┌───────────────────┐              ┌───────────────────┐
 * │ RESPONDER_INACTIVE_ │  DELAY   │ RESPONDER_ACTIVE_ │  T + DELAY   │ RESPONDER_ACTIVE_ │
 * │ PRESS_IN            ├────────▶ │ PRESS_IN          ├────────────▶ │ LONG_PRESS_IN     │
 * └─┬───────────────────┘          └─┬─────────────────┘              └─┬─────────────────┘
 *   │           ▲                    │           ▲                      │           ▲
 *   │LEAVE_     │                    │LEAVE_     │                      │LEAVE_     │
 *   │PRESS_RECT │ENTER_              │PRESS_RECT │ENTER_                │PRESS_RECT │ENTER_
 *   │           │PRESS_RECT          │           │PRESS_RECT            │           │PRESS_RECT
 *   ▼           │                    ▼           │                      ▼           │
 * ┌─────────────┴───────┐          ┌─────────────┴─────┐              ┌─────────────┴─────┐
 * │ RESPONDER_INACTIVE_ │  DELAY   │ RESPONDER_ACTIVE_ │              │ RESPONDER_ACTIVE_ │
 * │ PRESS_OUT           ├────────▶ │ PRESS_OUT         │              │ LONG_PRESS_OUT    │
 * └─────────────────────┘          └───────────────────┘              └───────────────────┘
 *
 * T + DELAY => LONG_PRESS_DELAY + DELAY
 *
 * Not drawn are the side effects of each transition. The most important side
 * effect is the invocation of `onPress` and `onLongPress` that occur when a
 * responder is release while in the "press in" states.
 */
import React, { memo } from 'react';
import { Pressable as RNPressable, PressableProps as RNPressableProps, StyleProp, ViewStyle } from 'react-native';

import helpers from '../helpers';

type Rect = {
  bottom: number;
  top: number;
  left: number;
  right: number;
};

export interface PressableProps
  extends Pick<
    RNPressableProps,
    'onPress' | 'onPressIn' | 'onPressOut' | 'onLongPress' | 'disabled' | 'delayLongPress' | 'onLayout' | 'children'
  > {
  /** 点击时的不透明度 */
  activeOpacity?: number;
  /** 手指移出组件但扔持有点击状态的距离 */
  pressOffset?: number | Rect;
  /** 离组件触发 onPressIn 的距离 */
  hitOffset?: number | Rect;
  /** 是否激活缩放动效  */
  scalable?: boolean;
  style?: StyleProp<ViewStyle>;
}

const { px } = helpers;
function Pressable(props: PressableProps) {
  const {
    children,
    activeOpacity = 0.6,
    pressOffset = px(20),
    hitOffset,
    delayLongPress = 1000,
    style,
    onPress,
    ...rest
  } = props;

  if (!children) return null;

  return (
    <RNPressable
      android_disableSound={false}
      android_ripple={null}
      pressRetentionOffset={pressOffset}
      hitSlop={hitOffset}
      delayLongPress={delayLongPress}
      style={({ pressed }) => [{ opacity: pressed ? activeOpacity : 1 }, style]}
      onPress={e => {
        if (onPress) {
          setTimeout(() => {
            onPress(e);
          }, 100);
        }
      }}
      {...rest}
    >
      {children}
    </RNPressable>
  );
}
Pressable.displayName = 'Pressable';

export default memo(Pressable);


================================================
FILE: packages/react-native/src/progress/CircleProgress.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';
import Animated from 'react-native-reanimated';
import Svg, { Circle, Defs, G, LinearGradient, Stop } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import helpers from '../helpers';
import Text from '../text';
import ReText from '../text/ReText';
import { Theme } from '../theme';
import { ProgressProps } from './type';
import useCircleProgress from './useCircleProgress';

const { px } = helpers;
const AnimatedCircle = Animated.createAnimatedComponent(Circle);

const CircleProgress: FC<Omit<ProgressProps, 'labelPosition'>> = props => {
  const theme = useTheme<Theme>();
  const {
    width = px(150),
    color = theme.colors.primary200,
    bgColor = theme.colors.gray200,
    strokeWidth = px(8),
    value = 0,
    label,
    showLabel = true,
    labelStyle,
    unit,
  } = props;

  const { radius, textLabel, circumference, animatedProps } = useCircleProgress({
    width,
    strokeWidth,
    unit,
    value,
  });

  return (
    <Box width={width} height={width} position={'relative'}>
      <Svg width={width} height={width}>
        <Defs>
          <LinearGradient id="grad" x1="0" y1="0" x2="1" y2="0">
            <Stop offset="0" stopColor={typeof color === 'string' ? color : color[0]} stopOpacity="1" />
            <Stop offset="1" stopColor={typeof color === 'string' ? color : color[1]} stopOpacity="1" />
          </LinearGradient>
        </Defs>
        <G rotation="-90" origin={`${width / 2}, ${width / 2}`}>
          <Circle
            cx={width / 2}
            cy={width / 2}
            r={radius}
            stroke={bgColor}
            strokeWidth={strokeWidth}
            strokeOpacity={1}
            fill="none"
          />
          <AnimatedCircle
            cx={width / 2}
            cy={width / 2}
            r={radius}
            stroke="url(#grad)"
            fill="none"
            strokeLinecap="round"
            strokeWidth={strokeWidth}
            strokeDasharray={`${circumference} ${circumference}`}
            animatedProps={animatedProps}
          />
        </G>
      </Svg>
      {showLabel ? (
        <Box
          style={[
            StyleSheet.absoluteFillObject,
            {
              width: '100%',
              height: '100%',
              justifyContent: 'center',
              alignItems: 'center',
            },
            labelStyle,
          ]}
        >
          {typeof label === 'string' ? (
            <Text variant="p1" color="primary_text">
              {label}
            </Text>
          ) : (
            label
          )}
          <ReText
            text={textLabel}
            style={[
              {
                fontSize: px(14),
                color: typeof color === 'string' ? color : theme.colors.primary200,
                fontWeight: '500',
                textAlign: 'center',
              },
            ]}
          />
        </Box>
      ) : null}
    </Box>
  );
};
CircleProgress.displayName = 'CircleProgress';

export default CircleProgress;


================================================
FILE: packages/react-native/src/progress/LineProgress.tsx
================================================
import React, { FC } from 'react';
import Animated from 'react-native-reanimated';
import Svg, { Defs, Line, LinearGradient, Stop } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import ReText from '../text/ReText';
import { Theme } from '../theme';
import { ProgressProps } from './type';
import useLineProgress from './useLineProgress';

const { px } = helpers;
const AnimatedLine = Animated.createAnimatedComponent(Line);

const LineProgress: FC<Omit<ProgressProps, 'innerWidth'>> = props => {
  const theme = useTheme<Theme>();
  const {
    width = px(250),
    color = theme.colors.primary200,
    bgColor = theme.colors.gray200,
    strokeWidth = theme.spacing.x2,
    value = 0,
    showLabel = true,
    labelPosition = 'right',
    unit,
    label,
    labelStyle,
  } = props;

  const { animatedProps, textLabel } = useLineProgress({ width, strokeWidth, unit, value });

  const SvgComp = (
    <Svg width={width} height={strokeWidth}>
      <Defs>
        <LinearGradient id="grad" x1="0" y1="0" x2="1" y2="0">
          <Stop offset="0" stopColor={typeof color === 'string' ? color : color[0]} stopOpacity="1" />
          <Stop offset="1" stopColor={typeof color === 'string' ? color : color[1]} stopOpacity="1" />
        </LinearGradient>
      </Defs>
      <Line
        x1={strokeWidth / 2}
        x2={width - strokeWidth / 2}
        y1={strokeWidth / 2}
        y2={strokeWidth / 2}
        fill="none"
        stroke={bgColor}
        strokeWidth={strokeWidth}
        strokeLinecap="round"
      />
      <AnimatedLine
        x1={strokeWidth / 2}
        y1={strokeWidth / 2}
        y2={strokeWidth / 2}
        fill="none"
        stroke="url(#grad)"
        strokeLinecap="round"
        strokeWidth={strokeWidth}
        animatedProps={animatedProps}
      />
    </Svg>
  );

  const LabelComp = showLabel ? (
    <Box style={labelStyle}>
      {typeof label === 'string' ? (
        <Text variant="p1" color="primary_text">
          {label}
        </Text>
      ) : (
        label
      )}
      <ReText
        text={textLabel}
        style={[
          {
            fontSize: px(14),
            color: typeof color === 'string' ? color : theme.colors.primary200,
            fontWeight: '500',
            textAlign: 'center',
          },
        ]}
      />
    </Box>
  ) : null;

  if (labelPosition === 'top')
    return (
      <Box width={width}>
        {LabelComp}
        {SvgComp}
      </Box>
    );

  return (
    <Flex width={width}>
      {SvgComp}
      {LabelComp}
    </Flex>
  );
};
LineProgress.displayName = 'LineProgress';

export default LineProgress;


================================================
FILE: packages/react-native/src/progress/index.md
================================================
---
title: Progress - 进度条组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
---

# Progress 进度条

## 效果演示

### 1. LineProgress 默认效果

```tsx | pure
<LineProgress value={70} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609055940832313088.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. LineProgress 值文本在顶部效果

```tsx | pure
<LineProgress value={100} labelPosition="top" />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609055836045311052.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. LineProgress 渐变色效果

```tsx | pure
<LineProgress value={87} color={['#FFD080', 'red']} showLabel labelPosition="top" />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609055728101996419.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. LineProgress 修改宽度效果

```tsx | pure
<LineProgress value={87} strokeWidth={16} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609055614844577639.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. CircleProgress 默认效果

```tsx | pure
<CircleProgress value={80} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609056150372671370.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. CircleProgress 不显示值文本效果

```tsx | pure
<CircleProgress value={40} showLabel={false} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609056236868086678.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. CircleProgress 自定义颜色效果

```tsx | pure
<CircleProgress value={50} color="red" bgColor="green" />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609056494084934403.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 8. CircleProgress 渐变色效果

```tsx | pure
<CircleProgress value={70} strokeWidth={16} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609056864300543651.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 9. CircleProgress 修改宽度效果

```tsx | pure
<CircleProgress value={70} strokeWidth={16} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609056613317325817.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

```tsx | pure
export interface ProgressProps {
  /** 长度 */
  width?: number;
  /** 颜色, 支持渐变 */
  color?: string | string[];
  /** 背景色 */
  bgColor?: string;
  /** 宽度 */
  strokeWidth?: number;
  /** 值 */
  value?: number;
  /** 值文本位置 */
  labelPosition?: 'right' | 'top';
  /** 是否显示单位 */
  unit?: string;
  /** 自定义文本 */
  label?: ReactNode;
  /** 是否显示文本 */
  showLabel?: boolean;
  /** 文本样式 */
  labelStyle?: StyleProp<ViewStyle>;
}
```


================================================
FILE: packages/react-native/src/progress/index.tsx
================================================
import CircleProgress from './CircleProgress';
import LineProgress from './LineProgress';

export default {
  CircleProgress,
  LineProgress,
};


================================================
FILE: packages/react-native/src/progress/type.ts
================================================
import { ReactNode } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

export interface ProgressProps {
  /** 长度 */
  width?: number;
  /** 颜色, 支持渐变 */
  color?: string | string[];
  /** 背景色 */
  bgColor?: string;
  /** 宽度 */
  strokeWidth?: number;
  /** 值 */
  value?: number;
  /** 值文本位置 */
  labelPosition?: 'right' | 'top';
  /** 是否显示单位 */
  unit?: string;
  /** 自定义文本 */
  label?: ReactNode;
  /** 是否显示文本 */
  showLabel?: boolean;
  /** 文本样式 */
  labelStyle?: StyleProp<ViewStyle>;
}


================================================
FILE: packages/react-native/src/progress/useCircleProgress.ts
================================================
import { useEffect } from 'react';
import { useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';

import { ProgressProps } from './type';

export default function useCircleProgress({
  width = 0,
  strokeWidth = 0,
  value = 0,
  unit,
}: Pick<ProgressProps, 'width' | 'strokeWidth' | 'value' | 'unit'>) {
  const radius = (width - strokeWidth) / 2;
  const circumference = 2 * Math.PI * radius;

  const progress = useSharedValue(0);
  const textLabel = useSharedValue('');

  useEffect(() => {
    progress.value = withTiming(value, { duration: 600 });
    textLabel.value = unit ? `${value}${unit}` : `${value}`;
  }, [value, unit]);

  const animatedProps = useAnimatedProps(() => ({
    strokeDashoffset: circumference - (progress.value * circumference) / 100,
  }));

  return { radius, textLabel, circumference, animatedProps };
}


================================================
FILE: packages/react-native/src/progress/useLineProgress.ts
================================================
import { useEffect } from 'react';
import { useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';

import { ProgressProps } from './type';

export default function useLineProgress({
  width = 0,
  strokeWidth = 0,
  value = 0,
  unit,
}: Pick<ProgressProps, 'width' | 'strokeWidth' | 'value' | 'unit'>) {
  const progress = useSharedValue(0);
  const textLabel = useSharedValue('');

  useEffect(() => {
    progress.value = withTiming((value * width) / 100 - strokeWidth / 2, { duration: 600 });
    textLabel.value = unit ? `${value}${unit}` : `${value}`;
  }, [value, width, strokeWidth, unit]);

  const animatedProps = useAnimatedProps(() => ({
    x2: progress.value,
  }));

  return { textLabel, animatedProps };
}


================================================
FILE: packages/react-native/src/radio/RadioItem.tsx
================================================
import React, { FC, memo, useMemo } from 'react';
import { Keyboard, StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import Pressable from '../pressable';
import SvgIcon, { IconNames } from '../svg-icon';
import Text from '../text';
import type { Theme } from '../theme';
import type { RadioItemProps } from './type';

const mapping: Record<string, IconNames> = {
  checked: 'radio-checked',
  unchecked: 'radio-unchecked',
};

const RadioItem: FC<RadioItemProps> = ({
  mode,
  size,
  status,
  label,
  value,
  isLast = false,
  disabled,
  itemStyle,
  labelStyle,
  onChange,
  activeOpacity,
}) => {
  const theme = useTheme<Theme>();

  const handleChange = () => {
    Keyboard.dismiss();
    if (disabled) return;
    onChange?.(value, status);
  };

  const styles = StyleSheet.create({
    list: { width: '100%', flex: 1 },
  });

  const Label = useMemo(() => {
    if (typeof label === 'string') {
      return (
        <Text
          variant="p1"
          color={disabled ? 'disabled' : 'text'}
          style={labelStyle}
          numberOfLines={1}
          ellipsizeMode="tail"
        >
          {label}
        </Text>
      );
    }
    return label;
  }, [disabled, label, labelStyle]);

  if (!disabled)
    return (
      <Pressable
        onPress={handleChange}
        activeOpacity={activeOpacity}
        style={[mode === 'list' && styles.list, itemStyle]}
      >
        <Flex marginRight={isLast ? 'x0' : 'x2'} style={mode === 'list' && styles.list}>
          <Box marginRight="x1">
            <SvgIcon name={mapping[status]} color={theme.colors.primary200} size={size} />
          </Box>
          {Label}
        </Flex>
      </Pressable>
    );

  return (
    <Box style={[mode === 'list' && styles.list, itemStyle]}>
      <Flex marginRight={isLast ? 'x0' : 'x2'} style={mode === 'list' && styles.list}>
        <Box marginRight="x1">
          <SvgIcon name={mapping[status]} color={theme.colors.disabled} size={size} />
        </Box>
        {Label}
      </Flex>
    </Box>
  );
};
RadioItem.displayName = 'RadioItem';

export default memo(RadioItem);


================================================
FILE: packages/react-native/src/radio/RadioList.tsx
================================================
import React, { FC } from 'react';

import Box from '../box';
import { ONE_PIXEL, px } from '../helpers/normalize';
import RadioItem from './RadioItem';
import type { RadioProps } from './type';
import useRadio from './useRadio';

const RadioList: FC<RadioProps> = ({
  value,
  disabledValue,
  defaultValue,
  containerStyle,
  options,
  size = px(24),
  onChange,
  itemStyle,
  activeOpacity = 0.6,
  ...restProps
}) => {
  const { transformedOptions = [], handleChange } = useRadio({
    options,
    disabledValue,
    defaultValue,
    onChange,
    value,
  });

  return (
    <Box style={containerStyle}>
      {transformedOptions.map(option => {
        return (
          <Box
            key={option.value}
            style={itemStyle}
            height={px(50)}
            justifyContent="center"
            alignItems="flex-start"
            paddingLeft="x1"
          >
            <RadioItem
              mode="list"
              {...option}
              size={size}
              onChange={handleChange}
              {...{ activeOpacity }}
              {...restProps}
            />
            <Box width={'100%'} height={ONE_PIXEL} backgroundColor="border" />
          </Box>
        );
      })}
    </Box>
  );
};
RadioList.displayName = 'RadioList';

export default RadioList;


================================================
FILE: packages/react-native/src/radio/index.md
================================================
---
title: Radio - 单选框
nav:
  title: RN 组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# Radio 单选框

## 效果演示

### 1. 默认效果

```tsx | pure
<Radio
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643191517006751379.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 默认选中

```tsx | pure
<Radio
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
  defaultValue={'Pear'}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643248707596340144.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 禁用某项

```tsx | pure
<Radio
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
  disabledValue={['Apple']}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643248779441131355.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. RadioList

```tsx | pure
<RadioList
  options={[
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
  ]}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643248840301238393.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Radio / RadioList

| 属性           | 必填    | 说明                     | 类型                         | 默认值 |
| -------------- | ------- | ------------------------ | ---------------------------- | ------ |
| options        | `true`  | 指定可选项               | `RadioOption[]`              |        |
| value          | `false` | 选中的项                 | `ReactText`                  |        |
| onChange       | `false` | 选中单选框触发的回调函数 | `(value: ReactText) => void` |        |
| defaultValue   | `false` | 默认选中的项             | `ReactText`                  |        |
| size           | `false` | 图标大小                 | `number`                     |        |
| disabledValue  | `false` | 设置禁用的项             | `ReactText[]`                |        |
| containerStyle | `false` | 自定义容器样式           | `ViewStyle`                  |        |
| itemStyle      | `false` | 自定义单个单选框样式     | `ViewStyle`                  |        |
| labelStyle     | `false` | 自定义文本样式           | `TextStyle`                  |        |
| activeOpacity  | `false` | 未禁用时的不透明度       | `number`                     | `0.6`  |

### RadioItem

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| itemStyle | `false` | 自定义单个单选框样式 | `ViewStyle` |  |
| labelStyle | `false` | 自定义文本样式 | `TextStyle` |  |
| size | `false` | 图标大小 | `number` |  |
| activeOpacity | `false` | 未禁用时的不透明度 | `number` | `0.6` |
| label | `true` | 单选框文本 | `ReactNode` |  |
| value | `true` | 单选框的值 | `ReactText` |  |
| status | `true` | 单选框选中状态 | `'checked' \| 'unchecked'` |  |
| disabled | `true` | 单选框禁用状态 | `boolean` |  |
| mode | `false` | 单选框模式，list 表示以列表展示 | `'list' \| 'row'` |  |
| onChange | `false` | 选中单选框触发的回调函数 | `(value: ReactText, status: RadioStatus) => void` |  |
| isLast | `false` | 是否是最后一个 | `boolean` | `false` |


================================================
FILE: packages/react-native/src/radio/index.tsx
================================================
import React, { forwardRef } from 'react';

import Flex from '../flex';
import { px } from '../helpers/normalize';
import RadioItem from './RadioItem';
import type { RadioProps } from './type';
import useRadio from './useRadio';

const Radio = forwardRef<unknown, RadioProps>(
  (
    {
      value,
      disabledValue,
      defaultValue,
      containerStyle,
      options,
      size = px(24),
      onChange,
      activeOpacity = 0.6,
      ...restProps
    },
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    _ref
  ) => {
    const { transformedOptions = [], handleChange } = useRadio({
      options,
      disabledValue,
      defaultValue,
      onChange,
      value,
    });

    return (
      <Flex flexWrap="wrap" style={containerStyle}>
        {transformedOptions.map((option, index, array) => {
          return (
            <RadioItem
              key={option.value}
              {...option}
              size={size}
              onChange={handleChange}
              isLast={index === array.length - 1}
              {...{ activeOpacity }}
              {...restProps}
            />
          );
        })}
      </Flex>
    );
  }
);
Radio.displayName = 'Radio';

export { Radio };
export { default as RadioList } from './RadioList';


================================================
FILE: packages/react-native/src/radio/type.ts
================================================
import type { ReactNode, ReactText } from 'react';
import type { StyleProp, TextStyle, ViewStyle } from 'react-native';

export type RadioStatus = 'checked' | 'unchecked';

export interface RadioOption {
  label: ReactNode;
  value: ReactText;
}
export interface TransformedOption extends RadioOption {
  /** 是否选中 */
  status: RadioStatus;
  /** 是否禁用 */
  disabled: boolean;
}

export interface RadioProps {
  /** 选中的项 */
  value?: ReactText;
  /** 选中单选框时的回调函数  */
  onChange?: (value: ReactText) => void;
  /** 自定义单个单选框样式 */
  itemStyle?: StyleProp<ViewStyle>;
  /** 图标大小 */
  size?: number;
  /** 自定义文本样式 */
  labelStyle?: StyleProp<TextStyle>;
  /** 指定可选项 */
  options: RadioOption[];
  /** 默认选中的项 */
  defaultValue?: ReactText;
  /** 设置禁用的项  */
  disabledValue?: ReactText[];
  /** 自定义容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** 未禁用时的不透明度 */
  activeOpacity?: number;
}

export type RadioItemProps = Pick<RadioProps, 'itemStyle' | 'labelStyle' | 'size' | 'activeOpacity'> &
  TransformedOption & {
    mode?: 'list' | 'row';
    onChange: (value: ReactText, status: RadioStatus) => void;
    isLast?: boolean;
  };


================================================
FILE: packages/react-native/src/radio/useRadio.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { RadioProps, RadioStatus, TransformedOption } from './type';

export default function useRadio({
  value,
  options,
  disabledValue,
  defaultValue,
  onChange,
}: Pick<RadioProps, 'value' | 'options' | 'disabledValue' | 'defaultValue' | 'onChange'>) {
  const [transformedOptions, setTransformedOptions] = useSafeState<TransformedOption[]>([]);

  useEffect(() => {
    const checkedValue = value ?? defaultValue;
    const newOptions: TransformedOption[] = options.map(option => {
      const checked = checkedValue === option.value;
      return {
        ...option,
        disabled: !!disabledValue?.includes(option.value),
        status: checked ? 'checked' : 'unchecked',
      };
    });
    setTransformedOptions(newOptions);
  }, [options, value, defaultValue, disabledValue]);

  /**
   * 1. 选中状态下，设置为未选中
   * 2. 未选中状态下，设置为选中
   */
  const handleChange = (value: string | number, status: RadioStatus) => {
    if (status === 'unchecked') {
      if (onChange) {
        onChange(value);
      } else {
        const newOptions: TransformedOption[] = transformedOptions.map(option => {
          if (option.disabled || option.value !== value)
            return {
              ...option,
              status: 'unchecked',
            };
          return {
            ...option,
            status: 'checked',
          };
        });
        setTransformedOptions(newOptions);
      }
    }
  };

  return {
    transformedOptions,
    handleChange: useMemoizedFn(handleChange),
  };
}


================================================
FILE: packages/react-native/src/result/index.md
================================================
---
title: Result - 结果页组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Result 结果页组件

## 效果演示

### 1. 成功页

```tsx | pure
<Result type="success" title="成功" content="你可以点击按钮查看更多哦" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249037068921509.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 失败页

```tsx | pure
<Result type="fail" title="失败" content="你可以点击按钮查看更多哦" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249107809767840.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 进行中

```tsx | pure
<Result type="process" title="进行中" content="你可以点击按钮查看更多哦" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249187446619416.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 显示操作项

```tsx | pure
<Result type="process" title="进行中" content="你可以点击按钮查看更多哦" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249229841624313.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性           | 必填    | 说明                               | 类型                             | 默认值 |
| -------------- | ------- | ---------------------------------- | -------------------------------- | ------ |
| type           | `true`  | 结果页的类型（成功、失败、进行中） | `success` \| `fail` \| `process` |        |
| title          | `false` | 主文字                             | `ReactNode`                      |        |
| content        | `false` | 内容文字                           | `ReactNode`                      |        |
| imgSource      | `false` | 自定义图片                         | `Source`                         |        |
| actions        | `false` | 操作项按钮组                       | `ActionButtonProps`              |        |
| containerStyle | `false` | 容器样式                           | `ViewStyle`                      |        |

### ActionButtonProps

| 属性    | 必填   | 说明         | 类型                     | 默认值 |
| ------- | ------ | ------------ | ------------------------ | ------ |
| title   | `true` | 按钮文本     | `string`                 |        |
| type    | `true` | 按钮类型     | `primary` \| `secondary` |        |
| onPress | `true` | 按钮点击事件 | `() => void`             |        |


================================================
FILE: packages/react-native/src/result/index.tsx
================================================
import React, { FC, memo, ReactNode, useMemo } from 'react';
import { Image, ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
import { SvgXml } from 'react-native-svg';

import Box from '../box';
import Button from '../button';
import { px } from '../helpers/normalize';
import Text from '../text';

export interface ActionButtonProps {
  title: string;
  type: 'primary' | 'secondary';
  onPress: () => void;
}

export interface ResultProps {
  /** 主文字 */
  title?: ReactNode;
  /** 内容文字 */
  content?: ReactNode;
  /** 自定义图片 */
  imgSource?: ImageSourcePropType;
  /** 类型（成功、失败、进行中） */
  type: 'success' | 'fail' | 'process';
  /** 操作项 */
  actions?: ActionButtonProps[];
  /** 容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
}

const Result: FC<ResultProps> = ({ actions = [], type, title, content, imgSource, containerStyle }) => {
  const ImgByType = useMemo(() => {
    if (imgSource) return <Image source={imgSource} style={{ width: px(190), height: px(190) }} resizeMode="contain" />;

    switch (type) {
      case 'success':
        return <SuccessImg />;
      case 'fail':
        return <FailImg />;
      case 'process':
        return <ProcessImg />;
      default:
        return null;
    }
  }, [imgSource, type]);

  const Title = useMemo(() => {
    if (!title) return null;
    if (typeof title === 'string') {
      return (
        <Text variant="h1" color="text" marginBottom="x2">
          {title}
        </Text>
      );
    }
    return title;
  }, [title]);

  const Content = useMemo(() => {
    if (!content) return null;
    if (typeof content === 'string') {
      return (
        <Text variant="p1" color="text" marginBottom="x2">
          {content}
        </Text>
      );
    }
    return content;
  }, [content]);

  return (
    <Box padding="x6" marginTop="x6" justifyContent="center" alignItems="center" style={containerStyle}>
      {ImgByType}
      {Title}
      {Content}
      {actions.length > 0 && (
        <Box width="100%">
          {actions.map((action, index) => (
            <Box key={index} marginBottom="x2">
              <Button title={action.title} type={action.type} onPress={action.onPress} />
            </Box>
          ))}
        </Box>
      )}
    </Box>
  );
};
Result.displayName = 'Result';

export default Result;

const SuccessImg = memo(() => {
  const xml = `
    <svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_732_1683)">
      <g clip-path="url(#clip1_732_1683)">
      <path d="M64.5907 77.5247V76.7148H57.5844V77.6553H56.0454V99.7025H66.2698V77.5247H64.5907ZM65.3839 97.1755H56.8244V96.5224H65.3839V97.1755ZM65.3839 94.164H56.8244V93.5109H65.3839V94.164ZM65.3839 91.1525H56.8244V90.4994H65.3839V91.1525ZM65.3839 88.2217H56.8244V87.5686H65.3839V88.2217ZM65.3839 85.2981H56.8244V84.645H65.3839V85.2981ZM65.3839 82.2866H56.8244V81.6335H65.3839V82.2866ZM65.3839 79.3558H56.8244V78.7027H65.3839V79.3558Z" fill="url(#paint0_linear_732_1683)"/>
      <path d="M50.8181 89.8295V64.1368H43.0399V62.061H39.7482V74.7269H38.8623V113.475H52.7584V89.8295H50.8181ZM45.0017 97.3844H43.0399V95.482H45.0017V97.3844ZM45.0017 94.4085H43.0399V92.5061H45.0017V94.4085ZM45.0017 91.4469H43.0399V89.5445H45.0017V91.4469ZM45.0017 88.4924H43.0399V86.59H45.0017V88.4924ZM45.0017 85.5165H43.0399V83.6141H45.0017V85.5165ZM45.0017 79.579H43.0399V77.6767H45.0017V79.579ZM45.0017 76.6032H43.0399V74.7008H45.0017V76.6032ZM45.0017 73.6392H43.0399V71.7368H45.0017V73.6392ZM45.0017 70.6847H43.0399V68.7823H45.0017V70.6847ZM45.0017 67.7088H43.0399V65.8064H45.0017V67.7088ZM47.9348 97.3844H45.9731V95.482H47.9348V97.3844ZM47.9348 94.4085H45.9731V92.5061H47.9348V94.4085ZM47.9348 91.4469H45.9731V89.5445H47.9348V91.4469ZM47.9348 88.4924H45.9731V86.59H47.9348V88.4924ZM47.9348 85.5165H45.9731V83.6141H47.9348V85.5165ZM47.9348 79.579H45.9731V77.6767H47.9348V79.579ZM47.9348 76.6032H45.9731V74.7008H47.9348V76.6032ZM47.9348 73.6392H45.9731V71.7368H47.9348V73.6392ZM47.9348 70.6847H45.9731V68.7823H47.9348V70.6847ZM47.9348 67.7088H45.9731V65.8064H47.9348V67.7088Z" fill="url(#paint1_linear_732_1683)"/>
      <path d="M127.367 103.338C127.452 102.234 127.367 66.1743 127.367 66.1743H131.768V74.1804H138.774V90.9123H142.747V103.338H127.367Z" fill="url(#paint2_linear_732_1683)"/>
      <path d="M156.156 87.1551V86.0032H154.969V75.9498H152.071V74.8336H150.117V73.1924H149.098V68.4092H148.364V73.2257H147.428V74.8668H144.531V77.5553H142.856V108.722H156.959V87.1527H156.156V87.1551ZM145.348 99.6903H144.393V96.0708H145.348V99.6903ZM145.348 95.2609H144.393V91.6414H145.348V95.2609ZM145.348 90.8316H144.393V87.2121H145.348V90.8316ZM145.348 86.3238H144.393V82.7043H145.348V86.3238ZM145.348 81.8137H144.393V78.1942H145.348V81.8137ZM147.314 99.6903H146.36V96.0708H147.314V99.6903ZM147.314 95.2609H146.36V91.6414H147.314V95.2609ZM147.314 90.8316H146.36V87.2121H147.314V90.8316ZM147.314 86.3238H146.36V82.7043H147.314V86.3238ZM147.314 81.8137H146.36V78.1942H147.314V81.8137ZM149.278 99.6903H148.324V96.0708H149.278V99.6903ZM149.278 95.2609H148.324V91.6414H149.278V95.2609ZM149.278 90.8316H148.324V87.2121H149.278V90.8316ZM149.278 86.3238H148.324V82.7043H149.278V86.3238ZM149.278 81.8137H148.324V78.1942H149.278V81.8137ZM151.245 99.6903H150.29V96.0708H151.245V99.6903ZM151.245 95.2609H150.29V91.6414H151.245V95.2609ZM151.245 90.8316H150.29V87.2121H151.245V90.8316ZM151.245 86.3238H150.29V82.7043H151.245V86.3238ZM151.245 81.8137H150.29V78.1942H151.245V81.8137ZM153.211 99.6903H152.257V96.0708H153.211V99.6903ZM153.211 95.2609H152.257V91.6414H153.211V95.2609ZM153.211 90.8316H152.257V87.2121H153.211V90.8316ZM153.211 86.3238H152.257V82.7043H153.211V86.3238ZM153.211 81.8137H152.257V78.1942H153.211V81.8137Z" fill="url(#paint3_linear_732_1683)"/>
      <path d="M22.7646 118.717V97.4511H25.2014V86.5973L33.5756 82.9707V97.2801H35.4115V118.717H22.7646Z" fill="url(#paint4_linear_732_1683)"/>
      <path d="M166.398 114.774H159.049V85.5308L166.398 89.0861V114.774Z" fill="url(#paint5_linear_732_1683)"/>
      <path d="M21.5342 44.2816C21.5342 44.2816 23.7525 38.2301 29.2055 40.6051C30.4642 39.3274 32.0222 38.3987 34.1288 38.8167C36.2355 39.2371 37.594 40.8141 38.0547 41.8639C38.715 41.833 44.0017 42.0087 44.0017 47.4926C44.0017 52.9765 37.6035 52.872 37.1403 52.4374C36.5703 52.9456 33.8296 55.703 30.5046 52.5561C29.785 53.1712 27.4337 55.7766 23.7168 52.1809C21.995 52.9005 17.9028 53.4539 17.1096 49.2287C16.3163 45.006 20.3847 43.8114 21.5342 44.2816Z" fill="url(#paint6_linear_732_1683)"/>
      <path d="M144.338 35.537C144.338 35.537 146.557 29.4855 152.01 31.8605C153.268 30.5827 154.826 29.6541 156.933 30.0721C159.04 30.4901 160.398 32.0695 160.859 33.1192C161.519 33.0884 166.806 33.2641 166.806 38.748C166.806 44.2319 160.408 44.125 159.945 43.6903C159.375 44.1986 156.634 46.956 153.309 43.8091C152.589 44.4242 150.238 47.0296 146.521 43.4338C144.799 44.1535 140.707 44.7069 139.914 40.4817C139.121 36.2614 143.189 35.0667 144.338 35.537Z" fill="url(#paint7_linear_732_1683)"/>
      <path d="M115.995 48.4854C115.995 48.4854 117.601 44.1035 121.548 45.8254C122.46 44.8992 123.586 44.227 125.113 44.531C126.637 44.835 127.621 45.9774 127.953 46.735C128.431 46.7137 132.259 46.8395 132.259 50.8082C132.259 54.7768 127.628 54.7008 127.293 54.3873C126.88 54.7554 124.897 56.7504 122.488 54.4752C121.968 54.9193 120.265 56.8074 117.577 54.2044C116.33 54.7245 113.368 55.1259 112.794 52.0669C112.216 49.0103 115.164 48.1458 115.995 48.4854Z" fill="url(#paint8_linear_732_1683)"/>
      <path d="M95.4657 177.989C144.126 177.989 183.573 159.268 183.573 136.175C183.573 113.082 144.126 94.3608 95.4657 94.3608C46.8051 94.3608 7.35791 113.082 7.35791 136.175C7.35791 159.268 46.8051 177.989 95.4657 177.989Z" fill="url(#paint9_linear_732_1683)"/>
      <path d="M35.1264 131.062C35.1264 131.062 34.2881 132.252 35.6893 134.023C36.9386 135.6 38.9122 135.294 39.5677 134.788C39.7696 136.161 41.4534 139.054 44.1182 137.417C46.6238 135.881 45.4173 133.544 44.6169 132.625C46.1821 132.183 47.3482 128.433 43.7572 127.138C44.2892 125.59 44.3842 124.889 43.6052 123.497C42.8547 122.158 41.6221 121.944 39.6556 122.759L36.8127 123.958L35.0006 120.576L34.0316 121.137L36.1216 124.367L33.3523 125.756C33.3523 125.756 30.9844 126.682 32.0057 129.224C32.9509 131.577 35.1264 131.062 35.1264 131.062Z" fill="url(#paint10_linear_732_1683)"/>
      <path d="M30.3073 116.641H38.8716C38.8716 116.641 41.6385 116.719 42.1895 113.558C42.7951 110.088 40.2704 109.611 40.2704 109.611C40.2704 109.611 41.7905 108.913 41.4603 106.288C41.1278 103.666 38.8193 103.334 37.8574 103.455C38.0142 101.899 38.3419 98.3772 34.6844 98.3416C31.1528 98.3059 31.1742 101.861 31.4378 103.263C30.1791 103.277 26.3767 105.165 29.0509 109.307C27.5951 110.554 26.9799 111.273 27.0441 113.071C27.1058 114.872 28.2078 116.641 30.3073 116.641Z" fill="url(#paint11_linear_732_1683)"/>
      <path d="M38.6602 111.834L35.0075 114.237L34.9077 111.915L37.2162 109.193L34.8721 111.088L34.5681 103.987L34.3449 111.136L31.8796 109.174L34.3211 111.862L34.2475 114.254L30.4902 111.494L34.219 115.116L34.0314 121.139H35.302L35.0455 115.154L38.6602 111.834Z" fill="#C6D5E6"/>
      <path d="M159.203 126.713C159.203 126.713 158.431 127.81 159.721 129.44C160.87 130.893 162.689 130.61 163.293 130.143C163.478 131.406 165.031 134.068 167.485 132.565C169.791 131.15 168.682 128.998 167.943 128.152C169.385 127.746 170.458 124.291 167.152 123.101C167.644 121.676 167.732 121.03 167.012 119.75C166.321 118.517 165.186 118.317 163.376 119.07L160.754 120.175L159.084 117.061L158.194 117.576L160.117 120.55L157.569 121.83C157.569 121.83 155.389 122.683 156.329 125.024C157.198 127.188 159.203 126.713 159.203 126.713Z" fill="url(#paint12_linear_732_1683)"/>
      <path d="M154.762 113.434H162.647C162.647 113.434 165.195 113.508 165.701 110.596C166.257 107.402 163.934 106.963 163.934 106.963C163.934 106.963 165.335 106.319 165.029 103.904C164.723 101.488 162.597 101.182 161.711 101.296C161.856 99.8637 162.158 96.6194 158.79 96.5862C155.539 96.5529 155.558 99.8257 155.8 101.118C154.641 101.13 151.138 102.868 153.603 106.685C152.263 107.832 151.696 108.497 151.755 110.15C151.817 111.805 152.831 113.434 154.762 113.434Z" fill="url(#paint13_linear_732_1683)"/>
      <path d="M162.455 109.007L159.092 111.221L159.001 109.081L161.127 106.575L158.968 108.321L158.688 101.78L158.481 108.364L156.213 106.556L158.46 109.034L158.391 111.238L154.933 108.694L158.367 112.031L158.192 117.576H159.365L159.127 112.064L162.455 109.007Z" fill="#C6D5E6"/>
      <path d="M54.8244 105.291C54.8244 105.291 54.4088 105.88 55.1023 106.756C55.7198 107.537 56.6959 107.385 57.0213 107.134C57.121 107.813 57.9546 109.243 59.2728 108.435C60.5125 107.675 59.9164 106.519 59.5198 106.065C60.294 105.846 60.8711 103.992 59.0946 103.353C59.3583 102.588 59.4058 102.241 59.0186 101.552C58.6481 100.89 58.0378 100.783 57.0664 101.187L55.658 101.78L54.7626 100.108L54.2829 100.386L55.316 101.982L53.9456 102.669C53.9456 102.669 52.7748 103.127 53.2806 104.383C53.7485 105.547 54.8244 105.291 54.8244 105.291Z" fill="url(#paint14_linear_732_1683)"/>
      <path d="M52.4397 98.1586H56.6743C56.6743 98.1586 58.0423 98.1966 58.3154 96.6339C58.6147 94.9168 57.3654 94.6817 57.3654 94.6817C57.3654 94.6817 58.1183 94.3349 57.9544 93.0382C57.7906 91.7414 56.6482 91.5775 56.1732 91.6369C56.2516 90.8674 56.4131 89.1242 54.6033 89.1075C52.8553 89.0909 52.8672 90.8484 52.9978 91.5419C52.3756 91.549 50.4946 92.4824 51.8174 94.532C51.0978 95.1472 50.7914 95.5058 50.8247 96.394C50.8556 97.2823 51.4018 98.1586 52.4397 98.1586Z" fill="url(#paint15_linear_732_1683)"/>
      <path d="M56.5697 95.7811L54.7647 96.971L54.7148 95.8215L55.8572 94.4749L54.6982 95.413L54.5462 91.9004L54.4369 95.4344L53.2162 94.4654L54.425 95.7954L54.387 96.9781L52.5298 95.6125L54.3752 97.4056L54.2802 100.384H54.9095L54.7837 97.4222L56.5697 95.7811Z" fill="#C6D5E6"/>
      <path d="M112.5 95.5L162.173 138.613L97.5 157.5L74 95.5H112.5Z" fill="url(#paint16_linear_732_1683)"/>
      <path d="M95.3502 105.3C112.83 105.3 127 91.1298 127 73.65C127 56.1702 112.83 42 95.3502 42C77.8704 42 63.7002 56.1702 63.7002 73.65C63.7002 91.1298 77.8704 105.3 95.3502 105.3Z" fill="url(#paint17_linear_732_1683)"/>
      <path d="M95.3502 105.3C112.83 105.3 127 91.1298 127 73.65C127 56.1702 112.83 42 95.3502 42C77.8704 42 63.7002 56.1702 63.7002 73.65C63.7002 91.1298 77.8704 105.3 95.3502 105.3Z" fill="url(#paint18_linear_732_1683)"/>
      <path d="M95.3498 98.288C108.957 98.288 119.988 87.257 119.988 73.6496C119.988 60.0422 108.957 49.0112 95.3498 49.0112C81.7424 49.0112 70.7114 60.0422 70.7114 73.6496C70.7114 87.257 81.7424 98.288 95.3498 98.288Z" fill="url(#paint19_linear_732_1683)"/>
      <path d="M91.484 86.4606C90.1207 86.4606 88.8246 85.9633 87.8022 85.0415C87.7407 84.9856 87.6848 84.9353 87.629 84.8739L79.7514 76.5996C78.5726 75.3593 78.6228 73.4039 79.8575 72.225C81.0923 71.0462 83.0533 71.0965 84.2321 72.3312L91.4728 79.935L105.34 63.8335C106.457 62.5373 108.407 62.392 109.703 63.5094C110.999 64.6268 111.144 66.5766 110.027 67.8728L95.6742 84.5386C94.6965 85.6728 93.3388 86.3488 91.8415 86.4438C91.7242 86.455 91.6069 86.4606 91.484 86.4606Z" fill="url(#paint20_linear_732_1683)"/>
      </g>
      </g>
      <defs>
      <linearGradient id="paint0_linear_732_1683" x1="61.1566" y1="99.7028" x2="61.1566" y2="76.7155" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint1_linear_732_1683" x1="45.8101" y1="113.476" x2="45.8101" y2="62.0596" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint2_linear_732_1683" x1="135.058" y1="103.339" x2="135.058" y2="66.1751" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint3_linear_732_1683" x1="149.908" y1="108.723" x2="149.908" y2="68.41" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint4_linear_732_1683" x1="29.0887" y1="118.717" x2="29.0887" y2="82.9705" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint5_linear_732_1683" x1="162.724" y1="114.773" x2="162.724" y2="85.5296" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint6_linear_732_1683" x1="30.5049" y1="54.0441" x2="30.5049" y2="38.7156" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint7_linear_732_1683" x1="153.309" y1="45.2994" x2="153.309" y2="29.9709" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint8_linear_732_1683" x1="122.488" y1="55.553" x2="122.488" y2="44.4577" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint9_linear_732_1683" x1="95.4647" y1="177.99" x2="95.4647" y2="94.3595" gradientUnits="userSpaceOnUse">
      <stop offset="0.4065" stop-color="white"/>
      <stop offset="1" stop-color="#DAE4EF"/>
      </linearGradient>
      <linearGradient id="paint10_linear_732_1683" x1="45.8105" y1="136.061" x2="33.5944" y2="121.502" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint11_linear_732_1683" x1="27.0365" y1="107.492" x2="42.2808" y2="107.492" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint12_linear_732_1683" x1="169.04" y1="131.317" x2="157.79" y2="117.911" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint13_linear_732_1683" x1="151.752" y1="105.009" x2="165.79" y2="105.009" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint14_linear_732_1683" x1="60.1076" y1="107.764" x2="54.0653" y2="100.563" gradientUnits="userSpaceOnUse">
      <stop offset="1.4385e-07" stop-color="#EAEFF6"/>
      <stop offset="1" stop-color="#CDDAE9"/>
      </linearGradient>
      <linearGradient id="paint15_linear_732_1683" x1="50.8215" y1="93.6338" x2="58.3617" y2="93.6338" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint16_linear_732_1683" x1="131.177" y1="149.02" x2="115.399" y2="93.9966" gradientUnits="userSpaceOnUse">
      <stop offset="0.0938" stop-color="white"/>
      <stop offset="0.9362" stop-color="#BBCBE0"/>
      </linearGradient>
      <linearGradient id="paint17_linear_732_1683" x1="63.7009" y1="73.6475" x2="127.001" y2="73.6475" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint18_linear_732_1683" x1="63.7009" y1="73.6475" x2="127.001" y2="73.6475" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint19_linear_732_1683" x1="70.7114" y1="73.6471" x2="119.989" y2="73.6471" gradientUnits="userSpaceOnUse">
      <stop stop-color="#DDE5F0"/>
      <stop offset="1" stop-color="#9FB7CE"/>
      </linearGradient>
      <linearGradient id="paint20_linear_732_1683" x1="78.901" y1="74.6114" x2="110.783" y2="74.6114" gradientUnits="userSpaceOnUse">
      <stop offset="0.1453" stop-color="white"/>
      <stop offset="1" stop-color="#D8E3EF"/>
      </linearGradient>
      <clipPath id="clip0_732_1683">
      <rect width="190" height="190" fill="white"/>
      </clipPath>
      <clipPath id="clip1_732_1683">
      <rect width="190" height="190" fill="white" transform="translate(0 -5)"/>
      </clipPath>
      </defs>
    </svg>
  `;

  return <SvgXml xml={xml} width={190} height={190} />;
});

const FailImg = memo(() => {
  const xml = `
    <svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_732_1682)">
      <g clip-path="url(#clip1_732_1682)">
      <path d="M64.5907 77.5247V76.7148H57.5844V77.6553H56.0454V99.7025H66.2698V77.5247H64.5907ZM65.3839 97.1755H56.8244V96.5224H65.3839V97.1755ZM65.3839 94.164H56.8244V93.5109H65.3839V94.164ZM65.3839 91.1525H56.8244V90.4994H65.3839V91.1525ZM65.3839 88.2217H56.8244V87.5686H65.3839V88.2217ZM65.3839 85.2981H56.8244V84.645H65.3839V85.2981ZM65.3839 82.2866H56.8244V81.6335H65.3839V82.2866ZM65.3839 79.3558H56.8244V78.7027H65.3839V79.3558Z" fill="url(#paint0_linear_732_1682)"/>
      <path d="M50.8181 89.8295V64.1368H43.0399V62.061H39.7482V74.7269H38.8623V113.475H52.7584V89.8295H50.8181ZM45.0017 97.3844H43.0399V95.482H45.0017V97.3844ZM45.0017 94.4085H43.0399V92.5061H45.0017V94.4085ZM45.0017 91.4469H43.0399V89.5445H45.0017V91.4469ZM45.0017 88.4924H43.0399V86.59H45.0017V88.4924ZM45.0017 85.5165H43.0399V83.6141H45.0017V85.5165ZM45.0017 79.579H43.0399V77.6767H45.0017V79.579ZM45.0017 76.6032H43.0399V74.7008H45.0017V76.6032ZM45.0017 73.6392H43.0399V71.7368H45.0017V73.6392ZM45.0017 70.6847H43.0399V68.7823H45.0017V70.6847ZM45.0017 67.7088H43.0399V65.8064H45.0017V67.7088ZM47.9348 97.3844H45.9731V95.482H47.9348V97.3844ZM47.9348 94.4085H45.9731V92.5061H47.9348V94.4085ZM47.9348 91.4469H45.9731V89.5445H47.9348V91.4469ZM47.9348 88.4924H45.9731V86.59H47.9348V88.4924ZM47.9348 85.5165H45.9731V83.6141H47.9348V85.5165ZM47.9348 79.579H45.9731V77.6767H47.9348V79.579ZM47.9348 76.6032H45.9731V74.7008H47.9348V76.6032ZM47.9348 73.6392H45.9731V71.7368H47.9348V73.6392ZM47.9348 70.6847H45.9731V68.7823H47.9348V70.6847ZM47.9348 67.7088H45.9731V65.8064H47.9348V67.7088Z" fill="url(#paint1_linear_732_1682)"/>
      <path d="M127.367 103.338C127.452 102.234 127.367 66.1743 127.367 66.1743H131.768V74.1804H138.774V90.9123H142.747V103.338H127.367Z" fill="url(#paint2_linear_732_1682)"/>
      <path d="M156.156 87.1551V86.0032H154.969V75.9498H152.071V74.8336H150.117V73.1924H149.098V68.4092H148.364V73.2257H147.428V74.8668H144.531V77.5553H142.856V108.722H156.959V87.1527H156.156V87.1551ZM145.348 99.6903H144.393V96.0708H145.348V99.6903ZM145.348 95.2609H144.393V91.6414H145.348V95.2609ZM145.348 90.8316H144.393V87.2121H145.348V90.8316ZM145.348 86.3238H144.393V82.7043H145.348V86.3238ZM145.348 81.8137H144.393V78.1942H145.348V81.8137ZM147.314 99.6903H146.36V96.0708H147.314V99.6903ZM147.314 95.2609H146.36V91.6414H147.314V95.2609ZM147.314 90.8316H146.36V87.2121H147.314V90.8316ZM147.314 86.3238H146.36V82.7043H147.314V86.3238ZM147.314 81.8137H146.36V78.1942H147.314V81.8137ZM149.278 99.6903H148.324V96.0708H149.278V99.6903ZM149.278 95.2609H148.324V91.6414H149.278V95.2609ZM149.278 90.8316H148.324V87.2121H149.278V90.8316ZM149.278 86.3238H148.324V82.7043H149.278V86.3238ZM149.278 81.8137H148.324V78.1942H149.278V81.8137ZM151.245 99.6903H150.29V96.0708H151.245V99.6903ZM151.245 95.2609H150.29V91.6414H151.245V95.2609ZM151.245 90.8316H150.29V87.2121H151.245V90.8316ZM151.245 86.3238H150.29V82.7043H151.245V86.3238ZM151.245 81.8137H150.29V78.1942H151.245V81.8137ZM153.211 99.6903H152.257V96.0708H153.211V99.6903ZM153.211 95.2609H152.257V91.6414H153.211V95.2609ZM153.211 90.8316H152.257V87.2121H153.211V90.8316ZM153.211 86.3238H152.257V82.7043H153.211V86.3238ZM153.211 81.8137H152.257V78.1942H153.211V81.8137Z" fill="url(#paint3_linear_732_1682)"/>
      <path d="M22.7646 118.717V97.4511H25.2014V86.5973L33.5756 82.9707V97.2801H35.4115V118.717H22.7646Z" fill="url(#paint4_linear_732_1682)"/>
      <path d="M166.398 114.774H159.049V85.5308L166.398 89.0861V114.774Z" fill="url(#paint5_linear_732_1682)"/>
      <path d="M21.5342 44.2816C21.5342 44.2816 23.7525 38.2301 29.2055 40.6051C30.4642 39.3274 32.0222 38.3987 34.1288 38.8167C36.2355 39.2371 37.594 40.8141 38.0547 41.8639C38.715 41.833 44.0017 42.0087 44.0017 47.4926C44.0017 52.9765 37.6035 52.872 37.1403 52.4374C36.5703 52.9456 33.8296 55.703 30.5046 52.5561C29.785 53.1712 27.4337 55.7766 23.7168 52.1809C21.995 52.9005 17.9028 53.4539 17.1096 49.2287C16.3163 45.006 20.3847 43.8114 21.5342 44.2816Z" fill="url(#paint6_linear_732_1682)"/>
      <path d="M144.338 35.537C144.338 35.537 146.557 29.4855 152.01 31.8605C153.268 30.5827 154.826 29.6541 156.933 30.0721C159.04 30.4901 160.398 32.0695 160.859 33.1192C161.519 33.0884 166.806 33.2641 166.806 38.748C166.806 44.2319 160.408 44.125 159.945 43.6903C159.375 44.1986 156.634 46.956 153.309 43.8091C152.589 44.4242 150.238 47.0296 146.521 43.4338C144.799 44.1535 140.707 44.7069 139.914 40.4817C139.121 36.2614 143.189 35.0667 144.338 35.537Z" fill="url(#paint7_linear_732_1682)"/>
      <path d="M115.995 48.4854C115.995 48.4854 117.601 44.1035 121.548 45.8254C122.46 44.8992 123.586 44.227 125.113 44.531C126.637 44.835 127.621 45.9774 127.953 46.735C128.431 46.7137 132.259 46.8395 132.259 50.8082C132.259 54.7768 127.628 54.7008 127.293 54.3873C126.88 54.7554 124.897 56.7504 122.488 54.4752C121.968 54.9193 120.265 56.8074 117.577 54.2044C116.33 54.7245 113.368 55.1259 112.794 52.0669C112.216 49.0103 115.164 48.1458 115.995 48.4854Z" fill="url(#paint8_linear_732_1682)"/>
      <path d="M95.4657 177.989C144.126 177.989 183.573 159.268 183.573 136.175C183.573 113.082 144.126 94.3608 95.4657 94.3608C46.8051 94.3608 7.35791 113.082 7.35791 136.175C7.35791 159.268 46.8051 177.989 95.4657 177.989Z" fill="url(#paint9_linear_732_1682)"/>
      <path d="M35.1264 131.062C35.1264 131.062 34.2881 132.252 35.6893 134.023C36.9386 135.6 38.9122 135.294 39.5677 134.788C39.7696 136.161 41.4534 139.054 44.1182 137.417C46.6238 135.881 45.4173 133.544 44.6169 132.625C46.1821 132.183 47.3482 128.433 43.7572 127.138C44.2892 125.59 44.3842 124.889 43.6052 123.497C42.8547 122.158 41.6221 121.944 39.6556 122.759L36.8127 123.958L35.0006 120.576L34.0316 121.137L36.1216 124.367L33.3523 125.756C33.3523 125.756 30.9844 126.682 32.0057 129.224C32.9509 131.577 35.1264 131.062 35.1264 131.062Z" fill="url(#paint10_linear_732_1682)"/>
      <path d="M30.3073 116.641H38.8716C38.8716 116.641 41.6385 116.719 42.1895 113.558C42.7951 110.088 40.2704 109.611 40.2704 109.611C40.2704 109.611 41.7905 108.913 41.4603 106.288C41.1278 103.666 38.8193 103.334 37.8574 103.455C38.0142 101.899 38.3419 98.3772 34.6844 98.3416C31.1528 98.3059 31.1742 101.861 31.4378 103.263C30.1791 103.277 26.3767 105.165 29.0509 109.307C27.5951 110.554 26.9799 111.273 27.0441 113.071C27.1058 114.872 28.2078 116.641 30.3073 116.641Z" fill="url(#paint11_linear_732_1682)"/>
      <path d="M38.6602 111.834L35.0075 114.237L34.9077 111.915L37.2162 109.193L34.8721 111.088L34.5681 103.987L34.3449 111.136L31.8796 109.174L34.3211 111.862L34.2475 114.254L30.4902 111.494L34.219 115.116L34.0314 121.139H35.302L35.0455 115.154L38.6602 111.834Z" fill="#C6D5E6"/>
      <path d="M159.203 126.713C159.203 126.713 158.431 127.81 159.721 129.44C160.87 130.893 162.689 130.61 163.293 130.143C163.478 131.406 165.031 134.068 167.485 132.565C169.791 131.15 168.682 128.998 167.943 128.152C169.385 127.746 170.458 124.291 167.152 123.101C167.644 121.676 167.732 121.03 167.012 119.75C166.321 118.517 165.186 118.317 163.376 119.07L160.754 120.175L159.084 117.061L158.194 117.576L160.117 120.55L157.569 121.83C157.569 121.83 155.389 122.683 156.329 125.024C157.198 127.188 159.203 126.713 159.203 126.713Z" fill="url(#paint12_linear_732_1682)"/>
      <path d="M154.762 113.434H162.647C162.647 113.434 165.195 113.508 165.701 110.596C166.257 107.402 163.934 106.963 163.934 106.963C163.934 106.963 165.335 106.319 165.029 103.904C164.723 101.488 162.597 101.182 161.711 101.296C161.856 99.8637 162.158 96.6194 158.79 96.5862C155.539 96.5529 155.558 99.8257 155.8 101.118C154.641 101.13 151.138 102.868 153.603 106.685C152.263 107.832 151.696 108.497 151.755 110.15C151.817 111.805 152.831 113.434 154.762 113.434Z" fill="url(#paint13_linear_732_1682)"/>
      <path d="M162.455 109.007L159.092 111.221L159.001 109.081L161.127 106.575L158.968 108.321L158.688 101.78L158.481 108.364L156.213 106.556L158.46 109.034L158.391 111.238L154.933 108.694L158.367 112.031L158.192 117.576H159.365L159.127 112.064L162.455 109.007Z" fill="#C6D5E6"/>
      <path d="M54.8244 105.291C54.8244 105.291 54.4088 105.88 55.1023 106.756C55.7198 107.537 56.6959 107.385 57.0213 107.134C57.121 107.813 57.9546 109.243 59.2728 108.435C60.5125 107.675 59.9164 106.519 59.5198 106.065C60.294 105.846 60.8711 103.992 59.0946 103.353C59.3583 102.588 59.4058 102.241 59.0186 101.552C58.6481 100.89 58.0378 100.783 57.0664 101.187L55.658 101.78L54.7626 100.108L54.2829 100.386L55.316 101.982L53.9456 102.669C53.9456 102.669 52.7748 103.127 53.2806 104.383C53.7485 105.547 54.8244 105.291 54.8244 105.291Z" fill="url(#paint14_linear_732_1682)"/>
      <path d="M52.4397 98.1586H56.6743C56.6743 98.1586 58.0423 98.1966 58.3154 96.6339C58.6147 94.9168 57.3654 94.6817 57.3654 94.6817C57.3654 94.6817 58.1183 94.3349 57.9544 93.0382C57.7906 91.7414 56.6482 91.5775 56.1732 91.6369C56.2516 90.8674 56.4131 89.1242 54.6033 89.1075C52.8553 89.0909 52.8672 90.8484 52.9978 91.5419C52.3756 91.549 50.4946 92.4824 51.8174 94.532C51.0978 95.1472 50.7914 95.5058 50.8247 96.394C50.8556 97.2823 51.4018 98.1586 52.4397 98.1586Z" fill="url(#paint15_linear_732_1682)"/>
      <path d="M56.5697 95.7811L54.7647 96.971L54.7148 95.8215L55.8572 94.4749L54.6982 95.413L54.5462 91.9004L54.4369 95.4344L53.2162 94.4654L54.425 95.7954L54.387 96.9781L52.5298 95.6125L54.3752 97.4056L54.2802 100.384H54.9095L54.7837 97.4222L56.5697 95.7811Z" fill="#C6D5E6"/>
      <path d="M112.5 95.5L162.173 138.613L97.5 157.5L74 95.5H112.5Z" fill="url(#paint16_linear_732_1682)"/>
      <path d="M95.3502 105.3C112.83 105.3 127 91.1298 127 73.65C127 56.1702 112.83 42 95.3502 42C77.8704 42 63.7002 56.1702 63.7002 73.65C63.7002 91.1298 77.8704 105.3 95.3502 105.3Z" fill="url(#paint17_linear_732_1682)"/>
      <path d="M95.3502 105.3C112.83 105.3 127 91.1298 127 73.65C127 56.1702 112.83 42 95.3502 42C77.8704 42 63.7002 56.1702 63.7002 73.65C63.7002 91.1298 77.8704 105.3 95.3502 105.3Z" fill="url(#paint18_linear_732_1682)"/>
      <path d="M95.3498 98.288C108.957 98.288 119.988 87.257 119.988 73.6496C119.988 60.0422 108.957 49.0112 95.3498 49.0112C81.7424 49.0112 70.7114 60.0422 70.7114 73.6496C70.7114 87.257 81.7424 98.288 95.3498 98.288Z" fill="url(#paint19_linear_732_1682)"/>
      <path d="M106.93 81.2844L99.4247 74.7086L106 67.2033C107.139 65.9031 107.01 63.9207 105.71 62.7763C104.41 61.6374 102.428 61.7663 101.283 63.0665L94.7079 70.5718L87.203 63.9959C85.9029 62.8569 83.9206 62.9859 82.7763 64.286C81.6374 65.5861 81.7663 67.5686 83.0664 68.7129L90.5713 75.2888L83.9958 82.7941C82.8569 84.0942 82.9858 86.0767 84.2859 87.221C84.8822 87.7421 85.6182 88 86.3542 88C87.2245 88 88.0947 87.64 88.7125 86.9309L95.2881 79.4256L102.793 86.0014C103.389 86.5226 104.125 86.7804 104.861 86.7804C105.732 86.7804 106.602 86.4205 107.22 85.7113C108.364 84.4058 108.235 82.4288 106.93 81.2844Z" fill="url(#paint20_linear_732_1682)"/>
      </g>
      </g>
      <defs>
      <linearGradient id="paint0_linear_732_1682" x1="61.1566" y1="99.7028" x2="61.1566" y2="76.7155" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint1_linear_732_1682" x1="45.8101" y1="113.476" x2="45.8101" y2="62.0596" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint2_linear_732_1682" x1="135.058" y1="103.339" x2="135.058" y2="66.1751" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint3_linear_732_1682" x1="149.908" y1="108.723" x2="149.908" y2="68.41" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint4_linear_732_1682" x1="29.0887" y1="118.717" x2="29.0887" y2="82.9705" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint5_linear_732_1682" x1="162.724" y1="114.773" x2="162.724" y2="85.5296" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint6_linear_732_1682" x1="30.5049" y1="54.0441" x2="30.5049" y2="38.7156" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint7_linear_732_1682" x1="153.309" y1="45.2994" x2="153.309" y2="29.9709" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint8_linear_732_1682" x1="122.488" y1="55.553" x2="122.488" y2="44.4577" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint9_linear_732_1682" x1="95.4647" y1="177.99" x2="95.4647" y2="94.3595" gradientUnits="userSpaceOnUse">
      <stop offset="0.4065" stop-color="white"/>
      <stop offset="1" stop-color="#DAE4EF"/>
      </linearGradient>
      <linearGradient id="paint10_linear_732_1682" x1="45.8105" y1="136.061" x2="33.5944" y2="121.502" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint11_linear_732_1682" x1="27.0365" y1="107.492" x2="42.2808" y2="107.492" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint12_linear_732_1682" x1="169.04" y1="131.317" x2="157.79" y2="117.911" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint13_linear_732_1682" x1="151.752" y1="105.009" x2="165.79" y2="105.009" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint14_linear_732_1682" x1="60.1076" y1="107.764" x2="54.0653" y2="100.563" gradientUnits="userSpaceOnUse">
      <stop offset="1.4385e-07" stop-color="#EAEFF6"/>
      <stop offset="1" stop-color="#CDDAE9"/>
      </linearGradient>
      <linearGradient id="paint15_linear_732_1682" x1="50.8215" y1="93.6338" x2="58.3617" y2="93.6338" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint16_linear_732_1682" x1="131.177" y1="149.02" x2="115.399" y2="93.9966" gradientUnits="userSpaceOnUse">
      <stop offset="0.0938" stop-color="white"/>
      <stop offset="0.9362" stop-color="#BBCBE0"/>
      </linearGradient>
      <linearGradient id="paint17_linear_732_1682" x1="63.7009" y1="73.6475" x2="127.001" y2="73.6475" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint18_linear_732_1682" x1="63.7009" y1="73.6475" x2="127.001" y2="73.6475" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint19_linear_732_1682" x1="70.7114" y1="73.6471" x2="119.989" y2="73.6471" gradientUnits="userSpaceOnUse">
      <stop stop-color="#DDE5F0"/>
      <stop offset="1" stop-color="#9FB7CE"/>
      </linearGradient>
      <linearGradient id="paint20_linear_732_1682" x1="82.0014" y1="75.0016" x2="107.999" y2="75.0016" gradientUnits="userSpaceOnUse">
      <stop offset="0.1453" stop-color="white"/>
      <stop offset="1" stop-color="#D8E3EF"/>
      </linearGradient>
      <clipPath id="clip0_732_1682">
      <rect width="190" height="190" fill="white"/>
      </clipPath>
      <clipPath id="clip1_732_1682">
      <rect width="190" height="190" fill="white" transform="translate(0 -5)"/>
      </clipPath>
      </defs>
    </svg>
  `;

  return <SvgXml xml={xml} width={190} height={190} />;
});

const ProcessImg = memo(() => {
  const xml = `
    <svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_732_1681)">
      <g clip-path="url(#clip1_732_1681)">
      <path d="M64.5907 77.5247V76.7148H57.5844V77.6553H56.0454V99.7025H66.2698V77.5247H64.5907ZM65.3839 97.1755H56.8244V96.5224H65.3839V97.1755ZM65.3839 94.164H56.8244V93.5109H65.3839V94.164ZM65.3839 91.1525H56.8244V90.4994H65.3839V91.1525ZM65.3839 88.2217H56.8244V87.5686H65.3839V88.2217ZM65.3839 85.2981H56.8244V84.645H65.3839V85.2981ZM65.3839 82.2866H56.8244V81.6335H65.3839V82.2866ZM65.3839 79.3558H56.8244V78.7027H65.3839V79.3558Z" fill="url(#paint0_linear_732_1681)"/>
      <path d="M50.8181 89.8295V64.1368H43.0399V62.061H39.7482V74.7269H38.8623V113.475H52.7584V89.8295H50.8181ZM45.0017 97.3844H43.0399V95.482H45.0017V97.3844ZM45.0017 94.4085H43.0399V92.5061H45.0017V94.4085ZM45.0017 91.4469H43.0399V89.5445H45.0017V91.4469ZM45.0017 88.4924H43.0399V86.59H45.0017V88.4924ZM45.0017 85.5165H43.0399V83.6141H45.0017V85.5165ZM45.0017 79.579H43.0399V77.6767H45.0017V79.579ZM45.0017 76.6032H43.0399V74.7008H45.0017V76.6032ZM45.0017 73.6392H43.0399V71.7368H45.0017V73.6392ZM45.0017 70.6847H43.0399V68.7823H45.0017V70.6847ZM45.0017 67.7088H43.0399V65.8064H45.0017V67.7088ZM47.9348 97.3844H45.9731V95.482H47.9348V97.3844ZM47.9348 94.4085H45.9731V92.5061H47.9348V94.4085ZM47.9348 91.4469H45.9731V89.5445H47.9348V91.4469ZM47.9348 88.4924H45.9731V86.59H47.9348V88.4924ZM47.9348 85.5165H45.9731V83.6141H47.9348V85.5165ZM47.9348 79.579H45.9731V77.6767H47.9348V79.579ZM47.9348 76.6032H45.9731V74.7008H47.9348V76.6032ZM47.9348 73.6392H45.9731V71.7368H47.9348V73.6392ZM47.9348 70.6847H45.9731V68.7823H47.9348V70.6847ZM47.9348 67.7088H45.9731V65.8064H47.9348V67.7088Z" fill="url(#paint1_linear_732_1681)"/>
      <path d="M127.367 103.338C127.452 102.234 127.367 66.1743 127.367 66.1743H131.768V74.1804H138.774V90.9123H142.747V103.338H127.367Z" fill="url(#paint2_linear_732_1681)"/>
      <path d="M156.156 87.1551V86.0032H154.969V75.9498H152.071V74.8336H150.117V73.1924H149.098V68.4092H148.364V73.2257H147.428V74.8668H144.531V77.5553H142.856V108.722H156.959V87.1527H156.156V87.1551ZM145.348 99.6903H144.393V96.0708H145.348V99.6903ZM145.348 95.2609H144.393V91.6414H145.348V95.2609ZM145.348 90.8316H144.393V87.2121H145.348V90.8316ZM145.348 86.3238H144.393V82.7043H145.348V86.3238ZM145.348 81.8137H144.393V78.1942H145.348V81.8137ZM147.314 99.6903H146.36V96.0708H147.314V99.6903ZM147.314 95.2609H146.36V91.6414H147.314V95.2609ZM147.314 90.8316H146.36V87.2121H147.314V90.8316ZM147.314 86.3238H146.36V82.7043H147.314V86.3238ZM147.314 81.8137H146.36V78.1942H147.314V81.8137ZM149.278 99.6903H148.324V96.0708H149.278V99.6903ZM149.278 95.2609H148.324V91.6414H149.278V95.2609ZM149.278 90.8316H148.324V87.2121H149.278V90.8316ZM149.278 86.3238H148.324V82.7043H149.278V86.3238ZM149.278 81.8137H148.324V78.1942H149.278V81.8137ZM151.245 99.6903H150.29V96.0708H151.245V99.6903ZM151.245 95.2609H150.29V91.6414H151.245V95.2609ZM151.245 90.8316H150.29V87.2121H151.245V90.8316ZM151.245 86.3238H150.29V82.7043H151.245V86.3238ZM151.245 81.8137H150.29V78.1942H151.245V81.8137ZM153.211 99.6903H152.257V96.0708H153.211V99.6903ZM153.211 95.2609H152.257V91.6414H153.211V95.2609ZM153.211 90.8316H152.257V87.2121H153.211V90.8316ZM153.211 86.3238H152.257V82.7043H153.211V86.3238ZM153.211 81.8137H152.257V78.1942H153.211V81.8137Z" fill="url(#paint3_linear_732_1681)"/>
      <path d="M22.7646 118.717V97.4511H25.2014V86.5973L33.5756 82.9707V97.2801H35.4115V118.717H22.7646Z" fill="url(#paint4_linear_732_1681)"/>
      <path d="M166.398 114.774H159.049V85.5308L166.398 89.0861V114.774Z" fill="url(#paint5_linear_732_1681)"/>
      <path d="M21.5342 44.2816C21.5342 44.2816 23.7525 38.2301 29.2055 40.6051C30.4642 39.3274 32.0222 38.3987 34.1288 38.8167C36.2355 39.2371 37.594 40.8141 38.0547 41.8639C38.715 41.833 44.0017 42.0087 44.0017 47.4926C44.0017 52.9765 37.6035 52.872 37.1403 52.4374C36.5703 52.9456 33.8296 55.703 30.5046 52.5561C29.785 53.1712 27.4337 55.7766 23.7168 52.1809C21.995 52.9005 17.9028 53.4539 17.1096 49.2287C16.3163 45.006 20.3847 43.8114 21.5342 44.2816Z" fill="url(#paint6_linear_732_1681)"/>
      <path d="M144.338 35.537C144.338 35.537 146.557 29.4855 152.01 31.8605C153.268 30.5827 154.826 29.6541 156.933 30.0721C159.04 30.4901 160.398 32.0695 160.859 33.1192C161.519 33.0884 166.806 33.2641 166.806 38.748C166.806 44.2319 160.408 44.125 159.945 43.6903C159.375 44.1986 156.634 46.956 153.309 43.8091C152.589 44.4242 150.238 47.0296 146.521 43.4338C144.799 44.1535 140.707 44.7069 139.914 40.4817C139.121 36.2614 143.189 35.0667 144.338 35.537Z" fill="url(#paint7_linear_732_1681)"/>
      <path d="M115.995 48.4854C115.995 48.4854 117.601 44.1035 121.548 45.8254C122.46 44.8992 123.586 44.227 125.113 44.531C126.637 44.835 127.621 45.9774 127.953 46.735C128.431 46.7137 132.259 46.8395 132.259 50.8082C132.259 54.7768 127.628 54.7008 127.293 54.3873C126.88 54.7554 124.897 56.7504 122.488 54.4752C121.968 54.9193 120.265 56.8074 117.577 54.2044C116.33 54.7245 113.368 55.1259 112.794 52.0669C112.216 49.0103 115.164 48.1458 115.995 48.4854Z" fill="url(#paint8_linear_732_1681)"/>
      <path d="M95.4657 177.989C144.126 177.989 183.573 159.268 183.573 136.175C183.573 113.082 144.126 94.3608 95.4657 94.3608C46.8051 94.3608 7.35791 113.082 7.35791 136.175C7.35791 159.268 46.8051 177.989 95.4657 177.989Z" fill="url(#paint9_linear_732_1681)"/>
      <path d="M35.1264 131.062C35.1264 131.062 34.2881 132.252 35.6893 134.023C36.9386 135.6 38.9122 135.294 39.5677 134.788C39.7696 136.161 41.4534 139.054 44.1182 137.417C46.6238 135.881 45.4173 133.544 44.6169 132.625C46.1821 132.183 47.3482 128.433 43.7572 127.138C44.2892 125.59 44.3842 124.889 43.6052 123.497C42.8547 122.158 41.6221 121.944 39.6556 122.759L36.8127 123.958L35.0006 120.576L34.0316 121.137L36.1216 124.367L33.3523 125.756C33.3523 125.756 30.9844 126.682 32.0057 129.224C32.9509 131.577 35.1264 131.062 35.1264 131.062Z" fill="url(#paint10_linear_732_1681)"/>
      <path d="M30.3073 116.641H38.8716C38.8716 116.641 41.6385 116.719 42.1895 113.558C42.7951 110.088 40.2704 109.611 40.2704 109.611C40.2704 109.611 41.7905 108.913 41.4603 106.288C41.1278 103.666 38.8193 103.334 37.8574 103.455C38.0142 101.899 38.3419 98.3772 34.6844 98.3416C31.1528 98.3059 31.1742 101.861 31.4378 103.263C30.1791 103.277 26.3767 105.165 29.0509 109.307C27.5951 110.554 26.9799 111.273 27.0441 113.071C27.1058 114.872 28.2078 116.641 30.3073 116.641Z" fill="url(#paint11_linear_732_1681)"/>
      <path d="M38.6602 111.834L35.0075 114.237L34.9077 111.915L37.2162 109.193L34.8721 111.088L34.5681 103.987L34.3449 111.136L31.8796 109.174L34.3211 111.862L34.2475 114.254L30.4902 111.494L34.219 115.116L34.0314 121.139H35.302L35.0455 115.154L38.6602 111.834Z" fill="#C6D5E6"/>
      <path d="M159.203 126.713C159.203 126.713 158.431 127.81 159.721 129.44C160.87 130.893 162.689 130.61 163.293 130.143C163.478 131.406 165.031 134.068 167.485 132.565C169.791 131.15 168.682 128.998 167.943 128.152C169.385 127.746 170.458 124.291 167.152 123.101C167.644 121.676 167.732 121.03 167.012 119.75C166.321 118.517 165.186 118.317 163.376 119.07L160.754 120.175L159.084 117.061L158.194 117.576L160.117 120.55L157.569 121.83C157.569 121.83 155.389 122.683 156.329 125.024C157.198 127.188 159.203 126.713 159.203 126.713Z" fill="url(#paint12_linear_732_1681)"/>
      <path d="M154.762 113.434H162.647C162.647 113.434 165.195 113.508 165.701 110.596C166.257 107.402 163.934 106.963 163.934 106.963C163.934 106.963 165.335 106.319 165.029 103.904C164.723 101.488 162.597 101.182 161.711 101.296C161.856 99.8637 162.158 96.6194 158.79 96.5862C155.539 96.5529 155.558 99.8257 155.8 101.118C154.641 101.13 151.138 102.868 153.603 106.685C152.263 107.832 151.696 108.497 151.755 110.15C151.817 111.805 152.831 113.434 154.762 113.434Z" fill="url(#paint13_linear_732_1681)"/>
      <path d="M162.455 109.007L159.092 111.221L159.001 109.081L161.127 106.575L158.968 108.321L158.688 101.78L158.481 108.364L156.213 106.556L158.46 109.034L158.391 111.238L154.933 108.694L158.367 112.031L158.192 117.576H159.365L159.127 112.064L162.455 109.007Z" fill="#C6D5E6"/>
      <path d="M54.8244 105.291C54.8244 105.291 54.4088 105.88 55.1023 106.756C55.7198 107.537 56.6959 107.385 57.0213 107.134C57.121 107.813 57.9546 109.243 59.2728 108.435C60.5125 107.675 59.9164 106.519 59.5198 106.065C60.294 105.846 60.8711 103.992 59.0946 103.353C59.3583 102.588 59.4058 102.241 59.0186 101.552C58.6481 100.89 58.0378 100.783 57.0664 101.187L55.658 101.78L54.7626 100.108L54.2829 100.386L55.316 101.982L53.9456 102.669C53.9456 102.669 52.7748 103.127 53.2806 104.383C53.7485 105.547 54.8244 105.291 54.8244 105.291Z" fill="url(#paint14_linear_732_1681)"/>
      <path d="M52.4397 98.1586H56.6743C56.6743 98.1586 58.0423 98.1966 58.3154 96.6339C58.6147 94.9168 57.3654 94.6817 57.3654 94.6817C57.3654 94.6817 58.1183 94.3349 57.9544 93.0382C57.7906 91.7414 56.6482 91.5775 56.1732 91.6369C56.2516 90.8674 56.4131 89.1242 54.6033 89.1075C52.8553 89.0909 52.8672 90.8484 52.9978 91.5419C52.3756 91.549 50.4946 92.4824 51.8174 94.532C51.0978 95.1472 50.7914 95.5058 50.8247 96.394C50.8556 97.2823 51.4018 98.1586 52.4397 98.1586Z" fill="url(#paint15_linear_732_1681)"/>
      <path d="M56.5697 95.7811L54.7647 96.971L54.7148 95.8215L55.8572 94.4749L54.6982 95.413L54.5462 91.9004L54.4369 95.4344L53.2162 94.4654L54.425 95.7954L54.387 96.9781L52.5298 95.6125L54.3752 97.4056L54.2802 100.384H54.9095L54.7837 97.4222L56.5697 95.7811Z" fill="#C6D5E6"/>
      <path d="M112.5 95.5L162.173 138.613L97.5 157.5L74 95.5H112.5Z" fill="url(#paint16_linear_732_1681)"/>
      <path d="M95.3502 105.3C112.83 105.3 127 91.1298 127 73.65C127 56.1702 112.83 42 95.3502 42C77.8704 42 63.7002 56.1702 63.7002 73.65C63.7002 91.1298 77.8704 105.3 95.3502 105.3Z" fill="url(#paint17_linear_732_1681)"/>
      <path d="M95.3502 105.3C112.83 105.3 127 91.1298 127 73.65C127 56.1702 112.83 42 95.3502 42C77.8704 42 63.7002 56.1702 63.7002 73.65C63.7002 91.1298 77.8704 105.3 95.3502 105.3Z" fill="url(#paint18_linear_732_1681)"/>
      <path d="M95.3498 98.288C108.957 98.288 119.988 87.257 119.988 73.6496C119.988 60.0422 108.957 49.0112 95.3498 49.0112C81.7424 49.0112 70.7114 60.0422 70.7114 73.6496C70.7114 87.257 81.7424 98.288 95.3498 98.288Z" fill="url(#paint19_linear_732_1681)"/>
      <path d="M102.274 87.0823H88.2069C86.1509 87.0823 84.4805 85.4094 84.4805 83.3559C84.4805 81.4526 85.9158 79.8767 87.7608 79.6561V78.1577C87.7608 76.3612 88.3936 74.6422 89.5307 73.2797C88.396 71.9171 87.7608 70.1981 87.7608 68.4016V66.9033C85.9158 66.6826 84.4805 65.1067 84.4805 63.2035C84.4805 61.1475 86.1534 59.4771 88.2069 59.4771H102.274C104.33 59.4771 106 61.1499 106 63.2035C106 65.0049 104.715 66.5129 103.013 66.8572V68.404C103.013 70.2006 102.38 71.9195 101.243 73.2821C102.378 74.6447 103.013 76.3636 103.013 78.1602V79.707C104.715 80.0513 106 81.5593 106 83.3607C106 85.4094 104.33 87.0823 102.274 87.0823ZM88.2069 82.0515C87.4893 82.0515 86.905 82.6358 86.905 83.3534C86.905 84.0711 87.4893 84.6554 88.2069 84.6554H102.274C102.991 84.6554 103.576 84.0711 103.576 83.3534C103.576 82.6358 102.991 82.0515 102.274 82.0515H101.801C101.132 82.0515 100.589 81.5084 100.589 80.8392V78.1553C100.589 76.6352 99.922 75.1926 98.7583 74.1986C98.4892 73.9682 98.334 73.6312 98.334 73.2772C98.334 72.9233 98.4892 72.5863 98.7583 72.3559C99.922 71.3619 100.589 69.9218 100.589 68.4016V65.7177C100.589 65.0485 101.132 64.5054 101.801 64.5054H102.274C102.991 64.5054 103.576 63.9211 103.576 63.2035C103.576 62.4858 102.991 61.9015 102.274 61.9015H88.2069C87.4893 61.9015 86.905 62.4858 86.905 63.2035C86.905 63.9211 87.4893 64.5054 88.2069 64.5054H88.9731C89.6422 64.5054 90.1853 65.0485 90.1853 65.7177V68.4016C90.1853 69.9218 90.852 71.3643 92.0158 72.3559C92.2849 72.5863 92.4401 72.9233 92.4401 73.2772C92.4401 73.6312 92.2849 73.9682 92.0158 74.1986C90.852 75.1926 90.1853 76.6327 90.1853 78.1529V80.8368C90.1853 81.506 89.6422 82.0491 88.9731 82.0491H88.2069V82.0515Z" fill="url(#paint20_linear_732_1681)"/>
      </g>
      </g>
      <defs>
      <linearGradient id="paint0_linear_732_1681" x1="61.1566" y1="99.7028" x2="61.1566" y2="76.7155" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint1_linear_732_1681" x1="45.8101" y1="113.476" x2="45.8101" y2="62.0596" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint2_linear_732_1681" x1="135.058" y1="103.339" x2="135.058" y2="66.1751" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint3_linear_732_1681" x1="149.908" y1="108.723" x2="149.908" y2="68.41" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#DBE3EE"/>
      </linearGradient>
      <linearGradient id="paint4_linear_732_1681" x1="29.0887" y1="118.717" x2="29.0887" y2="82.9705" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint5_linear_732_1681" x1="162.724" y1="114.773" x2="162.724" y2="85.5296" gradientUnits="userSpaceOnUse">
      <stop offset="5.35827e-07" stop-color="white"/>
      <stop offset="1" stop-color="#EDF1F9"/>
      </linearGradient>
      <linearGradient id="paint6_linear_732_1681" x1="30.5049" y1="54.0441" x2="30.5049" y2="38.7156" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint7_linear_732_1681" x1="153.309" y1="45.2994" x2="153.309" y2="29.9709" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint8_linear_732_1681" x1="122.488" y1="55.553" x2="122.488" y2="44.4577" gradientUnits="userSpaceOnUse">
      <stop offset="0.2332" stop-color="white"/>
      <stop offset="1" stop-color="#D3DFEE"/>
      </linearGradient>
      <linearGradient id="paint9_linear_732_1681" x1="95.4647" y1="177.99" x2="95.4647" y2="94.3595" gradientUnits="userSpaceOnUse">
      <stop offset="0.4065" stop-color="white"/>
      <stop offset="1" stop-color="#DAE4EF"/>
      </linearGradient>
      <linearGradient id="paint10_linear_732_1681" x1="45.8105" y1="136.061" x2="33.5944" y2="121.502" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint11_linear_732_1681" x1="27.0365" y1="107.492" x2="42.2808" y2="107.492" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint12_linear_732_1681" x1="169.04" y1="131.317" x2="157.79" y2="117.911" gradientUnits="userSpaceOnUse">
      <stop offset="0.4034" stop-color="#EFF4F8"/>
      <stop offset="1" stop-color="#D4DFEC"/>
      </linearGradient>
      <linearGradient id="paint13_linear_732_1681" x1="151.752" y1="105.009" x2="165.79" y2="105.009" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint14_linear_732_1681" x1="60.1076" y1="107.764" x2="54.0653" y2="100.563" gradientUnits="userSpaceOnUse">
      <stop offset="1.4385e-07" stop-color="#EAEFF6"/>
      <stop offset="1" stop-color="#CDDAE9"/>
      </linearGradient>
      <linearGradient id="paint15_linear_732_1681" x1="50.8215" y1="93.6338" x2="58.3617" y2="93.6338" gradientUnits="userSpaceOnUse">
      <stop offset="0.1022" stop-color="#F0F5F8"/>
      <stop offset="1" stop-color="#B4C7DC"/>
      </linearGradient>
      <linearGradient id="paint16_linear_732_1681" x1="131.177" y1="149.02" x2="115.399" y2="93.9966" gradientUnits="userSpaceOnUse">
      <stop offset="0.0938" stop-color="white"/>
      <stop offset="0.9362" stop-color="#BBCBE0"/>
      </linearGradient>
      <linearGradient id="paint17_linear_732_1681" x1="63.7009" y1="73.6475" x2="127.001" y2="73.6475" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint18_linear_732_1681" x1="63.7009" y1="73.6475" x2="127.001" y2="73.6475" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EFF3F9"/>
      <stop offset="1" stop-color="#B6C9DE"/>
      </linearGradient>
      <linearGradient id="paint19_linear_732_1681" x1="70.7114" y1="73.6471" x2="119.989" y2="73.6471" gradientUnits="userSpaceOnUse">
      <stop stop-color="#DDE5F0"/>
      <stop offset="1" stop-color="#9FB7CE"/>
      </linearGradient>
      <linearGradient id="paint20_linear_732_1681" x1="84.4816" y1="73.2814" x2="106" y2="73.2814" gradientUnits="userSpaceOnUse">
      <stop offset="0.1453" stop-color="white"/>
      <stop offset="1" stop-color="#D8E3EF"/>
      </linearGradient>
      <clipPath id="clip0_732_1681">
      <rect width="190" height="190" fill="white"/>
      </clipPath>
      <clipPath id="clip1_732_1681">
      <rect width="190" height="190" fill="white" transform="translate(0 -5)"/>
      </clipPath>
      </defs>
    </svg>
  `;

  return <SvgXml xml={xml} width={190} height={190} />;
});


================================================
FILE: packages/react-native/src/scroll-number/index.md
================================================
---
title: ScrollNumber - 滚动数字组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 其他组件
  path: /other
---

# ScrollNumber 滚动数字组件

## 效果演示

### 1. 默认效果

```tsx | pure
<ScrollNumber value={value} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249493948238930.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 修改样式

```tsx | pure
<ScrollNumber
  value={value}
  height={100}
  containerStyle={{
    width: 100,
    marginRight: 10,
    borderWidth: 1,
    borderColor: 'red',
  }}
  textStyle={{ fontSize: 80, color: '#0000ff' }}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249734059808402.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 修改动画类型

```tsx | pure
<ScrollNumber
  value={value}
  height={100}
  animationType="spring"
  containerStyle={{
    width: 100,
    marginRight: 10,
    borderWidth: 1,
    borderColor: 'red',
  }}
  textStyle={{ fontSize: 80, color: '#0000ff' }}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249831745364916.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义数字

```tsx | pure
<ScrollNumber
  numberRange={['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']}
  value={value2}
  textStyle={{ fontSize: 80, color: '#ff0000' }}
/>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643249981055369644.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性           | 必填    | 说明                                     | 类型               | 默认值   |
| -------------- | ------- | ---------------------------------------- | ------------------ | -------- |
| numberRange    | `false` | 滚动的文字区间。默认是 0-9 的数字        | `string[]`         | `[0-9]`  |
| value          | `true`  | 当前值                                   | `string`           |          |
| height         | `false` | 显示高度（不传的时候默认计算文字的高度） | `number`           | `0`      |
| containerStyle | `false` | 容器样式                                 | `ViewStyle`        |          |
| textStyle      | `false` | 文字样式                                 | `TextStyle`        |          |
| animationType  | `false` | 滚动动画类型                             | `timing \| spring` | `timing` |


================================================
FILE: packages/react-native/src/scroll-number/index.tsx
================================================
import React, { FC, memo } from 'react';
import { LayoutChangeEvent, StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native';
import Animated, { useAnimatedStyle, withSpring, withTiming } from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';
import { useBoolean, useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import { Theme } from '../theme';

const { px } = helpers;

export interface ScrollNumberProps {
  /** 滚动的文字区间。默认是0-9的数字  */
  numberRange?: string[];
  /** 当前值 */
  value: string | number;
  /** 显示高度（不传的时候默认计算文字的高度） */
  height?: number;
  /** 容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** 文字样式 */
  textStyle?: StyleProp<TextStyle>;
  /** 滚动动画类型 */
  animationType?: 'timing' | 'spring';
}

const defaultNumberRange = Array(10)
  .fill('')
  .map((_, index) => index.toString());

const ScrollNumber: FC<ScrollNumberProps> = ({
  numberRange = defaultNumberRange,
  value,
  height = 0,
  containerStyle,
  textStyle,
  animationType = 'timing',
}) => {
  const theme = useTheme<Theme>();
  const [measured, { setTrue }] = useBoolean(!!height);
  const [currentHeight, setCurrentHeight] = useSafeState(height);

  const handleLayout = useMemoizedFn((e: LayoutChangeEvent) => {
    if (height) return;
    const layoutHeight = e.nativeEvent.layout.height;
    setCurrentHeight(layoutHeight);
    setTrue();
  });

  const styles = StyleSheet.create({
    height: {
      height: currentHeight,
    },
    opacity: {
      opacity: 0,
    },
    text: { fontSize: 18, color: theme.colors.gray500 },
  });

  return (
    <Box overflow="hidden" style={measured ? styles.height : styles.opacity}>
      <Flex>
        {value
          .toString()
          .split('')
          .map((item, index) => (
            <Box key={index} overflow="hidden" style={[containerStyle, measured ? styles.height : styles.opacity]}>
              <Tick value={item} height={currentHeight} {...{ numberRange, textStyle, animationType }} />
            </Box>
          ))}
      </Flex>
      <Box opacity={0} style={!!height && { height }}>
        <Text fontSize={px(18)} color="text" style={textStyle} onLayout={handleLayout}>
          {numberRange[0]}
        </Text>
      </Box>
    </Box>
  );
};
ScrollNumber.displayName = 'ScrollNumber';

export default ScrollNumber;

export interface TickProps
  extends Pick<ScrollNumberProps, 'numberRange' | 'containerStyle' | 'textStyle' | 'animationType'> {
  value: string;
  height: number;
}
const Tick: FC<TickProps> = memo(({ numberRange, value, height, containerStyle, textStyle, animationType }) => {
  const getPosition = (value: string, height: number) => {
    'worklet';
    const index = numberRange?.findIndex(item => item === value);
    if (index && index > -1) return index * height * -1;
    return 0;
  };

  const animatedStyle = useAnimatedStyle(() => {
    const position = getPosition(value, height);
    return {
      transform: [
        {
          translateY: animationType === 'timing' ? withTiming(position) : withSpring(position),
        },
      ],
    };
  });

  if (!numberRange || numberRange.length === 0) return null;

  return (
    <Animated.View style={[animatedStyle]}>
      {numberRange.map(i => (
        <Box key={i} justifyContent={'center'} alignItems={'center'} style={[containerStyle, !!height && { height }]}>
          <Text fontSize={px(18)} color="text" style={textStyle}>
            {i}
          </Text>
        </Box>
      ))}
    </Animated.View>
  );
});


================================================
FILE: packages/react-native/src/search-bar/index.md
================================================
---
title: SearchBar - 搜索栏组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# SearchBar 搜索栏组件

## 效果演示

### 1. 默认配置

```tsx | pure
<SearchBar onChange={value => console.log(value)} onSearch={value => console.log(value)} />
```

<center>
  <figure>
    <img
      alt="searchBar-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608868154498024610.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 配置 placeholder、cancelTitle

```tsx | pure
<SearchBar placeholder="请输入酒店/关键词" cancelTitle="cancel" />
```

<center>
  <figure>
    <img
      alt="searchBar-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608868196958509649.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 配置 placeholderPosition

```tsx | pure
<SearchBar placeholderPosition="center" />
```

<center>
  <figure>
    <img
      alt="searchBar-ios3.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608868215970101527.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 配置 defaultValue、autoFocus

```tsx | pure
<SearchBar defaultValue="美团酒店" autoFocus />
```

<center>
  <figure>
    <img
      alt="searchBar-ios4.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608868232946037474.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 配置 children

```tsx | pure
<SearchBar inputContainerStyle={{ flex: 6 }} containerStyle={{ height: px(40) }}>
  <>
    <Flex flex={1}>
      <Icon name="left" />
    </Flex>
    <Flex flex={2} height={px(40)} justifyContent="center">
      <Text>请入住</Text>
    </Flex>
  </>
</SearchBar>
```

<center>
  <figure>
    <img
      alt="searchBar-ios5.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608868245196272524.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性             | 必填    | 说明                     | 类型                     | 默认值    |
| ---------------- | ------- | ------------------------ | ------------------------ | --------- |
| placeholder      | `false` | 搜索框的 placeholder     | `string`                 | `搜索`    |
| showCancelButton | `false` | 是否展示取消按钮         | `boolean`                | `true`    |
| allowClear       | `false` | 是否允许清除             | `boolean`                | `true`    |
| disabled         | `false` | 搜索框是否禁用           | `boolean`                | `false`   |
| defaultValue     | `false` | 搜索框的默认值           | `string`                 |           |
| autoFocus        | `false` | 是否自动 focus           | `boolean`                | `false`   |
| cancelText       | `false` | 取消文字                 | `string`                 | `取消`    |
| returnKeyType    | `false` | 键盘下方的按钮类型       | `ReturnKeyTypeOptions`   | `search`  |
| keyboardType     | `false` | 弹出键盘类型             | `KeyboardTypeOptions`    | `default` |
| style            | `false` | 最外层 view 的样式       | `ViewStyle`              |           |
| inputStyle       | `false` | input 的样式             | `TextStyle`              |           |
| onChange         | `false` | 输入改变时的回调         | `(text: string) => void` |           |
| onSearch         | `false` | 提交时的搜索             | `(text: string) => void` |           |
| activeOpacity    | `false` | 取消按钮按下时的不透明度 | `number`                 | `0.6`     |


================================================
FILE: packages/react-native/src/search-bar/index.tsx
================================================
import React, { FC, PropsWithChildren, useMemo } from 'react';
import { KeyboardTypeOptions, ReturnKeyTypeOptions, StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import InputItem from '../input/InputItem';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import useSearchBar from './useSearchBar';

const { ONE_PIXEL } = helpers;

export type SearchBarProps = PropsWithChildren<{
  /** 搜索框的placeholder */
  placeholder?: string;
  /** 是否展示取消按钮 */
  showCancelButton?: boolean;
  /** 是否允许清除 */
  allowClear?: boolean;
  /** 搜索框是否禁用 */
  disabled?: boolean;
  /** 搜索框的默认值 */
  defaultValue?: string;
  /** 是否自动focus */
  autoFocus?: boolean;
  /** 取消文字 */
  cancelText?: string;
  /** 键盘下方的按钮类型，默认为搜索 */
  returnKeyType?: ReturnKeyTypeOptions;
  /** 弹出键盘类型 */
  keyboardType?: KeyboardTypeOptions;
  /** 最外层view的样式 */
  style?: StyleProp<ViewStyle>;
  /** input框的样式 */
  inputStyle?: StyleProp<TextStyle>;
  /** 输入改变时的回调 */
  onChange?: (text: string) => void;
  /** 提交时的搜索 */
  onSearch?: (text: string) => void;
  /** 取消按钮按下时的不透明度 */
  activeOpacity?: number;
}>;

const SearchBar: FC<SearchBarProps> = props => {
  const {
    placeholder = '搜索',
    showCancelButton = true,
    allowClear = true,
    disabled = false,
    defaultValue,
    autoFocus = false,
    cancelText = '取消',
    returnKeyType = 'search',
    keyboardType = 'default',
    style,
    inputStyle,
    onChange,
    onSearch,
    children,
    activeOpacity = 0.6,
  } = props;

  const theme = useTheme<Theme>();
  const { inputRef, focused, keywords, onFocus, onBlur, onCancel, setKeywords } = useSearchBar({
    autoFocus,
    defaultValue,
    onChange,
    onSearch,
  });

  const styles = StyleSheet.create({
    container: {
      overflow: 'hidden',
      paddingVertical: theme.spacing.x1,
      backgroundColor: theme.colors.gray50,
    },
    textInput: {
      flex: 1,
      textAlign: 'left',
      borderBottomWidth: 0,
    },
  });

  const CancelBtn = useMemo(() => {
    if (!showCancelButton || !focused) return null;
    return (
      <Pressable
        onPress={onCancel}
        activeOpacity={activeOpacity}
        style={{
          marginLeft: allowClear ? 0 : theme.spacing.x1,
          marginRight: theme.spacing.x1,
        }}
      >
        <Text variant="p0" color="primary200">
          {cancelText}
        </Text>
      </Pressable>
    );
  }, [showCancelButton, focused, activeOpacity, theme.spacing.x1, cancelText, onCancel, allowClear]);

  return (
    <Flex style={[styles.container, style]}>
      {!!children && (
        <Box
          justifyContent="center"
          alignItems="center"
          marginHorizontal={'x1'}
          borderRightWidth={ONE_PIXEL}
          borderRightColor={'gray500'}
        >
          {children}
        </Box>
      )}
      {/* 搜索小图标 */}
      <SvgIcon name="search" color={theme.colors.icon} style={{ marginHorizontal: theme.spacing.x1 }} />
      <InputItem
        ref={inputRef}
        style={styles.textInput}
        inputStyle={inputStyle}
        placeholder={placeholder}
        editable={!disabled}
        autoFocus={autoFocus}
        value={keywords}
        returnKeyType={returnKeyType}
        keyboardType={keyboardType}
        allowClear={allowClear}
        onFocus={onFocus}
        onBlur={onBlur}
        onChange={setKeywords}
        onSubmitEditing={e => onSearch?.(e.nativeEvent.text)}
        onClear={onCancel}
      />
      {/* 取消按钮 */}
      {CancelBtn}
    </Flex>
  );
};
SearchBar.displayName = 'SearchBar';

export default SearchBar;


================================================
FILE: packages/react-native/src/search-bar/useSearchBar.ts
================================================
import { useEffect, useRef } from 'react';
import { TextInput } from 'react-native';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { SearchBarProps } from '.';

export default function useSearchBar({
  autoFocus = false,
  defaultValue,
  onChange,
  onSearch,
}: Pick<SearchBarProps, 'autoFocus' | 'onChange' | 'defaultValue' | 'onSearch'>) {
  const inputRef = useRef<TextInput>(null);

  const [keywords, setKeywords] = useSafeState<string>();
  const [focused, setFocused] = useSafeState(autoFocus);

  useEffect(() => {
    setKeywords(defaultValue);
  }, [defaultValue]);

  useEffect(() => {
    if (autoFocus) {
      inputRef.current?.focus();
      setFocused(true);
    }
  }, [autoFocus]);

  /** 聚焦 */
  const onFocus = () => {
    setFocused(true);
    inputRef.current?.focus();
  };

  /** 失焦 */
  const onBlur = () => {
    setFocused(false);
    inputRef.current?.blur();
  };

  const onCancel = () => {
    inputRef.current?.clear();
    inputRef.current?.blur();
    setFocused(false);
    setKeywords('');
    onChange?.('');
    onSearch?.('');
  };

  return {
    onFocus: useMemoizedFn(onFocus),
    onBlur: useMemoizedFn(onBlur),
    onCancel: useMemoizedFn(onCancel),
    setKeywords,
    inputRef,
    focused,
    keywords,
  };
}


================================================
FILE: packages/react-native/src/slider/index.md
================================================
---
title: Slider - 滑块组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# Slider 滑块组件

## 效果演示

### 1. 默认效果

```tsx | pure
<Slider />
```

<center>
  <figure>
    <img
      alt="slider-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608032620330195137.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 默认值 45

```tsx | pure
<Slider value={45} />
```

<center>
  <figure>
    <img
      alt="slider-io21.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608032749566957647.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 最大最小值

```tsx | pure
<Slider min={20} max={80} />
```

<center>
  <figure>
    <img
      alt="slider-ios3.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608032808179563288.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义颜色

```tsx | pure
<Slider value={45} foregroundColor="gold" backgroundColor="red" borderColor="blue" handleBackground="pink" />
```

<center>
  <figure>
    <img
      alt="slider-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608032929313069066.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 不显示滑块数字

```tsx | pure
<Slider value={45} showLabel={false} />
```

<center>
  <figure>
    <img
      alt="slider-ios5.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608033028156894177.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 数字在右边

```tsx | pure
<Slider value={45} labelPosition="right" />
```

<center>
  <figure>
    <img
      alt="slider-ios6.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608033111344004697.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性             | 必填    | 说明               | 类型                                   | 默认值    |
| ---------------- | ------- | ------------------ | -------------------------------------- | --------- |
| min              | `false` | 最小值             | `number`                               | `0`       |
| max              | `false` | 最大值             | `number`                               | `100`     |
| value            | `false` | 当前值             | `number`                               | `0`       |
| width            | `false` | 宽度               | `number`                               | `px(250)` |
| labelWidth       | `false` | 文本宽度           | `number`                               | `px(40)`  |
| height           | `false` | 高度               | `number`                               | `20`      |
| onChange         | `false` | 滑块拖动后触发事件 | `(value: number) => void`              |           |
| foregroundColor  | `false` | 滑块左侧颜色       | `string`                               | `主题色`  |
| backgroundColor  | `false` | 滑块右侧颜色       | `string`                               | `#fff`    |
| handleBackground | `false` | 滑块背景色         | `string`                               | `#fff`    |
| showText         | `false` | 是否显示滑块数字   | `boolean`                              | `true`    |
| textPosition     | `false` | 滑块数字显示位置   | `top` \| `left` \| `right` \| `bottom` | `top`     |
| textStyle        | `false` | 文本样式           | `TextStyle`                            |           |


================================================
FILE: packages/react-native/src/slider/index.tsx
================================================
import React, { FC } from 'react';
import { StyleSheet, TextStyle } from 'react-native';
import { PanGestureHandler } from 'react-native-gesture-handler';
import Animated from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import ReText from '../text/ReText';
import { Theme } from '../theme';
import useSlider from './useSlider';

const { px } = helpers;

export interface SliderProps {
  /** 最小值 */
  min?: number;
  /** 最大值 */
  max?: number;
  /** 当前值 */
  value?: number;
  /** 宽度 */
  width?: number;
  /** 标签文本宽度 */
  labelWidth?: number;
  /** 高度 */
  height?: number;
  /** 滑块拖动后触发事件 */
  onChange?: (value: number) => void;
  /** 滑块左侧颜色 */
  foregroundColor?: string;
  /** 滑块右侧颜色 */
  backgroundColor?: string;
  /** 滑块背景色 */
  handleBackground?: string;
  /** 是否显示滑块数字 */
  showText?: boolean;
  /** 滑块数字显示位置 */
  textPosition?: 'top' | 'left' | 'right' | 'bottom';
  /** 文本样式 */
  textStyle?: TextStyle;
}

const SLIDER_HEIGHT = px(20);

const Slider: FC<SliderProps> = props => {
  const theme = useTheme<Theme>();
  const {
    min = 0,
    max = 100,
    value = 0,
    onChange,
    width = px(250),
    labelWidth = px(40),
    height = SLIDER_HEIGHT,
    backgroundColor = theme.colors.gray200,
    foregroundColor = theme.colors.primary200,
    handleBackground = theme.colors.white,
    showText = true,
    textPosition = 'top',
    textStyle,
  } = props;
  const KNOB_WIDTH = height;
  const sliderRange = width - KNOB_WIDTH;
  const oneStepValue = Math.ceil(sliderRange / (max - min)) || 1;

  const { progressStyle, knobStyle, onGestureEvent, label } = useSlider({
    min,
    max,
    value,
    onChange,
    oneStepValue,
    knobWidth: KNOB_WIDTH,
  });

  const styles = StyleSheet.create({
    progress: {
      backgroundColor: foregroundColor,
      borderRadius: KNOB_WIDTH,
    },
    knob: {
      height: KNOB_WIDTH,
      width: KNOB_WIDTH,
      borderRadius: KNOB_WIDTH,
      borderColor: foregroundColor,
      borderWidth: 1,
      backgroundColor: handleBackground,
      justifyContent: 'center',
      alignItems: 'center',
    },
    content: {
      borderRadius: KNOB_WIDTH,
      backgroundColor,
    },
  });

  const SliderContent = (
    <Box width={width} height={KNOB_WIDTH} style={styles.content}>
      <Animated.View style={[StyleSheet.absoluteFillObject, styles.progress, progressStyle]} />
      <PanGestureHandler onGestureEvent={onGestureEvent}>
        <Animated.View style={[styles.knob, knobStyle]} />
      </PanGestureHandler>
    </Box>
  );

  const Label = <ReText style={{ fontSize: px(14), color: theme.colors.gray500, ...textStyle }} text={label} />;

  if (!showText) return SliderContent;

  if (textPosition === 'top' || textPosition === 'bottom')
    return (
      <Box>
        {textPosition === 'top' && <Box marginBottom="x1">{Label}</Box>}
        {SliderContent}
        {textPosition === 'bottom' && <Box marginTop="x1">{Label}</Box>}
      </Box>
    );

  return (
    <Flex position={'relative'}>
      {textPosition === 'left' && (
        <Box width={labelWidth} alignItems={'flex-start'}>
          {Label}
        </Box>
      )}
      {SliderContent}
      {textPosition === 'right' && (
        <Box width={labelWidth} alignItems={'flex-end'}>
          {Label}
        </Box>
      )}
    </Flex>
  );
};
Slider.displayName = 'Slider';

export default Slider;


================================================
FILE: packages/react-native/src/slider/useSlider.ts
================================================
import { useEffect } from 'react';
import {
  runOnJS,
  useAnimatedGestureHandler,
  useAnimatedStyle,
  useDerivedValue,
  useSharedValue,
} from 'react-native-reanimated';

import type { SliderProps } from '.';
import { clamp } from '../utils/redash';

export default function useSlider({
  min = 0,
  max = 100,
  value = 0,
  onChange,
  oneStepValue,
  knobWidth,
}: Pick<SliderProps, 'min' | 'max' | 'value' | 'onChange'> & { oneStepValue: number; knobWidth: number }) {
  const translateX = useSharedValue(0);

  useEffect(() => {
    translateX.value = value * oneStepValue;
  }, [value, oneStepValue]);

  const progressStyle = useAnimatedStyle(() => ({
    width: translateX.value + knobWidth,
  }));
  const knobStyle = useAnimatedStyle(() => {
    return {
      transform: [{ translateX: translateX.value }],
    };
  });

  const label = useDerivedValue(() => {
    const step = Math.ceil(translateX.value / oneStepValue);
    return String(step);
  });

  const onGestureEvent = useAnimatedGestureHandler({
    onStart(_, ctx: Record<string, number>) {
      ctx.offsetX = translateX.value;
    },
    onActive(event, ctx) {
      translateX.value = clamp(event.translationX + ctx.offsetX, min * oneStepValue, max * oneStepValue);
    },
    onEnd() {
      // 判断当前停留的位置处于第几步
      const currentStep = translateX.value / oneStepValue;
      // 取余数进行判断，是否超过一半
      const remainder = currentStep % 1;
      if (remainder >= 0.5) {
        translateX.value = Math.ceil(currentStep) * oneStepValue;
      } else {
        translateX.value = Math.floor(currentStep) * oneStepValue;
      }

      if (onChange) {
        runOnJS(onChange)(translateX.value / oneStepValue);
      }
    },
  });

  return { progressStyle, knobStyle, onGestureEvent, label };
}


================================================
FILE: packages/react-native/src/stepper/index.md
================================================
---
title: Stepper - 步进器组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# Stepper 步进器组件

## 效果演示

### 1. 最大值 20，最小值 0，步进 3

```tsx | pure
<Stepper step={3} max={20} min={0} value={value} onChange={setValue} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643252047758854553.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 不显示清除图标

```tsx | pure
<Stepper width={px(100)} allowClear={false} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643252117315903116.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 禁用

```tsx | pure
<Stepper disabled />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643252184309611034.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 不允许用户输入

```tsx | pure
<Stepper width={px(100)} editable={false} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643252252170355408.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性          | 必填    | 说明                       | 类型                       | 默认值  |
| ------------- | ------- | -------------------------- | -------------------------- | ------- |
| min           | `false` | 最小值                     | `number`                   |         |
| max           | `false` | 最大值                     | `number`                   |         |
| defaultValue  | `false` | 默认值                     | `number` \| `string`       |         |
| value         | `false` | 当前值                     | `number` \| `string`       |         |
| onChange      | `false` | 修改后回调函数             | `(value?: number) => void` |         |
| step          | `false` | 每次改变步数，可以为小数   | `number`                   | `1`     |
| disabled      | `false` | 是否禁用                   | `boolean`                  | `false` |
| width         | `false` | 宽度                       | `number`                   | `200`   |
| allowClear    | `false` | 是否显示清除图标           | `boolean`                  | `true`  |
| editable      | `false` | 是否允许手动输入           | `boolean`                  | `true`  |
| activeOpacity | `false` | 加号、减号按下时的不透明度 | `number`                   | `0.6`   |


================================================
FILE: packages/react-native/src/stepper/index.tsx
================================================
import React, { forwardRef } from 'react';

import { composeRestyleFunctions, layout, useRestyle, useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Input from '../input';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import { Theme } from '../theme';
import useStepper, { StepperProps } from './useStepper';

const { ONE_PIXEL, px } = helpers;

const Stepper = forwardRef<unknown, StepperProps>(
  (
    {
      min = Number.NEGATIVE_INFINITY,
      max = Number.POSITIVE_INFINITY,
      value,
      onChange,
      step = 1,
      width = px(200),
      defaultValue,
      disabled = false,
      allowClear = true,
      editable = true,
      activeOpacity = 0.6,
      ...layoutProps
    },
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    _
  ) => {
    const restyleFunctions = composeRestyleFunctions([layout]);

    const theme = useTheme<Theme>();
    const props = useRestyle(restyleFunctions as any, layoutProps);
    const { current, handleAdd, handleMinus, handleChange } = useStepper({
      defaultValue,
      value,
      min,
      max,
      onChange,
      step,
    });

    return (
      <Flex {...props} width={width} minWidth={px(120)}>
        <Pressable activeOpacity={activeOpacity} onPress={handleMinus} disabled={disabled || +current - step < min}>
          <Box
            padding="x2"
            justifyContent="center"
            alignItems="center"
            borderWidth={ONE_PIXEL}
            borderColor="border"
            borderRadius="x1"
          >
            <SvgIcon name="minus" color={disabled ? theme.colors.disabled : theme.colors.gray500} />
          </Box>
        </Pressable>
        <Box flex={1} minWidth={px(80)} paddingHorizontal="x1">
          <Input
            keyboardType="number-pad"
            value={String(current)}
            onChange={handleChange}
            disabled={disabled || !editable}
            {...{ allowClear }}
            inputStyle={{
              textAlign: 'center',
            }}
          />
        </Box>
        <Pressable activeOpacity={activeOpacity} onPress={handleAdd} disabled={disabled || +current + step > max}>
          <Box
            padding="x2"
            justifyContent="center"
            alignItems="center"
            borderWidth={ONE_PIXEL}
            borderColor="border"
            borderRadius="x1"
          >
            <SvgIcon name="plus" color={disabled ? theme.colors.disabled : theme.colors.gray500} />
          </Box>
        </Pressable>
      </Flex>
    );
  }
);
Stepper.displayName = 'Stepper';

export default Stepper;


================================================
FILE: packages/react-native/src/stepper/useStepper.ts
================================================
import { Keyboard } from 'react-native';

import { LayoutProps } from '@shopify/restyle';
import { useCounter, useMemoizedFn } from '@td-design/rn-hooks';

import { Theme } from '../theme';

export type StepperProps = Omit<LayoutProps<Theme>, 'width' | 'minWidth'> & {
  /** 最小值 */
  min?: number;
  /** 最大值 */
  max?: number;
  /** 默认值 */
  defaultValue?: number;
  /** 当前值 */
  value?: number;
  /** 修改事件 */
  onChange?: (value?: number) => void;
  /** 每次改变步数，可以为小数 */
  step?: number;
  /** 是否禁用 */
  disabled?: boolean;
  /** 宽度 */
  width?: number;
  /** 是否显示清除图标 */
  allowClear?: boolean;
  /** 是否允许手动输入 */
  editable?: boolean;
  /** 加号、减号按下时的不透明度 */
  activeOpacity?: number;
};

export default function useStepper({
  defaultValue,
  value,
  min,
  max,
  onChange,
  step = 1,
}: Pick<StepperProps, 'defaultValue' | 'value' | 'min' | 'max' | 'step' | 'onChange'>) {
  const [current, { set }] = useCounter(value ?? defaultValue, { min, max });

  const handleMinus = () => {
    Keyboard.dismiss();
    const value = +current - step;
    if (onChange) {
      onChange(value);
    } else {
      set(value);
    }
  };

  const handleAdd = () => {
    Keyboard.dismiss();
    const value = +current + step;
    if (onChange) {
      onChange(value);
    } else {
      set(value);
    }
  };

  const handleChange = (val: string) => {
    // 先校验是否是数字
    if (Number.isNaN(+val)) {
      onChange?.(defaultValue);
    } else {
      if (onChange) {
        onChange(+val);
      } else {
        set(+val);
      }
    }
  };

  return {
    current,

    handleAdd: useMemoizedFn(handleAdd),
    handleMinus: useMemoizedFn(handleMinus),
    handleChange: useMemoizedFn(handleChange),
  };
}


================================================
FILE: packages/react-native/src/svg-icon/IconArrowdown.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconArrowdown: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2743 4C12.6885 4 13.0243 4.33579 13.0243 4.75V19.75C13.0243 20.1642 12.6885 20.5 12.2743 20.5C11.8601 20.5 11.5243 20.1642 11.5243 19.75V4.75C11.5243 4.33579 11.8601 4 12.2743 4Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.72046 13.1688C6.01396 12.8765 6.48884 12.8775 6.78112 13.171L12.2747 18.6873L17.7672 13.171C18.0595 12.8775 18.5344 12.8765 18.8279 13.1687C19.1214 13.461 19.1224 13.9359 18.8302 14.2294L12.8062 20.2794C12.6654 20.4207 12.4742 20.5002 12.2747 20.5002C12.0753 20.5002 11.884 20.4208 11.7433 20.2794L5.71827 14.2294C5.42598 13.9359 5.42696 13.4611 5.72046 13.1688Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconArrowdown.defaultProps = {
  size: px(16),
};

export default memo(IconArrowdown);


================================================
FILE: packages/react-native/src/svg-icon/IconBells.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconBells: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.10087 7.4947C6.04619 8.12236 6.04571 8.76474 6.04571 9.43598C6.04571 9.48719 6.04047 9.53827 6.03006 9.58842C5.82754 10.564 5.36706 11.4681 4.69707 12.2105C4.43131 12.6259 4.27805 13.0998 4.25083 13.5878V13.7871L4.25065 13.8032C4.23617 14.4778 4.46335 15.1375 4.89505 15.6674C5.51797 16.3056 6.35615 16.706 7.25858 16.7918L7.26762 16.7927L7.26762 16.7927C10.4099 17.1298 13.5802 17.1298 16.7224 16.7927L16.7344 16.7914L16.7344 16.7915C17.6375 16.7093 18.4764 16.308 19.0961 15.6664C19.5354 15.1376 19.766 14.4743 19.7491 13.7963L19.7489 13.7776V13.586C19.7242 13.1016 19.5711 12.631 19.3037 12.2208C18.6354 11.4737 18.1751 10.5673 17.97 9.59004C17.9631 9.55719 17.9584 9.52391 17.956 9.49042C17.9306 9.14215 17.932 8.79495 17.9332 8.48039C17.9333 8.46309 17.9333 8.44589 17.9334 8.42879C17.9346 8.09141 17.9341 7.78927 17.9087 7.4958C17.6426 4.76888 14.8891 2.75 12.0387 2.75H11.9611C9.10946 2.75 6.35777 4.76959 6.10087 7.4947ZM4.6072 7.35703C4.95318 3.66609 8.54591 1.25 11.9611 1.25H12.0387C15.4546 1.25 19.0451 3.66625 19.402 7.35479L19.4027 7.36176L19.4027 7.36177C19.4351 7.73367 19.4346 8.1017 19.4334 8.43421L19.4333 8.4672C19.4321 8.77778 19.4311 9.05746 19.4486 9.33068C19.6073 10.0442 19.9521 10.7068 20.4512 11.2534C20.4756 11.2801 20.498 11.3086 20.5183 11.3385C20.96 11.9905 21.2128 12.7497 21.2481 13.5344C21.2486 13.5456 21.2489 13.5569 21.2489 13.5681V13.7687C21.2727 14.8207 20.9091 15.844 20.228 16.6511C20.2182 16.6627 20.208 16.674 20.1975 16.685C19.3245 17.6004 18.1428 18.1681 16.8766 18.2848C13.6313 18.6325 10.3572 18.6324 7.11194 18.2846C5.84852 18.1634 4.66977 17.5973 3.7946 16.6873C3.78197 16.6741 3.76982 16.6605 3.75818 16.6465C3.08842 15.8399 2.73043 14.8239 2.75083 13.7794V13.5681C2.75083 13.5557 2.75113 13.5434 2.75175 13.531C2.79062 12.7471 3.04185 11.9886 3.47823 11.3337C3.50011 11.3009 3.52455 11.2698 3.55132 11.2408C4.04504 10.7061 4.38701 10.0562 4.54572 9.35566C4.54578 8.71786 4.54772 8.03783 4.60677 7.36177L4.60719 7.35703L4.6072 7.35703Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.08759 20.265C9.41155 20.0069 9.88342 20.0603 10.1415 20.3842C10.516 20.8543 11.0689 21.1618 11.6799 21.2337C12.291 21.3056 12.9043 21.1351 13.3838 20.7634L13.3949 20.7548L13.395 20.7549C13.5402 20.6467 13.6704 20.5212 13.7828 20.3815C14.0424 20.0587 14.5146 20.0076 14.8373 20.2672C15.16 20.5269 15.2112 20.999 14.9515 21.3217C14.7609 21.5586 14.541 21.7708 14.2972 21.9533C13.5053 22.5647 12.5008 22.8406 11.5046 22.7234C10.5059 22.6059 9.5924 22.1022 8.96834 21.3189C8.71023 20.995 8.76362 20.5231 9.08759 20.265Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconBells.defaultProps = {
  size: px(16),
};

export default memo(IconBells);


================================================
FILE: packages/react-native/src/svg-icon/IconCheck.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconCheck: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8198 6.19526C20.0601 6.45561 20.0601 6.87772 19.8198 7.13807L9.9736 17.8047C9.73328 18.0651 9.34364 18.0651 9.10332 17.8047L4.18024 12.4714C3.93992 12.2111 3.93992 11.7889 4.18024 11.5286C4.42056 11.2682 4.8102 11.2682 5.05053 11.5286L9.53846 16.3905L18.9495 6.19526C19.1898 5.93491 19.5794 5.93491 19.8198 6.19526Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconCheck.defaultProps = {
  size: px(16),
};

export default memo(IconCheck);


================================================
FILE: packages/react-native/src/svg-icon/IconCheckboxChecked.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconCheckboxChecked: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
    <path d="M10 17l-5-5l1.41-1.42L10 14.17l7.59-7.59L19 8m0-5H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z" fill="${getIconColor(
      color,
      0,
      '#999999'
    )}"></path>
  </svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconCheckboxChecked.defaultProps = {
  size: px(16),
};

export default memo(IconCheckboxChecked);


================================================
FILE: packages/react-native/src/svg-icon/IconCheckboxHalfchecked.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconCheckboxHalfchecked: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
    <path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V5h14v14zm-2-2H7V7h10v10z" fill="${getIconColor(
      color,
      0,
      '#999999'
    )}"></path>
  </svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconCheckboxHalfchecked.defaultProps = {
  size: px(16),
};

export default memo(IconCheckboxHalfchecked);


================================================
FILE: packages/react-native/src/svg-icon/IconCheckboxUnchecked.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconCheckboxUnchecked: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
    <path d="M19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 2v14H5V5h14z" fill="${getIconColor(
      color,
      0,
      '#999999'
    )}"></path>
  </svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconCheckboxUnchecked.defaultProps = {
  size: px(16),
};

export default memo(IconCheckboxUnchecked);


================================================
FILE: packages/react-native/src/svg-icon/IconCheckcircle.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconCheckcircle: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.53034 11.7105C7.82323 11.4176 8.29811 11.4176 8.591 11.7105L11.0303 14.1498L16.6495 8.53052C16.9424 8.23763 17.4173 8.23763 17.7102 8.53052C18.0031 8.82341 18.0031 9.29829 17.7102 9.59118L11.5909 15.7105C11.3542 15.9471 10.9988 15.9926 10.7165 15.8469C10.6101 15.8112 10.5101 15.7509 10.4253 15.6662L7.53034 12.7712C7.23745 12.4783 7.23745 12.0034 7.53034 11.7105Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconCheckcircle.defaultProps = {
  size: px(16),
};

export default memo(IconCheckcircle);


================================================
FILE: packages/react-native/src/svg-icon/IconCheckcircleo.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconCheckcircleo: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path d="M7.53034 11.7105C7.82323 11.4176 8.29811 11.4176 8.591 11.7105L11.486 14.6055C11.7789 14.8984 11.7789 15.3733 11.486 15.6662V15.6662C11.1931 15.959 10.7182 15.959 10.4253 15.6662L7.53034 12.7712C7.23745 12.4783 7.23745 12.0034 7.53034 11.7105V11.7105Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
<path d="M10.5302 15.7105C10.2373 15.4176 10.2373 14.9427 10.5302 14.6498L16.6495 8.53052C16.9424 8.23763 17.4173 8.23763 17.7102 8.53052V8.53052C18.0031 8.82341 18.0031 9.29829 17.7102 9.59118L11.5909 15.7105C11.298 16.0034 10.8231 16.0034 10.5302 15.7105V15.7105Z" fill="${getIconColor(
    color,
    2,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconCheckcircleo.defaultProps = {
  size: px(16),
};

export default memo(IconCheckcircleo);


================================================
FILE: packages/react-native/src/svg-icon/IconClockcircleo.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconClockcircleo: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 3.50049C7.305 3.50049 3.49979 7.3057 3.49979 12.0005C3.49979 16.6953 7.305 20.5005 11.9998 20.5005C16.6946 20.5005 20.4998 16.6953 20.4998 12.0005C20.4998 7.3057 16.6946 3.50049 11.9998 3.50049ZM1.99979 12.0005C1.99979 6.47727 6.47657 2.00049 11.9998 2.00049C17.523 2.00049 21.9998 6.47727 21.9998 12.0005C21.9998 17.5237 17.523 22.0005 11.9998 22.0005C6.47657 22.0005 1.99979 17.5237 1.99979 12.0005Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6614 7.09668C12.0756 7.09668 12.4114 7.43247 12.4114 7.84668V12.2678L15.8156 14.2986C16.1713 14.5108 16.2877 14.9712 16.0755 15.3269C15.8633 15.6826 15.4029 15.799 15.0471 15.5868L11.2771 13.3378C11.0503 13.2025 10.9114 12.9578 10.9114 12.6937V7.84668C10.9114 7.43247 11.2472 7.09668 11.6614 7.09668Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconClockcircleo.defaultProps = {
  size: px(16),
};

export default memo(IconClockcircleo);


================================================
FILE: packages/react-native/src/svg-icon/IconClose.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconClose: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.22676 4.22676C4.5291 3.92441 5.01929 3.92441 5.32163 4.22676L12 10.9051L18.6784 4.22676C18.9807 3.92441 19.4709 3.92441 19.7732 4.22676C20.0756 4.5291 20.0756 5.01929 19.7732 5.32163L13.0949 12L19.7732 18.6784C20.0756 18.9807 20.0756 19.4709 19.7732 19.7732C19.4709 20.0756 18.9807 20.0756 18.6784 19.7732L12 13.0949L5.32163 19.7732C5.01929 20.0756 4.5291 20.0756 4.22676 19.7732C3.92441 19.4709 3.92441 18.9807 4.22676 18.6784L10.9051 12L4.22676 5.32163C3.92441 5.01929 3.92441 4.5291 4.22676 4.22676Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconClose.defaultProps = {
  size: px(16),
};

export default memo(IconClose);


================================================
FILE: packages/react-native/src/svg-icon/IconClosecircleo.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconClosecircleo: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM7.53034 7.53033C7.82323 7.23744 8.29811 7.23744 8.591 7.53033L11.8033 10.7427L15.0156 7.5304C15.3085 7.23751 15.7834 7.23751 16.0763 7.5304C16.3692 7.82329 16.3692 8.29817 16.0763 8.59106L12.864 11.8033L16.0156 14.955C16.3085 15.2478 16.3085 15.7227 16.0156 16.0156C15.7227 16.3085 15.2479 16.3085 14.955 16.0156L11.8033 12.864L8.65166 16.0157C8.35877 16.3086 7.88389 16.3086 7.591 16.0157C7.29811 15.7228 7.29811 15.2479 7.591 14.955L10.7427 11.8033L7.53034 8.59099C7.23745 8.2981 7.23745 7.82322 7.53034 7.53033Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconClosecircleo.defaultProps = {
  size: px(16),
};

export default memo(IconClosecircleo);


================================================
FILE: packages/react-native/src/svg-icon/IconDate.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconDate: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.34265 9.4043C2.34265 8.99008 2.67844 8.6543 3.09265 8.6543H20.9166C21.3308 8.6543 21.6666 8.99008 21.6666 9.4043C21.6666 9.81851 21.3308 10.1543 20.9166 10.1543H3.09265C2.67844 10.1543 2.34265 9.81851 2.34265 9.4043Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6921 13.3096C15.6921 12.8954 16.0279 12.5596 16.4421 12.5596H16.4513C16.8656 12.5596 17.2013 12.8954 17.2013 13.3096C17.2013 13.7238 16.8656 14.0596 16.4513 14.0596H16.4421C16.0279 14.0596 15.6921 13.7238 15.6921 13.3096Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2546 13.3096C11.2546 12.8954 11.5904 12.5596 12.0046 12.5596H12.0139C12.4281 12.5596 12.7639 12.8954 12.7639 13.3096C12.7639 13.7238 12.4281 14.0596 12.0139 14.0596H12.0046C11.5904 14.0596 11.2546 13.7238 11.2546 13.3096Z" fill="${getIconColor(
    color,
    2,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.80789 13.3096C6.80789 12.8954 7.14368 12.5596 7.55789 12.5596H7.56716C7.98137 12.5596 8.31716 12.8954 8.31716 13.3096C8.31716 13.7238 7.98137 14.0596 7.56716 14.0596H7.55789C7.14368 14.0596 6.80789 13.7238 6.80789 13.3096Z" fill="${getIconColor(
    color,
    3,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6921 17.1963C15.6921 16.7821 16.0279 16.4463 16.4421 16.4463H16.4513C16.8656 16.4463 17.2013 16.7821 17.2013 17.1963C17.2013 17.6105 16.8656 17.9463 16.4513 17.9463H16.4421C16.0279 17.9463 15.6921 17.6105 15.6921 17.1963Z" fill="${getIconColor(
    color,
    4,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2546 17.1963C11.2546 16.7821 11.5904 16.4463 12.0046 16.4463H12.0139C12.4281 16.4463 12.7639 16.7821 12.7639 17.1963C12.7639 17.6105 12.4281 17.9463 12.0139 17.9463H12.0046C11.5904 17.9463 11.2546 17.6105 11.2546 17.1963Z" fill="${getIconColor(
    color,
    5,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.80789 17.1963C6.80789 16.7821 7.14368 16.4463 7.55789 16.4463H7.56716C7.98137 16.4463 8.31716 16.7821 8.31716 17.1963C8.31716 17.6105 7.98137 17.9463 7.56716 17.9463H7.55789C7.14368 17.9463 6.80789 17.6105 6.80789 17.1963Z" fill="${getIconColor(
    color,
    6,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0437 1.25C16.4579 1.25 16.7937 1.58579 16.7937 2V5.29078C16.7937 5.70499 16.4579 6.04078 16.0437 6.04078C15.6295 6.04078 15.2937 5.70499 15.2937 5.29078V2C15.2937 1.58579 15.6295 1.25 16.0437 1.25Z" fill="${getIconColor(
    color,
    7,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.96552 1.25C8.37973 1.25 8.71552 1.58579 8.71552 2V5.29078C8.71552 5.70499 8.37973 6.04078 7.96552 6.04078C7.5513 6.04078 7.21552 5.70499 7.21552 5.29078V2C7.21552 1.58579 7.5513 1.25 7.96552 1.25Z" fill="${getIconColor(
    color,
    8,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.76749 4.22937C4.76914 3.2772 6.16751 2.8291 7.77096 2.8291H16.2383C17.8457 2.8291 19.2449 3.27686 20.2448 4.23009C21.2504 5.18867 21.7548 6.56549 21.75 8.22317V17.3474C21.75 19.0051 21.243 20.3834 20.2371 21.3438C19.2366 22.2991 17.8377 22.7499 16.229 22.7499H7.77096C6.16301 22.7499 4.76302 22.2898 3.76225 21.3198C2.75774 20.3462 2.25 18.9507 2.25 17.2718V8.22213C2.25 6.5633 2.76004 5.18705 3.76749 4.22937ZM4.80096 5.31654C4.1571 5.9286 3.75 6.87387 3.75 8.22213V17.2718C3.75 18.6472 4.1594 19.6158 4.8062 20.2427C5.45673 20.8732 6.44222 21.2499 7.77096 21.2499H16.229C17.5663 21.2499 18.5528 20.878 19.2013 20.2589C19.8444 19.6448 20.25 18.6968 20.25 17.3474V8.22213L20.25 8.21982C20.2541 6.87097 19.8507 5.92673 19.2098 5.31582C18.5631 4.69931 17.5768 4.3291 16.2383 4.3291H7.77096C6.43772 4.3291 5.45061 4.69897 4.80096 5.31654Z" fill="${getIconColor(
    color,
    9,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconDate.defaultProps = {
  size: px(16),
};

export default memo(IconDate);


================================================
FILE: packages/react-native/src/svg-icon/IconDown.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconDown: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 7.96967C4.76256 7.67678 5.23744 7.67678 5.53033 7.96967L12 14.4393L18.4697 7.96967C18.7626 7.67678 19.2374 7.67678 19.5303 7.96967C19.8232 8.26256 19.8232 8.73744 19.5303 9.03033L12.5303 16.0303C12.2374 16.3232 11.7626 16.3232 11.4697 16.0303L4.46967 9.03033C4.17678 8.73744 4.17678 8.26256 4.46967 7.96967Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconDown.defaultProps = {
  size: px(16),
};

export default memo(IconDown);


================================================
FILE: packages/react-native/src/svg-icon/IconEllipsis.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconEllipsis: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M4.5 12C4.5 12.825 5.175 13.5 6 13.5C6.825 13.5 7.5 12.825 7.5 12C7.5 11.175 6.825 10.5 6 10.5C5.175 10.5 4.5 11.175 4.5 12ZM10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5C11.175 10.5 10.5 11.175 10.5 12ZM16.5 12C16.5 12.825 17.175 13.5 18 13.5C18.825 13.5 19.5 12.825 19.5 12C19.5 11.175 18.825 10.5 18 10.5C17.175 10.5 16.5 11.175 16.5 12Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconEllipsis.defaultProps = {
  size: px(16),
};

export default memo(IconEllipsis);


================================================
FILE: packages/react-native/src/svg-icon/IconEyeclose.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconEyeclose: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9996 9.72168C10.6623 9.72168 9.5856 10.7984 9.5856 12.1377C9.5856 12.8053 9.85048 13.3967 10.2905 13.8359C10.5836 14.1285 10.584 14.6034 10.2914 14.8965C9.99876 15.1897 9.52388 15.1901 9.23073 14.8975C8.52072 14.1887 8.0856 13.22 8.0856 12.1377C8.0856 9.97093 9.83293 8.22168 11.9996 8.22168C13.0699 8.22168 14.0598 8.65501 14.7641 9.37056C15.0547 9.66575 15.0509 10.1406 14.7557 10.4312C14.4605 10.7218 13.9857 10.718 13.6951 10.4228C13.2694 9.99035 12.6633 9.72168 11.9996 9.72168Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2376 11.9607C15.6452 12.034 15.9163 12.4239 15.843 12.8316C15.5556 14.4294 14.2989 15.6889 12.7018 15.9788C12.2942 16.0528 11.9038 15.7824 11.8299 15.3748C11.7559 14.9673 12.0263 14.5769 12.4338 14.5029C13.4147 14.3249 14.19 13.5483 14.3666 12.5661C14.44 12.1584 14.8299 11.8874 15.2376 11.9607Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9996 5.58398C10.2877 5.58398 8.6177 6.19775 7.14904 7.36009L7.14725 7.36151C5.73326 8.47357 4.49976 10.0919 3.56954 12.1378C4.49016 14.1728 5.71443 15.7803 7.11776 16.8821C7.44355 17.1379 7.5003 17.6093 7.24451 17.9351C6.98872 18.2609 6.51725 18.3177 6.19145 18.0619C4.48829 16.7247 3.07443 14.795 2.06042 12.4328C1.97911 12.2434 1.97934 12.0289 2.06104 11.8397C3.08485 9.46849 4.50709 7.52987 6.21908 6.18315C7.92423 4.83395 9.91584 4.08398 11.9996 4.08398C14.0974 4.08398 16.0881 4.84602 17.8013 6.20308C18.126 6.46027 18.1807 6.93198 17.9235 7.25667C17.6663 7.58136 17.1946 7.63608 16.8699 7.37889C15.3891 6.20595 13.7198 5.58398 11.9996 5.58398Z" fill="${getIconColor(
    color,
    2,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9966 8.39155C19.3275 8.14245 19.7977 8.20878 20.0468 8.53972C20.7743 9.50615 21.4081 10.6137 21.938 11.8391C22.0201 12.0289 22.0202 12.2441 21.9382 12.434C19.8963 17.1644 16.2027 20.1888 11.9996 20.1888C11.0549 20.1888 10.1238 20.0354 9.23018 19.7372C8.83727 19.6061 8.62506 19.1812 8.75619 18.7883C8.88732 18.3954 9.31213 18.1832 9.70504 18.3143C10.4474 18.5621 11.2183 18.6888 11.9996 18.6888C15.3326 18.6888 18.5199 16.3345 20.4292 12.137C19.9703 11.129 19.4394 10.2269 18.8484 9.44181C18.5993 9.11088 18.6656 8.64066 18.9966 8.39155Z" fill="${getIconColor(
    color,
    3,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4173 3.71918C20.7102 4.01207 20.7102 4.48695 20.4173 4.77984L4.64334 20.5538C4.35044 20.8467 3.87557 20.8467 3.58268 20.5538C3.28978 20.2609 3.28978 19.7861 3.58268 19.4932L19.3567 3.71918C19.6496 3.42629 20.1244 3.42629 20.4173 3.71918Z" fill="${getIconColor(
    color,
    4,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconEyeclose.defaultProps = {
  size: px(16),
};

export default memo(IconEyeclose);


================================================
FILE: packages/react-native/src/svg-icon/IconEyeopen.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconEyeopen: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M12 16.0002C11.2267 16.0002 10.4707 15.7709 9.82772 15.3412C9.18472 14.9116 8.68357 14.3009 8.38763 13.5865C8.09169 12.872 8.01426 12.0858 8.16513 11.3274C8.316 10.5689 8.68839 9.87221 9.23521 9.32539C9.78203 8.77857 10.4787 8.40618 11.2372 8.25531C11.9957 8.10444 12.7818 8.18187 13.4963 8.47781C14.2107 8.77375 14.8214 9.2749 15.251 9.9179C15.6807 10.5609 15.91 11.3169 15.91 12.0902C15.91 13.1272 15.4981 14.1217 14.7648 14.855C14.0315 15.5882 13.037 16.0002 12 16.0002ZM12 9.68018C11.5233 9.68018 11.0574 9.82152 10.6611 10.0863C10.2648 10.3511 9.95585 10.7275 9.77345 11.1679C9.59104 11.6083 9.54332 12.0929 9.63631 12.5603C9.7293 13.0278 9.95883 13.4573 10.2959 13.7943C10.6329 14.1313 11.0623 14.3609 11.5298 14.4539C11.9973 14.5469 12.4819 14.4991 12.9223 14.3167C13.3626 14.1343 13.739 13.8254 14.0038 13.4291C14.2687 13.0328 14.41 12.5668 14.41 12.0902C14.4153 11.7703 14.3569 11.4526 14.2382 11.1556C14.1194 10.8586 13.9427 10.5882 13.7184 10.3601C13.4941 10.1321 13.2266 9.95098 12.9316 9.82738C12.6366 9.70377 12.3199 9.64013 12 9.64018V9.68018Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path d="M12 20.11C7.86 20.11 4.15 17.2 2.06 12.35C2.02067 12.2566 2.00041 12.1563 2.00041 12.055C2.00041 11.9537 2.02067 11.8534 2.06 11.76C4.15 6.9 7.86 4 12 4C16.14 4 19.85 6.9 21.94 11.76C21.9793 11.8534 21.9996 11.9537 21.9996 12.055C21.9996 12.1563 21.9793 12.2566 21.94 12.35C19.85 17.2 16.14 20.1 12 20.11V20.11ZM3.57 12.05C5.43 16.16 8.57 18.6 12 18.61C15.43 18.62 18.57 16.16 20.43 12.05C18.57 7.94 15.44 5.5 12 5.5C8.56 5.5 5.43 7.94 3.57 12.05Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconEyeopen.defaultProps = {
  size: px(16),
};

export default memo(IconEyeopen);


================================================
FILE: packages/react-native/src/svg-icon/IconLeft.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconLeft: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0303 4.46967C16.3232 4.76256 16.3232 5.23744 16.0303 5.53033L9.56066 12L16.0303 18.4697C16.3232 18.7626 16.3232 19.2374 16.0303 19.5303C15.7374 19.8232 15.2626 19.8232 14.9697 19.5303L7.96967 12.5303C7.67678 12.2374 7.67678 11.7626 7.96967 11.4697L14.9697 4.46967C15.2626 4.17678 15.7374 4.17678 16.0303 4.46967Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconLeft.defaultProps = {
  size: px(16),
};

export default memo(IconLeft);


================================================
FILE: packages/react-native/src/svg-icon/IconMinus.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconMinus: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M19 14H5C4.73481 14 4.48049 13.8946 4.29299 13.7071C4.10549 13.5195 4.00015 13.2652 4.00015 13C4.00015 12.7348 4.10549 12.4805 4.29299 12.2929C4.48049 12.1054 4.73481 12 5 12H19C19.2652 12 19.5195 12.1054 19.707 12.2929C19.8945 12.4805 19.9998 12.7348 19.9998 13C19.9998 13.2652 19.8945 13.5195 19.707 13.7071C19.5195 13.8946 19.2652 14 19 14Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconMinus.defaultProps = {
  size: px(16),
};

export default memo(IconMinus);


================================================
FILE: packages/react-native/src/svg-icon/IconPlus.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconPlus: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M20 13H13V20C13 20.55 12.55 21 12 21C11.45 21 11 20.55 11 20V13H4C3.45 13 3 12.55 3 12C3 11.45 3.45 11 4 11H11V4C11 3.45 11.45 3 12 3C12.55 3 13 3.45 13 4V11H20C20.55 11 21 11.45 21 12C21 12.55 20.55 13 20 13Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconPlus.defaultProps = {
  size: px(16),
};

export default memo(IconPlus);


================================================
FILE: packages/react-native/src/svg-icon/IconRadioChecked.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconRadioChecked: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconRadioChecked.defaultProps = {
  size: px(16),
};

export default memo(IconRadioChecked);


================================================
FILE: packages/react-native/src/svg-icon/IconRadioUnchecked.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconRadioUnchecked: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconRadioUnchecked.defaultProps = {
  size: px(16),
};

export default memo(IconRadioUnchecked);


================================================
FILE: packages/react-native/src/svg-icon/IconReload.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconReload: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path d="M17.738 6C16.208 4.764 14.097 4 12 4C10.4177 4 8.87103 4.46919 7.55544 5.34824C6.23984 6.22729 5.21446 7.47672 4.60896 8.93853C4.00346 10.4003 3.84504 12.0089 4.15372 13.5607C4.4624 15.1126 5.22433 16.538 6.34315 17.6569C7.46197 18.7757 8.88743 19.5376 10.4393 19.8463C11.9911 20.155 13.5997 19.9965 15.0615 19.391C16.5233 18.7855 17.7727 17.7602 18.6518 16.4446C19.5308 15.129 20 13.5822 20 12C20 11.7348 20.1054 11.4804 20.2929 11.2929C20.4804 11.1054 20.7348 11 21 11C21.2652 11 21.5196 11.1054 21.7071 11.2929C21.8946 11.4804 22 11.7348 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C14.549 2 17.107 2.916 19 4.449V3C19 2.73481 19.1054 2.4805 19.2929 2.29299C19.4805 2.10549 19.7348 2.00015 20 2.00015C20.2652 2.00015 20.5195 2.10549 20.7071 2.29299C20.8946 2.4805 21 2.73481 21 3V7C21 7.26522 20.8946 7.51957 20.7071 7.70711C20.5196 7.89464 20.2652 8 20 8H16C15.7348 7.99996 15.4805 7.89458 15.293 7.70705C15.1055 7.51952 15.0002 7.26519 15.0002 7C15.0002 6.73481 15.1055 6.48048 15.293 6.29295C15.4805 6.10541 15.7348 6.00004 16 6H17.738Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconReload.defaultProps = {
  size: px(16),
};

export default memo(IconReload);


================================================
FILE: packages/react-native/src/svg-icon/IconRight.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconRight: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.96967 19.5303C7.67678 19.2374 7.67678 18.7626 7.96967 18.4697L14.4393 12L7.96967 5.53033C7.67678 5.23744 7.67678 4.76256 7.96967 4.46967C8.26256 4.17678 8.73744 4.17678 9.03033 4.46967L16.0303 11.4697C16.3232 11.7626 16.3232 12.2374 16.0303 12.5303L9.03033 19.5303C8.73744 19.8232 8.26256 19.8232 7.96967 19.5303Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconRight.defaultProps = {
  size: px(16),
};

export default memo(IconRight);


================================================
FILE: packages/react-native/src/svg-icon/IconSearch.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconSearch: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7666 3.52783C7.21657 3.52783 3.52805 7.21636 3.52805 11.7664C3.52805 16.3164 7.21657 20.0049 11.7666 20.0049C16.3166 20.0049 20.0052 16.3164 20.0052 11.7664C20.0052 7.21636 16.3166 3.52783 11.7666 3.52783ZM2.02805 11.7664C2.02805 6.38793 6.38815 2.02783 11.7666 2.02783C17.1451 2.02783 21.5052 6.38793 21.5052 11.7664C21.5052 17.1448 17.1451 21.5049 11.7666 21.5049C6.38815 21.5049 2.02805 17.1448 2.02805 11.7664Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4873 17.9552C17.7798 17.6619 18.2547 17.6613 18.548 17.9538L22.072 21.4687C22.3653 21.7612 22.3659 22.2361 22.0734 22.5294C21.7808 22.8227 21.306 22.8233 21.0127 22.5308L17.4887 19.0159C17.1954 18.7234 17.1948 18.2485 17.4873 17.9552Z" fill="${getIconColor(
    color,
    1,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconSearch.defaultProps = {
  size: px(16),
};

export default memo(IconSearch);


================================================
FILE: packages/react-native/src/svg-icon/IconUp.tsx
================================================
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps, SvgXml } from 'react-native-svg';

import { px } from '../helpers/normalize';
import { getIconColor } from './helper';

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  color?: string | string[];
}

let IconUp: FC<SvgIconProps> = ({ size, color, ...rest }) => {
  const xml = `
<svg width="24" height="24" viewBox="0 0 24 24"  xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5303 16.0303C19.2374 16.3232 18.7626 16.3232 18.4697 16.0303L12 9.56066L5.53033 16.0303C5.23744 16.3232 4.76256 16.3232 4.46967 16.0303C4.17678 15.7374 4.17678 15.2626 4.46967 14.9697L11.4697 7.96967C11.7626 7.67678 12.2374 7.67678 12.5303 7.96967L19.5303 14.9697C19.8232 15.2626 19.8232 15.7374 19.5303 16.0303Z" fill="${getIconColor(
    color,
    0,
    '#999999'
  )}"/>
</svg>
`;

  return <SvgXml xml={xml} width={size} height={size} {...rest} />;
};

IconUp.defaultProps = {
  size: px(16),
};

export default memo(IconUp);


================================================
FILE: packages/react-native/src/svg-icon/helper.ts
================================================
/* tslint:disable */
/* eslint-disable */

export const getIconColor = (color: string | string[] | undefined, index: number, defaultColor: string) => {
  return color ? (typeof color === 'string' ? color : color[index] || defaultColor) : defaultColor;
};


================================================
FILE: packages/react-native/src/svg-icon/index.md
================================================
---
title: SvgIcon - 内置图标
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# SvgIcon 内置图标

## 效果演示

### 1. 所有图标

```tsx | pure
<SvgIcon name="arrowdown" />
<SvgIcon name="bells" />
<SvgIcon name="clockcircleo" />
<SvgIcon name="close" />
<SvgIcon name="closecircleo" />
<SvgIcon name="date" />
<SvgIcon name="down" />
<SvgIcon name="ellipsis" />
<SvgIcon name="eyeclose" />
<SvgIcon name="eyeopen" />
<SvgIcon name="left" />
<SvgIcon name="minus" />
<SvgIcon name="plus" />
<SvgIcon name="radio-checked" />
<SvgIcon name="radio-unchecked" />
<SvgIcon name="reload" />
<SvgIcon name="right" />
<SvgIcon name="search" />
<SvgIcon name="up" />
<SvgIcon name="checkboxChecked" />
<SvgIcon name="checkboxHalfchecked" />
<SvgIcon name="checkboxUnchecked" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644811316900828860.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 修改大小

```tsx | pure
<SvgIcon name="arrowdown" size={50} />
<SvgIcon name="bells" size={50} />
<SvgIcon name="clockcircleo" size={50} />
<SvgIcon name="close" size={50} />
<SvgIcon name="closecircleo" size={50} />
<SvgIcon name="date" size={50} />
<SvgIcon name="down" size={50} />
<SvgIcon name="ellipsis" size={50} />
<SvgIcon name="eyeclose" size={50} />
<SvgIcon name="eyeopen" size={50} />
<SvgIcon name="left" size={50} />
<SvgIcon name="minus" size={50} />
<SvgIcon name="plus" size={50} />
<SvgIcon name="radio-checked" size={50} />
<SvgIcon name="radio-unchecked" size={50} />
<SvgIcon name="reload" size={50} />
<SvgIcon name="right" size={50} />
<SvgIcon name="search" size={50} />
<SvgIcon name="up" size={50} />
<SvgIcon name="checkboxChecked" size={50} />
<SvgIcon name="checkboxHalfchecked" size={50} />
<SvgIcon name="checkboxUnchecked" size={50} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644811378389797518.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 修改颜色

```tsx | pure
<SvgIcon name="arrowdown" color="#ff0000" />
<SvgIcon name="bells" color="#ff0000" />
<SvgIcon name="clockcircleo" color="#ff0000" />
<SvgIcon name="close" color="#ff0000" />
<SvgIcon name="closecircleo" color="#ff0000" />
<SvgIcon name="date" color="#ff0000" />
<SvgIcon name="down" color="#ff0000" />
<SvgIcon name="ellipsis" color="#ff0000" />
<SvgIcon name="eyeclose" color="#ff0000" />
<SvgIcon name="eyeopen" color="#ff0000" />
<SvgIcon name="left" color="#ff0000" />
<SvgIcon name="minus" color="#ff0000" />
<SvgIcon name="plus" color="#ff0000" />
<SvgIcon name="radio-checked" color="#ff0000" />
<SvgIcon name="radio-unchecked" color="#ff0000" />
<SvgIcon name="reload" color="#ff0000" />
<SvgIcon name="right" color="#ff0000" />
<SvgIcon name="search" color="#ff0000" />
<SvgIcon name="up" color="#ff0000" />
<SvgIcon name="checkboxChecked" color="#ff0000" />
<SvgIcon name="checkboxHalfchecked" color="#ff0000" />
<SvgIcon name="checkboxUnchecked" color="#ff0000" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644811418530083524.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| name | `true` | 图标名称 | `'arrowdown' \| 'bells' \| 'check' \| 'checkcircle' \| 'checkcircleo' \| 'checkboxChecked' \| 'checkboxHalfchecked' \| 'checkboxUnchecked' \| 'clockcircleo' \| 'close' \| 'closecircleo' \| 'date' \| 'down' \| 'ellipsis' \| 'eyeclose' \| 'eyeopen' \| 'left' \| 'minus' \| 'plus' \| 'radio-checked' \| 'radio-unchecked' \| 'reload' \| 'right' \| 'search' \| 'up'` |
| size | `false` | 图标大小 | `number` | `16` |
| color | `false` | 图标颜色 | `string` \| `string[]` |  |


================================================
FILE: packages/react-native/src/svg-icon/index.tsx
================================================
/* tslint:disable */

/* eslint-disable */
import React, { FC, memo } from 'react';
import { ViewProps } from 'react-native';
import { GProps } from 'react-native-svg';

import IconArrowdown from './IconArrowdown';
import IconBells from './IconBells';
import IconCheck from './IconCheck';
import IconCheckboxChecked from './IconCheckboxChecked';
import IconCheckboxHalfchecked from './IconCheckboxHalfchecked';
import IconCheckboxUnchecked from './IconCheckboxUnchecked';
import IconCheckcircle from './IconCheckcircle';
import IconCheckcircleo from './IconCheckcircleo';
import IconClockcircleo from './IconClockcircleo';
import IconClose from './IconClose';
import IconClosecircleo from './IconClosecircleo';
import IconDate from './IconDate';
import IconDown from './IconDown';
import IconEllipsis from './IconEllipsis';
import IconEyeclose from './IconEyeclose';
import IconEyeopen from './IconEyeopen';
import IconLeft from './IconLeft';
import IconMinus from './IconMinus';
import IconPlus from './IconPlus';
import IconRadioChecked from './IconRadioChecked';
import IconRadioUnchecked from './IconRadioUnchecked';
import IconReload from './IconReload';
import IconRight from './IconRight';
import IconSearch from './IconSearch';
import IconUp from './IconUp';

export type IconNames =
  | 'arrowdown'
  | 'bells'
  | 'check'
  | 'checkcircle'
  | 'checkcircleo'
  | 'checkboxChecked'
  | 'checkboxHalfchecked'
  | 'checkboxUnchecked'
  | 'clockcircleo'
  | 'close'
  | 'closecircleo'
  | 'date'
  | 'down'
  | 'ellipsis'
  | 'eyeclose'
  | 'eyeopen'
  | 'left'
  | 'minus'
  | 'plus'
  | 'radio-checked'
  | 'radio-unchecked'
  | 'reload'
  | 'right'
  | 'search'
  | 'up';

export interface SvgIconProps extends GProps, ViewProps {
  name: IconNames;
  size?: number;
  color?: string | string[];
}

const SvgIcon: FC<SvgIconProps> = ({ name, ...rest }) => {
  switch (name) {
    case 'arrowdown':
      return <IconArrowdown {...rest} />;
    case 'bells':
      return <IconBells {...rest} />;
    case 'check':
      return <IconCheck {...rest} />;
    case 'checkcircle':
      return <IconCheckcircle {...rest} />;
    case 'checkcircleo':
      return <IconCheckcircleo {...rest} />;
    case 'clockcircleo':
      return <IconClockcircleo {...rest} />;
    case 'close':
      return <IconClose {...rest} />;
    case 'closecircleo':
      return <IconClosecircleo {...rest} />;
    case 'date':
      return <IconDate {...rest} />;
    case 'down':
      return <IconDown {...rest} />;
    case 'ellipsis':
      return <IconEllipsis {...rest} />;
    case 'eyeclose':
      return <IconEyeclose {...rest} />;
    case 'eyeopen':
      return <IconEyeopen {...rest} />;
    case 'left':
      return <IconLeft {...rest} />;
    case 'minus':
      return <IconMinus {...rest} />;
    case 'plus':
      return <IconPlus {...rest} />;
    case 'radio-checked':
      return <IconRadioChecked {...rest} />;
    case 'radio-unchecked':
      return <IconRadioUnchecked {...rest} />;
    case 'reload':
      return <IconReload {...rest} />;
    case 'right':
      return <IconRight {...rest} />;
    case 'search':
      return <IconSearch {...rest} />;
    case 'up':
      return <IconUp {...rest} />;
    case 'checkboxChecked':
      return <IconCheckboxChecked {...rest} />;
    case 'checkboxHalfchecked':
      return <IconCheckboxHalfchecked {...rest} />;
    case 'checkboxUnchecked':
      return <IconCheckboxUnchecked {...rest} />;
    default:
      return null;
  }
};
SvgIcon.displayName = 'SvgIcon';

export default memo(SvgIcon);


================================================
FILE: packages/react-native/src/swipe-row/context.tsx
================================================
import React, { PropsWithChildren, useMemo } from 'react';

import { useMemoizedFn, usePrevious, useSafeState } from '@td-design/rn-hooks';

export const SwipeRowContext = React.createContext<{
  id?: string | number;
  changeState: (id: string | number) => void;
  multiple?: boolean;
}>({
  id: undefined,
  changeState: (id: string | number) => {
    console.log('id', id);
  },
  multiple: false,
});

export const SwipeRowContextProvider = ({
  children,
  multiple,
}: PropsWithChildren<{
  /** 是否允许多开 */
  multiple?: boolean;
}>) => {
  const [currentId, setCurrentId] = useSafeState<string | number>('');
  const previous = usePrevious(currentId);

  const changeState = useMemoizedFn((id: string | number) => {
    setCurrentId(id);
  });

  const value = useMemo(() => ({ changeState, id: previous, multiple }), [previous, multiple]);

  return <SwipeRowContext.Provider value={value}>{children}</SwipeRowContext.Provider>;
};


================================================
FILE: packages/react-native/src/swipe-row/index.md
================================================
---
title: SwipeRow - 滑动操作
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# SwipeRow 滑动操作

## 效果演示

### 1. 默认效果（默认带删除操作项）

```tsx | pure
<SwipeRowContextProvider>
  <FlatList
    data={[
      { id: 1, name: 'zhangsan' },
      { id: 2, name: 'lisi' },
    ]}
    keyExtractor={item => item.id.toString()}
    renderItem={({ item, index }) => (
      <SwipeRow anchor={item.id} height={80}>
        <View style={styles.rowContent}>
          <View style={styles.rowIcon} />
          <View>
            <Text style={styles.rowTitle}>{item.name}</Text>
            <Text style={styles.rowSubtitle}>Drag the row left and right</Text>
          </View>
        </View>
      </SwipeRow>
    )}
  />
</SwipeRowContextProvider>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643252811536164582.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 右滑操作项

```tsx | pure
<SwipeRowContextProvider>
  <FlatList
    data={[
      { id: 1, name: 'zhangsan' },
      { id: 2, name: 'lisi' },
    ]}
    keyExtractor={item => item.id.toString()}
    renderItem={({ item, index }) => (
      <SwipeRow
        anchor={item.id}
        actions={[
          {
            label: '警告',
            onPress: () => console.log('warn'),
            backgroundColor: '#4f7db0',
          },
        ]}
        height={80}
      >
        <View style={styles.rowContent}>
          <View style={styles.rowIcon} />
          <View>
            <Text style={styles.rowTitle}>{item.name}</Text>
            <Text style={styles.rowSubtitle}>Drag the row left and right</Text>
          </View>
        </View>
      </SwipeRow>
    )}
  />
</SwipeRowContextProvider>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643252879087664662.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 覆盖默认操作项

```tsx | pure
<SwipeRowContextProvider>
  <FlatList
    data={[
      { id: 1, name: 'zhangsan' },
      { id: 2, name: 'lisi' },
    ]}
    keyExtractor={item => item.id.toString()}
    renderItem={({ item, index }) => (
      <SwipeRow
        anchor={item.id}
        actions={[
          {
            label: '警告',
            onPress: () => console.log('warn'),
            backgroundColor: '#4f7db0',
          },
        ]}
        height={80}
        overwriteDefaultActions
      >
        <View style={styles.rowContent}>
          <View style={styles.rowIcon} />
          <View>
            <Text style={styles.rowTitle}>{item.name}</Text>
            <Text style={styles.rowSubtitle}>Drag the row left and right</Text>
          </View>
        </View>
      </SwipeRow>
    )}
  />
</SwipeRowContextProvider>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253019661089047.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### SwipeRow

| 属性                    | 必填    | 说明                       | 类型            | 默认值   |
| ----------------------- | ------- | -------------------------- | --------------- | -------- |
| anchor                  | `true`  | 作为滑动操作互斥的判断依据 | `ReactText`     |          |
| actions                 | `false` | 右侧滑出的操作项           | `SwipeAction[]` | `[]`     |
| height                  | `false` | 行高                       | `number`        | `60`     |
| actionWidth             | `false` | 每个操作项的宽度           | `number`        | `height` |
| onRemove                | `false` | 删除事件                   | `() => void`    |          |
| overwriteDefaultActions | `false` | 是否覆盖默认操作项         | `boolean`       | `false`  |
| containerStyle          | `false` | 滑动条样式                 | `ViewStyle`     |          |
| contentContainerStyle   | `false` | 滑动条子组件样式           | `ViewStyle`     |          |

### SwipeAction

| 属性            | 必填    | 说明           | 类型         | 默认值 |
| --------------- | ------- | -------------- | ------------ | ------ |
| label           | `true`  | 操作项文本     | `string`     |        |
| textStyle       | `false` | 操作项文本样式 | `TextStyle`  |        |
| onPress         | `true`  | 操作项点击事件 | `() => void` |        |
| backgroundColor | `true`  | 背景色         | `string`     |        |


================================================
FILE: packages/react-native/src/swipe-row/index.tsx
================================================
import React, { FC, PropsWithChildren } from 'react';
import { Animated as RNAnimated, StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native';
import { RectButton } from 'react-native-gesture-handler';
import Swipeable from 'react-native-gesture-handler/Swipeable';
import Animated from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import Flex from '../flex';
import helpers from '../helpers';
import Text from '../text';
import { Theme } from '../theme';
import { SwipeRowContextProvider } from './context';
import useSwipeRow from './useSwipeRow';

const { px } = helpers;

export interface SwipeAction {
  /** 操作项文本 */
  label: string;
  /** 操作项文本样式 */
  textStyle?: StyleProp<TextStyle>;
  /** 操作项点击事件 */
  onPress: () => void;
  /** 背景色 */
  backgroundColor: string;
}

export type SwipeRowProps = PropsWithChildren<{
  /** 必传，作为互斥的判断标准 */
  anchor: string | number;
  /** 右侧滑出的操作项 */
  actions?: SwipeAction[];
  /** 每个操作项的宽度 */
  actionWidth: number;
  /** 删除事件 */
  onRemove?: () => Promise<boolean>;
  /** 是否覆盖默认操作项 */
  overwriteDefaultActions?: boolean;
  /** Swipeable自身的样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** Swipeable的子组件样式 */
  contentContainerStyle?: StyleProp<ViewStyle>;
}>;

const SwipeRow: FC<SwipeRowProps> = ({
  anchor,
  actions = [],
  actionWidth,
  onRemove,
  overwriteDefaultActions = false,
  children,
  containerStyle,
  contentContainerStyle,
}) => {
  const theme = useTheme<Theme>();
  const { swipeableRef, animatedStyle, changeState, handleLayout, handleRemove } = useSwipeRow({ anchor, onRemove });

  const renderRightAction = (
    props: SwipeAction & { x: number; progress: RNAnimated.AnimatedInterpolation<number> }
  ) => {
    const styles = StyleSheet.create({
      container: {
        flex: 1,
      },
      rect: {
        flex: 1,
        backgroundColor: props.backgroundColor,
        justifyContent: 'center',
        alignItems: 'center',
      },
    });

    const trans = props.progress.interpolate({
      inputRange: [0, 1],
      outputRange: [props.x, 0],
      extrapolate: 'clamp',
    });

    return (
      <RNAnimated.View key={props.x} style={[styles.container, { transform: [{ translateX: trans }] }]}>
        <RectButton style={styles.rect} onPress={props.onPress}>
          <Text fontSize={px(16)} color="white" style={props.textStyle}>
            {props.label}
          </Text>
        </RectButton>
      </RNAnimated.View>
    );
  };

  /** 操作按钮 */
  const actionButtons = overwriteDefaultActions
    ? actions
    : actions.concat({
        label: '删除',
        onPress: handleRemove,
        backgroundColor: theme.colors.func600,
      });

  const renderRightActions = (
    progress: RNAnimated.AnimatedInterpolation<number>,
    _dragAnimatedValue: RNAnimated.AnimatedInterpolation<number>
  ) => (
    <Flex width={actionWidth * actionButtons.length}>
      {actionButtons.map((item, index) => {
        const x = (actionButtons.length - index) * actionWidth;
        return renderRightAction({ ...item, progress, x });
      })}
    </Flex>
  );

  if (!children) return null;

  return (
    <Swipeable
      ref={swipeableRef}
      friction={1}
      overshootFriction={10}
      useNativeAnimations={true}
      enableTrackpadTwoFingerGesture
      rightThreshold={60}
      renderRightActions={renderRightActions}
      onSwipeableWillOpen={() => changeState(anchor)}
      containerStyle={containerStyle}
    >
      <Animated.View style={[contentContainerStyle, animatedStyle]} onLayout={handleLayout}>
        {children}
      </Animated.View>
    </Swipeable>
  );
};
SwipeRow.displayName = 'SwipeRow';

export default Object.assign(SwipeRow, { Provider: SwipeRowContextProvider });


================================================
FILE: packages/react-native/src/swipe-row/useSwipeRow.ts
================================================
import { useContext, useEffect, useRef } from 'react';
import { LayoutChangeEvent } from 'react-native';
import { Swipeable } from 'react-native-gesture-handler';
import { interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { SwipeRowProps } from '.';
import { SwipeRowContext } from './context';

export default function useSwipeRow({ anchor, onRemove }: Pick<SwipeRowProps, 'onRemove' | 'anchor'>) {
  const swipeableRef = useRef<Swipeable>(null);
  const isRemoving = useSharedValue(0);
  const [height, setHeight] = useSafeState(0);
  const { changeState, id, multiple } = useContext(SwipeRowContext);

  useEffect(() => {
    if (anchor === id && !multiple) {
      swipeableRef.current?.close();
    }
  }, [anchor, id, multiple]);

  const handleRemove = async () => {
    await onRemove?.();
    isRemoving.value = withTiming(1, { duration: 200 });
    swipeableRef.current?.close();
  };

  const handleLayout = (e: LayoutChangeEvent) => {
    setHeight(e.nativeEvent.layout.height);
  };

  const animatedStyle = useAnimatedStyle(() => {
    if (isRemoving.value) {
      return {
        height: interpolate(isRemoving.value, [0, 1], [height, 0]),
      };
    }

    return {};
  });

  return {
    swipeableRef,
    animatedStyle,

    changeState,
    handleLayout: useMemoizedFn(handleLayout),
    handleRemove: useMemoizedFn(handleRemove),
  };
}


================================================
FILE: packages/react-native/src/switch/index.md
================================================
---
title: Switch - 滑动开关组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# Switch 滑动开关组件

## 效果演示

### 1. 组件的基本使用

```tsx | pure
<Switch
  checked={checked}
  onChange={checked => {
    setChecked(checked);
  }}
/>
```

<center>
  <figure>
    <img
      alt="组件的基本使用 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609318446877640981.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 组件禁用

```tsx | pure
<Switch
  checked={checked1}
  disabled
  onChange={checked => {
    setChecked1(checked);
  }}
/>
```

<center>
  <figure>
    <img
      alt="组件禁用 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609318447298320601.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义背景

```tsx | pure
<Switch
  checked={checked2}
  color="#875467"
  onChange={checked => {
    setChecked2(checked);
  }}
/>
```

<center>
  <figure>
    <img
      alt="自定义背景 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609318447852753425.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义 label

```tsx | pure
<Switch
  checked={checked3}
  showText
  onText="ON"
  offText="OFF"
  onChange={checked => {
    setChecked3(checked);
  }}
/>
```

<center>
  <figure>
    <img
      alt="自定义 label ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609318447361108824.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性             | 必填    | 说明                     | 类型                         | 默认值  |
| ---------------- | ------- | ------------------------ | ---------------------------- | ------- |
| checked          | `false` | 当前是否选中             | `boolean`                    | `false` |
| disabled         | `false` | 当前是否禁用             | `boolean`                    | `false` |
| onChange         | `false` | 状态改变时的事件处理函数 | `(checked: boolean) => void` |         |
| activeBackground | `false` | 是否选时的背景颜色       | `string`                     |         |
| showText         | `false` | 是否显示文字             | `boolean`                    | `false` |
| onText           | `false` | 开关打开时文本           | `string`                     | `开`    |
| offText          | `false` | 开关关闭时文本           | `string`                     | `关`    |
| width            | `false` | 宽度                     | `number`                     | `50`    |


================================================
FILE: packages/react-native/src/switch/index.tsx
================================================
import React, { forwardRef, useMemo } from 'react';
import { StyleSheet, TouchableWithoutFeedback } from 'react-native';
import Animated, { useAnimatedStyle } from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import helpers from '../helpers';
import Text from '../text';
import { Theme } from '../theme';
import { mix, mixColor } from '../utils/redash';
import useSwitch from './useSwitch';

const { px } = helpers;
export interface SwitchProps {
  /** 选中改变事件 */
  onChange?: (checked: boolean) => void;
  /** 是否选中 */
  checked?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  /** 选中背景颜色 */
  activeBackground?: string;
  /** 是否显示文字 */
  showText?: boolean;
  /** 开关打开时的文字 */
  onText?: string;
  /** 开关关闭时的文字 */
  offText?: string;
  /** 宽度 */
  width?: number;
}

const SWITCH_WIDTH = px(50);

const Switch = forwardRef<unknown, SwitchProps>(
  (
    {
      checked = false,
      disabled = false,
      onChange,
      activeBackground,
      showText = false,
      onText = '开',
      offText = '关',
      width = SWITCH_WIDTH,
    },
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    _ref
  ) => {
    const theme = useTheme<Theme>();

    const { progress, toggle } = useSwitch({ onChange, checked });

    const HEIGHT = width / 2;
    const HANDLER_SIZE = HEIGHT;

    const handlerStyle = useAnimatedStyle(() => ({
      borderWidth: 1,
      borderColor: mixColor(
        progress.value,
        disabled ? theme.colors.disabled : theme.colors.gray50,
        disabled ? theme.colors.primary400 : activeBackground ?? theme.colors.primary200
      ),
      transform: [
        {
          translateX: mix(progress.value, 0, width / 2),
        },
      ],
    }));

    const containerStyle = useAnimatedStyle(() => ({
      backgroundColor: mixColor(
        progress.value,
        disabled ? theme.colors.disabled : theme.colors.gray50,
        disabled ? theme.colors.primary400 : activeBackground ?? theme.colors.primary200
      ) as any,
    }));

    const styles = StyleSheet.create({
      content: {
        width,
        height: HEIGHT,
        borderRadius: HEIGHT,
        justifyContent: 'center',
      },
      handler: {
        width: HANDLER_SIZE,
        height: HANDLER_SIZE,
        borderRadius: HANDLER_SIZE,
        backgroundColor: disabled ? theme.colors.gray50 : theme.colors.white,
        justifyContent: 'center',
        alignItems: 'center',
      },
      text: { fontSize: HANDLER_SIZE / 2, color: theme.colors.primary200 },
    });

    const Content = useMemo(() => {
      return (
        <Animated.View style={[styles.content, containerStyle]}>
          <Animated.View style={[styles.handler, handlerStyle]}>
            {showText ? (
              checked ? (
                <Text style={styles.text}>{offText}</Text>
              ) : (
                <Text style={styles.text}>{onText}</Text>
              )
            ) : (
              <Box />
            )}
          </Animated.View>
        </Animated.View>
      );
    }, [checked, disabled, showText, onText, offText, containerStyle, handlerStyle]);

    if (disabled) {
      return Content;
    }
    return <TouchableWithoutFeedback onPress={toggle}>{Content}</TouchableWithoutFeedback>;
  }
);
Switch.displayName = 'Switch';

export default Switch;


================================================
FILE: packages/react-native/src/switch/useSwitch.ts
================================================
import { useEffect } from 'react';
import { Keyboard } from 'react-native';
import { useDerivedValue, useSharedValue, withSpring } from 'react-native-reanimated';

import { useMemoizedFn } from '@td-design/rn-hooks';

import type { SwitchProps } from '.';

const springConfig = {
  mass: 1,
  damping: 15,
  stiffness: 120,
  overshootClamping: false,
  restSpeedThreshold: 0.001,
  restDisplacementThreshold: 0.001,
};

export default function useSwitch({ checked, onChange }: Pick<SwitchProps, 'onChange' | 'checked'>) {
  const opened = useSharedValue<boolean>(false);
  const progress = useDerivedValue(() => (opened.value ? withSpring(1, springConfig) : withSpring(0, springConfig)));

  useEffect(() => {
    opened.value = checked ?? false;
  }, [checked]);

  const toggle = () => {
    Keyboard.dismiss();
    if (onChange) {
      onChange(!checked);
    } else {
      opened.value = !opened.value;
    }
  };

  return { progress, toggle: useMemoizedFn(toggle) };
}


================================================
FILE: packages/react-native/src/table/Cell.tsx
================================================
import React, { FC, memo } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

import Box from '../box';
import Text from '../text';
import { ColumnProps } from './type';

interface CellProps {
  data: { [key: string]: string };
  column: ColumnProps;
  style?: StyleProp<ViewStyle>;
}

export const Cell: FC<CellProps> = memo(({ data, column, style }) => {
  return (
    <Box style={style}>
      {column.render ? (
        <Text
          numberOfLines={column.numberOfLines}
          ellipsizeMode={column.ellipsisMode}
          textAlign={column.textAlign || 'center'}
          variant="p1"
          color="gray500"
        >
          {column.render(data[column.dataIndex], column)}
        </Text>
      ) : (
        <Text
          numberOfLines={column.numberOfLines}
          ellipsizeMode={column.ellipsisMode}
          textAlign={column.textAlign || 'center'}
          variant="p1"
          color="gray500"
        >
          {column.renderText ? column.renderText(data[column.dataIndex], column) : data[column.dataIndex] ?? '-'}
        </Text>
      )}
    </Box>
  );
});


================================================
FILE: packages/react-native/src/table/Head.tsx
================================================
import React, { FC, memo, useContext, useMemo } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

import Box from '../box';
import helpers from '../helpers';
import Text from '../text';
import { ColumnContext, computeWidth } from './utils';

const { ONE_PIXEL } = helpers;

interface HeadProps {
  headerStyle?: StyleProp<ViewStyle>;
}

export const Head: FC<HeadProps> = memo(({ headerStyle }) => {
  const { columns, cellWidth } = useContext(ColumnContext);

  const cellRender = useMemo(() => {
    if (!(columns instanceof Array)) {
      throw new Error('columns 需要是数组');
    }
    return columns.map((item, index) => {
      const styles = computeWidth(cellWidth, item.width);
      return (
        <Box key={item.dataIndex ?? index} justifyContent="center" style={styles}>
          <Text
            variant="h3"
            color="gray500"
            numberOfLines={item.numberOfLines}
            ellipsizeMode={item.ellipsisMode}
            textAlign={item.textAlign || 'center'}
          >
            {item.title}
          </Text>
        </Box>
      );
    });
  }, [columns, cellWidth]);

  return (
    <Box
      flexDirection="row"
      paddingVertical="x4"
      style={headerStyle}
      borderBottomWidth={ONE_PIXEL}
      borderColor="border"
      backgroundColor="background"
    >
      {cellRender}
    </Box>
  );
});


================================================
FILE: packages/react-native/src/table/Rows.tsx
================================================
import React, { FC, memo, useContext, useMemo } from 'react';
import { StyleProp, ViewStyle } from 'react-native';

import Box from '../box';
import helpers from '../helpers';
import { Cell } from './Cell';
import { ColumnContext, computeWidth } from './utils';

const { ONE_PIXEL } = helpers;

interface RowsProps {
  data: { [key: string]: string };
  rowStyle?: StyleProp<ViewStyle>;
}

export const Rows: FC<RowsProps> = memo(({ data, rowStyle }) => {
  const { columns, cellWidth } = useContext(ColumnContext);

  const cellRender = useMemo(() => {
    if (!(columns instanceof Array)) {
      throw new Error('columns 需要是数组');
    }
    return columns.map((item, index) => {
      const styles = computeWidth(cellWidth, item.width);
      return <Cell style={styles} key={item.dataIndex || index} data={data} column={item} />;
    });
  }, [columns, data, cellWidth]);

  return (
    <Box
      flexDirection="row"
      flexGrow={1}
      borderBottomWidth={ONE_PIXEL}
      borderColor="border"
      paddingVertical="x4"
      alignItems="center"
      style={rowStyle}
    >
      {cellRender}
    </Box>
  );
});


================================================
FILE: packages/react-native/src/table/index.md
================================================
---
title: Table - 表格组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Table 表格组件

## 效果演示

### 1. 基本的用法

```tsx | pure
  const columns = [
    {
      title: '管理员',
      dataIndex: 'userInfo',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '角色',
      dataIndex: 'roleName',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '部门',
      dataIndex: 'opDepartmentName',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '操作内容',
      dataIndex: 'opContent',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '业务模块',
      dataIndex: 'businessModule',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
  ];

  const dataSource = [
    {
      id: 4694447,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '',
      opType: '解除封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:17:22.000+08:00',
    },
    {
      id: 4694446,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '117569,[2, 1, 4],11',
      opType: '封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:17:09.000+08:00',
    },
    {
      id: 4694443,
      userId: 116969,
      userName: 'zhuxc',
      nickName: 'zhuxc',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 4,
      opDepartmentName: '根部门1',
      accountType: 1,
      opResources: 'zhuxc',
      opType: '运营商用户名密码登录',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '用户登录',
      loginIp: '60.12.241.84',
      loginCity: null,
      createdAt: '2020-12-01T17:15:09.000+08:00',
    },
    {
      id: 4694369,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '117569,[4],11',
      opType: '封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:00:21.000+08:00',
    },
    {
      id: 4694357,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '',
      opType: '查看黑白名单列表',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '黑白名单',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T16:59:43.000+08:00',
    }]
<WingBlank>
  <Table columns={columns} dataSource={data} height={300} />
</WingBlank>
```

<center>
  <figure>
    <img
      alt="基本的用法 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608881149351049415.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. columns 属性

```tsx | pure
  const columns = [
     {
      title: '管理员',
      dataIndex: 'userInfo',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
      width: 100,
      flex: 2,
    },
    {
      title: '角色',
      dataIndex: 'roleName',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
      width: 50,
    },
    {
      title: '部门',
      dataIndex: 'opDepartmentName',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
      width: 20,
    },
    {
      title: '操作内容',
      dataIndex: 'opContent',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '业务模块',
      dataIndex: 'businessModule',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '操作时间',
      dataIndex: 'createdAt',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'dateTimeRange',
    },
    {
      title: 'IP地址',
      dataIndex: 'loginIp',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
  ];

  const dataSource = [
    {
      id: 4694447,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '',
      opType: '解除封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:17:22.000+08:00',
    },
    {
      id: 4694446,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '117569,[2, 1, 4],11',
      opType: '封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:17:09.000+08:00',
    },
    {
      id: 4694443,
      userId: 116969,
      userName: 'zhuxc',
      nickName: 'zhuxc',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 4,
      opDepartmentName: '根部门1',
      accountType: 1,
      opResources: 'zhuxc',
      opType: '运营商用户名密码登录',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '用户登录',
      loginIp: '60.12.241.84',
      loginCity: null,
      createdAt: '2020-12-01T17:15:09.000+08:00',
    },
    {
      id: 4694369,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '117569,[4],11',
      opType: '封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:00:21.000+08:00',
    },
    {
      id: 4694357,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '',
      opType: '查看黑白名单列表',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '黑白名单',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T16:59:43.000+08:00',
    }]
<WingBlank>
  <Table columns={columns} dataSource={data} height={300} />
</WingBlank>
```

<center>
  <figure>
    <img
      alt="columns 属性 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608881149467256102.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 横向滚动

```tsx | pure
  const columns = [
     {
      title: '管理员',
      dataIndex: 'userInfo',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
      width: 100,
      flex: 2,
    },
    {
      title: '角色',
      dataIndex: 'roleName',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
      width: 50,
    },
    {
      title: '部门',
      dataIndex: 'opDepartmentName',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
      width: 20,
    },
    {
      title: '操作内容',
      dataIndex: 'opContent',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '业务模块',
      dataIndex: 'businessModule',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
    {
      title: '操作时间',
      dataIndex: 'createdAt',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'dateTimeRange',
    },
    {
      title: 'IP地址',
      dataIndex: 'loginIp',
      align: 'left',
      ellipsis: false,
      copyable: false,
      valueType: 'text',
      hideInSearch: false,
    },
  ];

  const dataSource = [
    {
      id: 4694447,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '',
      opType: '解除封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:17:22.000+08:00',
    },
    {
      id: 4694446,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '117569,[2, 1, 4],11',
      opType: '封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:17:09.000+08:00',
    },
    {
      id: 4694443,
      userId: 116969,
      userName: 'zhuxc',
      nickName: 'zhuxc',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 4,
      opDepartmentName: '根部门1',
      accountType: 1,
      opResources: 'zhuxc',
      opType: '运营商用户名密码登录',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '用户登录',
      loginIp: '60.12.241.84',
      loginCity: null,
      createdAt: '2020-12-01T17:15:09.000+08:00',
    },
    {
      id: 4694369,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '117569,[4],11',
      opType: '封禁会员账号、漫克',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '会员模块',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T17:00:21.000+08:00',
    },
    {
      id: 4694357,
      userId: 117676,
      userName: 'sxj',
      nickName: 'sxj',
      roleId: 519,
      roleName: '超级管理员角色',
      opDepartmentId: 22,
      opDepartmentName: 'lw是',
      accountType: 1,
      opResources: '',
      opType: '查看黑白名单列表',
      deviceNo: null,
      deviceSystem: null,
      clientId: 'manke-management',
      groupId: null,
      businessModule: '黑白名单',
      loginIp: '222.173.46.190',
      loginCity: null,
      createdAt: '2020-12-01T16:59:43.000+08:00',
    }]
<WingBlank>
  <Table columns={columns} dataSource={data}  height={300} />
</WingBlank>
```

<center>
  <figure>
    <img
      alt="横向滚动 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608881149887640842.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 空状态

```tsx | pure
const columns = [
  {
    title: '管理员',
    dataIndex: 'userInfo',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'text',
    hideInSearch: false,
    width: 100,
    flex: 2,
  },
  {
    title: '角色',
    dataIndex: 'roleName',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'text',
    hideInSearch: false,
    width: 50,
  },
  {
    title: '部门',
    dataIndex: 'opDepartmentName',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'text',
    hideInSearch: false,
    width: 20,
  },
  {
    title: '操作内容',
    dataIndex: 'opContent',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'text',
    hideInSearch: false,
  },
  {
    title: '业务模块',
    dataIndex: 'businessModule',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'text',
    hideInSearch: false,
  },
  {
    title: '操作时间',
    dataIndex: 'createdAt',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'dateTimeRange',
  },
  {
    title: 'IP地址',
    dataIndex: 'loginIp',
    align: 'left',
    ellipsis: false,
    copyable: false,
    valueType: 'text',
    hideInSearch: false,
  },
];

<WingBlank>
  <Table columns={columns} dataSource={[]} height={300} />
</WingBlank>;
```

<center>
  <figure>
    <img
      alt="空状态 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608881148736057650.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### table 组件 API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| columns | `true` | 表格的列定义 | `ColumnProps[]` |  |
| dataSource | `true` | 表格的数据 | `[{ [key: string]: string }]` |  |
| keyExtractor | `true` | 指定 Table 的唯一标识字段 | `(item: T, index: number) => string` |  |
| headerStyle | `false` | 表单头部样式 | `ViewStyle` |  |
| rowStyle | `false` | 数据行样式 | `ViewStyle` |  |
| onRefresh | `false` | 表格下拉刷新 | `() => void` |  |
| onEndReached | `false` | 表格上拉加载 | `() => void` |  |
| refreshing | `false` | 刷新状态 | `boolean` | `false` |
| height | `false` | 表单的高度 （如果不填则为 flex:1，由外部容器决定） | `number` | `deviceHeight` |
| fixedHeader | `false` | 是否固定头部 | `boolean` | `false` |
| showHeader | `false` | 是否显示表头 | `boolean` | `false` |
| emptyComponent | `false` | 空状态的视图 | `ReactElement` |  |

### ColumnProps 属性

| 属性          | 必填    | 说明             | 类型                                               | 默认值 |
| ------------- | ------- | ---------------- | -------------------------------------------------- | ------ |
| title         | `true`  | 表单的列标题     | `string`                                           |        |
| dataIndex     | `true`  | 数据的 key 值    | `string`                                           |        |
| numberOfLines | `false` | 文字行数         | `number`                                           |        |
| ellipsisMode  | `false` | 超出后的截取方式 | `head` \| `middle` \| `tail` \| `clip`             |        |
| textAlign     | `false` | 文字对其方式     | `center` \| `left` \| `right`                      |        |
| width         | `false` | 列的宽度         | `number`                                           |        |
| renderText    | `false` | 自定义文本       | `(item: any, column: ColumnProps) => string`       |        |
| render        | `false` | 自定义组件       | `(item: any, column: ColumnProps) => ReactElement` |        |


================================================
FILE: packages/react-native/src/table/index.tsx
================================================
import React from 'react';
import { FlatList, ScrollView, StyleSheet } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Center from '../center';
import Empty from '../empty';
import helpers from '../helpers';
import { Theme } from '../theme';
import { Head } from './Head';
import { Rows } from './Rows';
import { TableProps } from './type';
import useTable from './useTable';
import { ColumnContext } from './utils';

const { deviceHeight } = helpers;

function Table<T extends Record<string, any>>(props: TableProps<T>) {
  const {
    columns = [],
    dataSource = [],
    headerStyle = {},
    rowStyle = {},
    onRefresh,
    onEndReached,
    refreshing = false,
    height = deviceHeight,
    fixedHeader = true,
    showHeader = true,
    emptyComponent,
    keyExtractor,
  } = props;
  const theme = useTheme<Theme>();
  const { contentHeight, handleHeaderLayout, handleLayout, cellWidth } = useTable({ columns });

  const styles = StyleSheet.create({
    contentContainer: {
      flexGrow: 1,
      flexDirection: 'column',
      height: height,
    },
  });

  return (
    <ColumnContext.Provider value={{ columns: columns, cellWidth: cellWidth }}>
      <ScrollView
        horizontal
        onContentSizeChange={handleLayout}
        contentContainerStyle={styles.contentContainer}
        showsHorizontalScrollIndicator={false}
        showsVerticalScrollIndicator={false}
        scrollEnabled={true}
        bounces={false}
      >
        <FlatList<T>
          scrollEnabled={dataSource.length > 0}
          nestedScrollEnabled
          stickyHeaderIndices={fixedHeader && showHeader ? [0] : []}
          showsVerticalScrollIndicator={false}
          showsHorizontalScrollIndicator={false}
          contentContainerStyle={{
            flexGrow: 1,
            backgroundColor: theme.colors.white,
          }}
          ListHeaderComponent={
            showHeader ? (
              <Box onLayout={handleHeaderLayout}>
                <Head headerStyle={headerStyle}></Head>
              </Box>
            ) : null
          }
          data={dataSource}
          bounces={false}
          ListEmptyComponent={
            emptyComponent ? (
              emptyComponent
            ) : (
              <Center height={contentHeight}>
                <Empty />
              </Center>
            )
          }
          renderItem={({ item }) => {
            return <Rows data={item} rowStyle={rowStyle}></Rows>;
          }}
          onRefresh={onRefresh}
          onEndReached={onEndReached}
          refreshing={refreshing}
          keyExtractor={keyExtractor}
        />
      </ScrollView>
    </ColumnContext.Provider>
  );
}
Table.displayName = 'Table';

export default Table;


================================================
FILE: packages/react-native/src/table/type.ts
================================================
import { ReactElement } from 'react';
import { ViewStyle } from 'react-native';

export interface ColumnProps {
  /** 表单标题 */
  title: string;
  /** 数组下标 */
  dataIndex: string;
  /** 文字行数  */
  numberOfLines?: number;
  /** 超出后的截取 */
  ellipsisMode?: 'head' | 'middle' | 'tail' | 'clip';
  /** 文字对其方式 */
  textAlign?: 'center' | 'left' | 'right';
  /** 列的宽度 */
  width?: number;
  /** 自定义文本 */
  renderText?: (item: string, column: ColumnProps) => string;
  /** 自定义组件 */
  render?: (item: string, column: ColumnProps) => ReactElement;
}

export interface TableProps<T> {
  /** 列定义 */
  columns: Array<ColumnProps>;
  /** 表格数据 */
  dataSource: T[];

  /** 表单头部样式 */
  headerStyle?: ViewStyle;
  /** 数据行样式 */
  rowStyle?: ViewStyle;
  /** 下拉刷新 */
  onRefresh?: () => void;
  /** 上拉加载 */
  onEndReached?: () => void;
  /** 刷新状态 */
  refreshing?: boolean;
  /** 表单的高度 */
  height?: number;
  /** 是否固定头部 */
  fixedHeader?: boolean;
  /** 是否显示表头 */
  showHeader?: boolean;
  /** 空状态的视图 */
  emptyComponent?: ReactElement;
  /** 指定Table的唯一标识字段 */
  keyExtractor: (item: T, index: number) => string;
}


================================================
FILE: packages/react-native/src/table/useTable.ts
================================================
import { useCallback } from 'react';
import { LayoutChangeEvent } from 'react-native';

import { useSafeState } from '@td-design/rn-hooks';

import { TableProps } from './type';
import { computeCellWidth } from './utils';

export default function useTable<T extends Record<string, any>>({ columns }: Pick<TableProps<T>, 'columns'>) {
  /**当前容器的宽度，用来计算表格的长度 */
  const [containerWidth, setContainerWidth] = useSafeState(0);
  const [headerHeight, setHeaderHeight] = useSafeState(0);
  const [containerHeight, setContainerHeight] = useSafeState(0);

  const contentHeight = containerHeight - headerHeight;
  /** 计算单元格的长度 */
  const cellWidth = computeCellWidth(containerWidth, columns);

  /** 获取容器宽度 如果有tableWidth则用tableWidth */
  const handleLayout = useCallback((w: number, h: number) => {
    setContainerWidth(w);
    setContainerHeight(h);
  }, []);

  return {
    contentHeight,
    handleLayout,
    cellWidth,
    handleHeaderLayout: useCallback((e: LayoutChangeEvent) => setHeaderHeight(e.nativeEvent.layout.height), []),
  };
}


================================================
FILE: packages/react-native/src/table/utils.ts
================================================
import { createContext } from 'react';

import { ColumnProps } from './type';

export const ColumnContext = createContext<{ columns: ColumnProps[]; cellWidth: number }>({
  columns: [],
  cellWidth: 0,
});

export function computeWidth(cellWidth: number, width?: number) {
  const styles = {};
  if (width) {
    Object.assign(styles, {
      width: width,
    });
  } else {
    Object.assign(styles, {
      width: cellWidth,
    });
  }
  return styles;
}

export function computeCellWidth(wrapWidth: number, columns: ColumnProps[]): number {
  let needWidth = 0;
  let count = columns.length;

  for (let i = 0; i < columns.length; i++) {
    if (columns[i] && 'number' === typeof columns[i].width) {
      needWidth += columns[i].width!;
      count--;
    }
  }
  // 所有的列都给了width不需要去计算剩下的长度
  if (count <= 0) {
    return 0;
  }

  // 如果当前长度小于表格需要的宽度,未给长度列的默认给一个最小单位 50 表单需要滚动
  if (wrapWidth <= needWidth) {
    return 50;
  }

  // 如果剩下的太小给一个固定的
  const width = (wrapWidth - needWidth) / count;
  return width < 20 ? 20 : width;
}


================================================
FILE: packages/react-native/src/tag/index.md
================================================
---
title: Tag - 标签组件
nav:
  title: RN 组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Tag 标签组件

## 效果演示

### 1. 大中小标签默认效果

```tsx | pure
<Flex justifyContent="space-around">
  <Tag size="small">magenta</Tag>
  <Tag>magenta</Tag>
  <Tag size="large">magenta</Tag>
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253782367453494.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 自定义背景色

```jsx | pure
<Flex justifyContent="space-between">
  <Tag backgroundColor="func200" text="标签" />
  <Tag backgroundColor="func300" text="标签" />
  <Tag backgroundColor="func500" text="小标签标签" />
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253837366314688.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义文字颜色

```jsx | pure
<Flex justifyContent="space-between">
  <Tag color="func200" text="标签" />
  <Tag color="func300" text="标签" />
  <Tag color="func500" text="标签" />
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253869655478919.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 镂空标签

```jsx | pure
<Flex justifyContent="space-between">
  <Tag backgroundColor="func200" ghost text="标签" />
  <Tag backgroundColor="func300" ghost text="标签" />
  <Tag backgroundColor="func500" ghost text="标签" />
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253904141084290.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. disabled 效果

```jsx | pure
<Flex justifyContent="space-between">
  <Tag disabled text="标签" />
  <Tag backgroundColor="func300" disabled text="标签" />
  <Tag backgroundColor="func500" disabled text="标签" />
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253934714157704.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 选中效果

```jsx | pure
<Flex justifyContent="space-between">
  <Tag selected text="标签" />
  <Tag backgroundColor="func300" selected text="标签" />
  <Tag backgroundColor="func500" selected text="标签" />
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643253992253997438.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. 可删除效果

```jsx | pure
<Flex justifyContent="space-between">
  <Tag closable text="标签" />
  <Tag backgroundColor="func300" closable text="标签" />
  <Tag backgroundColor="func500" closable text="标签" />
</Flex>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254041176615517.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性          | 必填    | 说明               | 类型                          | 默认值   |
| ------------- | ------- | ------------------ | ----------------------------- | -------- |
| size          | `false` | 标签的大小         | `large`\| `small` \| `middle` | `middle` |
| text          | `false` | 指定标签文本       | `string`                      |          |
| ghost         | `false` | 是否背景镂空       | `boolean`                     | `false`  |
| disabled      | `false` | 设置禁用           | `boolean`                     | `false`  |
| closable      | `false` | 是否可关闭         | `boolean`                     | `false`  |
| selectable    | `false` | 是否可选中         | `boolean`                     | `false`  |
| selected      | `false` | 设置标签的选中状态 | `boolean`                     | `false`  |
| onClose       | `false` | 点击关闭的回调函数 | `() => void`                  |          |
| onSelect      | `false` | 点击标签的回调函数 | `(selected: boolean) => void` |          |
| activeOpacity | `false` | 按下时的不透明度   | `number`                      | `0.6`    |


================================================
FILE: packages/react-native/src/tag/index.tsx
================================================
import React, { FC, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import Svg, { Path } from 'react-native-svg';

import {
  backgroundColor,
  BackgroundColorProps,
  border,
  BorderProps,
  color,
  ColorProps,
  createRestyleComponent,
  layout,
  LayoutProps,
  typography,
  TypographyProps,
  useTheme,
} from '@shopify/restyle';

import Box from '../box';
import helpers from '../helpers';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import useTag from './useTag';

type TagSize = 'large' | 'middle' | 'small';
export interface TagProps {
  text: string;
  /** 标签大小，决定padding的大小 */
  size?: TagSize;
  /** 是否背景镂空 */
  ghost?: boolean;
  /** 设置禁用 */
  disabled?: boolean;
  /** 是否可关闭 */
  closable?: boolean;
  /** 是否可选中 */
  selectable?: boolean;
  /** 设置标签的选中状态 */
  selected?: boolean;
  /** 点击关闭的回调函数 */
  onClose?: () => void;
  /** 点击标签的回调函数 */
  onSelect?: (selected: boolean) => void;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

type BaseTagProps = BorderProps<Theme> &
  BackgroundColorProps<Theme> &
  ColorProps<Theme> &
  LayoutProps<Theme> &
  TypographyProps<Theme>;

const BaseTag = createRestyleComponent<BaseTagProps, Theme>([border, backgroundColor, color, layout, typography]);

const { px, ONE_PIXEL } = helpers;
const Tag: FC<TagProps & BaseTagProps> = ({
  text,
  size = 'middle',
  ghost = false,
  closable = false,
  selectable = true,
  activeOpacity = 0.6,
  disabled = false,
  selected = false,
  onClose,
  onSelect,
  ...restProps
}) => {
  const theme = useTheme<Theme>();

  const { handleDelete, handlePress, checked, closed } = useTag({ selected, disabled, selectable, onClose, onSelect });

  if (closed) return null;

  const {
    fontFamily,
    fontSize = px(12),
    fontStyle,
    fontWeight,
    letterSpacing,
    lineHeight,
    textAlign,
    textDecorationLine,
    textDecorationStyle,
    textTransform,
    color = disabled ? 'disabled' : 'primary100',
    backgroundColor,
    borderWidth = ONE_PIXEL,
    justifyContent = 'center',
    alignItems = 'center',
    borderRadius = 'x1',
    ...rest
  } = restProps;

  let borderColor = rest.borderColor ?? color;
  if (ghost && disabled) {
    borderColor = 'disabled';
  } else if (checked) {
    borderColor = 'primary200';
  }

  const { paddingHorizontal, paddingVertical } = getBySize(size);

  const styles = StyleSheet.create({
    iconBtn: {
      position: 'absolute',
      width: px(8),
      height: px(8),
      top: -px(4),
      right: -px(4),
      justifyContent: 'center',
      alignItems: 'center',
    },
    iconWrap: {
      backgroundColor: theme.colors.icon,
      borderRadius: px(8),
    },
    check: {
      position: 'absolute',
      bottom: 0,
      right: 0,
    },
  });

  /** 删除的图标组件 */
  const ClosableIcon = useMemo(() => {
    if (closable && !disabled)
      return (
        <Pressable activeOpacity={1} hitOffset={5} onPress={handleDelete} style={styles.iconBtn}>
          <Box style={styles.iconWrap}>
            <SvgIcon name="close" color={theme.colors.white} size={px(10)} />
          </Box>
        </Pressable>
      );
    return null;
  }, [closable, disabled, styles.iconBtn, styles.iconWrap, theme.colors.white]);

  /** 选中的图标组件 */
  const CheckedIcon = useMemo(() => {
    if (checked)
      return (
        <Box style={styles.check}>
          <Svg viewBox="0 0 1040 1024" width={px(28)} height={px(28)}>
            <Path
              d="M1023.83 474.655l-549.255 549.283h549.255V474.655zM783.16 979.732l-96.896-96.933 36.335-36.35 60.56 60.583L952.729 737.4l36.335 36.35L783.16 979.731z"
              fill={theme.colors.primary200}
            />
          </Svg>
        </Box>
      );
    return null;
  }, [checked, styles.check, theme.colors.primary200]);

  const Content = (
    <BaseTag
      {...rest}
      {...{
        justifyContent,
        alignItems,
        borderColor,
        borderWidth,
        borderRadius,
        paddingVertical,
        paddingHorizontal,
      }}
      {...{ backgroundColor: ghost ? 'transparent' : backgroundColor }}
    >
      <Text
        {...{
          fontFamily,
          fontSize,
          fontStyle,
          fontWeight,
          letterSpacing,
          lineHeight,
          textAlign,
          textDecorationLine,
          textDecorationStyle,
          textTransform,
          color,
        }}
      >
        {text}
      </Text>
    </BaseTag>
  );

  if (selectable)
    return (
      <Box>
        <Pressable disabled={disabled} activeOpacity={activeOpacity} onPress={handlePress}>
          {Content}
        </Pressable>
        {ClosableIcon}
        {CheckedIcon}
      </Box>
    );

  return (
    <Box>
      {Content}
      {ClosableIcon}
      {CheckedIcon}
    </Box>
  );
};
Tag.displayName = 'Tag';

export default Tag;

function getBySize(size: TagSize) {
  switch (size) {
    case 'large':
      return {
        paddingHorizontal: px(16),
        paddingVertical: px(8),
      };

    case 'middle':
    default:
      return {
        paddingHorizontal: px(12),
        paddingVertical: px(6),
      };

    case 'small':
      return {
        paddingHorizontal: px(4),
        paddingVertical: px(4),
      };
  }
}


================================================
FILE: packages/react-native/src/tag/useTag.ts
================================================
import { useBoolean, useMemoizedFn } from '@td-design/rn-hooks';

import type { TagProps } from '.';

export default function useTag({
  selected = false,
  disabled = false,
  selectable = true,
  onClose,
  onSelect,
}: Pick<TagProps, 'selected' | 'selectable' | 'disabled' | 'onClose' | 'onSelect'>) {
  const [checked, { set: setChecked }] = useBoolean(selected);
  const [closed, { set: setClosed }] = useBoolean(false);

  /** 点击事件 */
  const handlePress = () => {
    if (disabled || !selectable) return;

    setChecked(!checked);
    onSelect?.(!checked);
  };

  /** 删除事件 */
  const handleDelete = () => {
    setClosed(!closed);
    onClose?.();
  };

  return {
    checked,
    closed,
    handlePress: useMemoizedFn(handlePress),
    handleDelete: useMemoizedFn(handleDelete),
  };
}


================================================
FILE: packages/react-native/src/text/ReText.tsx
================================================
import React from 'react';
import type { TextProps as RNTextProps, TextInputProps } from 'react-native';
import { StyleSheet, TextInput } from 'react-native';
import Animated, { useAnimatedProps } from 'react-native-reanimated';

const styles = StyleSheet.create({
  baseStyle: {
    color: 'black',
  },
});
Animated.addWhitelistedNativeProps({ text: true });

interface TextProps extends Omit<TextInputProps, 'value' | 'style'> {
  text: Animated.SharedValue<string>;
  style?: Animated.AnimateProps<RNTextProps>['style'];
}

const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);

const ReText = (props: TextProps) => {
  const { style, text, ...rest } = props;
  const animatedProps = useAnimatedProps(() => {
    return {
      text: text.value,
      // Here we use any because the text prop is not available in the type
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
    } as any;
  });
  return (
    <AnimatedTextInput
      underlineColorAndroid="transparent"
      editable={false}
      value={text.value}
      style={[styles.baseStyle, style || undefined]}
      {...rest}
      {...{ animatedProps }}
    />
  );
};

export default ReText;


================================================
FILE: packages/react-native/src/text/index.md
================================================
---
title: Text - 文本组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# Text 文本组件

文本组件主要基于`restyle`封装，替换`react-native`默认的`Text`组件。

**注意：Text组件移除了`onLongPress`/`onPress`/`onPressIn`/`onPressOut`这些属性（[Why](https://twitter.com/fernandotherojo/status/1707762822015267219?s=42)）。所以您无法直接在Text组件上使用点击事件，需要的话，请使用`Pressable`或者`Touchable*`等组件包裹Text组件以实现相同的效果。**

## 效果演示

### 1. 字体大小 32

```tsx | pure
<Text fontSize={32}>你好，我是文字</Text>
```

<center>
  <figure>
    <img
      alt="text-ios1"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607501774750024490.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 颜色为蓝色，字体加粗

```tsx | pure
<Text fontSize={30} color="primaryColor" fontWeight="bold">
  你好，我是文字
</Text>
```

<center>
  <figure>
    <img
      alt="text-ios2"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607501844581287741.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. variant 使用示例

```tsx | pure
<Text variant="primaryBody">你好，我是文字</Text>
```

`primaryBody`在`Theme`里面的定义为：

```tsx | pure
primaryBody: {
  fontSize: 16,
  color: 'primaryTextColor',
},
```

<center>
  <figure>
    <img
      alt="text-ios3"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607502418897079606.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

除样式属性外，其他属性和`TextProps`保持一致。样式属性基于`restyle`，把原来用`style`包裹的属性展平，同时采用`Theme`里面定义的约束。

### 特有属性

| 属性    | 必填    | 说明                                                 | 类型     | 默认值 |
| ------- | ------- | ---------------------------------------------------- | -------- | ------ |
| variant | `false` | 取值为定义在`Theme`里的`textVariants`对象里的 key 值 | `string` |        |

### 文本属性

定义参见：[https://reactnative.dev/docs/text-style-props](https://reactnative.dev/docs/text-style-props)

| 属性                | 必填    | 说明                                      | 类型      | 默认值 |
| ------------------- | ------- | ----------------------------------------- | --------- | ------ |
| color               | `false` | 文本颜色。取值为 Theme 里面的`colors`     | `string`  |        |
| opacity             | `false` | 透明度。取值 0 - 1                        | `number`  | `1`    |
| visible             | `false` | 是否可见                                  | `boolean` | `true` |
| fontFamily          | `false` |                                           |           |        |
| fontSize            | `false` |                                           |           |        |
| fontStyle           | `false` |                                           |           |        |
| fontWeight          | `false` |                                           |           |        |
| letterSpacing       | `false` |                                           |           |        |
| lineHeight          | `false` |                                           |           |        |
| textAlign           | `false` |                                           |           |        |
| textDecorationLine  | `false` |                                           |           |        |
| textDecorationStyle | `false` |                                           |           |        |
| textTransform       | `false` |                                           |           |        |
| textShadowOffset    | `false` |                                           |           |        |
| textShadowRadius    | `false` |                                           |           |        |
| textShadowColor     | `false` | 文本阴影颜色。取值为 Theme 里面的`colors` |           |        |

### 内边距、外边距相关属性

取值为 Theme 里面的`spacing`。

定义参见：[https://reactnative.dev/docs/layout-props](https://reactnative.dev/docs/layout-props)

| 属性              | 必填    | 说明 | 类型 | 默认值 |
| ----------------- | ------- | ---- | ---- | ------ |
| margin            | `false` |      |      |        |
| marginStart       | `false` |      |      |        |
| marginEnd         | `false` |      |      |        |
| marginHorizontal  | `false` |      |      |        |
| marginVertical    | `false` |      |      |        |
| marginLeft        | `false` |      |      |        |
| marginRight       | `false` |      |      |        |
| marginBottom      | `false` |      |      |        |
| marginTop         | `false` |      |      |        |
| padding           | `false` |      |      |        |
| paddingStart      | `false` |      |      |        |
| paddingEnd        | `false` |      |      |        |
| paddingHorizontal | `false` |      |      |        |
| paddingVertical   | `false` |      |      |        |
| paddingLeft       | `false` |      |      |        |
| paddingRight      | `false` |      |      |        |
| paddingBottom     | `false` |      |      |        |
| paddingTop        | `false` |      |      |        |


================================================
FILE: packages/react-native/src/text/index.tsx
================================================
import React, { memo, PropsWithChildren } from 'react';
import { TextProps as RNTextProps } from 'react-native';
// @ts-ignore
import { NativeText } from 'react-native/Libraries/Text/TextNativeComponent';

import { createText, TextProps } from '@shopify/restyle';

import { Theme } from '../theme';

type Props = TextProps<Theme> & Omit<RNTextProps, 'onLongPress' | 'onPress' | 'onPressIn' | 'onPressOut'>;

const BaseText = createText<Theme>(NativeText);

const Text = memo(({ children, style, ...props }: PropsWithChildren<Props>) => {
  return (
    <BaseText
      {...props}
      style={[
        {
          includeFontPadding: false,
          textAlignVertical: 'center',
          fontVariant: ['tabular-nums'],
        },
        style,
      ]}
    >
      {children}
    </BaseText>
  );
});
Text.displayName = 'Text';

export default Text;


================================================
FILE: packages/react-native/src/theme/index.ts
================================================
import { createTheme } from '@shopify/restyle';

import helpers from '../helpers';

const { px } = helpers;

const basePalette = {
  // 基础色
  white: '#FFFFFF',
  black: '#000000',
  transparent: 'transparent',
  // 功能色
  func50: '#FBF5F5',
  func100: '#FFF7E3',
  func200: '#FFD21D',
  func300: '#52C41A',
  func400: '#1890FF',
  func500: '#F86E21',
  func600: '#F4333C',
  func700: 'transparent',
  func800: 'transparent',
  func900: 'transparent',
};

/** 默认调色板 */
const palette = {
  ...basePalette,
  // 主色
  primary50: '#E5F1FF',
  primary100: '#3AA3FF',
  primary200: '#005DFF',
  primary300: 'rgba(0, 93, 255, 0.7)',
  primary400: 'rgba(0, 93, 255, 0.4)',
  primary500: 'transparent',
  primary600: 'transparent',
  primary700: 'transparent',
  primary800: 'transparent',
  primary900: 'transparent',

  // 中性色
  gray50: '#F5F5F5',
  gray100: '#E5E5E5',
  gray200: '#CCCCCC',
  gray300: '#999999',
  gray400: '#666666',
  gray500: '#333333',
  gray600: 'rgba(0, 0, 0, 0.4)',
  gray700: 'rgba(0, 0, 0, 0.04)',
  gray800: 'transparent',
  gray900: 'transparent',
};

const lightTheme = createTheme({
  spacing: {
    x0: 0,
    x1: px(4),
    x2: px(8),
    x3: px(12),
    x4: px(16),
    x5: px(20),
    x6: px(24),
    x7: px(28),
    x8: px(32),
    x9: px(36),
    x10: px(40),
  },
  borderRadii: {
    x0: 0,
    x1: px(4),
    x2: px(8),
    x3: px(12),
    x4: px(16),
    x5: px(20),
    x6: px(24),
    x7: px(28),
    x8: px(32),
    x9: px(36),
    x10: px(40),
  },
  zIndices: {
    '1': 1,
    '9': 9,
    '19': 9,
    '29': 9,
    '39': 9,
    '49': 9,
    '59': 9,
    '69': 9,
    '79': 9,
    '89': 9,
    '99': 99,
    '199': 199,
    '299': 299,
    '399': 399,
    '499': 499,
    '599': 599,
    '699': 699,
    '799': 799,
    '899': 899,
    '999': 999,
  },
  breakpoints: {
    phone: 0,
    tablet: 768,
    largeTablet: 1024,
  },
  colors: {
    ...palette,
    background: palette.gray50,
    mask: palette.gray600,
    border: palette.gray200,
    icon: palette.gray300,
    disabled: palette.gray300,
    text: palette.gray500,
    text_active: palette.white,
    primary_text: palette.black,
    primary_background: palette.white,
  },
  textVariants: {
    defaults: {},
    h0: {
      fontWeight: 'bold',
      fontSize: px(28),
      lineHeight: px(40),
    },
    h1: {
      fontWeight: 'bold',
      fontSize: px(18),
      lineHeight: px(26),
    },
    h2: {
      fontWeight: 'bold',
      fontSize: px(16),
      lineHeight: px(22),
    },
    h3: {
      fontWeight: 'bold',
      fontSize: px(14),
      lineHeight: px(20),
    },
    h4: {},
    h5: {},
    h6: {},
    h7: {},
    h8: {},
    h9: {},
    p0: {
      fontSize: px(16),
      lineHeight: px(22),
    },
    p1: {
      fontSize: px(14),
      lineHeight: px(20),
    },
    p2: {
      fontSize: px(12),
      lineHeight: px(16),
    },
    p3: {
      fontSize: px(10),
      lineHeight: px(14),
    },
    p4: {},
    p5: {},
    p6: {},
    p7: {},
    p8: {},
    p9: {},
    d0: {
      fontWeight: 'bold',
      fontSize: px(24),
      lineHeight: px(32),
    },
    d1: {
      fontWeight: 'bold',
      fontSize: px(18),
      lineHeight: px(26),
    },
    d2: {
      fontWeight: 'bold',
      fontSize: px(12),
      lineHeight: px(20),
    },
    d3: {},
    d4: {},
    d5: {},
    d6: {},
    d7: {},
    d8: {},
    d9: {},
  },
  theme: 'light',
});
export type Theme = typeof lightTheme;
export type Spacing = keyof Theme['spacing'];
export type Color = keyof Theme['colors'];
export type Variant = keyof Omit<Theme['textVariants'], 'defaults'>;
export type BorderRadius = keyof Theme['borderRadii'];

/** 深色调色板 */
const darkPalette = {
  ...basePalette,
  // 主色
  primary50: 'rgba(0, 93, 255, 0.3)',
  primary100: '#3AA3FF',
  primary200: '#005DFF',
  primary300: 'rgba(0, 93, 255, 0.7)',
  primary400: 'rgba(0, 93, 255, 0.4)',
  primary500: 'transparent',
  primary600: 'transparent',
  primary700: 'transparent',
  primary800: 'transparent',
  primary900: 'transparent',

  // 中性色
  gray50: '#131C22',
  gray100: 'rgba(255, 255, 255, 0.15)',
  gray200: 'rgba(255, 255, 255, 0.25)',
  gray300: 'rgba(255, 255, 255, 0.4)',
  gray400: 'rgba(255, 255, 255, 0.6)',
  gray500: 'rgba(255, 255, 255, 0.8)',
  gray600: 'rgba(0, 0, 0, 0.4)',
  gray700: 'rgba(0, 0, 0, 0.04)',
  gray800: 'transparent',
  gray900: 'transparent',
};

const darkTheme: Theme = {
  ...lightTheme,
  colors: {
    ...darkPalette,
    background: darkPalette.gray50,
    mask: darkPalette.gray600,
    border: darkPalette.gray400,
    icon: darkPalette.gray300,
    disabled: darkPalette.gray300,
    text: darkPalette.gray500,
    text_active: darkPalette.white,
    primary_text: palette.white,
    primary_background: palette.black,
  },
  theme: 'dark',
};

export default {
  lightTheme,
  darkTheme,
};


================================================
FILE: packages/react-native/src/theme-provider/index.tsx
================================================
import React, { FC, PropsWithChildren } from 'react';

import { ThemeProvider as ShopifyThemeProvider } from '@shopify/restyle';

import Notify from '../notify';
import Portal from '../portal';
import theme, { Theme } from '../theme';
import Toast from '../toast';

const { lightTheme } = theme;
const ThemeProvider: FC<
  PropsWithChildren<{
    theme?: Theme;
  }>
> = ({ theme = lightTheme, children }) => {
  return (
    <ShopifyThemeProvider theme={theme}>
      <Toast />
      <Notify />
      <Portal.Host>{children}</Portal.Host>
    </ShopifyThemeProvider>
  );
};
ThemeProvider.displayName = 'ThemeProvider';

export default ThemeProvider;


================================================
FILE: packages/react-native/src/timeline/HorizontalTimeline.tsx
================================================
import React, { memo } from 'react';
import { LayoutChangeEvent, NativeSyntheticEvent, ScrollView, TextLayoutEventData } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useMap, useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import Text from '../text';
import { Theme } from '../theme';
import { TimelineProps, TimelineStepProps } from './type';

const HorizontalTimeline = ({ data, customIcon, lineStyle }: Omit<TimelineProps, 'direction'>) => {
  const [_, { set, get }] = useMap();

  const handleDateLayout = (e: NativeSyntheticEvent<TextLayoutEventData>, index: number) => {
    const textWidth = e.nativeEvent.lines[0].width;
    set(index, Math.floor(textWidth));
  };

  const renderItem = (item: TimelineStepProps, index: number) => {
    return (
      <Box key={String(index)} maxWidth={120} marginRight={'x2'}>
        <DateAndTime {...item} onLayout={e => handleDateLayout(e, index)} />
        <CircleAndLine
          width={get(index) || 0}
          isLast={index === data.length - 1}
          customIcon={customIcon}
          lineStyle={lineStyle}
        />
        <TitleAndDescription {...item} />
      </Box>
    );
  };

  return (
    <ScrollView style={{ flex: 1 }} horizontal showsHorizontalScrollIndicator={false}>
      {data.map((item, index) => renderItem(item, index))}
    </ScrollView>
  );
};
HorizontalTimeline.displayName = 'HorizontalTimeline';

export default HorizontalTimeline;

const DateAndTime = memo(
  ({
    date,
    time,
    onLayout,
  }: TimelineStepProps & { onLayout: (event: NativeSyntheticEvent<TextLayoutEventData>) => void }) => {
    return (
      <Box paddingLeft={'x1'}>
        <Text variant="p0" color="text" numberOfLines={1} onTextLayout={onLayout}>
          {date}
        </Text>
        <Text variant={'p2'} color="text">
          {time}
        </Text>
      </Box>
    );
  }
);

const TitleAndDescription = memo(({ title, description }: TimelineStepProps) => {
  return (
    <Box paddingLeft={'x1'}>
      <Text variant={'p0'} color={'text'}>
        {title}
      </Text>
      <Text variant={'p2'} color={'text'}>
        {description}
      </Text>
    </Box>
  );
});

const CircleAndLine = memo(
  ({
    isLast,
    width,
    customIcon,
    lineStyle,
  }: Pick<TimelineProps, 'customIcon' | 'lineStyle'> & { isLast: boolean; width: number }) => {
    const theme = useTheme<Theme>();
    const [iconWidth, setIconWidth] = useSafeState(theme.borderRadii.x2);

    const handleLayout = (e: LayoutChangeEvent) => {
      setIconWidth(Math.floor(e.nativeEvent.layout.width));
    };

    return (
      <Flex left={width / 2 - iconWidth / 2} paddingVertical={'x1'} alignItems={'center'}>
        {customIcon ? (
          <Box backgroundColor={'white'} onLayout={handleLayout}>
            {customIcon}
          </Box>
        ) : (
          <Box
            width={theme.borderRadii.x2}
            height={theme.borderRadii.x2}
            backgroundColor="primary200"
            borderRadius="x2"
          />
        )}
        {!isLast && <Box width={120 + theme.spacing.x2} height={1} backgroundColor={'border'} style={lineStyle} />}
      </Flex>
    );
  }
);


================================================
FILE: packages/react-native/src/timeline/VerticalTimeline.tsx
================================================
import React, { memo, useRef } from 'react';
import { LayoutChangeEvent, ScrollView } from 'react-native';

import { useTheme } from '@shopify/restyle';
import { useMap, useSafeState } from '@td-design/rn-hooks';

import Box from '../box';
import Flex from '../flex';
import Text from '../text';
import { Theme } from '../theme';
import { TimelineProps, TimelineStepProps } from './type';

const VerticalTimeline = ({ data, customIcon, lineStyle }: Omit<TimelineProps, 'direction'>) => {
  const titleMeasured = useRef(false);
  const [titleHeight, setTitleHeight] = useSafeState(0);

  const handleTitleLayout = (e: LayoutChangeEvent) => {
    if (!titleMeasured.current) {
      titleMeasured.current = true;
      setTitleHeight(Math.floor(e.nativeEvent.layout.height));
    }
  };

  const [_, { set, get }] = useMap();
  const handleEventLayout = (e: LayoutChangeEvent, index: number) => {
    set(index, Math.floor(e.nativeEvent.layout.height));
  };

  const renderItem = (item: TimelineStepProps, index: number) => {
    return (
      <Flex key={String(index)} alignItems="flex-start">
        <DateAndTime {...item} />
        <CircleAndLine
          height={get(index) || 0}
          isLast={index === data.length - 1}
          titleHeight={titleHeight}
          customIcon={customIcon}
          lineStyle={lineStyle}
        />
        <Event {...item} onTitleLayout={handleTitleLayout} onLayout={e => handleEventLayout(e, index)} />
      </Flex>
    );
  };

  return (
    <ScrollView style={{ flex: 1 }} horizontal={false} showsVerticalScrollIndicator={false}>
      {data.map((item, index) => renderItem(item, index))}
    </ScrollView>
  );
};
VerticalTimeline.displayName = 'VerticalTimeline';

export default VerticalTimeline;

const DateAndTime = memo(({ date, time }: TimelineStepProps) => {
  return (
    <Box paddingLeft={'x1'} alignItems={'flex-end'}>
      <Text variant="p0" color="text" numberOfLines={1}>
        {date}
      </Text>
      <Text variant={'p2'} color="text">
        {time}
      </Text>
    </Box>
  );
});

const Event = memo(
  ({
    title,
    description,
    onLayout,
    onTitleLayout,
  }: TimelineStepProps & {
    onTitleLayout: (event: LayoutChangeEvent) => void;
    onLayout: (event: LayoutChangeEvent) => void;
  }) => {
    return (
      <Box onLayout={onLayout} flex={1}>
        <Text variant="p0" color="text" onLayout={onTitleLayout} numberOfLines={1}>
          {title}
        </Text>
        <Text variant="p2" color="text">
          {description}
        </Text>
      </Box>
    );
  }
);

const CircleAndLine = memo(
  ({
    height,
    isLast,
    titleHeight,
    customIcon,
    lineStyle,
  }: { height: number; isLast: boolean; titleHeight: number } & Pick<TimelineProps, 'customIcon' | 'lineStyle'>) => {
    const theme = useTheme<Theme>();
    const [iconHeight, setIconHeight] = useSafeState(theme.borderRadii.x2);

    const handleLayout = (e: LayoutChangeEvent) => {
      setIconHeight(Math.floor(e.nativeEvent.layout.height));
    };

    return (
      <Box
        alignItems={'center'}
        style={{
          paddingHorizontal: theme.spacing.x2,
          top: titleHeight / 2 - iconHeight / 2,
        }}
      >
        {customIcon ? (
          <Box backgroundColor={'white'} onLayout={handleLayout}>
            {customIcon}
          </Box>
        ) : (
          <Box
            width={theme.borderRadii.x2}
            height={theme.borderRadii.x2}
            backgroundColor="primary200"
            borderRadius="x2"
          />
        )}
        {!isLast && <Box width={1} height={height} backgroundColor={'border'} style={lineStyle} />}
      </Box>
    );
  }
);


================================================
FILE: packages/react-native/src/timeline/index.md
================================================
---
title: Timeline - 时间轴组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 其他组件
  path: /other
---

# Timeline 时间轴组件

## 效果演示

### 1. 基本的使用

```tsx | pure
  const steps = [
    {
      title: '第一步',
      description: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试',
      date: '12-12',
      time: '10:10',
    },
    {
      title: '第二步',
      description: '测试',
      date: '12-12',
      time: '10:11',
    },
    {
      title: '第三步',
      description: '测试',
      date: '12-12',
      time: '10:12',
    },
    {
      title: '第四步',
      description: '测试',
      date: '12-12',
      time: '10:13',
    },
  ];

  <Text>基本:</Text>
  <WhiteSpace />
  <Timeline data={steps} />
```

<center>
  <figure>
    <img
      alt="基本使用"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1690955876588834535.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 横向滑动

```tsx | pure
  const steps = [
    {
      title: '第一步',
      description: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试',
      date: '12-12',
      time: '10:10',
    },
    {
      title: '第二步',
      description: '测试',
      date: '12-12',
      time: '10:11',
    },
    {
      title: '第三步',
      description: '测试',
      date: '12-12',
      time: '10:12',
    },
    {
      title: '第四步',
      description: '测试',
      date: '12-12',
      time: '10:13',
    },
  ];

  <Text>横向滑动:</Text>
  <Timeline data={steps} direction="horizontal" />
```

<center>
  <figure>
    <img
      alt="横向滑动"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1690955933959678499.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义小图标

```tsx | pure
  const steps = [
    {
      title: '第一步',
      description: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试',
      date: '12-12',
      time: '10:10',
    },
    {
      title: '第二步',
      description: '测试',
      date: '12-12',
      time: '10:11',
    },
    {
      title: '第三步',
      description: '测试',
      date: '12-12',
      time: '10:12',
    },
    {
      title: '第四步',
      description: '测试',
      date: '12-12',
      time: '10:13',
    },
  ];
  <Text>自定义小图标:</Text>
  <WhiteSpace />
  <Timeline data={steps} customIcon={<SvgIcon name="bells">} />
```

<center>
  <figure>
    <img
      alt="自定义小图标"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1690955975758328071.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义线条样式

```tsx | pure
  const steps = [
    {
      title: '第一步',
      description: '测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试',
      date: '12-12',
      time: '10:10',
    },
    {
      title: '第二步',
      description: '测试',
      date: '12-12',
      time: '10:11',
    },
    {
      title: '第三步',
      description: '测试',
      date: '12-12',
      time: '10:12',
    },
    {
      title: '第四步',
      description: '测试',
      date: '12-12',
      time: '10:13',
    },
  ];
  <Text>自定义线条样式:</Text>
  <WhiteSpace />
  <Timeline data={steps} lineStyle={{backgroundColor: 'red'}} />
```

<center>
  <figure>
    <img
      alt="自定义线条样式"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1690955996117908526.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### TimelineProps

| 属性       | 必填    | 说明           | 类型                       | 默认值     |
| ---------- | ------- | -------------- | -------------------------- | ---------- |
| data       | `true`  | 时间轴节点数据 | `TimelineStepProps[]`      |            |
| direction  | `false` | 时间轴排序方向 | `horizontal` \| `vertical` | `vertical` |
| customIcon | `false` | 自定义 icon    | `ReactElement`             |            |
| lineStyle  | `false` | 线条样式       | `StyleProp<ViewStyle>`     |            |

### TimelineStepProps

| 属性        | 必填    | 说明                 | 类型     | 默认值 |
| ----------- | ------- | -------------------- | -------- | ------ |
| title       | `false` | 时间轴节点的标题     | `string` |        |
| description | `false` | 时间轴节点的副标题   | `string` |        |
| date        | `false` | 时间轴节点左边的日期 | `string` |        |
| time        | `false` | 时间轴节点左边的时间 | `string` |        |


================================================
FILE: packages/react-native/src/timeline/index.tsx
================================================
import React from 'react';

import HorizontalTimeline from './HorizontalTimeline';
import { TimelineProps } from './type';
import VerticalTimeline from './VerticalTimeline';

const Timeline = ({ data, customIcon, direction = 'vertical', lineStyle }: TimelineProps) => {
  if (direction === 'vertical') return <VerticalTimeline {...{ data, customIcon, lineStyle }} />;

  return <HorizontalTimeline {...{ data, customIcon, lineStyle }} />;
};
Timeline.displayName = 'Timeline';

export default Timeline;


================================================
FILE: packages/react-native/src/timeline/type.ts
================================================
import { StyleProp, ViewStyle } from 'react-native';

export interface TimelineStepProps {
  /** 标题 */
  title: string;
  /** 介绍 */
  description?: string;
  /** 日期 */
  date: string;
  /** 时间 */
  time?: string;
}

export interface TimelineProps {
  /** 时间轴节点 */
  data: TimelineStepProps[];
  /** 时间轴方向 */
  direction?: 'horizontal' | 'vertical';
  /** 自定义icon */
  customIcon?: React.ReactElement;
  /** 线条样式 */
  lineStyle?: StyleProp<ViewStyle>;
}


================================================
FILE: packages/react-native/src/toast/ToastRoot.tsx
================================================
import React, { forwardRef, useImperativeHandle } from 'react';
import { ActivityIndicator, StyleSheet } from 'react-native';
import Animated from 'react-native-reanimated';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import helpers from '../helpers';
import Text from '../text';
import useToast from './useToast';

const ToastRoot = forwardRef((_, ref) => {
  const insets = useSafeAreaInsets();
  const theme = useTheme();
  const { show, hide, visible, options } = useToast();

  useImperativeHandle(ref, () => ({
    show,
    hide,
  }));

  if (!visible || !options) return null;

  let contentStyle = {};
  switch (options.position) {
    case 'top':
      contentStyle = {
        top: insets.top + helpers.px(100),
      };
      break;
    case 'bottom':
      contentStyle = {
        bottom: insets.bottom + helpers.px(50),
      };
      break;
    case 'middle':
      contentStyle = {
        top: helpers.deviceHeight / 2,
      };
      break;
    default:
      contentStyle = {};
  }

  const styles = StyleSheet.create({
    content: {
      justifyContent: 'center',
      alignItems: 'center',
      position: 'absolute',
      width: helpers.deviceWidth,
      zIndex: 49,
    },
  });

  const Content = (
    <Animated.View style={[styles.content, contentStyle]}>
      <Box
        minWidth={helpers.px(80)}
        padding="x3"
        borderRadius="x1"
        justifyContent="center"
        alignItems="center"
        backgroundColor="gray500"
        position="absolute"
      >
        {!!options.indicator && (
          <Box marginBottom={'x2'}>
            <ActivityIndicator size={helpers.px(20)} color={theme.colors.gray50} />
          </Box>
        )}
        {typeof options.content === 'string' ? (
          <Text variant="p1" color="gray50">
            {options.content}
          </Text>
        ) : (
          <>{options.content}</>
        )}
      </Box>
    </Animated.View>
  );

  if (options.mask) {
    return (
      <Box style={StyleSheet.absoluteFill} pointerEvents="box-only" zIndex={'59'} backgroundColor="mask">
        {Content}
      </Box>
    );
  }
  return Content;
});

export default ToastRoot;


================================================
FILE: packages/react-native/src/toast/constant.ts
================================================
export const SHORT = 1500;
export const LONG = 3000;
export const INFINITY = Infinity;


================================================
FILE: packages/react-native/src/toast/index.md
================================================
---
title: Toast - 提示组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 反馈组件
  path: /feedback
---

# Toast 提示组件

## 效果演示

### 1. 显示在顶部

```jsx | pure
<Button title="top" onPress={() => (keyRef.current = Toast.top({ content: '提示内容1111' }))} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254392066258035.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 显示在中间

```jsx | pure
<Button title="middle" onPress={() => (keyRef.current = Toast.middle({ content: '提示内容222222' }))} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254458823053269.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 显示在底部

```jsx | pure
<Button title="bottom" onPress={() => (keyRef.current = Toast.bottom({ content: '提示内容333333333' }))} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254509842898005.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 显示加载中效果

```jsx | pure
<Button title="loading" onPress={() => (keyRef.current = Toast.process())} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254564477916502.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 弹窗中再弹出提示

```jsx | pure
<Button title="内容在底部" onPress={() => setVisible1(true)} />
<Modal visible={visible1} onClose={() => setVisible1(false)} position="bottom">
  <Box height={190}>
    <Text variant="p0" color="gray500">
      我是内容
    </Text>
    <WhiteSpace />
    <Button title="submitting" onPress={() => (keyRef.current = Toast.process('提交中...'))} />
  </Box>
</Modal>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254676457406203.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 修改提示显示时长

```jsx | pure
<Button title="top" onPress={() => (keyRef.current = Toast.top({ content: '提示内容1111', duration: Toast.LONG }))} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643254765688963868.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Toast.top({ duration, content}: { duration: number, content: string })

### Toast.middle({ duration, content}: { duration: number, content: string })

### Toast.bottom({ duration, content}: { duration: number, content: string })

### Toast.process(content: string)

### Toast.hide()

`duration` 有三个常量值：

- Toast.SHORT = 1500
- Toast.LONG = 3000
- Toast.INFINITY = INFINITY


================================================
FILE: packages/react-native/src/toast/index.tsx
================================================
import React, { useRef } from 'react';

import { useMemoizedFn } from '@td-design/rn-hooks';

import { addNewRef, getRef, removeOldRef } from '../utils/ref-util';
import { INFINITY, LONG, SHORT } from './constant';
import ToastRoot from './ToastRoot';
import { ToastProps } from './type';

export interface ToastRef {
  show: (params: ToastProps) => void;
  hide: () => void;
}

type ToastRefObj = {
  current: ToastRef | null;
};

let refs: ToastRefObj[] = [];

export default function Toast() {
  const toastRef = useRef<ToastRef | null>(null);

  const setRef = useMemoizedFn((ref: ToastRef | null) => {
    if (ref) {
      toastRef.current = ref;
      addNewRef(refs, ref);
    } else {
      removeOldRef(refs, toastRef.current);
    }
  });

  return <ToastRoot ref={setRef} />;
}
Toast.displayName = 'Toast';

Toast.hide = () => {
  getRef(refs)?.hide();
};

Toast.top = ({ duration = SHORT, content }: Partial<ToastProps>) => {
  getRef(refs)?.show({ content, duration, position: 'top' });
};

Toast.middle = ({ duration = SHORT, content }: Partial<ToastProps>) => {
  getRef(refs)?.show({ content, duration, position: 'middle' });
};

Toast.bottom = ({ duration = SHORT, content }: Partial<ToastProps>) => {
  getRef(refs)?.show({ content, duration, position: 'bottom' });
};

Toast.process = (content = '加载中...') => {
  getRef(refs)?.show({
    content,
    duration: INFINITY,
    position: 'middle',
    mask: true,
    indicator: true,
  });
};

Toast.custom = (props: Omit<ToastProps, 'indicator'>) => {
  getRef(refs)?.show({
    duration: INFINITY,
    position: 'middle',
    mask: true,
    ...props,
    indicator: false,
  });
};

Toast.SHORT = SHORT;
Toast.LONG = LONG;
Toast.INFINITY = INFINITY;


================================================
FILE: packages/react-native/src/toast/type.ts
================================================
import { ReactNode } from 'react';

export interface ToastProps {
  content: ReactNode;
  position?: 'top' | 'middle' | 'bottom';
  duration?: number;
  mask?: boolean;
  indicator?: boolean;
}


================================================
FILE: packages/react-native/src/toast/useToast.ts
================================================
import { useEffect, useRef, useState } from 'react';
import { BackHandler, NativeEventSubscription } from 'react-native';

import { useMemoizedFn } from '@td-design/rn-hooks';

import { INFINITY } from './constant';
import { ToastProps } from './type';

export default function useToast() {
  const timer = useRef<ReturnType<typeof setTimeout>>();

  const [visible, setVisible] = useState(false);
  const [options, setOptions] = useState<ToastProps | undefined>(undefined);

  const hide = () => {
    if (!visible) return;

    setVisible(false);
    clearTimeout(timer.current);
  };

  /** 每次显示前，先隐藏之前的Toast */
  const show = (params: ToastProps) => {
    if (visible) {
      hide();
    }

    setOptions(params);
    setVisible(true);
  };

  useEffect(() => {
    if (!options || options.duration === INFINITY) return;

    if (visible) {
      timer.current = setTimeout(() => {
        setVisible(false);
      }, options.duration);
    } else {
      clearTimeout(timer.current);
    }

    return () => clearTimeout(timer.current);
  }, [visible, options]);

  /** 当Toast显示的时候，不允许安卓物理返回键可用 */
  useEffect(() => {
    let backHandler: NativeEventSubscription | undefined;
    if (visible) {
      backHandler = BackHandler.addEventListener('hardwareBackPress', () => true);
    } else {
      backHandler?.remove();
    }

    return () => backHandler?.remove();
  }, [visible]);

  return {
    visible,
    options,

    show: useMemoizedFn(show),
    hide: useMemoizedFn(hide),
  };
}


================================================
FILE: packages/react-native/src/tooltip/Triangle.tsx
================================================
import React, { memo } from 'react';
import { StyleProp, StyleSheet, ViewStyle } from 'react-native';

import Box from '../box';

type Props = {
  style?: StyleProp<ViewStyle>;
  isDown: boolean;
};

const Triangle = memo(({ style, isDown }: Props) => (
  <Box style={[styles.triangle, style, isDown ? styles.down : {}]} />
));

const styles = StyleSheet.create({
  down: {
    transform: [{ rotate: '180deg' }],
  },
  triangle: {
    width: 0,
    height: 0,
    backgroundColor: 'transparent',
    borderStyle: 'solid',
    borderLeftWidth: 8,
    borderRightWidth: 8,
    borderBottomWidth: 15,
    borderLeftColor: 'transparent',
    borderRightColor: 'transparent',
    borderBottomColor: 'white',
  },
});

export default Triangle;


================================================
FILE: packages/react-native/src/tooltip/getTooltipCoordinate.tsx
================================================
const getArea = (a: number, b: number): number => a * b;

const getPointDistance = (a: number[], b: number[]): number =>
  Math.sqrt(Math.pow(a[0] - b[0], 2) + Math.pow(a[1] - b[1], 2));

/*
  ~Tooltip coordinate system:~
  The tooltip coordinates are based on the element which it is wrapping.
  We take the x and y coordinates of the element and find the best position
  to place the tooltip. To find the best position we look for the side with the
  most space. In order to find the side with the most space we divide the the
  surroundings in four quadrants and check for the one with biggest area.
  Once we know the quandrant with the biggest area it place the tooltip in that
  direction.
  To find the areas we first get 5 coordinate points. The center and the other 4 extreme points
  which together make a perfect cross shape.
  Once we know the coordincates we can get the length of the vertices which form each quadrant.
  Since they are squares we only need two.
*/
const getTooltipCoordinate = (
  x: number,
  y: number,
  width: number,
  height: number,
  ScreenWidth: number,
  ScreenHeight: number,
  tooltipWidth: number,
  withPointer: boolean
) => {
  // The following are point coordinates: [x, y]
  const center = [x + width / 2, y + height / 2];
  const pOne = [center[0], 0];
  const pTwo = [ScreenWidth, center[1]];
  const pThree = [center[0], ScreenHeight];
  const pFour = [0, center[1]];

  // vertices
  const vOne = getPointDistance(center, pOne);
  const vTwo = getPointDistance(center, pTwo);
  const vThree = getPointDistance(center, pThree);
  const vFour = getPointDistance(center, pFour);

  // Quadrant areas.
  type Areas = {
    area: number;
    id: number;
  };

  const areas: Areas[] = [getArea(vOne, vFour), getArea(vOne, vTwo), getArea(vTwo, vThree), getArea(vThree, vFour)].map(
    (each, index) => ({ area: each, id: index })
  );

  const sortedArea = areas.sort((a, b) => b.area - a.area);

  // deslocated points
  const dX = 0.001;
  const dY = height / 2;

  // Deslocate the coordinates in the direction of the quadrant.
  const directionCorrection = [
    [-1, -1],
    [1, -1],
    [1, 1],
    [-1, 1],
  ];
  const deslocateReferencePoint = [
    [-tooltipWidth, 0],
    [0, 0],
    [0, 0],
    [-tooltipWidth, 0],
  ];

  // current quadrant index
  const qIndex = sortedArea[0].id;

  const getWithPointerOffsetY = () => (withPointer ? 10 * directionCorrection[qIndex][1] : 0);
  const getWithPointerOffsetX = () => (withPointer ? center[0] - 18 * directionCorrection[qIndex][0] : center[0]);

  const newX = getWithPointerOffsetX() + (dX * directionCorrection[qIndex][0] + deslocateReferencePoint[qIndex][0]);

  return {
    x: constraintX(newX, qIndex, ScreenWidth, tooltipWidth),
    y: center[1] + (dY * directionCorrection[qIndex][1] + deslocateReferencePoint[qIndex][1]) + getWithPointerOffsetY(),
  };
};

const constraintX = (newX: number, qIndex: number, ScreenWidth: number, tooltipWidth: number): number => {
  switch (qIndex) {
    // 0 and 3 are the left side quadrants.
    case 0:
    case 3: {
      const maxWidth = newX > ScreenWidth ? ScreenWidth - 10 : newX;
      return newX < 1 ? 10 : maxWidth;
    }
    // 1 and 2 are the right side quadrants
    case 1:
    case 2: {
      const leftOverSpace = ScreenWidth - newX;
      return leftOverSpace >= tooltipWidth ? newX : newX - (tooltipWidth - leftOverSpace + 10);
    }
    default: {
      return 0;
    }
  }
};

export default getTooltipCoordinate;


================================================
FILE: packages/react-native/src/tooltip/index.md
================================================
---
title: Tooltip - 文字提示
nav:
  title: RN组件
  path: /react-native
group:
  title: 交互组件
  path: /interaction
---

# Tooltip 文字提示

## 效果演示

### 1. 默认效果

```tsx | pure
<Tooltip content="InfoInfoInfo">
  <Text variant="p0" color="primary200">
    press me
  </Text>
</Tooltip>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643255311776720439.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 修改背景色

```tsx | pure
<Tooltip content="InfoInfoInfo" backgroundColor="red">
  <Text variant="p0" color="primary200">
    press me
  </Text>
</Tooltip>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643255473060587128.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性            | 必填    | 说明                    | 类型                       | 默认值                      |
| --------------- | ------- | ----------------------- | -------------------------- | --------------------------- |
| content         | `true`  | 提示文字                | `ReactNode`                |                             |
| width           | `false` | tooltip 宽度            | `number`                   | `40`                        |
| height          | `false` | tooltip 高度            | `number`                   | `150`                       |
| backgroundColor | `false` | tooltip 背景色          | `string`                   | `#617080`                   |
| containerStyle  | `false` | tooltip 容器样式        | `StyleProp<ViewStyle>`     |                             |
| withOverlay     | `false` | 是否显示遮罩层          | `boolean`                  | `true`                      |
| withCaret       | `false` | 是否显示小三角          | `boolean`                  | `true`                      |
| overlayColor    | `false` | 遮罩层颜色              | `string`                   | `rgba(250, 250, 250, 0.70)` |
| actionType      | `false` | 触发 tooltip 的点击方式 | `onPress` \| `onLongPress` | `onPress`                   |
| onClose         | `false` | tooltip 关闭时触发事件  | `() => void`               |                             |


================================================
FILE: packages/react-native/src/tooltip/index.tsx
================================================
import React, { FC, memo, PropsWithChildren, ReactNode, Reducer, useMemo, useReducer, useRef } from 'react';
import { Dimensions, LayoutChangeEvent, Modal, Pressable, StyleProp, View, ViewStyle } from 'react-native';

import Box from '../box';
import helpers from '../helpers';
import Text from '../text';
import getTooltipCoordinate from './getTooltipCoordinate';
import Triangle from './Triangle';

const { width: ScreenWidth, height: ScreenHeight } = Dimensions.get('window');
const { px } = helpers;

export interface TooltipProps {
  withCaret?: boolean;
  content: ReactNode;
  height?: number;
  width?: number;
  containerStyle?: StyleProp<ViewStyle>;
  onClose?: () => void;
  withOverlay?: boolean;
  overlayColor?: string;
  backgroundColor?: string;
  actionType?: 'onPress' | 'onLongPress';
}

type State = {
  visible: boolean;
  elementWidth: number;
  elementHeight: number;
  offsetX: number;
  offsetY: number;
};

type Action =
  | {
      type: 'toggle';
    }
  | {
      type: 'computePosition';
      payload: Omit<State, 'visible'>;
    };

const reducer: Reducer<State, Action> = (prevState, action) => {
  switch (action.type) {
    case 'toggle':
      return { ...prevState, visible: !prevState.visible };
    case 'computePosition':
      return { ...prevState, ...action.payload };
  }
};

const Tooltip: FC<PropsWithChildren<TooltipProps>> = props => {
  const {
    content,
    withOverlay = true,
    withCaret = true,
    actionType = 'onPress',
    height = px(40),
    width = px(150),
    backgroundColor = '#617080',
    overlayColor = 'rgba(250, 250, 250, 0.70)',
    children,
    containerStyle,
    onClose,
  } = props;

  const [{ visible, elementWidth, elementHeight, offsetX, offsetY }, dispatch] = useReducer(reducer, {
    visible: false,
    elementWidth: 0,
    elementHeight: 0,
    offsetX: 0,
    offsetY: 0,
  });

  const boxRef = useRef<View>(null);

  const handleLayout = (e: LayoutChangeEvent) => {
    dispatch({
      type: 'computePosition',
      payload: {
        elementWidth: e.nativeEvent.layout.width,
        elementHeight: e.nativeEvent.layout.height,
        offsetX: e.nativeEvent.layout.x,
        offsetY: e.nativeEvent.layout.y,
      },
    });
  };

  const toggleTooltip = () => {
    if (boxRef.current) {
      boxRef.current.measureInWindow((pageOffsetX, pageOffsetY, width, height) => {
        dispatch({
          type: 'computePosition',
          payload: {
            offsetX: pageOffsetX,
            offsetY: pageOffsetY,
            elementWidth: width,
            elementHeight: height,
          },
        });
      });
    }

    if (visible) {
      onClose?.();
    }

    dispatch({ type: 'toggle' });
  };

  const Content = useMemo(() => {
    const { x, y } = getTooltipCoordinate(
      offsetX,
      offsetY,
      elementWidth,
      elementHeight,
      ScreenWidth,
      ScreenHeight,
      width,
      withCaret
    );

    const tooltipStyle: StyleProp<ViewStyle> = {
      position: 'absolute',
      left: x,
      width,
      height,
      backgroundColor,
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'center',
      borderRadius: px(4),
    };

    const pastCenterLine = offsetX > x;
    const pastMiddleLine = offsetY > y;

    if (pastMiddleLine) {
      tooltipStyle.top = y - height;
    } else {
      tooltipStyle.top = y;
    }

    return (
      <>
        <Box
          style={{
            position: 'absolute',
            left: offsetX,
            top: offsetY,
            overflow: 'visible',
            width: elementWidth,
            height: elementHeight,
          }}
        >
          {children}
        </Box>
        <Pointer
          {...{
            withCaret,
            pastCenterLine,
            pastMiddleLine,
            offsetY,
            offsetX,
            elementHeight,
            elementWidth,
            backgroundColor,
          }}
        />
        <Box style={[tooltipStyle, containerStyle]}>
          {typeof content === 'string' ? (
            <Text variant={'p1'} color="text_active">
              {content}
            </Text>
          ) : (
            content
          )}
        </Box>
      </>
    );
  }, [offsetX, offsetY, elementWidth, elementHeight, ScreenWidth, ScreenHeight, width, withCaret, backgroundColor]);

  const pressableProps = {
    [actionType]: toggleTooltip,
  };

  return (
    <>
      <Pressable {...pressableProps}>
        <Box alignSelf={'flex-start'} ref={boxRef} onLayout={handleLayout}>
          {children}
        </Box>
      </Pressable>
      <Modal animationType="fade" visible={visible} transparent onDismiss={onClose}>
        <Pressable
          style={{
            backgroundColor: withOverlay ? overlayColor : 'transparent',
            flex: 1,
          }}
          onPress={toggleTooltip}
        >
          {Content}
        </Pressable>
      </Modal>
    </>
  );
};

export default Tooltip;

const Pointer = memo(
  ({
    withCaret,
    pastCenterLine,
    pastMiddleLine,
    offsetY,
    offsetX,
    elementHeight,
    elementWidth,
    backgroundColor,
  }: {
    withCaret: boolean;
    pastMiddleLine: boolean;
    pastCenterLine: boolean;
    offsetY: number;
    offsetX: number;
    elementHeight: number;
    elementWidth: number;
    backgroundColor: string;
  }) => {
    if (!withCaret) return null;

    return (
      <Box
        style={{
          position: 'absolute',
          top: pastMiddleLine ? offsetY - 13 : offsetY + elementHeight,
          left: pastCenterLine ? offsetX + elementWidth / 2 - 20 : offsetX + elementWidth / 2,
        }}
      >
        <Triangle
          style={{
            borderBottomColor: backgroundColor,
          }}
          isDown={pastMiddleLine}
        />
      </Box>
    );
  }
);


================================================
FILE: packages/react-native/src/tree/Checkbox.tsx
================================================
import React, { memo } from 'react';
import { SvgXml } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';

import { Theme } from '../theme';

const Checkbox = memo(({ disabled, checked }: { disabled?: boolean; checked: 'all' | 'half' | 'none' }) => {
  const theme = useTheme<Theme>();

  if (checked === 'all') {
    return (
      <SvgXml
        color={disabled ? theme.colors.disabled : theme.colors.primary200}
        xml={`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm7.003 13l7.07-7.071l-1.413-1.414l-5.657 5.657l-2.829-2.829l-1.414 1.414L11.003 16Z"/></svg>`}
      />
    );
  } else if (checked === 'half') {
    return (
      <SvgXml
        color={disabled ? theme.colors.disabled : theme.colors.primary200}
        xml={`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm3 8v2h10v-2H7Z"/></svg>`}
      />
    );
  }
  return (
    <SvgXml
      color={disabled ? theme.colors.disabled : theme.colors.gray500}
      xml={`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm1 2v14h14V5H5Z"/></svg>`}
    />
  );
});

export default Checkbox;


================================================
FILE: packages/react-native/src/tree/Chevron.tsx
================================================
import React, { FC, memo } from 'react';
import Animated, { useAnimatedStyle } from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import SvgIcon from '../svg-icon';
import { Theme } from '../theme';
import { mix } from '../utils/redash';

const Chevron: FC<{ progress: Animated.SharedValue<number> }> = ({ progress }) => {
  const theme = useTheme<Theme>();
  const style = useAnimatedStyle(() => ({
    transform: [{ rotateZ: `${mix(progress.value, 0, Math.PI / 2)}rad` }],
  }));

  return (
    <Animated.View style={style}>
      <SvgIcon name="right" color={theme.colors.gray500} />
    </Animated.View>
  );
};

export default memo(Chevron);


================================================
FILE: packages/react-native/src/tree/TreeGroup.tsx
================================================
import { memo, PropsWithChildren } from 'react';
import React from 'react';
import Animated from 'react-native-reanimated';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import Checkbox from './Checkbox';
import Chevron from './Chevron';
import { TreeItemProps, TreeProps } from './type';
import useGroup from './useGroup';
import { useTree } from './useTree';

function TreeGroup({
  id,
  text,
  disabled,
  style,
  textStyle,
  onPress,
  customCheckIcon,
  customExpandIcon,
  checkable,
  level,
  activeOpacity,
  nodeStyle,
  currentKeys,
  openedKeys,
  handleCheck,
  handleExpand,
  flatData,
  children,
}: PropsWithChildren<
  Pick<TreeProps, 'customExpandIcon' | 'checkable' | 'activeOpacity' | 'nodeStyle'> &
    Omit<TreeItemProps, 'items'> &
    ReturnType<typeof useTree> & { level: number }
>) {
  const theme = useTheme<Theme>();
  const { bodyStyle, progress, checkStatus, handleLayout, handlePress } = useGroup({
    id,
    openedKeys,
    currentKeys,
    flatData,
    handleExpand,
  });

  return (
    <Box style={[{ marginLeft: level * theme.spacing.x2 }]}>
      <Flex alignItems={'center'} style={[nodeStyle, style]}>
        <Pressable activeOpacity={activeOpacity} onPress={handlePress}>
          <Box marginRight={'x1'} width={20} height={20} justifyContent={'center'} alignItems={'center'}>
            {customExpandIcon ? customExpandIcon(progress) : <Chevron {...{ progress }} />}
          </Box>
        </Pressable>
        {checkable && (
          <Pressable
            activeOpacity={activeOpacity}
            onPress={() => handleCheck(id)}
            disabled={disabled}
            style={{ marginRight: theme.spacing.x1 }}
          >
            {customCheckIcon ? customCheckIcon(checkStatus) : <Checkbox disabled={disabled} checked={checkStatus} />}
          </Pressable>
        )}
        <Pressable activeOpacity={activeOpacity} onPress={() => onPress?.(id)} disabled={disabled}>
          <Text variant={'p0'} color={disabled ? 'disabled' : 'text'} style={textStyle}>
            {text}
          </Text>
        </Pressable>
      </Flex>
      <Animated.View style={[{ position: 'relative', overflow: 'hidden' }, bodyStyle]}>
        <Box position={'absolute'} width="100%" collapsable={false} onLayout={handleLayout}>
          {children}
        </Box>
      </Animated.View>
    </Box>
  );
}

export default memo(TreeGroup);


================================================
FILE: packages/react-native/src/tree/TreeNode.tsx
================================================
import React, { memo } from 'react';

import { useTheme } from '@shopify/restyle';

import Flex from '../flex';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import Checkbox from './Checkbox';
import { TreeItemProps, TreeProps } from './type';
import { useTree } from './useTree';

const TreeNode = ({
  id,
  text,
  disabled,
  onPress,
  style,
  textStyle,
  customCheckIcon,
  level,
  activeOpacity,
  nodeStyle,
  checkable,
  handleCheck,
  currentKeys,
}: TreeItemProps &
  Pick<TreeProps, 'checkable' | 'activeOpacity' | 'nodeStyle'> &
  Pick<ReturnType<typeof useTree>, 'currentKeys' | 'handleCheck'> & { level: number }) => {
  const theme = useTheme<Theme>();

  const checked = currentKeys.includes(id);
  const checkedStatus = checked ? 'all' : 'none';

  return (
    <Flex
      style={[
        {
          marginLeft: level * theme.spacing.x2,
        },
        nodeStyle,
        style,
      ]}
    >
      {checkable && (
        <Pressable
          activeOpacity={activeOpacity}
          disabled={disabled}
          onPress={() => handleCheck(id)}
          style={{ marginRight: theme.spacing.x1 }}
        >
          {customCheckIcon ? customCheckIcon(checkedStatus) : <Checkbox disabled={disabled} checked={checkedStatus} />}
        </Pressable>
      )}
      <Pressable activeOpacity={activeOpacity} onPress={() => onPress?.(id)} disabled={disabled}>
        <Text variant="p0" color={disabled ? 'disabled' : checked ? 'primary200' : 'text'} style={textStyle}>
          {text}
        </Text>
      </Pressable>
    </Flex>
  );
};
TreeNode.displayName = 'TreeNode';

export default memo(TreeNode);


================================================
FILE: packages/react-native/src/tree/index.md
================================================
---
title: Tree - 树形展示
nav:
  title: RN组件
  path: /react-native
group:
  title: 展示组件
  path: /display
---

# Tree 树形展示

## 效果演示

### 1. 默认效果

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117292364540973.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 默认展开全部

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} expandAll />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117349496037901.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 不允许选择

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} checkable={false} />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117352200938761.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 默认展开某些节点

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} defaultExpandedKeys={['0-0-0']} />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117354815634217.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 默认勾选一些节点

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} defaultCheckedKeys={['0-0-0-1']} />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117357704530374.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 禁用某些节点

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
            disabled: true,
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        disabled: true,
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} expandAll />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117360435326271.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. 自定义展开图标

```tsx | pure
const CustomExpandIcon: FC<{ progress: Animated.SharedValue<number> }> = ({ progress }) => {
  const theme = useTheme<Theme>();
  const style = useAnimatedStyle(() => ({
    transform: [{ rotateZ: `${mix(progress.value, 0, Math.PI / 2)}rad` }],
  }));

  return (
    <Animated.View style={style}>
      <SvgIcon name="bells" color={theme.colors.gray500} />
    </Animated.View>
  );
};

const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} customExpandIcon={progress => <CustomExpandIcon {...{ progress }} />} />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117363395426531.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 8. 自定义节点样式

```tsx | pure
const treeData = [
  {
    text: 'parent 1',
    id: '0-0',
    items: [
      {
        text: 'parent 1-0',
        id: '0-0-0',
        items: [
          {
            text: 'leaf1',
            id: '0-0-0-0',
            style: { backgroundColor: 'red' },
            textStyle: { color: 'white' },
          },
          {
            text: 'leaf2',
            id: '0-0-0-1',
          },
        ],
      },
      {
        text: 'parent 1-1',
        id: '0-0-1',
        items: [{ text: 'sss', id: '0-0-1-0' }],
      },
    ],
  },
];

<Tree treeData={treeData} nodeStyle={{ backgroundColor: 'blue' }} />;
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1691117366402405161.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### TreeProps

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| data | `true` | 树的节点数据 | `TreeItemProps[]` |  |
| checkable | `false` | 是否可以选择的 | `boolean` | `true` |
| checkedKeys | `false` | 选中的节点(受控的) | `string[]` |  |
| defaultCheckedKeys | `false` | 默认选中的 key 第一次加载有效 | `string[]` |  |
| expandAll | `false` | 全部展开 | `boolean` | `false` |
| defaultExpandedKeys | `false` | 默认展开的节点 | `string[]` |  |
| expandedKeys | `false` | 展开的节点 | `string[]` |  |
| onCheck | `false` | 选中事件回调 | `(keys: string[]) => void` |  |
| onExpand | `false` | 展开事件回调 | `(keys: string[]) => void` |  |
| customExpandIcon | `false` | 自定义展开图标 | `(progress: Animated.SharedValue<number>) => ReactElement` |  |
| activeOpacity | `false` | 树节点点击时的不透明度 | `number` | `0.6` |
| style | `false` | 树样式 | `StyleProp<ViewStyle>` |  |
| nodeStyle | `false` | 树节点样式 | `StyleProp<ViewStyle>` |  |

### TreeItemProps

| 属性            | 必填     | 说明             | 类型                                                   | 默认值  |
| --------------- | -------- | ---------------- | ------------------------------------------------------ | ------- |
| id              | `true`   | 节点唯一标识     | `number`                                               |         |
| text            | `true`   | 节点文字         | `string`                                               |         |
| items           | `false`  | 子节点           | `TreeItemProps[]`                                      |         |
| disabled        | `false ` | 是否禁用         | `number`                                               | `false` |
| onPress         | `false ` | 点击树节点的回调 | `(id: string) => void`                                 |         |
| customCheckIcon | `false ` | 自定义选中图标   | `(checked: 'all' \| 'half' \| 'none') => ReactElement` |         |
| style           | `false ` | 节点样式         | `StyleProp<ViewStyle>`                                 |         |
| textStyle       | `false ` | 节点文字样式     | `StyleProp<TextStyle>`                                 |         |


================================================
FILE: packages/react-native/src/tree/index.tsx
================================================
import React, { FC } from 'react';
import { ScrollView } from 'react-native';

import TreeGroup from './TreeGroup';
import TreeNode from './TreeNode';
import { TreeItemProps, TreeProps } from './type';
import { useTree } from './useTree';

const Tree: FC<TreeProps> = ({
  data,
  style,
  nodeStyle,
  checkable = true,
  activeOpacity = 0.6,
  checkedKeys,
  defaultCheckedKeys,
  onCheck,
  defaultExpandedKeys,
  expandedKeys,
  expandAll,
  onExpand,
  customExpandIcon,
}) => {
  const { currentKeys, openedKeys, flatData, handleCheck, handleExpand } = useTree({
    data,
    checkable,
    checkedKeys,
    defaultCheckedKeys,
    onCheck,
    defaultExpandedKeys,
    expandedKeys,
    expandAll,
    onExpand,
  });

  const renderItem = (item: TreeItemProps, level: number) => {
    if (item.items && Array.isArray(item.items) && item.items.length > 0) {
      return (
        <TreeGroup
          key={item.id}
          {...item}
          {...{
            level,
            checkable,
            currentKeys,
            openedKeys,
            handleCheck,
            handleExpand,
            customExpandIcon,
            flatData,
            activeOpacity,
            nodeStyle,
          }}
        >
          {item.items.map(item => renderItem(item, level + 1))}
        </TreeGroup>
      );
    }
    return (
      <TreeNode
        key={item.id}
        {...item}
        {...{
          level,
          checkable,
          currentKeys,
          handleCheck,
          activeOpacity,
          nodeStyle,
        }}
      />
    );
  };

  return (
    <ScrollView bounces={false} horizontal={false} showsVerticalScrollIndicator={false} style={style}>
      {data.map(item => renderItem(item, 1))}
    </ScrollView>
  );
};
Tree.displayName = 'Tree';

export default Tree;


================================================
FILE: packages/react-native/src/tree/type.ts
================================================
import { ReactElement } from 'react';
import { StyleProp, TextStyle, ViewStyle } from 'react-native';
import Animated from 'react-native-reanimated';

export interface TreeItemProps {
  /** 节点唯一标识 */
  id: string;
  /** 节点文字 */
  text: string;
  /** 子节点 */
  items?: TreeItemProps[];
  /** 是否禁用树节点 */
  disabled?: boolean;
  /** 点击树节点的回调 */
  onPress?: (id: string) => void;
  /** 自定义选中图标 */
  customCheckIcon?: (checked: 'all' | 'half' | 'none') => ReactElement;
  /** 节点样式 */
  style?: StyleProp<ViewStyle>;
  /** 节点文字样式 */
  textStyle?: StyleProp<TextStyle>;
}

export type FlattenTreeItem = TreeItemProps & { parentId?: string };

export interface TreeProps {
  /** 树的节点数据 */
  data: TreeItemProps[];
  /** 自定义展开图标 */
  customExpandIcon?: (progress: Animated.SharedValue<number>) => ReactElement;
  /** 是否可以选择的 */
  checkable?: boolean;
  /** 默认选中的节点 */
  defaultCheckedKeys?: string[];
  /** 选中的节点 */
  checkedKeys?: string[];
  /** 选中节点变化时的回调 */
  onCheck?: (checkedKeys: string[]) => void;
  /** 默认全部展开 */
  expandAll?: boolean;
  /** 默认展开的节点 */
  defaultExpandedKeys?: string[];
  /** 展开的节点 */
  expandedKeys?: string[];
  /** 展开节点变化时的回调 */
  onExpand?: (expandedKeys: string[]) => void;
  /** 树节点点击时的不透明度 */
  activeOpacity?: number;
  /** 树样式 */
  style?: StyleProp<ViewStyle>;
  /** 树节点统一样式 */
  nodeStyle?: StyleProp<ViewStyle>;
}


================================================
FILE: packages/react-native/src/tree/useGroup.ts
================================================
import { useEffect, useMemo } from 'react';
import { LayoutChangeEvent } from 'react-native';
import { interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { TreeItemProps } from './type';
import { useTree } from './useTree';
import { findAllChildrenIds } from './util';

export default function useGroup({
  id,
  openedKeys,
  currentKeys,
  flatData,
  handleExpand,
}: Omit<ReturnType<typeof useTree>, 'handleCheck'> & Pick<TreeItemProps, 'id'>) {
  const progress = useSharedValue(0);
  const [bodySectionHeight, setBodySectionHeight] = useSafeState(0);

  const handleLayout = (e: LayoutChangeEvent) => {
    setBodySectionHeight(Math.floor(e.nativeEvent.layout.height));
  };

  const bodyStyle = useAnimatedStyle(() => {
    return {
      height: interpolate(progress.value, [0, 1], [0, bodySectionHeight]),
    };
  });

  /** 默认展开菜单 */
  useEffect(() => {
    if (openedKeys.length === 0) return;

    progress.value = withTiming(!openedKeys.includes(id) ? 0 : 1);
  }, [openedKeys]);

  const handlePress = () => {
    handleExpand(id);
    progress.value = withTiming(progress.value === 0 ? 1 : 0);
  };

  /**
   * 根据id和currentKeys计算是否选中，有三种情况：
   * 1. 自己的所有下级节点都已经选中，这时候自己的选中状态是 `all`;
   * 2. 自己的所有下级节点有部分选中，这时候自己的选中状态是 `half`;
   * 3. 自己的所有下级节点都没有选中，这时候自己的选中状态是 `none`;
   */
  const checkStatus = useMemo(() => {
    console.log(currentKeys);
    const item = flatData.find(item => item.id === id);
    if (!item) return 'none';

    if (currentKeys.includes(id)) return 'all';

    if (item.disabled) return 'none';

    // 遍历找到这个id所有的下级节点
    const childrenIds = findAllChildrenIds(id, flatData);
    if (childrenIds.length === 0) return 'none';

    const isAllChecked = childrenIds.every(item => currentKeys.includes(item));
    const isHalfChecked = childrenIds.some(item => currentKeys.includes(item));

    if (isAllChecked) {
      return 'all';
    } else if (isHalfChecked) {
      return 'half';
    } else {
      return 'none';
    }
  }, [currentKeys]) as 'all' | 'half' | 'none';

  return {
    bodyStyle,
    progress,
    checkStatus,

    handleLayout,
    handlePress: useMemoizedFn(handlePress),
  };
}


================================================
FILE: packages/react-native/src/tree/useTree.ts
================================================
import { useEffect, useMemo } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { TreeProps } from './type';
import { findAllChildrenIds, findAllParentIds, flattenData, loopAllParents } from './util';

export function useTree({
  data,
  checkable,
  checkedKeys,
  defaultCheckedKeys,
  onCheck,
  defaultExpandedKeys,
  expandedKeys,
  expandAll,
  onExpand,
}: Omit<TreeProps, 'disabled' | 'showIcon' | 'style' | 'customExpandIcon'>) {
  // 当前选中的节点
  const [currentKeys, setCurrentKeys] = useSafeState<string[]>([]);
  // 当前展开的节点
  const [openedKeys, setOpenedKeys] = useSafeState<string[]>([]);

  /** 将data打平 */
  const flatData = useMemo(() => flattenData(data), [data]);

  /** 根据checkable、checkedKeys、defaultCheckedKeys， 设置当前选中的节点 */
  useEffect(() => {
    if (checkable) {
      if (checkedKeys && checkedKeys.length > 0) {
        setCurrentKeys(checkedKeys);
      } else if (defaultCheckedKeys && defaultCheckedKeys.length > 0) {
        setCurrentKeys(defaultCheckedKeys);
      }
    }
  }, [checkable, checkedKeys, defaultCheckedKeys]);

  /** 根据expandAll、expandedKeys、defaultExpandedKeys， 设置当前展开的节点 */
  useEffect(() => {
    if (expandAll) {
      setOpenedKeys(flatData.filter(item => Boolean(item.parentId)).map(item => item.parentId!));
    } else if (expandedKeys && expandedKeys.length > 0) {
      // 遍历expandedKeys，找到每个节点的所有上级节点
      const expandedKeysWithParents = expandedKeys.reduce((arr, item) => {
        arr = arr.concat(findAllParentIds(item, flatData));
        return arr;
      }, [] as string[]);

      setOpenedKeys(expandedKeysWithParents);
    } else if (defaultExpandedKeys && defaultExpandedKeys.length > 0) {
      // 遍历defaultExpandedKeys， 找到每个节点的所有上级节点
      const defaultExpandedKeysWithParents = defaultExpandedKeys.reduce((arr, item) => {
        arr = arr.concat(findAllParentIds(item, flatData));
        return arr;
      }, [] as string[]);

      setOpenedKeys(defaultExpandedKeysWithParents);
    }
  }, [flattenData, expandAll, expandedKeys, defaultExpandedKeys]);

  /** 选中一个节点时的回调事件 */
  const handleCheck = (key: string) => {
    if (!checkable) return;

    const index = currentKeys.indexOf(key); // 获取当前节点在已选中节点数组中的索引
    let newKeys: string[] = [];
    if (index > -1) {
      newKeys = currentKeys.filter(item => item !== key);
    } else {
      newKeys = [...currentKeys, key];
    }

    // 找到这个节点的所有下级节点
    const childrenIds = findAllChildrenIds(key, flatData);
    if (childrenIds.length > 0) {
      if (index > -1) {
        // 如果当前节点已经选中，那么这个节点的所有下级节点都应该取消选中
        newKeys = newKeys.filter(item => !childrenIds.includes(item));
      } else {
        // 如果当前节点没有选中，那么这个节点的所有下级节点都应该选中
        newKeys = Array.from(new Set([...newKeys, ...childrenIds]));
      }
    }

    // 遍历这个节点的所有上级节点，看是否要选中它们
    loopAllParents(key, flatData, newKeys);

    // 对newKeys去重
    newKeys = Array.from(new Set(newKeys));

    setCurrentKeys(newKeys);
    onCheck?.(newKeys);
  };

  /** 展开一个节点时的回调事件 */
  const handleExpand = (key: string) => {
    const index = openedKeys.indexOf(key);
    let newKeys: string[] = [];
    if (index > -1) {
      newKeys = openedKeys.filter(item => item !== key);
    } else {
      newKeys = [...openedKeys, key];
    }
    setOpenedKeys(newKeys);
    onExpand?.(newKeys);
  };

  return {
    currentKeys,
    openedKeys,
    flatData,

    handleCheck: useMemoizedFn(handleCheck),
    handleExpand: useMemoizedFn(handleExpand),
  };
}


================================================
FILE: packages/react-native/src/tree/util.ts
================================================
import { FlattenTreeItem, TreeItemProps } from './type';

/**
 * 遍历当前节点的所有下级节点
 * @param id 当前节点的id
 * @param data 打平后的数据
 * @returns 当前节点的所有下级节点的id数组
 */
export const findAllChildrenIds = (id: string, data: FlattenTreeItem[]) => {
  const childrenIds: string[] = [];
  const find = (id: string) => {
    const item = data.find(item => item.id === id);
    if (item) {
      childrenIds.push(item.id);
      if (item.items) {
        item.items.forEach(item => {
          find(item.id);
        });
      }
    }
  };
  find(id);

  // 从childrenIds删除被禁用的节点
  const disabledIds = data.filter(item => item.disabled).map(item => item.id);
  disabledIds.forEach(id => {
    const index = childrenIds.indexOf(id);
    if (index > -1) {
      childrenIds.splice(index, 1);
    }
  });

  return childrenIds;
};

/**
 * 遍历当前节点的所有上级节点
 * @param id 当前节点的id
 * @param data 打平后的数据
 * @returns 当前节点的所有上级节点的id数组
 */
export const findAllParentIds = (id: string, data: FlattenTreeItem[]) => {
  const parentIds: string[] = [];
  const find = (id: string) => {
    const item = data.find(item => item.id === id);
    if (item) {
      parentIds.push(item.id);
      if (item.parentId) {
        find(item.parentId);
      }
    }
  };
  find(id);
  return parentIds;
};

/**
 * 找到一个节点的所有兄弟节点(包含自己在内)
 * @param id 当前节点的id
 * @param data 打平后的数据
 * @returns 当前节点的所有兄弟节点的id数组
 */
export const findAllSiblingIds = (id: string, data: FlattenTreeItem[]) => {
  const ele = data.find(item => item.id === id);
  if (!ele) return [];

  return data.filter(item => item.parentId === ele.parentId).map(item => item.id);
};

// 根据传入的id，找到这个节点的所有兄弟节点，判断这个兄弟节点是否都已经选中，如果已经选中，则选中这个节点的父节点，同时以这个父节点为参数递归
// 如果这个节点的所有兄弟节点都没有选中，则取消选中这个节点的父节点，同时以这个父节点为参数，再次调用这个函数
// 直到找到根节点，停止递归
export const loopAllParents = (id: string, data: FlattenTreeItem[], checkedKeys: string[]) => {
  const ele = data.find(item => item.id === id);
  if (!ele) return;

  const siblingIds = findAllSiblingIds(id, data);
  const isAllSiblingChecked = siblingIds.every(item => checkedKeys.includes(item));
  if (isAllSiblingChecked) {
    if (ele.parentId) {
      const parent = data.find(item => item.id === ele.parentId);
      if (parent && !parent.disabled) {
        checkedKeys.push(ele.parentId);
        loopAllParents(ele.parentId, data, checkedKeys);
      }
    }
  } else {
    const index = checkedKeys.indexOf(ele.parentId!);
    if (index > -1) {
      checkedKeys.splice(index, 1);
    }
    loopAllParents(ele.parentId!, data, checkedKeys);
  }
};

/**
 * 将一个树形结构打平
 * @param data 树形结构数据
 * @returns 打平后的数组
 */
export const flattenData = (data: TreeItemProps[]) => {
  const flatten = (data: TreeItemProps[], parentId?: string) => {
    return data.reduce((arr, item) => {
      arr.push({ ...item, parentId });
      if (item.items) {
        arr = arr.concat(flatten(item.items, item.id));
      }
      return arr;
    }, [] as FlattenTreeItem[]);
  };
  return flatten(data);
};


================================================
FILE: packages/react-native/src/utils/redash.ts
================================================
import { interpolateColor } from 'react-native-reanimated';

export const mix = (value: number, x: number, y: number) => {
  'worklet';
  return x * (1 - value) + y * value;
};

type AnimatedColor = string | number;

export const mixColor = (
  value: number,
  color1: AnimatedColor,
  color2: AnimatedColor,
  colorSpace: 'RGB' | 'HSV' = 'RGB'
) => {
  'worklet';
  return interpolateColor(value, [0, 1], [color1, color2], colorSpace);
};

export const clamp = (value: number, lowerBound: number, upperBound: number) => {
  'worklet';
  return Math.min(Math.max(lowerBound, value), upperBound);
};


================================================
FILE: packages/react-native/src/utils/ref-util.ts
================================================
export function addNewRef<T>(refs: any[], newRef: T) {
  refs.push({
    current: newRef,
  });
}

export function removeOldRef<T>(refs: any[], oldRef: T | null) {
  refs = refs.filter(r => r.current !== oldRef);
}

export function getRef(refs: any[]) {
  const reversePriority = [...refs].reverse();
  const activeRef = reversePriority.find(ref => ref?.current !== null);
  if (!activeRef) {
    return null;
  }
  return activeRef.current;
}


================================================
FILE: packages/react-native/src/vehicle-keyboard/VehicleKeyboardInput.tsx
================================================
import React, { forwardRef, useImperativeHandle } from 'react';
import { Keyboard } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Brief from '../brief';
import Flex from '../flex';
import helpers from '../helpers';
import Label from '../label';
import Modal from '../modal';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import { VehicleKeyboardInputProps, VehicleKeyboardRef } from './type';
import useVehicleKeyboard from './useVehicleKeyboard';
import VehicleKeyboardModal from './VehicleKeyboardModal';

const { ONE_PIXEL } = helpers;
const VehicleKeyboardInput = forwardRef<VehicleKeyboardRef, VehicleKeyboardInputProps>(
  (
    {
      label,
      labelPosition = 'left',
      colon = false,
      required = false,
      value,
      onChange,
      onCheck,
      placeholder = '请输入',
      disabled = false,
      type,
      extra,
      style,
      inputStyle,
      allowClear = true,
      brief,
      itemHeight,
      activeOpacity = 0.6,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { currentText, handleSubmit, handleInputClear } = useVehicleKeyboard({
      value,
      onCheck,
      onChange,
      placeholder,
    });

    const show = () => {
      Keyboard.dismiss();
      Modal.show(
        <VehicleKeyboardModal
          {...{
            ...restProps,
            type,
            value: currentText === placeholder ? '' : currentText,
            onSubmit: handleSubmit,
            activeOpacity,
          }}
        />,
        { position: 'bottom' }
      );
    };

    useImperativeHandle(ref, () => {
      return {
        focus: show,
      };
    });

    const InputContent = (
      <Flex paddingHorizontal="x1" borderWidth={ONE_PIXEL} borderColor="border" borderRadius="x1" flex={1}>
        <Pressable
          activeOpacity={activeOpacity}
          onPress={show}
          style={[
            itemHeight ? { height: itemHeight, justifyContent: 'center' } : {},
            {
              flex: 1,
              paddingVertical: theme.spacing.x2,
            },
            style,
          ]}
        >
          <Text variant="p1" color={currentText === placeholder ? 'gray300' : 'text'} style={inputStyle} selectable>
            {currentText}
          </Text>
        </Pressable>
        {allowClear && !disabled && !!currentText && currentText !== placeholder && (
          <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={{ alignItems: 'center' }}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        <Brief brief={extra} />
      </Flex>
    );

    if (labelPosition === 'top')
      return (
        <Box>
          <Label {...{ label, colon, required }} />
          {InputContent}
          <Brief brief={brief} />
        </Box>
      );

    return (
      <Box>
        <Flex alignItems="center">
          <Label {...{ colon, label, required }} />
          {InputContent}
        </Flex>
        <Brief brief={brief} />
      </Box>
    );
  }
);
VehicleKeyboardInput.displayName = 'VehicleKeyboardInput';

export default VehicleKeyboardInput;


================================================
FILE: packages/react-native/src/vehicle-keyboard/VehicleKeyboardItem.tsx
================================================
import React, { forwardRef, useImperativeHandle } from 'react';
import { Keyboard } from 'react-native';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Brief from '../brief';
import Flex from '../flex';
import Modal from '../modal';
import Pressable from '../pressable';
import SvgIcon from '../svg-icon';
import Text from '../text';
import { Theme } from '../theme';
import { VehicleKeyboardItemProps, VehicleKeyboardRef } from './type';
import useVehicleKeyboard from './useVehicleKeyboard';
import VehicleKeyboardModal from './VehicleKeyboardModal';

const VehicleKeyboardItem = forwardRef<VehicleKeyboardRef, VehicleKeyboardItemProps>(
  (
    {
      value,
      onChange,
      onCheck,
      placeholder = '请输入',
      disabled = false,
      style,
      inputStyle,
      extra,
      allowClear = true,
      activeOpacity = 0.6,
      inForm,
      ...restProps
    },
    ref
  ) => {
    const theme = useTheme<Theme>();
    const { currentText, handleSubmit, handleInputClear } = useVehicleKeyboard({
      value,
      onChange,
      onCheck,
      placeholder,
    });

    const show = () => {
      Keyboard.dismiss();
      if (disabled) return;
      Modal.show(
        <VehicleKeyboardModal
          {...{
            ...restProps,
            value: currentText === placeholder ? '' : currentText,
            onSubmit: handleSubmit,
            activeOpacity,
          }}
        />,
        { position: 'bottom' }
      );
    };

    useImperativeHandle(ref, () => {
      return {
        focus: show,
      };
    });

    return (
      <Box width="100%" paddingHorizontal={inForm ? 'x0' : 'x1'} justifyContent={'center'} style={style}>
        <Flex>
          <Pressable
            activeOpacity={activeOpacity}
            onPress={show}
            style={[
              {
                flexGrow: 1,
                paddingVertical: theme.spacing.x2,
                justifyContent: 'center',
              },
            ]}
          >
            <Text
              variant="p1"
              color={currentText === placeholder ? 'gray300' : 'text'}
              style={[{ textAlign: 'right' }, inputStyle]}
              selectable
            >
              {currentText}
            </Text>
          </Pressable>
          {allowClear && !disabled && !!currentText && currentText !== placeholder && (
            <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={{ alignItems: 'center' }}>
              <SvgIcon name="closecircleo" color={theme.colors.icon} />
            </Pressable>
          )}
          <Brief brief={extra} />
        </Flex>
      </Box>
    );
  }
);
VehicleKeyboardItem.displayName = 'VehicleKeyboardItem';

export default VehicleKeyboardItem;


================================================
FILE: packages/react-native/src/vehicle-keyboard/VehicleKeyboardModal.tsx
================================================
import React, { FC } from 'react';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import { ImperativeModalChildrenProps } from '../modal/type';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import { VehicleKeyboardModalProps } from './type';
import useVehicleKeyboardViewModal from './useVehicleKeyboardModal';
import VehicleKeyboardView from './VehicleKeyboardView';

const { ONE_PIXEL, deviceWidth } = helpers;
const VehicleKeyboardModal: FC<ImperativeModalChildrenProps<VehicleKeyboardModalProps>> = ({
  value = '',
  onPress,
  onDelete,
  onSubmit,
  submitText = '完成',
  activeOpacity,
  closeModal,
}) => {
  const theme = useTheme<Theme>();
  const { type, textArr, handleChange, handleSubmit, handleDelete } = useVehicleKeyboardViewModal({
    value,
    onPress,
    onDelete,
    onSubmit,
    closeModal,
  });

  const itemWidth = (deviceWidth - theme.spacing.x2 * 2 - theme.spacing.x1 * 7) / 9;

  const InputText = (value: string | undefined, index: number) => {
    if (index === 7 && !value) {
      return (
        <Text variant="p3" color="text">
          新能源
        </Text>
      );
    }
    return (
      <Text variant="p1" color="text">
        {value}
      </Text>
    );
  };

  return (
    <Box>
      <Flex
        justifyContent="center"
        alignItems="center"
        paddingVertical={'x2'}
        marginBottom={'x1'}
        borderBottomWidth={ONE_PIXEL}
        borderBottomColor={'border'}
      >
        <Flex justifyContent="center" width={itemWidth * 8} borderWidth={ONE_PIXEL} borderColor={'border'}>
          {[0, 1, 2, 3, 4, 5, 6, 7].map((item, index) => {
            return (
              <Box
                key={item}
                alignItems="center"
                justifyContent="center"
                borderRightWidth={index === 7 ? 0 : ONE_PIXEL}
                borderColor="border"
                width={itemWidth}
                height={itemWidth}
              >
                {InputText(textArr[item], item)}
              </Box>
            );
          })}
        </Flex>
        <Pressable onPress={handleSubmit} activeOpacity={activeOpacity} style={{ paddingLeft: theme.spacing.x6 }}>
          <Text variant="p0" color="primary200">
            {submitText}
          </Text>
        </Pressable>
      </Flex>
      <VehicleKeyboardView type={type} onPress={handleChange} onDelete={handleDelete} activeOpacity={activeOpacity} />
    </Box>
  );
};
VehicleKeyboardModal.displayName = 'VehicleKeyboardModal';

export default VehicleKeyboardModal;


================================================
FILE: packages/react-native/src/vehicle-keyboard/VehicleKeyboardView.tsx
================================================
import React, { FC } from 'react';
import { SvgXml } from 'react-native-svg';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import Flex from '../flex';
import helpers from '../helpers';
import Pressable from '../pressable';
import Text from '../text';
import { Theme } from '../theme';
import { VehicleKeyboardViewProps } from './type';

const { px, ONE_PIXEL, deviceWidth } = helpers;

const provinces = [
  '京',
  '津',
  '冀',
  '鲁',
  '晋',
  '蒙',
  '辽',
  '吉',
  '黑',
  '沪',
  '苏',
  '浙',
  '皖',
  '闽',
  '赣',
  '豫',
  '鄂',
  '湘',
  '粤',
  '桂',
  '渝',
  '川',
  '贵',
  '云',
  '藏',
  '陕',
  '甘',
  '琼',
  '新',
  '宁',
  '青',
  '使',
  '领',
  'del',
];
const vehicleNum = [
  '1',
  '2',
  '3',
  '4',
  '5',
  '6',
  '7',
  '8',
  '9',
  '0',
  'Q',
  'W',
  'E',
  'R',
  'T',
  'Y',
  'U',
  'P',
  'A',
  'S',
  'D',
  'F',
  'G',
  'H',
  'J',
  'K',
  'L',
  'Z',
  'X',
  'C',
  'V',
  'B',
  'N',
  'M',
  '挂',
  '学',
  '警',
  '港',
  '澳',
  'del',
];

const keys = {
  provinces,
  vehicleNum,
};

const VehicleKeyboardView: FC<VehicleKeyboardViewProps> = ({
  type = 'provinces',
  onPress,
  onDelete,
  activeOpacity = 0.6,
}) => {
  const theme = useTheme<Theme>();

  const itemWidth = (deviceWidth - theme.spacing.x2 * 2 - theme.spacing.x1 * 7) / 9;

  return (
    <Box>
      <Flex justifyContent={'space-evenly'} flexWrap="wrap">
        {keys[type].map(item => {
          return item != 'del' ? (
            <Pressable
              key={item}
              activeOpacity={activeOpacity}
              onPress={() => {
                onPress?.(item);
              }}
              style={{
                width: itemWidth,
                height: itemWidth,
                margin: theme.spacing.x1,
                borderWidth: ONE_PIXEL,
                borderColor: theme.colors.border,
                borderRadius: theme.borderRadii.x1,
                justifyContent: 'center',
                alignItems: 'center',
              }}
            >
              <Text variant="p0" color="text">
                {item}
              </Text>
            </Pressable>
          ) : (
            <Pressable
              key="del"
              activeOpacity={activeOpacity}
              style={{
                justifyContent: 'center',
                alignItems: 'center',
                alignSelf: 'flex-end',
                width: itemWidth,
                height: itemWidth,
                margin: theme.spacing.x1,
                borderWidth: ONE_PIXEL,
                borderColor: theme.colors.border,
                borderRadius: theme.borderRadii.x1,
                marginLeft: 'auto',
              }}
              onPress={onDelete}
            >
              <SvgXml
                xml={`
                  <svg
                    t="1607517664521"
                    class="icon"
                    viewBox="0 0 1579 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="7769"
                    width="200"
                    height="200"
                  >
                    <path
                      d="M1473.619354 0H499.942734a122.427628 122.427628 0 0 0-94.06463 44.818325L13.044586 478.700403A58.162099 58.162099 0 0 0 15.557763 554.99328l397.261497 437.292818a101.065623 101.065623 0 0 0 72.941974 31.654064h987.85812a109.323205 109.323205 0 0 0 106.331327-111.477356V111.297844A109.263367 109.263367 0 0 0 1473.619354 0z m4.787004 823.544206a87.602174 87.602174 0 0 1-88.021037 86.584936H529.981184a86.345585 86.345585 0 0 1-60.256413-24.533396L141.276456 545.419272a43.083036 43.083036 0 0 1-2.154151-59.239175l324.738386-337.364109a103.638637 103.638637 0 0 1 77.788815-34.825454h849.09484a87.602174 87.602174 0 0 1 88.021037 86.584935v622.968737z"
                      fill="${theme.colors.gray500}"
                      p-id="7770"
                    ></path>
                    <path
                      d="M1192.562379 665.453398a56.965348 56.965348 0 1 1-80.541342 80.541343l-151.508678-151.508678-147.080699 147.260212a56.965348 56.965348 0 0 1-80.541343-80.541343l147.260212-147.260212-151.748028-151.508677a56.90551 56.90551 0 0 1 80.36183-80.541343l151.508678 151.508678 155.577631-155.577631a56.90551 56.90551 0 0 1 80.541343 80.36183l-155.577631 155.577631z"
                      fill="${theme.colors.gray500}"
                      p-id="7771"
                    ></path>
                  </svg>`}
                width={px(22)}
                height={px(14)}
              />
            </Pressable>
          );
        })}
      </Flex>
    </Box>
  );
};

VehicleKeyboardView.displayName = 'VehicleKeyboardView';

export default VehicleKeyboardView;


================================================
FILE: packages/react-native/src/vehicle-keyboard/index.md
================================================
---
title: VehicleKeyboard - 车牌键盘组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 表单组件
  path: /form
---

# VehicleKeyboard 车牌键盘组件

## 效果演示

### 1. 默认的车牌键盘

```tsx | pure
<VehicleKeyboardInput
  onPress={e => {
    Alert.alert(e);
  }}
  onDelete={() => {
    Alert.alert('delete');
  }}
  onSubmit={() => {
    Alert.alert('submit');
  }}
/>
```

<center>
  <figure>
    <img
      alt="数字键盘 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609320228495622158.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### VehicleKeyboardView 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| onPress       | `false` | 按键的回调事件                  | `(key: string) => void`           |          |
| onDelete      | `false` | 删除按键的回调事件              | `() => void`                      |          |
| onSubmit      | `false` | 提交按键的回调事件              | `() => void`                      |          |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |

### VehicleKeyboardModal 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| onPress       | `false` | 按键的回调事件                  | `(key: string) => void`           |          |
| onDelete      | `false` | 删除按键的回调事件              | `() => void`                      |          |
| onSubmit      | `false` | 提交按键的回调事件              | `(value: string) => void`         |          |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |
| submitText    | `false` | 提交按键的文本                  | `string`                          | `确定`   |
| value         | `false` | 输入值                          | `string`                          |          |

### VehicleKeyboardItem 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |
| value         | `false` | 输入值                          | `string`                          |          |
| onChange      | `false` | 值修改后的回调                  | `(value: string) => void`         |          |
| onCheck       | `false` | 对值进行校验的回调              | `(value: string) => Promise<any>` |          |
| placeholder   | `false` | 提示语                          | `string`                          | `请输入` |
| style         | `false` | 自定义样式                      | `ViewStyle`                       |          |
| inputStyle    | `false` | 输入框文字样式                  | `TextStyle`                       |          |
| extra         | `false` | 右侧内容                        | `ReactNode`                       |          |
| arrowClear    | `false` | 是否允许清空                    | `boolean`                         | `true`   |
| disabled      | `false` | 是否禁用                        | `boolean`                         | `false`  |

### VehicleKeyboardInput 组件

| 属性          | 必填    | 说明                            | 类型                              | 默认值   |
| ------------- | ------- | ------------------------------- | --------------------------------- | -------- |
| type          | `false` | 键盘类型 （数字、身份证、整数） | `number` \| `IdCard` \| `integer` | `number` |
| activeOpacity | `false` | 按下时的不透明度                | `number`                          | `0.6`    |
| value         | `false` | 输入值                          | `string`                          |          |
| onChange      | `false` | 值修改后的回调                  | `(value: string) => void`         |          |
| onCheck       | `false` | 对值进行校验的回调              | `(value: string) => Promise<any>` |          |
| placeholder   | `false` | 提示语                          | `string`                          | `请输入` |
| style         | `false` | 自定义样式                      | `ViewStyle`                       |          |
| inputStyle    | `false` | 输入框文字样式                  | `TextStyle`                       |          |
| extra         | `false` | 右侧内容                        | `ReactNode`                       |          |
| arrowClear    | `false` | 是否允许清空                    | `boolean`                         | `true`   |
| disabled      | `false` | 是否禁用                        | `boolean`                         | `false`  |
| minHeight     | `false` | 输入框最小高度                  | `number`                          | `32`     |
| label         | `true`  | 标签文本                        | `string`                          |          |
| labelPosition | `false` | 标签位置。输入框左侧或者顶部    | `left` \| `top`                   | `left`   |
| colon         | `false` | 是否在标签后显示冒号            | `boolean`                         | `false`  |
| required      | `false` | 是否在标签前显示必填标识        | `boolean`                         | `false`  |
| brief         | `false` | 底部内容                        | `ReactNode`                       |          |


================================================
FILE: packages/react-native/src/vehicle-keyboard/index.tsx
================================================
export { default as VehicleKeyboardView } from './VehicleKeyboardView';
export { default as VehicleKeyboardItem } from './VehicleKeyboardItem';
export { default as VehicleKeyboardInput } from './VehicleKeyboardInput';


================================================
FILE: packages/react-native/src/vehicle-keyboard/type.ts
================================================
import { ReactNode } from 'react';
import { StyleProp, TextStyle, ViewStyle } from 'react-native';

export type VehicleKeyboardType = 'provinces' | 'vehicleNum';

export type VehicleKeyboardViewProps = {
  /** 键盘类型 省份和数字字母 */
  type?: VehicleKeyboardType;
  /** 按键事件 */
  onPress?: (key: string) => void;
  /** 删除事件 */
  onDelete?: () => void;
  /** 提交事件 */
  onSubmit?: () => void;
  /** 按下时的不透明度 */
  activeOpacity?: number;
};

export interface VehicleKeyboardModalProps extends Omit<VehicleKeyboardViewProps, 'onSubmit'> {
  value?: string;
  onSubmit: (value: string) => void;
  submitText?: string;
}

export interface VehicleKeyboardRef {
  focus: () => void;
}

export interface VehicleKeyboardItemProps extends Pick<VehicleKeyboardViewProps, 'type' | 'activeOpacity'> {
  value?: string;
  onChange?: (value?: string) => void;
  onCheck?: (value: string) => Promise<any>;
  placeholder?: string;
  style?: StyleProp<ViewStyle>;
  inputStyle?: StyleProp<TextStyle>;
  /** 右侧内容 */
  extra?: ReactNode;
  allowClear?: boolean;
  disabled?: boolean;
  inForm?: boolean;
}

export interface VehicleKeyboardInputProps extends VehicleKeyboardItemProps {
  label: string;
  /** 标签位置。可选值：左侧/上方 */
  labelPosition?: 'left' | 'top';
  /** 是否显示冒号 */
  colon?: boolean;
  /** 是否必填项 */
  required?: boolean;
  brief?: ReactNode;
  itemHeight?: number;
}


================================================
FILE: packages/react-native/src/vehicle-keyboard/useVehicleKeyboard.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import Toast from '../toast';
import type { VehicleKeyboardInputProps } from './type';

const VehicleReg =
  /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/;

export default function useVehicleKeyboard({
  value,
  onChange,
  onCheck,
  placeholder = '请输入',
}: Pick<VehicleKeyboardInputProps, 'value' | 'onChange' | 'onCheck' | 'placeholder'>) {
  const [currentText, setCurrentText] = useSafeState<string>();

  useEffect(() => {
    setCurrentText(value ?? placeholder ?? '');
  }, [value, placeholder]);

  /**
   * 根据type对value进行合法性校验
   */
  const handleSubmit = async (value: string) => {
    if (!VehicleReg.test(value)) {
      Toast.middle({ content: '请输入正确的车牌号' });
      return;
    }
    await onCheck?.(value);
    if (onChange) {
      onChange(`${value}`);
    } else {
      setCurrentText(value || placeholder);
    }
  };

  const handleInputClear = () => {
    if (onChange) {
      onChange();
    } else {
      setCurrentText(placeholder);
    }
  };

  return {
    currentText,
    handleSubmit: useMemoizedFn(handleSubmit),
    handleInputClear: useMemoizedFn(handleInputClear),
  };
}


================================================
FILE: packages/react-native/src/vehicle-keyboard/useVehicleKeyboardModal.ts
================================================
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { ImperativeModalChildrenProps } from '../modal/type';
import { VehicleKeyboardModalProps, VehicleKeyboardType } from './type';

export default function useVehicleKeyboardModal({
  value = '',
  onPress,
  onDelete,
  onSubmit,
  closeModal,
}: Pick<
  ImperativeModalChildrenProps<VehicleKeyboardModalProps>,
  'value' | 'onPress' | 'onDelete' | 'onSubmit' | 'closeModal'
>) {
  const [text, setText] = useSafeState(value);

  const type = text.length === 0 ? 'provinces' : ('vehicleNum' as VehicleKeyboardType);
  const textArr = text.split('');

  const handleChange = (key: string) => {
    if (text.length > 8) {
      return;
    }
    setText(text => text + key);
    onPress?.(key);
  };

  const handleDelete = () => {
    setText(text => (text.length > 0 ? text.slice(0, text.length - 1) : ''));
    onDelete?.();
  };

  const handleSubmit = () => {
    onSubmit?.(text);
    closeModal?.();
  };

  return {
    text,
    type,
    textArr,
    handleChange: useMemoizedFn(handleChange),
    handleSubmit: useMemoizedFn(handleSubmit),
    handleDelete: useMemoizedFn(handleDelete),
  };
}


================================================
FILE: packages/react-native/src/white-space/index.md
================================================
---
title: WhiteSpace - 水平留白组件
nav:
  title: RN 组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# WhiteSpace 水平留白组件

## 效果演示

### 1. 默认效果

```tsx | pure
<View style={{ height: 50, backgroundColor: 'red' }} />
<WhiteSpace />
<View style={{ height: 50, backgroundColor: 'gold' }} />
```

<center>
  <figure>
    <img
      alt="whiteSpace-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607483947000193494.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 指定 backgroundColor 和 size

```tsx | pure
<View style={{ height: 50, backgroundColor: 'red' }} />
<WhiteSpace size="x6" backgroundColor="green" />
<View style={{ height: 50, backgroundColor: 'gold' }} />
```

<center>
  <figure>
    <img
      alt="whiteSpace-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607484882581015487.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性            | 必填    | 说明             | 类型                                                | 默认值        |
| --------------- | ------- | ---------------- | --------------------------------------------------- | ------------- |
| size            | `false` | 水平留白的大小   | `xxs` \| `xs` \| `s` \| `m` \| `l` \| `xl` \| `xxl` | `m`           |
| backgroundColor | `false` | 水平留白的背景色 | `string`                                            | `transparent` |

_`size`的值对应的具体大小定义在`theme`文件的`spacing`。_


================================================
FILE: packages/react-native/src/white-space/index.tsx
================================================
import React, { FC, memo } from 'react';

import { useTheme } from '@shopify/restyle';

import Box from '../box';
import { Spacing, Theme } from '../theme';

export interface WhiteSpaceProps {
  size?: Spacing;
  backgroundColor?: string;
}

const WhiteSpace: FC<WhiteSpaceProps> = ({ size = 'x2', backgroundColor = 'transparent' }) => {
  const theme = useTheme<Theme>();
  return <Box height={theme.spacing[size]} style={{ backgroundColor }} />;
};
WhiteSpace.displayName = 'WhiteSpace';

export default memo(WhiteSpace);


================================================
FILE: packages/react-native/src/wing-blank/index.md
================================================
---
title: WingBlank - 两翼留白组件
nav:
  title: RN 组件
  path: /react-native
group:
  title: 基础组件
  path: /basic
---

# WingBlank 两翼留白组件

**Tips: 当`WingBlank`组件和`ScrollView`组件配合使用时，请务必让`WingBlank`组件作为`ScrollView`组件的子组件使用。**

## 效果演示

### 1. 默认效果

```tsx | pure
<WingBlank>
  <View style={{ height: 150, backgroundColor: 'red' }} />
</WingBlank>
```

<center>
  <figure>
    <img
      alt="wingBlank-ios1.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607485239616233263.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 修改 size

```tsx | pure
<WingBlank size="x6">
  <View style={{ height: 150, backgroundColor: 'red' }} />
</WingBlank>
```

<center>
  <figure>
    <img
      alt="wingBlank-ios2.png"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607485584301348092.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性     | 必填    | 说明           | 类型                                                | 默认值 |
| -------- | ------- | -------------- | --------------------------------------------------- | ------ |
| size     | `false` | 两翼留白的大小 | `xxs` \| `xs` \| `s` \| `m` \| `l` \| `xl` \| `xxl` | `m`    |
| children | `true`  | 包裹的子组件   | `ReactNode`                                         |        |

_`size`的值对应的具体大小定义在`theme`文件的`spacing`。_


================================================
FILE: packages/react-native/src/wing-blank/index.tsx
================================================
import React, { FC, memo, PropsWithChildren } from 'react';

import { BoxProps } from '@shopify/restyle';

import Box from '../box';
import { Spacing, Theme } from '../theme';

export interface WingBlankProps extends BoxProps<Theme> {
  size?: Spacing;
}

const WingBlank: FC<PropsWithChildren<WingBlankProps>> = ({ children, size = 'x2', ...restProps }) => {
  return (
    <Box marginHorizontal={size} backgroundColor={'transparent'} {...restProps}>
      {children}
    </Box>
  );
};
WingBlank.displayName = 'WingBlank';

export default memo(WingBlank);


================================================
FILE: packages/react-native/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false,
    "baseUrl": "."
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "**/*.js", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native/typings.d.ts
================================================
import 'react';

type ChildrenType = JSX.Element | number | boolean | Element | ReactFragment | null;

declare module 'react' {
  interface RefAttributes {
    children?: ChildrenType;
  }
}


================================================
FILE: packages/react-native-alipay/.gitignore
================================================
# OSX
#
.DS_Store

# node.js
#
node_modules/
npm-debug.log
yarn-error.log

# Xcode
#
build/
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3
xcuserdata
*.xccheckout
*.moved-aside
DerivedData
*.hmap
*.ipa
*.xcuserstate
project.xcworkspace

# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml

# BUCK
buck-out/
\.buckd/
*.keystore


================================================
FILE: packages/react-native-alipay/README.md
================================================
# react-native-alipay

## Getting started

`$ npm install @td-design/react-native-alipay --save`

# android

```

1 申请安卓权限

支付宝需要申请以下权限

```

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
```


================================================
FILE: packages/react-native-alipay/android/README.md
================================================
# README

If you want to publish the lib as a maven dependency, follow these steps before publishing a new version to npm:

1. Be sure to have the Android [SDK](https://developer.android.com/studio/index.html) and [NDK](https://developer.android.com/ndk/guides/index.html) installed
2. Be sure to have a `local.properties` file in this folder that points to the Android SDK and NDK

```
ndk.dir=/Users/{username}/Library/Android/sdk/ndk-bundle
sdk.dir=/Users/{username}/Library/Android/sdk
```

3. Delete the `maven` folder
4. Run `./gradlew installArchives`
5. Verify that latest set of generated files is in the maven folder with the correct version number


================================================
FILE: packages/react-native-alipay/android/build.gradle
================================================
// android/build.gradle

// based on:
//
// * https://github.com/facebook/react-native/blob/0.60-stable/template/android/build.gradle
//   previous location:
//   - https://github.com/facebook/react-native/blob/0.58-stable/local-cli/templates/HelloWorld/android/build.gradle
//
// * https://github.com/facebook/react-native/blob/0.60-stable/template/android/app/build.gradle
//   previous location:
//   - https://github.com/facebook/react-native/blob/0.58-stable/local-cli/templates/HelloWorld/android/app/build.gradle

// These defaults should reflect the SDK versions used by
// the minimum React Native version supported.
def DEFAULT_COMPILE_SDK_VERSION = 28
def DEFAULT_BUILD_TOOLS_VERSION = '28.0.3'
def DEFAULT_MIN_SDK_VERSION = 16
def DEFAULT_TARGET_SDK_VERSION = 28

def safeExtGet(prop, fallback) {
    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
}

apply plugin: 'com.android.library'
apply plugin: 'maven'

buildscript {
    // The Android Gradle plugin is only required when opening the android folder stand-alone.
    // This avoids unnecessary downloads and potential conflicts when the library is included as a
    // module dependency in an application project.
    // ref: https://docs.gradle.org/current/userguide/tutorial_using_tasks.html#sec:build_script_external_dependencies
    if (project == rootProject) {
        repositories {
            google()
        }
        dependencies {
            // This should reflect the Gradle plugin version used by
            // the minimum React Native version supported.
            classpath 'com.android.tools.build:gradle:3.4.1'
        }
    }
}

android {
    compileSdkVersion safeExtGet('compileSdkVersion', DEFAULT_COMPILE_SDK_VERSION)
    buildToolsVersion safeExtGet('buildToolsVersion', DEFAULT_BUILD_TOOLS_VERSION)
    defaultConfig {
        minSdkVersion safeExtGet('minSdkVersion', DEFAULT_MIN_SDK_VERSION)
        targetSdkVersion safeExtGet('targetSdkVersion', DEFAULT_TARGET_SDK_VERSION)
        versionCode 1
        versionName "1.0"
    }
    lintOptions {
        abortOnError false
    }
}

repositories {
    // ref: https://www.baeldung.com/maven-local-repository
    mavenLocal()
    maven {
        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
        url "$rootDir/../node_modules/react-native/android"
    }
    maven {
        // Android JSC is installed from npm
        url "$rootDir/../node_modules/jsc-android/dist"
    }
    google()
}

dependencies {
    //noinspection GradleDynamicVersion
    implementation 'com.facebook.react:react-native:+'  // From node_modules
    implementation (files('./libs/alipaysdk-15.8.06.211122170115.aar'))
}





================================================
FILE: packages/react-native-alipay/android/src/main/AndroidManifest.xml
================================================
<!-- AndroidManifest.xml -->

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.thundersdata.alipay">

</manifest>


================================================
FILE: packages/react-native-alipay/android/src/main/java/com/thundersdata/alipay/ReactNativeAlipayModule.java
================================================
// ReactNativeAlipayModule.java

package com.thundersdata.alipay;

import com.alipay.sdk.app.EnvUtils;
import com.alipay.sdk.app.PayTask;
import com.facebook.react.bridge.Arguments;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.Promise;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.WritableMap;
import java.util.Map;

public class ReactNativeAlipayModule extends ReactContextBaseJavaModule {

    private final ReactApplicationContext reactContext;

    public ReactNativeAlipayModule(ReactApplicationContext reactContext) {
        super(reactContext);
        this.reactContext = reactContext;
    }

    @Override
    public String getName() {
        return "ReactNativeAlipay";
    }

    @ReactMethod
    public void openSandBox(){
      EnvUtils.setEnv(EnvUtils.EnvEnum.SANDBOX);
    }

    @ReactMethod
    public void sampleMethod(String stringArgument, int numberArgument, Callback callback) {
        // TODO: Implement some actually useful functionality
        callback.invoke("Received numberArgument: " + numberArgument + " stringArgument: " + stringArgument);
    }

    @ReactMethod
    public void pay(final String orderInfo, final Promise promise) {
        Runnable payRunnable = new Runnable() {
            @Override
            public void run() {
                WritableMap map = Arguments.createMap();
                PayTask alipay = new PayTask(getCurrentActivity());
                Map<String, String> result = alipay.payV2(orderInfo,true);
                for (Map.Entry<String, String> entry: result.entrySet())
                    map.putString(entry.getKey(), entry.getValue());
                promise.resolve(map);
            }
        };
        // 必须异步调用
        Thread payThread = new Thread(payRunnable);
        payThread.start();
    }

}


================================================
FILE: packages/react-native-alipay/android/src/main/java/com/thundersdata/alipay/ReactNativeAlipayPackage.java
================================================
// ReactNativeAlipayPackage.java

package com.thundersdata.alipay;

import java.util.Arrays;
import java.util.Collections;
import java.util.List;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;

public class ReactNativeAlipayPackage implements ReactPackage {
    @Override
    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
        return Arrays.<NativeModule>asList(new ReactNativeAlipayModule(reactContext));
    }

    @Override
    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
        return Collections.emptyList();
    }
}


================================================
FILE: packages/react-native-alipay/index.js
================================================
// main index.js
import { NativeModules } from 'react-native';

const { ReactNativeAlipay } = NativeModules;

export default ReactNativeAlipay;


================================================
FILE: packages/react-native-alipay/ios/ReactNativeAlipay.h
================================================
// ReactNativeAlipay.h
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>

@interface RCTAlipay : NSObject<RCTBridgeModule>

+(void) handleCallback:(NSURL *)url;

@end


================================================
FILE: packages/react-native-alipay/ios/ReactNativeAlipay.m
================================================
#import "ReactNativeAlipay.h"
#import <AlipaySDK/AlipaySDK.h>

static RCTPromiseResolveBlock _resolve;
static RCTPromiseRejectBlock _reject;

@implementation RCTAlipay

RCT_EXPORT_MODULE(ReactNativeAlipay);

RCT_REMAP_METHOD(pay, payInfo:(NSString *)payInfo resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
{
 
    NSArray *urls = [[NSBundle mainBundle] infoDictionary][@"CFBundleURLTypes"];
    NSMutableString *appScheme = [NSMutableString string];
    
    BOOL multiUrls = [urls count] > 1;
    for (NSDictionary *url in urls) {
        NSArray *schemes = url[@"CFBundleURLSchemes"];
        if (!multiUrls ||
            (multiUrls && [@"alipay" isEqualToString:url[@"CFBundleURLName"]])) {
            [appScheme appendString:schemes[0]];
            break;
        }
    }

    if ([appScheme isEqualToString:@""]) {
        NSString *error = @"scheme cannot be empty";
        reject(@"10000", error, [NSError errorWithDomain:error code:10000 userInfo:NULL]);
        return;
    }
    
    _resolve = resolve;
    _reject = reject;
    
    [[AlipaySDK defaultService] payOrder:payInfo fromScheme:appScheme callback:^(NSDictionary *resultDic) {
        [RCTAlipay handleResult:resultDic];
    }];
}

+(void) handleCallback:(NSURL *)url
{
    NSLog(@"url = %@",url);
    //如果极简开发包不可用，会跳转支付宝钱包进行支付，需要将支付宝钱包的支付结果回传给开发包
    if ([url.host isEqualToString:@"safepay"]) {
        [[AlipaySDK defaultService] processOrderWithPaymentResult:url standbyCallback:^(NSDictionary *resultDic) {
          NSLog(@"result = %@",resultDic);
          //【由于在跳转支付宝客户端支付的过程中，商户app在后台很可能被系统kill了，所以pay接口的callback就会失效，请商户对standbyCallback返回的回调结果进行处理,就是在这个方法里面处理跟callback一样的逻辑】
            [self handleResult:resultDic];
        }];
    }
    if ([url.host isEqualToString:@"platformapi"]){//支付宝钱包快登授权返回authCode
        
        [[AlipaySDK defaultService] processAuthResult:url standbyCallback:^(NSDictionary *resultDic) {
          NSLog(@"result = %@",resultDic);
            //【由于在跳转支付宝客户端支付的过程中，商户app在后台很可能被系统kill了，所以pay接口的callback就会失效，请商户对standbyCallback返回的回调结果进行处理,就是在这个方法里面处理跟callback一样的逻辑】
            [self handleResult:resultDic];
        }];
    }
}

+(void) handleResult:(NSDictionary *)resultDic
{
    NSString *status = resultDic[@"resultStatus"];
    if ([status integerValue] >= 8000) {
        _resolve(resultDic);
    } else {
        _reject(status, resultDic[@"memo"], [NSError errorWithDomain:resultDic[@"memo"] code:[status integerValue] userInfo:NULL]);
    }
}

+ (BOOL)requiresMainQueueSetup{
  return NO;
}

@end


================================================
FILE: packages/react-native-alipay/ios/ReactNativeAlipay.xcodeproj/project.pbxproj
================================================
// !$*UTF8*$!
{
	archiveVersion = 1;
	classes = {
	};
	objectVersion = 46;
	objects = {

/* Begin PBXCopyFilesBuildPhase section */
		58B511D91A9E6C8500147676 /* CopyFiles */ = {
			isa = PBXCopyFilesBuildPhase;
			buildActionMask = 2147483647;
			dstPath = "include/$(PRODUCT_NAME)";
			dstSubfolderSpec = 16;
			files = (
			);
			runOnlyForDeploymentPostprocessing = 0;
		};
/* End PBXCopyFilesBuildPhase section */

/* Begin PBXFileReference section */
		134814201AA4EA6300B7C361 /* libReactNativeAlipay.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libReactNativeAlipay.a; sourceTree = BUILT_PRODUCTS_DIR; };
/* End PBXFileReference section */

/* Begin PBXFrameworksBuildPhase section */
		58B511D81A9E6C8500147676 /* Frameworks */ = {
			isa = PBXFrameworksBuildPhase;
			buildActionMask = 2147483647;
			files = (
			);
			runOnlyForDeploymentPostprocessing = 0;
		};
/* End PBXFrameworksBuildPhase section */

/* Begin PBXGroup section */
		134814211AA4EA7D00B7C361 /* Products */ = {
			isa = PBXGroup;
			children = (
				134814201AA4EA6300B7C361 /* libReactNativeAlipay.a */,
			);
			name = Products;
			sourceTree = "<group>";
		};
		58B511D21A9E6C8500147676 = {
			isa = PBXGroup;
			children = (
				134814211AA4EA7D00B7C361 /* Products */,
			);
			sourceTree = "<group>";
		};
/* End PBXGroup section */

/* Begin PBXNativeTarget section */
		58B511DA1A9E6C8500147676 /* ReactNativeAlipay */ = {
			isa = PBXNativeTarget;
			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "ReactNativeAlipay" */;
			buildPhases = (
				58B511D71A9E6C8500147676 /* Sources */,
				58B511D81A9E6C8500147676 /* Frameworks */,
				58B511D91A9E6C8500147676 /* CopyFiles */,
			);
			buildRules = (
			);
			dependencies = (
			);
			name = ReactNativeAlipay;
			productName = RCTDataManager;
			productReference = 134814201AA4EA6300B7C361 /* libReactNativeAlipay.a */;
			productType = "com.apple.product-type.library.static";
		};
/* End PBXNativeTarget section */

/* Begin PBXProject section */
		58B511D31A9E6C8500147676 /* Project object */ = {
			isa = PBXProject;
			attributes = {
				LastUpgradeCheck = 0920;
				ORGANIZATIONNAME = Facebook;
				TargetAttributes = {
					58B511DA1A9E6C8500147676 = {
						CreatedOnToolsVersion = 6.1.1;
					};
				};
			};
			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "ReactNativeAlipay" */;
			compatibilityVersion = "Xcode 3.2";
			developmentRegion = en;
			hasScannedForEncodings = 0;
			knownRegions = (
				en,
				Base,
			);
			mainGroup = 58B511D21A9E6C8500147676;
			productRefGroup = 58B511D21A9E6C8500147676;
			projectDirPath = "";
			projectRoot = "";
			targets = (
				58B511DA1A9E6C8500147676 /* ReactNativeAlipay */,
			);
		};
/* End PBXProject section */

/* Begin PBXSourcesBuildPhase section */
		58B511D71A9E6C8500147676 /* Sources */ = {
			isa = PBXSourcesBuildPhase;
			buildActionMask = 2147483647;
			files = (
			);
			runOnlyForDeploymentPostprocessing = 0;
		};
/* End PBXSourcesBuildPhase section */

/* Begin XCBuildConfiguration section */
		58B511ED1A9E6C8500147676 /* Debug */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				ALWAYS_SEARCH_USER_PATHS = NO;
				CLANG_ANALYZER_NONNULL = YES;
				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
				CLANG_CXX_LIBRARY = "libc++";
				CLANG_ENABLE_MODULES = YES;
				CLANG_ENABLE_OBJC_ARC = YES;
				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
				CLANG_WARN_BOOL_CONVERSION = YES;
				CLANG_WARN_COMMA = YES;
				CLANG_WARN_CONSTANT_CONVERSION = YES;
				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
				CLANG_WARN_EMPTY_BODY = YES;
				CLANG_WARN_ENUM_CONVERSION = YES;
				CLANG_WARN_INFINITE_RECURSION = YES;
				CLANG_WARN_INT_CONVERSION = YES;
				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
				CLANG_WARN_STRICT_PROTOTYPES = YES;
				CLANG_WARN_SUSPICIOUS_MOVE = YES;
				CLANG_WARN_UNREACHABLE_CODE = YES;
				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
				COPY_PHASE_STRIP = NO;
				ENABLE_STRICT_OBJC_MSGSEND = YES;
				ENABLE_TESTABILITY = YES;
				GCC_C_LANGUAGE_STANDARD = gnu99;
				GCC_DYNAMIC_NO_PIC = NO;
				GCC_NO_COMMON_BLOCKS = YES;
				GCC_OPTIMIZATION_LEVEL = 0;
				GCC_PREPROCESSOR_DEFINITIONS = (
					"DEBUG=1",
					"$(inherited)",
				);
				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
				GCC_WARN_UNDECLARED_SELECTOR = YES;
				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
				GCC_WARN_UNUSED_FUNCTION = YES;
				GCC_WARN_UNUSED_VARIABLE = YES;
				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
				LIBRARY_SEARCH_PATHS = (
					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
					"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
					"\"$(inherited)\"",
				);
				MTL_ENABLE_DEBUG_INFO = YES;
				ONLY_ACTIVE_ARCH = YES;
				SDKROOT = iphoneos;
			};
			name = Debug;
		};
		58B511EE1A9E6C8500147676 /* Release */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				ALWAYS_SEARCH_USER_PATHS = NO;
				CLANG_ANALYZER_NONNULL = YES;
				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
				CLANG_CXX_LIBRARY = "libc++";
				CLANG_ENABLE_MODULES = YES;
				CLANG_ENABLE_OBJC_ARC = YES;
				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
				CLANG_WARN_BOOL_CONVERSION = YES;
				CLANG_WARN_COMMA = YES;
				CLANG_WARN_CONSTANT_CONVERSION = YES;
				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
				CLANG_WARN_EMPTY_BODY = YES;
				CLANG_WARN_ENUM_CONVERSION = YES;
				CLANG_WARN_INFINITE_RECURSION = YES;
				CLANG_WARN_INT_CONVERSION = YES;
				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
				CLANG_WARN_STRICT_PROTOTYPES = YES;
				CLANG_WARN_SUSPICIOUS_MOVE = YES;
				CLANG_WARN_UNREACHABLE_CODE = YES;
				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
				COPY_PHASE_STRIP = YES;
				ENABLE_NS_ASSERTIONS = NO;
				ENABLE_STRICT_OBJC_MSGSEND = YES;
				GCC_C_LANGUAGE_STANDARD = gnu99;
				GCC_NO_COMMON_BLOCKS = YES;
				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
				GCC_WARN_UNDECLARED_SELECTOR = YES;
				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
				GCC_WARN_UNUSED_FUNCTION = YES;
				GCC_WARN_UNUSED_VARIABLE = YES;
				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
				LIBRARY_SEARCH_PATHS = (
					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
					"\"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)\"",
					"\"$(inherited)\"",
				);
				MTL_ENABLE_DEBUG_INFO = NO;
				SDKROOT = iphoneos;
				VALIDATE_PRODUCT = YES;
			};
			name = Release;
		};
		58B511F01A9E6C8500147676 /* Debug */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
					"$(SRCROOT)/../../../React/**",
					"$(SRCROOT)/../../react-native/React/**",
				);
				LIBRARY_SEARCH_PATHS = "$(inherited)";
				OTHER_LDFLAGS = "-ObjC";
				PRODUCT_NAME = ReactNativeAlipay;
				SKIP_INSTALL = YES;
			};
			name = Debug;
		};
		58B511F11A9E6C8500147676 /* Release */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
					"$(SRCROOT)/../../../React/**",
					"$(SRCROOT)/../../react-native/React/**",
				);
				LIBRARY_SEARCH_PATHS = "$(inherited)";
				OTHER_LDFLAGS = "-ObjC";
				PRODUCT_NAME = ReactNativeAlipay;
				SKIP_INSTALL = YES;
			};
			name = Release;
		};
/* End XCBuildConfiguration section */

/* Begin XCConfigurationList section */
		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "ReactNativeAlipay" */ = {
			isa = XCConfigurationList;
			buildConfigurations = (
				58B511ED1A9E6C8500147676 /* Debug */,
				58B511EE1A9E6C8500147676 /* Release */,
			);
			defaultConfigurationIsVisible = 0;
			defaultConfigurationName = Release;
		};
		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "ReactNativeAlipay" */ = {
			isa = XCConfigurationList;
			buildConfigurations = (
				58B511F01A9E6C8500147676 /* Debug */,
				58B511F11A9E6C8500147676 /* Release */,
			);
			defaultConfigurationIsVisible = 0;
			defaultConfigurationName = Release;
		};
/* End XCConfigurationList section */
	};
	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
}


================================================
FILE: packages/react-native-alipay/ios/ReactNativeAlipay.xcworkspace/contents.xcworkspacedata
================================================
<?xml version="1.0" encoding="UTF-8"?>
<Workspace
   version = "1.0">
   <FileRef
      location = "group:ReactNativeAlipay.xcodeproj">
   </FileRef>
</Workspace>


================================================
FILE: packages/react-native-alipay/package.json
================================================
{
  "name": "@td-design/react-native-alipay",
  "title": "React Native Alipay",
  "version": "1.0.0",
  "description": "集成支付宝支付功能",
  "main": "index.js",
  "files": [
    "README.md",
    "android",
    "index.js",
    "ios",
    "react-native-alipay.podspec"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "keywords": [
    "react-native",
    "alipay"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "devDependencies": {
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2"
  }
}

================================================
FILE: packages/react-native-alipay/react-native-alipay.podspec
================================================
# react-native-alipay.podspec

require "json"

package = JSON.parse(File.read(File.join(__dir__, "package.json")))

Pod::Spec.new do |s|
  s.name         = "react-native-alipay"
  s.version      = package["version"]
  s.summary      = package["description"]
  s.description  = <<-DESC
                  react-native-alipay
                   DESC
  s.homepage     = "https://github.com/thundersdata-frontend/td-design"
  # brief license entry:
  s.license      = "MIT"
  # optional - use expanded license entry instead:
  # s.license    = { :type => "MIT", :file => "LICENSE" }
  s.authors      = { "Your Name" => "yourname@email.com" }
  s.platforms    = { :ios => "9.0" }
  s.source       = { :git => "https://github.com/thundersdata-frontend/td-design/.git", :tag => "#{s.version}" }

  s.source_files = "ios/**/*.{h,c,cc,cpp,m,mm,swift}"
  s.requires_arc = true




  s.dependency "React"
  s.dependency "AlipaySDK-iOS"
  # ...
  # s.dependency "..."
end



================================================
FILE: packages/react-native-amap-search/.gitignore
================================================
# OSX
#
.DS_Store

# node.js
#
node_modules/
npm-debug.log
yarn-error.log

# Xcode
#
build/
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3
xcuserdata
*.xccheckout
*.moved-aside
DerivedData
*.hmap
*.ipa
*.xcuserstate
project.xcworkspace

# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml

# BUCK
buck-out/
\.buckd/
*.keystore


================================================
FILE: packages/react-native-amap-search/CHANGELOG.md
================================================
# @td-design/react-native-amap-search

## 2.0.1

### Patch Changes

- [#633](https://github.com/thundersdata-frontend/td-design/pull/633) [`76eb30946`](https://github.com/thundersdata-frontend/td-design/commit/76eb309464969557a4da35335a052d66e2fbd80b) Thanks [@chen929104](https://github.com/chen929104)! - 搜索的时候增加城市设置

## 2.0.0

### Major Changes

- [#514](https://github.com/thundersdata-frontend/td-design/pull/514) [`ec67fd8d4`](https://github.com/thundersdata-frontend/td-design/commit/ec67fd8d4dcddf3cd77401f24fb8413dbc8904ed) Thanks [@chen929104](https://github.com/chen929104)! - refactor: 1 修改 react-native-amap 原生 init 方法名名称（不影响组件的调用）


================================================
FILE: packages/react-native-amap-search/README.md
================================================
# react-native-amap-search

search

## 安装

npm or yarn

```sh
npm install @td-design/react-native-amap-search

yarn add @td-design/react-native-amap-search

# ios 项目需要更新 pods
cd ios
pod install
```

## 使用

### 添加高德 Key

- ios

1 [获取高德 key](https://lbs.amap.com/api/android-sdk/guide/create-project/get-key)

2 在 AppDelegate.m 里引入 SDK 头文件 #import <AMapFoundationKit/AMapFoundationKit.h>， 并设置高德 Key [AMapServices sharedServices].apiKey = @"你的高德 Key";。

- android

1 [获取高德 key](https://lbs.amap.com/api/android-sdk/guide/create-project/get-key)

2 编辑 Android 项目的 AndroidManifest.xml（一般在 android\app\src\main\AndroidManifest.xml），添加如下代码：

```
<application>
  <meta-data android:name="com.amap.api.v2.apikey" android:value="你的高德 Key" />
</application>
```

## 用法

1 初始化

```js
import { init } from '@td-design/react-native-amap-search';

init();
```

2 调用

```js
import { useAMapSearch } from '@td-design/react-native-amap-search';

const { aMapPOIKeywordsSearch, data } = useAMapSearch();
```

## API

1 aMapPOIKeywordsSearch(关键字搜索)

```js
export interface KeyWordsSearchPOIParams {
  /**关键字 */
  keywords?: string;
  /**范围 */
  cityLimit?: boolean;
  /**是否指定城市 */
  city?: string;
  /**是否人工干预 */
  special?: boolean;
  /**页数 */
  page?: number;
  /**一页的数量 */
  pageSize?: number;
  /**文本分类、分类代码 */
  types?: string;
}
```

2 aMapPOIAroundSearch(周边 poi 搜索)

```js
export interface SearchPOIParams {
  /**纬度 */
  latitude: number;
  /**经度 */
  longitude: number; // 经度
  /** 关键字*/
  keywords?: string;
  /**范围 */
  radius?: number;
  /** 是否指定城市*/
  city?: string;
  /** 是否人工干预*/
  special?: boolean;
  /**页数 */
  page?: number;
  /**一页的数量 */
  pageSize?: number;
  /**文本分类、分类代码 */
  types?: string;
}
```

3 aMapPOIPolygonSearch(区域 poi 搜索)

```js
export interface PolygonSearchParams {
  /** 多边形的点*/
  points: AMapGeoPoint[];
  /**关键字 */
  keywords: string;
  /**页数 */
  page?: number;
  /**一页的数量 */
  pageSize?: number;
  /**文本分类、分类代码 */
  types?: string;
}
```

4 RouteSearchParams(道路规划沿途的 poi)

```js
export interface RouteSearchParams {
  /**开始位置 */
  origin: AMapGeoPoint;
  /** 结束位置*/
  destination: AMapGeoPoint;
  /** 驾车导航策略*/
  strategy?: number;
  /**搜索类型 */
  searchType?: number;
  /**道路周围搜索范围,单位米,[0-500]，默认250。 */
  range?: number;
}
```

# 返回

```js
export interface ResultPOI {
  /**POI全局唯一ID */
  uid: string;
  /**名称 */
  name: string;
  /**兴趣点类型 */
  type: string;
  /**类型编码 */
  typecode: string;
  /** 纬度*/
  latitude: number;
  /**经度 */
  longitude: number;
  /**地址 */
  address: string;
  /**电话 */
  tel: string;
  /**距中心点的距离，单位米 */
  distance: number;
  /**停车场类型，地上、地下 */
  parkingType: string;
  /**商铺id */
  shopID: string;
  /**邮编 */
  postcode: string;
  /**网址 */
  website: string;
  /** 电子邮件*/
  email: string;
  /**省 */
  province: string;
  /**省编码 */
  pcode: string;
  /** 市*/
  city: string;
  /**城市编码 */
  citycode: string;
  /** 区域名称*/
  district: string;
  /**区域编码 */
  adcode: string;
}
```


================================================
FILE: packages/react-native-amap-search/android/build.gradle
================================================
buildscript {
    if (project == rootProject) {
        repositories {
            google()
            jcenter()
        }

        dependencies {
            classpath 'com.android.tools.build:gradle:3.5.3'
        }
    }
}

apply plugin: 'com.android.library'

def safeExtGet(prop, fallback) {
    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
}

android {
    compileSdkVersion safeExtGet('AmapSearch_compileSdkVersion', 29)
    buildToolsVersion safeExtGet('AmapSearch_buildToolsVersion', '29.0.2')
    defaultConfig {
        minSdkVersion safeExtGet('AmapSearch_minSdkVersion', 16)
        targetSdkVersion safeExtGet('AmapSearch_targetSdkVersion', 29)
        versionCode 1
        versionName "1.0"

    }

    buildTypes {
        release {
            minifyEnabled false
        }
    }
    lintOptions {
        disable 'GradleCompatible'
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

repositories {
    mavenLocal()
    maven {
        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
        url("$rootDir/../node_modules/react-native/android")
    }
    google()
    jcenter()
}

dependencies {
    //noinspection GradleDynamicVersion
    implementation "com.facebook.react:react-native:+"  // From node_modules
    implementation 'com.amap.api:search:9.4.5' //高德地图搜索功能
}


================================================
FILE: packages/react-native-amap-search/android/gradle/wrapper/gradle-wrapper.properties
================================================
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-6.8-bin.zip
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists


================================================
FILE: packages/react-native-amap-search/android/gradlew
================================================
#!/usr/bin/env sh

#
# Copyright 2015 the original author or authors.
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#      https://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#

##############################################################################
##
##  Gradle start up script for UN*X
##
##############################################################################

# Attempt to set APP_HOME
# Resolve links: $0 may be a link
PRG="$0"
# Need this for relative symlinks.
while [ -h "$PRG" ] ; do
    ls=`ls -ld "$PRG"`
    link=`expr "$ls" : '.*-> \(.*\)$'`
    if expr "$link" : '/.*' > /dev/null; then
        PRG="$link"
    else
        PRG=`dirname "$PRG"`"/$link"
    fi
done
SAVED="`pwd`"
cd "`dirname \"$PRG\"`/" >/dev/null
APP_HOME="`pwd -P`"
cd "$SAVED" >/dev/null

APP_NAME="Gradle"
APP_BASE_NAME=`basename "$0"`

# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'

# Use the maximum available, or set MAX_FD != -1 to use that value.
MAX_FD="maximum"

warn () {
    echo "$*"
}

die () {
    echo
    echo "$*"
    echo
    exit 1
}

# OS specific support (must be 'true' or 'false').
cygwin=false
msys=false
darwin=false
nonstop=false
case "`uname`" in
  CYGWIN* )
    cygwin=true
    ;;
  Darwin* )
    darwin=true
    ;;
  MINGW* )
    msys=true
    ;;
  NONSTOP* )
    nonstop=true
    ;;
esac

CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar


# Determine the Java command to use to start the JVM.
if [ -n "$JAVA_HOME" ] ; then
    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
        # IBM's JDK on AIX uses strange locations for the executables
        JAVACMD="$JAVA_HOME/jre/sh/java"
    else
        JAVACMD="$JAVA_HOME/bin/java"
    fi
    if [ ! -x "$JAVACMD" ] ; then
        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME

Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
    fi
else
    JAVACMD="java"
    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.

Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi

# Increase the maximum file descriptors if we can.
if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
    MAX_FD_LIMIT=`ulimit -H -n`
    if [ $? -eq 0 ] ; then
        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
            MAX_FD="$MAX_FD_LIMIT"
        fi
        ulimit -n $MAX_FD
        if [ $? -ne 0 ] ; then
            warn "Could not set maximum file descriptor limit: $MAX_FD"
        fi
    else
        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
    fi
fi

# For Darwin, add options to specify how the application appears in the dock
if $darwin; then
    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
fi

# For Cygwin or MSYS, switch paths to Windows format before running java
if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`

    JAVACMD=`cygpath --unix "$JAVACMD"`

    # We build the pattern for arguments to be converted via cygpath
    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
    SEP=""
    for dir in $ROOTDIRSRAW ; do
        ROOTDIRS="$ROOTDIRS$SEP$dir"
        SEP="|"
    done
    OURCYGPATTERN="(^($ROOTDIRS))"
    # Add a user-defined pattern to the cygpath arguments
    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
    fi
    # Now convert the arguments - kludge to limit ourselves to /bin/sh
    i=0
    for arg in "$@" ; do
        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option

        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
        else
            eval `echo args$i`="\"$arg\""
        fi
        i=`expr $i + 1`
    done
    case $i in
        0) set -- ;;
        1) set -- "$args0" ;;
        2) set -- "$args0" "$args1" ;;
        3) set -- "$args0" "$args1" "$args2" ;;
        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
    esac
fi

# Escape application args
save () {
    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
    echo " "
}
APP_ARGS=`save "$@"`

# Collect all arguments for the java command, following the shell quoting and substitution rules
eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"

exec "$JAVACMD" "$@"


================================================
FILE: packages/react-native-amap-search/android/gradlew.bat
================================================
@rem
@rem Copyright 2015 the original author or authors.
@rem
@rem Licensed under the Apache License, Version 2.0 (the "License");
@rem you may not use this file except in compliance with the License.
@rem You may obtain a copy of the License at
@rem
@rem      https://www.apache.org/licenses/LICENSE-2.0
@rem
@rem Unless required by applicable law or agreed to in writing, software
@rem distributed under the License is distributed on an "AS IS" BASIS,
@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@rem See the License for the specific language governing permissions and
@rem limitations under the License.
@rem

@if "%DEBUG%" == "" @echo off
@rem ##########################################################################
@rem
@rem  Gradle startup script for Windows
@rem
@rem ##########################################################################

@rem Set local scope for the variables with windows NT shell
if "%OS%"=="Windows_NT" setlocal

set DIRNAME=%~dp0
if "%DIRNAME%" == "" set DIRNAME=.
set APP_BASE_NAME=%~n0
set APP_HOME=%DIRNAME%

@rem Resolve any "." and ".." in APP_HOME to make it shorter.
for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi

@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"

@rem Find java.exe
if defined JAVA_HOME goto findJavaFromJavaHome

set JAVA_EXE=java.exe
%JAVA_EXE% -version >NUL 2>&1
if "%ERRORLEVEL%" == "0" goto execute

echo.
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
echo.
echo Please set the JAVA_HOME variable in your environment to match the
echo location of your Java installation.

goto fail

:findJavaFromJavaHome
set JAVA_HOME=%JAVA_HOME:"=%
set JAVA_EXE=%JAVA_HOME%/bin/java.exe

if exist "%JAVA_EXE%" goto execute

echo.
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
echo.
echo Please set the JAVA_HOME variable in your environment to match the
echo location of your Java installation.

goto fail

:execute
@rem Setup the command line

set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar


@rem Execute Gradle
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*

:end
@rem End local scope for the variables with windows NT shell
if "%ERRORLEVEL%"=="0" goto mainEnd

:fail
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
rem the _cmd.exe /c_ return code!
if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
exit /b 1

:mainEnd
if "%OS%"=="Windows_NT" endlocal

:omega


================================================
FILE: packages/react-native-amap-search/android/src/main/AndroidManifest.xml
================================================
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.reactnativeamapsearch">

</manifest>


================================================
FILE: packages/react-native-amap-search/android/src/main/java/com/reactnativeamapsearch/AmapSearchModule.java
================================================
package com.reactnativeamapsearch;

import androidx.annotation.NonNull;

import com.amap.api.services.core.AMapException;
import com.amap.api.services.core.LatLonPoint;
import com.amap.api.services.core.PoiItem;
import com.amap.api.services.poisearch.PoiResult;
import com.amap.api.services.poisearch.PoiSearch;
import com.amap.api.services.routepoisearch.RoutePOIItem;
import com.amap.api.services.routepoisearch.RoutePOISearch;
import com.amap.api.services.routepoisearch.RoutePOISearchQuery;
import com.amap.api.services.routepoisearch.RoutePOISearchResult;
import com.facebook.react.bridge.Arguments;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.ReactApplicationContext;

import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.ReadableArray;
import com.facebook.react.bridge.ReadableMap;
import com.facebook.react.bridge.WritableArray;
import com.facebook.react.bridge.WritableMap;
import com.facebook.react.module.annotations.ReactModule;
import com.amap.api.services.core.ServiceSettings;

import java.util.ArrayList;
import java.util.List;

@ReactModule(name = AmapSearchModule.NAME)
public class AmapSearchModule extends ReactContextBaseJavaModule implements PoiSearch.OnPoiSearchListener, RoutePOISearch.OnRoutePOISearchListener {
    public static final String NAME = "AMapSearchManager";

    private int currentPage = 0;// 当前页面，从0开始计数
    private PoiSearch.Query query;// Poi查询条件类
    private PoiSearch poiSearch;
    private RoutePOISearch routePOISearch;
    private List<PoiItem> poiItems;// poi数据
    private String keyWord = "";
    private String city = "";
    private Callback jsCallBack;

    private static ReactApplicationContext reactContext;

    public AmapSearchModule(ReactApplicationContext context) {
        super(context);
        reactContext=context;
    }

    @Override
    @NonNull
    public String getName() {
        return NAME;
    }



  public  WritableArray formatData(ArrayList<PoiItem> poiItems){

    WritableArray array = Arguments.createArray();

    for(int i = 0 ; i< poiItems.size();i++){
      WritableMap item = Arguments.createMap();
      PoiItem poiItem = poiItems.get(i);

      item.putString("uid",poiItem.getPoiId()); //id
      item.putString("name",poiItem.getTitle()); //名称
      item.putString("type",poiItem.getTypeDes()); //兴趣点类型
      item.putString("typecode",poiItem.getTypeCode()); //类型编码
      item.putDouble("latitude",poiItem.getLatLonPoint().getLatitude()); //纬度
      item.putDouble("longitude",poiItem.getLatLonPoint().getLongitude()); //经度
      item.putString("address",poiItem.getSnippet()); // 地址
      item.putString("tel",poiItem.getTel()); // 电话
      item.putInt("distance",poiItem.getDistance());  //距中心点的距离，单位米
      item.putString("parkingType",poiItem.getParkingType()); //停车场类型，地上、地下
      item.putString("shopID",poiItem.getShopID());
      item.putString("postcode",poiItem.getPostcode()); //邮编
      item.putString("website",poiItem.getWebsite());  //网址
      item.putString("email",poiItem.getEmail()); //电子邮件
      item.putString("province",poiItem.getProvinceName()); //省
      item.putString("pcode",poiItem.getProvinceCode()); //省编码
      item.putString("city",poiItem.getCityName()); //市
      item.putString("citycode",poiItem.getCityCode()); //城市编码
      item.putString("district",poiItem.getAdName()); //区域名称
      item.putString("adcode",poiItem.getAdCode()); //区域编码

      array.pushMap(item);
    }

    return array;
  }

  @Override
  public void onPoiSearched(PoiResult poiResult, int i) {
    System.out.println("===>onPoiSearched");

    WritableArray array  = formatData(poiResult.getPois());

    if(this.jsCallBack==null){
      return;
    }
    this.jsCallBack.invoke(null,array);
    this.jsCallBack = null;
  }

  @Override
  public void onRoutePoiSearched(RoutePOISearchResult result, int errorCode){
    WritableArray array = Arguments.createArray();
    List<RoutePOIItem> poiItems = result.getRoutePois();
    for(int i = 0 ; i< poiItems.size();i++){
      WritableMap item = Arguments.createMap();
      RoutePOIItem poiItem = poiItems.get(i);
      item.putString("uid",poiItem.getID());
      item.putString("name",poiItem.getTitle()); //名称
      item.putDouble("latitude",poiItem.getPoint().getLatitude()); //纬度
      item.putDouble("longitude",poiItem.getPoint().getLongitude()); //经度
      item.putDouble("distance", poiItem.getDistance());  //距中心点的距离，单位米
      array.pushMap(item);
    }
    this.jsCallBack.invoke(null,array);
    this.jsCallBack = null;
  }

  @Override
  public void onPoiItemSearched(PoiItem poiItem, int i) {

    System.out.println("===>onPoiItemSearched");
  }



  @ReactMethod
  public void initSDK(){
    ServiceSettings.updatePrivacyShow(this.reactContext, true, true);
    ServiceSettings.updatePrivacyAgree(this.reactContext,true);
    System.out.println("===>start!");
  }


  @ReactMethod
  public void  aMapPOIAroundSearch(double latitude , double longitude , String keywords,Integer radius ,String city ,Boolean special, Integer page, Integer pageSize ,String types, Callback callback){
      this.jsCallBack = callback;
      this.doAMapPOIAroundSearch(latitude,longitude,keywords,radius,city,special,page,pageSize,types);
  }

  @ReactMethod
  public void  aMapPOIKeywordsSearch( String keywords ,String city,String types ,Boolean cityLimit , Integer page, Integer pageSize, Callback callback){
    this.jsCallBack = callback;
    this.doAMapPOIAroundSearch(keywords,city,types,cityLimit,page,pageSize);
  }



  @ReactMethod
  public void  aMapPOIPolygonSearch(ReadableArray points, String keywords , Integer page, Integer pageSize,String types, Callback callback){
    this.jsCallBack = callback;
    this.doAMapPOIAroundSearch(points,keywords,page,pageSize,types);
  }
  @ReactMethod
  public void  aMapRoutePOISearch(ReadableMap origin, ReadableMap destination, Integer strategy, Integer searchType,Integer range,Callback callback){
    this.jsCallBack = callback;
    this.doRoutePOISearch(origin,destination,strategy,searchType,range);
  }

  /**
   * 开始进行poi搜索
   */
  protected void doAMapPOIAroundSearch(double latitude , double longitude , String keywords,Integer radius,String city,Boolean special,Integer page, Integer pageSize ,String types  ) {
    System.out.println("===>doSearchQuery");

    query = new PoiSearch.Query(keywords, "", city);// 第一个参数表示搜索字符串，第二个参数表示poi搜索类型，第三个参数表示poi搜索区域（空字符串代表全国）
    query.setPageSize(pageSize);// 设置每页最多返回多少条poiitem
    query.setPageNum(page);// 设置查第一页
//    query.setSpecial(special);


    try {
      poiSearch = new PoiSearch(this.reactContext, query);
    } catch (AMapException e) {
      e.printStackTrace();
    }

    poiSearch.setOnPoiSearchListener(this);
    poiSearch.setBound(new PoiSearch.SearchBound(new LatLonPoint(latitude,longitude), radius, true));
    poiSearch.searchPOIAsyn();// 异步搜索
  }

  /**
   * 开始进行poi搜索
   */
  protected void doAMapPOIAroundSearch(String keywords ,String city,String types ,Boolean cityLimit , Integer page, Integer pageSize) {
    System.out.println("===>doSearchQuery");

    query = new PoiSearch.Query(keywords, "", city);// 第一个参数表示搜索字符串，第二个参数表示poi搜索类型，第三个参数表示poi搜索区域（空字符串代表全国）
    query.setCityLimit(cityLimit);
    query.setPageSize(pageSize);// 设置每页最多返回多少条poiitem
    query.setPageNum(page);// 设置查第一页

    try {
      poiSearch = new PoiSearch(this.reactContext, query);
    } catch (AMapException e) {
      e.printStackTrace();
    }
    poiSearch.setOnPoiSearchListener(this);
    poiSearch.searchPOIAsyn();// 异步搜索
  }

  /**
   * 开始进行poi搜索
   * 周边搜索
   */
  protected void doAMapPOIAroundSearch(ReadableArray points, String keywords , Integer page, Integer pageSize,String types) {
    System.out.println("===>doSearchQuery");

    query = new PoiSearch.Query(keywords, "", "");// 第一个参数表示搜索字符串，第二个参数表示poi搜索类型，第三个参数表示poi搜索区域（空字符串代表全国）
    query.setPageSize(pageSize);// 设置每页最多返回多少条poiitem
    query.setPageNum(page);// 设置查第一页

    List<LatLonPoint> polygonPoints = new ArrayList<LatLonPoint>();

    for(Integer i=0;i<points.size();i++ ){
      ReadableMap map = points.getMap(i);
      polygonPoints.add(new LatLonPoint(map.getDouble("latitude"),map.getDouble("longitude")));
    }

    try {
      poiSearch = new PoiSearch(this.reactContext, query);
    } catch (AMapException e) {
      e.printStackTrace();
    }
    poiSearch.setOnPoiSearchListener(this);
    poiSearch.setBound(new PoiSearch.SearchBound(polygonPoints));//设置多边形区域
    poiSearch.searchPOIAsyn();// 异步搜索
  }


  /**
   * 开始进行poi搜索
   * 道路沿途检索POI
   */
  protected void doRoutePOISearch(ReadableMap origin, ReadableMap destination, Integer strategy, Integer searchType,Integer range) {

    RoutePOISearch.RoutePOISearchType mode ;

    switch (searchType){
      case 0:
        mode = RoutePOISearch.RoutePOISearchType.TypeGasStation;
        break;
      case  1:
        mode = RoutePOISearch.RoutePOISearchType.TypeMaintenanceStation;
        break;
      case 2:
        mode = RoutePOISearch.RoutePOISearchType.TypeATM;
        break;
      case 3:
        mode = RoutePOISearch.RoutePOISearchType.TypeToilet;
        break;
      case 4:
        mode = RoutePOISearch.RoutePOISearchType.TypeFillingStation;
        break;
      case 5:
        mode = RoutePOISearch.RoutePOISearchType.TypeServiceArea;
        break;
      default:
        mode = RoutePOISearch.RoutePOISearchType.TypeGasStation;
        break;
    }

    System.out.println("===>doSearchQuery");
    LatLonPoint mStartPoint = new LatLonPoint(origin.getDouble("latitude"),origin.getDouble("longitude"));
    LatLonPoint mEndPoint = new LatLonPoint(destination.getDouble("latitude"),origin.getDouble("longitude"));
    RoutePOISearchQuery query = new RoutePOISearchQuery(mStartPoint ,mEndPoint, strategy, mode, range);
    try {
      routePOISearch = new RoutePOISearch(this.reactContext, query);
    } catch (AMapException e) {
      e.printStackTrace();
    }
    routePOISearch.setPoiSearchListener(this);
    routePOISearch.searchRoutePOIAsyn();
  }

}


================================================
FILE: packages/react-native-amap-search/android/src/main/java/com/reactnativeamapsearch/AmapSearchPackage.java
================================================
package com.reactnativeamapsearch;

import androidx.annotation.NonNull;

import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;

import java.util.ArrayList;
import java.util.Collections;
import java.util.List;

public class AmapSearchPackage implements ReactPackage {
    @NonNull
    @Override
    public List<NativeModule> createNativeModules(@NonNull ReactApplicationContext reactContext) {
        List<NativeModule> modules = new ArrayList<>();
        modules.add(new AmapSearchModule(reactContext));
        return modules;
    }

    @NonNull
    @Override
    public List<ViewManager> createViewManagers(@NonNull ReactApplicationContext reactContext) {
        return Collections.emptyList();
    }
}


================================================
FILE: packages/react-native-amap-search/ios/AMapSearchManager.h
================================================
//
//  AMapSearchManager.h
//  freightDriver
//
//  Created by 陈英杰 on 2021/7/13.
//

#import <React/RCTBridgeModule.h>
#import <AMapFoundationKit/AMapFoundationKit.h>
#import <AMapSearchKit/AMapSearchKit.h>

@interface AMapSearchManager:NSObject <RCTBridgeModule>
@end


================================================
FILE: packages/react-native-amap-search/ios/AMapSearchManager.m
================================================
//
//  AMapSearchManager.m
//  freightDriver
//
//  Created by 陈英杰 on 2021/7/13.
//
#import <AMapFoundationKit/AMapFoundationKit.h>
#import "AMapSearchAPI.h"
#import "AMapSearchManager.h"



@implementation AMapSearchManager{
  AMapSearchAPI *_search;
  RCTResponseSenderBlock jsCallBack;
}

RCT_EXPORT_MODULE();

RCT_EXPORT_METHOD(initSDK)
{
  [AMapSearchAPI updatePrivacyShow:AMapPrivacyShowStatusDidShow privacyInfo:AMapPrivacyInfoStatusDidContain];
  [AMapSearchAPI updatePrivacyAgree:AMapPrivacyAgreeStatusDidAgree];
  self->_search = [[AMapSearchAPI alloc] init];
  self->_search.delegate = self;
};

// 获取道路沿途的POI
RCT_EXPORT_METHOD(aMapRoutePOISearch:(NSDictionary *)origin destination:(NSDictionary *)destination  strategy:(NSInteger)strategy  searchType:(NSInteger)searchType range:(NSInteger )range callback:(RCTResponseSenderBlock)callback )
{
    AMapRoutePOISearchRequest *request = [[AMapRoutePOISearchRequest alloc] init];
    CGFloat originLatitude =[[origin objectForKey:@"latitude"] floatValue];
    CGFloat originLongitude=[[origin objectForKey:@"longitude"] floatValue];
    request.origin=[AMapGeoPoint locationWithLatitude:originLatitude longitude: originLongitude];
    CGFloat destinationLatitude =[[origin objectForKey:@"latitude"] floatValue];
    CGFloat destinationLongitude=[[origin objectForKey:@"longitude"] floatValue];
    request.destination=[AMapGeoPoint locationWithLatitude:destinationLatitude longitude: destinationLongitude];

    // 驾车导航策略，同驾车路径规划请求的策略（5 多策略除外）
    request.strategy = strategy;
    // 搜索类型
    request.searchType = searchType;
    
//     道路周围搜索范围,单位米,[0-500]，默认250。
    request.range= range;
    
    
    self->jsCallBack =callback;
    [self->_search AMapRoutePOISearch:request];
    
}



RCT_EXPORT_METHOD(aMapPOIPolygonSearch:(NSArray *)points keywords:(NSString *)keywords page:(nonnull NSInteger *)page pageSize:(nonnull NSInteger *)pageSize types:(NSString *)types callback:(RCTResponseSenderBlock)callback){
    
    NSMutableArray<AMapGeoPoint *> *polygonPoints= [[NSMutableArray alloc] init];
    if(points != nil && [points count] >= 2) {
        for (NSInteger i = 0; i < [points count]; i++) {
            NSDictionary* dict = [points objectAtIndex:i];
            CGFloat latitude = [[dict objectForKey:@"latitude"] floatValue];
            CGFloat longitude = [[dict objectForKey:@"longitude"] floatValue];
            ;[polygonPoints addObject:[AMapGeoPoint locationWithLatitude:latitude longitude:longitude]];
        }
    }
    
    
    
    self->jsCallBack =callback;
    
    AMapGeoPolygon *polygon = [AMapGeoPolygon polygonWithPoints:polygonPoints];

    AMapPOIPolygonSearchRequest *request = [[AMapPOIPolygonSearchRequest alloc] init];

    request.polygon = polygon;
    request.keywords = keywords;
    request.page = page;
    request.offset = pageSize;
    request.types = types;
 
    
    [self->_search AMapPOIPolygonSearch:request];

}

RCT_EXPORT_METHOD(aMapPOIKeywordsSearch:(NSString *)keywords city:(NSString *)city types:(NSString *)types cityLimit:(BOOL)cityLimit page:(nonnull NSInteger *)page pageSize:(nonnull NSInteger *)pageSize callback:(RCTResponseSenderBlock)callback)
{
    AMapPOIKeywordsSearchRequest *request = [[AMapPOIKeywordsSearchRequest alloc] init];
    self->jsCallBack =callback;
    request.keywords = keywords;
    request.city = city;
    if(![types  isEqual: @""]){
    request.types = types;
    }
    request.cityLimit=cityLimit;
    /* 设置分页页数 */
      request.page = page;
    /* 设置分页 */
      request.offset = pageSize;
    

    
    [self->_search AMapPOIKeywordsSearch:request];
}


RCT_EXPORT_METHOD(aMapPOIAroundSearch:(nonnull NSNumber *)latitude longitude:(nonnull NSNumber *)longitude keywords:(NSString *)keywords radius:(nonnull NSInteger *)radius city:(NSString *)city special:(BOOL)special page:(nonnull NSInteger *)page pageSize:(nonnull NSInteger *)pageSize types:(NSString*)types callback:(RCTResponseSenderBlock)callback ){

  AMapPOIAroundSearchRequest *request = [[AMapPOIAroundSearchRequest alloc] init];

  self->jsCallBack =callback;
    
  request.location = [AMapGeoPoint locationWithLatitude:[latitude floatValue] longitude:[longitude floatValue]];
  request.keywords = keywords;
  /* 搜索城市 */
  request.city=city;
  /* 搜索半径 */
    request.radius = radius;
  /* 是否对结果进行人工干预 */
//  request.special=special;
  /* 设置分页页数 */
    request.page = page;
  /* 设置分页 */
    request.offset = pageSize;
  /*设置类型 */
  request.types = types;
  /* 按照距离排序. */
  request.sortrule = 0;

  [self->_search AMapPOIAroundSearch:request];
}

- (NSMutableArray *)formatData:(AMapPOISearchResponse *)response
{
    NSMutableArray *resultList;
    if (response.pois.count == 0)
    {
    resultList = [NSMutableArray arrayWithCapacity:0];
        return resultList;
    }
 
  resultList = [NSMutableArray arrayWithCapacity:response.pois.count];
   if (response.pois.count > 0)
   {
       [response.pois enumerateObjectsUsingBlock:^(AMapPOI *obj, NSUInteger idx, BOOL *stop) {
           
           [resultList addObject:@{
                                   @"uid": obj.uid, // uid
                                   @"name": obj.name, // 名称
                                   @"type": obj.type, //兴趣点类型
                                   @"typecode": obj.typecode, // 类型编码
                                   @"latitude": @(obj.location.latitude), //纬度
                                   @"longitude": @(obj.location.longitude), //经度
                                   @"address": obj.address, // 地址
                                   @"tel": obj.tel, // 电话
                                   @"distance": @(obj.distance), //距中心点的距离，单位米
                                   @"parkingType":obj.parkingType, //停车场类型，地上、地下
                                   @"shopID":obj.shopID, // 商铺id
                                   @"postcode":obj.postcode, //邮编
                                   @"website":obj.website, // 网址
                                   @"email":obj.email, //电子邮件
                                   @"province":obj.province, //省
                                   @"pcode" : obj.pcode, //省编码
                                   @"city": obj.city, //市
                                   @"citycode":obj.citycode, //城市编码
                                   @"district":obj.district, //区域名称
                                   @"adcode":obj.adcode, // 区域编码
                                   }];
           
       }];
   }
    return  resultList;
}

- (void)onPOISearchDone:(AMapPOISearchBaseRequest *)request response:(AMapPOISearchResponse *)response
{
  NSMutableArray *resultList = [self formatData:response];
    if(!self->jsCallBack){
        return;
    }
    self->jsCallBack(@[[NSNull null],resultList]);
    self->jsCallBack= nil;

}

/* 沿途搜索回调. */
- (void)onRoutePOISearchDone:(AMapRoutePOISearchRequest *)request response:(AMapRoutePOISearchResponse *)response
{
    NSMutableArray *resultList = [self formatData:response];
      if(!self->jsCallBack){
          return;
      }
      self->jsCallBack(@[[NSNull null],resultList]);
      self->jsCallBack= nil;
}

- (void)AMapSearchRequest:(id)request didFailWithError:(NSError *)error
{
   
    if(!self->jsCallBack){
        return;
    }
    self->jsCallBack(@[error,[NSNull null]]);
    self->jsCallBack= nil;
}


@end


================================================
FILE: packages/react-native-amap-search/ios/AmapSearch.xcodeproj/project.pbxproj
================================================
// !$*UTF8*$!
{
	archiveVersion = 1;
	classes = {
	};
	objectVersion = 46;
	objects = {

/* Begin PBXBuildFile section */

		5E555C0D2413F4C50049A1A2 /* AmapSearch.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* AmapSearch.m */; };

/* End PBXBuildFile section */

/* Begin PBXCopyFilesBuildPhase section */
		58B511D91A9E6C8500147676 /* CopyFiles */ = {
			isa = PBXCopyFilesBuildPhase;
			buildActionMask = 2147483647;
			dstPath = "include/$(PRODUCT_NAME)";
			dstSubfolderSpec = 16;
			files = (
			);
			runOnlyForDeploymentPostprocessing = 0;
		};
/* End PBXCopyFilesBuildPhase section */

/* Begin PBXFileReference section */
		134814201AA4EA6300B7C361 /* libAmapSearch.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libAmapSearch.a; sourceTree = BUILT_PRODUCTS_DIR; };

		B3E7B5881CC2AC0600A0062D /* AmapSearch.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = AmapSearch.h; sourceTree = "<group>"; };
		B3E7B5891CC2AC0600A0062D /* AmapSearch.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = AmapSearch.m; sourceTree = "<group>"; };

/* End PBXFileReference section */

/* Begin PBXFrameworksBuildPhase section */
		58B511D81A9E6C8500147676 /* Frameworks */ = {
			isa = PBXFrameworksBuildPhase;
			buildActionMask = 2147483647;
			files = (
			);
			runOnlyForDeploymentPostprocessing = 0;
		};
/* End PBXFrameworksBuildPhase section */

/* Begin PBXGroup section */
		134814211AA4EA7D00B7C361 /* Products */ = {
			isa = PBXGroup;
			children = (
				134814201AA4EA6300B7C361 /* libAmapSearch.a */,
			);
			name = Products;
			sourceTree = "<group>";
		};
		58B511D21A9E6C8500147676 = {
			isa = PBXGroup;
			children = (

				B3E7B5881CC2AC0600A0062D /* AmapSearch.h */,
				B3E7B5891CC2AC0600A0062D /* AmapSearch.m */,

				134814211AA4EA7D00B7C361 /* Products */,
			);
			sourceTree = "<group>";
		};
/* End PBXGroup section */

/* Begin PBXNativeTarget section */
		58B511DA1A9E6C8500147676 /* AmapSearch */ = {
			isa = PBXNativeTarget;
			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "AmapSearch" */;
			buildPhases = (
				58B511D71A9E6C8500147676 /* Sources */,
				58B511D81A9E6C8500147676 /* Frameworks */,
				58B511D91A9E6C8500147676 /* CopyFiles */,
			);
			buildRules = (
			);
			dependencies = (
			);
			name = AmapSearch;
			productName = RCTDataManager;
			productReference = 134814201AA4EA6300B7C361 /* libAmapSearch.a */;
			productType = "com.apple.product-type.library.static";
		};
/* End PBXNativeTarget section */

/* Begin PBXProject section */
		58B511D31A9E6C8500147676 /* Project object */ = {
			isa = PBXProject;
			attributes = {
				LastUpgradeCheck = 0920;
				ORGANIZATIONNAME = Facebook;
				TargetAttributes = {
					58B511DA1A9E6C8500147676 = {
						CreatedOnToolsVersion = 6.1.1;
					};
				};
			};
			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "AmapSearch" */;
			compatibilityVersion = "Xcode 3.2";
			developmentRegion = English;
			hasScannedForEncodings = 0;
			knownRegions = (
				English,
				en,
			);
			mainGroup = 58B511D21A9E6C8500147676;
			productRefGroup = 58B511D21A9E6C8500147676;
			projectDirPath = "";
			projectRoot = "";
			targets = (
				58B511DA1A9E6C8500147676 /* AmapSearch */,
			);
		};
/* End PBXProject section */

/* Begin PBXSourcesBuildPhase section */
		58B511D71A9E6C8500147676 /* Sources */ = {
			isa = PBXSourcesBuildPhase;
			buildActionMask = 2147483647;
			files = (

				B3E7B58A1CC2AC0600A0062D /* AmapSearch.m in Sources */,

			);
			runOnlyForDeploymentPostprocessing = 0;
		};
/* End PBXSourcesBuildPhase section */

/* Begin XCBuildConfiguration section */
		58B511ED1A9E6C8500147676 /* Debug */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				ALWAYS_SEARCH_USER_PATHS = NO;
				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
				CLANG_CXX_LIBRARY = "libc++";
				CLANG_ENABLE_MODULES = YES;
				CLANG_ENABLE_OBJC_ARC = YES;
				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
				CLANG_WARN_BOOL_CONVERSION = YES;
				CLANG_WARN_COMMA = YES;
				CLANG_WARN_CONSTANT_CONVERSION = YES;
				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
				CLANG_WARN_EMPTY_BODY = YES;
				CLANG_WARN_ENUM_CONVERSION = YES;
				CLANG_WARN_INFINITE_RECURSION = YES;
				CLANG_WARN_INT_CONVERSION = YES;
				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
				CLANG_WARN_STRICT_PROTOTYPES = YES;
				CLANG_WARN_SUSPICIOUS_MOVE = YES;
				CLANG_WARN_UNREACHABLE_CODE = YES;
				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
				COPY_PHASE_STRIP = NO;
				ENABLE_STRICT_OBJC_MSGSEND = YES;
				ENABLE_TESTABILITY = YES;
				GCC_C_LANGUAGE_STANDARD = gnu99;
				GCC_DYNAMIC_NO_PIC = NO;
				GCC_NO_COMMON_BLOCKS = YES;
				GCC_OPTIMIZATION_LEVEL = 0;
				GCC_PREPROCESSOR_DEFINITIONS = (
					"DEBUG=1",
					"$(inherited)",
				);
				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
				GCC_WARN_UNDECLARED_SELECTOR = YES;
				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
				GCC_WARN_UNUSED_FUNCTION = YES;
				GCC_WARN_UNUSED_VARIABLE = YES;
				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
				MTL_ENABLE_DEBUG_INFO = YES;
				ONLY_ACTIVE_ARCH = YES;
				SDKROOT = iphoneos;
			};
			name = Debug;
		};
		58B511EE1A9E6C8500147676 /* Release */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				ALWAYS_SEARCH_USER_PATHS = NO;
				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
				CLANG_CXX_LIBRARY = "libc++";
				CLANG_ENABLE_MODULES = YES;
				CLANG_ENABLE_OBJC_ARC = YES;
				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
				CLANG_WARN_BOOL_CONVERSION = YES;
				CLANG_WARN_COMMA = YES;
				CLANG_WARN_CONSTANT_CONVERSION = YES;
				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
				CLANG_WARN_EMPTY_BODY = YES;
				CLANG_WARN_ENUM_CONVERSION = YES;
				CLANG_WARN_INFINITE_RECURSION = YES;
				CLANG_WARN_INT_CONVERSION = YES;
				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
				CLANG_WARN_STRICT_PROTOTYPES = YES;
				CLANG_WARN_SUSPICIOUS_MOVE = YES;
				CLANG_WARN_UNREACHABLE_CODE = YES;
				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
				COPY_PHASE_STRIP = YES;
				ENABLE_NS_ASSERTIONS = NO;
				ENABLE_STRICT_OBJC_MSGSEND = YES;
				GCC_C_LANGUAGE_STANDARD = gnu99;
				GCC_NO_COMMON_BLOCKS = YES;
				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
				GCC_WARN_UNDECLARED_SELECTOR = YES;
				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
				GCC_WARN_UNUSED_FUNCTION = YES;
				GCC_WARN_UNUSED_VARIABLE = YES;
				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
				MTL_ENABLE_DEBUG_INFO = NO;
				SDKROOT = iphoneos;
				VALIDATE_PRODUCT = YES;
			};
			name = Release;
		};
		58B511F01A9E6C8500147676 /* Debug */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
					"$(SRCROOT)/../../../React/**",
					"$(SRCROOT)/../../react-native/React/**",
				);
				LIBRARY_SEARCH_PATHS = "$(inherited)";
				OTHER_LDFLAGS = "-ObjC";
				PRODUCT_NAME = AmapSearch;
				SKIP_INSTALL = YES;

			};
			name = Debug;
		};
		58B511F11A9E6C8500147676 /* Release */ = {
			isa = XCBuildConfiguration;
			buildSettings = {
				HEADER_SEARCH_PATHS = (
					"$(inherited)",
					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
					"$(SRCROOT)/../../../React/**",
					"$(SRCROOT)/../../react-native/React/**",
				);
				LIBRARY_SEARCH_PATHS = "$(inherited)";
				OTHER_LDFLAGS = "-ObjC";
				PRODUCT_NAME = AmapSearch;
				SKIP_INSTALL = YES;

			};
			name = Release;
		};
/* End XCBuildConfiguration section */

/* Begin XCConfigurationList section */
		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "AmapSearch" */ = {
			isa = XCConfigurationList;
			buildConfigurations = (
				58B511ED1A9E6C8500147676 /* Debug */,
				58B511EE1A9E6C8500147676 /* Release */,
			);
			defaultConfigurationIsVisible = 0;
			defaultConfigurationName = Release;
		};
		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "AmapSearch" */ = {
			isa = XCConfigurationList;
			buildConfigurations = (
				58B511F01A9E6C8500147676 /* Debug */,
				58B511F11A9E6C8500147676 /* Release */,
			);
			defaultConfigurationIsVisible = 0;
			defaultConfigurationName = Release;
		};
/* End XCConfigurationList section */
	};
	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
}


================================================
FILE: packages/react-native-amap-search/package.json
================================================
{
  "name": "@td-design/react-native-amap-search",
  "version": "2.0.1",
  "description": "search",
  "main": "lib/commonjs/index",
  "module": "lib/module/index",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios",
    "react-native-amap-search.podspec"
  ],
  "scripts": {
    "build": "bob build"
  },
  "keywords": [
    "react-native",
    "ios",
    "android"
  ],
  "repository": "https://github.com/thundersdata-frontend/td-design/",
  "author": "chenyingjie <929104662@qq.com> (https://github.com/thundersdata-frontend/td-design#readme)",
  "license": "Apache-2.0",
  "bugs": {
    "url": "https://github.com/thundersdata-frontend/td-design/issues"
  },
  "homepage": "https://github.com/thundersdata-frontend/td-design/#readme",
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "devDependencies": {
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "pod-install": "^0.1.38",
    "react-native-builder-bob": "^0.21.3",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "commonjs",
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}

================================================
FILE: packages/react-native-amap-search/react-native-amap-search.podspec
================================================
require "json"

package = JSON.parse(File.read(File.join(__dir__, "package.json")))

Pod::Spec.new do |s|
  s.name         = "react-native-amap-search"
  s.version      = package["version"]
  s.summary      = package["description"]
  s.homepage     = package["homepage"]
  s.license      = package["license"]
  s.authors      = package["author"]

  s.platforms    = { :ios => "10.0" }
  s.source       = { :git => "https://github.com/thundersdata-frontend/td-design/.git", :tag => "#{s.version}" }

  s.source_files = "ios/**/*.{h,m,mm}"

  s.dependency "React-Core"
  s.dependency 'AMapSearch', "~>9.4.5 "
end


================================================
FILE: packages/react-native-amap-search/scripts/bootstrap.js
================================================
const path = require('path');
const child_process = require('child_process');

const root = path.resolve(__dirname, '..');
const args = process.argv.slice(2);
const options = {
  cwd: process.cwd(),
  env: process.env,
  stdio: 'inherit',
  encoding: 'utf-8',
};

let result;

if (process.cwd() !== root || args.length) {
  // We're not in the root of the project, or additional arguments were passed
  // In this case, forward the command to `yarn`
  result = child_process.spawnSync('yarn', args, options);
} else {
  // If `yarn` is run without arguments, perform bootstrap
  result = child_process.spawnSync('yarn', ['bootstrap'], options);
}

process.exitCode = result.status;


================================================
FILE: packages/react-native-amap-search/src/constant.ts
================================================
export const RADIUS = 1500;
export const SPECIAL = true;
export const PAGE = 1;
export const PAGESIZE = 20;


================================================
FILE: packages/react-native-amap-search/src/index.tsx
================================================
import { NativeModules } from 'react-native';

import useAMapSearch from './useSearch';

const AMapSearchManager = NativeModules.AMapSearchManager;

const init = AMapSearchManager.initSDK;

export { useAMapSearch, init };


================================================
FILE: packages/react-native-amap-search/src/typing.d.ts
================================================
interface AMapGeoPoint {
  /** 纬度*/
  latitude: number;
  /** 经度*/
  longitude: number;
}
interface SearchPOIParams {
  /**纬度 */
  latitude: number;
  /**经度 */
  longitude: number; // 经度
  /** 关键字*/
  keywords?: string;
  /**范围 */
  radius?: number;
  /** 是否指定城市*/
  city?: string;
  /** 是否人工干预*/
  special?: boolean;
  /**页数 */
  page?: number;
  /**一页的数量 */
  pageSize?: number;
  /**文本分类、分类代码 */
  types?: string;
}

interface KeyWordsSearchPOIParams {
  /**关键字 */
  keywords?: string;
  /**范围 */
  cityLimit?: boolean;
  /**是否指定城市 */
  city?: string;
  /**是否人工干预 */
  special?: boolean;
  /**页数 */
  page?: number;
  /**一页的数量 */
  pageSize?: number;
  /**文本分类、分类代码 */
  types?: string;
}

interface PolygonSearchParams {
  /** 多边形的点*/
  points: AMapGeoPoint[];
  /**关键字 */
  keywords: string;
  /**页数 */
  page?: number;
  /**一页的数量 */
  pageSize?: number;
  /**文本分类、分类代码 */
  types?: string;
}

interface RouteSearchParams {
  /**开始位置 */
  origin: AMapGeoPoint;
  /** 结束位置*/
  destination: AMapGeoPoint;
  /** 驾车导航策略*/
  strategy?: number;
  /**搜索类型 */
  searchType?: number;
  /**道路周围搜索范围,单位米,[0-500]，默认250。 */
  range?: number;
}

interface ResultPOI {
  /**POI全局唯一ID */
  uid: string;
  /**名称 */
  name: string;
  /**兴趣点类型 */
  type: string;
  /**类型编码 */
  typecode: string;
  /** 纬度*/
  latitude: number;
  /**经度 */
  longitude: number;
  /**地址 */
  address: string;
  /**电话 */
  tel: string;
  /**距中心点的距离，单位米 */
  distance: number;
  /**停车场类型，地上、地下 */
  parkingType: string;
  /**商铺id */
  shopID: string;
  /**邮编 */
  postcode: string;
  /**网址 */
  website: string;
  /** 电子邮件*/
  email: string;
  /**省 */
  province: string;
  /**省编码 */
  pcode: string;
  /** 市*/
  city: string;
  /**城市编码 */
  citycode: string;
  /** 区域名称*/
  district: string;
  /**区域编码 */
  adcode: string;
}


================================================
FILE: packages/react-native-amap-search/src/useSearch.tsx
================================================
import { useCallback, useState } from 'react';
import { NativeModules } from 'react-native';

import { PAGE, PAGESIZE, RADIUS, SPECIAL } from './constant';

const AMapSearchManager = NativeModules.AMapSearchManager;
function useAMapSearch() {
  const [data, setData] = useState<ResultPOI[]>();

  const onPOISearchDone = useCallback((err: any, result: ResultPOI[]) => {
    if (err) {
      Error('err');
    } else {
      setData(result);
    }
  }, []);

  const aMapPOIAroundSearch = useCallback(
    (params: SearchPOIParams) => {
      const {
        latitude,
        longitude,
        keywords = '',
        radius = RADIUS,
        city = '',
        special = SPECIAL,
        page = PAGE,
        pageSize = PAGESIZE,
        types = '',
      } = params;

      AMapSearchManager.aMapPOIAroundSearch(
        latitude,
        longitude,
        keywords,
        radius,
        city,
        special,
        page,
        pageSize,
        types,
        onPOISearchDone
      );
    },
    [onPOISearchDone]
  );

  const aMapPOIKeywordsSearch = useCallback(
    (params: KeyWordsSearchPOIParams) => {
      const { keywords = '', city = '', page = PAGE, pageSize = PAGESIZE, types = '', cityLimit = false } = params;

      AMapSearchManager.aMapPOIKeywordsSearch(keywords, city, types, cityLimit, page, pageSize, onPOISearchDone);
    },
    [onPOISearchDone]
  );

  const aMapPOIPolygonSearch = useCallback(
    (params: PolygonSearchParams) => {
      const { points = [], keywords = '', page = PAGE, pageSize = PAGESIZE, types = '' } = params;

      AMapSearchManager.aMapPOIPolygonSearch(points, keywords, page, pageSize, types, onPOISearchDone);
    },
    [onPOISearchDone]
  );

  const aMapRoutePOISearch = useCallback(
    (params: RouteSearchParams) => {
      const { origin, destination, strategy = 0, searchType = 0, range = 250 } = params;

      AMapSearchManager.aMapRoutePOISearch(origin, destination, strategy, searchType, range, onPOISearchDone);
    },
    [onPOISearchDone]
  );

  return {
    aMapPOIKeywordsSearch: aMapPOIKeywordsSearch,
    aMapPOIAroundSearch: aMapPOIAroundSearch,
    aMapPOIPolygonSearch: aMapPOIPolygonSearch,
    aMapRoutePOISearch: aMapRoutePOISearch,
    data: data,
  };
}

export default useAMapSearch;


================================================
FILE: packages/react-native-amap-search/tsconfig.build.json
================================================
{
  "extends": "./tsconfig",
  "exclude": ["example"]
}


================================================
FILE: packages/react-native-amap-search/tsconfig.json
================================================
{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "react-native-amap-search": ["./src/index"]
    },
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "jsx": "react",
    "lib": ["esnext"],
    "module": "esnext",
    "moduleResolution": "node",
    "noFallthroughCasesInSwitch": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noStrictGenericChecks": false,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "strict": true,
    "target": "esnext"
  }
}


================================================
FILE: packages/react-native-calendar/CHANGELOG.md
================================================
# @td-design/react-native-calendar

## 2.5.3

### Patch Changes

- [#936](https://github.com/thundersdata-frontend/td-design/pull/936) [`dbe3d588d`](https://github.com/thundersdata-frontend/td-design/commit/dbe3d588da78ae38e6f08603013ea1cb15bacaff) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复picker组件修改后引起的bug

## 2.5.2

### Patch Changes

- [#890](https://github.com/thundersdata-frontend/td-design/pull/890) [`fe9a1ab9d`](https://github.com/thundersdata-frontend/td-design/commit/fe9a1ab9d4cb8133257138c2f6430194faf59af3) Thanks [@chj-damon](https://github.com/chj-damon)! - 删除 `react-native-redash`依赖优化`react-native-picker` 的`onChange`事件的参数类型问题

## 2.5.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 2.5.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 2.4.1

### Patch Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`469b748a3`](https://github.com/thundersdata-frontend/td-design/commit/469b748a33b288afc288be969a193eae0e2f6d13) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件同时为一些组件补充 activeOpacity 属性

## 2.4.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 2.3.10

### Patch Changes

- [#625](https://github.com/thundersdata-frontend/td-design/pull/625) [`5efa85848`](https://github.com/thundersdata-frontend/td-design/commit/5efa858485f78542b293404baa504e11182830bb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 useTheme 引入路径不正确导致报错的问题


================================================
FILE: packages/react-native-calendar/package.json
================================================
{
  "name": "@td-design/react-native-calendar",
  "version": "2.5.3",
  "description": "基于 @td-design/react-native 的日历组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "dependencies": {
    "dayjs": "^1.11.9"
  },
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "@td-design/react-native-picker": "workspace:^5.0.0",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-gesture-handler": "^2.12.0",
    "react-native-reanimated": "^3.3.0",
    "react-native-svg": "^13.10.0",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}


================================================
FILE: packages/react-native-calendar/src/components/Agenda/index.tsx
================================================
import React from 'react';
import { FlatList, ListRenderItemInfo, StyleSheet } from 'react-native';
import Animated from 'react-native-reanimated';
import Svg, { Circle } from 'react-native-svg';

import { Box, Flex, helpers, Pressable, SvgIcon, Text, Theme, useTheme, WhiteSpace } from '@td-design/react-native';

import { AgendaProps, Item } from '../../type';
import Calendar from '../Calendar';
import useAgenda from './useAgenda';

const { px, ONE_PIXEL } = helpers;

function Agenda<ItemT extends Item>({
  data = [],
  renderItem,
  keyExtractor,
  firstDay,
  activeOpacity = 0.6,
  ...restProps
}: AgendaProps<ItemT>) {
  const theme = useTheme<Theme>();

  const { contentStyle, iconWrapStyle, expanded, handleMonthChange } = useAgenda({ firstDay });

  const styles = StyleSheet.create({
    iconBtn: {
      justifyContent: 'center',
      alignItems: 'center',
      height: px(30),
    },
    list: { backgroundColor: theme.colors.white, flex: 1 },
  });

  const handleRenderItem = (itemInfo: ListRenderItemInfo<ItemT>) => {
    if (renderItem) {
      return renderItem(itemInfo);
    } else {
      const { item } = itemInfo;
      return (
        <Pressable onPress={item.onPress} activeOpacity={activeOpacity}>
          <Flex borderStyle="solid" borderBottomColor="border" borderBottomWidth={ONE_PIXEL} paddingHorizontal="x2">
            <Svg height={theme.borderRadii.x2} width={theme.borderRadii.x2}>
              <Circle
                cx={theme.borderRadii.x1}
                cy={theme.borderRadii.x1}
                r={theme.borderRadii.x1}
                fill={theme.colors.func300}
              />
            </Svg>
            <Box paddingVertical={'x2'} marginLeft={'x2'}>
              <Text variant="p0" color="text" marginBottom={'x1'}>
                {item.title}
              </Text>
              <Text variant="p1" color="text">
                {item.time}
              </Text>
            </Box>
          </Flex>
        </Pressable>
      );
    }
  };

  return (
    <Box flex={1}>
      <Calendar
        onMonthChange={handleMonthChange}
        contentStyle={[{ overflow: 'hidden' }, contentStyle] as any}
        activeOpacity={activeOpacity}
        {...restProps}
      />
      <Pressable
        activeOpacity={1}
        onPress={() => {
          expanded.value = !expanded.value;
        }}
        style={styles.iconBtn}
      >
        <Animated.View style={iconWrapStyle}>
          <SvgIcon name="up" size={px(24)} color={theme.colors.gray500} />
        </Animated.View>
      </Pressable>
      <WhiteSpace backgroundColor={theme.colors.gray50} />
      <FlatList
        data={data}
        renderItem={handleRenderItem}
        keyExtractor={keyExtractor}
        contentContainerStyle={styles.list}
      />
    </Box>
  );
}

export default Agenda;


================================================
FILE: packages/react-native-calendar/src/components/Agenda/useAgenda.ts
================================================
import { useMemo } from 'react';
import { useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';

import { helpers } from '@td-design/react-native';
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs from 'dayjs';

import { DAY_WIDTH } from '../../constant';
import { getRows } from '../../dateUtils';
import { AgendaProps, Item } from '../../type';

const { px } = helpers;
const dayItemHeight = DAY_WIDTH + px(16);
export default function useAgenda<ItemT extends Item>({ firstDay }: Pick<AgendaProps<ItemT>, 'firstDay'>) {
  const [currentMonth, setCurrentMonth] = useSafeState(dayjs());

  const expanded = useSharedValue(false);
  const animation = useDerivedValue(() => (expanded.value ? withTiming(1) : withTiming(0)));

  const handleMonthChange = (month: string) => {
    setCurrentMonth(dayjs(month + '-01'));
  };

  const y = useMemo(() => {
    const rows = getRows(currentMonth, firstDay);
    return rows * dayItemHeight;
  }, [currentMonth, firstDay]);

  const contentStyle = useAnimatedStyle(() => ({
    height: mix(animation.value, y, 0),
  }));

  const iconWrapStyle = useAnimatedStyle(() => ({
    transform: [{ rotateZ: `${mix(animation.value, 0, Math.PI)}rad` }],
  }));

  return { contentStyle, iconWrapStyle, expanded, handleMonthChange: useMemoizedFn(handleMonthChange) };
}

const mix = (value: number, x: number, y: number) => {
  'worklet';
  return x * (1 - value) + y * value;
};


================================================
FILE: packages/react-native-calendar/src/components/Calendar/index.tsx
================================================
import React from 'react';
import { Directions, FlingGestureHandler } from 'react-native-gesture-handler';

import dayjs from 'dayjs';

import { CalendarProps } from '../../type';
import useCalendar from './useCalendar';

const Calendar: React.FC<CalendarProps> = ({ enableSwipeMonths = true, ...restProps }) => {
  const { isFold, renderCalendar, handlerStateChange } = useCalendar(restProps);

  if (!enableSwipeMonths || !isFold) return <>{renderCalendar()}</>;
  return (
    <FlingGestureHandler direction={Directions.LEFT} onHandlerStateChange={event => handlerStateChange(event, 'left')}>
      <FlingGestureHandler
        direction={Directions.RIGHT}
        onHandlerStateChange={event => handlerStateChange(event, 'right')}
      >
        {renderCalendar()}
      </FlingGestureHandler>
    </FlingGestureHandler>
  );
};

export default React.memo(Calendar, (prevProps, nextProps) => {
  // 返回false才会触发渲染
  let shouldUpdate = true;

  if (prevProps.current?.format('YYYY-MM') !== nextProps.current?.format('YYYY-MM')) {
    shouldUpdate = false;
  }

  if (JSON.stringify(prevProps?.markedDates) !== JSON.stringify(nextProps?.markedDates)) {
    shouldUpdate = false;
  }

  shouldUpdate = [
    'hideExtraDays',
    'showSixWeeks',
    'showArrowLeft',
    'showArrowRight',
    'firstDay',
    'enableSwipeMonths',
    'contentStyle',
    'monthWrapperStyle',
  ].reduce((prev, next) => {
    if (!prev || nextProps[next as keyof CalendarProps] !== prevProps[next as keyof CalendarProps]) {
      return false;
    }
    return true;
  }, shouldUpdate);

  shouldUpdate = ['minDate', 'maxDate'].reduce((prev, next) => {
    const prevDate = prevProps[next as keyof CalendarProps] as CalendarProps['minDate'] | CalendarProps['maxDate'];
    const nextDate = nextProps[next as keyof CalendarProps] as CalendarProps['minDate'] | CalendarProps['maxDate'];
    if (!prev) {
      return false;
    } else if (prevDate !== nextDate) {
      if (prevDate && nextDate && dayjs(prevDate).format('YYYY-MM') === dayjs(nextDate).format('YYYY-MM')) {
        return true;
      } else {
        return false;
      }
    }
    return prev;
  }, shouldUpdate);

  return shouldUpdate;
});


================================================
FILE: packages/react-native-calendar/src/components/Calendar/useCalendar.tsx
================================================
import React, { ReactNode, useEffect } from 'react';
import { FlingGestureHandlerStateChangeEvent, State } from 'react-native-gesture-handler';
import Animated from 'react-native-reanimated';

import { Box, Flex, Theme, useTheme } from '@td-design/react-native';
import { DatePicker } from '@td-design/react-native-picker';
import { useBoolean, useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs, { Dayjs } from 'dayjs';

import { dateFormat, dayjsToData, fromTo, isGTE, isLTE, page, sameDate, sameMonth } from '../../dateUtils';
import { CalendarProps, CurDateType, DateObject, MarkedDates, PeriodMarking, StateType } from '../../type';
import Day from '../Day/';
import CalendarHeader from '../Header';
import Period from '../Period';

export default function useCalendar({
  current,
  minDate,
  maxDate,
  markedDates = {},
  markingType = 'dot',
  showSixWeeks = false,
  hideExtraDays = false,
  firstDay = 0,
  style,
  contentStyle,
  monthWrapperStyle,
  onDayPress,
  onMonthChange,
  activeOpacity = 0.6,
  ...restProps
}: CalendarProps) {
  const theme = useTheme<Theme>();
  const [currentMonth, setCurrentMonth] = useSafeState<Dayjs>(current || dayjs());
  const [curMarkedDates, setCurMarkedDates] = useSafeState<MarkedDates>({});
  const [isFold, { setTrue, setFalse }] = useBoolean(true);

  const markedDatesJsonString = JSON.stringify(markedDates);

  useEffect(() => {
    const markedDatesObj = JSON.parse(markedDatesJsonString);
    if (markingType === 'dot') {
      // 设置current为默认选中
      setCurMarkedDates({ [dateFormat(currentMonth)]: { selected: true } });
    } else {
      setCurMarkedDates(markedDatesObj);
    }
  }, [currentMonth, markingType, markedDatesJsonString, setCurMarkedDates]);

  const updateMonth = (day: Dayjs) => {
    if (dateFormat(day, 'YYYY-MM') === dateFormat(currentMonth, 'YYYY-MM')) {
      return;
    }
    setCurrentMonth(day);
  };

  /** 判断日期是否在区间 */
  const isDateNotInTheRange = (date: Dayjs, minDate?: CurDateType, maxDate?: CurDateType) => {
    // 当前日期比最小日期小 || 当前日期比最大日期大
    return (minDate && !isGTE(date, minDate)) || (maxDate && !isLTE(date, maxDate));
  };

  const pressDay = (date: DateObject) => {
    const _date = dayjs(date.dateString);
    let state = {};
    // 当前日期比最小日期大 && 当前日期比最大日期小
    if (!(minDate && !isGTE(_date, minDate)) && !(maxDate && !isLTE(_date, maxDate))) {
      updateMonth(_date);
      if (markingType === 'dot') {
        state = {
          [dateFormat(_date)]: { selected: true },
        };
      } else {
        const markedDatesArr = Object.entries(curMarkedDates);
        // 此时curMarkedDates为{}
        if (markedDatesArr.length === 0) {
          state = { [dateFormat(_date)]: { selected: true, startingDay: true } };
        } else {
          // 计算中此时curMarkedDates中的开始日期和结束日期
          const startDate = markedDatesArr.find(item => (item[1] as PeriodMarking).startingDay)?.[0];
          const endDate = markedDatesArr.find(item => (item[1] as PeriodMarking).endingDay)?.[0];
          // 此时curMarkedDates中已经有选中的时间段，则进行清空并赋值开始日期
          if (startDate && endDate) {
            state = { [dateFormat(_date)]: { selected: true, startingDay: true } };
          } else {
            // 此时curMarkedDates中有开始时间或者是结束时间
            const _markedDates: Record<string, any> = {};
            // 计算出开始日期和当前选中日期之间的date
            let from = dayjs(startDate || endDate);
            let to = _date;
            if (isGTE(from, to)) {
              [to, from] = [from, to];
            }
            const dates = fromTo(from, to);
            dates.map(item => (_markedDates[dateFormat(item)] = { selected: true }));
            state = {
              ..._markedDates,
              [dateFormat(from)]: { selected: true, startingDay: true },
              [dateFormat(to)]: { selected: true, endingDay: true },
            };
          }
        }
      }
      setCurMarkedDates(state);
      onDayPress?.(date, state);
    }
  };

  const renderDayComponent = () => {
    switch (markingType) {
      case 'period':
        return Period;
      default:
        return Day;
    }
  };

  /** 天 */
  const renderDay = (day: Dayjs, id: number) => {
    let state = '';

    if (isDateNotInTheRange(day, minDate, maxDate)) {
      state = 'disabled';
    } else if (!sameMonth(day, currentMonth)) {
      state = 'otherMonth';
    } else if (sameDate(day, dayjs())) {
      state = 'today';
    }

    if (!sameMonth(day, currentMonth) && hideExtraDays) {
      return <Box flex={1} key={id} />;
    }

    const DayComp = renderDayComponent();
    const dateAsObject = dayjsToData(day);

    const propsMarking = markedDates[dateFormat(day)] ?? {};
    const stateMarking = curMarkedDates[dateFormat(day)] ?? {};

    const dayProps = {
      state: state as StateType,
      onPress: pressDay,
      date: dateAsObject,
      activeOpacity,
      marking: { ...propsMarking, ...stateMarking },
    };

    return (
      <Flex justifyContent="center" style={{ flex: 1 }} key={id}>
        <DayComp {...dayProps}>{day.date()}</DayComp>
      </Flex>
    );
  };

  /** 周 */
  const renderWeek = (days: Dayjs[], id: number) => {
    const week: ReactNode[] = [];

    days.forEach((day, id2) => {
      week.push(renderDay(day, id2));
    });

    return <Flex key={id}>{week}</Flex>;
  };

  /** 月 */
  const renderMonth = () => {
    const shouldShowSixWeeks = showSixWeeks && !hideExtraDays;
    const days = page(currentMonth, firstDay, shouldShowSixWeeks);
    const weeks = [];

    while (days.length) {
      weeks.push(renderWeek(days.splice(0, 7), weeks.length));
    }

    return <Animated.View style={monthWrapperStyle}>{weeks}</Animated.View>;
  };

  const addMonth = (count: number) => {
    updateMonth(currentMonth.add(count, 'month'));
  };

  const handlerStateChange = ({ nativeEvent }: FlingGestureHandlerStateChangeEvent, direction: 'left' | 'right') => {
    if (nativeEvent.oldState === State.ACTIVE) {
      addMonth(direction === 'left' ? 1 : -1);
    }
  };

  const handleChange = (date?: Date) => {
    setCurrentMonth(dayjs(date));
    onMonthChange?.(dateFormat(dayjs(date), 'YYYY-MM'));
  };

  const renderDatePicker = () => {
    return <DatePicker value={currentMonth.toDate()} onChange={handleChange} />;
  };

  const renderCalendar = () => (
    <Animated.View
      style={[
        {
          paddingHorizontal: theme.spacing.x2,
          backgroundColor: theme.colors.white,
        },
        style,
      ]}
    >
      <CalendarHeader
        month={currentMonth}
        firstDay={firstDay}
        onPressArrowDown={setFalse}
        onPressArrowUp={setTrue}
        onPressArrowLeft={addMonth}
        onPressArrowRight={addMonth}
        showDown={isFold}
        activeOpacity={activeOpacity}
        dayNamesStyle={markingType === 'period' ? { marginBottom: theme.spacing.x1 } : {}}
        {...restProps}
      />
      <Animated.View style={contentStyle}>{isFold ? renderMonth() : renderDatePicker()}</Animated.View>
    </Animated.View>
  );

  return {
    isFold,
    renderCalendar,
    handlerStateChange: useMemoizedFn(handlerStateChange),
  };
}


================================================
FILE: packages/react-native-calendar/src/components/CalendarList/index.tsx
================================================
import React from 'react';
import { FlatList, ListRenderItemInfo } from 'react-native';

import { Box, helpers, Text } from '@td-design/react-native';

import { CALENDAR_HEIGHT } from '../../constant';
import { CalendarListProps, RowItem } from '../../type';
import Calendar from '../Calendar';
import useCalendarList from './useCalendarList';

const { deviceWidth } = helpers;

const CalendarList: React.FC<CalendarListProps> = props => {
  const { rows, getItemLayout, handleViewableItemsChanged } = useCalendarList(props);

  const {
    pastScrollRange = 12,
    horizontal = false,
    calendarWidth = deviceWidth,
    calendarHeight = CALENDAR_HEIGHT,
    activeOpacity = 0.6,
    ...restProps
  } = props;
  const renderItem = ({ item }: ListRenderItemInfo<RowItem>) => {
    if (!item.isShowDate) {
      return (
        <Box
          height={calendarHeight}
          width={calendarWidth}
          justifyContent="center"
          alignItems="center"
          backgroundColor="background"
        >
          <Text variant="h0" color="text">
            {item.date.format('YYYY-MM-DD')}
          </Text>
        </Box>
      );
    }
    return (
      <Calendar
        current={item.date}
        style={{ height: calendarHeight, width: calendarWidth }}
        showArrowLeft={false}
        showArrowRight={false}
        hideExtraDays={true}
        activeOpacity={activeOpacity}
        {...restProps}
      />
    );
  };

  return (
    <FlatList
      data={rows}
      keyExtractor={(_, index) => `${index}`}
      renderItem={renderItem}
      getItemLayout={getItemLayout}
      viewabilityConfig={{
        itemVisiblePercentThreshold: 20,
      }}
      onViewableItemsChanged={handleViewableItemsChanged}
      initialScrollIndex={pastScrollRange}
      scrollEnabled={true}
      horizontal={horizontal}
      pagingEnabled={horizontal}
    />
  );
};

export default CalendarList;


================================================
FILE: packages/react-native-calendar/src/components/CalendarList/useCalendarList.ts
================================================
import { useEffect } from 'react';
import { ViewToken } from 'react-native';

import { helpers } from '@td-design/react-native';
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs, { Dayjs } from 'dayjs';

import { CALENDAR_HEIGHT } from '../../constant';
import { CalendarListProps, RowItem } from '../../type';

const { deviceWidth } = helpers;
export default function useCalendarList({
  current = dayjs(),
  pastScrollRange = 12,
  futureScrollRange = 12,
  horizontal = false,
  calendarWidth = deviceWidth,
  calendarHeight = CALENDAR_HEIGHT,
}: CalendarListProps) {
  const [rows, setRows] = useSafeState<RowItem[]>([]);
  const [currentDate] = useSafeState<Dayjs>(current);

  useEffect(() => {
    const _rows: RowItem[] = [];

    new Array(pastScrollRange + futureScrollRange).fill('').map((_, i) => {
      const rangeDate = currentDate.add(i - pastScrollRange, 'month');

      if ((pastScrollRange - 1 <= i && i <= pastScrollRange + 1) || (!pastScrollRange && i <= pastScrollRange + 2)) {
        _rows.push({ date: rangeDate, isShowDate: true });
      } else {
        _rows.push({ date: rangeDate, isShowDate: false });
      }
    });

    setRows(_rows);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [currentDate, pastScrollRange, futureScrollRange]);

  const getItemLayout = (_: ArrayLike<any> | null | undefined, index: number) => {
    return {
      length: horizontal ? calendarWidth : calendarHeight,
      offset: (horizontal ? calendarWidth : calendarHeight) * index,
      index,
    };
  };

  const rowIsCloseToViewable = (index: number, distance: number, viewableItems: Array<ViewToken>) => {
    for (let i = 0; i < viewableItems.length; i++) {
      if (Math.abs(index - viewableItems[i].index!) <= distance) {
        return true;
      }
    }
    return false;
  };

  const handleViewableItemsChanged = ({ viewableItems }: { viewableItems: Array<ViewToken> }) => {
    setRows(rows => {
      const newRows: RowItem[] = [];

      rows.map((item, index) => {
        let val = item.date;
        const rowShouldBeRendered = rowIsCloseToViewable(index, 1, viewableItems);

        if (rowShouldBeRendered && !item.isShowDate) {
          val = current.add(index - pastScrollRange, 'month');
          newRows.push({ date: val, isShowDate: true });
        } else if (!rowShouldBeRendered) {
          newRows.push({ date: val, isShowDate: false });
        } else {
          newRows.push({ date: val, isShowDate: true });
        }
      });

      return newRows;
    });
  };

  return {
    rows,
    getItemLayout: useMemoizedFn(getItemLayout),
    handleViewableItemsChanged: useMemoizedFn(handleViewableItemsChanged),
  };
}


================================================
FILE: packages/react-native-calendar/src/components/Day/index.tsx
================================================
import React from 'react';
import { StyleSheet } from 'react-native';
import Svg, { Circle } from 'react-native-svg';

import { Pressable, Text, Theme, useTheme } from '@td-design/react-native';

import { DAY_WIDTH } from '../../constant';
import { DayProps } from '../../type';

const Day: React.FC<DayProps> = ({ state, date, onPress, marking = {}, activeOpacity, children }) => {
  const theme = useTheme<Theme>();

  const { dotColor, selected, disabled, selectedColor } = marking;

  const isDisabled = state === 'disabled' || disabled;
  const isToday = state === 'today';
  const isOtherMonth = state === 'otherMonth';

  const handlePress = () => {
    if (!isDisabled) {
      onPress(date);
    }
  };

  const styles = StyleSheet.create({
    container: {
      width: DAY_WIDTH,
      height: DAY_WIDTH,
      alignItems: 'center',
      justifyContent: 'center',
      marginVertical: theme.spacing.x2,
    },
    selected: {
      backgroundColor: selectedColor || theme.colors.primary200,
      borderRadius: theme.borderRadii.x1,
    },
    dot: {
      backgroundColor: dotColor,
      width: theme.borderRadii.x1,
      height: theme.borderRadii.x1,
      borderRadius: theme.borderRadii.x1,
    },
  });

  let color: any = 'text';
  if (selected) {
    color = 'white';
  } else if (!selected && isToday) {
    color = 'primary200';
  } else if (isDisabled || isOtherMonth) {
    color = 'disabled';
  }

  return (
    <Pressable
      activeOpacity={activeOpacity}
      style={StyleSheet.flatten([styles.container, selected && styles.selected])}
      onPress={handlePress}
    >
      <Text variant="p1" color={color}>
        {String(children)}
      </Text>
      <Svg height={theme.borderRadii.x2} width={theme.borderRadii.x2}>
        <Circle
          cx={theme.borderRadii.x1}
          cy={theme.borderRadii.x1}
          r={theme.borderRadii.x1}
          fill={dotColor ?? 'transparent'}
        />
      </Svg>
    </Pressable>
  );
};

export default React.memo(Day);


================================================
FILE: packages/react-native-calendar/src/components/Header/index.tsx
================================================
import React from 'react';
import { View, ViewStyle } from 'react-native';

import { Flex, helpers, Pressable, SvgIcon, Text, Theme, useTheme } from '@td-design/react-native';
import dayjs from 'dayjs';

import { WEEK_DAY_NAMES } from '../../constant';
import { dateFormat } from '../../dateUtils';
import { ArrowDirection, CalendarHeaderControlProps, CalendarHeaderProps } from '../../type';

const { ONE_PIXEL } = helpers;

const CalendarHeader: React.FC<CalendarHeaderProps & CalendarHeaderControlProps> = ({
  month = dayjs(),
  monthFormat = 'YYYY年MM月',
  firstDay,
  showDown = true,
  headerStyle,
  dayNamesStyle,
  showArrowLeft = true,
  showArrowRight = true,
  activeOpacity,
  onPressArrowLeft,
  onPressArrowRight,
  onPressArrowDown,
  onPressArrowUp,
}) => {
  const theme = useTheme<Theme>();

  const handlePress = (direction: ArrowDirection) => {
    switch (direction) {
      case 'left':
        onPressArrowLeft?.(-1);
        break;
      case 'right':
        onPressArrowRight?.(1);
        break;
      case 'down':
        onPressArrowDown?.();
        break;
      case 'up':
        onPressArrowUp?.();
        break;
    }
  };

  const renderArrow = (direction: ArrowDirection, style?: ViewStyle) => {
    return (
      <Pressable
        activeOpacity={activeOpacity}
        onPress={() => handlePress(direction)}
        style={[{ padding: theme.spacing.x2 }, style]}
        hitOffset={10}
      >
        <SvgIcon name={direction} color={theme.colors.gray500} />
      </Pressable>
    );
  };

  const renderDayNames = () => {
    let _dayNames = WEEK_DAY_NAMES;
    if (firstDay) {
      _dayNames = WEEK_DAY_NAMES.slice(firstDay).concat(_dayNames.slice(0, firstDay));
    }

    return (
      <Flex style={dayNamesStyle} marginVertical="x2" justifyContent="space-around">
        {_dayNames.map((day, idx) => (
          <Text key={idx} variant="p1" color="text" numberOfLines={1}>
            {day}
          </Text>
        ))}
      </Flex>
    );
  };

  return (
    <View>
      <Flex
        justifyContent="space-between"
        paddingVertical="x2"
        borderBottomColor="border"
        borderBottomWidth={ONE_PIXEL}
        style={headerStyle}
      >
        <Pressable
          activeOpacity={activeOpacity}
          style={{ flexDirection: 'row', alignItems: 'center' }}
          onPress={() => handlePress(showDown ? 'down' : 'up')}
        >
          <Text variant="p1" color="text">
            {month.format(monthFormat)}
          </Text>
          <SvgIcon name={showDown ? 'down' : 'up'} color={theme.colors.gray500} />
        </Pressable>
        <Flex>
          {showArrowLeft && renderArrow('left')}
          {showArrowRight && renderArrow('right')}
        </Flex>
      </Flex>
      {showDown && renderDayNames()}
    </View>
  );
};

export default React.memo(CalendarHeader, (prevProps, nextProps) => {
  // 返回false才会触发渲染
  let shouldUpdate = true;

  if (dateFormat(prevProps.month) !== dateFormat(nextProps.month)) {
    shouldUpdate = false;
  }

  shouldUpdate = ['monthFormat', 'showArrowLeft', 'showArrowRight', 'showDown', 'firstDay', 'headerStyle'].reduce(
    (prev, next) => {
      if (!prev || nextProps[next as keyof CalendarHeaderProps] !== prevProps[next as keyof CalendarHeaderProps]) {
        return false;
      }
      return true;
    },
    shouldUpdate
  );

  return shouldUpdate;
});


================================================
FILE: packages/react-native-calendar/src/components/Period/index.tsx
================================================
import React from 'react';
import { StyleSheet } from 'react-native';

import { Flex, helpers, Pressable, Text } from '@td-design/react-native';

import { DAY_WIDTH } from '../../constant';
import { PeriodProps } from '../../type';
import usePeriod from './usePeriod';

const { px } = helpers;

const HEIGHT = DAY_WIDTH + px(20);

const Period: React.FC<PeriodProps> = ({ state, date, marking, onPress, children, activeOpacity }) => {
  const { theme, onDayPress, filters, selected, startingDay, endingDay, isDisabled, isToday, extra } = usePeriod({
    state,
    date,
    marking,
    onPress,
  });

  const styles = StyleSheet.create({
    container: { flex: 1, height: HEIGHT },
    wrapper: { width: DAY_WIDTH, height: DAY_WIDTH },
    selected: { borderRadius: theme.borderRadii.x1 },
    bg: {
      backgroundColor: theme.colors.primary200,
    },
    extra: {
      position: 'absolute',
      top: DAY_WIDTH + px(2),
      left: 0,
      right: 0,
    },
  });

  let color: any = 'text';
  if (selected && (startingDay || endingDay)) {
    color = 'white';
  } else if (isToday) {
    color = 'primary200';
  } else if (isDisabled) {
    color = 'disabled';
  }

  return (
    <Pressable activeOpacity={activeOpacity} onPress={onDayPress} style={styles.container}>
      <Flex justifyContent="center" style={{ width: '100%', height: DAY_WIDTH }}>
        {filters}
        <Flex
          justifyContent="center"
          style={StyleSheet.flatten([
            styles.wrapper,
            selected && styles.selected,
            selected && (startingDay || endingDay) && styles.bg,
          ])}
        >
          <Text variant="p1" color={color}>
            {String(children)}
          </Text>
        </Flex>
      </Flex>
      <Flex style={styles.extra} justifyContent="center">
        {typeof extra === 'string' ? (
          <Text variant="p3" color="primary200">
            {extra}
          </Text>
        ) : (
          extra
        )}
      </Flex>
    </Pressable>
  );
};

export default React.memo(Period);


================================================
FILE: packages/react-native-calendar/src/components/Period/usePeriod.tsx
================================================
import React, { useMemo } from 'react';
import { StyleSheet, View } from 'react-native';

import { Flex, Theme, useTheme } from '@td-design/react-native';
import { useMemoizedFn } from '@td-design/rn-hooks';

import { DAY_WIDTH } from '../../constant';
import { PeriodProps } from '../../type';

export default function usePeriod({ state, date, marking, onPress }: Omit<PeriodProps, 'activeOpacity'>) {
  const theme = useTheme<Theme>();
  const { selected, disabled, startingDay, endingDay, extra } = marking;

  const isDisabled = state === 'disabled' || disabled;
  const isToday = state === 'today';

  const onDayPress = () => {
    if (!isDisabled) {
      onPress?.(date);
    }
  };

  const styles = StyleSheet.create({
    fillBlock: {
      position: 'absolute',
      height: DAY_WIDTH,
      left: 0,
      right: 0,
    },
    fillItem: {
      height: DAY_WIDTH,
      flex: 1,
    },
  });

  const filters = useMemo(() => {
    const isStart = startingDay && !endingDay;
    const isEnd = !startingDay && endingDay;

    const startStyle = {
      borderTopLeftRadius: theme.borderRadii.x1,
      borderBottomLeftRadius: theme.borderRadii.x1,
    };
    const endStyle = {
      borderTopRightRadius: theme.borderRadii.x1,
      borderBottomRightRadius: theme.borderRadii.x1,
    };
    const filledStyle = {
      backgroundColor: theme.colors.white,
    };
    const notFilledStyle = {
      backgroundColor: theme.colors.primary50,
    };

    if (!selected) return null;
    return (
      <Flex style={[styles.fillBlock, !startingDay && !endingDay && notFilledStyle]}>
        <View style={[styles.fillItem, isStart ? filledStyle : notFilledStyle, isStart && startStyle]} />
        <View style={[styles.fillItem, isEnd ? filledStyle : notFilledStyle, isEnd && endStyle]} />
      </Flex>
    );
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [startingDay, endingDay, selected]);

  return {
    theme,
    onDayPress: useMemoizedFn(onDayPress),
    filters,
    selected,
    startingDay,
    endingDay,
    isDisabled,
    isToday,
    extra,
  };
}


================================================
FILE: packages/react-native-calendar/src/constant.ts
================================================
import { helpers } from '@td-design/react-native';

const { px } = helpers;

export const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];

export const CALENDAR_HEIGHT = px(400);

export const DAY_WIDTH = px(34);


================================================
FILE: packages/react-native-calendar/src/dateUtils.ts
================================================
import dayjs, { Dayjs } from 'dayjs';
import utc from 'dayjs/plugin/utc';

import { CurDateType } from './type';

const localeData = require('dayjs/plugin/localeData');

dayjs.extend(localeData);
dayjs.extend(utc);

/** 是否是同一个月 */
export function sameMonth(a: Dayjs, b: Dayjs) {
  return a instanceof dayjs && b instanceof dayjs && a.year() === b.year() && a.month() === b.month();
}

/** 是否是同一天 */
export function sameDate(a: Dayjs, b: Dayjs) {
  return (
    a instanceof dayjs &&
    b instanceof dayjs &&
    a.year() === b.year() &&
    a.month() === b.month() &&
    a.date() === b.date()
  );
}

/** 晚于 */
export function isGTE(a: CurDateType, b: CurDateType) {
  return dayjs(a).diff(b, 'day') > -1;
}

/** 早于 */
export function isLTE(a: CurDateType, b: CurDateType) {
  return dayjs(b).diff(a, 'day') > -1;
}

/** 从a日期到b日期之间的天数 */
export function fromTo(a: Dayjs, b: Dayjs) {
  const days = [];
  let from = a;

  while (b.diff(from, 'day') > -1) {
    days.push(from);
    from = from.add(1, 'day');
  }
  return days;
}

/** 计算该月份的天数 */
export function month(date: Dayjs) {
  const year = date.year(),
    month = date.month();
  const days = new Date(year, month + 1, 0).getDate(); // 这个月一共几天

  const firstDay = dayjs(new Date(year, month, 1, 0, 0, 0));
  const lastDay = dayjs(new Date(year, month, days, 0, 0, 0));

  return fromTo(firstDay, lastDay);
}

export function page(date: Dayjs, firstDayOfWeek = 0, showSixWeeks = false) {
  const days = month(date);
  let before: Dayjs[] = [],
    after: Dayjs[] = [];

  const fdow = (7 + firstDayOfWeek) % 7 || 7; // 一周以周日开头：7
  const ldow = (fdow + 6) % 7; // 一周以周六结尾：6

  let from = days[0];
  const daysBefore = from.day(); // 这个月的第一天应该是周几
  if (daysBefore !== fdow) {
    from = from.add(-(daysBefore + 7 - fdow) % 7, 'day'); // 那这个月的周日开始应该是几号
  }

  let to = days[days.length - 1];
  const day = to.day(); // 最后一天是周几
  if (day !== ldow) {
    to = to.add((ldow + 7 - day) % 7, 'day'); // 这个月的周六结束应该是几号
  }

  const daysForSixWeeks = (daysBefore + days.length) / 6 >= 6;
  if (showSixWeeks && !daysForSixWeeks) {
    to = to.add(7, 'day');
  }

  if (isLTE(from, days[0])) {
    before = fromTo(from, days[0]);
  }

  if (isGTE(to, days[days.length - 1])) {
    after = fromTo(days[days.length - 1], to);
  }

  return before.concat(days.slice(1, days.length - 1), after);
}

export function getRows(date: Dayjs, firstDayOfWeek = 0) {
  const days = month(date); // 该月一共有几天

  const _firstDayOfWeek = (7 + firstDayOfWeek) % 7 || 7; // 一周以周日开头：7
  const _lastDayOfWeek = (_firstDayOfWeek + 6) % 7 || 7; // 一周以周六结尾：6

  const from = days[0];
  const daysBefore = from.day(); // 这个月的第一天应该是周几
  // 如果结尾日小于该月的第一天则需要加7
  const daysOfFirstRow =
    _lastDayOfWeek < daysBefore ? _lastDayOfWeek + 7 - daysBefore + 1 : _lastDayOfWeek - daysBefore + 1;

  const to = days[days.length - 1];
  const day = to.day(); // 最后一天是周几
  const daysOfLastRow = 7 - Math.abs(_lastDayOfWeek - day);

  return (days.length - daysOfFirstRow - daysOfLastRow) / 7 + 2;
}

export function dateFormat(date?: Dayjs, format = 'YYYY-MM-DD') {
  if (!date) return '';
  return date.format(format);
}

export function dayjsToData(date: Dayjs) {
  const dateString = dateFormat(date);
  return {
    year: date.year(),
    month: date.month() + 1,
    day: date.date(),
    timestamp: date.valueOf(),
    dateString: dateString,
  };
}


================================================
FILE: packages/react-native-calendar/src/index.md
================================================
---
title: Calendar - 日历组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 日历组件
  path: /calendar
---

# Calendar 日历组件

使用本组件需要单独安装：**yarn add @td-design/react-native-calendar**

## 效果演示

### 1. 基础 Calendar

```tsx | pure
<Calendar />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609137338819827656.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 配置 markedDates

```tsx | pure
<Calendar
  markedDates={{
    '2020-12-03': { disabled: true },
    '2020-12-04': { disabled: true, dotColor: '#7DC455' },
    '2020-12-11': { dotColor: theme.colors.primaryColor, selected: true },
    '2020-12-13': { dotColor: theme.colors.primaryColor, selected: true, selectedColor: '#7DC455' },
    '2020-12-17': { dotColor: '#7DC455', textColor: 'red' },
    '2020-12-25': { dotColor: '#7DC455' },
  }}
  onDayPress={date => console.log(date, 'onDayPress')}
  onMonthChange={date => console.log(date, 'onMonthChange')}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609213294210202748.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 配置 firstDay

```tsx | pure
<Calendar firstDay={1} />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609125525450993973.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 配置 hideExtraDays

```tsx | pure
<Calendar hideExtraDays />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609125532566559388.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 5. 配置 showSixWeeks

```tsx | pure
<Calendar showSixWeeks />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609125535449832660.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 6. 配置 minDate 和 maxDate

```tsx | pure
<Calendar minDate="2020-12-05" maxDate="2020-12-29" />
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609125540158660005.png"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 7. CalendarList

```tsx | pure
export default () => {
  const [curMarkedDates, setCurMarkedDates] = useState<MarkedDates>({});
  const dates = useMemo(() => {
    let _dates = curMarkedDates;
    for (let [key, value] of Object.entries(curMarkedDates)) {
      if ((value as PeriodMarking).startingDay) {
        _dates = {
          ...curMarkedDates,
          [key]: { selected: true, startingDay: true, extra: '起' },
        };
      }
      if ((value as PeriodMarking).endingDay) {
        _dates = {
          ..._dates,
          [key]: { selected: true, endingDay: true, extra: '止' },
        };
      }
    }
    return _dates;
  }, [curMarkedDates]);

  return (
    <CalendarList
      markingType="period"
      onDayPress={(_, markedDates) => {
        setCurMarkedDates(markedDates);
      }}
      markedDates={dates}
    />
  );
};
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609137415401507983.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 8. Agenda

```tsx | pure
<Agenda
  data={[
    { time: '09:00', title: '上班打卡' },
    { time: '12:00', title: '吃午饭啦' },
  ]}
  keyExtractor={(_, index) => `${index}`}
  markedDates={{ '2020-12-03': { dotColor: theme.colors.success }, '2020-12-13': { dotColor: 'red' } }}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1609137440241431421.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### CalendarHeader

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| firstDay | `false` | 一周以哪天开头，周一为 1， 周二为 2 以此类推，默认周日开头 | `number` | `0` |
| month | `false` | 展示月份 | `Dayjs` |  |
| monthFormat | `false` | 月份格式化 | `string` | `YYYY年MM月` |
| showArrowLeft | `false` | 是否展示左边箭头 | `boolean` | `true` |
| showArrowRight | `false` | 是否展示右边箭头 | `boolean` | `true` |
| showDown | `false` | 展示向上还是向下按钮 | `boolean` | `true` |
| headerStyle | `false` | header 的样式 | `ViewStyle` |  |
| dayNamesStyle | `false` | 星期几的头部样式 | `ViewStyle` |  |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |
| onPressArrowLeft | `false` | 按下左边按钮回调 | `(month: Dayjs) => void` |  |
| onPressArrowRight | `false` | 按下右边按钮回调 | `(month: Dayjs) => void` |  |
| onPressArrowDown | `false` | 按下向下按钮回调 | `(month: Dayjs) => void` |  |
| onPressArrowUp | `false` | 按下向上按钮回调 | `(month: Dayjs) => void` |  |

### Calendar

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| firstDay | `false` | 一周以哪天开头，周一为 1， 周二为 2 以此类推，默认周日开头 | `number` | `0` |
| month | `false` | 展示月份 | `Dayjs` |  |
| monthFormat | `false` | 月份格式化 | `string` | `YYYY年MM月` |
| showArrowLeft | `false` | 是否展示左边箭头 | `boolean` | `true` |
| showArrowRight | `false` | 是否展示右边箭头 | `boolean` | `true` |
| headerStyle | `false` | header 的样式 | `ViewStyle` |  |
| current | `false` | 需要展示的当前月份 | `Dayjs` | `dayjs()` |
| minDate | `false` | 可选择的最小的日期 | `CurDateType` |  |
| maxDate | `false` | 可选择的最大的日期 | `CurDateType` |  |
| markedDates | `false` | 被标记的日期 | `{ [date: string]: PeriodMarking \| DotMarking }` | `{}` |
| markingType | `false` | 标记类型 | `dot` \| `period` | `dot` |
| enableSwipeMonths | `false` | 是否可以滑动切换月份 | `boolean` | `true` |
| hideExtraDays | `false` | 是否展示当前月份之外的天数 | `boolean` | `false` |
| showSixWeeks | `false` | 是否每个月都展示 6 个星期（只有当`hideExtraDays` = `false`时生效） | `boolean` | `false` |
| style | `false` | calendar 整体的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| monthWrapperStyle | `false` | month 外层的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| contentStyle | `false` | content 的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| onDayPress | `false` | 点击日期的回调 | `(date: DateObject, markedDates: MarkedDates) => void` |  |
| onMonthChange | `false` | 月份变化回调 | `(month: string) => void` |  |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |

### CalendarList

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| firstDay | `false` | 一周以哪天开头，周一为 1， 周二为 2 以此类推，默认周日开头 | `number` | `0` |
| month | `false` | 展示月份 | `Dayjs` |  |
| monthFormat | `false` | 月份格式化 | `string` | `YYYY年MM月` |
| showArrowLeft | `false` | 是否展示左边箭头 | `boolean` | `true` |
| showArrowRight | `false` | 是否展示右边箭头 | `boolean` | `true` |
| headerStyle | `false` | header 的样式 | `ViewStyle` |  |
| current | `false` | 需要展示的当前月份 | `Dayjs` | `dayjs()` |
| minDate | `false` | 可选择的最小的日期 | `CurDateType` |  |
| maxDate | `false` | 可选择的最大的日期 | `CurDateType` |  |
| markedDates | `false` | 被标记的日期 | `{ [date: string]: PeriodMarking \| DotMarking }` | `{}` |
| markingType | `false` | 标记类型 | `dot` \| `period` | `dot` |
| enableSwipeMonths | `false` | 是否可以滑动切换月份 | `boolean` | `true` |
| hideExtraDays | `false` | 是否展示当前月份之外的天数 | `boolean` | `false` |
| showSixWeeks | `false` | 是否每个月都展示 6 个星期（只有当`hideExtraDays` = `false`时生效） | `boolean` | `false` |
| style | `false` | calendar 整体的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| monthWrapperStyle | `false` | month 外层的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| contentStyle | `false` | content 的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| onDayPress | `false` | 点击日期的回调 | `(date: DateObject, markedDates: MarkedDates) => void` |  |
| onMonthChange | `false` | 月份变化回调 | `(month: string) => void` |  |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |
| pastScrollRange | `false` | 最多往前推算几个月 | `number` | `12` |
| futureScrollRange | `false` | 最多往后推算几个月 | `number` | `12` |
| horizontal | `false` | 是否水平 | `boolean` | `false` |
| calendarWidth | `false` | 日历宽度 | `number` | `deviceWidth` |
| calendarHeight | `false` | 日历高度 | `number` | `420` |

### Agenda

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| firstDay | `false` | 一周以哪天开头，周一为 1， 周二为 2 以此类推，默认周日开头 | `number` | `0` |
| month | `false` | 展示月份 | `Dayjs` |  |
| monthFormat | `false` | 月份格式化 | `string` | `YYYY年MM月` |
| showArrowLeft | `false` | 是否展示左边箭头 | `boolean` | `true` |
| showArrowRight | `false` | 是否展示右边箭头 | `boolean` | `true` |
| headerStyle | `false` | header 的样式 | `ViewStyle` |  |
| current | `false` | 需要展示的当前月份 | `Dayjs` | `dayjs()` |
| minDate | `false` | 可选择的最小的日期 | `CurDateType` |  |
| maxDate | `false` | 可选择的最大的日期 | `CurDateType` |  |
| markedDates | `false` | 被标记的日期 | `{ [date: string]: PeriodMarking \| DotMarking }` | `{}` |
| markingType | `false` | 标记类型 | `dot` \| `period` | `dot` |
| enableSwipeMonths | `false` | 是否可以滑动切换月份 | `boolean` | `true` |
| hideExtraDays | `false` | 是否展示当前月份之外的天数 | `boolean` | `false` |
| style | `false` | calendar 整体的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| monthWrapperStyle | `false` | month 外层的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| contentStyle | `false` | content 的补充样式 | `Animated.AnimateStyle<ViewStyle>` |  |
| onDayPress | `false` | 点击日期的回调 | `(date: DateObject, markedDates: MarkedDates) => void` |  |
| onMonthChange | `false` | 月份变化回调 | `(month: string) => void` |  |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |
| data | `false` | 日程数据 | `ItemT[]` | `[]` |
| renderItem | `false` | 每个日程的渲染 | `ListRenderItem<ItemT>` |  |
| keyExtractor | `true` | 标记每条数据的唯一性的 key | `(item: ItemT, index: number) => string` |  |

### PeriodMarking

| 属性        | 必填    | 说明           | 类型        | 默认值 |
| ----------- | ------- | -------------- | ----------- | ------ |
| disabled    | `false` | 是否禁用       | `boolean`   |        |
| selected    | `false` | 是否选中       | `boolean`   |        |
| startingDay | `false` | 是否是开始日期 | `boolean`   |        |
| endingDay   | `false` | 是否是结束日期 | `boolean`   |        |
| extra       | `false` | 额外参数       | `ReactNode` |        |

### DotMarking

| 属性          | 必填    | 说明           | 类型      | 默认值 |
| ------------- | ------- | -------------- | --------- | ------ |
| disabled      | `false` | 是否禁用       | `boolean` |        |
| selected      | `false` | 是否选中       | `boolean` |        |
| textColor     | `false` | 日期的颜色     | `string`  |        |
| selectedColor | `false` | 选中的背景颜色 | `string`  |        |
| dotColor      | `false` | 点的颜色       | `string`  |        |

## 补充说明

### 1. CurDateType 枚举值如下

```tsx | pure
type CurDateType = 'string' | 'Date' | 'Dayjs';
```

### 2. DateObject 对象如下

```tsx | pure
{
  day: number;
  dateString: string;
  month: number;
  timestamp: number;
  year: number;
}
```

### 3. Item 对象如下

```tsx | pure
{
  time: string;
  title: string;
  onPress?: () => void;
}
```


================================================
FILE: packages/react-native-calendar/src/index.tsx
================================================
import Agenda from './components/Agenda';
import Calendar from './components/Calendar';
import CalendarList from './components/CalendarList';

export default Calendar;
export { CalendarList, Agenda };


================================================
FILE: packages/react-native-calendar/src/type.ts
================================================
import { ReactNode } from 'react';
import { ListRenderItem, ViewStyle } from 'react-native';
import { AnimatedStyleProp } from 'react-native-reanimated';

import { Dayjs } from 'dayjs';

export type StateType = 'disabled' | 'today' | 'otherMonth';

export type ArrowDirection = 'left' | 'right' | 'down' | 'up';

export type CurDateType = string | Date | Dayjs;

export type MarkedDates = { [date: string]: PeriodMarking | DotMarking };

export interface DateObject {
  day: number;
  dateString: string;
  month: number;
  timestamp: number;
  year: number;
}

export interface PeriodMarking {
  disabled?: boolean;
  selected?: boolean;
  startingDay?: boolean;
  endingDay?: boolean;
  extra?: ReactNode;
}

export interface DotMarking {
  textColor?: string;
  disabled?: boolean;
  selected?: boolean;
  selectedColor?: string;
  dotColor?: string;
}

export interface RowItem {
  date: Dayjs;
  isShowDate: boolean;
}

export interface DayProps {
  /** 某天的状态 */
  state?: StateType;
  /** 日期 */
  date: DateObject;
  /** 日期点击回调 */
  onPress: (date: DateObject) => void;
  /** 标记 */
  marking?: DotMarking;
  children: ReactNode;
  activeOpacity: number;
}

export interface PeriodProps {
  /** 某天的状态 */
  state?: StateType;
  /** 标记 */
  marking: PeriodMarking;
  /** 日期点击回调 */
  onPress: (date: DateObject) => void;
  /** 日期 */
  date: DateObject;
  children?: ReactNode;
  activeOpacity: number;
}

export interface CalendarHeaderProps {
  /** 一周以哪天开头，周一为1， 周二为2以此类推，默认周日开头，为0 */
  firstDay?: number;
  /** 展示月份 */
  month?: Dayjs;
  /** 月份格式化，默认为 YYYY年MM月 */
  monthFormat?: string;
  /** 是否展示左边箭头 */
  showArrowLeft?: boolean;
  /** 是否展示右边箭头 */
  showArrowRight?: boolean;
  /** 展示向上还是向下按钮 */
  showDown?: boolean;
  /** header的样式 */
  headerStyle?: ViewStyle;
  /** 星期几的头部样式 */
  dayNamesStyle?: ViewStyle;
  activeOpacity?: number;
}

export interface CalendarHeaderControlProps {
  /** 按下左边按钮回调 */
  onPressArrowLeft?: (count: number) => void;
  /** 按下右边按钮回调 */
  onPressArrowRight?: (count: number) => void;
  /** 按下向下按钮回调 */
  onPressArrowDown?: () => void;
  /** 按下向上按钮回调 */
  onPressArrowUp?: () => void;
}

export interface CalendarProps extends Omit<CalendarHeaderProps, 'showDown' | 'dayNamesStyle'> {
  /** 需要展示的当前月份，默认为Date() */
  current?: Dayjs;
  /** 可选择的最小的日期 */
  minDate?: CurDateType;
  /** 可选择的最大的日期 */
  maxDate?: CurDateType;
  /** 被标记的日期 */
  markedDates?: MarkedDates;
  /** 标记类型，默认值为dot */
  markingType?: 'dot' | 'period';
  /** 是否可以滑动切换月份，默认值为false */
  enableSwipeMonths?: boolean;
  /** 是否展示当前月份之外的天数，默认值为false */
  hideExtraDays?: boolean;
  /** 是否每个月都展示6个星期（只有当hideExtraDays = false时生效），默认值为false */
  showSixWeeks?: boolean;
  /** calendar整体的补充样式 */
  style?: AnimatedStyleProp<ViewStyle>;
  /** month外层的补充样式 */
  monthWrapperStyle?: AnimatedStyleProp<ViewStyle>;
  /** content的补充样式 */
  contentStyle?: AnimatedStyleProp<ViewStyle>;
  /** 点击日期的回调 */
  onDayPress?: (date: DateObject, markedDates: MarkedDates) => void;
  /** 月份变化回调 */
  onMonthChange?: (month: string) => void;
}

export interface CalendarListProps extends CalendarProps {
  /** 最多往前推算几个月，默认为12个月 */
  pastScrollRange?: number;
  /** 最多往后推算几个月，默认为12个月 */
  futureScrollRange?: number;
  /** 是否水平 */
  horizontal?: boolean;
  /** 日历宽度 */
  calendarWidth?: number;
  /** 日历高度 */
  calendarHeight?: number;
}

export interface Item {
  time: string;
  title: string;
  onPress?: () => void;
}

export interface AgendaProps<ItemT> extends Omit<CalendarProps, 'showSixWeeks'> {
  data?: ItemT[];
  renderItem?: ListRenderItem<ItemT>;
  keyExtractor: (item: ItemT, index: number) => string;
}


================================================
FILE: packages/react-native-calendar/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-calendar/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-echarts/CHANGELOG.md
================================================
# @td-design/react-native-echarts

## 5.4.0

### Minor Changes

- [`f94e4491e`](https://github.com/thundersdata-frontend/td-design/commit/f94e4491e2f00791a3ea8cac41bf1778e1f0a50f) - 修改 echarts 版本为 5.4.0


================================================
FILE: packages/react-native-echarts/package.json
================================================
{
  "name": "@td-design/react-native-echarts",
  "version": "5.4.0",
  "description": "封装echarts在react native项目中使用",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "react-native",
    "echarts"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "devDependencies": {
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-webview": "^13.2.3",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "commonjs",
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}

================================================
FILE: packages/react-native-echarts/readMe.md
================================================
# react-native-echarts

在 react-native 项目中使用 echarts 展示图表

- IOS 效果图

![ios](./assets/ios.png)

- Android 效果图

![android](./assets/android.png)

## 特点

**基于最新的 echarts 版本**

**支持开启 hermes**

## 使用

```code
yarn add react-native-webview @td-design/react-native-echarts
```

## 示例

### 1. 获取数据后显示图表

```jsx
import React, { FC, useEffect, useRef } from 'react';
import { View } from 'react-native';
import Echarts, { EchartsHandler } from '@td-design/react-native-echarts';

export default () => {
  const chart = useRef<EchartsHandler>(null);

  // setOption after data fetch
  useEffect(() => {
    fetch(xxx).then(data => {
      chart.current?.setOption({
        tooltip: {
          trigger: 'axis',
          formatter: `function (params) {
            if (Array.isArray(params)) {
              return params[0].name;
            }
            return params.name;
          }`,
        },
        xAxis: {
          type: 'category',
          // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          data: data.xAxis,
        },
        yAxis: {
          type: 'value',
        },
        series: [
          {
            // data: [150, 230, 224, 218, 135, 147, 260],
            data: data.seriesData,
            type: 'line',
          },
        ],
      });
    })
  }, []);

  return (
    <View style={{ flex: 1 }}>
      <Echarts ref={chart}>
    </View>
  );
}
```

### 2. 修改图表

```jsx
import React, { FC, useEffect, useRef } from 'react';
import { View, Button } from 'react-native';
import Echarts, { EchartsHandler } from '@td-design/react-native-echarts';

export default () => {
  const chart = useRef<EchartsHandler>(null);

  // setOption after data fetch
  useEffect(() => {
    fetch(xxx).then(data => {
      chart.current?.setOption({
        tooltip: {
          trigger: 'axis',
          formatter: `function (params) {
            if (Array.isArray(params)) {
              return params[0].name;
            }
            return params.name;
          }`,
        },
        xAxis: {
          type: 'category',
          // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          data: data.xAxis,
        },
        yAxis: {
          type: 'value',
        },
        series: [
          {
            // data: [150, 230, 224, 218, 135, 147, 260],
            data: data.seriesData,
            type: 'line',
          },
        ],
      });
    })
  }, []);

  // modify chart option
  const modifyOptions = () => {
    chart.current?.setOption({
      tooltip: {
        trigger: 'axis',
        formatter: `function (params) {
          if (Array.isArray(params)) {
            return params[0].name + ": " + params[0].data;
          }
          return params.name + ": " + params.data;
        }`,
      },
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      },
      yAxis: {
        type: 'value',
      },
      series: [
        {
          data: [82, 93, 90, 93, 129, 46, 66],
          type: 'line',
        },
      ],
    });
  };

  return (
    <View style={{ flex: 1 }}>
      <Echarts ref={chart}>
      <Button title="modify chart" onPress={modifyOptions} />
    </View>
  );
}
```

### 3. 清除图表

```jsx
import React, { FC, useEffect, useRef } from 'react';
import { View, Button } from 'react-native';
import Echarts, { EchartsHandler } from '@td-design/react-native-echarts';

export default () => {
  const chart = useRef<EchartsHandler>(null);

  // setOption after data fetch
  useEffect(() => {
    fetch(xxx).then(data => {
      chart.current?.setOption({
        tooltip: {
          trigger: 'axis',
          formatter: `function (params) {
            if (Array.isArray(params)) {
              return params[0].name;
            }
            return params.name;
          }`,
        },
        xAxis: {
          type: 'category',
          // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          data: data.xAxis,
        },
        yAxis: {
          type: 'value',
        },
        series: [
          {
            // data: [150, 230, 224, 218, 135, 147, 260],
            data: data.seriesData,
            type: 'line',
          },
        ],
      });
    })
  }, []);

  // clear chart
  const clearChart = () => {
    chart.current?.clear();
  };

  return (
    <View style={{ flex: 1 }}>
      <Echarts ref={chart}>
      <Button title="clear chart" onPress={clearChart} />
    </View>
  );
}
```

## 属性

| 属性            | 必填    | 说明           | 类型     | 默认值   |
| --------------- | ------- | -------------- | -------- | -------- |
| width           | `false` | 图表宽度       | `number` | 屏幕宽度 |
| height          | `false` | 图表高度       | `number` | `300`    |
| backgroundColor | `false` | 图表背景色     | `string` | `#fff`   |
| extraCode       | `false` | 额外注入的代码 | `string` | ``       |

## 方法

| 方法                 | 说明           |
| -------------------- | -------------- |
| `setBackgroundColor` | 修改背景色     |
| `getOption`          | 获取图表配置项 |
| `setOption`          | 修改图表配置项 |
| `clear`              | 清除图表       |

## Q&A

- Q: 安卓上无法显示图表
- A: 安卓上需要把`node_modules/@td-design/react-native-echarts/lib/commonjs/tmp/tpl.html` 文件复制到`android/app/src/main/assets/`目录下。


================================================
FILE: packages/react-native-echarts/src/index.md
================================================
---
title: ECharts - 图表组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 图表组件
  path: /charts
---

# ECharts 图表组件

使用本组件需要单独安装：**yarn add @td-design/react-native-echarts**

**!!! 强烈建议使用(wrn-echarts)[https://github.com/wuba/wrn-echarts]**

## 效果演示

### 1. 渲染图表

```tsx | pure
const chart = useRef<EchartsHandler>(null);

useEffect(() => {
  chart.current?.setOption({
    tooltip: {
      trigger: 'axis',
      formatter: `function (params) {
          if (Array.isArray(params)) {
            return params[0].name;
          }
          return params.name;
        }`,
    },
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    },
    yAxis: {
      type: 'value',
    },
    series: [
      {
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line',
      },
    ],
  });

  return () => clearTimeout(timer);
}, []);

return <Echarts ref={chart} />;
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644832185331956336.png"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 2. 修改图表数据

```tsx | pure
const modifyOptions = () => {
  chart.current?.setOption({
    tooltip: {
      trigger: 'axis',
      formatter: `function (params) {
        if (Array.isArray(params)) {
          return params[0].name + ": " + params[0].data;
        }
        return params.name + ": " + params.data;
      }`,
    },
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    },
    yAxis: {
      type: 'value',
    },
    series: [
      {
        data: [82, 93, 90, 93, 129, 46, 66],
        type: 'line',
      },
    ],
  });
};

return (
  <Container>
    <Echarts ref={chart} />
    <Button title="修改图表数据" onPress={modifyOptions} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644832405780437433.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 3. 渲染地图

```tsx | pure
export function MapChart() {
  const chart = useRef<EchartsHandler>(null);

  useEffect(() => {
    const timer = setTimeout(() => {
      chart.current?.setOption({
        backgroundColor: '#000',
        geo: {
          map: 'shandong',
          roam: false,
          silent: true,
          itemStyle: {
            areaColor: '#013C62',
            shadowColor: '#6aa1fb',
            shadowOffsetX: 2,
            shadowOffsetY: 5,
            shadowBlur: 8,
          },
        },
        series: [
          {
            name: 'shandong',
            type: 'map',
            roam: false,
            map: 'shandong',
            data: [],
            label: {
              show: false,
            },
            itemStyle: {
              areaColor: '#1B4EB8',
              borderWidth: 1,
              borderColor: '#CDC4CB',
              shadowColor: '#1B4EB8',
              shadowOffsetX: -2,
              shadowBlur: 8,
            },
            select: {
              label: { show: false },
              itemStyle: {
                areaColor: '#49e7db',
                opacity: 0.6,
                borderWidth: 2,
                borderColor: '#16fff1',
              },
            },
            emphasis: {
              label: { show: false },
              itemStyle: {
                areaColor: '#49e7db',
                // opacity: 0.6,
                borderWidth: 2,
                borderColor: '#16fff1',
              },
            },
          },
        ],
      });
    }, 2000);

    return () => clearTimeout(timer);
  }, []);

  const extraCode = `
    var shandongMapData = ${JSON.stringify(shandongMap)};
    echarts.registerMap('shandong', shandongMapData);
  `;

  return (
    <Container>
      <Echarts ref={chart} extraCode={extraCode} />
    </Container>
  );
}
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644832499897809477.png"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

## API

| 属性               | 必填    | 说明                         | 类型                 | 默认值 |
| ------------------ | ------- | ---------------------------- | -------------------- | ------ |
| width              | `false` | 图表的宽度                   | `number`             |        |
| height             | `false` | 图表的高度                   | `number`             |        |
| backgroundColor    | `false` | 图表的背景色                 | `string`             |        |
| extraCode          | `false` | 额外注入的代码，比如注册地图 | `string`             |        |
| echartsInitOptions | `false` | echarts 初始化配置           | `EchartsInitOptions` |        |

```ts
type EchartsInitOptions = {
  /** 设备像素比 */
  devicePixelRatio?: number;
  /** 渲染模式 */
  renderer?: 'canvas' | 'svg';
  /** 使用的语言，内置 'ZH' 和 'EN' 两个语言 */
  locale?: 'ZH' | 'EN';
  /** 是否开启脏矩形渲染，只有在 Canvas 渲染模式有效， 默认为false。 */
  useDirtyRect?: boolean;
};
```


================================================
FILE: packages/react-native-echarts/src/index.tsx
================================================
import React, { forwardRef, useImperativeHandle, useRef } from 'react';
import { Dimensions, Platform, View } from 'react-native';
import { WebView, WebViewMessageEvent } from 'react-native-webview';

import { buildEcharts, EchartsInitOptions, formatString } from './utils/builder';

const { width: deviceWidth } = Dimensions.get('window');

interface EchartsProps {
  /** 图表的宽度 */
  width?: number;
  /** 图表的高度 */
  height?: number;
  /** 图表的背景色 */
  backgroundColor?: string;
  /** 额外注入的代码，比如注册地图 */
  extraCode?: string;
  /** echarts初始化配置 */
  echartsInitOptions?: EchartsInitOptions;
}

export interface EchartsHandler {
  setBackgroundColor: (color: string) => void;
  getOption: (callback: (data: any) => void, properties?: string[]) => void;
  setOption: (options: any) => void;
  clear: () => void;
}

const Echarts = forwardRef<EchartsHandler, EchartsProps>(
  (
    {
      width = deviceWidth,
      height = 300,
      backgroundColor = '#fff',
      extraCode,
      echartsInitOptions = { renderer: 'svg', locale: 'ZH', useDirtyRect: true },
    },
    forwardedRef
  ) => {
    const webviewRef = useRef<WebView>(null);
    const callbacks = useRef<Record<string, any>>({});

    const postMessage = (data: Record<string, any>) => {
      webviewRef.current?.postMessage(formatString(JSON.stringify(data)));
    };

    const getID = () => `_${Math.random().toString(36).substr(2, 9)}`;

    const setBackgroundColor = (color: string) => {
      const data = {
        types: 'SET_BACKGROUND_COLOR',
        color,
      };
      postMessage(data);
    };

    const getOption = (callback: (data: any) => void, properties?: string[]) => {
      const uuid = getID();
      callbacks.current[uuid] = callback;
      const data = {
        types: 'GET_OPTION',
        uuid,
        properties,
      };
      postMessage(data);
    };

    const setOption = (option: any, notMerge = false, lazyUpdate = false) => {
      const data = {
        types: 'SET_OPTION',
        payload: {
          option,
          notMerge,
          lazyUpdate,
        },
      };
      postMessage(data);
    };

    const clear = () => {
      const data = {
        types: 'CLEAR',
      };
      postMessage(data);
    };

    useImperativeHandle(forwardedRef, () => ({
      setBackgroundColor,
      getOption,
      setOption,
      clear,
    }));

    const handleMessage = (e: WebViewMessageEvent) => {
      try {
        const data = JSON.parse(unescape(unescape(e.nativeEvent.data)));
        if (data.type === 'CALLBACK') {
          const { uuid } = data;
          callbacks.current[uuid](data.payload);
        }
      } catch (error) {
        console.error(error);
      }
    };

    const handleLoadEnd = () => {
      if (extraCode) {
        webviewRef.current?.injectJavaScript(`
          ${extraCode};
          true;
        `);
      }
      webviewRef.current?.injectJavaScript(buildEcharts(backgroundColor, echartsInitOptions));
    };

    return (
      <View style={{ width, height, overflow: 'hidden' }}>
        <WebView
          ref={webviewRef}
          source={Platform.OS === 'ios' ? require('./tmp/tpl.html') : { uri: 'file:///android_asset/tpl.html' }}
          // https://github.com/react-native-webview/react-native-webview/issues/430
          style={{ flex: 1, opacity: 0.99, backgroundColor: '#fff' }}
          scrollEnabled={false}
          javaScriptEnabled
          mixedContentMode="always"
          originWhitelist={['*']}
          androidLayerType="hardware"
          onLoadEnd={handleLoadEnd}
          onMessage={handleMessage}
        />
      </View>
    );
  }
);

export default Echarts;


================================================
FILE: packages/react-native-echarts/src/tmp/tpl.html
================================================
<!DOCTYPE html>
<html lang="de">

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  <style type="text/css">
    html,
    body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      background-color: #fff;
    }

    #main {
      height: 100%;
      width: 100%;
      background-color: #fff;
    }
  </style>
  <script>

/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied.  See the License for the
* specific language governing permissions and limitations
* under the License.
*/

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).echarts={})}(this,(function(t){"use strict";
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation.

    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.

    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    ***************************************************************************** */var e = function (t, n) { return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function (t, e) { t.__proto__ = e } || function (t, e) { for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]) }, e(t, n) }; function n(t, n) { if ("function" != typeof n && null !== n) throw new TypeError("Class extends value " + String(n) + " is not a constructor or null"); function i() { this.constructor = t } e(t, n), t.prototype = null === n ? Object.create(n) : (i.prototype = n.prototype, new i) } var i = function () { this.firefox = !1, this.ie = !1, this.edge = !1, this.newEdge = !1, this.weChat = !1 }, r = new function () { this.browser = new i, this.node = !1, this.wxa = !1, this.worker = !1, this.svgSupported = !1, this.touchEventsSupported = !1, this.pointerEventsSupported = !1, this.domSupported = !1, this.transformSupported = !1, this.transform3dSupported = !1, this.hasGlobalWindow = "undefined" != typeof window }; "object" == typeof wx && "function" == typeof wx.getSystemInfoSync ? (r.wxa = !0, r.touchEventsSupported = !0) : "undefined" == typeof document && "undefined" != typeof self ? r.worker = !0 : "undefined" == typeof navigator ? (r.node = !0, r.svgSupported = !0) : function (t, e) { var n = e.browser, i = t.match(/Firefox\/([\d.]+)/), r = t.match(/MSIE\s([\d.]+)/) || t.match(/Trident\/.+?rv:(([\d.]+))/), o = t.match(/Edge?\/([\d.]+)/), a = /micromessenger/i.test(t); i && (n.firefox = !0, n.version = i[1]); r && (n.ie = !0, n.version = r[1]); o && (n.edge = !0, n.version = o[1], n.newEdge = +o[1].split(".")[0] > 18); a && (n.weChat = !0); e.svgSupported = "undefined" != typeof SVGRect, e.touchEventsSupported = "ontouchstart" in window && !n.ie && !n.edge, e.pointerEventsSupported = "onpointerdown" in window && (n.edge || n.ie && +n.version >= 11), e.domSupported = "undefined" != typeof document; var s = document.documentElement.style; e.transform3dSupported = (n.ie && "transition" in s || n.edge || "WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix || "MozPerspective" in s) && !("OTransition" in s), e.transformSupported = e.transform3dSupported || n.ie && +n.version >= 9 }(navigator.userAgent, r); var o = "sans-serif", a = "12px sans-serif"; var s, l, u = function (t) { var e = {}; if ("undefined" == typeof JSON) return e; for (var n = 0; n < t.length; n++) { var i = String.fromCharCode(n + 32), r = (t.charCodeAt(n) - 20) / 100; e[i] = r } return e }("007LLmW'55;N0500LLLLLLLLLL00NNNLzWW\\\\WQb\\0FWLg\\bWb\\WQ\\WrWWQ000CL5LLFLL0LL**F*gLLLL5F0LF\\FFF5.5N"), h = { createCanvas: function () { return "undefined" != typeof document && document.createElement("canvas") }, measureText: function (t, e) { if (!s) { var n = h.createCanvas(); s = n && n.getContext("2d") } if (s) return l !== e && (l = s.font = e || a), s.measureText(t); t = t || ""; var i = /^([0-9]*?)px$/.exec(e = e || a), r = +(i && i[1]) || 12, o = 0; if (e.indexOf("mono") >= 0) o = r * t.length; else for (var c = 0; c < t.length; c++) { var p = u[t[c]]; o += null == p ? r : p * r } return { width: o } }, loadImage: function (t, e, n) { var i = new Image; return i.onload = e, i.onerror = n, i.src = t, i } }; function c(t) { for (var e in h) t[e] && (h[e] = t[e]) } var p = V(["Function", "RegExp", "Date", "Error", "CanvasGradient", "CanvasPattern", "Image", "Canvas"], (function (t, e) { return t["[object " + e + "]"] = !0, t }), {}), d = V(["Int8", "Uint8", "Uint8Clamped", "Int16", "Uint16", "Int32", "Uint32", "Float32", "Float64"], (function (t, e) { return t["[object " + e + "Array]"] = !0, t }), {}), f = Object.prototype.toString, g = Array.prototype, y = g.forEach, v = g.filter, m = g.slice, x = g.map, _ = function () { }.constructor, b = _ ? _.prototype : null, w = "__proto__", S = 2311; function M() { return S++ } function I() { for (var t = [], e = 0; e < arguments.length; e++)t[e] = arguments[e]; "undefined" != typeof console && console.error.apply(console, t) } function T(t) { if (null == t || "object" != typeof t) return t; var e = t, n = f.call(t); if ("[object Array]" === n) { if (!pt(t)) { e = []; for (var i = 0, r = t.length; i < r; i++)e[i] = T(t[i]) } } else if (d[n]) { if (!pt(t)) { var o = t.constructor; if (o.from) e = o.from(t); else { e = new o(t.length); for (i = 0, r = t.length; i < r; i++)e[i] = t[i] } } } else if (!p[n] && !pt(t) && !J(t)) for (var a in e = {}, t) t.hasOwnProperty(a) && a !== w && (e[a] = T(t[a])); return e } function C(t, e, n) { if (!q(e) || !q(t)) return n ? T(e) : t; for (var i in e) if (e.hasOwnProperty(i) && i !== w) { var r = t[i], o = e[i]; !q(o) || !q(r) || Y(o) || Y(r) || J(o) || J(r) || K(o) || K(r) || pt(o) || pt(r) ? !n && i in t || (t[i] = T(e[i])) : C(r, o, n) } return t } function D(t, e) { for (var n = t[0], i = 1, r = t.length; i < r; i++)n = C(n, t[i], e); return n } function A(t, e) { if (Object.assign) Object.assign(t, e); else for (var n in e) e.hasOwnProperty(n) && n !== w && (t[n] = e[n]); return t } function k(t, e, n) { for (var i = G(e), r = 0; r < i.length; r++) { var o = i[r]; (n ? null != e[o] : null == t[o]) && (t[o] = e[o]) } return t } var L = h.createCanvas; function P(t, e) { if (t) { if (t.indexOf) return t.indexOf(e); for (var n = 0, i = t.length; n < i; n++)if (t[n] === e) return n } return -1 } function O(t, e) { var n = t.prototype; function i() { } for (var r in i.prototype = e.prototype, t.prototype = new i, n) n.hasOwnProperty(r) && (t.prototype[r] = n[r]); t.prototype.constructor = t, t.superClass = e } function R(t, e, n) { if (t = "prototype" in t ? t.prototype : t, e = "prototype" in e ? e.prototype : e, Object.getOwnPropertyNames) for (var i = Object.getOwnPropertyNames(e), r = 0; r < i.length; r++) { var o = i[r]; "constructor" !== o && (n ? null != e[o] : null == t[o]) && (t[o] = e[o]) } else k(t, e, n) } function N(t) { return !!t && ("string" != typeof t && "number" == typeof t.length) } function E(t, e, n) { if (t && e) if (t.forEach && t.forEach === y) t.forEach(e, n); else if (t.length === +t.length) for (var i = 0, r = t.length; i < r; i++)e.call(n, t[i], i, t); else for (var o in t) t.hasOwnProperty(o) && e.call(n, t[o], o, t) } function z(t, e, n) { if (!t) return []; if (!e) return at(t); if (t.map && t.map === x) return t.map(e, n); for (var i = [], r = 0, o = t.length; r < o; r++)i.push(e.call(n, t[r], r, t)); return i } function V(t, e, n, i) { if (t && e) { for (var r = 0, o = t.length; r < o; r++)n = e.call(i, n, t[r], r, t); return n } } function B(t, e, n) { if (!t) return []; if (!e) return at(t); if (t.filter && t.filter === v) return t.filter(e, n); for (var i = [], r = 0, o = t.length; r < o; r++)e.call(n, t[r], r, t) && i.push(t[r]); return i } function F(t, e, n) { if (t && e) for (var i = 0, r = t.length; i < r; i++)if (e.call(n, t[i], i, t)) return t[i] } function G(t) { if (!t) return []; if (Object.keys) return Object.keys(t); var e = []; for (var n in t) t.hasOwnProperty(n) && e.push(n); return e } var W = b && U(b.bind) ? b.call.bind(b.bind) : function (t, e) { for (var n = [], i = 2; i < arguments.length; i++)n[i - 2] = arguments[i]; return function () { return t.apply(e, n.concat(m.call(arguments))) } }; function H(t) { for (var e = [], n = 1; n < arguments.length; n++)e[n - 1] = arguments[n]; return function () { return t.apply(this, e.concat(m.call(arguments))) } } function Y(t) { return Array.isArray ? Array.isArray(t) : "[object Array]" === f.call(t) } function U(t) { return "function" == typeof t } function X(t) { return "string" == typeof t } function Z(t) { return "[object String]" === f.call(t) } function j(t) { return "number" == typeof t } function q(t) { var e = typeof t; return "function" === e || !!t && "object" === e } function K(t) { return !!p[f.call(t)] } function $(t) { return !!d[f.call(t)] } function J(t) { return "object" == typeof t && "number" == typeof t.nodeType && "object" == typeof t.ownerDocument } function Q(t) { return null != t.colorStops } function tt(t) { return null != t.image } function et(t) { return "[object RegExp]" === f.call(t) } function nt(t) { return t != t } function it() { for (var t = [], e = 0; e < arguments.length; e++)t[e] = arguments[e]; for (var n = 0, i = t.length; n < i; n++)if (null != t[n]) return t[n] } function rt(t, e) { return null != t ? t : e } function ot(t, e, n) { return null != t ? t : null != e ? e : n } function at(t) { for (var e = [], n = 1; n < arguments.length; n++)e[n - 1] = arguments[n]; return m.apply(t, e) } function st(t) { if ("number" == typeof t) return [t, t, t, t]; var e = t.length; return 2 === e ? [t[0], t[1], t[0], t[1]] : 3 === e ? [t[0], t[1], t[2], t[1]] : t } function lt(t, e) { if (!t) throw new Error(e) } function ut(t) { return null == t ? null : "function" == typeof t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "") } var ht = "__ec_primitive__"; function ct(t) { t[ht] = !0 } function pt(t) { return t[ht] } var dt = function () { function t(e) { this.data = {}; var n = Y(e); this.data = {}; var i = this; function r(t, e) { n ? i.set(t, e) : i.set(e, t) } e instanceof t ? e.each(r) : e && E(e, r) } return t.prototype.get = function (t) { return this.data.hasOwnProperty(t) ? this.data[t] : null }, t.prototype.set = function (t, e) { return this.data[t] = e }, t.prototype.each = function (t, e) { for (var n in this.data) this.data.hasOwnProperty(n) && t.call(e, this.data[n], n) }, t.prototype.keys = function () { return G(this.data) }, t.prototype.removeKey = function (t) { delete this.data[t] }, t }(); function ft(t) { return new dt(t) } function gt(t, e) { for (var n = new t.constructor(t.length + e.length), i = 0; i < t.length; i++)n[i] = t[i]; var r = t.length; for (i = 0; i < e.length; i++)n[i + r] = e[i]; return n } function yt(t, e) { var n; if (Object.create) n = Object.create(t); else { var i = function () { }; i.prototype = t, n = new i } return e && A(n, e), n } function vt(t) { var e = t.style; e.webkitUserSelect = "none", e.userSelect = "none", e.webkitTapHighlightColor = "rgba(0,0,0,0)", e["-webkit-touch-callout"] = "none" } function mt(t, e) { return t.hasOwnProperty(e) } function xt() { } var _t = 180 / Math.PI, bt = Object.freeze({ __proto__: null, guid: M, logError: I, clone: T, merge: C, mergeAll: D, extend: A, defaults: k, createCanvas: L, indexOf: P, inherits: O, mixin: R, isArrayLike: N, each: E, map: z, reduce: V, filter: B, find: F, keys: G, bind: W, curry: H, isArray: Y, isFunction: U, isString: X, isStringSafe: Z, isNumber: j, isObject: q, isBuiltInObject: K, isTypedArray: $, isDom: J, isGradientObject: Q, isImagePatternObject: tt, isRegExp: et, eqNaN: nt, retrieve: it, retrieve2: rt, retrieve3: ot, slice: at, normalizeCssArray: st, assert: lt, trim: ut, setAsPrimitive: ct, isPrimitive: pt, HashMap: dt, createHashMap: ft, concatArray: gt, createObject: yt, disableUserSelect: vt, hasOwn: mt, noop: xt, RADIAN_TO_DEGREE: _t }); function wt(t, e) { return null == t && (t = 0), null == e && (e = 0), [t, e] } function St(t, e) { return t[0] = e[0], t[1] = e[1], t } function Mt(t) { return [t[0], t[1]] } function It(t, e, n) { return t[0] = e, t[1] = n, t } function Tt(t, e, n) { return t[0] = e[0] + n[0], t[1] = e[1] + n[1], t } function Ct(t, e, n, i) { return t[0] = e[0] + n[0] * i, t[1] = e[1] + n[1] * i, t } function Dt(t, e, n) { return t[0] = e[0] - n[0], t[1] = e[1] - n[1], t } function At(t) { return Math.sqrt(Lt(t)) } var kt = At; function Lt(t) { return t[0] * t[0] + t[1] * t[1] } var Pt = Lt; function Ot(t, e, n) { return t[0] = e[0] * n, t[1] = e[1] * n, t } function Rt(t, e) { var n = At(e); return 0 === n ? (t[0] = 0, t[1] = 0) : (t[0] = e[0] / n, t[1] = e[1] / n), t } function Nt(t, e) { return Math.sqrt((t[0] - e[0]) * (t[0] - e[0]) + (t[1] - e[1]) * (t[1] - e[1])) } var Et = Nt; function zt(t, e) { return (t[0] - e[0]) * (t[0] - e[0]) + (t[1] - e[1]) * (t[1] - e[1]) } var Vt = zt; function Bt(t, e, n, i) { return t[0] = e[0] + i * (n[0] - e[0]), t[1] = e[1] + i * (n[1] - e[1]), t } function Ft(t, e, n) { var i = e[0], r = e[1]; return t[0] = n[0] * i + n[2] * r + n[4], t[1] = n[1] * i + n[3] * r + n[5], t } function Gt(t, e, n) { return t[0] = Math.min(e[0], n[0]), t[1] = Math.min(e[1], n[1]), t } function Wt(t, e, n) { return t[0] = Math.max(e[0], n[0]), t[1] = Math.max(e[1], n[1]), t } var Ht = Object.freeze({ __proto__: null, create: wt, copy: St, clone: Mt, set: It, add: Tt, scaleAndAdd: Ct, sub: Dt, len: At, length: kt, lenSquare: Lt, lengthSquare: Pt, mul: function (t, e, n) { return t[0] = e[0] * n[0], t[1] = e[1] * n[1], t }, div: function (t, e, n) { return t[0] = e[0] / n[0], t[1] = e[1] / n[1], t }, dot: function (t, e) { return t[0] * e[0] + t[1] * e[1] }, scale: Ot, normalize: Rt, distance: Nt, dist: Et, distanceSquare: zt, distSquare: Vt, negate: function (t, e) { return t[0] = -e[0], t[1] = -e[1], t }, lerp: Bt, applyTransform: Ft, min: Gt, max: Wt }), Yt = function (t, e) { this.target = t, this.topTarget = e && e.topTarget }, Ut = function () { function t(t) { this.handler = t, t.on("mousedown", this._dragStart, this), t.on("mousemove", this._drag, this), t.on("mouseup", this._dragEnd, this) } return t.prototype._dragStart = function (t) { for (var e = t.target; e && !e.draggable;)e = e.parent || e.__hostTarget; e && (this._draggingTarget = e, e.dragging = !0, this._x = t.offsetX, this._y = t.offsetY, this.handler.dispatchToElement(new Yt(e, t), "dragstart", t.event)) }, t.prototype._drag = function (t) { var e = this._draggingTarget; if (e) { var n = t.offsetX, i = t.offsetY, r = n - this._x, o = i - this._y; this._x = n, this._y = i, e.drift(r, o, t), this.handler.dispatchToElement(new Yt(e, t), "drag", t.event); var a = this.handler.findHover(n, i, e).target, s = this._dropTarget; this._dropTarget = a, e !== a && (s && a !== s && this.handler.dispatchToElement(new Yt(s, t), "dragleave", t.event), a && a !== s && this.handler.dispatchToElement(new Yt(a, t), "dragenter", t.event)) } }, t.prototype._dragEnd = function (t) { var e = this._draggingTarget; e && (e.dragging = !1), this.handler.dispatchToElement(new Yt(e, t), "dragend", t.event), this._dropTarget && this.handler.dispatchToElement(new Yt(this._dropTarget, t), "drop", t.event), this._draggingTarget = null, this._dropTarget = null }, t }(), Xt = function () { function t(t) { t && (this._$eventProcessor = t) } return t.prototype.on = function (t, e, n, i) { this._$handlers || (this._$handlers = {}); var r = this._$handlers; if ("function" == typeof e && (i = n, n = e, e = null), !n || !t) return this; var o = this._$eventProcessor; null != e && o && o.normalizeQuery && (e = o.normalizeQuery(e)), r[t] || (r[t] = []); for (var a = 0; a < r[t].length; a++)if (r[t][a].h === n) return this; var s = { h: n, query: e, ctx: i || this, callAtLast: n.zrEventfulCallAtLast }, l = r[t].length - 1, u = r[t][l]; return u && u.callAtLast ? r[t].splice(l, 0, s) : r[t].push(s), this }, t.prototype.isSilent = function (t) { var e = this._$handlers; return !e || !e[t] || !e[t].length }, t.prototype.off = function (t, e) { var n = this._$handlers; if (!n) return this; if (!t) return this._$handlers = {}, this; if (e) { if (n[t]) { for (var i = [], r = 0, o = n[t].length; r < o; r++)n[t][r].h !== e && i.push(n[t][r]); n[t] = i } n[t] && 0 === n[t].length && delete n[t] } else delete n[t]; return this }, t.prototype.trigger = function (t) { for (var e = [], n = 1; n < arguments.length; n++)e[n - 1] = arguments[n]; if (!this._$handlers) return this; var i = this._$handlers[t], r = this._$eventProcessor; if (i) for (var o = e.length, a = i.length, s = 0; s < a; s++) { var l = i[s]; if (!r || !r.filter || null == l.query || r.filter(t, l.query)) switch (o) { case 0: l.h.call(l.ctx); break; case 1: l.h.call(l.ctx, e[0]); break; case 2: l.h.call(l.ctx, e[0], e[1]); break; default: l.h.apply(l.ctx, e) } } return r && r.afterTrigger && r.afterTrigger(t), this }, t.prototype.triggerWithContext = function (t) { for (var e = [], n = 1; n < arguments.length; n++)e[n - 1] = arguments[n]; if (!this._$handlers) return this; var i = this._$handlers[t], r = this._$eventProcessor; if (i) for (var o = e.length, a = e[o - 1], s = i.length, l = 0; l < s; l++) { var u = i[l]; if (!r || !r.filter || null == u.query || r.filter(t, u.query)) switch (o) { case 0: u.h.call(a); break; case 1: u.h.call(a, e[0]); break; case 2: u.h.call(a, e[0], e[1]); break; default: u.h.apply(a, e.slice(1, o - 1)) } } return r && r.afterTrigger && r.afterTrigger(t), this }, t }(), Zt = Math.log(2); function jt(t, e, n, i, r, o) { var a = i + "-" + r, s = t.length; if (o.hasOwnProperty(a)) return o[a]; if (1 === e) { var l = Math.round(Math.log((1 << s) - 1 & ~r) / Zt); return t[n][l] } for (var u = i | 1 << n, h = n + 1; i & 1 << h;)h++; for (var c = 0, p = 0, d = 0; p < s; p++) { var f = 1 << p; f & r || (c += (d % 2 ? -1 : 1) * t[n][p] * jt(t, e - 1, h, u, r | f, o), d++) } return o[a] = c, c } function qt(t, e) { var n = [[t[0], t[1], 1, 0, 0, 0, -e[0] * t[0], -e[0] * t[1]], [0, 0, 0, t[0], t[1], 1, -e[1] * t[0], -e[1] * t[1]], [t[2], t[3], 1, 0, 0, 0, -e[2] * t[2], -e[2] * t[3]], [0, 0, 0, t[2], t[3], 1, -e[3] * t[2], -e[3] * t[3]], [t[4], t[5], 1, 0, 0, 0, -e[4] * t[4], -e[4] * t[5]], [0, 0, 0, t[4], t[5], 1, -e[5] * t[4], -e[5] * t[5]], [t[6], t[7], 1, 0, 0, 0, -e[6] * t[6], -e[6] * t[7]], [0, 0, 0, t[6], t[7], 1, -e[7] * t[6], -e[7] * t[7]]], i = {}, r = jt(n, 8, 0, 0, 0, i); if (0 !== r) { for (var o = [], a = 0; a < 8; a++)for (var s = 0; s < 8; s++)null == o[s] && (o[s] = 0), o[s] += ((a + s) % 2 ? -1 : 1) * jt(n, 7, 0 === a ? 1 : 0, 1 << a, 1 << s, i) / r * e[a]; return function (t, e, n) { var i = e * o[6] + n * o[7] + 1; t[0] = (e * o[0] + n * o[1] + o[2]) / i, t[1] = (e * o[3] + n * o[4] + o[5]) / i } } } var Kt = []; function $t(t, e, n, i, o) { if (e.getBoundingClientRect && r.domSupported && !Jt(e)) { var a = e.___zrEVENTSAVED || (e.___zrEVENTSAVED = {}), s = function (t, e) { var n = e.markers; if (n) return n; n = e.markers = []; for (var i = ["left", "right"], r = ["top", "bottom"], o = 0; o < 4; o++) { var a = document.createElement("div"), s = o % 2, l = (o >> 1) % 2; a.style.cssText = ["position: absolute", "visibility: hidden", "padding: 0", "margin: 0", "border-width: 0", "user-select: none", "width:0", "height:0", i[s] + ":0", r[l] + ":0", i[1 - s] + ":auto", r[1 - l] + ":auto", ""].join("!important;"), t.appendChild(a), n.push(a) } return n }(e, a), l = function (t, e, n) { for (var i = n ? "invTrans" : "trans", r = e[i], o = e.srcCoords, a = [], s = [], l = !0, u = 0; u < 4; u++) { var h = t[u].getBoundingClientRect(), c = 2 * u, p = h.left, d = h.top; a.push(p, d), l = l && o && p === o[c] && d === o[c + 1], s.push(t[u].offsetLeft, t[u].offsetTop) } return l && r ? r : (e.srcCoords = a, e[i] = n ? qt(s, a) : qt(a, s)) }(s, a, o); if (l) return l(t, n, i), !0 } return !1 } function Jt(t) { return "CANVAS" === t.nodeName.toUpperCase() } var Qt = /([&<>"'])/g, te = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }; function ee(t) { return null == t ? "" : (t + "").replace(Qt, (function (t, e) { return te[e] })) } var ne = /^(?:mouse|pointer|contextmenu|drag|drop)|click/, ie = [], re = r.browser.firefox && +r.browser.version.split(".")[0] < 39; function oe(t, e, n, i) { return n = n || {}, i ? ae(t, e, n) : re && null != e.layerX && e.layerX !== e.offsetX ? (n.zrX = e.layerX, n.zrY = e.layerY) : null != e.offsetX ? (n.zrX = e.offsetX, n.zrY = e.offsetY) : ae(t, e, n), n } function ae(t, e, n) { if (r.domSupported && t.getBoundingClientRect) { var i = e.clientX, o = e.clientY; if (Jt(t)) { var a = t.getBoundingClientRect(); return n.zrX = i - a.left, void (n.zrY = o - a.top) } if ($t(ie, t, i, o)) return n.zrX = ie[0], void (n.zrY = ie[1]) } n.zrX = n.zrY = 0 } function se(t) { return t || window.event } function le(t, e, n) { if (null != (e = se(e)).zrX) return e; var i = e.type; if (i && i.indexOf("touch") >= 0) { var r = "touchend" !== i ? e.targetTouches[0] : e.changedTouches[0]; r && oe(t, r, e, n) } else { oe(t, e, e, n); var o = function (t) { var e = t.wheelDelta; if (e) return e; var n = t.deltaX, i = t.deltaY; if (null == n || null == i) return e; return 3 * (0 !== i ? Math.abs(i) : Math.abs(n)) * (i > 0 ? -1 : i < 0 ? 1 : n > 0 ? -1 : 1) }(e); e.zrDelta = o ? o / 120 : -(e.detail || 0) / 3 } var a = e.button; return null == e.which && void 0 !== a && ne.test(e.type) && (e.which = 1 & a ? 1 : 2 & a ? 3 : 4 & a ? 2 : 0), e } function ue(t, e, n, i) { t.addEventListener(e, n, i) } var he = function (t) { t.preventDefault(), t.stopPropagation(), t.cancelBubble = !0 }; function ce(t) { return 2 === t.which || 3 === t.which } var pe = function () { function t() { this._track = [] } return t.prototype.recognize = function (t, e, n) { return this._doTrack(t, e, n), this._recognize(t) }, t.prototype.clear = function () { return this._track.length = 0, this }, t.prototype._doTrack = function (t, e, n) { var i = t.touches; if (i) { for (var r = { points: [], touches: [], target: e, event: t }, o = 0, a = i.length; o < a; o++) { var s = i[o], l = oe(n, s, {}); r.points.push([l.zrX, l.zrY]), r.touches.push(s) } this._track.push(r) } }, t.prototype._recognize = function (t) { for (var e in fe) if (fe.hasOwnProperty(e)) { var n = fe[e](this._track, t); if (n) return n } }, t }(); function de(t) { var e = t[1][0] - t[0][0], n = t[1][1] - t[0][1]; return Math.sqrt(e * e + n * n) } var fe = { pinch: function (t, e) { var n = t.length; if (n) { var i, r = (t[n - 1] || {}).points, o = (t[n - 2] || {}).points || r; if (o && o.length > 1 && r && r.length > 1) { var a = de(r) / de(o); !isFinite(a) && (a = 1), e.pinchScale = a; var s = [((i = r)[0][0] + i[1][0]) / 2, (i[0][1] + i[1][1]) / 2]; return e.pinchX = s[0], e.pinchY = s[1], { type: "pinch", target: t[0].target, event: e } } } } }; function ge() { return [1, 0, 0, 1, 0, 0] } function ye(t) { return t[0] = 1, t[1] = 0, t[2] = 0, t[3] = 1, t[4] = 0, t[5] = 0, t } function ve(t, e) { return t[0] = e[0], t[1] = e[1], t[2] = e[2], t[3] = e[3], t[4] = e[4], t[5] = e[5], t } function me(t, e, n) { var i = e[0] * n[0] + e[2] * n[1], r = e[1] * n[0] + e[3] * n[1], o = e[0] * n[2] + e[2] * n[3], a = e[1] * n[2] + e[3] * n[3], s = e[0] * n[4] + e[2] * n[5] + e[4], l = e[1] * n[4] + e[3] * n[5] + e[5]; return t[0] = i, t[1] = r, t[2] = o, t[3] = a, t[4] = s, t[5] = l, t } function xe(t, e, n) { return t[0] = e[0], t[1] = e[1], t[2] = e[2], t[3] = e[3], t[4] = e[4] + n[0], t[5] = e[5] + n[1], t } function _e(t, e, n) { var i = e[0], r = e[2], o = e[4], a = e[1], s = e[3], l = e[5], u = Math.sin(n), h = Math.cos(n); return t[0] = i * h + a * u, t[1] = -i * u + a * h, t[2] = r * h + s * u, t[3] = -r * u + h * s, t[4] = h * o + u * l, t[5] = h * l - u * o, t } function be(t, e, n) { var i = n[0], r = n[1]; return t[0] = e[0] * i, t[1] = e[1] * r, t[2] = e[2] * i, t[3] = e[3] * r, t[4] = e[4] * i, t[5] = e[5] * r, t } function we(t, e) { var n = e[0], i = e[2], r = e[4], o = e[1], a = e[3], s = e[5], l = n * a - o * i; return l ? (l = 1 / l, t[0] = a * l, t[1] = -o * l, t[2] = -i * l, t[3] = n * l, t[4] = (i * s - a * r) * l, t[5] = (o * r - n * s) * l, t) : null } function Se(t) { var e = [1, 0, 0, 1, 0, 0]; return ve(e, t), e } var Me = Object.freeze({ __proto__: null, create: ge, identity: ye, copy: ve, mul: me, translate: xe, rotate: _e, scale: be, invert: we, clone: Se }), Ie = function () { function t(t, e) { this.x = t || 0, this.y = e || 0 } return t.prototype.copy = function (t) { return this.x = t.x, this.y = t.y, this }, t.prototype.clone = function () { return new t(this.x, this.y) }, t.prototype.set = function (t, e) { return this.x = t, this.y = e, this }, t.prototype.equal = function (t) { return t.x === this.x && t.y === this.y }, t.prototype.add = function (t) { return this.x += t.x, this.y += t.y, this }, t.prototype.scale = function (t) { this.x *= t, this.y *= t }, t.prototype.scaleAndAdd = function (t, e) { this.x += t.x * e, this.y += t.y * e }, t.prototype.sub = function (t) { return this.x -= t.x, this.y -= t.y, this }, t.prototype.dot = function (t) { return this.x * t.x + this.y * t.y }, t.prototype.len = function () { return Math.sqrt(this.x * this.x + this.y * this.y) }, t.prototype.lenSquare = function () { return this.x * this.x + this.y * this.y }, t.prototype.normalize = function () { var t = this.len(); return this.x /= t, this.y /= t, this }, t.prototype.distance = function (t) { var e = this.x - t.x, n = this.y - t.y; return Math.sqrt(e * e + n * n) }, t.prototype.distanceSquare = function (t) { var e = this.x - t.x, n = this.y - t.y; return e * e + n * n }, t.prototype.negate = function () { return this.x = -this.x, this.y = -this.y, this }, t.prototype.transform = function (t) { if (t) { var e = this.x, n = this.y; return this.x = t[0] * e + t[2] * n + t[4], this.y = t[1] * e + t[3] * n + t[5], this } }, t.prototype.toArray = function (t) { return t[0] = this.x, t[1] = this.y, t }, t.prototype.fromArray = function (t) { this.x = t[0], this.y = t[1] }, t.set = function (t, e, n) { t.x = e, t.y = n }, t.copy = function (t, e) { t.x = e.x, t.y = e.y }, t.len = function (t) { return Math.sqrt(t.x * t.x + t.y * t.y) }, t.lenSquare = function (t) { return t.x * t.x + t.y * t.y }, t.dot = function (t, e) { return t.x * e.x + t.y * e.y }, t.add = function (t, e, n) { t.x = e.x + n.x, t.y = e.y + n.y }, t.sub = function (t, e, n) { t.x = e.x - n.x, t.y = e.y - n.y }, t.scale = function (t, e, n) { t.x = e.x * n, t.y = e.y * n }, t.scaleAndAdd = function (t, e, n, i) { t.x = e.x + n.x * i, t.y = e.y + n.y * i }, t.lerp = function (t, e, n, i) { var r = 1 - i; t.x = r * e.x + i * n.x, t.y = r * e.y + i * n.y }, t }(), Te = Math.min, Ce = Math.max, De = new Ie, Ae = new Ie, ke = new Ie, Le = new Ie, Pe = new Ie, Oe = new Ie, Re = function () { function t(t, e, n, i) { n < 0 && (t += n, n = -n), i < 0 && (e += i, i = -i), this.x = t, this.y = e, this.width = n, this.height = i } return t.prototype.union = function (t) { var e = Te(t.x, this.x), n = Te(t.y, this.y); isFinite(this.x) && isFinite(this.width) ? this.width = Ce(t.x + t.width, this.x + this.width) - e : this.width = t.width, isFinite(this.y) && isFinite(this.height) ? this.height = Ce(t.y + t.height, this.y + this.height) - n : this.height = t.height, this.x = e, this.y = n }, t.prototype.applyTransform = function (e) { t.applyTransform(this, this, e) }, t.prototype.calculateTransform = function (t) { var e = this, n = t.width / e.width, i = t.height / e.height, r = [1, 0, 0, 1, 0, 0]; return xe(r, r, [-e.x, -e.y]), be(r, r, [n, i]), xe(r, r, [t.x, t.y]), r }, t.prototype.intersect = function (e, n) { if (!e) return !1; e instanceof t || (e = t.create(e)); var i = this, r = i.x, o = i.x + i.width, a = i.y, s = i.y + i.height, l = e.x, u = e.x + e.width, h = e.y, c = e.y + e.height, p = !(o < l || u < r || s < h || c < a); if (n) { var d = 1 / 0, f = 0, g = Math.abs(o - l), y = Math.abs(u - r), v = Math.abs(s - h), m = Math.abs(c - a), x = Math.min(g, y), _ = Math.min(v, m); o < l || u < r ? x > f && (f = x, g < y ? Ie.set(Oe, -g, 0) : Ie.set(Oe, y, 0)) : x < d && (d = x, g < y ? Ie.set(Pe, g, 0) : Ie.set(Pe, -y, 0)), s < h || c < a ? _ > f && (f = _, v < m ? Ie.set(Oe, 0, -v) : Ie.set(Oe, 0, m)) : x < d && (d = x, v < m ? Ie.set(Pe, 0, v) : Ie.set(Pe, 0, -m)) } return n && Ie.copy(n, p ? Pe : Oe), p }, t.prototype.contain = function (t, e) { var n = this; return t >= n.x && t <= n.x + n.width && e >= n.y && e <= n.y + n.height }, t.prototype.clone = function () { return new t(this.x, this.y, this.width, this.height) }, t.prototype.copy = function (e) { t.copy(this, e) }, t.prototype.plain = function () { return { x: this.x, y: this.y, width: this.width, height: this.height } }, t.prototype.isFinite = function () { return isFinite(this.x) && isFinite(this.y) && isFinite(this.width) && isFinite(this.height) }, t.prototype.isZero = function () { return 0 === this.width || 0 === this.height }, t.create = function (e) { return new t(e.x, e.y, e.width, e.height) }, t.copy = function (t, e) { t.x = e.x, t.y = e.y, t.width = e.width, t.height = e.height }, t.applyTransform = function (e, n, i) { if (i) { if (i[1] < 1e-5 && i[1] > -1e-5 && i[2] < 1e-5 && i[2] > -1e-5) { var r = i[0], o = i[3], a = i[4], s = i[5]; return e.x = n.x * r + a, e.y = n.y * o + s, e.width = n.width * r, e.height = n.height * o, e.width < 0 && (e.x += e.width, e.width = -e.width), void (e.height < 0 && (e.y += e.height, e.height = -e.height)) } De.x = ke.x = n.x, De.y = Le.y = n.y, Ae.x = Le.x = n.x + n.width, Ae.y = ke.y = n.y + n.height, De.transform(i), Le.transform(i), Ae.transform(i), ke.transform(i), e.x = Te(De.x, Ae.x, ke.x, Le.x), e.y = Te(De.y, Ae.y, ke.y, Le.y); var l = Ce(De.x, Ae.x, ke.x, Le.x), u = Ce(De.y, Ae.y, ke.y, Le.y); e.width = l - e.x, e.height = u - e.y } else e !== n && t.copy(e, n) }, t }(), Ne = "silent"; function Ee() { he(this.event) } var ze = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.handler = null, e } return n(e, t), e.prototype.dispose = function () { }, e.prototype.setCursor = function () { }, e }(Xt), Ve = function (t, e) { this.x = t, this.y = e }, Be = ["click", "dblclick", "mousewheel", "mouseout", "mouseup", "mousedown", "mousemove", "contextmenu"], Fe = new Re(0, 0, 0, 0), Ge = function (t) { function e(e, n, i, r, o) { var a = t.call(this) || this; return a._hovered = new Ve(0, 0), a.storage = e, a.painter = n, a.painterRoot = r, a._pointerSize = o, i = i || new ze, a.proxy = null, a.setHandlerProxy(i), a._draggingMgr = new Ut(a), a } return n(e, t), e.prototype.setHandlerProxy = function (t) { this.proxy && this.proxy.dispose(), t && (E(Be, (function (e) { t.on && t.on(e, this[e], this) }), this), t.handler = this), this.proxy = t }, e.prototype.mousemove = function (t) { var e = t.zrX, n = t.zrY, i = Ye(this, e, n), r = this._hovered, o = r.target; o && !o.__zr && (o = (r = this.findHover(r.x, r.y)).target); var a = this._hovered = i ? new Ve(e, n) : this.findHover(e, n), s = a.target, l = this.proxy; l.setCursor && l.setCursor(s ? s.cursor : "default"), o && s !== o && this.dispatchToElement(r, "mouseout", t), this.dispatchToElement(a, "mousemove", t), s && s !== o && this.dispatchToElement(a, "mouseover", t) }, e.prototype.mouseout = function (t) { var e = t.zrEventControl; "only_globalout" !== e && this.dispatchToElement(this._hovered, "mouseout", t), "no_globalout" !== e && this.trigger("globalout", { type: "globalout", event: t }) }, e.prototype.resize = function () { this._hovered = new Ve(0, 0) }, e.prototype.dispatch = function (t, e) { var n = this[t]; n && n.call(this, e) }, e.prototype.dispose = function () { this.proxy.dispose(), this.storage = null, this.proxy = null, this.painter = null }, e.prototype.setCursorStyle = function (t) { var e = this.proxy; e.setCursor && e.setCursor(t) }, e.prototype.dispatchToElement = function (t, e, n) { var i = (t = t || {}).target; if (!i || !i.silent) { for (var r = "on" + e, o = function (t, e, n) { return { type: t, event: n, target: e.target, topTarget: e.topTarget, cancelBubble: !1, offsetX: n.zrX, offsetY: n.zrY, gestureEvent: n.gestureEvent, pinchX: n.pinchX, pinchY: n.pinchY, pinchScale: n.pinchScale, wheelDelta: n.zrDelta, zrByTouch: n.zrByTouch, which: n.which, stop: Ee } }(e, t, n); i && (i[r] && (o.cancelBubble = !!i[r].call(i, o)), i.trigger(e, o), i = i.__hostTarget ? i.__hostTarget : i.parent, !o.cancelBubble);); o.cancelBubble || (this.trigger(e, o), this.painter && this.painter.eachOtherLayer && this.painter.eachOtherLayer((function (t) { "function" == typeof t[r] && t[r].call(t, o), t.trigger && t.trigger(e, o) }))) } }, e.prototype.findHover = function (t, e, n) { var i = this.storage.getDisplayList(), r = new Ve(t, e); if (He(i, r, t, e, n), this._pointerSize && !r.target) { for (var o = [], a = this._pointerSize, s = a / 2, l = new Re(t - s, e - s, a, a), u = i.length - 1; u >= 0; u--) { var h = i[u]; h === n || h.ignore || h.ignoreCoarsePointer || h.parent && h.parent.ignoreCoarsePointer || (Fe.copy(h.getBoundingRect()), h.transform && Fe.applyTransform(h.transform), Fe.intersect(l) && o.push(h)) } if (o.length) for (var c = Math.PI / 12, p = 2 * Math.PI, d = 0; d < s; d += 4)for (var f = 0; f < p; f += c) { if (He(o, r, t + d * Math.cos(f), e + d * Math.sin(f), n), r.target) return r } } return r }, e.prototype.processGesture = function (t, e) { this._gestureMgr || (this._gestureMgr = new pe); var n = this._gestureMgr; "start" === e && n.clear(); var i = n.recognize(t, this.findHover(t.zrX, t.zrY, null).target, this.proxy.dom); if ("end" === e && n.clear(), i) { var r = i.type; t.gestureEvent = r; var o = new Ve; o.target = i.target, this.dispatchToElement(o, r, i.event) } }, e }(Xt); function We(t, e, n) { if (t[t.rectHover ? "rectContain" : "contain"](e, n)) { for (var i = t, r = void 0, o = !1; i;) { if (i.ignoreClip && (o = !0), !o) { var a = i.getClipPath(); if (a && !a.contain(e, n)) return !1; i.silent && (r = !0) } var s = i.__hostTarget; i = s || i.parent } return !r || Ne } return !1 } function He(t, e, n, i, r) { for (var o = t.length - 1; o >= 0; o--) { var a = t[o], s = void 0; if (a !== r && !a.ignore && (s = We(a, n, i)) && (!e.topTarget && (e.topTarget = a), s !== Ne)) { e.target = a; break } } } function Ye(t, e, n) { var i = t.painter; return e < 0 || e > i.getWidth() || n < 0 || n > i.getHeight() } E(["click", "mousedown", "mouseup", "mousewheel", "dblclick", "contextmenu"], (function (t) { Ge.prototype[t] = function (e) { var n, i, r = e.zrX, o = e.zrY, a = Ye(this, r, o); if ("mouseup" === t && a || (i = (n = this.findHover(r, o)).target), "mousedown" === t) this._downEl = i, this._downPoint = [e.zrX, e.zrY], this._upEl = i; else if ("mouseup" === t) this._upEl = i; else if ("click" === t) { if (this._downEl !== this._upEl || !this._downPoint || Et(this._downPoint, [e.zrX, e.zrY]) > 4) return; this._downPoint = null } this.dispatchToElement(n, t, e) } })); function Ue(t, e, n, i) { var r = e + 1; if (r === n) return 1; if (i(t[r++], t[e]) < 0) { for (; r < n && i(t[r], t[r - 1]) < 0;)r++; !function (t, e, n) { n--; for (; e < n;) { var i = t[e]; t[e++] = t[n], t[n--] = i } }(t, e, r) } else for (; r < n && i(t[r], t[r - 1]) >= 0;)r++; return r - e } function Xe(t, e, n, i, r) { for (i === e && i++; i < n; i++) { for (var o, a = t[i], s = e, l = i; s < l;)r(a, t[o = s + l >>> 1]) < 0 ? l = o : s = o + 1; var u = i - s; switch (u) { case 3: t[s + 3] = t[s + 2]; case 2: t[s + 2] = t[s + 1]; case 1: t[s + 1] = t[s]; break; default: for (; u > 0;)t[s + u] = t[s + u - 1], u-- }t[s] = a } } function Ze(t, e, n, i, r, o) { var a = 0, s = 0, l = 1; if (o(t, e[n + r]) > 0) { for (s = i - r; l < s && o(t, e[n + r + l]) > 0;)a = l, (l = 1 + (l << 1)) <= 0 && (l = s); l > s && (l = s), a += r, l += r } else { for (s = r + 1; l < s && o(t, e[n + r - l]) <= 0;)a = l, (l = 1 + (l << 1)) <= 0 && (l = s); l > s && (l = s); var u = a; a = r - l, l = r - u } for (a++; a < l;) { var h = a + (l - a >>> 1); o(t, e[n + h]) > 0 ? a = h + 1 : l = h } return l } function je(t, e, n, i, r, o) { var a = 0, s = 0, l = 1; if (o(t, e[n + r]) < 0) { for (s = r + 1; l < s && o(t, e[n + r - l]) < 0;)a = l, (l = 1 + (l << 1)) <= 0 && (l = s); l > s && (l = s); var u = a; a = r - l, l = r - u } else { for (s = i - r; l < s && o(t, e[n + r + l]) >= 0;)a = l, (l = 1 + (l << 1)) <= 0 && (l = s); l > s && (l = s), a += r, l += r } for (a++; a < l;) { var h = a + (l - a >>> 1); o(t, e[n + h]) < 0 ? l = h : a = h + 1 } return l } function qe(t, e) { var n, i, r = 7, o = 0; t.length; var a = []; function s(s) { var l = n[s], u = i[s], h = n[s + 1], c = i[s + 1]; i[s] = u + c, s === o - 3 && (n[s + 1] = n[s + 2], i[s + 1] = i[s + 2]), o--; var p = je(t[h], t, l, u, 0, e); l += p, 0 !== (u -= p) && 0 !== (c = Ze(t[l + u - 1], t, h, c, c - 1, e)) && (u <= c ? function (n, i, o, s) { var l = 0; for (l = 0; l < i; l++)a[l] = t[n + l]; var u = 0, h = o, c = n; if (t[c++] = t[h++], 0 == --s) { for (l = 0; l < i; l++)t[c + l] = a[u + l]; return } if (1 === i) { for (l = 0; l < s; l++)t[c + l] = t[h + l]; return void (t[c + s] = a[u]) } var p, d, f, g = r; for (; ;) { p = 0, d = 0, f = !1; do { if (e(t[h], a[u]) < 0) { if (t[c++] = t[h++], d++, p = 0, 0 == --s) { f = !0; break } } else if (t[c++] = a[u++], p++, d = 0, 1 == --i) { f = !0; break } } while ((p | d) < g); if (f) break; do { if (0 !== (p = je(t[h], a, u, i, 0, e))) { for (l = 0; l < p; l++)t[c + l] = a[u + l]; if (c += p, u += p, (i -= p) <= 1) { f = !0; break } } if (t[c++] = t[h++], 0 == --s) { f = !0; break } if (0 !== (d = Ze(a[u], t, h, s, 0, e))) { for (l = 0; l < d; l++)t[c + l] = t[h + l]; if (c += d, h += d, 0 === (s -= d)) { f = !0; break } } if (t[c++] = a[u++], 1 == --i) { f = !0; break } g-- } while (p >= 7 || d >= 7); if (f) break; g < 0 && (g = 0), g += 2 } if ((r = g) < 1 && (r = 1), 1 === i) { for (l = 0; l < s; l++)t[c + l] = t[h + l]; t[c + s] = a[u] } else { if (0 === i) throw new Error; for (l = 0; l < i; l++)t[c + l] = a[u + l] } }(l, u, h, c) : function (n, i, o, s) { var l = 0; for (l = 0; l < s; l++)a[l] = t[o + l]; var u = n + i - 1, h = s - 1, c = o + s - 1, p = 0, d = 0; if (t[c--] = t[u--], 0 == --i) { for (p = c - (s - 1), l = 0; l < s; l++)t[p + l] = a[l]; return } if (1 === s) { for (d = (c -= i) + 1, p = (u -= i) + 1, l = i - 1; l >= 0; l--)t[d + l] = t[p + l]; return void (t[c] = a[h]) } var f = r; for (; ;) { var g = 0, y = 0, v = !1; do { if (e(a[h], t[u]) < 0) { if (t[c--] = t[u--], g++, y = 0, 0 == --i) { v = !0; break } } else if (t[c--] = a[h--], y++, g = 0, 1 == --s) { v = !0; break } } while ((g | y) < f); if (v) break; do { if (0 !== (g = i - je(a[h], t, n, i, i - 1, e))) { for (i -= g, d = (c -= g) + 1, p = (u -= g) + 1, l = g - 1; l >= 0; l--)t[d + l] = t[p + l]; if (0 === i) { v = !0; break } } if (t[c--] = a[h--], 1 == --s) { v = !0; break } if (0 !== (y = s - Ze(t[u], a, 0, s, s - 1, e))) { for (s -= y, d = (c -= y) + 1, p = (h -= y) + 1, l = 0; l < y; l++)t[d + l] = a[p + l]; if (s <= 1) { v = !0; break } } if (t[c--] = t[u--], 0 == --i) { v = !0; break } f-- } while (g >= 7 || y >= 7); if (v) break; f < 0 && (f = 0), f += 2 } (r = f) < 1 && (r = 1); if (1 === s) { for (d = (c -= i) + 1, p = (u -= i) + 1, l = i - 1; l >= 0; l--)t[d + l] = t[p + l]; t[c] = a[h] } else { if (0 === s) throw new Error; for (p = c - (s - 1), l = 0; l < s; l++)t[p + l] = a[l] } }(l, u, h, c)) } return n = [], i = [], { mergeRuns: function () { for (; o > 1;) { var t = o - 2; if (t >= 1 && i[t - 1] <= i[t] + i[t + 1] || t >= 2 && i[t - 2] <= i[t] + i[t - 1]) i[t - 1] < i[t + 1] && t--; else if (i[t] > i[t + 1]) break; s(t) } }, forceMergeRuns: function () { for (; o > 1;) { var t = o - 2; t > 0 && i[t - 1] < i[t + 1] && t--, s(t) } }, pushRun: function (t, e) { n[o] = t, i[o] = e, o += 1 } } } function Ke(t, e, n, i) { n || (n = 0), i || (i = t.length); var r = i - n; if (!(r < 2)) { var o = 0; if (r < 32) Xe(t, n, i, n + (o = Ue(t, n, i, e)), e); else { var a = qe(t, e), s = function (t) { for (var e = 0; t >= 32;)e |= 1 & t, t >>= 1; return t + e }(r); do { if ((o = Ue(t, n, i, e)) < s) { var l = r; l > s && (l = s), Xe(t, n, n + l, n + o, e), o = l } a.pushRun(n, o), a.mergeRuns(), r -= o, n += o } while (0 !== r); a.forceMergeRuns() } } } var $e = !1; function Je() { $e || ($e = !0, console.warn("z / z2 / zlevel of displayable is invalid, which may cause unexpected errors")) } function Qe(t, e) { return t.zlevel === e.zlevel ? t.z === e.z ? t.z2 - e.z2 : t.z - e.z : t.zlevel - e.zlevel } var tn = function () { function t() { this._roots = [], this._displayList = [], this._displayListLen = 0, this.displayableSortFunc = Qe } return t.prototype.traverse = function (t, e) { for (var n = 0; n < this._roots.length; n++)this._roots[n].traverse(t, e) }, t.prototype.getDisplayList = function (t, e) { e = e || !1; var n = this._displayList; return !t && n.length || this.updateDisplayList(e), n }, t.prototype.updateDisplayList = function (t) { this._displayListLen = 0; for (var e = this._roots, n = this._displayList, i = 0, r = e.length; i < r; i++)this._updateAndAddDisplayable(e[i], null, t); n.length = this._displayListLen, Ke(n, Qe) }, t.prototype._updateAndAddDisplayable = function (t, e, n) { if (!t.ignore || n) { t.beforeUpdate(), t.update(), t.afterUpdate(); var i = t.getClipPath(); if (t.ignoreClip) e = null; else if (i) { e = e ? e.slice() : []; for (var r = i, o = t; r;)r.parent = o, r.updateTransform(), e.push(r), o = r, r = r.getClipPath() } if (t.childrenRef) { for (var a = t.childrenRef(), s = 0; s < a.length; s++) { var l = a[s]; t.__dirty && (l.__dirty |= 1), this._updateAndAddDisplayable(l, e, n) } t.__dirty = 0 } else { var u = t; e && e.length ? u.__clipPaths = e : u.__clipPaths && u.__clipPaths.length > 0 && (u.__clipPaths = []), isNaN(u.z) && (Je(), u.z = 0), isNaN(u.z2) && (Je(), u.z2 = 0), isNaN(u.zlevel) && (Je(), u.zlevel = 0), this._displayList[this._displayListLen++] = u } var h = t.getDecalElement && t.getDecalElement(); h && this._updateAndAddDisplayable(h, e, n); var c = t.getTextGuideLine(); c && this._updateAndAddDisplayable(c, e, n); var p = t.getTextContent(); p && this._updateAndAddDisplayable(p, e, n) } }, t.prototype.addRoot = function (t) { t.__zr && t.__zr.storage === this || this._roots.push(t) }, t.prototype.delRoot = function (t) { if (t instanceof Array) for (var e = 0, n = t.length; e < n; e++)this.delRoot(t[e]); else { var i = P(this._roots, t); i >= 0 && this._roots.splice(i, 1) } }, t.prototype.delAllRoots = function () { this._roots = [], this._displayList = [], this._displayListLen = 0 }, t.prototype.getRoots = function () { return this._roots }, t.prototype.dispose = function () { this._displayList = null, this._roots = null }, t }(), en = r.hasGlobalWindow && (window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window) || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame) || function (t) { return setTimeout(t, 16) }, nn = { linear: function (t) { return t }, quadraticIn: function (t) { return t * t }, quadraticOut: function (t) { return t * (2 - t) }, quadraticInOut: function (t) { return (t *= 2) < 1 ? .5 * t * t : -.5 * (--t * (t - 2) - 1) }, cubicIn: function (t) { return t * t * t }, cubicOut: function (t) { return --t * t * t + 1 }, cubicInOut: function (t) { return (t *= 2) < 1 ? .5 * t * t * t : .5 * ((t -= 2) * t * t + 2) }, quarticIn: function (t) { return t * t * t * t }, quarticOut: function (t) { return 1 - --t * t * t * t }, quarticInOut: function (t) { return (t *= 2) < 1 ? .5 * t * t * t * t : -.5 * ((t -= 2) * t * t * t - 2) }, quinticIn: function (t) { return t * t * t * t * t }, quinticOut: function (t) { return --t * t * t * t * t + 1 }, quinticInOut: function (t) { return (t *= 2) < 1 ? .5 * t * t * t * t * t : .5 * ((t -= 2) * t * t * t * t + 2) }, sinusoidalIn: function (t) { return 1 - Math.cos(t * Math.PI / 2) }, sinusoidalOut: function (t) { return Math.sin(t * Math.PI / 2) }, sinusoidalInOut: function (t) { return .5 * (1 - Math.cos(Math.PI * t)) }, exponentialIn: function (t) { return 0 === t ? 0 : Math.pow(1024, t - 1) }, exponentialOut: function (t) { return 1 === t ? 1 : 1 - Math.pow(2, -10 * t) }, exponentialInOut: function (t) { return 0 === t ? 0 : 1 === t ? 1 : (t *= 2) < 1 ? .5 * Math.pow(1024, t - 1) : .5 * (2 - Math.pow(2, -10 * (t - 1))) }, circularIn: function (t) { return 1 - Math.sqrt(1 - t * t) }, circularOut: function (t) { return Math.sqrt(1 - --t * t) }, circularInOut: function (t) { return (t *= 2) < 1 ? -.5 * (Math.sqrt(1 - t * t) - 1) : .5 * (Math.sqrt(1 - (t -= 2) * t) + 1) }, elasticIn: function (t) { var e, n = .1; return 0 === t ? 0 : 1 === t ? 1 : (!n || n < 1 ? (n = 1, e = .1) : e = .4 * Math.asin(1 / n) / (2 * Math.PI), -n * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - e) * (2 * Math.PI) / .4)) }, elasticOut: function (t) { var e, n = .1; return 0 === t ? 0 : 1 === t ? 1 : (!n || n < 1 ? (n = 1, e = .1) : e = .4 * Math.asin(1 / n) / (2 * Math.PI), n * Math.pow(2, -10 * t) * Math.sin((t - e) * (2 * Math.PI) / .4) + 1) }, elasticInOut: function (t) { var e, n = .1, i = .4; return 0 === t ? 0 : 1 === t ? 1 : (!n || n < 1 ? (n = 1, e = .1) : e = i * Math.asin(1 / n) / (2 * Math.PI), (t *= 2) < 1 ? n * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - e) * (2 * Math.PI) / i) * -.5 : n * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - e) * (2 * Math.PI) / i) * .5 + 1) }, backIn: function (t) { var e = 1.70158; return t * t * ((e + 1) * t - e) }, backOut: function (t) { var e = 1.70158; return --t * t * ((e + 1) * t + e) + 1 }, backInOut: function (t) { var e = 2.5949095; return (t *= 2) < 1 ? t * t * ((e + 1) * t - e) * .5 : .5 * ((t -= 2) * t * ((e + 1) * t + e) + 2) }, bounceIn: function (t) { return 1 - nn.bounceOut(1 - t) }, bounceOut: function (t) { return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375 }, bounceInOut: function (t) { return t < .5 ? .5 * nn.bounceIn(2 * t) : .5 * nn.bounceOut(2 * t - 1) + .5 } }, rn = Math.pow, on = Math.sqrt, an = 1e-8, sn = 1e-4, ln = on(3), un = 1 / 3, hn = wt(), cn = wt(), pn = wt(); function dn(t) { return t > -1e-8 && t < an } function fn(t) { return t > an || t < -1e-8 } function gn(t, e, n, i, r) { var o = 1 - r; return o * o * (o * t + 3 * r * e) + r * r * (r * i + 3 * o * n) } function yn(t, e, n, i, r) { var o = 1 - r; return 3 * (((e - t) * o + 2 * (n - e) * r) * o + (i - n) * r * r) } function vn(t, e, n, i, r, o) { var a = i + 3 * (e - n) - t, s = 3 * (n - 2 * e + t), l = 3 * (e - t), u = t - r, h = s * s - 3 * a * l, c = s * l - 9 * a * u, p = l * l - 3 * s * u, d = 0; if (dn(h) && dn(c)) { if (dn(s)) o[0] = 0; else (M = -l / s) >= 0 && M <= 1 && (o[d++] = M) } else { var f = c * c - 4 * h * p; if (dn(f)) { var g = c / h, y = -g / 2; (M = -s / a + g) >= 0 && M <= 1 && (o[d++] = M), y >= 0 && y <= 1 && (o[d++] = y) } else if (f > 0) { var v = on(f), m = h * s + 1.5 * a * (-c + v), x = h * s + 1.5 * a * (-c - v); (M = (-s - ((m = m < 0 ? -rn(-m, un) : rn(m, un)) + (x = x < 0 ? -rn(-x, un) : rn(x, un)))) / (3 * a)) >= 0 && M <= 1 && (o[d++] = M) } else { var _ = (2 * h * s - 3 * a * c) / (2 * on(h * h * h)), b = Math.acos(_) / 3, w = on(h), S = Math.cos(b), M = (-s - 2 * w * S) / (3 * a), I = (y = (-s + w * (S + ln * Math.sin(b))) / (3 * a), (-s + w * (S - ln * Math.sin(b))) / (3 * a)); M >= 0 && M <= 1 && (o[d++] = M), y >= 0 && y <= 1 && (o[d++] = y), I >= 0 && I <= 1 && (o[d++] = I) } } return d } function mn(t, e, n, i, r) { var o = 6 * n - 12 * e + 6 * t, a = 9 * e + 3 * i - 3 * t - 9 * n, s = 3 * e - 3 * t, l = 0; if (dn(a)) { if (fn(o)) (h = -s / o) >= 0 && h <= 1 && (r[l++] = h) } else { var u = o * o - 4 * a * s; if (dn(u)) r[0] = -o / (2 * a); else if (u > 0) { var h, c = on(u), p = (-o - c) / (2 * a); (h = (-o + c) / (2 * a)) >= 0 && h <= 1 && (r[l++] = h), p >= 0 && p <= 1 && (r[l++] = p) } } return l } function xn(t, e, n, i, r, o) { var a = (e - t) * r + t, s = (n - e) * r + e, l = (i - n) * r + n, u = (s - a) * r + a, h = (l - s) * r + s, c = (h - u) * r + u; o[0] = t, o[1] = a, o[2] = u, o[3] = c, o[4] = c, o[5] = h, o[6] = l, o[7] = i } function _n(t, e, n, i, r, o, a, s, l, u, h) { var c, p, d, f, g, y = .005, v = 1 / 0; hn[0] = l, hn[1] = u; for (var m = 0; m < 1; m += .05)cn[0] = gn(t, n, r, a, m), cn[1] = gn(e, i, o, s, m), (f = Vt(hn, cn)) < v && (c = m, v = f); v = 1 / 0; for (var x = 0; x < 32 && !(y < sn); x++)p = c - y, d = c + y, cn[0] = gn(t, n, r, a, p), cn[1] = gn(e, i, o, s, p), f = Vt(cn, hn), p >= 0 && f < v ? (c = p, v = f) : (pn[0] = gn(t, n, r, a, d), pn[1] = gn(e, i, o, s, d), g = Vt(pn, hn), d <= 1 && g < v ? (c = d, v = g) : y *= .5); return h && (h[0] = gn(t, n, r, a, c), h[1] = gn(e, i, o, s, c)), on(v) } function bn(t, e, n, i, r, o, a, s, l) { for (var u = t, h = e, c = 0, p = 1 / l, d = 1; d <= l; d++) { var f = d * p, g = gn(t, n, r, a, f), y = gn(e, i, o, s, f), v = g - u, m = y - h; c += Math.sqrt(v * v + m * m), u = g, h = y } return c } function wn(t, e, n, i) { var r = 1 - i; return r * (r * t + 2 * i * e) + i * i * n } function Sn(t, e, n, i) { return 2 * ((1 - i) * (e - t) + i * (n - e)) } function Mn(t, e, n) { var i = t + n - 2 * e; return 0 === i ? .5 : (t - e) / i } function In(t, e, n, i, r) { var o = (e - t) * i + t, a = (n - e) * i + e, s = (a - o) * i + o; r[0] = t, r[1] = o, r[2] = s, r[3] = s, r[4] = a, r[5] = n } function Tn(t, e, n, i, r, o, a, s, l) { var u, h = .005, c = 1 / 0; hn[0] = a, hn[1] = s; for (var p = 0; p < 1; p += .05) { cn[0] = wn(t, n, r, p), cn[1] = wn(e, i, o, p), (y = Vt(hn, cn)) < c && (u = p, c = y) } c = 1 / 0; for (var d = 0; d < 32 && !(h < sn); d++) { var f = u - h, g = u + h; cn[0] = wn(t, n, r, f), cn[1] = wn(e, i, o, f); var y = Vt(cn, hn); if (f >= 0 && y < c) u = f, c = y; else { pn[0] = wn(t, n, r, g), pn[1] = wn(e, i, o, g); var v = Vt(pn, hn); g <= 1 && v < c ? (u = g, c = v) : h *= .5 } } return l && (l[0] = wn(t, n, r, u), l[1] = wn(e, i, o, u)), on(c) } function Cn(t, e, n, i, r, o, a) { for (var s = t, l = e, u = 0, h = 1 / a, c = 1; c <= a; c++) { var p = c * h, d = wn(t, n, r, p), f = wn(e, i, o, p), g = d - s, y = f - l; u += Math.sqrt(g * g + y * y), s = d, l = f } return u } var Dn = /cubic-bezier\(([0-9,\.e ]+)\)/; function An(t) { var e = t && Dn.exec(t); if (e) { var n = e[1].split(","), i = +ut(n[0]), r = +ut(n[1]), o = +ut(n[2]), a = +ut(n[3]); if (isNaN(i + r + o + a)) return; var s = []; return function (t) { return t <= 0 ? 0 : t >= 1 ? 1 : vn(0, i, o, 1, t, s) && gn(0, r, a, 1, s[0]) } } } var kn = function () { function t(t) { this._inited = !1, this._startTime = 0, this._pausedTime = 0, this._paused = !1, this._life = t.life || 1e3, this._delay = t.delay || 0, this.loop = t.loop || !1, this.onframe = t.onframe || xt, this.ondestroy = t.ondestroy || xt, this.onrestart = t.onrestart || xt, t.easing && this.setEasing(t.easing) } return t.prototype.step = function (t, e) { if (this._inited || (this._startTime = t + this._delay, this._inited = !0), !this._paused) { var n = this._life, i = t - this._startTime - this._pausedTime, r = i / n; r < 0 && (r = 0), r = Math.min(r, 1); var o = this.easingFunc, a = o ? o(r) : r; if (this.onframe(a), 1 === r) { if (!this.loop) return !0; var s = i % n; this._startTime = t - s, this._pausedTime = 0, this.onrestart() } return !1 } this._pausedTime += e }, t.prototype.pause = function () { this._paused = !0 }, t.prototype.resume = function () { this._paused = !1 }, t.prototype.setEasing = function (t) { this.easing = t, this.easingFunc = U(t) ? t : nn[t] || An(t) }, t }(), Ln = function (t) { this.value = t }, Pn = function () { function t() { this._len = 0 } return t.prototype.insert = function (t) { var e = new Ln(t); return this.insertEntry(e), e }, t.prototype.insertEntry = function (t) { this.head ? (this.tail.next = t, t.prev = this.tail, t.next = null, this.tail = t) : this.head = this.tail = t, this._len++ }, t.prototype.remove = function (t) { var e = t.prev, n = t.next; e ? e.next = n : this.head = n, n ? n.prev = e : this.tail = e, t.next = t.prev = null, this._len-- }, t.prototype.len = function () { return this._len }, t.prototype.clear = function () { this.head = this.tail = null, this._len = 0 }, t }(), On = function () { function t(t) { this._list = new Pn, this._maxSize = 10, this._map = {}, this._maxSize = t } return t.prototype.put = function (t, e) { var n = this._list, i = this._map, r = null; if (null == i[t]) { var o = n.len(), a = this._lastRemovedEntry; if (o >= this._maxSize && o > 0) { var s = n.head; n.remove(s), delete i[s.key], r = s.value, this._lastRemovedEntry = s } a ? a.value = e : a = new Ln(e), a.key = t, n.insertEntry(a), i[t] = a } return r }, t.prototype.get = function (t) { var e = this._map[t], n = this._list; if (null != e) return e !== n.tail && (n.remove(e), n.insertEntry(e)), e.value }, t.prototype.clear = function () { this._list.clear(), this._map = {} }, t.prototype.len = function () { return this._list.len() }, t }(), Rn = { transparent: [0, 0, 0, 0], aliceblue: [240, 248, 255, 1], antiquewhite: [250, 235, 215, 1], aqua: [0, 255, 255, 1], aquamarine: [127, 255, 212, 1], azure: [240, 255, 255, 1], beige: [245, 245, 220, 1], bisque: [255, 228, 196, 1], black: [0, 0, 0, 1], blanchedalmond: [255, 235, 205, 1], blue: [0, 0, 255, 1], blueviolet: [138, 43, 226, 1], brown: [165, 42, 42, 1], burlywood: [222, 184, 135, 1], cadetblue: [95, 158, 160, 1], chartreuse: [127, 255, 0, 1], chocolate: [210, 105, 30, 1], coral: [255, 127, 80, 1], cornflowerblue: [100, 149, 237, 1], cornsilk: [255, 248, 220, 1], crimson: [220, 20, 60, 1], cyan: [0, 255, 255, 1], darkblue: [0, 0, 139, 1], darkcyan: [0, 139, 139, 1], darkgoldenrod: [184, 134, 11, 1], darkgray: [169, 169, 169, 1], darkgreen: [0, 100, 0, 1], darkgrey: [169, 169, 169, 1], darkkhaki: [189, 183, 107, 1], darkmagenta: [139, 0, 139, 1], darkolivegreen: [85, 107, 47, 1], darkorange: [255, 140, 0, 1], darkorchid: [153, 50, 204, 1], darkred: [139, 0, 0, 1], darksalmon: [233, 150, 122, 1], darkseagreen: [143, 188, 143, 1], darkslateblue: [72, 61, 139, 1], darkslategray: [47, 79, 79, 1], darkslategrey: [47, 79, 79, 1], darkturquoise: [0, 206, 209, 1], darkviolet: [148, 0, 211, 1], deeppink: [255, 20, 147, 1], deepskyblue: [0, 191, 255, 1], dimgray: [105, 105, 105, 1], dimgrey: [105, 105, 105, 1], dodgerblue: [30, 144, 255, 1], firebrick: [178, 34, 34, 1], floralwhite: [255, 250, 240, 1], forestgreen: [34, 139, 34, 1], fuchsia: [255, 0, 255, 1], gainsboro: [220, 220, 220, 1], ghostwhite: [248, 248, 255, 1], gold: [255, 215, 0, 1], goldenrod: [218, 165, 32, 1], gray: [128, 128, 128, 1], green: [0, 128, 0, 1], greenyellow: [173, 255, 47, 1], grey: [128, 128, 128, 1], honeydew: [240, 255, 240, 1], hotpink: [255, 105, 180, 1], indianred: [205, 92, 92, 1], indigo: [75, 0, 130, 1], ivory: [255, 255, 240, 1], khaki: [240, 230, 140, 1], lavender: [230, 230, 250, 1], lavenderblush: [255, 240, 245, 1], lawngreen: [124, 252, 0, 1], lemonchiffon: [255, 250, 205, 1], lightblue: [173, 216, 230, 1], lightcoral: [240, 128, 128, 1], lightcyan: [224, 255, 255, 1], lightgoldenrodyellow: [250, 250, 210, 1], lightgray: [211, 211, 211, 1], lightgreen: [144, 238, 144, 1], lightgrey: [211, 211, 211, 1], lightpink: [255, 182, 193, 1], lightsalmon: [255, 160, 122, 1], lightseagreen: [32, 178, 170, 1], lightskyblue: [135, 206, 250, 1], lightslategray: [119, 136, 153, 1], lightslategrey: [119, 136, 153, 1], lightsteelblue: [176, 196, 222, 1], lightyellow: [255, 255, 224, 1], lime: [0, 255, 0, 1], limegreen: [50, 205, 50, 1], linen: [250, 240, 230, 1], magenta: [255, 0, 255, 1], maroon: [128, 0, 0, 1], mediumaquamarine: [102, 205, 170, 1], mediumblue: [0, 0, 205, 1], mediumorchid: [186, 85, 211, 1], mediumpurple: [147, 112, 219, 1], mediumseagreen: [60, 179, 113, 1], mediumslateblue: [123, 104, 238, 1], mediumspringgreen: [0, 250, 154, 1], mediumturquoise: [72, 209, 204, 1], mediumvioletred: [199, 21, 133, 1], midnightblue: [25, 25, 112, 1], mintcream: [245, 255, 250, 1], mistyrose: [255, 228, 225, 1], moccasin: [255, 228, 181, 1], navajowhite: [255, 222, 173, 1], navy: [0, 0, 128, 1], oldlace: [253, 245, 230, 1], olive: [128, 128, 0, 1], olivedrab: [107, 142, 35, 1], orange: [255, 165, 0, 1], orangered: [255, 69, 0, 1], orchid: [218, 112, 214, 1], palegoldenrod: [238, 232, 170, 1], palegreen: [152, 251, 152, 1], paleturquoise: [175, 238, 238, 1], palevioletred: [219, 112, 147, 1], papayawhip: [255, 239, 213, 1], peachpuff: [255, 218, 185, 1], peru: [205, 133, 63, 1], pink: [255, 192, 203, 1], plum: [221, 160, 221, 1], powderblue: [176, 224, 230, 1], purple: [128, 0, 128, 1], red: [255, 0, 0, 1], rosybrown: [188, 143, 143, 1], royalblue: [65, 105, 225, 1], saddlebrown: [139, 69, 19, 1], salmon: [250, 128, 114, 1], sandybrown: [244, 164, 96, 1], seagreen: [46, 139, 87, 1], seashell: [255, 245, 238, 1], sienna: [160, 82, 45, 1], silver: [192, 192, 192, 1], skyblue: [135, 206, 235, 1], slateblue: [106, 90, 205, 1], slategray: [112, 128, 144, 1], slategrey: [112, 128, 144, 1], snow: [255, 250, 250, 1], springgreen: [0, 255, 127, 1], steelblue: [70, 130, 180, 1], tan: [210, 180, 140, 1], teal: [0, 128, 128, 1], thistle: [216, 191, 216, 1], tomato: [255, 99, 71, 1], turquoise: [64, 224, 208, 1], violet: [238, 130, 238, 1], wheat: [245, 222, 179, 1], white: [255, 255, 255, 1], whitesmoke: [245, 245, 245, 1], yellow: [255, 255, 0, 1], yellowgreen: [154, 205, 50, 1] }; function Nn(t) { return (t = Math.round(t)) < 0 ? 0 : t > 255 ? 255 : t } function En(t) { return t < 0 ? 0 : t > 1 ? 1 : t } function zn(t) { var e = t; return e.length && "%" === e.charAt(e.length - 1) ? Nn(parseFloat(e) / 100 * 255) : Nn(parseInt(e, 10)) } function Vn(t) { var e = t; return e.length && "%" === e.charAt(e.length - 1) ? En(parseFloat(e) / 100) : En(parseFloat(e)) } function Bn(t, e, n) { return n < 0 ? n += 1 : n > 1 && (n -= 1), 6 * n < 1 ? t + (e - t) * n * 6 : 2 * n < 1 ? e : 3 * n < 2 ? t + (e - t) * (2 / 3 - n) * 6 : t } function Fn(t, e, n) { return t + (e - t) * n } function Gn(t, e, n, i, r) { return t[0] = e, t[1] = n, t[2] = i, t[3] = r, t } function Wn(t, e) { return t[0] = e[0], t[1] = e[1], t[2] = e[2], t[3] = e[3], t } var Hn = new On(20), Yn = null; function Un(t, e) { Yn && Wn(Yn, e), Yn = Hn.put(t, Yn || e.slice()) } function Xn(t, e) { if (t) { e = e || []; var n = Hn.get(t); if (n) return Wn(e, n); var i = (t += "").replace(/ /g, "").toLowerCase(); if (i in Rn) return Wn(e, Rn[i]), Un(t, e), e; var r, o = i.length; if ("#" === i.charAt(0)) return 4 === o || 5 === o ? (r = parseInt(i.slice(1, 4), 16)) >= 0 && r <= 4095 ? (Gn(e, (3840 & r) >> 4 | (3840 & r) >> 8, 240 & r | (240 & r) >> 4, 15 & r | (15 & r) << 4, 5 === o ? parseInt(i.slice(4), 16) / 15 : 1), Un(t, e), e) : void Gn(e, 0, 0, 0, 1) : 7 === o || 9 === o ? (r = parseInt(i.slice(1, 7), 16)) >= 0 && r <= 16777215 ? (Gn(e, (16711680 & r) >> 16, (65280 & r) >> 8, 255 & r, 9 === o ? parseInt(i.slice(7), 16) / 255 : 1), Un(t, e), e) : void Gn(e, 0, 0, 0, 1) : void 0; var a = i.indexOf("("), s = i.indexOf(")"); if (-1 !== a && s + 1 === o) { var l = i.substr(0, a), u = i.substr(a + 1, s - (a + 1)).split(","), h = 1; switch (l) { case "rgba": if (4 !== u.length) return 3 === u.length ? Gn(e, +u[0], +u[1], +u[2], 1) : Gn(e, 0, 0, 0, 1); h = Vn(u.pop()); case "rgb": return u.length >= 3 ? (Gn(e, zn(u[0]), zn(u[1]), zn(u[2]), 3 === u.length ? h : Vn(u[3])), Un(t, e), e) : void Gn(e, 0, 0, 0, 1); case "hsla": return 4 !== u.length ? void Gn(e, 0, 0, 0, 1) : (u[3] = Vn(u[3]), Zn(u, e), Un(t, e), e); case "hsl": return 3 !== u.length ? void Gn(e, 0, 0, 0, 1) : (Zn(u, e), Un(t, e), e); default: return } } Gn(e, 0, 0, 0, 1) } } function Zn(t, e) { var n = (parseFloat(t[0]) % 360 + 360) % 360 / 360, i = Vn(t[1]), r = Vn(t[2]), o = r <= .5 ? r * (i + 1) : r + i - r * i, a = 2 * r - o; return Gn(e = e || [], Nn(255 * Bn(a, o, n + 1 / 3)), Nn(255 * Bn(a, o, n)), Nn(255 * Bn(a, o, n - 1 / 3)), 1), 4 === t.length && (e[3] = t[3]), e } function jn(t, e) { var n = Xn(t); if (n) { for (var i = 0; i < 3; i++)n[i] = e < 0 ? n[i] * (1 - e) | 0 : (255 - n[i]) * e + n[i] | 0, n[i] > 255 ? n[i] = 255 : n[i] < 0 && (n[i] = 0); return ei(n, 4 === n.length ? "rgba" : "rgb") } } function qn(t, e, n) { if (e && e.length && t >= 0 && t <= 1) { n = n || []; var i = t * (e.length - 1), r = Math.floor(i), o = Math.ceil(i), a = e[r], s = e[o], l = i - r; return n[0] = Nn(Fn(a[0], s[0], l)), n[1] = Nn(Fn(a[1], s[1], l)), n[2] = Nn(Fn(a[2], s[2], l)), n[3] = En(Fn(a[3], s[3], l)), n } } var Kn = qn; function $n(t, e, n) { if (e && e.length && t >= 0 && t <= 1) { var i = t * (e.length - 1), r = Math.floor(i), o = Math.ceil(i), a = Xn(e[r]), s = Xn(e[o]), l = i - r, u = ei([Nn(Fn(a[0], s[0], l)), Nn(Fn(a[1], s[1], l)), Nn(Fn(a[2], s[2], l)), En(Fn(a[3], s[3], l))], "rgba"); return n ? { color: u, leftIndex: r, rightIndex: o, value: i } : u } } var Jn = $n; function Qn(t, e, n, i) { var r = Xn(t); if (t) return r = function (t) { if (t) { var e, n, i = t[0] / 255, r = t[1] / 255, o = t[2] / 255, a = Math.min(i, r, o), s = Math.max(i, r, o), l = s - a, u = (s + a) / 2; if (0 === l) e = 0, n = 0; else { n = u < .5 ? l / (s + a) : l / (2 - s - a); var h = ((s - i) / 6 + l / 2) / l, c = ((s - r) / 6 + l / 2) / l, p = ((s - o) / 6 + l / 2) / l; i === s ? e = p - c : r === s ? e = 1 / 3 + h - p : o === s && (e = 2 / 3 + c - h), e < 0 && (e += 1), e > 1 && (e -= 1) } var d = [360 * e, n, u]; return null != t[3] && d.push(t[3]), d } }(r), null != e && (r[0] = function (t) { return (t = Math.round(t)) < 0 ? 0 : t > 360 ? 360 : t }(e)), null != n && (r[1] = Vn(n)), null != i && (r[2] = Vn(i)), ei(Zn(r), "rgba") } function ti(t, e) { var n = Xn(t); if (n && null != e) return n[3] = En(e), ei(n, "rgba") } function ei(t, e) { if (t && t.length) { var n = t[0] + "," + t[1] + "," + t[2]; return "rgba" !== e && "hsva" !== e && "hsla" !== e || (n += "," + t[3]), e + "(" + n + ")" } } function ni(t, e) { var n = Xn(t); return n ? (.299 * n[0] + .587 * n[1] + .114 * n[2]) * n[3] / 255 + (1 - n[3]) * e : 0 } var ii = Object.freeze({ __proto__: null, parse: Xn, lift: jn, toHex: function (t) { var e = Xn(t); if (e) return ((1 << 24) + (e[0] << 16) + (e[1] << 8) + +e[2]).toString(16).slice(1) }, fastLerp: qn, fastMapToColor: Kn, lerp: $n, mapToColor: Jn, modifyHSL: Qn, modifyAlpha: ti, stringify: ei, lum: ni, random: function () { return ei([Math.round(255 * Math.random()), Math.round(255 * Math.random()), Math.round(255 * Math.random())], "rgb") } }), ri = Math.round; function oi(t) { var e; if (t && "transparent" !== t) { if ("string" == typeof t && t.indexOf("rgba") > -1) { var n = Xn(t); n && (t = "rgb(" + n[0] + "," + n[1] + "," + n[2] + ")", e = n[3]) } } else t = "none"; return { color: t, opacity: null == e ? 1 : e } } var ai = 1e-4; function si(t) { return t < ai && t > -1e-4 } function li(t) { return ri(1e3 * t) / 1e3 } function ui(t) { return ri(1e4 * t) / 1e4 } var hi = { left: "start", right: "end", center: "middle", middle: "middle" }; function ci(t) { return t && !!t.image } function pi(t) { return "linear" === t.type } function di(t) { return "radial" === t.type } function fi(t) { return "url(#" + t + ")" } function gi(t) { var e = t.getGlobalScale(), n = Math.max(e[0], e[1]); return Math.max(Math.ceil(Math.log(n) / Math.log(10)), 1) } function yi(t) { var e = t.x || 0, n = t.y || 0, i = (t.rotation || 0) * _t, r = rt(t.scaleX, 1), o = rt(t.scaleY, 1), a = t.skewX || 0, s = t.skewY || 0, l = []; return (e || n) && l.push("translate(" + e + "px," + n + "px)"), i && l.push("rotate(" + i + ")"), 1 === r && 1 === o || l.push("scale(" + r + "," + o + ")"), (a || s) && l.push("skew(" + ri(a * _t) + "deg, " + ri(s * _t) + "deg)"), l.join(" ") } var vi = r.hasGlobalWindow && U(window.btoa) ? function (t) { return window.btoa(unescape(t)) } : "undefined" != typeof Buffer ? function (t) { return Buffer.from(t).toString("base64") } : function (t) { return null }, mi = Array.prototype.slice; function xi(t, e, n) { return (e - t) * n + t } function _i(t, e, n, i) { for (var r = e.length, o = 0; o < r; o++)t[o] = xi(e[o], n[o], i); return t } function bi(t, e, n, i) { for (var r = e.length, o = 0; o < r; o++)t[o] = e[o] + n[o] * i; return t } function wi(t, e, n, i) { for (var r = e.length, o = r && e[0].length, a = 0; a < r; a++) { t[a] || (t[a] = []); for (var s = 0; s < o; s++)t[a][s] = e[a][s] + n[a][s] * i } return t } function Si(t, e) { for (var n = t.length, i = e.length, r = n > i ? e : t, o = Math.min(n, i), a = r[o - 1] || { color: [0, 0, 0, 0], offset: 0 }, s = o; s < Math.max(n, i); s++)r.push({ offset: a.offset, color: a.color.slice() }) } function Mi(t, e, n) { var i = t, r = e; if (i.push && r.push) { var o = i.length, a = r.length; if (o !== a) if (o > a) i.length = a; else for (var s = o; s < a; s++)i.push(1 === n ? r[s] : mi.call(r[s])); var l = i[0] && i[0].length; for (s = 0; s < i.length; s++)if (1 === n) isNaN(i[s]) && (i[s] = r[s]); else for (var u = 0; u < l; u++)isNaN(i[s][u]) && (i[s][u] = r[s][u]) } } function Ii(t) { if (N(t)) { var e = t.length; if (N(t[0])) { for (var n = [], i = 0; i < e; i++)n.push(mi.call(t[i])); return n } return mi.call(t) } return t } function Ti(t) { return t[0] = Math.floor(t[0]) || 0, t[1] = Math.floor(t[1]) || 0, t[2] = Math.floor(t[2]) || 0, t[3] = null == t[3] ? 1 : t[3], "rgba(" + t.join(",") + ")" } function Ci(t) { return 4 === t || 5 === t } function Di(t) { return 1 === t || 2 === t } var Ai = [0, 0, 0, 0], ki = function () { function t(t) { this.keyframes = [], this.discrete = !1, this._invalid = !1, this._needsSort = !1, this._lastFr = 0, this._lastFrP = 0, this.propName = t } return t.prototype.isFinished = function () { return this._finished }, t.prototype.setFinished = function () { this._finished = !0, this._additiveTrack && this._additiveTrack.setFinished() }, t.prototype.needsAnimate = function () { return this.keyframes.length >= 1 }, t.prototype.getAdditiveTrack = function () { return this._additiveTrack }, t.prototype.addKeyframe = function (t, e, n) { this._needsSort = !0; var i = this.keyframes, r = i.length, o = !1, a = 6, s = e; if (N(e)) { var l = function (t) { return N(t && t[0]) ? 2 : 1 }(e); a = l, (1 === l && !j(e[0]) || 2 === l && !j(e[0][0])) && (o = !0) } else if (j(e) && !nt(e)) a = 0; else if (X(e)) if (isNaN(+e)) { var u = Xn(e); u && (s = u, a = 3) } else a = 0; else if (Q(e)) { var h = A({}, s); h.colorStops = z(e.colorStops, (function (t) { return { offset: t.offset, color: Xn(t.color) } })), pi(e) ? a = 4 : di(e) && (a = 5), s = h } 0 === r ? this.valType = a : a === this.valType && 6 !== a || (o = !0), this.discrete = this.discrete || o; var c = { time: t, value: s, rawValue: e, percent: 0 }; return n && (c.easing = n, c.easingFunc = U(n) ? n : nn[n] || An(n)), i.push(c), c }, t.prototype.prepare = function (t, e) { var n = this.keyframes; this._needsSort && n.sort((function (t, e) { return t.time - e.time })); for (var i = this.valType, r = n.length, o = n[r - 1], a = this.discrete, s = Di(i), l = Ci(i), u = 0; u < r; u++) { var h = n[u], c = h.value, p = o.value; h.percent = h.time / t, a || (s && u !== r - 1 ? Mi(c, p, i) : l && Si(c.colorStops, p.colorStops)) } if (!a && 5 !== i && e && this.needsAnimate() && e.needsAnimate() && i === e.valType && !e._finished) { this._additiveTrack = e; var d = n[0].value; for (u = 0; u < r; u++)0 === i ? n[u].additiveValue = n[u].value - d : 3 === i ? n[u].additiveValue = bi([], n[u].value, d, -1) : Di(i) && (n[u].additiveValue = 1 === i ? bi([], n[u].value, d, -1) : wi([], n[u].value, d, -1)) } }, t.prototype.step = function (t, e) { if (!this._finished) { this._additiveTrack && this._additiveTrack._finished && (this._additiveTrack = null); var n, i, r, o = null != this._additiveTrack, a = o ? "additiveValue" : "value", s = this.valType, l = this.keyframes, u = l.length, h = this.propName, c = 3 === s, p = this._lastFr, d = Math.min; if (1 === u) i = r = l[0]; else { if (e < 0) n = 0; else if (e < this._lastFrP) { for (n = d(p + 1, u - 1); n >= 0 && !(l[n].percent <= e); n--); n = d(n, u - 2) } else { for (n = p; n < u && !(l[n].percent > e); n++); n = d(n - 1, u - 2) } r = l[n + 1], i = l[n] } if (i && r) { this._lastFr = n, this._lastFrP = e; var f = r.percent - i.percent, g = 0 === f ? 1 : d((e - i.percent) / f, 1); r.easingFunc && (g = r.easingFunc(g)); var y = o ? this._additiveValue : c ? Ai : t[h]; if (!Di(s) && !c || y || (y = this._additiveValue = []), this.discrete) t[h] = g < 1 ? i.rawValue : r.rawValue; else if (Di(s)) 1 === s ? _i(y, i[a], r[a], g) : function (t, e, n, i) { for (var r = e.length, o = r && e[0].length, a = 0; a < r; a++) { t[a] || (t[a] = []); for (var s = 0; s < o; s++)t[a][s] = xi(e[a][s], n[a][s], i) } }(y, i[a], r[a], g); else if (Ci(s)) { var v = i[a], m = r[a], x = 4 === s; t[h] = { type: x ? "linear" : "radial", x: xi(v.x, m.x, g), y: xi(v.y, m.y, g), colorStops: z(v.colorStops, (function (t, e) { var n = m.colorStops[e]; return { offset: xi(t.offset, n.offset, g), color: Ti(_i([], t.color, n.color, g)) } })), global: m.global }, x ? (t[h].x2 = xi(v.x2, m.x2, g), t[h].y2 = xi(v.y2, m.y2, g)) : t[h].r = xi(v.r, m.r, g) } else if (c) _i(y, i[a], r[a], g), o || (t[h] = Ti(y)); else { var _ = xi(i[a], r[a], g); o ? this._additiveValue = _ : t[h] = _ } o && this._addToTarget(t) } } }, t.prototype._addToTarget = function (t) { var e = this.valType, n = this.propName, i = this._additiveValue; 0 === e ? t[n] = t[n] + i : 3 === e ? (Xn(t[n], Ai), bi(Ai, Ai, i, 1), t[n] = Ti(Ai)) : 1 === e ? bi(t[n], t[n], i, 1) : 2 === e && wi(t[n], t[n], i, 1) }, t }(), Li = function () { function t(t, e, n, i) { this._tracks = {}, this._trackKeys = [], this._maxTime = 0, this._started = 0, this._clip = null, this._target = t, this._loop = e, e && i ? I("Can' use additive animation on looped animation.") : (this._additiveAnimators = i, this._allowDiscrete = n) } return t.prototype.getMaxTime = function () { return this._maxTime }, t.prototype.getDelay = function () { return this._delay }, t.prototype.getLoop = function () { return this._loop }, t.prototype.getTarget = function () { return this._target }, t.prototype.changeTarget = function (t) { this._target = t }, t.prototype.when = function (t, e, n) { return this.whenWithKeys(t, e, G(e), n) }, t.prototype.whenWithKeys = function (t, e, n, i) { for (var r = this._tracks, o = 0; o < n.length; o++) { var a = n[o], s = r[a]; if (!s) { s = r[a] = new ki(a); var l = void 0, u = this._getAdditiveTrack(a); if (u) { var h = u.keyframes, c = h[h.length - 1]; l = c && c.value, 3 === u.valType && l && (l = Ti(l)) } else l = this._target[a]; if (null == l) continue; t > 0 && s.addKeyframe(0, Ii(l), i), this._trackKeys.push(a) } s.addKeyframe(t, Ii(e[a]), i) } return this._maxTime = Math.max(this._maxTime, t), this }, t.prototype.pause = function () { this._clip.pause(), this._paused = !0 }, t.prototype.resume = function () { this._clip.resume(), this._paused = !1 }, t.prototype.isPaused = function () { return !!this._paused }, t.prototype.duration = function (t) { return this._maxTime = t, this._force = !0, this }, t.prototype._doneCallback = function () { this._setTracksFinished(), this._clip = null; var t = this._doneCbs; if (t) for (var e = t.length, n = 0; n < e; n++)t[n].call(this) }, t.prototype._abortedCallback = function () { this._setTracksFinished(); var t = this.animation, e = this._abortedCbs; if (t && t.removeClip(this._clip), this._clip = null, e) for (var n = 0; n < e.length; n++)e[n].call(this) }, t.prototype._setTracksFinished = function () { for (var t = this._tracks, e = this._trackKeys, n = 0; n < e.length; n++)t[e[n]].setFinished() }, t.prototype._getAdditiveTrack = function (t) { var e, n = this._additiveAnimators; if (n) for (var i = 0; i < n.length; i++) { var r = n[i].getTrack(t); r && (e = r) } return e }, t.prototype.start = function (t) { if (!(this._started > 0)) { this._started = 1; for (var e = this, n = [], i = this._maxTime || 0, r = 0; r < this._trackKeys.length; r++) { var o = this._trackKeys[r], a = this._tracks[o], s = this._getAdditiveTrack(o), l = a.keyframes, u = l.length; if (a.prepare(i, s), a.needsAnimate()) if (!this._allowDiscrete && a.discrete) { var h = l[u - 1]; h && (e._target[a.propName] = h.rawValue), a.setFinished() } else n.push(a) } if (n.length || this._force) { var c = new kn({ life: i, loop: this._loop, delay: this._delay || 0, onframe: function (t) { e._started = 2; var i = e._additiveAnimators; if (i) { for (var r = !1, o = 0; o < i.length; o++)if (i[o]._clip) { r = !0; break } r || (e._additiveAnimators = null) } for (o = 0; o < n.length; o++)n[o].step(e._target, t); var a = e._onframeCbs; if (a) for (o = 0; o < a.length; o++)a[o](e._target, t) }, ondestroy: function () { e._doneCallback() } }); this._clip = c, this.animation && this.animation.addClip(c), t && c.setEasing(t) } else this._doneCallback(); return this } }, t.prototype.stop = function (t) { if (this._clip) { var e = this._clip; t && e.onframe(1), this._abortedCallback() } }, t.prototype.delay = function (t) { return this._delay = t, this }, t.prototype.during = function (t) { return t && (this._onframeCbs || (this._onframeCbs = []), this._onframeCbs.push(t)), this }, t.prototype.done = function (t) { return t && (this._doneCbs || (this._doneCbs = []), this._doneCbs.push(t)), this }, t.prototype.aborted = function (t) { return t && (this._abortedCbs || (this._abortedCbs = []), this._abortedCbs.push(t)), this }, t.prototype.getClip = function () { return this._clip }, t.prototype.getTrack = function (t) { return this._tracks[t] }, t.prototype.getTracks = function () { var t = this; return z(this._trackKeys, (function (e) { return t._tracks[e] })) }, t.prototype.stopTracks = function (t, e) { if (!t.length || !this._clip) return !0; for (var n = this._tracks, i = this._trackKeys, r = 0; r < t.length; r++) { var o = n[t[r]]; o && !o.isFinished() && (e ? o.step(this._target, 1) : 1 === this._started && o.step(this._target, 0), o.setFinished()) } var a = !0; for (r = 0; r < i.length; r++)if (!n[i[r]].isFinished()) { a = !1; break } return a && this._abortedCallback(), a }, t.prototype.saveTo = function (t, e, n) { if (t) { e = e || this._trackKeys; for (var i = 0; i < e.length; i++) { var r = e[i], o = this._tracks[r]; if (o && !o.isFinished()) { var a = o.keyframes, s = a[n ? 0 : a.length - 1]; s && (t[r] = Ii(s.rawValue)) } } } }, t.prototype.__changeFinalValue = function (t, e) { e = e || G(t); for (var n = 0; n < e.length; n++) { var i = e[n], r = this._tracks[i]; if (r) { var o = r.keyframes; if (o.length > 1) { var a = o.pop(); r.addKeyframe(a.time, t[i]), r.prepare(this._maxTime, r.getAdditiveTrack()) } } } }, t }(); function Pi() { return (new Date).getTime() } var Oi, Ri, Ni = function (t) { function e(e) { var n = t.call(this) || this; return n._running = !1, n._time = 0, n._pausedTime = 0, n._pauseStart = 0, n._paused = !1, e = e || {}, n.stage = e.stage || {}, n } return n(e, t), e.prototype.addClip = function (t) { t.animation && this.removeClip(t), this._head ? (this._tail.next = t, t.prev = this._tail, t.next = null, this._tail = t) : this._head = this._tail = t, t.animation = this }, e.prototype.addAnimator = function (t) { t.animation = this; var e = t.getClip(); e && this.addClip(e) }, e.prototype.removeClip = function (t) { if (t.animation) { var e = t.prev, n = t.next; e ? e.next = n : this._head = n, n ? n.prev = e : this._tail = e, t.next = t.prev = t.animation = null } }, e.prototype.removeAnimator = function (t) { var e = t.getClip(); e && this.removeClip(e), t.animation = null }, e.prototype.update = function (t) { for (var e = Pi() - this._pausedTime, n = e - this._time, i = this._head; i;) { var r = i.next; i.step(e, n) ? (i.ondestroy(), this.removeClip(i), i = r) : i = r } this._time = e, t || (this.trigger("frame", n), this.stage.update && this.stage.update()) }, e.prototype._startLoop = function () { var t = this; this._running = !0, en((function e() { t._running && (en(e), !t._paused && t.update()) })) }, e.prototype.start = function () { this._running || (this._time = Pi(), this._pausedTime = 0, this._startLoop()) }, e.prototype.stop = function () { this._running = !1 }, e.prototype.pause = function () { this._paused || (this._pauseStart = Pi(), this._paused = !0) }, e.prototype.resume = function () { this._paused && (this._pausedTime += Pi() - this._pauseStart, this._paused = !1) }, e.prototype.clear = function () { for (var t = this._head; t;) { var e = t.next; t.prev = t.next = t.animation = null, t = e } this._head = this._tail = null }, e.prototype.isFinished = function () { return null == this._head }, e.prototype.animate = function (t, e) { e = e || {}, this.start(); var n = new Li(t, e.loop); return this.addAnimator(n), n }, e }(Xt), Ei = r.domSupported, zi = (Ri = { pointerdown: 1, pointerup: 1, pointermove: 1, pointerout: 1 }, { mouse: Oi = ["click", "dblclick", "mousewheel", "wheel", "mouseout", "mouseup", "mousedown", "mousemove", "contextmenu"], touch: ["touchstart", "touchend", "touchmove"], pointer: z(Oi, (function (t) { var e = t.replace("mouse", "pointer"); return Ri.hasOwnProperty(e) ? e : t })) }), Vi = ["mousemove", "mouseup"], Bi = ["pointermove", "pointerup"], Fi = !1; function Gi(t) { var e = t.pointerType; return "pen" === e || "touch" === e } function Wi(t) { t && (t.zrByTouch = !0) } function Hi(t, e) { for (var n = e, i = !1; n && 9 !== n.nodeType && !(i = n.domBelongToZr || n !== e && n === t.painterRoot);)n = n.parentNode; return i } var Yi = function (t, e) { this.stopPropagation = xt, this.stopImmediatePropagation = xt, this.preventDefault = xt, this.type = e.type, this.target = this.currentTarget = t.dom, this.pointerType = e.pointerType, this.clientX = e.clientX, this.clientY = e.clientY }, Ui = { mousedown: function (t) { t = le(this.dom, t), this.__mayPointerCapture = [t.zrX, t.zrY], this.trigger("mousedown", t) }, mousemove: function (t) { t = le(this.dom, t); var e = this.__mayPointerCapture; !e || t.zrX === e[0] && t.zrY === e[1] || this.__togglePointerCapture(!0), this.trigger("mousemove", t) }, mouseup: function (t) { t = le(this.dom, t), this.__togglePointerCapture(!1), this.trigger("mouseup", t) }, mouseout: function (t) { Hi(this, (t = le(this.dom, t)).toElement || t.relatedTarget) || (this.__pointerCapturing && (t.zrEventControl = "no_globalout"), this.trigger("mouseout", t)) }, wheel: function (t) { Fi = !0, t = le(this.dom, t), this.trigger("mousewheel", t) }, mousewheel: function (t) { Fi || (t = le(this.dom, t), this.trigger("mousewheel", t)) }, touchstart: function (t) { Wi(t = le(this.dom, t)), this.__lastTouchMoment = new Date, this.handler.processGesture(t, "start"), Ui.mousemove.call(this, t), Ui.mousedown.call(this, t) }, touchmove: function (t) { Wi(t = le(this.dom, t)), this.handler.processGesture(t, "change"), Ui.mousemove.call(this, t) }, touchend: function (t) { Wi(t = le(this.dom, t)), this.handler.processGesture(t, "end"), Ui.mouseup.call(this, t), +new Date - +this.__lastTouchMoment < 300 && Ui.click.call(this, t) }, pointerdown: function (t) { Ui.mousedown.call(this, t) }, pointermove: function (t) { Gi(t) || Ui.mousemove.call(this, t) }, pointerup: function (t) { Ui.mouseup.call(this, t) }, pointerout: function (t) { Gi(t) || Ui.mouseout.call(this, t) } }; E(["click", "dblclick", "contextmenu"], (function (t) { Ui[t] = function (e) { e = le(this.dom, e), this.trigger(t, e) } })); var Xi = { pointermove: function (t) { Gi(t) || Xi.mousemove.call(this, t) }, pointerup: function (t) { Xi.mouseup.call(this, t) }, mousemove: function (t) { this.trigger("mousemove", t) }, mouseup: function (t) { var e = this.__pointerCapturing; this.__togglePointerCapture(!1), this.trigger("mouseup", t), e && (t.zrEventControl = "only_globalout", this.trigger("mouseout", t)) } }; function Zi(t, e) { var n = e.domHandlers; r.pointerEventsSupported ? E(zi.pointer, (function (i) { qi(e, i, (function (e) { n[i].call(t, e) })) })) : (r.touchEventsSupported && E(zi.touch, (function (i) { qi(e, i, (function (r) { n[i].call(t, r), function (t) { t.touching = !0, null != t.touchTimer && (clearTimeout(t.touchTimer), t.touchTimer = null), t.touchTimer = setTimeout((function () { t.touching = !1, t.touchTimer = null }), 700) }(e) })) })), E(zi.mouse, (function (i) { qi(e, i, (function (r) { r = se(r), e.touching || n[i].call(t, r) })) }))) } function ji(t, e) { function n(n) { qi(e, n, (function (i) { i = se(i), Hi(t, i.target) || (i = function (t, e) { return le(t.dom, new Yi(t, e), !0) }(t, i), e.domHandlers[n].call(t, i)) }), { capture: !0 }) } r.pointerEventsSupported ? E(Bi, n) : r.touchEventsSupported || E(Vi, n) } function qi(t, e, n, i) { t.mounted[e] = n, t.listenerOpts[e] = i, ue(t.domTarget, e, n, i) } function Ki(t) { var e, n, i, r, o = t.mounted; for (var a in o) o.hasOwnProperty(a) && (e = t.domTarget, n = a, i = o[a], r = t.listenerOpts[a], e.removeEventListener(n, i, r)); t.mounted = {} } var $i = function (t, e) { this.mounted = {}, this.listenerOpts = {}, this.touching = !1, this.domTarget = t, this.domHandlers = e }, Ji = function (t) { function e(e, n) { var i = t.call(this) || this; return i.__pointerCapturing = !1, i.dom = e, i.painterRoot = n, i._localHandlerScope = new $i(e, Ui), Ei && (i._globalHandlerScope = new $i(document, Xi)), Zi(i, i._localHandlerScope), i } return n(e, t), e.prototype.dispose = function () { Ki(this._localHandlerScope), Ei && Ki(this._globalHandlerScope) }, e.prototype.setCursor = function (t) { this.dom.style && (this.dom.style.cursor = t || "default") }, e.prototype.__togglePointerCapture = function (t) { if (this.__mayPointerCapture = null, Ei && +this.__pointerCapturing ^ +t) { this.__pointerCapturing = t; var e = this._globalHandlerScope; t ? ji(this, e) : Ki(e) } }, e }(Xt), Qi = 1; r.hasGlobalWindow && (Qi = Math.max(window.devicePixelRatio || window.screen && window.screen.deviceXDPI / window.screen.logicalXDPI || 1, 1)); var tr = Qi, er = "#333", nr = "#ccc", ir = ye, rr = 5e-5; function or(t) { return t > rr || t < -5e-5 } var ar = [], sr = [], lr = [1, 0, 0, 1, 0, 0], ur = Math.abs, hr = function () { function t() { } return t.prototype.getLocalTransform = function (e) { return t.getLocalTransform(this, e) }, t.prototype.setPosition = function (t) { this.x = t[0], this.y = t[1] }, t.prototype.setScale = function (t) { this.scaleX = t[0], this.scaleY = t[1] }, t.prototype.setSkew = function (t) { this.skewX = t[0], this.skewY = t[1] }, t.prototype.setOrigin = function (t) { this.originX = t[0], this.originY = t[1] }, t.prototype.needLocalTransform = function () { return or(this.rotation) || or(this.x) || or(this.y) || or(this.scaleX - 1) || or(this.scaleY - 1) || or(this.skewX) || or(this.skewY) }, t.prototype.updateTransform = function () { var t = this.parent && this.parent.transform, e = this.needLocalTransform(), n = this.transform; e || t ? (n = n || [1, 0, 0, 1, 0, 0], e ? this.getLocalTransform(n) : ir(n), t && (e ? me(n, t, n) : ve(n, t)), this.transform = n, this._resolveGlobalScaleRatio(n)) : n && ir(n) }, t.prototype._resolveGlobalScaleRatio = function (t) { var e = this.globalScaleRatio; if (null != e && 1 !== e) { this.getGlobalScale(ar); var n = ar[0] < 0 ? -1 : 1, i = ar[1] < 0 ? -1 : 1, r = ((ar[0] - n) * e + n) / ar[0] || 0, o = ((ar[1] - i) * e + i) / ar[1] || 0; t[0] *= r, t[1] *= r, t[2] *= o, t[3] *= o } this.invTransform = this.invTransform || [1, 0, 0, 1, 0, 0], we(this.invTransform, t) }, t.prototype.getComputedTransform = function () { for (var t = this, e = []; t;)e.push(t), t = t.parent; for (; t = e.pop();)t.updateTransform(); return this.transform }, t.prototype.setLocalTransform = function (t) { if (t) { var e = t[0] * t[0] + t[1] * t[1], n = t[2] * t[2] + t[3] * t[3], i = Math.atan2(t[1], t[0]), r = Math.PI / 2 + i - Math.atan2(t[3], t[2]); n = Math.sqrt(n) * Math.cos(r), e = Math.sqrt(e), this.skewX = r, this.skewY = 0, this.rotation = -i, this.x = +t[4], this.y = +t[5], this.scaleX = e, this.scaleY = n, this.originX = 0, this.originY = 0 } }, t.prototype.decomposeTransform = function () { if (this.transform) { var t = this.parent, e = this.transform; t && t.transform && (me(sr, t.invTransform, e), e = sr); var n = this.originX, i = this.originY; (n || i) && (lr[4] = n, lr[5] = i, me(sr, e, lr), sr[4] -= n, sr[5] -= i, e = sr), this.setLocalTransform(e) } }, t.prototype.getGlobalScale = function (t) { var e = this.transform; return t = t || [], e ? (t[0] = Math.sqrt(e[0] * e[0] + e[1] * e[1]), t[1] = Math.sqrt(e[2] * e[2] + e[3] * e[3]), e[0] < 0 && (t[0] = -t[0]), e[3] < 0 && (t[1] = -t[1]), t) : (t[0] = 1, t[1] = 1, t) }, t.prototype.transformCoordToLocal = function (t, e) { var n = [t, e], i = this.invTransform; return i && Ft(n, n, i), n }, t.prototype.transformCoordToGlobal = function (t, e) { var n = [t, e], i = this.transform; return i && Ft(n, n, i), n }, t.prototype.getLineScale = function () { var t = this.transform; return t && ur(t[0] - 1) > 1e-10 && ur(t[3] - 1) > 1e-10 ? Math.sqrt(ur(t[0] * t[3] - t[2] * t[1])) : 1 }, t.prototype.copyTransform = function (t) { pr(this, t) }, t.getLocalTransform = function (t, e) { e = e || []; var n = t.originX || 0, i = t.originY || 0, r = t.scaleX, o = t.scaleY, a = t.anchorX, s = t.anchorY, l = t.rotation || 0, u = t.x, h = t.y, c = t.skewX ? Math.tan(t.skewX) : 0, p = t.skewY ? Math.tan(-t.skewY) : 0; if (n || i || a || s) { var d = n + a, f = i + s; e[4] = -d * r - c * f * o, e[5] = -f * o - p * d * r } else e[4] = e[5] = 0; return e[0] = r, e[3] = o, e[1] = p * r, e[2] = c * o, l && _e(e, e, l), e[4] += n + u, e[5] += i + h, e }, t.initDefaultProps = function () { var e = t.prototype; e.scaleX = e.scaleY = e.globalScaleRatio = 1, e.x = e.y = e.originX = e.originY = e.skewX = e.skewY = e.rotation = e.anchorX = e.anchorY = 0 }(), t }(), cr = ["x", "y", "originX", "originY", "anchorX", "anchorY", "rotation", "scaleX", "scaleY", "skewX", "skewY"]; function pr(t, e) { for (var n = 0; n < cr.length; n++) { var i = cr[n]; t[i] = e[i] } } var dr = {}; function fr(t, e) { var n = dr[e = e || a]; n || (n = dr[e] = new On(500)); var i = n.get(t); return null == i && (i = h.measureText(t, e).width, n.put(t, i)), i } function gr(t, e, n, i) { var r = fr(t, e), o = xr(e), a = vr(0, r, n), s = mr(0, o, i); return new Re(a, s, r, o) } function yr(t, e, n, i) { var r = ((t || "") + "").split("\n"); if (1 === r.length) return gr(r[0], e, n, i); for (var o = new Re(0, 0, 0, 0), a = 0; a < r.length; a++) { var s = gr(r[a], e, n, i); 0 === a ? o.copy(s) : o.union(s) } return o } function vr(t, e, n) { return "right" === n ? t -= e : "center" === n && (t -= e / 2), t } function mr(t, e, n) { return "middle" === n ? t -= e / 2 : "bottom" === n && (t -= e), t } function xr(t) { return fr("国", t) } function _r(t, e) { return "string" == typeof t ? t.lastIndexOf("%") >= 0 ? parseFloat(t) / 100 * e : parseFloat(t) : t } function br(t, e, n) { var i = e.position || "inside", r = null != e.distance ? e.distance : 5, o = n.height, a = n.width, s = o / 2, l = n.x, u = n.y, h = "left", c = "top"; if (i instanceof Array) l += _r(i[0], n.width), u += _r(i[1], n.height), h = null, c = null; else switch (i) { case "left": l -= r, u += s, h = "right", c = "middle"; break; case "right": l += r + a, u += s, c = "middle"; break; case "top": l += a / 2, u -= r, h = "center", c = "bottom"; break; case "bottom": l += a / 2, u += o + r, h = "center"; break; case "inside": l += a / 2, u += s, h = "center", c = "middle"; break; case "insideLeft": l += r, u += s, c = "middle"; break; case "insideRight": l += a - r, u += s, h = "right", c = "middle"; break; case "insideTop": l += a / 2, u += r, h = "center"; break; case "insideBottom": l += a / 2, u += o - r, h = "center", c = "bottom"; break; case "insideTopLeft": l += r, u += r; break; case "insideTopRight": l += a - r, u += r, h = "right"; break; case "insideBottomLeft": l += r, u += o - r, c = "bottom"; break; case "insideBottomRight": l += a - r, u += o - r, h = "right", c = "bottom" }return (t = t || {}).x = l, t.y = u, t.align = h, t.verticalAlign = c, t } var wr = "__zr_normal__", Sr = cr.concat(["ignore"]), Mr = V(cr, (function (t, e) { return t[e] = !0, t }), { ignore: !1 }), Ir = {}, Tr = new Re(0, 0, 0, 0), Cr = function () { function t(t) { this.id = M(), this.animators = [], this.currentStates = [], this.states = {}, this._init(t) } return t.prototype._init = function (t) { this.attr(t) }, t.prototype.drift = function (t, e, n) { switch (this.draggable) { case "horizontal": e = 0; break; case "vertical": t = 0 }var i = this.transform; i || (i = this.transform = [1, 0, 0, 1, 0, 0]), i[4] += t, i[5] += e, this.decomposeTransform(), this.markRedraw() }, t.prototype.beforeUpdate = function () { }, t.prototype.afterUpdate = function () { }, t.prototype.update = function () { this.updateTransform(), this.__dirty && this.updateInnerText() }, t.prototype.updateInnerText = function (t) { var e = this._textContent; if (e && (!e.ignore || t)) { this.textConfig || (this.textConfig = {}); var n = this.textConfig, i = n.local, r = e.innerTransformable, o = void 0, a = void 0, s = !1; r.parent = i ? this : null; var l = !1; if (r.copyTransform(e), null != n.position) { var u = Tr; n.layoutRect ? u.copy(n.layoutRect) : u.copy(this.getBoundingRect()), i || u.applyTransform(this.transform), this.calculateTextPosition ? this.calculateTextPosition(Ir, n, u) : br(Ir, n, u), r.x = Ir.x, r.y = Ir.y, o = Ir.align, a = Ir.verticalAlign; var h = n.origin; if (h && null != n.rotation) { var c = void 0, p = void 0; "center" === h ? (c = .5 * u.width, p = .5 * u.height) : (c = _r(h[0], u.width), p = _r(h[1], u.height)), l = !0, r.originX = -r.x + c + (i ? 0 : u.x), r.originY = -r.y + p + (i ? 0 : u.y) } } null != n.rotation && (r.rotation = n.rotation); var d = n.offset; d && (r.x += d[0], r.y += d[1], l || (r.originX = -d[0], r.originY = -d[1])); var f = null == n.inside ? "string" == typeof n.position && n.position.indexOf("inside") >= 0 : n.inside, g = this._innerTextDefaultStyle || (this._innerTextDefaultStyle = {}), y = void 0, v = void 0, m = void 0; f && this.canBeInsideText() ? (y = n.insideFill, v = n.insideStroke, null != y && "auto" !== y || (y = this.getInsideTextFill()), null != v && "auto" !== v || (v = this.getInsideTextStroke(y), m = !0)) : (y = n.outsideFill, v = n.outsideStroke, null != y && "auto" !== y || (y = this.getOutsideFill()), null != v && "auto" !== v || (v = this.getOutsideStroke(y), m = !0)), (y = y || "#000") === g.fill && v === g.stroke && m === g.autoStroke && o === g.align && a === g.verticalAlign || (s = !0, g.fill = y, g.stroke = v, g.autoStroke = m, g.align = o, g.verticalAlign = a, e.setDefaultTextStyle(g)), e.__dirty |= 1, s && e.dirtyStyle(!0) } }, t.prototype.canBeInsideText = function () { return !0 }, t.prototype.getInsideTextFill = function () { return "#fff" }, t.prototype.getInsideTextStroke = function (t) { return "#000" }, t.prototype.getOutsideFill = function () { return this.__zr && this.__zr.isDarkMode() ? nr : er }, t.prototype.getOutsideStroke = function (t) { var e = this.__zr && this.__zr.getBackgroundColor(), n = "string" == typeof e && Xn(e); n || (n = [255, 255, 255, 1]); for (var i = n[3], r = this.__zr.isDarkMode(), o = 0; o < 3; o++)n[o] = n[o] * i + (r ? 0 : 255) * (1 - i); return n[3] = 1, ei(n, "rgba") }, t.prototype.traverse = function (t, e) { }, t.prototype.attrKV = function (t, e) { "textConfig" === t ? this.setTextConfig(e) : "textContent" === t ? this.setTextContent(e) : "clipPath" === t ? this.setClipPath(e) : "extra" === t ? (this.extra = this.extra || {}, A(this.extra, e)) : this[t] = e }, t.prototype.hide = function () { this.ignore = !0, this.markRedraw() }, t.prototype.show = function () { this.ignore = !1, this.markRedraw() }, t.prototype.attr = function (t, e) { if ("string" == typeof t) this.attrKV(t, e); else if (q(t)) for (var n = G(t), i = 0; i < n.length; i++) { var r = n[i]; this.attrKV(r, t[r]) } return this.markRedraw(), this }, t.prototype.saveCurrentToNormalState = function (t) { this._innerSaveToNormal(t); for (var e = this._normalState, n = 0; n < this.animators.length; n++) { var i = this.animators[n], r = i.__fromStateTransition; if (!(i.getLoop() || r && r !== wr)) { var o = i.targetName, a = o ? e[o] : e; i.saveTo(a) } } }, t.prototype._innerSaveToNormal = function (t) { var e = this._normalState; e || (e = this._normalState = {}), t.textConfig && !e.textConfig && (e.textConfig = this.textConfig), this._savePrimaryToNormal(t, e, Sr) }, t.prototype._savePrimaryToNormal = function (t, e, n) { for (var i = 0; i < n.length; i++) { var r = n[i]; null == t[r] || r in e || (e[r] = this[r]) } }, t.prototype.hasState = function () { return this.currentStates.length > 0 }, t.prototype.getState = function (t) { return this.states[t] }, t.prototype.ensureState = function (t) { var e = this.states; return e[t] || (e[t] = {}), e[t] }, t.prototype.clearStates = function (t) { this.useState(wr, !1, t) }, t.prototype.useState = function (t, e, n, i) { var r = t === wr; if (this.hasState() || !r) { var o = this.currentStates, a = this.stateTransition; if (!(P(o, t) >= 0) || !e && 1 !== o.length) { var s; if (this.stateProxy && !r && (s = this.stateProxy(t)), s || (s = this.states && this.states[t]), s || r) { r || this.saveCurrentToNormalState(s); var l = !!(s && s.hoverLayer || i); l && this._toggleHoverLayerFlag(!0), this._applyStateObj(t, s, this._normalState, e, !n && !this.__inHover && a && a.duration > 0, a); var u = this._textContent, h = this._textGuide; return u && u.useState(t, e, n, l), h && h.useState(t, e, n, l), r ? (this.currentStates = [], this._normalState = {}) : e ? this.currentStates.push(t) : this.currentStates = [t], this._updateAnimationTargets(), this.markRedraw(), !l && this.__inHover && (this._toggleHoverLayerFlag(!1), this.__dirty &= -2), s } I("State " + t + " not exists.") } } }, t.prototype.useStates = function (t, e, n) { if (t.length) { var i = [], r = this.currentStates, o = t.length, a = o === r.length; if (a) for (var s = 0; s < o; s++)if (t[s] !== r[s]) { a = !1; break } if (a) return; for (s = 0; s < o; s++) { var l = t[s], u = void 0; this.stateProxy && (u = this.stateProxy(l, t)), u || (u = this.states[l]), u && i.push(u) } var h = i[o - 1], c = !!(h && h.hoverLayer || n); c && this._toggleHoverLayerFlag(!0); var p = this._mergeStates(i), d = this.stateTransition; this.saveCurrentToNormalState(p), this._applyStateObj(t.join(","), p, this._normalState, !1, !e && !this.__inHover && d && d.duration > 0, d); var f = this._textContent, g = this._textGuide; f && f.useStates(t, e, c), g && g.useStates(t, e, c), this._updateAnimationTargets(), this.currentStates = t.slice(), this.markRedraw(), !c && this.__inHover && (this._toggleHoverLayerFlag(!1), this.__dirty &= -2) } else this.clearStates() }, t.prototype._updateAnimationTargets = function () { for (var t = 0; t < this.animators.length; t++) { var e = this.animators[t]; e.targetName && e.changeTarget(this[e.targetName]) } }, t.prototype.removeState = function (t) { var e = P(this.currentStates, t); if (e >= 0) { var n = this.currentStates.slice(); n.splice(e, 1), this.useStates(n) } }, t.prototype.replaceState = function (t, e, n) { var i = this.currentStates.slice(), r = P(i, t), o = P(i, e) >= 0; r >= 0 ? o ? i.splice(r, 1) : i[r] = e : n && !o && i.push(e), this.useStates(i) }, t.prototype.toggleState = function (t, e) { e ? this.useState(t, !0) : this.removeState(t) }, t.prototype._mergeStates = function (t) { for (var e, n = {}, i = 0; i < t.length; i++) { var r = t[i]; A(n, r), r.textConfig && A(e = e || {}, r.textConfig) } return e && (n.textConfig = e), n }, t.prototype._applyStateObj = function (t, e, n, i, r, o) { var a = !(e && i); e && e.textConfig ? (this.textConfig = A({}, i ? this.textConfig : n.textConfig), A(this.textConfig, e.textConfig)) : a && n.textConfig && (this.textConfig = n.textConfig); for (var s = {}, l = !1, u = 0; u < Sr.length; u++) { var h = Sr[u], c = r && Mr[h]; e && null != e[h] ? c ? (l = !0, s[h] = e[h]) : this[h] = e[h] : a && null != n[h] && (c ? (l = !0, s[h] = n[h]) : this[h] = n[h]) } if (!r) for (u = 0; u < this.animators.length; u++) { var p = this.animators[u], d = p.targetName; p.getLoop() || p.__changeFinalValue(d ? (e || n)[d] : e || n) } l && this._transitionState(t, s, o) }, t.prototype._attachComponent = function (t) { if ((!t.__zr || t.__hostTarget) && t !== this) { var e = this.__zr; e && t.addSelfToZr(e), t.__zr = e, t.__hostTarget = this } }, t.prototype._detachComponent = function (t) { t.__zr && t.removeSelfFromZr(t.__zr), t.__zr = null, t.__hostTarget = null }, t.prototype.getClipPath = function () { return this._clipPath }, t.prototype.setClipPath = function (t) { this._clipPath && this._clipPath !== t && this.removeClipPath(), this._attachComponent(t), this._clipPath = t, this.markRedraw() }, t.prototype.removeClipPath = function () { var t = this._clipPath; t && (this._detachComponent(t), this._clipPath = null, this.markRedraw()) }, t.prototype.getTextContent = function () { return this._textContent }, t.prototype.setTextContent = function (t) { var e = this._textContent; e !== t && (e && e !== t && this.removeTextContent(), t.innerTransformable = new hr, this._attachComponent(t), this._textContent = t, this.markRedraw()) }, t.prototype.setTextConfig = function (t) { this.textConfig || (this.textConfig = {}), A(this.textConfig, t), this.markRedraw() }, t.prototype.removeTextConfig = function () { this.textConfig = null, this.markRedraw() }, t.prototype.removeTextContent = function () { var t = this._textContent; t && (t.innerTransformable = null, this._detachComponent(t), this._textContent = null, this._innerTextDefaultStyle = null, this.markRedraw()) }, t.prototype.getTextGuideLine = function () { return this._textGuide }, t.prototype.setTextGuideLine = function (t) { this._textGuide && this._textGuide !== t && this.removeTextGuideLine(), this._attachComponent(t), this._textGuide = t, this.markRedraw() }, t.prototype.removeTextGuideLine = function () { var t = this._textGuide; t && (this._detachComponent(t), this._textGuide = null, this.markRedraw()) }, t.prototype.markRedraw = function () { this.__dirty |= 1; var t = this.__zr; t && (this.__inHover ? t.refreshHover() : t.refresh()), this.__hostTarget && this.__hostTarget.markRedraw() }, t.prototype.dirty = function () { this.markRedraw() }, t.prototype._toggleHoverLayerFlag = function (t) { this.__inHover = t; var e = this._textContent, n = this._textGuide; e && (e.__inHover = t), n && (n.__inHover = t) }, t.prototype.addSelfToZr = function (t) { if (this.__zr !== t) { this.__zr = t; var e = this.animators; if (e) for (var n = 0; n < e.length; n++)t.animation.addAnimator(e[n]); this._clipPath && this._clipPath.addSelfToZr(t), this._textContent && this._textContent.addSelfToZr(t), this._textGuide && this._textGuide.addSelfToZr(t) } }, t.prototype.removeSelfFromZr = function (t) { if (this.__zr) { this.__zr = null; var e = this.animators; if (e) for (var n = 0; n < e.length; n++)t.animation.removeAnimator(e[n]); this._clipPath && this._clipPath.removeSelfFromZr(t), this._textContent && this._textContent.removeSelfFromZr(t), this._textGuide && this._textGuide.removeSelfFromZr(t) } }, t.prototype.animate = function (t, e, n) { var i = t ? this[t] : this; var r = new Li(i, e, n); return t && (r.targetName = t), this.addAnimator(r, t), r }, t.prototype.addAnimator = function (t, e) { var n = this.__zr, i = this; t.during((function () { i.updateDuringAnimation(e) })).done((function () { var e = i.animators, n = P(e, t); n >= 0 && e.splice(n, 1) })), this.animators.push(t), n && n.animation.addAnimator(t), n && n.wakeUp() }, t.prototype.updateDuringAnimation = function (t) { this.markRedraw() }, t.prototype.stopAnimation = function (t, e) { for (var n = this.animators, i = n.length, r = [], o = 0; o < i; o++) { var a = n[o]; t && t !== a.scope ? r.push(a) : a.stop(e) } return this.animators = r, this }, t.prototype.animateTo = function (t, e, n) { Dr(this, t, e, n) }, t.prototype.animateFrom = function (t, e, n) { Dr(this, t, e, n, !0) }, t.prototype._transitionState = function (t, e, n, i) { for (var r = Dr(this, e, n, i), o = 0; o < r.length; o++)r[o].__fromStateTransition = t }, t.prototype.getBoundingRect = function () { return null }, t.prototype.getPaintRect = function () { return null }, t.initDefaultProps = function () { var e = t.prototype; e.type = "element", e.name = "", e.ignore = e.silent = e.isGroup = e.draggable = e.dragging = e.ignoreClip = e.__inHover = !1, e.__dirty = 1; function n(t, n, i, r) { function o(t, e) { Object.defineProperty(e, 0, { get: function () { return t[i] }, set: function (e) { t[i] = e } }), Object.defineProperty(e, 1, { get: function () { return t[r] }, set: function (e) { t[r] = e } }) } Object.defineProperty(e, t, { get: function () { this[n] || o(this, this[n] = []); return this[n] }, set: function (t) { this[i] = t[0], this[r] = t[1], this[n] = t, o(this, t) } }) } Object.defineProperty && (n("position", "_legacyPos", "x", "y"), n("scale", "_legacyScale", "scaleX", "scaleY"), n("origin", "_legacyOrigin", "originX", "originY")) }(), t }(); function Dr(t, e, n, i, r) { var o = []; Lr(t, "", t, e, n = n || {}, i, o, r); var a = o.length, s = !1, l = n.done, u = n.aborted, h = function () { s = !0, --a <= 0 && (s ? l && l() : u && u()) }, c = function () { --a <= 0 && (s ? l && l() : u && u()) }; a || l && l(), o.length > 0 && n.during && o[0].during((function (t, e) { n.during(e) })); for (var p = 0; p < o.length; p++) { var d = o[p]; h && d.done(h), c && d.aborted(c), n.force && d.duration(n.duration), d.start(n.easing) } return o } function Ar(t, e, n) { for (var i = 0; i < n; i++)t[i] = e[i] } function kr(t, e, n) { if (N(e[n])) if (N(t[n]) || (t[n] = []), $(e[n])) { var i = e[n].length; t[n].length !== i && (t[n] = new e[n].constructor(i), Ar(t[n], e[n], i)) } else { var r = e[n], o = t[n], a = r.length; if (N(r[0])) for (var s = r[0].length, l = 0; l < a; l++)o[l] ? Ar(o[l], r[l], s) : o[l] = Array.prototype.slice.call(r[l]); else Ar(o, r, a); o.length = r.length } else t[n] = e[n] } function Lr(t, e, n, i, r, o, a, s) { for (var l = G(i), u = r.duration, h = r.delay, c = r.additive, p = r.setToFinal, d = !q(o), f = t.animators, g = [], y = 0; y < l.length; y++) { var v = l[y], m = i[v]; if (null != m && null != n[v] && (d || o[v])) if (!q(m) || N(m) || Q(m)) g.push(v); else { if (e) { s || (n[v] = m, t.updateDuringAnimation(e)); continue } Lr(t, v, n[v], m, r, o && o[v], a, s) } else s || (n[v] = m, t.updateDuringAnimation(e), g.push(v)) } var x = g.length; if (!c && x) for (var _ = 0; _ < f.length; _++) { if ((w = f[_]).targetName === e) if (w.stopTracks(g)) { var b = P(f, w); f.splice(b, 1) } } if (r.force || (g = B(g, (function (t) { return e = i[t], r = n[t], !(e === r || N(e) && N(r) && function (t, e) { var n = t.length; if (n !== e.length) return !1; for (var i = 0; i < n; i++)if (t[i] !== e[i]) return !1; return !0 }(e, r)); var e, r })), x = g.length), x > 0 || r.force && !a.length) { var w, S = void 0, M = void 0, I = void 0; if (s) { M = {}, p && (S = {}); for (_ = 0; _ < x; _++) { M[v = g[_]] = n[v], p ? S[v] = i[v] : n[v] = i[v] } } else if (p) { I = {}; for (_ = 0; _ < x; _++) { I[v = g[_]] = Ii(n[v]), kr(n, i, v) } } (w = new Li(n, !1, !1, c ? B(f, (function (t) { return t.targetName === e })) : null)).targetName = e, r.scope && (w.scope = r.scope), p && S && w.whenWithKeys(0, S, g), I && w.whenWithKeys(0, I, g), w.whenWithKeys(null == u ? 500 : u, s ? M : i, g).delay(h || 0), t.addAnimator(w, e), a.push(w) } } R(Cr, Xt), R(Cr, hr); var Pr = function (t) { function e(e) { var n = t.call(this) || this; return n.isGroup = !0, n._children = [], n.attr(e), n } return n(e, t), e.prototype.childrenRef = function () { return this._children }, e.prototype.children = function () { return this._children.slice() }, e.prototype.childAt = function (t) { return this._children[t] }, e.prototype.childOfName = function (t) { for (var e = this._children, n = 0; n < e.length; n++)if (e[n].name === t) return e[n] }, e.prototype.childCount = function () { return this._children.length }, e.prototype.add = function (t) { return t && t !== this && t.parent !== this && (this._children.push(t), this._doAdd(t)), this }, e.prototype.addBefore = function (t, e) { if (t && t !== this && t.parent !== this && e && e.parent === this) { var n = this._children, i = n.indexOf(e); i >= 0 && (n.splice(i, 0, t), this._doAdd(t)) } return this }, e.prototype.replace = function (t, e) { var n = P(this._children, t); return n >= 0 && this.replaceAt(e, n), this }, e.prototype.replaceAt = function (t, e) { var n = this._children, i = n[e]; if (t && t !== this && t.parent !== this && t !== i) { n[e] = t, i.parent = null; var r = this.__zr; r && i.removeSelfFromZr(r), this._doAdd(t) } return this }, e.prototype._doAdd = function (t) { t.parent && t.parent.remove(t), t.parent = this; var e = this.__zr; e && e !== t.__zr && t.addSelfToZr(e), e && e.refresh() }, e.prototype.remove = function (t) { var e = this.__zr, n = this._children, i = P(n, t); return i < 0 || (n.splice(i, 1), t.parent = null, e && t.removeSelfFromZr(e), e && e.refresh()), this }, e.prototype.removeAll = function () { for (var t = this._children, e = this.__zr, n = 0; n < t.length; n++) { var i = t[n]; e && i.removeSelfFromZr(e), i.parent = null } return t.length = 0, this }, e.prototype.eachChild = function (t, e) { for (var n = this._children, i = 0; i < n.length; i++) { var r = n[i]; t.call(e, r, i) } return this }, e.prototype.traverse = function (t, e) { for (var n = 0; n < this._children.length; n++) { var i = this._children[n], r = t.call(e, i); i.isGroup && !r && i.traverse(t, e) } return this }, e.prototype.addSelfToZr = function (e) { t.prototype.addSelfToZr.call(this, e); for (var n = 0; n < this._children.length; n++) { this._children[n].addSelfToZr(e) } }, e.prototype.removeSelfFromZr = function (e) { t.prototype.removeSelfFromZr.call(this, e); for (var n = 0; n < this._children.length; n++) { this._children[n].removeSelfFromZr(e) } }, e.prototype.getBoundingRect = function (t) { for (var e = new Re(0, 0, 0, 0), n = t || this._children, i = [], r = null, o = 0; o < n.length; o++) { var a = n[o]; if (!a.ignore && !a.invisible) { var s = a.getBoundingRect(), l = a.getLocalTransform(i); l ? (Re.applyTransform(e, s, l), (r = r || e.clone()).union(e)) : (r = r || s.clone()).union(s) } } return r || e }, e }(Cr); Pr.prototype.type = "group";
  /*!
      * ZRender, a high performance 2d drawing library.
      *
      * Copyright (c) 2013, Baidu Inc.
      * All rights reserved.
      *
      * LICENSE
      * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
      */
  var Or = {}, Rr = {}; var Nr = function () { function t(t, e, n) { var i = this; this._sleepAfterStill = 10, this._stillFrameAccum = 0, this._needsRefresh = !0, this._needsRefreshHover = !0, this._darkMode = !1, n = n || {}, this.dom = e, this.id = t; var o = new tn, a = n.renderer || "canvas"; Or[a] || (a = G(Or)[0]), n.useDirtyRect = null != n.useDirtyRect && n.useDirtyRect; var s = new Or[a](e, o, n, t), l = n.ssr || s.ssrOnly; this.storage = o, this.painter = s; var u, h = r.node || r.worker || l ? null : new Ji(s.getViewportRoot(), s.root), c = n.useCoarsePointer; (null == c || "auto" === c ? r.touchEventsSupported : !!c) && (u = rt(n.pointerSize, 44)), this.handler = new Ge(o, s, h, s.root, u), this.animation = new Ni({ stage: { update: l ? null : function () { return i._flush(!0) } } }), l || this.animation.start() } return t.prototype.add = function (t) { t && (this.storage.addRoot(t), t.addSelfToZr(this), this.refresh()) }, t.prototype.remove = function (t) { t && (this.storage.delRoot(t), t.removeSelfFromZr(this), this.refresh()) }, t.prototype.configLayer = function (t, e) { this.painter.configLayer && this.painter.configLayer(t, e), this.refresh() }, t.prototype.setBackgroundColor = function (t) { this.painter.setBackgroundColor && this.painter.setBackgroundColor(t), this.refresh(), this._backgroundColor = t, this._darkMode = function (t) { if (!t) return !1; if ("string" == typeof t) return ni(t, 1) < .4; if (t.colorStops) { for (var e = t.colorStops, n = 0, i = e.length, r = 0; r < i; r++)n += ni(e[r].color, 1); return (n /= i) < .4 } return !1 }(t) }, t.prototype.getBackgroundColor = function () { return this._backgroundColor }, t.prototype.setDarkMode = function (t) { this._darkMode = t }, t.prototype.isDarkMode = function () { return this._darkMode }, t.prototype.refreshImmediately = function (t) { t || this.animation.update(!0), this._needsRefresh = !1, this.painter.refresh(), this._needsRefresh = !1 }, t.prototype.refresh = function () { this._needsRefresh = !0, this.animation.start() }, t.prototype.flush = function () { this._flush(!1) }, t.prototype._flush = function (t) { var e, n = Pi(); this._needsRefresh && (e = !0, this.refreshImmediately(t)), this._needsRefreshHover && (e = !0, this.refreshHoverImmediately()); var i = Pi(); e ? (this._stillFrameAccum = 0, this.trigger("rendered", { elapsedTime: i - n })) : this._sleepAfterStill > 0 && (this._stillFrameAccum++, this._stillFrameAccum > this._sleepAfterStill && this.animation.stop()) }, t.prototype.setSleepAfterStill = function (t) { this._sleepAfterStill = t }, t.prototype.wakeUp = function () { this.animation.start(), this._stillFrameAccum = 0 }, t.prototype.refreshHover = function () { this._needsRefreshHover = !0 }, t.prototype.refreshHoverImmediately = function () { this._needsRefreshHover = !1, this.painter.refreshHover && "canvas" === this.painter.getType() && this.painter.refreshHover() }, t.prototype.resize = function (t) { t = t || {}, this.painter.resize(t.width, t.height), this.handler.resize() }, t.prototype.clearAnimation = function () { this.animation.clear() }, t.prototype.getWidth = function () { return this.painter.getWidth() }, t.prototype.getHeight = function () { return this.painter.getHeight() }, t.prototype.setCursorStyle = function (t) { this.handler.setCursorStyle(t) }, t.prototype.findHover = function (t, e) { return this.handler.findHover(t, e) }, t.prototype.on = function (t, e, n) { return this.handler.on(t, e, n), this }, t.prototype.off = function (t, e) { this.handler.off(t, e) }, t.prototype.trigger = function (t, e) { this.handler.trigger(t, e) }, t.prototype.clear = function () { for (var t = this.storage.getRoots(), e = 0; e < t.length; e++)t[e] instanceof Pr && t[e].removeSelfFromZr(this); this.storage.delAllRoots(), this.painter.clear() }, t.prototype.dispose = function () { var t; this.animation.stop(), this.clear(), this.storage.dispose(), this.painter.dispose(), this.handler.dispose(), this.animation = this.storage = this.painter = this.handler = null, t = this.id, delete Rr[t] }, t }(); function Er(t, e) { var n = new Nr(M(), t, e); return Rr[n.id] = n, n } function zr(t, e) { Or[t] = e } var Vr = Object.freeze({ __proto__: null, init: Er, dispose: function (t) { t.dispose() }, disposeAll: function () { for (var t in Rr) Rr.hasOwnProperty(t) && Rr[t].dispose(); Rr = {} }, getInstance: function (t) { return Rr[t] }, registerPainter: zr, version: "5.4.0" }), Br = 1e-4; function Fr(t, e, n, i) { var r = e[0], o = e[1], a = n[0], s = n[1], l = o - r, u = s - a; if (0 === l) return 0 === u ? a : (a + s) / 2; if (i) if (l > 0) { if (t <= r) return a; if (t >= o) return s } else { if (t >= r) return a; if (t <= o) return s } else { if (t === r) return a; if (t === o) return s } return (t - r) / l * u + a } function Gr(t, e) { switch (t) { case "center": case "middle": t = "50%"; break; case "left": case "top": t = "0%"; break; case "right": case "bottom": t = "100%" }return X(t) ? (n = t, n.replace(/^\s+|\s+$/g, "")).match(/%$/) ? parseFloat(t) / 100 * e : parseFloat(t) : null == t ? NaN : +t; var n } function Wr(t, e, n) { return null == e && (e = 10), e = Math.min(Math.max(0, e), 20), t = (+t).toFixed(e), n ? t : +t } function Hr(t) { return t.sort((function (t, e) { return t - e })), t } function Yr(t) { if (t = +t, isNaN(t)) return 0; if (t > 1e-14) for (var e = 1, n = 0; n < 15; n++, e *= 10)if (Math.round(t * e) / e === t) return n; return Ur(t) } function Ur(t) { var e = t.toString().toLowerCase(), n = e.indexOf("e"), i = n > 0 ? +e.slice(n + 1) : 0, r = n > 0 ? n : e.length, o = e.indexOf("."), a = o < 0 ? 0 : r - 1 - o; return Math.max(0, a - i) } function Xr(t, e) { var n = Math.log, i = Math.LN10, r = Math.floor(n(t[1] - t[0]) / i), o = Math.round(n(Math.abs(e[1] - e[0])) / i), a = Math.min(Math.max(-r + o, 0), 20); return isFinite(a) ? a : 20 } function Zr(t, e) { var n = V(t, (function (t, e) { return t + (isNaN(e) ? 0 : e) }), 0); if (0 === n) return []; for (var i = Math.pow(10, e), r = z(t, (function (t) { return (isNaN(t) ? 0 : t) / n * i * 100 })), o = 100 * i, a = z(r, (function (t) { return Math.floor(t) })), s = V(a, (function (t, e) { return t + e }), 0), l = z(r, (function (t, e) { return t - a[e] })); s < o;) { for (var u = Number.NEGATIVE_INFINITY, h = null, c = 0, p = l.length; c < p; ++c)l[c] > u && (u = l[c], h = c); ++a[h], l[h] = 0, ++s } return z(a, (function (t) { return t / i })) } function jr(t, e) { var n = Math.max(Yr(t), Yr(e)), i = t + e; return n > 20 ? i : Wr(i, n) } var qr = 9007199254740991; function Kr(t) { var e = 2 * Math.PI; return (t % e + e) % e } function $r(t) { return t > -1e-4 && t < Br } var Jr = /^(?:(\d{4})(?:[-\/](\d{1,2})(?:[-\/](\d{1,2})(?:[T ](\d{1,2})(?::(\d{1,2})(?::(\d{1,2})(?:[.,](\d+))?)?)?(Z|[\+\-]\d\d:?\d\d)?)?)?)?)?$/; function Qr(t) { if (t instanceof Date) return t; if (X(t)) { var e = Jr.exec(t); if (!e) return new Date(NaN); if (e[8]) { var n = +e[4] || 0; return "Z" !== e[8].toUpperCase() && (n -= +e[8].slice(0, 3)), new Date(Date.UTC(+e[1], +(e[2] || 1) - 1, +e[3] || 1, n, +(e[5] || 0), +e[6] || 0, e[7] ? +e[7].substring(0, 3) : 0)) } return new Date(+e[1], +(e[2] || 1) - 1, +e[3] || 1, +e[4] || 0, +(e[5] || 0), +e[6] || 0, e[7] ? +e[7].substring(0, 3) : 0) } return null == t ? new Date(NaN) : new Date(Math.round(t)) } function to(t) { return Math.pow(10, eo(t)) } function eo(t) { if (0 === t) return 0; var e = Math.floor(Math.log(t) / Math.LN10); return t / Math.pow(10, e) >= 10 && e++, e } function no(t, e) { var n = eo(t), i = Math.pow(10, n), r = t / i; return t = (e ? r < 1.5 ? 1 : r < 2.5 ? 2 : r < 4 ? 3 : r < 7 ? 5 : 10 : r < 1 ? 1 : r < 2 ? 2 : r < 3 ? 3 : r < 5 ? 5 : 10) * i, n >= -20 ? +t.toFixed(n < 0 ? -n : 0) : t } function io(t, e) { var n = (t.length - 1) * e + 1, i = Math.floor(n), r = +t[i - 1], o = n - i; return o ? r + o * (t[i] - r) : r } function ro(t) { t.sort((function (t, e) { return s(t, e, 0) ? -1 : 1 })); for (var e = -1 / 0, n = 1, i = 0; i < t.length;) { for (var r = t[i].interval, o = t[i].close, a = 0; a < 2; a++)r[a] <= e && (r[a] = e, o[a] = a ? 1 : 1 - n), e = r[a], n = o[a]; r[0] === r[1] && o[0] * o[1] != 1 ? t.splice(i, 1) : i++ } return t; function s(t, e, n) { return t.interval[n] < e.interval[n] || t.interval[n] === e.interval[n] && (t.close[n] - e.close[n] == (n ? -1 : 1) || !n && s(t, e, 1)) } } function oo(t) { var e = parseFloat(t); return e == t && (0 !== e || !X(t) || t.indexOf("x") <= 0) ? e : NaN } function ao(t) { return !isNaN(oo(t)) } function so() { return Math.round(9 * Math.random()) } function lo(t, e) { return 0 === e ? t : lo(e, t % e) } function uo(t, e) { return null == t ? e : null == e ? t : t * e / lo(t, e) } "undefined" != typeof console && console.warn && console.log; function ho(t) { 0 } function co(t) { throw new Error(t) } function po(t, e, n) { return (e - t) * n + t } var fo = "series\0", go = "\0_ec_\0"; function yo(t) { return t instanceof Array ? t : null == t ? [] : [t] } function vo(t, e, n) { if (t) { t[e] = t[e] || {}, t.emphasis = t.emphasis || {}, t.emphasis[e] = t.emphasis[e] || {}; for (var i = 0, r = n.length; i < r; i++) { var o = n[i]; !t.emphasis[e].hasOwnProperty(o) && t[e].hasOwnProperty(o) && (t.emphasis[e][o] = t[e][o]) } } } var mo = ["fontStyle", "fontWeight", "fontSize", "fontFamily", "rich", "tag", "color", "textBorderColor", "textBorderWidth", "width", "height", "lineHeight", "align", "verticalAlign", "baseline", "shadowColor", "shadowBlur", "shadowOffsetX", "shadowOffsetY", "textShadowColor", "textShadowBlur", "textShadowOffsetX", "textShadowOffsetY", "backgroundColor", "borderColor", "borderWidth", "borderRadius", "padding"]; function xo(t) { return !q(t) || Y(t) || t instanceof Date ? t : t.value } function _o(t) { return q(t) && !(t instanceof Array) } function bo(t, e, n) { var i = "normalMerge" === n, r = "replaceMerge" === n, o = "replaceAll" === n; t = t || [], e = (e || []).slice(); var a = ft(); E(e, (function (t, n) { q(t) || (e[n] = null) })); var s, l, u = function (t, e, n) { var i = []; if ("replaceAll" === n) return i; for (var r = 0; r < t.length; r++) { var o = t[r]; o && null != o.id && e.set(o.id, r), i.push({ existing: "replaceMerge" === n || To(o) ? null : o, newOption: null, keyInfo: null, brandNew: null }) } return i }(t, a, n); return (i || r) && function (t, e, n, i) { E(i, (function (r, o) { if (r && null != r.id) { var a = So(r.id), s = n.get(a); if (null != s) { var l = t[s]; lt(!l.newOption, 'Duplicated option on id "' + a + '".'), l.newOption = r, l.existing = e[s], i[o] = null } } })) }(u, t, a, e), i && function (t, e) { E(e, (function (n, i) { if (n && null != n.name) for (var r = 0; r < t.length; r++) { var o = t[r].existing; if (!t[r].newOption && o && (null == o.id || null == n.id) && !To(n) && !To(o) && wo("name", o, n)) return t[r].newOption = n, void (e[i] = null) } })) }(u, e), i || r ? function (t, e, n) { E(e, (function (e) { if (e) { for (var i, r = 0; (i = t[r]) && (i.newOption || To(i.existing) || i.existing && null != e.id && !wo("id", e, i.existing));)r++; i ? (i.newOption = e, i.brandNew = n) : t.push({ newOption: e, brandNew: n, existing: null, keyInfo: null }), r++ } })) }(u, e, r) : o && function (t, e) { E(e, (function (e) { t.push({ newOption: e, brandNew: !0, existing: null, keyInfo: null }) })) }(u, e), s = u, l = ft(), E(s, (function (t) { var e = t.existing; e && l.set(e.id, t) })), E(s, (function (t) { var e = t.newOption; lt(!e || null == e.id || !l.get(e.id) || l.get(e.id) === t, "id duplicates: " + (e && e.id)), e && null != e.id && l.set(e.id, t), !t.keyInfo && (t.keyInfo = {}) })), E(s, (function (t, e) { var n = t.existing, i = t.newOption, r = t.keyInfo; if (q(i)) { if (r.name = null != i.name ? So(i.name) : n ? n.name : fo + e, n) r.id = So(n.id); else if (null != i.id) r.id = So(i.id); else { var o = 0; do { r.id = "\0" + r.name + "\0" + o++ } while (l.get(r.id)) } l.set(r.id, t) } })), u } function wo(t, e, n) { var i = Mo(e[t], null), r = Mo(n[t], null); return null != i && null != r && i === r } function So(t) { return Mo(t, "") } function Mo(t, e) { return null == t ? e : X(t) ? t : j(t) || Z(t) ? t + "" : e } function Io(t) { var e = t.name; return !(!e || !e.indexOf(fo)) } function To(t) { return t && null != t.id && 0 === So(t.id).indexOf(go) } function Co(t, e) { return null != e.dataIndexInside ? e.dataIndexInside : null != e.dataIndex ? Y(e.dataIndex) ? z(e.dataIndex, (function (e) { return t.indexOfRawIndex(e) })) : t.indexOfRawIndex(e.dataIndex) : null != e.name ? Y(e.name) ? z(e.name, (function (e) { return t.indexOfName(e) })) : t.indexOfName(e.name) : void 0 } function Do() { var t = "__ec_inner_" + Ao++; return function (e) { return e[t] || (e[t] = {}) } } var Ao = so(); function ko(t, e, n) { var i = Lo(e, n), r = i.mainTypeSpecified, o = i.queryOptionMap, a = i.others, s = n ? n.defaultMainType : null; return !r && s && o.set(s, {}), o.each((function (e, i) { var r = Ro(t, i, e, { useDefault: s === i, enableAll: !n || null == n.enableAll || n.enableAll, enableNone: !n || null == n.enableNone || n.enableNone }); a[i + "Models"] = r.models, a[i + "Model"] = r.models[0] })), a } function Lo(t, e) { var n; if (X(t)) { var i = {}; i[t + "Index"] = 0, n = i } else n = t; var r = ft(), o = {}, a = !1; return E(n, (function (t, n) { if ("dataIndex" !== n && "dataIndexInside" !== n) { var i = n.match(/^(\w+)(Index|Id|Name)$/) || [], s = i[1], l = (i[2] || "").toLowerCase(); if (s && l && !(e && e.includeMainTypes && P(e.includeMainTypes, s) < 0)) a = a || !!s, (r.get(s) || r.set(s, {}))[l] = t } else o[n] = t })), { mainTypeSpecified: a, queryOptionMap: r, others: o } } var Po = { useDefault: !0, enableAll: !1, enableNone: !1 }, Oo = { useDefault: !1, enableAll: !0, enableNone: !0 }; function Ro(t, e, n, i) { i = i || Po; var r = n.index, o = n.id, a = n.name, s = { models: null, specified: null != r || null != o || null != a }; if (!s.specified) { var l = void 0; return s.models = i.useDefault && (l = t.getComponent(e)) ? [l] : [], s } return "none" === r || !1 === r ? (lt(i.enableNone, '`"none"` or `false` is not a valid value on index option.'), s.models = [], s) : ("all" === r && (lt(i.enableAll, '`"all"` is not a valid value on index option.'), r = o = a = null), s.models = t.queryComponents({ mainType: e, index: r, id: o, name: a }), s) } function No(t, e, n) { t.setAttribute ? t.setAttribute(e, n) : t[e] = n } function Eo(t, e) { var n = ft(), i = []; return E(t, (function (t) { var r = e(t); (n.get(r) || (i.push(r), n.set(r, []))).push(t) })), { keys: i, buckets: n } } function zo(t, e, n, i, r) { var o = null == e || "auto" === e; if (null == i) return i; if (j(i)) return Wr(f = po(n || 0, i, r), o ? Math.max(Yr(n || 0), Yr(i)) : e); if (X(i)) return r < 1 ? n : i; for (var a = [], s = n, l = i, u = Math.max(s ? s.length : 0, l.length), h = 0; h < u; ++h) { var c = t.getDimensionInfo(h); if (c && "ordinal" === c.type) a[h] = (r < 1 && s ? s : l)[h]; else { var p = s && s[h] ? s[h] : 0, d = l[h], f = po(p, d, r); a[h] = Wr(f, o ? Math.max(Yr(p), Yr(d)) : e) } } return a } var Vo = "___EC__COMPONENT__CONTAINER___", Bo = "___EC__EXTENDED_CLASS___"; function Fo(t) { var e = { main: "", sub: "" }; if (t) { var n = t.split("."); e.main = n[0] || "", e.sub = n[1] || "" } return e } function Go(t, e) { t.$constructor = t, t.extend = function (t) { var e, i, r = this; return U(i = r) && /^class\s/.test(Function.prototype.toString.call(i)) ? e = function (t) { function e() { return t.apply(this, arguments) || this } return n(e, t), e }(r) : (e = function () { (t.$constructor || r).apply(this, arguments) }, O(e, this)), A(e.prototype, t), e[Bo] = !0, e.extend = this.extend, e.superCall = Yo, e.superApply = Uo, e.superClass = r, e } } function Wo(t, e) { t.extend = e.extend } var Ho = Math.round(10 * Math.random()); function Yo(t, e) { for (var n = [], i = 2; i < arguments.length; i++)n[i - 2] = arguments[i]; return this.superClass.prototype[e].apply(t, n) } function Uo(t, e, n) { return this.superClass.prototype[e].apply(t, n) } function Xo(t) { var e = {}; t.registerClass = function (t) { var n, i = t.type || t.prototype.type; if (i) { lt(/^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)?$/.test(n = i), 'componentType "' + n + '" illegal'), t.prototype.type = i; var r = Fo(i); if (r.sub) { if (r.sub !== Vo) { var o = function (t) { var n = e[t.main]; n && n[Vo] || ((n = e[t.main] = {})[Vo] = !0); return n }(r); o[r.sub] = t } } else e[r.main] = t } return t }, t.getClass = function (t, n, i) { var r = e[t]; if (r && r[Vo] && (r = n ? r[n] : null), i && !r) throw new Error(n ? "Component " + t + "." + (n || "") + " is used but not imported." : t + ".type should be specified."); return r }, t.getClassesByMainType = function (t) { var n = Fo(t), i = [], r = e[n.main]; return r && r[Vo] ? E(r, (function (t, e) { e !== Vo && i.push(t) })) : i.push(r), i }, t.hasClass = function (t) { var n = Fo(t); return !!e[n.main] }, t.getAllClassMainTypes = function () { var t = []; return E(e, (function (e, n) { t.push(n) })), t }, t.hasSubTypes = function (t) { var n = Fo(t), i = e[n.main]; return i && i[Vo] } } function Zo(t, e) { for (var n = 0; n < t.length; n++)t[n][1] || (t[n][1] = t[n][0]); return e = e || !1, function (n, i, r) { for (var o = {}, a = 0; a < t.length; a++) { var s = t[a][1]; if (!(i && P(i, s) >= 0 || r && P(r, s) < 0)) { var l = n.getShallow(s, e); null != l && (o[t[a][0]] = l) } } return o } } var jo = Zo([["fill", "color"], ["shadowBlur"], ["shadowOffsetX"], ["shadowOffsetY"], ["opacity"], ["shadowColor"]]), qo = function () { function t() { } return t.prototype.getAreaStyle = function (t, e) { return jo(this, t, e) }, t }(), Ko = new On(50); function $o(t) { if ("string" == typeof t) { var e = Ko.get(t); return e && e.image } return t } function Jo(t, e, n, i, r) { if (t) { if ("string" == typeof t) { if (e && e.__zrImageSrc === t || !n) return e; var o = Ko.get(t), a = { hostEl: n, cb: i, cbPayload: r }; return o ? !ta(e = o.image) && o.pending.push(a) : ((e = h.loadImage(t, Qo, Qo)).__zrImageSrc = t, Ko.put(t, e.__cachedImgObj = { image: e, pending: [a] })), e } return t } return e } function Qo() { var t = this.__cachedImgObj; this.onload = this.onerror = this.__cachedImgObj = null; for (var e = 0; e < t.pending.length; e++) { var n = t.pending[e], i = n.cb; i && i(this, n.cbPayload), n.hostEl.dirty() } t.pending.length = 0 } function ta(t) { return t && t.width && t.height } var ea = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g; function na(t, e, n, i, r) { if (!e) return ""; var o = (t + "").split("\n"); r = ia(e, n, i, r); for (var a = 0, s = o.length; a < s; a++)o[a] = ra(o[a], r); return o.join("\n") } function ia(t, e, n, i) { var r = A({}, i = i || {}); r.font = e, n = rt(n, "..."), r.maxIterations = rt(i.maxIterations, 2); var o = r.minChar = rt(i.minChar, 0); r.cnCharWidth = fr("国", e); var a = r.ascCharWidth = fr("a", e); r.placeholder = rt(i.placeholder, ""); for (var s = t = Math.max(0, t - 1), l = 0; l < o && s >= a; l++)s -= a; var u = fr(n, e); return u > s && (n = "", u = 0), s = t - u, r.ellipsis = n, r.ellipsisWidth = u, r.contentWidth = s, r.containerWidth = t, r } function ra(t, e) { var n = e.containerWidth, i = e.font, r = e.contentWidth; if (!n) return ""; var o = fr(t, i); if (o <= n) return t; for (var a = 0; ; a++) { if (o <= r || a >= e.maxIterations) { t += e.ellipsis; break } var s = 0 === a ? oa(t, r, e.ascCharWidth, e.cnCharWidth) : o > 0 ? Math.floor(t.length * r / o) : 0; o = fr(t = t.substr(0, s), i) } return "" === t && (t = e.placeholder), t } function oa(t, e, n, i) { for (var r = 0, o = 0, a = t.length; o < a && r < e; o++) { var s = t.charCodeAt(o); r += 0 <= s && s <= 127 ? n : i } return o } var aa = function () { }, sa = function (t) { this.tokens = [], t && (this.tokens = t) }, la = function () { this.width = 0, this.height = 0, this.contentWidth = 0, this.contentHeight = 0, this.outerWidth = 0, this.outerHeight = 0, this.lines = [] }; function ua(t, e, n, i, r) { var o, a, s = "" === e, l = r && n.rich[r] || {}, u = t.lines, h = l.font || n.font, c = !1; if (i) { var p = l.padding, d = p ? p[1] + p[3] : 0; if (null != l.width && "auto" !== l.width) { var f = _r(l.width, i.width) + d; u.length > 0 && f + i.accumWidth > i.width && (o = e.split("\n"), c = !0), i.accumWidth = f } else { var g = pa(e, h, i.width, i.breakAll, i.accumWidth); i.accumWidth = g.accumWidth + d, a = g.linesWidths, o = g.lines } } else o = e.split("\n"); for (var y = 0; y < o.length; y++) { var v = o[y], m = new aa; if (m.styleName = r, m.text = v, m.isLineHolder = !v && !s, "number" == typeof l.width ? m.width = l.width : m.width = a ? a[y] : fr(v, h), y || c) u.push(new sa([m])); else { var x = (u[u.length - 1] || (u[0] = new sa)).tokens, _ = x.length; 1 === _ && x[0].isLineHolder ? x[0] = m : (v || !_ || s) && x.push(m) } } } var ha = V(",&?/;] ".split(""), (function (t, e) { return t[e] = !0, t }), {}); function ca(t) { return !function (t) { var e = t.charCodeAt(0); return e >= 33 && e <= 383 }(t) || !!ha[t] } function pa(t, e, n, i, r) { for (var o = [], a = [], s = "", l = "", u = 0, h = 0, c = 0; c < t.length; c++) { var p = t.charAt(c); if ("\n" !== p) { var d = fr(p, e), f = !i && !ca(p); (o.length ? h + d > n : r + h + d > n) ? h ? (s || l) && (f ? (s || (s = l, l = "", h = u = 0), o.push(s), a.push(h - u), l += p, s = "", h = u += d) : (l && (s += l, l = "", u = 0), o.push(s), a.push(h), s = p, h = d)) : f ? (o.push(l), a.push(u), l = p, u = d) : (o.push(p), a.push(d)) : (h += d, f ? (l += p, u += d) : (l && (s += l, l = "", u = 0), s += p)) } else l && (s += l, h += u), o.push(s), a.push(h), s = "", l = "", u = 0, h = 0 } return o.length || s || (s = t, l = "", u = 0), l && (s += l), s && (o.push(s), a.push(h)), 1 === o.length && (h += r), { accumWidth: h, lines: o, linesWidths: a } } var da = "__zr_style_" + Math.round(10 * Math.random()), fa = { shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 0, shadowColor: "#000", opacity: 1, blend: "source-over" }, ga = { style: { shadowBlur: !0, shadowOffsetX: !0, shadowOffsetY: !0, shadowColor: !0, opacity: !0 } }; fa[da] = !0; var ya = ["z", "z2", "invisible"], va = ["invisible"], ma = function (t) { function e(e) { return t.call(this, e) || this } var i; return n(e, t), e.prototype._init = function (e) { for (var n = G(e), i = 0; i < n.length; i++) { var r = n[i]; "style" === r ? this.useStyle(e[r]) : t.prototype.attrKV.call(this, r, e[r]) } this.style || this.useStyle({}) }, e.prototype.beforeBrush = function () { }, e.prototype.afterBrush = function () { }, e.prototype.innerBeforeBrush = function () { }, e.prototype.innerAfterBrush = function () { }, e.prototype.shouldBePainted = function (t, e, n, i) { var r = this.transform; if (this.ignore || this.invisible || 0 === this.style.opacity || this.culling && function (t, e, n) { xa.copy(t.getBoundingRect()), t.transform && xa.applyTransform(t.transform); return _a.width = e, _a.height = n, !xa.intersect(_a) }(this, t, e) || r && !r[0] && !r[3]) return !1; if (n && this.__clipPaths) for (var o = 0; o < this.__clipPaths.length; ++o)if (this.__clipPaths[o].isZeroArea()) return !1; if (i && this.parent) for (var a = this.parent; a;) { if (a.ignore) return !1; a = a.parent } return !0 }, e.prototype.contain = function (t, e) { return this.rectContain(t, e) }, e.prototype.traverse = function (t, e) { t.call(e, this) }, e.prototype.rectContain = function (t, e) { var n = this.transformCoordToLocal(t, e); return this.getBoundingRect().contain(n[0], n[1]) }, e.prototype.getPaintRect = function () { var t = this._paintRect; if (!this._paintRect || this.__dirty) { var e = this.transform, n = this.getBoundingRect(), i = this.style, r = i.shadowBlur || 0, o = i.shadowOffsetX || 0, a = i.shadowOffsetY || 0; t = this._paintRect || (this._paintRect = new Re(0, 0, 0, 0)), e ? Re.applyTransform(t, n, e) : t.copy(n), (r || o || a) && (t.width += 2 * r + Math.abs(o), t.height += 2 * r + Math.abs(a), t.x = Math.min(t.x, t.x + o - r), t.y = Math.min(t.y, t.y + a - r)); var s = this.dirtyRectTolerance; t.isZero() || (t.x = Math.floor(t.x - s), t.y = Math.floor(t.y - s), t.width = Math.ceil(t.width + 1 + 2 * s), t.height = Math.ceil(t.height + 1 + 2 * s)) } return t }, e.prototype.setPrevPaintRect = function (t) { t ? (this._prevPaintRect = this._prevPaintRect || new Re(0, 0, 0, 0), this._prevPaintRect.copy(t)) : this._prevPaintRect = null }, e.prototype.getPrevPaintRect = function () { return this._prevPaintRect }, e.prototype.animateStyle = function (t) { return this.animate("style", t) }, e.prototype.updateDuringAnimation = function (t) { "style" === t ? this.dirtyStyle() : this.markRedraw() }, e.prototype.attrKV = function (e, n) { "style" !== e ? t.prototype.attrKV.call(this, e, n) : this.style ? this.setStyle(n) : this.useStyle(n) }, e.prototype.setStyle = function (t, e) { return "string" == typeof t ? this.style[t] = e : A(this.style, t), this.dirtyStyle(), this }, e.prototype.dirtyStyle = function (t) { t || this.markRedraw(), this.__dirty |= 2, this._rect && (this._rect = null) }, e.prototype.dirty = function () { this.dirtyStyle() }, e.prototype.styleChanged = function () { return !!(2 & this.__dirty) }, e.prototype.styleUpdated = function () { this.__dirty &= -3 }, e.prototype.createStyle = function (t) { return yt(fa, t) }, e.prototype.useStyle = function (t) { t[da] || (t = this.createStyle(t)), this.__inHover ? this.__hoverStyle = t : this.style = t, this.dirtyStyle() }, e.prototype.isStyleObject = function (t) { return t[da] }, e.prototype._innerSaveToNormal = function (e) { t.prototype._innerSaveToNormal.call(this, e); var n = this._normalState; e.style && !n.style && (n.style = this._mergeStyle(this.createStyle(), this.style)), this._savePrimaryToNormal(e, n, ya) }, e.prototype._applyStateObj = function (e, n, i, r, o, a) { t.prototype._applyStateObj.call(this, e, n, i, r, o, a); var s, l = !(n && r); if (n && n.style ? o ? r ? s = n.style : (s = this._mergeStyle(this.createStyle(), i.style), this._mergeStyle(s, n.style)) : (s = this._mergeStyle(this.createStyle(), r ? this.style : i.style), this._mergeStyle(s, n.style)) : l && (s = i.style), s) if (o) { var u = this.style; if (this.style = this.createStyle(l ? {} : u), l) for (var h = G(u), c = 0; c < h.length; c++) { (d = h[c]) in s && (s[d] = s[d], this.style[d] = u[d]) } var p = G(s); for (c = 0; c < p.length; c++) { var d = p[c]; this.style[d] = this.style[d] } this._transitionState(e, { style: s }, a, this.getAnimationStyleProps()) } else this.useStyle(s); var f = this.__inHover ? va : ya; for (c = 0; c < f.length; c++) { d = f[c]; n && null != n[d] ? this[d] = n[d] : l && null != i[d] && (this[d] = i[d]) } }, e.prototype._mergeStates = function (e) { for (var n, i = t.prototype._mergeStates.call(this, e), r = 0; r < e.length; r++) { var o = e[r]; o.style && (n = n || {}, this._mergeStyle(n, o.style)) } return n && (i.style = n), i }, e.prototype._mergeStyle = function (t, e) { return A(t, e), t }, e.prototype.getAnimationStyleProps = function () { return ga }, e.initDefaultProps = ((i = e.prototype).type = "displayable", i.invisible = !1, i.z = 0, i.z2 = 0, i.zlevel = 0, i.culling = !1, i.cursor = "pointer", i.rectHover = !1, i.incremental = !1, i._rect = null, i.dirtyRectTolerance = 0, void (i.__dirty = 3)), e }(Cr), xa = new Re(0, 0, 0, 0), _a = new Re(0, 0, 0, 0); var ba = Math.min, wa = Math.max, Sa = Math.sin, Ma = Math.cos, Ia = 2 * Math.PI, Ta = wt(), Ca = wt(), Da = wt(); function Aa(t, e, n) { if (0 !== t.length) { for (var i = t[0], r = i[0], o = i[0], a = i[1], s = i[1], l = 1; l < t.length; l++)i = t[l], r = ba(r, i[0]), o = wa(o, i[0]), a = ba(a, i[1]), s = wa(s, i[1]); e[0] = r, e[1] = a, n[0] = o, n[1] = s } } function ka(t, e, n, i, r, o) { r[0] = ba(t, n), r[1] = ba(e, i), o[0] = wa(t, n), o[1] = wa(e, i) } var La = [], Pa = []; function Oa(t, e, n, i, r, o, a, s, l, u) { var h = mn, c = gn, p = h(t, n, r, a, La); l[0] = 1 / 0, l[1] = 1 / 0, u[0] = -1 / 0, u[1] = -1 / 0; for (var d = 0; d < p; d++) { var f = c(t, n, r, a, La[d]); l[0] = ba(f, l[0]), u[0] = wa(f, u[0]) } p = h(e, i, o, s, Pa); for (d = 0; d < p; d++) { var g = c(e, i, o, s, Pa[d]); l[1] = ba(g, l[1]), u[1] = wa(g, u[1]) } l[0] = ba(t, l[0]), u[0] = wa(t, u[0]), l[0] = ba(a, l[0]), u[0] = wa(a, u[0]), l[1] = ba(e, l[1]), u[1] = wa(e, u[1]), l[1] = ba(s, l[1]), u[1] = wa(s, u[1]) } function Ra(t, e, n, i, r, o, a, s) { var l = Mn, u = wn, h = wa(ba(l(t, n, r), 1), 0), c = wa(ba(l(e, i, o), 1), 0), p = u(t, n, r, h), d = u(e, i, o, c); a[0] = ba(t, r, p), a[1] = ba(e, o, d), s[0] = wa(t, r, p), s[1] = wa(e, o, d) } function Na(t, e, n, i, r, o, a, s, l) { var u = Gt, h = Wt, c = Math.abs(r - o); if (c % Ia < 1e-4 && c > 1e-4) return s[0] = t - n, s[1] = e - i, l[0] = t + n, void (l[1] = e + i); if (Ta[0] = Ma(r) * n + t, Ta[1] = Sa(r) * i + e, Ca[0] = Ma(o) * n + t, Ca[1] = Sa(o) * i + e, u(s, Ta, Ca), h(l, Ta, Ca), (r %= Ia) < 0 && (r += Ia), (o %= Ia) < 0 && (o += Ia), r > o && !a ? o += Ia : r < o && a && (r += Ia), a) { var p = o; o = r, r = p } for (var d = 0; d < o; d += Math.PI / 2)d > r && (Da[0] = Ma(d) * n + t, Da[1] = Sa(d) * i + e, u(s, Da, s), h(l, Da, l)) } var Ea = { M: 1, L: 2, C: 3, Q: 4, A: 5, Z: 6, R: 7 }, za = [], Va = [], Ba = [], Fa = [], Ga = [], Wa = [], Ha = Math.min, Ya = Math.max, Ua = Math.cos, Xa = Math.sin, Za = Math.abs, ja = Math.PI, qa = 2 * ja, Ka = "undefined" != typeof Float32Array, $a = []; function Ja(t) { return Math.round(t / ja * 1e8) / 1e8 % 2 * ja } function Qa(t, e) { var n = Ja(t[0]); n < 0 && (n += qa); var i = n - t[0], r = t[1]; r += i, !e && r - n >= qa ? r = n + qa : e && n - r >= qa ? r = n - qa : !e && n > r ? r = n + (qa - Ja(n - r)) : e && n < r && (r = n - (qa - Ja(r - n))), t[0] = n, t[1] = r } var ts = function () { function t(t) { this.dpr = 1, this._xi = 0, this._yi = 0, this._x0 = 0, this._y0 = 0, this._len = 0, t && (this._saveData = !1), this._saveData && (this.data = []) } return t.prototype.increaseVersion = function () { this._version++ }, t.prototype.getVersion = function () { return this._version }, t.prototype.setScale = function (t, e, n) { (n = n || 0) > 0 && (this._ux = Za(n / tr / t) || 0, this._uy = Za(n / tr / e) || 0) }, t.prototype.setDPR = function (t) { this.dpr = t }, t.prototype.setContext = function (t) { this._ctx = t }, t.prototype.getContext = function () { return this._ctx }, t.prototype.beginPath = function () { return this._ctx && this._ctx.beginPath(), this.reset(), this }, t.prototype.reset = function () { this._saveData && (this._len = 0), this._pathSegLen && (this._pathSegLen = null, this._pathLen = 0), this._version++ }, t.prototype.moveTo = function (t, e) { return this._drawPendingPt(), this.addData(Ea.M, t, e), this._ctx && this._ctx.moveTo(t, e), this._x0 = t, this._y0 = e, this._xi = t, this._yi = e, this }, t.prototype.lineTo = function (t, e) { var n = Za(t - this._xi), i = Za(e - this._yi), r = n > this._ux || i > this._uy; if (this.addData(Ea.L, t, e), this._ctx && r && this._ctx.lineTo(t, e), r) this._xi = t, this._yi = e, this._pendingPtDist = 0; else { var o = n * n + i * i; o > this._pendingPtDist && (this._pendingPtX = t, this._pendingPtY = e, this._pendingPtDist = o) } return this }, t.prototype.bezierCurveTo = function (t, e, n, i, r, o) { return this._drawPendingPt(), this.addData(Ea.C, t, e, n, i, r, o), this._ctx && this._ctx.bezierCurveTo(t, e, n, i, r, o), this._xi = r, this._yi = o, this }, t.prototype.quadraticCurveTo = function (t, e, n, i) { return this._drawPendingPt(), this.addData(Ea.Q, t, e, n, i), this._ctx && this._ctx.quadraticCurveTo(t, e, n, i), this._xi = n, this._yi = i, this }, t.prototype.arc = function (t, e, n, i, r, o) { this._drawPendingPt(), $a[0] = i, $a[1] = r, Qa($a, o), i = $a[0]; var a = (r = $a[1]) - i; return this.addData(Ea.A, t, e, n, n, i, a, 0, o ? 0 : 1), this._ctx && this._ctx.arc(t, e, n, i, r, o), this._xi = Ua(r) * n + t, this._yi = Xa(r) * n + e, this }, t.prototype.arcTo = function (t, e, n, i, r) { return this._drawPendingPt(), this._ctx && this._ctx.arcTo(t, e, n, i, r), this }, t.prototype.rect = function (t, e, n, i) { return this._drawPendingPt(), this._ctx && this._ctx.rect(t, e, n, i), this.addData(Ea.R, t, e, n, i), this }, t.prototype.closePath = function () { this._drawPendingPt(), this.addData(Ea.Z); var t = this._ctx, e = this._x0, n = this._y0; return t && t.closePath(), this._xi = e, this._yi = n, this }, t.prototype.fill = function (t) { t && t.fill(), this.toStatic() }, t.prototype.stroke = function (t) { t && t.stroke(), this.toStatic() }, t.prototype.len = function () { return this._len }, t.prototype.setData = function (t) { var e = t.length; this.data && this.data.length === e || !Ka || (this.data = new Float32Array(e)); for (var n = 0; n < e; n++)this.data[n] = t[n]; this._len = e }, t.prototype.appendPath = function (t) { t instanceof Array || (t = [t]); for (var e = t.length, n = 0, i = this._len, r = 0; r < e; r++)n += t[r].len(); Ka && this.data instanceof Float32Array && (this.data = new Float32Array(i + n)); for (r = 0; r < e; r++)for (var o = t[r].data, a = 0; a < o.length; a++)this.data[i++] = o[a]; this._len = i }, t.prototype.addData = function (t, e, n, i, r, o, a, s, l) { if (this._saveData) { var u = this.data; this._len + arguments.length > u.length && (this._expandData(), u = this.data); for (var h = 0; h < arguments.length; h++)u[this._len++] = arguments[h] } }, t.prototype._drawPendingPt = function () { this._pendingPtDist > 0 && (this._ctx && this._ctx.lineTo(this._pendingPtX, this._pendingPtY), this._pendingPtDist = 0) }, t.prototype._expandData = function () { if (!(this.data instanceof Array)) { for (var t = [], e = 0; e < this._len; e++)t[e] = this.data[e]; this.data = t } }, t.prototype.toStatic = function () { if (this._saveData) { this._drawPendingPt(); var t = this.data; t instanceof Array && (t.length = this._len, Ka && this._len > 11 && (this.data = new Float32Array(t))) } }, t.prototype.getBoundingRect = function () { Ba[0] = Ba[1] = Ga[0] = Ga[1] = Number.MAX_VALUE, Fa[0] = Fa[1] = Wa[0] = Wa[1] = -Number.MAX_VALUE; var t, e = this.data, n = 0, i = 0, r = 0, o = 0; for (t = 0; t < this._len;) { var a = e[t++], s = 1 === t; switch (s && (r = n = e[t], o = i = e[t + 1]), a) { case Ea.M: n = r = e[t++], i = o = e[t++], Ga[0] = r, Ga[1] = o, Wa[0] = r, Wa[1] = o; break; case Ea.L: ka(n, i, e[t], e[t + 1], Ga, Wa), n = e[t++], i = e[t++]; break; case Ea.C: Oa(n, i, e[t++], e[t++], e[t++], e[t++], e[t], e[t + 1], Ga, Wa), n = e[t++], i = e[t++]; break; case Ea.Q: Ra(n, i, e[t++], e[t++], e[t], e[t + 1], Ga, Wa), n = e[t++], i = e[t++]; break; case Ea.A: var l = e[t++], u = e[t++], h = e[t++], c = e[t++], p = e[t++], d = e[t++] + p; t += 1; var f = !e[t++]; s && (r = Ua(p) * h + l, o = Xa(p) * c + u), Na(l, u, h, c, p, d, f, Ga, Wa), n = Ua(d) * h + l, i = Xa(d) * c + u; break; case Ea.R: ka(r = n = e[t++], o = i = e[t++], r + e[t++], o + e[t++], Ga, Wa); break; case Ea.Z: n = r, i = o }Gt(Ba, Ba, Ga), Wt(Fa, Fa, Wa) } return 0 === t && (Ba[0] = Ba[1] = Fa[0] = Fa[1] = 0), new Re(Ba[0], Ba[1], Fa[0] - Ba[0], Fa[1] - Ba[1]) }, t.prototype._calculateLength = function () { var t = this.data, e = this._len, n = this._ux, i = this._uy, r = 0, o = 0, a = 0, s = 0; this._pathSegLen || (this._pathSegLen = []); for (var l = this._pathSegLen, u = 0, h = 0, c = 0; c < e;) { var p = t[c++], d = 1 === c; d && (a = r = t[c], s = o = t[c + 1]); var f = -1; switch (p) { case Ea.M: r = a = t[c++], o = s = t[c++]; break; case Ea.L: var g = t[c++], y = (x = t[c++]) - o; (Za(A = g - r) > n || Za(y) > i || c === e - 1) && (f = Math.sqrt(A * A + y * y), r = g, o = x); break; case Ea.C: var v = t[c++], m = t[c++], x = (g = t[c++], t[c++]), _ = t[c++], b = t[c++]; f = bn(r, o, v, m, g, x, _, b, 10), r = _, o = b; break; case Ea.Q: f = Cn(r, o, v = t[c++], m = t[c++], g = t[c++], x = t[c++], 10), r = g, o = x; break; case Ea.A: var w = t[c++], S = t[c++], M = t[c++], I = t[c++], T = t[c++], C = t[c++], D = C + T; c += 1; t[c++]; d && (a = Ua(T) * M + w, s = Xa(T) * I + S), f = Ya(M, I) * Ha(qa, Math.abs(C)), r = Ua(D) * M + w, o = Xa(D) * I + S; break; case Ea.R: a = r = t[c++], s = o = t[c++], f = 2 * t[c++] + 2 * t[c++]; break; case Ea.Z: var A = a - r; y = s - o; f = Math.sqrt(A * A + y * y), r = a, o = s }f >= 0 && (l[h++] = f, u += f) } return this._pathLen = u, u }, t.prototype.rebuildPath = function (t, e) { var n, i, r, o, a, s, l, u, h, c, p = this.data, d = this._ux, f = this._uy, g = this._len, y = e < 1, v = 0, m = 0, x = 0; if (!y || (this._pathSegLen || this._calculateLength(), l = this._pathSegLen, u = e * this._pathLen)) t: for (var _ = 0; _ < g;) { var b = p[_++], w = 1 === _; switch (w && (n = r = p[_], i = o = p[_ + 1]), b !== Ea.L && x > 0 && (t.lineTo(h, c), x = 0), b) { case Ea.M: n = r = p[_++], i = o = p[_++], t.moveTo(r, o); break; case Ea.L: a = p[_++], s = p[_++]; var S = Za(a - r), M = Za(s - o); if (S > d || M > f) { if (y) { if (v + (j = l[m++]) > u) { var I = (u - v) / j; t.lineTo(r * (1 - I) + a * I, o * (1 - I) + s * I); break t } v += j } t.lineTo(a, s), r = a, o = s, x = 0 } else { var T = S * S + M * M; T > x && (h = a, c = s, x = T) } break; case Ea.C: var C = p[_++], D = p[_++], A = p[_++], k = p[_++], L = p[_++], P = p[_++]; if (y) { if (v + (j = l[m++]) > u) { xn(r, C, A, L, I = (u - v) / j, za), xn(o, D, k, P, I, Va), t.bezierCurveTo(za[1], Va[1], za[2], Va[2], za[3], Va[3]); break t } v += j } t.bezierCurveTo(C, D, A, k, L, P), r = L, o = P; break; case Ea.Q: C = p[_++], D = p[_++], A = p[_++], k = p[_++]; if (y) { if (v + (j = l[m++]) > u) { In(r, C, A, I = (u - v) / j, za), In(o, D, k, I, Va), t.quadraticCurveTo(za[1], Va[1], za[2], Va[2]); break t } v += j } t.quadraticCurveTo(C, D, A, k), r = A, o = k; break; case Ea.A: var O = p[_++], R = p[_++], N = p[_++], E = p[_++], z = p[_++], V = p[_++], B = p[_++], F = !p[_++], G = N > E ? N : E, W = Za(N - E) > .001, H = z + V, Y = !1; if (y) v + (j = l[m++]) > u && (H = z + V * (u - v) / j, Y = !0), v += j; if (W && t.ellipse ? t.ellipse(O, R, N, E, B, z, H, F) : t.arc(O, R, G, z, H, F), Y) break t; w && (n = Ua(z) * N + O, i = Xa(z) * E + R), r = Ua(H) * N + O, o = Xa(H) * E + R; break; case Ea.R: n = r = p[_], i = o = p[_ + 1], a = p[_++], s = p[_++]; var U = p[_++], X = p[_++]; if (y) { if (v + (j = l[m++]) > u) { var Z = u - v; t.moveTo(a, s), t.lineTo(a + Ha(Z, U), s), (Z -= U) > 0 && t.lineTo(a + U, s + Ha(Z, X)), (Z -= X) > 0 && t.lineTo(a + Ya(U - Z, 0), s + X), (Z -= U) > 0 && t.lineTo(a, s + Ya(X - Z, 0)); break t } v += j } t.rect(a, s, U, X); break; case Ea.Z: if (y) { var j; if (v + (j = l[m++]) > u) { I = (u - v) / j; t.lineTo(r * (1 - I) + n * I, o * (1 - I) + i * I); break t } v += j } t.closePath(), r = n, o = i } } }, t.prototype.clone = function () { var e = new t, n = this.data; return e.data = n.slice ? n.slice() : Array.prototype.slice.call(n), e._len = this._len, e }, t.CMD = Ea, t.initDefaultProps = function () { var e = t.prototype; e._saveData = !0, e._ux = 0, e._uy = 0, e._pendingPtDist = 0, e._version = 0 }(), t }(); function es(t, e, n, i, r, o, a) { if (0 === r) return !1; var s = r, l = 0; if (a > e + s && a > i + s || a < e - s && a < i - s || o > t + s && o > n + s || o < t - s && o < n - s) return !1; if (t === n) return Math.abs(o - t) <= s / 2; var u = (l = (e - i) / (t - n)) * o - a + (t * i - n * e) / (t - n); return u * u / (l * l + 1) <= s / 2 * s / 2 } function ns(t, e, n, i, r, o, a, s, l, u, h) { if (0 === l) return !1; var c = l; return !(h > e + c && h > i + c && h > o + c && h > s + c || h < e - c && h < i - c && h < o - c && h < s - c || u > t + c && u > n + c && u > r + c && u > a + c || u < t - c && u < n - c && u < r - c && u < a - c) && _n(t, e, n, i, r, o, a, s, u, h, null) <= c / 2 } function is(t, e, n, i, r, o, a, s, l) { if (0 === a) return !1; var u = a; return !(l > e + u && l > i + u && l > o + u || l < e - u && l < i - u && l < o - u || s > t + u && s > n + u && s > r + u || s < t - u && s < n - u && s < r - u) && Tn(t, e, n, i, r, o, s, l, null) <= u / 2 } var rs = 2 * Math.PI; function os(t) { return (t %= rs) < 0 && (t += rs), t } var as = 2 * Math.PI; function ss(t, e, n, i, r, o, a, s, l) { if (0 === a) return !1; var u = a; s -= t, l -= e; var h = Math.sqrt(s * s + l * l); if (h - u > n || h + u < n) return !1; if (Math.abs(i - r) % as < 1e-4) return !0; if (o) { var c = i; i = os(r), r = os(c) } else i = os(i), r = os(r); i > r && (r += as); var p = Math.atan2(l, s); return p < 0 && (p += as), p >= i && p <= r || p + as >= i && p + as <= r } function ls(t, e, n, i, r, o) { if (o > e && o > i || o < e && o < i) return 0; if (i === e) return 0; var a = (o - e) / (i - e), s = i < e ? 1 : -1; 1 !== a && 0 !== a || (s = i < e ? .5 : -.5); var l = a * (n - t) + t; return l === r ? 1 / 0 : l > r ? s : 0 } var us = ts.CMD, hs = 2 * Math.PI; var cs = [-1, -1, -1], ps = [-1, -1]; function ds(t, e, n, i, r, o, a, s, l, u) { if (u > e && u > i && u > o && u > s || u < e && u < i && u < o && u < s) return 0; var h, c = vn(e, i, o, s, u, cs); if (0 === c) return 0; for (var p = 0, d = -1, f = void 0, g = void 0, y = 0; y < c; y++) { var v = cs[y], m = 0 === v || 1 === v ? .5 : 1; gn(t, n, r, a, v) < l || (d < 0 && (d = mn(e, i, o, s, ps), ps[1] < ps[0] && d > 1 && (h = void 0, h = ps[0], ps[0] = ps[1], ps[1] = h), f = gn(e, i, o, s, ps[0]), d > 1 && (g = gn(e, i, o, s, ps[1]))), 2 === d ? v < ps[0] ? p += f < e ? m : -m : v < ps[1] ? p += g < f ? m : -m : p += s < g ? m : -m : v < ps[0] ? p += f < e ? m : -m : p += s < f ? m : -m) } return p } function fs(t, e, n, i, r, o, a, s) { if (s > e && s > i && s > o || s < e && s < i && s < o) return 0; var l = function (t, e, n, i, r) { var o = t - 2 * e + n, a = 2 * (e - t), s = t - i, l = 0; if (dn(o)) fn(a) && (h = -s / a) >= 0 && h <= 1 && (r[l++] = h); else { var u = a * a - 4 * o * s; if (dn(u)) (h = -a / (2 * o)) >= 0 && h <= 1 && (r[l++] = h); else if (u > 0) { var h, c = on(u), p = (-a - c) / (2 * o); (h = (-a + c) / (2 * o)) >= 0 && h <= 1 && (r[l++] = h), p >= 0 && p <= 1 && (r[l++] = p) } } return l }(e, i, o, s, cs); if (0 === l) return 0; var u = Mn(e, i, o); if (u >= 0 && u <= 1) { for (var h = 0, c = wn(e, i, o, u), p = 0; p < l; p++) { var d = 0 === cs[p] || 1 === cs[p] ? .5 : 1; wn(t, n, r, cs[p]) < a || (cs[p] < u ? h += c < e ? d : -d : h += o < c ? d : -d) } return h } d = 0 === cs[0] || 1 === cs[0] ? .5 : 1; return wn(t, n, r, cs[0]) < a ? 0 : o < e ? d : -d } function gs(t, e, n, i, r, o, a, s) { if ((s -= e) > n || s < -n) return 0; var l = Math.sqrt(n * n - s * s); cs[0] = -l, cs[1] = l; var u = Math.abs(i - r); if (u < 1e-4) return 0; if (u >= hs - 1e-4) { i = 0, r = hs; var h = o ? 1 : -1; return a >= cs[0] + t && a <= cs[1] + t ? h : 0 } if (i > r) { var c = i; i = r, r = c } i < 0 && (i += hs, r += hs); for (var p = 0, d = 0; d < 2; d++) { var f = cs[d]; if (f + t > a) { var g = Math.atan2(s, f); h = o ? 1 : -1; g < 0 && (g = hs + g), (g >= i && g <= r || g + hs >= i && g + hs <= r) && (g > Math.PI / 2 && g < 1.5 * Math.PI && (h = -h), p += h) } } return p } function ys(t, e, n, i, r) { for (var o, a, s, l, u = t.data, h = t.len(), c = 0, p = 0, d = 0, f = 0, g = 0, y = 0; y < h;) { var v = u[y++], m = 1 === y; switch (v === us.M && y > 1 && (n || (c += ls(p, d, f, g, i, r))), m && (f = p = u[y], g = d = u[y + 1]), v) { case us.M: p = f = u[y++], d = g = u[y++]; break; case us.L: if (n) { if (es(p, d, u[y], u[y + 1], e, i, r)) return !0 } else c += ls(p, d, u[y], u[y + 1], i, r) || 0; p = u[y++], d = u[y++]; break; case us.C: if (n) { if (ns(p, d, u[y++], u[y++], u[y++], u[y++], u[y], u[y + 1], e, i, r)) return !0 } else c += ds(p, d, u[y++], u[y++], u[y++], u[y++], u[y], u[y + 1], i, r) || 0; p = u[y++], d = u[y++]; break; case us.Q: if (n) { if (is(p, d, u[y++], u[y++], u[y], u[y + 1], e, i, r)) return !0 } else c += fs(p, d, u[y++], u[y++], u[y], u[y + 1], i, r) || 0; p = u[y++], d = u[y++]; break; case us.A: var x = u[y++], _ = u[y++], b = u[y++], w = u[y++], S = u[y++], M = u[y++]; y += 1; var I = !!(1 - u[y++]); o = Math.cos(S) * b + x, a = Math.sin(S) * w + _, m ? (f = o, g = a) : c += ls(p, d, o, a, i, r); var T = (i - x) * w / b + x; if (n) { if (ss(x, _, w, S, S + M, I, e, T, r)) return !0 } else c += gs(x, _, w, S, S + M, I, T, r); p = Math.cos(S + M) * b + x, d = Math.sin(S + M) * w + _; break; case us.R: if (f = p = u[y++], g = d = u[y++], o = f + u[y++], a = g + u[y++], n) { if (es(f, g, o, g, e, i, r) || es(o, g, o, a, e, i, r) || es(o, a, f, a, e, i, r) || es(f, a, f, g, e, i, r)) return !0 } else c += ls(o, g, o, a, i, r), c += ls(f, a, f, g, i, r); break; case us.Z: if (n) { if (es(p, d, f, g, e, i, r)) return !0 } else c += ls(p, d, f, g, i, r); p = f, d = g } } return n || (s = d, l = g, Math.abs(s - l) < 1e-4) || (c += ls(p, d, f, g, i, r) || 0), 0 !== c } var vs = k({ fill: "#000", stroke: null, strokePercent: 1, fillOpacity: 1, strokeOpacity: 1, lineDashOffset: 0, lineWidth: 1, lineCap: "butt", miterLimit: 10, strokeNoScale: !1, strokeFirst: !1 }, fa), ms = { style: k({ fill: !0, stroke: !0, strokePercent: !0, fillOpacity: !0, strokeOpacity: !0, lineDashOffset: !0, lineWidth: !0, miterLimit: !0 }, ga.style) }, xs = cr.concat(["invisible", "culling", "z", "z2", "zlevel", "parent"]), _s = function (t) { function e(e) { return t.call(this, e) || this } var i; return n(e, t), e.prototype.update = function () { var n = this; t.prototype.update.call(this); var i = this.style; if (i.decal) { var r = this._decalEl = this._decalEl || new e; r.buildPath === e.prototype.buildPath && (r.buildPath = function (t) { n.buildPath(t, n.shape) }), r.silent = !0; var o = r.style; for (var a in i) o[a] !== i[a] && (o[a] = i[a]); o.fill = i.fill ? i.decal : null, o.decal = null, o.shadowColor = null, i.strokeFirst && (o.stroke = null); for (var s = 0; s < xs.length; ++s)r[xs[s]] = this[xs[s]]; r.__dirty |= 1 } else this._decalEl && (this._decalEl = null) }, e.prototype.getDecalElement = function () { return this._decalEl }, e.prototype._init = function (e) { var n = G(e); this.shape = this.getDefaultShape(); var i = this.getDefaultStyle(); i && this.useStyle(i); for (var r = 0; r < n.length; r++) { var o = n[r], a = e[o]; "style" === o ? this.style ? A(this.style, a) : this.useStyle(a) : "shape" === o ? A(this.shape, a) : t.prototype.attrKV.call(this, o, a) } this.style || this.useStyle({}) }, e.prototype.getDefaultStyle = function () { return null }, e.prototype.getDefaultShape = function () { return {} }, e.prototype.canBeInsideText = function () { return this.hasFill() }, e.prototype.getInsideTextFill = function () { var t = this.style.fill; if ("none" !== t) { if (X(t)) { var e = ni(t, 0); return e > .5 ? er : e > .2 ? "#eee" : nr } if (t) return nr } return er }, e.prototype.getInsideTextStroke = function (t) { var e = this.style.fill; if (X(e)) { var n = this.__zr; if (!(!n || !n.isDarkMode()) === ni(t, 0) < .4) return e } }, e.prototype.buildPath = function (t, e, n) { }, e.prototype.pathUpdated = function () { this.__dirty &= -5 }, e.prototype.getUpdatedPathProxy = function (t) { return !this.path && this.createPathProxy(), this.path.beginPath(), this.buildPath(this.path, this.shape, t), this.path }, e.prototype.createPathProxy = function () { this.path = new ts(!1) }, e.prototype.hasStroke = function () { var t = this.style, e = t.stroke; return !(null == e || "none" === e || !(t.lineWidth > 0)) }, e.prototype.hasFill = function () { var t = this.style.fill; return null != t && "none" !== t }, e.prototype.getBoundingRect = function () { var t = this._rect, e = this.style, n = !t; if (n) { var i = !1; this.path || (i = !0, this.createPathProxy()); var r = this.path; (i || 4 & this.__dirty) && (r.beginPath(), this.buildPath(r, this.shape, !1), this.pathUpdated()), t = r.getBoundingRect() } if (this._rect = t, this.hasStroke() && this.path && this.path.len() > 0) { var o = this._rectStroke || (this._rectStroke = t.clone()); if (this.__dirty || n) { o.copy(t); var a = e.strokeNoScale ? this.getLineScale() : 1, s = e.lineWidth; if (!this.hasFill()) { var l = this.strokeContainThreshold; s = Math.max(s, null == l ? 4 : l) } a > 1e-10 && (o.width += s / a, o.height += s / a, o.x -= s / a / 2, o.y -= s / a / 2) } return o } return t }, e.prototype.contain = function (t, e) { var n = this.transformCoordToLocal(t, e), i = this.getBoundingRect(), r = this.style; if (t = n[0], e = n[1], i.contain(t, e)) { var o = this.path; if (this.hasStroke()) { var a = r.lineWidth, s = r.strokeNoScale ? this.getLineScale() : 1; if (s > 1e-10 && (this.hasFill() || (a = Math.max(a, this.strokeContainThreshold)), function (t, e, n, i) { return ys(t, e, !0, n, i) }(o, a / s, t, e))) return !0 } if (this.hasFill()) return function (t, e, n) { return ys(t, 0, !1, e, n) }(o, t, e) } return !1 }, e.prototype.dirtyShape = function () { this.__dirty |= 4, this._rect && (this._rect = null), this._decalEl && this._decalEl.dirtyShape(), this.markRedraw() }, e.prototype.dirty = function () { this.dirtyStyle(), this.dirtyShape() }, e.prototype.animateShape = function (t) { return this.animate("shape", t) }, e.prototype.updateDuringAnimation = function (t) { "style" === t ? this.dirtyStyle() : "shape" === t ? this.dirtyShape() : this.markRedraw() }, e.prototype.attrKV = function (e, n) { "shape" === e ? this.setShape(n) : t.prototype.attrKV.call(this, e, n) }, e.prototype.setShape = function (t, e) { var n = this.shape; return n || (n = this.shape = {}), "string" == typeof t ? n[t] = e : A(n, t), this.dirtyShape(), this }, e.prototype.shapeChanged = function () { return !!(4 & this.__dirty) }, e.prototype.createStyle = function (t) { return yt(vs, t) }, e.prototype._innerSaveToNormal = function (e) { t.prototype._innerSaveToNormal.call(this, e); var n = this._normalState; e.shape && !n.shape && (n.shape = A({}, this.shape)) }, e.prototype._applyStateObj = function (e, n, i, r, o, a) { t.prototype._applyStateObj.call(this, e, n, i, r, o, a); var s, l = !(n && r); if (n && n.shape ? o ? r ? s = n.shape : (s = A({}, i.shape), A(s, n.shape)) : (s = A({}, r ? this.shape : i.shape), A(s, n.shape)) : l && (s = i.shape), s) if (o) { this.shape = A({}, this.shape); for (var u = {}, h = G(s), c = 0; c < h.length; c++) { var p = h[c]; "object" == typeof s[p] ? this.shape[p] = s[p] : u[p] = s[p] } this._transitionState(e, { shape: u }, a) } else this.shape = s, this.dirtyShape() }, e.prototype._mergeStates = function (e) { for (var n, i = t.prototype._mergeStates.call(this, e), r = 0; r < e.length; r++) { var o = e[r]; o.shape && (n = n || {}, this._mergeStyle(n, o.shape)) } return n && (i.shape = n), i }, e.prototype.getAnimationStyleProps = function () { return ms }, e.prototype.isZeroArea = function () { return !1 }, e.extend = function (t) { var i = function (e) { function i(n) { var i = e.call(this, n) || this; return t.init && t.init.call(i, n), i } return n(i, e), i.prototype.getDefaultStyle = function () { return T(t.style) }, i.prototype.getDefaultShape = function () { return T(t.shape) }, i }(e); for (var r in t) "function" == typeof t[r] && (i.prototype[r] = t[r]); return i }, e.initDefaultProps = ((i = e.prototype).type = "path", i.strokeContainThreshold = 5, i.segmentIgnoreThreshold = 0, i.subPixelOptimize = !1, i.autoBatch = !1, void (i.__dirty = 7)), e }(ma), bs = k({ strokeFirst: !0, font: a, x: 0, y: 0, textAlign: "left", textBaseline: "top", miterLimit: 2 }, vs), ws = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.hasStroke = function () { var t = this.style, e = t.stroke; return null != e && "none" !== e && t.lineWidth > 0 }, e.prototype.hasFill = function () { var t = this.style.fill; return null != t && "none" !== t }, e.prototype.createStyle = function (t) { return yt(bs, t) }, e.prototype.setBoundingRect = function (t) { this._rect = t }, e.prototype.getBoundingRect = function () { var t = this.style; if (!this._rect) { var e = t.text; null != e ? e += "" : e = ""; var n = yr(e, t.font, t.textAlign, t.textBaseline); if (n.x += t.x || 0, n.y += t.y || 0, this.hasStroke()) { var i = t.lineWidth; n.x -= i / 2, n.y -= i / 2, n.width += i, n.height += i } this._rect = n } return this._rect }, e.initDefaultProps = void (e.prototype.dirtyRectTolerance = 10), e }(ma); ws.prototype.type = "tspan"; var Ss = k({ x: 0, y: 0 }, fa), Ms = { style: k({ x: !0, y: !0, width: !0, height: !0, sx: !0, sy: !0, sWidth: !0, sHeight: !0 }, ga.style) }; var Is = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.createStyle = function (t) { return yt(Ss, t) }, e.prototype._getSize = function (t) { var e = this.style, n = e[t]; if (null != n) return n; var i, r = (i = e.image) && "string" != typeof i && i.width && i.height ? e.image : this.__image; if (!r) return 0; var o = "width" === t ? "height" : "width", a = e[o]; return null == a ? r[t] : r[t] / r[o] * a }, e.prototype.getWidth = function () { return this._getSize("width") }, e.prototype.getHeight = function () { return this._getSize("height") }, e.prototype.getAnimationStyleProps = function () { return Ms }, e.prototype.getBoundingRect = function () { var t = this.style; return this._rect || (this._rect = new Re(t.x || 0, t.y || 0, this.getWidth(), this.getHeight())), this._rect }, e }(ma); Is.prototype.type = "image"; var Ts = Math.round; function Cs(t, e, n) { if (e) { var i = e.x1, r = e.x2, o = e.y1, a = e.y2; t.x1 = i, t.x2 = r, t.y1 = o, t.y2 = a; var s = n && n.lineWidth; return s ? (Ts(2 * i) === Ts(2 * r) && (t.x1 = t.x2 = As(i, s, !0)), Ts(2 * o) === Ts(2 * a) && (t.y1 = t.y2 = As(o, s, !0)), t) : t } } function Ds(t, e, n) { if (e) { var i = e.x, r = e.y, o = e.width, a = e.height; t.x = i, t.y = r, t.width = o, t.height = a; var s = n && n.lineWidth; return s ? (t.x = As(i, s, !0), t.y = As(r, s, !0), t.width = Math.max(As(i + o, s, !1) - t.x, 0 === o ? 0 : 1), t.height = Math.max(As(r + a, s, !1) - t.y, 0 === a ? 0 : 1), t) : t } } function As(t, e, n) { if (!e) return t; var i = Ts(2 * t); return (i + Ts(e)) % 2 == 0 ? i / 2 : (i + (n ? 1 : -1)) / 2 } var ks = function () { this.x = 0, this.y = 0, this.width = 0, this.height = 0 }, Ls = {}, Ps = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new ks }, e.prototype.buildPath = function (t, e) { var n, i, r, o; if (this.subPixelOptimize) { var a = Ds(Ls, e, this.style); n = a.x, i = a.y, r = a.width, o = a.height, a.r = e.r, e = a } else n = e.x, i = e.y, r = e.width, o = e.height; e.r ? function (t, e) { var n, i, r, o, a, s = e.x, l = e.y, u = e.width, h = e.height, c = e.r; u < 0 && (s += u, u = -u), h < 0 && (l += h, h = -h), "number" == typeof c ? n = i = r = o = c : c instanceof Array ? 1 === c.length ? n = i = r = o = c[0] : 2 === c.length ? (n = r = c[0], i = o = c[1]) : 3 === c.length ? (n = c[0], i = o = c[1], r = c[2]) : (n = c[0], i = c[1], r = c[2], o = c[3]) : n = i = r = o = 0, n + i > u && (n *= u / (a = n + i), i *= u / a), r + o > u && (r *= u / (a = r + o), o *= u / a), i + r > h && (i *= h / (a = i + r), r *= h / a), n + o > h && (n *= h / (a = n + o), o *= h / a), t.moveTo(s + n, l), t.lineTo(s + u - i, l), 0 !== i && t.arc(s + u - i, l + i, i, -Math.PI / 2, 0), t.lineTo(s + u, l + h - r), 0 !== r && t.arc(s + u - r, l + h - r, r, 0, Math.PI / 2), t.lineTo(s + o, l + h), 0 !== o && t.arc(s + o, l + h - o, o, Math.PI / 2, Math.PI), t.lineTo(s, l + n), 0 !== n && t.arc(s + n, l + n, n, Math.PI, 1.5 * Math.PI) }(t, e) : t.rect(n, i, r, o) }, e.prototype.isZeroArea = function () { return !this.shape.width || !this.shape.height }, e }(_s); Ps.prototype.type = "rect"; var Os = { fill: "#000" }, Rs = { style: k({ fill: !0, stroke: !0, fillOpacity: !0, strokeOpacity: !0, lineWidth: !0, fontSize: !0, lineHeight: !0, width: !0, height: !0, textShadowColor: !0, textShadowBlur: !0, textShadowOffsetX: !0, textShadowOffsetY: !0, backgroundColor: !0, padding: !0, borderColor: !0, borderWidth: !0, borderRadius: !0 }, ga.style) }, Ns = function (t) { function e(e) { var n = t.call(this) || this; return n.type = "text", n._children = [], n._defaultStyle = Os, n.attr(e), n } return n(e, t), e.prototype.childrenRef = function () { return this._children }, e.prototype.update = function () { t.prototype.update.call(this), this.styleChanged() && this._updateSubTexts(); for (var e = 0; e < this._children.length; e++) { var n = this._children[e]; n.zlevel = this.zlevel, n.z = this.z, n.z2 = this.z2, n.culling = this.culling, n.cursor = this.cursor, n.invisible = this.invisible } }, e.prototype.updateTransform = function () { var e = this.innerTransformable; e ? (e.updateTransform(), e.transform && (this.transform = e.transform)) : t.prototype.updateTransform.call(this) }, e.prototype.getLocalTransform = function (e) { var n = this.innerTransformable; return n ? n.getLocalTransform(e) : t.prototype.getLocalTransform.call(this, e) }, e.prototype.getComputedTransform = function () { return this.__hostTarget && (this.__hostTarget.getComputedTransform(), this.__hostTarget.updateInnerText(!0)), t.prototype.getComputedTransform.call(this) }, e.prototype._updateSubTexts = function () { var t; this._childCursor = 0, Ws(t = this.style), E(t.rich, Ws), this.style.rich ? this._updateRichTexts() : this._updatePlainTexts(), this._children.length = this._childCursor, this.styleUpdated() }, e.prototype.addSelfToZr = function (e) { t.prototype.addSelfToZr.call(this, e); for (var n = 0; n < this._children.length; n++)this._children[n].__zr = e }, e.prototype.removeSelfFromZr = function (e) { t.prototype.removeSelfFromZr.call(this, e); for (var n = 0; n < this._children.length; n++)this._children[n].__zr = null }, e.prototype.getBoundingRect = function () { if (this.styleChanged() && this._updateSubTexts(), !this._rect) { for (var t = new Re(0, 0, 0, 0), e = this._children, n = [], i = null, r = 0; r < e.length; r++) { var o = e[r], a = o.getBoundingRect(), s = o.getLocalTransform(n); s ? (t.copy(a), t.applyTransform(s), (i = i || t.clone()).union(t)) : (i = i || a.clone()).union(a) } this._rect = i || t } return this._rect }, e.prototype.setDefaultTextStyle = function (t) { this._defaultStyle = t || Os }, e.prototype.setTextContent = function (t) { 0 }, e.prototype._mergeStyle = function (t, e) { if (!e) return t; var n = e.rich, i = t.rich || n && {}; return A(t, e), n && i ? (this._mergeRich(i, n), t.rich = i) : i && (t.rich = i), t }, e.prototype._mergeRich = function (t, e) { for (var n = G(e), i = 0; i < n.length; i++) { var r = n[i]; t[r] = t[r] || {}, A(t[r], e[r]) } }, e.prototype.getAnimationStyleProps = function () { return Rs }, e.prototype._getOrCreateChild = function (t) { var e = this._children[this._childCursor]; return e && e instanceof t || (e = new t), this._children[this._childCursor++] = e, e.__zr = this.__zr, e.parent = this, e }, e.prototype._updatePlainTexts = function () { var t = this.style, e = t.font || a, n = t.padding, i = function (t, e) { null != t && (t += ""); var n, i = e.overflow, r = e.padding, o = e.font, a = "truncate" === i, s = xr(o), l = rt(e.lineHeight, s), u = !!e.backgroundColor, h = "truncate" === e.lineOverflow, c = e.width, p = (n = null == c || "break" !== i && "breakAll" !== i ? t ? t.split("\n") : [] : t ? pa(t, e.font, c, "breakAll" === i, 0).lines : []).length * l, d = rt(e.height, p); if (p > d && h) { var f = Math.floor(d / l); n = n.slice(0, f) } if (t && a && null != c) for (var g = ia(c, o, e.ellipsis, { minChar: e.truncateMinChar, placeholder: e.placeholder }), y = 0; y < n.length; y++)n[y] = ra(n[y], g); var v = d, m = 0; for (y = 0; y < n.length; y++)m = Math.max(fr(n[y], o), m); null == c && (c = m); var x = m; return r && (v += r[0] + r[2], x += r[1] + r[3], c += r[1] + r[3]), u && (x = c), { lines: n, height: d, outerWidth: x, outerHeight: v, lineHeight: l, calculatedLineHeight: s, contentWidth: m, contentHeight: p, width: c } }(Xs(t), t), r = Zs(t), o = !!t.backgroundColor, s = i.outerHeight, l = i.outerWidth, u = i.contentWidth, h = i.lines, c = i.lineHeight, p = this._defaultStyle, d = t.x || 0, f = t.y || 0, g = t.align || p.align || "left", y = t.verticalAlign || p.verticalAlign || "top", v = d, m = mr(f, i.contentHeight, y); if (r || n) { var x = vr(d, l, g), _ = mr(f, s, y); r && this._renderBackground(t, t, x, _, l, s) } m += c / 2, n && (v = Us(d, g, n), "top" === y ? m += n[0] : "bottom" === y && (m -= n[2])); for (var b = 0, w = !1, S = (Ys("fill" in t ? t.fill : (w = !0, p.fill))), M = (Hs("stroke" in t ? t.stroke : o || p.autoStroke && !w ? null : (b = 2, p.stroke))), I = t.textShadowBlur > 0, T = null != t.width && ("truncate" === t.overflow || "break" === t.overflow || "breakAll" === t.overflow), C = i.calculatedLineHeight, D = 0; D < h.length; D++) { var A = this._getOrCreateChild(ws), k = A.createStyle(); A.useStyle(k), k.text = h[D], k.x = v, k.y = m, g && (k.textAlign = g), k.textBaseline = "middle", k.opacity = t.opacity, k.strokeFirst = !0, I && (k.shadowBlur = t.textShadowBlur || 0, k.shadowColor = t.textShadowColor || "transparent", k.shadowOffsetX = t.textShadowOffsetX || 0, k.shadowOffsetY = t.textShadowOffsetY || 0), k.stroke = M, k.fill = S, M && (k.lineWidth = t.lineWidth || b, k.lineDash = t.lineDash, k.lineDashOffset = t.lineDashOffset || 0), k.font = e, Fs(k, t), m += c, T && A.setBoundingRect(new Re(vr(k.x, t.width, k.textAlign), mr(k.y, C, k.textBaseline), u, C)) } }, e.prototype._updateRichTexts = function () { var t = this.style, e = function (t, e) { var n = new la; if (null != t && (t += ""), !t) return n; for (var i, r = e.width, o = e.height, a = e.overflow, s = "break" !== a && "breakAll" !== a || null == r ? null : { width: r, accumWidth: 0, breakAll: "breakAll" === a }, l = ea.lastIndex = 0; null != (i = ea.exec(t));) { var u = i.index; u > l && ua(n, t.substring(l, u), e, s), ua(n, i[2], e, s, i[1]), l = ea.lastIndex } l < t.length && ua(n, t.substring(l, t.length), e, s); var h = [], c = 0, p = 0, d = e.padding, f = "truncate" === a, g = "truncate" === e.lineOverflow; function y(t, e, n) { t.width = e, t.lineHeight = n, c += n, p = Math.max(p, e) } t: for (var v = 0; v < n.lines.length; v++) { for (var m = n.lines[v], x = 0, _ = 0, b = 0; b < m.tokens.length; b++) { var w = (P = m.tokens[b]).styleName && e.rich[P.styleName] || {}, S = P.textPadding = w.padding, M = S ? S[1] + S[3] : 0, I = P.font = w.font || e.font; P.contentHeight = xr(I); var T = rt(w.height, P.contentHeight); if (P.innerHeight = T, S && (T += S[0] + S[2]), P.height = T, P.lineHeight = ot(w.lineHeight, e.lineHeight, T), P.align = w && w.align || e.align, P.verticalAlign = w && w.verticalAlign || "middle", g && null != o && c + P.lineHeight > o) { b > 0 ? (m.tokens = m.tokens.slice(0, b), y(m, _, x), n.lines = n.lines.slice(0, v + 1)) : n.lines = n.lines.slice(0, v); break t } var C = w.width, D = null == C || "auto" === C; if ("string" == typeof C && "%" === C.charAt(C.length - 1)) P.percentWidth = C, h.push(P), P.contentWidth = fr(P.text, I); else { if (D) { var A = w.backgroundColor, k = A && A.image; k && ta(k = $o(k)) && (P.width = Math.max(P.width, k.width * T / k.height)) } var L = f && null != r ? r - _ : null; null != L && L < P.width ? !D || L < M ? (P.text = "", P.width = P.contentWidth = 0) : (P.text = na(P.text, L - M, I, e.ellipsis, { minChar: e.truncateMinChar }), P.width = P.contentWidth = fr(P.text, I)) : P.contentWidth = fr(P.text, I) } P.width += M, _ += P.width, w && (x = Math.max(x, P.lineHeight)) } y(m, _, x) } for (n.outerWidth = n.width = rt(r, p), n.outerHeight = n.height = rt(o, c), n.contentHeight = c, n.contentWidth = p, d && (n.outerWidth += d[1] + d[3], n.outerHeight += d[0] + d[2]), v = 0; v < h.length; v++) { var P, O = (P = h[v]).percentWidth; P.width = parseInt(O, 10) / 100 * n.width } return n }(Xs(t), t), n = e.width, i = e.outerWidth, r = e.outerHeight, o = t.padding, a = t.x || 0, s = t.y || 0, l = this._defaultStyle, u = t.align || l.align, h = t.verticalAlign || l.verticalAlign, c = vr(a, i, u), p = mr(s, r, h), d = c, f = p; o && (d += o[3], f += o[0]); var g = d + n; Zs(t) && this._renderBackground(t, t, c, p, i, r); for (var y = !!t.backgroundColor, v = 0; v < e.lines.length; v++) { for (var m = e.lines[v], x = m.tokens, _ = x.length, b = m.lineHeight, w = m.width, S = 0, M = d, I = g, T = _ - 1, C = void 0; S < _ && (!(C = x[S]).align || "left" === C.align);)this._placeToken(C, t, b, f, M, "left", y), w -= C.width, M += C.width, S++; for (; T >= 0 && "right" === (C = x[T]).align;)this._placeToken(C, t, b, f, I, "right", y), w -= C.width, I -= C.width, T--; for (M += (n - (M - d) - (g - I) - w) / 2; S <= T;)C = x[S], this._placeToken(C, t, b, f, M + C.width / 2, "center", y), M += C.width, S++; f += b } }, e.prototype._placeToken = function (t, e, n, i, r, o, s) { var l = e.rich[t.styleName] || {}; l.text = t.text; var u = t.verticalAlign, h = i + n / 2; "top" === u ? h = i + t.height / 2 : "bottom" === u && (h = i + n - t.height / 2), !t.isLineHolder && Zs(l) && this._renderBackground(l, e, "right" === o ? r - t.width : "center" === o ? r - t.width / 2 : r, h - t.height / 2, t.width, t.height); var c = !!l.backgroundColor, p = t.textPadding; p && (r = Us(r, o, p), h -= t.height / 2 - p[0] - t.innerHeight / 2); var d = this._getOrCreateChild(ws), f = d.createStyle(); d.useStyle(f); var g = this._defaultStyle, y = !1, v = 0, m = Ys("fill" in l ? l.fill : "fill" in e ? e.fill : (y = !0, g.fill)), x = Hs("stroke" in l ? l.stroke : "stroke" in e ? e.stroke : c || s || g.autoStroke && !y ? null : (v = 2, g.stroke)), _ = l.textShadowBlur > 0 || e.textShadowBlur > 0; f.text = t.text, f.x = r, f.y = h, _ && (f.shadowBlur = l.textShadowBlur || e.textShadowBlur || 0, f.shadowColor = l.textShadowColor || e.textShadowColor || "transparent", f.shadowOffsetX = l.textShadowOffsetX || e.textShadowOffsetX || 0, f.shadowOffsetY = l.textShadowOffsetY || e.textShadowOffsetY || 0), f.textAlign = o, f.textBaseline = "middle", f.font = t.font || a, f.opacity = ot(l.opacity, e.opacity, 1), Fs(f, l), x && (f.lineWidth = ot(l.lineWidth, e.lineWidth, v), f.lineDash = rt(l.lineDash, e.lineDash), f.lineDashOffset = e.lineDashOffset || 0, f.stroke = x), m && (f.fill = m); var b = t.contentWidth, w = t.contentHeight; d.setBoundingRect(new Re(vr(f.x, b, f.textAlign), mr(f.y, w, f.textBaseline), b, w)) }, e.prototype._renderBackground = function (t, e, n, i, r, o) { var a, s, l, u = t.backgroundColor, h = t.borderWidth, c = t.borderColor, p = u && u.image, d = u && !p, f = t.borderRadius, g = this; if (d || t.lineHeight || h && c) { (a = this._getOrCreateChild(Ps)).useStyle(a.createStyle()), a.style.fill = null; var y = a.shape; y.x = n, y.y = i, y.width = r, y.height = o, y.r = f, a.dirtyShape() } if (d) (l = a.style).fill = u || null, l.fillOpacity = rt(t.fillOpacity, 1); else if (p) { (s = this._getOrCreateChild(Is)).onload = function () { g.dirtyStyle() }; var v = s.style; v.image = u.image, v.x = n, v.y = i, v.width = r, v.height = o } h && c && ((l = a.style).lineWidth = h, l.stroke = c, l.strokeOpacity = rt(t.strokeOpacity, 1), l.lineDash = t.borderDash, l.lineDashOffset = t.borderDashOffset || 0, a.strokeContainThreshold = 0, a.hasFill() && a.hasStroke() && (l.strokeFirst = !0, l.lineWidth *= 2)); var m = (a || s).style; m.shadowBlur = t.shadowBlur || 0, m.shadowColor = t.shadowColor || "transparent", m.shadowOffsetX = t.shadowOffsetX || 0, m.shadowOffsetY = t.shadowOffsetY || 0, m.opacity = ot(t.opacity, e.opacity, 1) }, e.makeFont = function (t) { var e = ""; return Gs(t) && (e = [t.fontStyle, t.fontWeight, Bs(t.fontSize), t.fontFamily || "sans-serif"].join(" ")), e && ut(e) || t.textFont || t.font }, e }(ma), Es = { left: !0, right: 1, center: 1 }, zs = { top: 1, bottom: 1, middle: 1 }, Vs = ["fontStyle", "fontWeight", "fontSize", "fontFamily"]; function Bs(t) { return "string" != typeof t || -1 === t.indexOf("px") && -1 === t.indexOf("rem") && -1 === t.indexOf("em") ? isNaN(+t) ? "12px" : t + "px" : t } function Fs(t, e) { for (var n = 0; n < Vs.length; n++) { var i = Vs[n], r = e[i]; null != r && (t[i] = r) } } function Gs(t) { return null != t.fontSize || t.fontFamily || t.fontWeight } function Ws(t) { if (t) { t.font = Ns.makeFont(t); var e = t.align; "middle" === e && (e = "center"), t.align = null == e || Es[e] ? e : "left"; var n = t.verticalAlign; "center" === n && (n = "middle"), t.verticalAlign = null == n || zs[n] ? n : "top", t.padding && (t.padding = st(t.padding)) } } function Hs(t, e) { return null == t || e <= 0 || "transparent" === t || "none" === t ? null : t.image || t.colorStops ? "#000" : t } function Ys(t) { return null == t || "none" === t ? null : t.image || t.colorStops ? "#000" : t } function Us(t, e, n) { return "right" === e ? t - n[1] : "center" === e ? t + n[3] / 2 - n[1] / 2 : t + n[3] } function Xs(t) { var e = t.text; return null != e && (e += ""), e } function Zs(t) { return !!(t.backgroundColor || t.lineHeight || t.borderWidth && t.borderColor) } var js = Do(), qs = function (t, e, n, i) { if (i) { var r = js(i); r.dataIndex = n, r.dataType = e, r.seriesIndex = t, "group" === i.type && i.traverse((function (i) { var r = js(i); r.seriesIndex = t, r.dataIndex = n, r.dataType = e })) } }, Ks = 1, $s = {}, Js = Do(), Qs = Do(), tl = ["emphasis", "blur", "select"], el = ["normal", "emphasis", "blur", "select"], nl = 10, il = "highlight", rl = "downplay", ol = "select", al = "unselect", sl = "toggleSelect"; function ll(t) { return null != t && "none" !== t } var ul = new On(100); function hl(t) { if (X(t)) { var e = ul.get(t); return e || (e = jn(t, -.1), ul.put(t, e)), e } if (Q(t)) { var n = A({}, t); return n.colorStops = z(t.colorStops, (function (t) { return { offset: t.offset, color: jn(t.color, -.1) } })), n } return t } function cl(t, e, n) { t.onHoverStateChange && (t.hoverState || 0) !== n && t.onHoverStateChange(e), t.hoverState = n } function pl(t) { cl(t, "emphasis", 2) } function dl(t) { 2 === t.hoverState && cl(t, "normal", 0) } function fl(t) { cl(t, "blur", 1) } function gl(t) { 1 === t.hoverState && cl(t, "normal", 0) } function yl(t) { t.selected = !0 } function vl(t) { t.selected = !1 } function ml(t, e, n) { e(t, n) } function xl(t, e, n) { ml(t, e, n), t.isGroup && t.traverse((function (t) { ml(t, e, n) })) } function _l(t, e) { switch (e) { case "emphasis": t.hoverState = 2; break; case "normal": t.hoverState = 0; break; case "blur": t.hoverState = 1; break; case "select": t.selected = !0 } } function bl(t, e) { var n = this.states[t]; if (this.style) { if ("emphasis" === t) return function (t, e, n, i) { var r = n && P(n, "select") >= 0, o = !1; if (t instanceof _s) { var a = Js(t), s = r && a.selectFill || a.normalFill, l = r && a.selectStroke || a.normalStroke; if (ll(s) || ll(l)) { var u = (i = i || {}).style || {}; "inherit" === u.fill ? (o = !0, i = A({}, i), (u = A({}, u)).fill = s) : !ll(u.fill) && ll(s) ? (o = !0, i = A({}, i), (u = A({}, u)).fill = hl(s)) : !ll(u.stroke) && ll(l) && (o || (i = A({}, i), u = A({}, u)), u.stroke = hl(l)), i.style = u } } if (i && null == i.z2) { o || (i = A({}, i)); var h = t.z2EmphasisLift; i.z2 = t.z2 + (null != h ? h : nl) } return i }(this, 0, e, n); if ("blur" === t) return function (t, e, n) { var i = P(t.currentStates, e) >= 0, r = t.style.opacity, o = i ? null : function (t, e, n, i) { for (var r = t.style, o = {}, a = 0; a < e.length; a++) { var s = e[a], l = r[s]; o[s] = null == l ? i && i[s] : l } for (a = 0; a < t.animators.length; a++) { var u = t.animators[a]; u.__fromStateTransition && u.__fromStateTransition.indexOf(n) < 0 && "style" === u.targetName && u.saveTo(o, e) } return o }(t, ["opacity"], e, { opacity: 1 }), a = (n = n || {}).style || {}; return null == a.opacity && (n = A({}, n), a = A({ opacity: i ? r : .1 * o.opacity }, a), n.style = a), n }(this, t, n); if ("select" === t) return function (t, e, n) { if (n && null == n.z2) { n = A({}, n); var i = t.z2SelectLift; n.z2 = t.z2 + (null != i ? i : 9) } return n }(this, 0, n) } return n } function wl(t) { t.stateProxy = bl; var e = t.getTextContent(), n = t.getTextGuideLine(); e && (e.stateProxy = bl), n && (n.stateProxy = bl) } function Sl(t, e) { !Ll(t, e) && !t.__highByOuter && xl(t, pl) } function Ml(t, e) { !Ll(t, e) && !t.__highByOuter && xl(t, dl) } function Il(t, e) { t.__highByOuter |= 1 << (e || 0), xl(t, pl) } function Tl(t, e) { !(t.__highByOuter &= ~(1 << (e || 0))) && xl(t, dl) } function Cl(t) { xl(t, fl) } function Dl(t) { xl(t, gl) } function Al(t) { xl(t, yl) } function kl(t) { xl(t, vl) } function Ll(t, e) { return t.__highDownSilentOnTouch && e.zrByTouch } function Pl(t) { var e = t.getModel(), n = [], i = []; e.eachComponent((function (e, r) { var o = Qs(r), a = "series" === e, s = a ? t.getViewOfSeriesModel(r) : t.getViewOfComponentModel(r); !a && i.push(s), o.isBlured && (s.group.traverse((function (t) { gl(t) })), a && n.push(r)), o.isBlured = !1 })), E(i, (function (t) { t && t.toggleBlurSeries && t.toggleBlurSeries(n, !1, e) })) } function Ol(t, e, n, i) { var r = i.getModel(); function o(t, e) { for (var n = 0; n < e.length; n++) { var i = t.getItemGraphicEl(e[n]); i && Dl(i) } } if (n = n || "coordinateSystem", null != t && e && "none" !== e) { var a = r.getSeriesByIndex(t), s = a.coordinateSystem; s && s.master && (s = s.master); var l = []; r.eachSeries((function (t) { var r = a === t, u = t.coordinateSystem; if (u && u.master && (u = u.master), !("series" === n && !r || "coordinateSystem" === n && !(u && s ? u === s : r) || "series" === e && r)) { if (i.getViewOfSeriesModel(t).group.traverse((function (t) { fl(t) })), N(e)) o(t.getData(), e); else if (q(e)) for (var h = G(e), c = 0; c < h.length; c++)o(t.getData(h[c]), e[h[c]]); l.push(t), Qs(t).isBlured = !0 } })), r.eachComponent((function (t, e) { if ("series" !== t) { var n = i.getViewOfComponentModel(e); n && n.toggleBlurSeries && n.toggleBlurSeries(l, !0, r) } })) } } function Rl(t, e, n) { if (null != t && null != e) { var i = n.getModel().getComponent(t, e); if (i) { Qs(i).isBlured = !0; var r = n.getViewOfComponentModel(i); r && r.focusBlurEnabled && r.group.traverse((function (t) { fl(t) })) } } } function Nl(t, e, n, i) { var r = { focusSelf: !1, dispatchers: null }; if (null == t || "series" === t || null == e || null == n) return r; var o = i.getModel().getComponent(t, e); if (!o) return r; var a = i.getViewOfComponentModel(o); if (!a || !a.findHighDownDispatchers) return r; for (var s, l = a.findHighDownDispatchers(n), u = 0; u < l.length; u++)if ("self" === js(l[u]).focus) { s = !0; break } return { focusSelf: s, dispatchers: l } } function El(t) { E(t.getAllData(), (function (e) { var n = e.data, i = e.type; n.eachItemGraphicEl((function (e, n) { t.isSelected(n, i) ? Al(e) : kl(e) })) })) } function zl(t) { var e = []; return t.eachSeries((function (t) { E(t.getAllData(), (function (n) { n.data; var i = n.type, r = t.getSelectedDataIndices(); if (r.length > 0) { var o = { dataIndex: r, seriesIndex: t.seriesIndex }; null != i && (o.dataType = i), e.push(o) } })) })), e } function Vl(t, e, n) { Yl(t, !0), xl(t, wl), Fl(t, e, n) } function Bl(t, e, n, i) { i ? function (t) { Yl(t, !1) }(t) : Vl(t, e, n) } function Fl(t, e, n) { var i = js(t); null != e ? (i.focus = e, i.blurScope = n) : i.focus && (i.focus = null) } var Gl = ["emphasis", "blur", "select"], Wl = { itemStyle: "getItemStyle", lineStyle: "getLineStyle", areaStyle: "getAreaStyle" }; function Hl(t, e, n, i) { n = n || "itemStyle"; for (var r = 0; r < Gl.length; r++) { var o = Gl[r], a = e.getModel([o, n]); t.ensureState(o).style = i ? i(a) : a[Wl[n]]() } } function Yl(t, e) { var n = !1 === e, i = t; t.highDownSilentOnTouch && (i.__highDownSilentOnTouch = t.highDownSilentOnTouch), n && !i.__highDownDispatcher || (i.__highByOuter = i.__highByOuter || 0, i.__highDownDispatcher = !n) } function Ul(t) { return !(!t || !t.__highDownDispatcher) } function Xl(t) { var e = t.type; return e === ol || e === al || e === sl } function Zl(t) { var e = t.type; return e === il || e === rl } var jl = ts.CMD, ql = [[], [], []], Kl = Math.sqrt, $l = Math.atan2; function Jl(t, e) { if (e) { var n, i, r, o, a, s, l = t.data, u = t.len(), h = jl.M, c = jl.C, p = jl.L, d = jl.R, f = jl.A, g = jl.Q; for (r = 0, o = 0; r < u;) { switch (n = l[r++], o = r, i = 0, n) { case h: case p: i = 1; break; case c: i = 3; break; case g: i = 2; break; case f: var y = e[4], v = e[5], m = Kl(e[0] * e[0] + e[1] * e[1]), x = Kl(e[2] * e[2] + e[3] * e[3]), _ = $l(-e[1] / x, e[0] / m); l[r] *= m, l[r++] += y, l[r] *= x, l[r++] += v, l[r++] *= m, l[r++] *= x, l[r++] += _, l[r++] += _, o = r += 2; break; case d: s[0] = l[r++], s[1] = l[r++], Ft(s, s, e), l[o++] = s[0], l[o++] = s[1], s[0] += l[r++], s[1] += l[r++], Ft(s, s, e), l[o++] = s[0], l[o++] = s[1] }for (a = 0; a < i; a++) { var b = ql[a]; b[0] = l[r++], b[1] = l[r++], Ft(b, b, e), l[o++] = b[0], l[o++] = b[1] } } t.increaseVersion() } } var Ql = Math.sqrt, tu = Math.sin, eu = Math.cos, nu = Math.PI; function iu(t) { return Math.sqrt(t[0] * t[0] + t[1] * t[1]) } function ru(t, e) { return (t[0] * e[0] + t[1] * e[1]) / (iu(t) * iu(e)) } function ou(t, e) { return (t[0] * e[1] < t[1] * e[0] ? -1 : 1) * Math.acos(ru(t, e)) } function au(t, e, n, i, r, o, a, s, l, u, h) { var c = l * (nu / 180), p = eu(c) * (t - n) / 2 + tu(c) * (e - i) / 2, d = -1 * tu(c) * (t - n) / 2 + eu(c) * (e - i) / 2, f = p * p / (a * a) + d * d / (s * s); f > 1 && (a *= Ql(f), s *= Ql(f)); var g = (r === o ? -1 : 1) * Ql((a * a * (s * s) - a * a * (d * d) - s * s * (p * p)) / (a * a * (d * d) + s * s * (p * p))) || 0, y = g * a * d / s, v = g * -s * p / a, m = (t + n) / 2 + eu(c) * y - tu(c) * v, x = (e + i) / 2 + tu(c) * y + eu(c) * v, _ = ou([1, 0], [(p - y) / a, (d - v) / s]), b = [(p - y) / a, (d - v) / s], w = [(-1 * p - y) / a, (-1 * d - v) / s], S = ou(b, w); if (ru(b, w) <= -1 && (S = nu), ru(b, w) >= 1 && (S = 0), S < 0) { var M = Math.round(S / nu * 1e6) / 1e6; S = 2 * nu + M % 2 * nu } h.addData(u, m, x, a, s, _, S, c, o) } var su = /([mlvhzcqtsa])([^mlvhzcqtsa]*)/gi, lu = /-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g; var uu = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.applyTransform = function (t) { }, e }(_s); function hu(t) { return null != t.setData } function cu(t, e) { var n = function (t) { var e = new ts; if (!t) return e; var n, i = 0, r = 0, o = i, a = r, s = ts.CMD, l = t.match(su); if (!l) return e; for (var u = 0; u < l.length; u++) { for (var h = l[u], c = h.charAt(0), p = void 0, d = h.match(lu) || [], f = d.length, g = 0; g < f; g++)d[g] = parseFloat(d[g]); for (var y = 0; y < f;) { var v = void 0, m = void 0, x = void 0, _ = void 0, b = void 0, w = void 0, S = void 0, M = i, I = r, T = void 0, C = void 0; switch (c) { case "l": i += d[y++], r += d[y++], p = s.L, e.addData(p, i, r); break; case "L": i = d[y++], r = d[y++], p = s.L, e.addData(p, i, r); break; case "m": i += d[y++], r += d[y++], p = s.M, e.addData(p, i, r), o = i, a = r, c = "l"; break; case "M": i = d[y++], r = d[y++], p = s.M, e.addData(p, i, r), o = i, a = r, c = "L"; break; case "h": i += d[y++], p = s.L, e.addData(p, i, r); break; case "H": i = d[y++], p = s.L, e.addData(p, i, r); break; case "v": r += d[y++], p = s.L, e.addData(p, i, r); break; case "V": r = d[y++], p = s.L, e.addData(p, i, r); break; case "C": p = s.C, e.addData(p, d[y++], d[y++], d[y++], d[y++], d[y++], d[y++]), i = d[y - 2], r = d[y - 1]; break; case "c": p = s.C, e.addData(p, d[y++] + i, d[y++] + r, d[y++] + i, d[y++] + r, d[y++] + i, d[y++] + r), i += d[y - 2], r += d[y - 1]; break; case "S": v = i, m = r, T = e.len(), C = e.data, n === s.C && (v += i - C[T - 4], m += r - C[T - 3]), p = s.C, M = d[y++], I = d[y++], i = d[y++], r = d[y++], e.addData(p, v, m, M, I, i, r); break; case "s": v = i, m = r, T = e.len(), C = e.data, n === s.C && (v += i - C[T - 4], m += r - C[T - 3]), p = s.C, M = i + d[y++], I = r + d[y++], i += d[y++], r += d[y++], e.addData(p, v, m, M, I, i, r); break; case "Q": M = d[y++], I = d[y++], i = d[y++], r = d[y++], p = s.Q, e.addData(p, M, I, i, r); break; case "q": M = d[y++] + i, I = d[y++] + r, i += d[y++], r += d[y++], p = s.Q, e.addData(p, M, I, i, r); break; case "T": v = i, m = r, T = e.len(), C = e.data, n === s.Q && (v += i - C[T - 4], m += r - C[T - 3]), i = d[y++], r = d[y++], p = s.Q, e.addData(p, v, m, i, r); break; case "t": v = i, m = r, T = e.len(), C = e.data, n === s.Q && (v += i - C[T - 4], m += r - C[T - 3]), i += d[y++], r += d[y++], p = s.Q, e.addData(p, v, m, i, r); break; case "A": x = d[y++], _ = d[y++], b = d[y++], w = d[y++], S = d[y++], au(M = i, I = r, i = d[y++], r = d[y++], w, S, x, _, b, p = s.A, e); break; case "a": x = d[y++], _ = d[y++], b = d[y++], w = d[y++], S = d[y++], au(M = i, I = r, i += d[y++], r += d[y++], w, S, x, _, b, p = s.A, e) } } "z" !== c && "Z" !== c || (p = s.Z, e.addData(p), i = o, r = a), n = p } return e.toStatic(), e }(t), i = A({}, e); return i.buildPath = function (t) { if (hu(t)) { t.setData(n.data), (e = t.getContext()) && t.rebuildPath(e, 1) } else { var e = t; n.rebuildPath(e, 1) } }, i.applyTransform = function (t) { Jl(n, t), this.dirtyShape() }, i } function pu(t, e) { return new uu(cu(t, e)) } function du(t, e) { e = e || {}; var n = new _s; return t.shape && n.setShape(t.shape), n.setStyle(t.style), e.bakeTransform ? Jl(n.path, t.getComputedTransform()) : e.toLocal ? n.setLocalTransform(t.getComputedTransform()) : n.copyTransform(t), n.buildPath = t.buildPath, n.applyTransform = n.applyTransform, n.z = t.z, n.z2 = t.z2, n.zlevel = t.zlevel, n } var fu = function () { this.cx = 0, this.cy = 0, this.r = 0 }, gu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new fu }, e.prototype.buildPath = function (t, e) { t.moveTo(e.cx + e.r, e.cy), t.arc(e.cx, e.cy, e.r, 0, 2 * Math.PI) }, e }(_s); gu.prototype.type = "circle"; var yu = function () { this.cx = 0, this.cy = 0, this.rx = 0, this.ry = 0 }, vu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new yu }, e.prototype.buildPath = function (t, e) { var n = .5522848, i = e.cx, r = e.cy, o = e.rx, a = e.ry, s = o * n, l = a * n; t.moveTo(i - o, r), t.bezierCurveTo(i - o, r - l, i - s, r - a, i, r - a), t.bezierCurveTo(i + s, r - a, i + o, r - l, i + o, r), t.bezierCurveTo(i + o, r + l, i + s, r + a, i, r + a), t.bezierCurveTo(i - s, r + a, i - o, r + l, i - o, r), t.closePath() }, e }(_s); vu.prototype.type = "ellipse"; var mu = Math.PI, xu = 2 * mu, _u = Math.sin, bu = Math.cos, wu = Math.acos, Su = Math.atan2, Mu = Math.abs, Iu = Math.sqrt, Tu = Math.max, Cu = Math.min, Du = 1e-4; function Au(t, e, n, i, r, o, a) { var s = t - n, l = e - i, u = (a ? o : -o) / Iu(s * s + l * l), h = u * l, c = -u * s, p = t + h, d = e + c, f = n + h, g = i + c, y = (p + f) / 2, v = (d + g) / 2, m = f - p, x = g - d, _ = m * m + x * x, b = r - o, w = p * g - f * d, S = (x < 0 ? -1 : 1) * Iu(Tu(0, b * b * _ - w * w)), M = (w * x - m * S) / _, I = (-w * m - x * S) / _, T = (w * x + m * S) / _, C = (-w * m + x * S) / _, D = M - y, A = I - v, k = T - y, L = C - v; return D * D + A * A > k * k + L * L && (M = T, I = C), { cx: M, cy: I, x0: -h, y0: -c, x1: M * (r / b - 1), y1: I * (r / b - 1) } } function ku(t, e) { var n, i = Tu(e.r, 0), r = Tu(e.r0 || 0, 0), o = i > 0; if (o || r > 0) { if (o || (i = r, r = 0), r > i) { var a = i; i = r, r = a } var s = e.startAngle, l = e.endAngle; if (!isNaN(s) && !isNaN(l)) { var u = e.cx, h = e.cy, c = !!e.clockwise, p = Mu(l - s), d = p > xu && p % xu; if (d > Du && (p = d), i > Du) if (p > xu - Du) t.moveTo(u + i * bu(s), h + i * _u(s)), t.arc(u, h, i, s, l, !c), r > Du && (t.moveTo(u + r * bu(l), h + r * _u(l)), t.arc(u, h, r, l, s, c)); else { var f = void 0, g = void 0, y = void 0, v = void 0, m = void 0, x = void 0, _ = void 0, b = void 0, w = void 0, S = void 0, M = void 0, I = void 0, T = void 0, C = void 0, D = void 0, A = void 0, k = i * bu(s), L = i * _u(s), P = r * bu(l), O = r * _u(l), R = p > Du; if (R) { var N = e.cornerRadius; N && (n = function (t) { var e; if (Y(t)) { var n = t.length; if (!n) return t; e = 1 === n ? [t[0], t[0], 0, 0] : 2 === n ? [t[0], t[0], t[1], t[1]] : 3 === n ? t.concat(t[2]) : t } else e = [t, t, t, t]; return e }(N), f = n[0], g = n[1], y = n[2], v = n[3]); var E = Mu(i - r) / 2; if (m = Cu(E, y), x = Cu(E, v), _ = Cu(E, f), b = Cu(E, g), M = w = Tu(m, x), I = S = Tu(_, b), (w > Du || S > Du) && (T = i * bu(l), C = i * _u(l), D = r * bu(s), A = r * _u(s), p < mu)) { var z = function (t, e, n, i, r, o, a, s) { var l = n - t, u = i - e, h = a - r, c = s - o, p = c * l - h * u; if (!(p * p < Du)) return [t + (p = (h * (e - o) - c * (t - r)) / p) * l, e + p * u] }(k, L, D, A, T, C, P, O); if (z) { var V = k - z[0], B = L - z[1], F = T - z[0], G = C - z[1], W = 1 / _u(wu((V * F + B * G) / (Iu(V * V + B * B) * Iu(F * F + G * G))) / 2), H = Iu(z[0] * z[0] + z[1] * z[1]); M = Cu(w, (i - H) / (W + 1)), I = Cu(S, (r - H) / (W - 1)) } } } if (R) if (M > Du) { var U = Cu(y, M), X = Cu(v, M), Z = Au(D, A, k, L, i, U, c), j = Au(T, C, P, O, i, X, c); t.moveTo(u + Z.cx + Z.x0, h + Z.cy + Z.y0), M < w && U === X ? t.arc(u + Z.cx, h + Z.cy, M, Su(Z.y0, Z.x0), Su(j.y0, j.x0), !c) : (U > 0 && t.arc(u + Z.cx, h + Z.cy, U, Su(Z.y0, Z.x0), Su(Z.y1, Z.x1), !c), t.arc(u, h, i, Su(Z.cy + Z.y1, Z.cx + Z.x1), Su(j.cy + j.y1, j.cx + j.x1), !c), X > 0 && t.arc(u + j.cx, h + j.cy, X, Su(j.y1, j.x1), Su(j.y0, j.x0), !c)) } else t.moveTo(u + k, h + L), t.arc(u, h, i, s, l, !c); else t.moveTo(u + k, h + L); if (r > Du && R) if (I > Du) { U = Cu(f, I), Z = Au(P, O, T, C, r, -(X = Cu(g, I)), c), j = Au(k, L, D, A, r, -U, c); t.lineTo(u + Z.cx + Z.x0, h + Z.cy + Z.y0), I < S && U === X ? t.arc(u + Z.cx, h + Z.cy, I, Su(Z.y0, Z.x0), Su(j.y0, j.x0), !c) : (X > 0 && t.arc(u + Z.cx, h + Z.cy, X, Su(Z.y0, Z.x0), Su(Z.y1, Z.x1), !c), t.arc(u, h, r, Su(Z.cy + Z.y1, Z.cx + Z.x1), Su(j.cy + j.y1, j.cx + j.x1), c), U > 0 && t.arc(u + j.cx, h + j.cy, U, Su(j.y1, j.x1), Su(j.y0, j.x0), !c)) } else t.lineTo(u + P, h + O), t.arc(u, h, r, l, s, c); else t.lineTo(u + P, h + O) } else t.moveTo(u, h); t.closePath() } } } var Lu = function () { this.cx = 0, this.cy = 0, this.r0 = 0, this.r = 0, this.startAngle = 0, this.endAngle = 2 * Math.PI, this.clockwise = !0, this.cornerRadius = 0 }, Pu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new Lu }, e.prototype.buildPath = function (t, e) { ku(t, e) }, e.prototype.isZeroArea = function () { return this.shape.startAngle === this.shape.endAngle || this.shape.r === this.shape.r0 }, e }(_s); Pu.prototype.type = "sector"; var Ou = function () { this.cx = 0, this.cy = 0, this.r = 0, this.r0 = 0 }, Ru = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new Ou }, e.prototype.buildPath = function (t, e) { var n = e.cx, i = e.cy, r = 2 * Math.PI; t.moveTo(n + e.r, i), t.arc(n, i, e.r, 0, r, !1), t.moveTo(n + e.r0, i), t.arc(n, i, e.r0, 0, r, !0) }, e }(_s); function Nu(t, e, n) { var i = e.smooth, r = e.points; if (r && r.length >= 2) { if (i) { var o = function (t, e, n, i) { var r, o, a, s, l = [], u = [], h = [], c = []; if (i) { a = [1 / 0, 1 / 0], s = [-1 / 0, -1 / 0]; for (var p = 0, d = t.length; p < d; p++)Gt(a, a, t[p]), Wt(s, s, t[p]); Gt(a, a, i[0]), Wt(s, s, i[1]) } for (p = 0, d = t.length; p < d; p++) { var f = t[p]; if (n) r = t[p ? p - 1 : d - 1], o = t[(p + 1) % d]; else { if (0 === p || p === d - 1) { l.push(Mt(t[p])); continue } r = t[p - 1], o = t[p + 1] } Dt(u, o, r), Ot(u, u, e); var g = Nt(f, r), y = Nt(f, o), v = g + y; 0 !== v && (g /= v, y /= v), Ot(h, u, -g), Ot(c, u, y); var m = Tt([], f, h), x = Tt([], f, c); i && (Wt(m, m, a), Gt(m, m, s), Wt(x, x, a), Gt(x, x, s)), l.push(m), l.push(x) } return n && l.push(l.shift()), l }(r, i, n, e.smoothConstraint); t.moveTo(r[0][0], r[0][1]); for (var a = r.length, s = 0; s < (n ? a : a - 1); s++) { var l = o[2 * s], u = o[2 * s + 1], h = r[(s + 1) % a]; t.bezierCurveTo(l[0], l[1], u[0], u[1], h[0], h[1]) } } else { t.moveTo(r[0][0], r[0][1]); s = 1; for (var c = r.length; s < c; s++)t.lineTo(r[s][0], r[s][1]) } n && t.closePath() } } Ru.prototype.type = "ring"; var Eu = function () { this.points = null, this.smooth = 0, this.smoothConstraint = null }, zu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new Eu }, e.prototype.buildPath = function (t, e) { Nu(t, e, !0) }, e }(_s); zu.prototype.type = "polygon"; var Vu = function () { this.points = null, this.percent = 1, this.smooth = 0, this.smoothConstraint = null }, Bu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new Vu }, e.prototype.buildPath = function (t, e) { Nu(t, e, !1) }, e }(_s); Bu.prototype.type = "polyline"; var Fu = {}, Gu = function () { this.x1 = 0, this.y1 = 0, this.x2 = 0, this.y2 = 0, this.percent = 1 }, Wu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new Gu }, e.prototype.buildPath = function (t, e) { var n, i, r, o; if (this.subPixelOptimize) { var a = Cs(Fu, e, this.style); n = a.x1, i = a.y1, r = a.x2, o = a.y2 } else n = e.x1, i = e.y1, r = e.x2, o = e.y2; var s = e.percent; 0 !== s && (t.moveTo(n, i), s < 1 && (r = n * (1 - s) + r * s, o = i * (1 - s) + o * s), t.lineTo(r, o)) }, e.prototype.pointAt = function (t) { var e = this.shape; return [e.x1 * (1 - t) + e.x2 * t, e.y1 * (1 - t) + e.y2 * t] }, e }(_s); Wu.prototype.type = "line"; var Hu = [], Yu = function () { this.x1 = 0, this.y1 = 0, this.x2 = 0, this.y2 = 0, this.cpx1 = 0, this.cpy1 = 0, this.percent = 1 }; function Uu(t, e, n) { var i = t.cpx2, r = t.cpy2; return null != i || null != r ? [(n ? yn : gn)(t.x1, t.cpx1, t.cpx2, t.x2, e), (n ? yn : gn)(t.y1, t.cpy1, t.cpy2, t.y2, e)] : [(n ? Sn : wn)(t.x1, t.cpx1, t.x2, e), (n ? Sn : wn)(t.y1, t.cpy1, t.y2, e)] } var Xu = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new Yu }, e.prototype.buildPath = function (t, e) { var n = e.x1, i = e.y1, r = e.x2, o = e.y2, a = e.cpx1, s = e.cpy1, l = e.cpx2, u = e.cpy2, h = e.percent; 0 !== h && (t.moveTo(n, i), null == l || null == u ? (h < 1 && (In(n, a, r, h, Hu), a = Hu[1], r = Hu[2], In(i, s, o, h, Hu), s = Hu[1], o = Hu[2]), t.quadraticCurveTo(a, s, r, o)) : (h < 1 && (xn(n, a, l, r, h, Hu), a = Hu[1], l = Hu[2], r = Hu[3], xn(i, s, u, o, h, Hu), s = Hu[1], u = Hu[2], o = Hu[3]), t.bezierCurveTo(a, s, l, u, r, o))) }, e.prototype.pointAt = function (t) { return Uu(this.shape, t, !1) }, e.prototype.tangentAt = function (t) { var e = Uu(this.shape, t, !0); return Rt(e, e) }, e }(_s); Xu.prototype.type = "bezier-curve"; var Zu = function () { this.cx = 0, this.cy = 0, this.r = 0, this.startAngle = 0, this.endAngle = 2 * Math.PI, this.clockwise = !0 }, ju = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new Zu }, e.prototype.buildPath = function (t, e) { var n = e.cx, i = e.cy, r = Math.max(e.r, 0), o = e.startAngle, a = e.endAngle, s = e.clockwise, l = Math.cos(o), u = Math.sin(o); t.moveTo(l * r + n, u * r + i), t.arc(n, i, r, o, a, !s) }, e }(_s); ju.prototype.type = "arc"; var qu = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "compound", e } return n(e, t), e.prototype._updatePathDirty = function () { for (var t = this.shape.paths, e = this.shapeChanged(), n = 0; n < t.length; n++)e = e || t[n].shapeChanged(); e && this.dirtyShape() }, e.prototype.beforeBrush = function () { this._updatePathDirty(); for (var t = this.shape.paths || [], e = this.getGlobalScale(), n = 0; n < t.length; n++)t[n].path || t[n].createPathProxy(), t[n].path.setScale(e[0], e[1], t[n].segmentIgnoreThreshold) }, e.prototype.buildPath = function (t, e) { for (var n = e.paths || [], i = 0; i < n.length; i++)n[i].buildPath(t, n[i].shape, !0) }, e.prototype.afterBrush = function () { for (var t = this.shape.paths || [], e = 0; e < t.length; e++)t[e].pathUpdated() }, e.prototype.getBoundingRect = function () { return this._updatePathDirty.call(this), _s.prototype.getBoundingRect.call(this) }, e }(_s), Ku = function () { function t(t) { this.colorStops = t || [] } return t.prototype.addColorStop = function (t, e) { this.colorStops.push({ offset: t, color: e }) }, t }(), $u = function (t) { function e(e, n, i, r, o, a) { var s = t.call(this, o) || this; return s.x = null == e ? 0 : e, s.y = null == n ? 0 : n, s.x2 = null == i ? 1 : i, s.y2 = null == r ? 0 : r, s.type = "linear", s.global = a || !1, s } return n(e, t), e }(Ku), Ju = function (t) { function e(e, n, i, r, o) { var a = t.call(this, r) || this; return a.x = null == e ? .5 : e, a.y = null == n ? .5 : n, a.r = null == i ? .5 : i, a.type = "radial", a.global = o || !1, a } return n(e, t), e }(Ku), Qu = [0, 0], th = [0, 0], eh = new Ie, nh = new Ie, ih = function () { function t(t, e) { this._corners = [], this._axes = [], this._origin = [0, 0]; for (var n = 0; n < 4; n++)this._corners[n] = new Ie; for (n = 0; n < 2; n++)this._axes[n] = new Ie; t && this.fromBoundingRect(t, e) } return t.prototype.fromBoundingRect = function (t, e) { var n = this._corners, i = this._axes, r = t.x, o = t.y, a = r + t.width, s = o + t.height; if (n[0].set(r, o), n[1].set(a, o), n[2].set(a, s), n[3].set(r, s), e) for (var l = 0; l < 4; l++)n[l].transform(e); Ie.sub(i[0], n[1], n[0]), Ie.sub(i[1], n[3], n[0]), i[0].normalize(), i[1].normalize(); for (l = 0; l < 2; l++)this._origin[l] = i[l].dot(n[0]) }, t.prototype.intersect = function (t, e) { var n = !0, i = !e; return eh.set(1 / 0, 1 / 0), nh.set(0, 0), !this._intersectCheckOneSide(this, t, eh, nh, i, 1) && (n = !1, i) || !this._intersectCheckOneSide(t, this, eh, nh, i, -1) && (n = !1, i) || i || Ie.copy(e, n ? eh : nh), n }, t.prototype._intersectCheckOneSide = function (t, e, n, i, r, o) { for (var a = !0, s = 0; s < 2; s++) { var l = this._axes[s]; if (this._getProjMinMaxOnAxis(s, t._corners, Qu), this._getProjMinMaxOnAxis(s, e._corners, th), Qu[1] < th[0] || Qu[0] > th[1]) { if (a = !1, r) return a; var u = Math.abs(th[0] - Qu[1]), h = Math.abs(Qu[0] - th[1]); Math.min(u, h) > i.len() && (u < h ? Ie.scale(i, l, -u * o) : Ie.scale(i, l, h * o)) } else if (n) { u = Math.abs(th[0] - Qu[1]), h = Math.abs(Qu[0] - th[1]); Math.min(u, h) < n.len() && (u < h ? Ie.scale(n, l, u * o) : Ie.scale(n, l, -h * o)) } } return a }, t.prototype._getProjMinMaxOnAxis = function (t, e, n) { for (var i = this._axes[t], r = this._origin, o = e[0].dot(i) + r[t], a = o, s = o, l = 1; l < e.length; l++) { var u = e[l].dot(i) + r[t]; a = Math.min(u, a), s = Math.max(u, s) } n[0] = a, n[1] = s }, t }(), rh = [], oh = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.notClear = !0, e.incremental = !0, e._displayables = [], e._temporaryDisplayables = [], e._cursor = 0, e } return n(e, t), e.prototype.traverse = function (t, e) { t.call(e, this) }, e.prototype.useStyle = function () { this.style = {} }, e.prototype.getCursor = function () { return this._cursor }, e.prototype.innerAfterBrush = function () { this._cursor = this._displayables.length }, e.prototype.clearDisplaybles = function () { this._displayables = [], this._temporaryDisplayables = [], this._cursor = 0, this.markRedraw(), this.notClear = !1 }, e.prototype.clearTemporalDisplayables = function () { this._temporaryDisplayables = [] }, e.prototype.addDisplayable = function (t, e) { e ? this._temporaryDisplayables.push(t) : this._displayables.push(t), this.markRedraw() }, e.prototype.addDisplayables = function (t, e) { e = e || !1; for (var n = 0; n < t.length; n++)this.addDisplayable(t[n], e) }, e.prototype.getDisplayables = function () { return this._displayables }, e.prototype.getTemporalDisplayables = function () { return this._temporaryDisplayables }, e.prototype.eachPendingDisplayable = function (t) { for (var e = this._cursor; e < this._displayables.length; e++)t && t(this._displayables[e]); for (e = 0; e < this._temporaryDisplayables.length; e++)t && t(this._temporaryDisplayables[e]) }, e.prototype.update = function () { this.updateTransform(); for (var t = this._cursor; t < this._displayables.length; t++) { (e = this._displayables[t]).parent = this, e.update(), e.parent = null } for (t = 0; t < this._temporaryDisplayables.length; t++) { var e; (e = this._temporaryDisplayables[t]).parent = this, e.update(), e.parent = null } }, e.prototype.getBoundingRect = function () { if (!this._rect) { for (var t = new Re(1 / 0, 1 / 0, -1 / 0, -1 / 0), e = 0; e < this._displayables.length; e++) { var n = this._displayables[e], i = n.getBoundingRect().clone(); n.needLocalTransform() && i.applyTransform(n.getLocalTransform(rh)), t.union(i) } this._rect = t } return this._rect }, e.prototype.contain = function (t, e) { var n = this.transformCoordToLocal(t, e); if (this.getBoundingRect().contain(n[0], n[1])) for (var i = 0; i < this._displayables.length; i++) { if (this._displayables[i].contain(t, e)) return !0 } return !1 }, e }(ma), ah = Do(); function sh(t, e, n, i, r) { var o; if (e && e.ecModel) { var a = e.ecModel.getUpdatePayload(); o = a && a.animation } var s = "update" === t; if (e && e.isAnimationEnabled()) { var l = void 0, u = void 0, h = void 0; return i ? (l = rt(i.duration, 200), u = rt(i.easing, "cubicOut"), h = 0) : (l = e.getShallow(s ? "animationDurationUpdate" : "animationDuration"), u = e.getShallow(s ? "animationEasingUpdate" : "animationEasing"), h = e.getShallow(s ? "animationDelayUpdate" : "animationDelay")), o && (null != o.duration && (l = o.duration), null != o.easing && (u = o.easing), null != o.delay && (h = o.delay)), U(h) && (h = h(n, r)), U(l) && (l = l(n)), { duration: l || 0, delay: h, easing: u } } return null } function lh(t, e, n, i, r, o, a) { var s, l = !1; U(r) ? (a = o, o = r, r = null) : q(r) && (o = r.cb, a = r.during, l = r.isFrom, s = r.removeOpt, r = r.dataIndex); var u = "leave" === t; u || e.stopAnimation("leave"); var h = sh(t, i, r, u ? s || {} : null, i && i.getAnimationDelayParams ? i.getAnimationDelayParams(e, r) : null); if (h && h.duration > 0) { var c = { duration: h.duration, delay: h.delay || 0, easing: h.easing, done: o, force: !!o || !!a, setToFinal: !u, scope: t, during: a }; l ? e.animateFrom(n, c) : e.animateTo(n, c) } else e.stopAnimation(), !l && e.attr(n), a && a(1), o && o() } function uh(t, e, n, i, r, o) { lh("update", t, e, n, i, r, o) } function hh(t, e, n, i, r, o) { lh("enter", t, e, n, i, r, o) } function ch(t) { if (!t.__zr) return !0; for (var e = 0; e < t.animators.length; e++) { if ("leave" === t.animators[e].scope) return !0 } return !1 } function ph(t, e, n, i, r, o) { ch(t) || lh("leave", t, e, n, i, r, o) } function dh(t, e, n, i) { t.removeTextContent(), t.removeTextGuideLine(), ph(t, { style: { opacity: 0 } }, e, n, i) } function fh(t, e, n) { function i() { t.parent && t.parent.remove(t) } t.isGroup ? t.traverse((function (t) { t.isGroup || dh(t, e, n, i) })) : dh(t, e, n, i) } function gh(t) { ah(t).oldStyle = t.style } var yh = Math.max, vh = Math.min, mh = {}; function xh(t) { return _s.extend(t) } var _h = function (t, e) { var i = cu(t, e); return function (t) { function e(e) { var n = t.call(this, e) || this; return n.applyTransform = i.applyTransform, n.buildPath = i.buildPath, n } return n(e, t), e }(uu) }; function bh(t, e) { return _h(t, e) } function wh(t, e) { mh[t] = e } function Sh(t) { if (mh.hasOwnProperty(t)) return mh[t] } function Mh(t, e, n, i) { var r = pu(t, e); return n && ("center" === i && (n = Th(n, r.getBoundingRect())), Dh(r, n)), r } function Ih(t, e, n) { var i = new Is({ style: { image: t, x: e.x, y: e.y, width: e.width, height: e.height }, onload: function (t) { if ("center" === n) { var r = { width: t.width, height: t.height }; i.setStyle(Th(e, r)) } } }); return i } function Th(t, e) { var n, i = e.width / e.height, r = t.height * i; return n = r <= t.width ? t.height : (r = t.width) / i, { x: t.x + t.width / 2 - r / 2, y: t.y + t.height / 2 - n / 2, width: r, height: n } } var Ch = function (t, e) { for (var n = [], i = t.length, r = 0; r < i; r++) { var o = t[r]; n.push(o.getUpdatedPathProxy(!0)) } var a = new _s(e); return a.createPathProxy(), a.buildPath = function (t) { if (hu(t)) { t.appendPath(n); var e = t.getContext(); e && t.rebuildPath(e, 1) } }, a }; function Dh(t, e) { if (t.applyTransform) { var n = t.getBoundingRect().calculateTransform(e); t.applyTransform(n) } } function Ah(t, e) { return Cs(t, t, { lineWidth: e }), t } var kh = As; function Lh(t, e) { for (var n = ye([]); t && t !== e;)me(n, t.getLocalTransform(), n), t = t.parent; return n } function Ph(t, e, n) { return e && !N(e) && (e = hr.getLocalTransform(e)), n && (e = we([], e)), Ft([], t, e) } function Oh(t, e, n) { var i = 0 === e[4] || 0 === e[5] || 0 === e[0] ? 1 : Math.abs(2 * e[4] / e[0]), r = 0 === e[4] || 0 === e[5] || 0 === e[2] ? 1 : Math.abs(2 * e[4] / e[2]), o = ["left" === t ? -i : "right" === t ? i : 0, "top" === t ? -r : "bottom" === t ? r : 0]; return o = Ph(o, e, n), Math.abs(o[0]) > Math.abs(o[1]) ? o[0] > 0 ? "right" : "left" : o[1] > 0 ? "bottom" : "top" } function Rh(t) { return !t.isGroup } function Nh(t, e, n) { if (t && e) { var i, r = (i = {}, t.traverse((function (t) { Rh(t) && t.anid && (i[t.anid] = t) })), i); e.traverse((function (t) { if (Rh(t) && t.anid) { var e = r[t.anid]; if (e) { var i = o(t); t.attr(o(e)), uh(t, i, n, js(t).dataIndex) } } })) } function o(t) { var e = { x: t.x, y: t.y, rotation: t.rotation }; return function (t) { return null != t.shape }(t) && (e.shape = A({}, t.shape)), e } } function Eh(t, e) { return z(t, (function (t) { var n = t[0]; n = yh(n, e.x), n = vh(n, e.x + e.width); var i = t[1]; return i = yh(i, e.y), [n, i = vh(i, e.y + e.height)] })) } function zh(t, e) { var n = yh(t.x, e.x), i = vh(t.x + t.width, e.x + e.width), r = yh(t.y, e.y), o = vh(t.y + t.height, e.y + e.height); if (i >= n && o >= r) return { x: n, y: r, width: i - n, height: o - r } } function Vh(t, e, n) { var i = A({ rectHover: !0 }, e), r = i.style = { strokeNoScale: !0 }; if (n = n || { x: -1, y: -1, width: 2, height: 2 }, t) return 0 === t.indexOf("image://") ? (r.image = t.slice(8), k(r, n), new Is(i)) : Mh(t.replace("path://", ""), i, n, "center") } function Bh(t, e, n, i, r) { for (var o = 0, a = r[r.length - 1]; o < r.length; o++) { var s = r[o]; if (Fh(t, e, n, i, s[0], s[1], a[0], a[1])) return !0; a = s } } function Fh(t, e, n, i, r, o, a, s) { var l, u = n - t, h = i - e, c = a - r, p = s - o, d = Gh(c, p, u, h); if ((l = d) <= 1e-6 && l >= -1e-6) return !1; var f = t - r, g = e - o, y = Gh(f, g, u, h) / d; if (y < 0 || y > 1) return !1; var v = Gh(f, g, c, p) / d; return !(v < 0 || v > 1) } function Gh(t, e, n, i) { return t * i - n * e } function Wh(t) { var e = t.itemTooltipOption, n = t.componentModel, i = t.itemName, r = X(e) ? { formatter: e } : e, o = n.mainType, a = n.componentIndex, s = { componentType: o, name: i, $vars: ["name"] }; s[o + "Index"] = a; var l = t.formatterParamsExtra; l && E(G(l), (function (t) { mt(s, t) || (s[t] = l[t], s.$vars.push(t)) })); var u = js(t.el); u.componentMainType = o, u.componentIndex = a, u.tooltipConfig = { name: i, option: k({ content: i, formatterParams: s }, r) } } function Hh(t, e) { var n; t.isGroup && (n = e(t)), n || t.traverse(e) } function Yh(t, e) { if (t) if (Y(t)) for (var n = 0; n < t.length; n++)Hh(t[n], e); else Hh(t, e) } wh("circle", gu), wh("ellipse", vu), wh("sector", Pu), wh("ring", Ru), wh("polygon", zu), wh("polyline", Bu), wh("rect", Ps), wh("line", Wu), wh("bezierCurve", Xu), wh("arc", ju); var Uh = Object.freeze({ __proto__: null, updateProps: uh, initProps: hh, removeElement: ph, removeElementWithFadeOut: fh, isElementRemoved: ch, extendShape: xh, extendPath: bh, registerShape: wh, getShapeClass: Sh, makePath: Mh, makeImage: Ih, mergePath: Ch, resizePath: Dh, subPixelOptimizeLine: Ah, subPixelOptimizeRect: function (t) { return Ds(t.shape, t.shape, t.style), t }, subPixelOptimize: kh, getTransform: Lh, applyTransform: Ph, transformDirection: Oh, groupTransition: Nh, clipPointsByRect: Eh, clipRectByRect: zh, createIcon: Vh, linePolygonIntersect: Bh, lineLineIntersect: Fh, setTooltipConfig: Wh, traverseElements: Yh, Group: Pr, Image: Is, Text: Ns, Circle: gu, Ellipse: vu, Sector: Pu, Ring: Ru, Polygon: zu, Polyline: Bu, Rect: Ps, Line: Wu, BezierCurve: Xu, Arc: ju, IncrementalDisplayable: oh, CompoundPath: qu, LinearGradient: $u, RadialGradient: Ju, BoundingRect: Re, OrientedBoundingRect: ih, Point: Ie, Path: _s }), Xh = {}; function Zh(t, e) { for (var n = 0; n < tl.length; n++) { var i = tl[n], r = e[i], o = t.ensureState(i); o.style = o.style || {}, o.style.text = r } var a = t.currentStates.slice(); t.clearStates(!0), t.setStyle({ text: e.normal }), t.useStates(a, !0) } function jh(t, e, n) { var i, r = t.labelFetcher, o = t.labelDataIndex, a = t.labelDimIndex, s = e.normal; r && (i = r.getFormattedLabel(o, "normal", null, a, s && s.get("formatter"), null != n ? { interpolatedValue: n } : null)), null == i && (i = U(t.defaultText) ? t.defaultText(o, t, n) : t.defaultText); for (var l = { normal: i }, u = 0; u < tl.length; u++) { var h = tl[u], c = e[h]; l[h] = rt(r ? r.getFormattedLabel(o, h, null, a, c && c.get("formatter")) : null, i) } return l } function qh(t, e, n, i) { n = n || Xh; for (var r = t instanceof Ns, o = !1, a = 0; a < el.length; a++) { if ((p = e[el[a]]) && p.getShallow("show")) { o = !0; break } } var s = r ? t : t.getTextContent(); if (o) { r || (s || (s = new Ns, t.setTextContent(s)), t.stateProxy && (s.stateProxy = t.stateProxy)); var l = jh(n, e), u = e.normal, h = !!u.getShallow("show"), c = $h(u, i && i.normal, n, !1, !r); c.text = l.normal, r || t.setTextConfig(Jh(u, n, !1)); for (a = 0; a < tl.length; a++) { var p, d = tl[a]; if (p = e[d]) { var f = s.ensureState(d), g = !!rt(p.getShallow("show"), h); if (g !== h && (f.ignore = !g), f.style = $h(p, i && i[d], n, !0, !r), f.style.text = l[d], !r) t.ensureState(d).textConfig = Jh(p, n, !0) } } s.silent = !!u.getShallow("silent"), null != s.style.x && (c.x = s.style.x), null != s.style.y && (c.y = s.style.y), s.ignore = !h, s.useStyle(c), s.dirty(), n.enableTextSetter && (rc(s).setLabelText = function (t) { var i = jh(n, e, t); Zh(s, i) }) } else s && (s.ignore = !0); t.dirty() } function Kh(t, e) { e = e || "label"; for (var n = { normal: t.getModel(e) }, i = 0; i < tl.length; i++) { var r = tl[i]; n[r] = t.getModel([r, e]) } return n } function $h(t, e, n, i, r) { var o = {}; return function (t, e, n, i, r) { n = n || Xh; var o, a = e.ecModel, s = a && a.option.textStyle, l = function (t) { var e; for (; t && t !== t.ecModel;) { var n = (t.option || Xh).rich; if (n) { e = e || {}; for (var i = G(n), r = 0; r < i.length; r++) { e[i[r]] = 1 } } t = t.parentModel } return e }(e); if (l) for (var u in o = {}, l) if (l.hasOwnProperty(u)) { var h = e.getModel(["rich", u]); nc(o[u] = {}, h, s, n, i, r, !1, !0) } o && (t.rich = o); var c = e.get("overflow"); c && (t.overflow = c); var p = e.get("minMargin"); null != p && (t.margin = p); nc(t, e, s, n, i, r, !0, !1) }(o, t, n, i, r), e && A(o, e), o } function Jh(t, e, n) { e = e || {}; var i, r = {}, o = t.getShallow("rotate"), a = rt(t.getShallow("distance"), n ? null : 5), s = t.getShallow("offset"); return "outside" === (i = t.getShallow("position") || (n ? null : "inside")) && (i = e.defaultOutsidePosition || "top"), null != i && (r.position = i), null != s && (r.offset = s), null != o && (o *= Math.PI / 180, r.rotation = o), null != a && (r.distance = a), r.outsideFill = "inherit" === t.get("color") ? e.inheritColor || null : "auto", r } var Qh = ["fontStyle", "fontWeight", "fontSize", "fontFamily", "textShadowColor", "textShadowBlur", "textShadowOffsetX", "textShadowOffsetY"], tc = ["align", "lineHeight", "width", "height", "tag", "verticalAlign"], ec = ["padding", "borderWidth", "borderRadius", "borderDashOffset", "backgroundColor", "borderColor", "shadowColor", "shadowBlur", "shadowOffsetX", "shadowOffsetY"]; function nc(t, e, n, i, r, o, a, s) { n = !r && n || Xh; var l = i && i.inheritColor, u = e.getShallow("color"), h = e.getShallow("textBorderColor"), c = rt(e.getShallow("opacity"), n.opacity); "inherit" !== u && "auto" !== u || (u = l || null), "inherit" !== h && "auto" !== h || (h = l || null), o || (u = u || n.color, h = h || n.textBorderColor), null != u && (t.fill = u), null != h && (t.stroke = h); var p = rt(e.getShallow("textBorderWidth"), n.textBorderWidth); null != p && (t.lineWidth = p); var d = rt(e.getShallow("textBorderType"), n.textBorderType); null != d && (t.lineDash = d); var f = rt(e.getShallow("textBorderDashOffset"), n.textBorderDashOffset); null != f && (t.lineDashOffset = f), r || null != c || s || (c = i && i.defaultOpacity), null != c && (t.opacity = c), r || o || null == t.fill && i.inheritColor && (t.fill = i.inheritColor); for (var g = 0; g < Qh.length; g++) { var y = Qh[g]; null != (m = rt(e.getShallow(y), n[y])) && (t[y] = m) } for (g = 0; g < tc.length; g++) { y = tc[g]; null != (m = e.getShallow(y)) && (t[y] = m) } if (null == t.verticalAlign) { var v = e.getShallow("baseline"); null != v && (t.verticalAlign = v) } if (!a || !i.disableBox) { for (g = 0; g < ec.length; g++) { var m; y = ec[g]; null != (m = e.getShallow(y)) && (t[y] = m) } var x = e.getShallow("borderType"); null != x && (t.borderDash = x), "auto" !== t.backgroundColor && "inherit" !== t.backgroundColor || !l || (t.backgroundColor = l), "auto" !== t.borderColor && "inherit" !== t.borderColor || !l || (t.borderColor = l) } } function ic(t, e) { var n = e && e.getModel("textStyle"); return ut([t.fontStyle || n && n.getShallow("fontStyle") || "", t.fontWeight || n && n.getShallow("fontWeight") || "", (t.fontSize || n && n.getShallow("fontSize") || 12) + "px", t.fontFamily || n && n.getShallow("fontFamily") || "sans-serif"].join(" ")) } var rc = Do(); function oc(t, e, n, i) { if (t) { var r = rc(t); r.prevValue = r.value, r.value = n; var o = e.normal; r.valueAnimation = o.get("valueAnimation"), r.valueAnimation && (r.precision = o.get("precision"), r.defaultInterpolatedText = i, r.statesModels = e) } } function ac(t, e, n, i, r) { var o = rc(t); if (o.valueAnimation && o.prevValue !== o.value) { var a = o.defaultInterpolatedText, s = rt(o.interpolatedValue, o.prevValue), l = o.value; t.percent = 0, (null == o.prevValue ? hh : uh)(t, { percent: 1 }, i, e, null, (function (i) { var u = zo(n, o.precision, s, l, i); o.interpolatedValue = 1 === i ? null : u; var h = jh({ labelDataIndex: e, labelFetcher: r, defaultText: a ? a(u) : u + "" }, o.statesModels, u); Zh(t, h) })) } } var sc, lc, uc = ["textStyle", "color"], hc = ["fontStyle", "fontWeight", "fontSize", "fontFamily", "padding", "lineHeight", "rich", "width", "height", "overflow"], cc = new Ns, pc = function () { function t() { } return t.prototype.getTextColor = function (t) { var e = this.ecModel; return this.getShallow("color") || (!t && e ? e.get(uc) : null) }, t.prototype.getFont = function () { return ic({ fontStyle: this.getShallow("fontStyle"), fontWeight: this.getShallow("fontWeight"), fontSize: this.getShallow("fontSize"), fontFamily: this.getShallow("fontFamily") }, this.ecModel) }, t.prototype.getTextRect = function (t) { for (var e = { text: t, verticalAlign: this.getShallow("verticalAlign") || this.getShallow("baseline") }, n = 0; n < hc.length; n++)e[hc[n]] = this.getShallow(hc[n]); return cc.useStyle(e), cc.update(), cc.getBoundingRect() }, t }(), dc = [["lineWidth", "width"], ["stroke", "color"], ["opacity"], ["shadowBlur"], ["shadowOffsetX"], ["shadowOffsetY"], ["shadowColor"], ["lineDash", "type"], ["lineDashOffset", "dashOffset"], ["lineCap", "cap"], ["lineJoin", "join"], ["miterLimit"]], fc = Zo(dc), gc = function () { function t() { } return t.prototype.getLineStyle = function (t) { return fc(this, t) }, t }(), yc = [["fill", "color"], ["stroke", "borderColor"], ["lineWidth", "borderWidth"], ["opacity"], ["shadowBlur"], ["shadowOffsetX"], ["shadowOffsetY"], ["shadowColor"], ["lineDash", "borderType"], ["lineDashOffset", "borderDashOffset"], ["lineCap", "borderCap"], ["lineJoin", "borderJoin"], ["miterLimit", "borderMiterLimit"]], vc = Zo(yc), mc = function () { function t() { } return t.prototype.getItemStyle = function (t, e) { return vc(this, t, e) }, t }(), xc = function () { function t(t, e, n) { this.parentModel = e, this.ecModel = n, this.option = t } return t.prototype.init = function (t, e, n) { for (var i = [], r = 3; r < arguments.length; r++)i[r - 3] = arguments[r] }, t.prototype.mergeOption = function (t, e) { C(this.option, t, !0) }, t.prototype.get = function (t, e) { return null == t ? this.option : this._doGet(this.parsePath(t), !e && this.parentModel) }, t.prototype.getShallow = function (t, e) { var n = this.option, i = null == n ? n : n[t]; if (null == i && !e) { var r = this.parentModel; r && (i = r.getShallow(t)) } return i }, t.prototype.getModel = function (e, n) { var i = null != e, r = i ? this.parsePath(e) : null; return new t(i ? this._doGet(r) : this.option, n = n || this.parentModel && this.parentModel.getModel(this.resolveParentPath(r)), this.ecModel) }, t.prototype.isEmpty = function () { return null == this.option }, t.prototype.restoreData = function () { }, t.prototype.clone = function () { return new (0, this.constructor)(T(this.option)) }, t.prototype.parsePath = function (t) { return "string" == typeof t ? t.split(".") : t }, t.prototype.resolveParentPath = function (t) { return t }, t.prototype.isAnimationEnabled = function () { if (!r.node && this.option) { if (null != this.option.animation) return !!this.option.animation; if (this.parentModel) return this.parentModel.isAnimationEnabled() } }, t.prototype._doGet = function (t, e) { var n = this.option; if (!t) return n; for (var i = 0; i < t.length && (!t[i] || null != (n = n && "object" == typeof n ? n[t[i]] : null)); i++); return null == n && e && (n = e._doGet(this.resolveParentPath(t), e.parentModel)), n }, t }(); Go(xc), sc = xc, lc = ["__\0is_clz", Ho++].join("_"), sc.prototype[lc] = !0, sc.isInstance = function (t) { return !(!t || !t[lc]) }, R(xc, gc), R(xc, mc), R(xc, qo), R(xc, pc); var _c = Math.round(10 * Math.random()); function bc(t) { return [t || "", _c++].join("_") } function wc(t, e) { return C(C({}, t, !0), e, !0) } var Sc = "ZH", Mc = "EN", Ic = Mc, Tc = {}, Cc = {}, Dc = r.domSupported && (document.documentElement.lang || navigator.language || navigator.browserLanguage).toUpperCase().indexOf(Sc) > -1 ? Sc : Ic; function Ac(t, e) { t = t.toUpperCase(), Cc[t] = new xc(e), Tc[t] = e } function kc(t) { return Cc[t] } Ac(Mc, { time: { month: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], monthAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], dayOfWeek: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], dayOfWeekAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] }, legend: { selector: { all: "All", inverse: "Inv" } }, toolbox: { brush: { title: { rect: "Box Select", polygon: "Lasso Select", lineX: "Horizontally Select", lineY: "Vertically Select", keep: "Keep Selections", clear: "Clear Selections" } }, dataView: { title: "Data View", lang: ["Data View", "Close", "Refresh"] }, dataZoom: { title: { zoom: "Zoom", back: "Zoom Reset" } }, magicType: { title: { line: "Switch to Line Chart", bar: "Switch to Bar Chart", stack: "Stack", tiled: "Tile" } }, restore: { title: "Restore" }, saveAsImage: { title: "Save as Image", lang: ["Right Click to Save Image"] } }, series: { typeNames: { pie: "Pie chart", bar: "Bar chart", line: "Line chart", scatter: "Scatter plot", effectScatter: "Ripple scatter plot", radar: "Radar chart", tree: "Tree", treemap: "Treemap", boxplot: "Boxplot", candlestick: "Candlestick", k: "K line chart", heatmap: "Heat map", map: "Map", parallel: "Parallel coordinate map", lines: "Line graph", graph: "Relationship graph", sankey: "Sankey diagram", funnel: "Funnel chart", gauge: "Gauge", pictorialBar: "Pictorial bar", themeRiver: "Theme River Map", sunburst: "Sunburst" } }, aria: { general: { withTitle: 'This is a chart about "{title}"', withoutTitle: "This is a chart" }, series: { single: { prefix: "", withName: " with type {seriesType} named {seriesName}.", withoutName: " with type {seriesType}." }, multiple: { prefix: ". It consists of {seriesCount} series count.", withName: " The {seriesId} series is a {seriesType} representing {seriesName}.", withoutName: " The {seriesId} series is a {seriesType}.", separator: { middle: "", end: "" } } }, data: { allData: "The data is as follows: ", partialData: "The first {displayCnt} items are: ", withName: "the data for {name} is {value}", withoutName: "{value}", separator: { middle: ", ", end: ". " } } } }), Ac(Sc, { time: { month: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], monthAbbr: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"], dayOfWeek: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"], dayOfWeekAbbr: ["日", "一", "二", "三", "四", "五", "六"] }, legend: { selector: { all: "全选", inverse: "反选" } }, toolbox: { brush: { title: { rect: "矩形选择", polygon: "圈选", lineX: "横向选择", lineY: "纵向选择", keep: "保持选择", clear: "清除选择" } }, dataView: { title: "数据视图", lang: ["数据视图", "关闭", "刷新"] }, dataZoom: { title: { zoom: "区域缩放", back: "区域缩放还原" } }, magicType: { title: { line: "切换为折线图", bar: "切换为柱状图", stack: "切换为堆叠", tiled: "切换为平铺" } }, restore: { title: "还原" }, saveAsImage: { title: "保存为图片", lang: ["右键另存为图片"] } }, series: { typeNames: { pie: "饼图", bar: "柱状图", line: "折线图", scatter: "散点图", effectScatter: "涟漪散点图", radar: "雷达图", tree: "树图", treemap: "矩形树图", boxplot: "箱型图", candlestick: "K线图", k: "K线图", heatmap: "热力图", map: "地图", parallel: "平行坐标图", lines: "线图", graph: "关系图", sankey: "桑基图", funnel: "漏斗图", gauge: "仪表盘图", pictorialBar: "象形柱图", themeRiver: "主题河流图", sunburst: "旭日图" } }, aria: { general: { withTitle: "这是一个关于“{title}”的图表。", withoutTitle: "这是一个图表，" }, series: { single: { prefix: "", withName: "图表类型是{seriesType}，表示{seriesName}。", withoutName: "图表类型是{seriesType}。" }, multiple: { prefix: "它由{seriesCount}个图表系列组成。", withName: "第{seriesId}个系列是一个表示{seriesName}的{seriesType}，", withoutName: "第{seriesId}个系列是一个{seriesType}，", separator: { middle: "；", end: "。" } } }, data: { allData: "其数据是——", partialData: "其中，前{displayCnt}项是——", withName: "{name}的数据是{value}", withoutName: "{value}", separator: { middle: "，", end: "" } } } }); var Lc = 1e3, Pc = 6e4, Oc = 36e5, Rc = 864e5, Nc = 31536e6, Ec = { year: "{yyyy}", month: "{MMM}", day: "{d}", hour: "{HH}:{mm}", minute: "{HH}:{mm}", second: "{HH}:{mm}:{ss}", millisecond: "{HH}:{mm}:{ss} {SSS}", none: "{yyyy}-{MM}-{dd} {HH}:{mm}:{ss} {SSS}" }, zc = "{yyyy}-{MM}-{dd}", Vc = { year: "{yyyy}", month: "{yyyy}-{MM}", day: zc, hour: "{yyyy}-{MM}-{dd} " + Ec.hour, minute: "{yyyy}-{MM}-{dd} " + Ec.minute, second: "{yyyy}-{MM}-{dd} " + Ec.second, millisecond: Ec.none }, Bc = ["year", "month", "day", "hour", "minute", "second", "millisecond"], Fc = ["year", "half-year", "quarter", "month", "week", "half-week", "day", "half-day", "quarter-day", "hour", "minute", "second", "millisecond"]; function Gc(t, e) { return "0000".substr(0, e - (t += "").length) + t } function Wc(t) { switch (t) { case "half-year": case "quarter": return "month"; case "week": case "half-week": return "day"; case "half-day": case "quarter-day": return "hour"; default: return t } } function Hc(t) { return t === Wc(t) } function Yc(t, e, n, i) { var r = Qr(t), o = r[Zc(n)](), a = r[jc(n)]() + 1, s = Math.floor((a - 1) / 3) + 1, l = r[qc(n)](), u = r["get" + (n ? "UTC" : "") + "Day"](), h = r[Kc(n)](), c = (h - 1) % 12 + 1, p = r[$c(n)](), d = r[Jc(n)](), f = r[Qc(n)](), g = (i instanceof xc ? i : kc(i || Dc) || Cc.EN).getModel("time"), y = g.get("month"), v = g.get("monthAbbr"), m = g.get("dayOfWeek"), x = g.get("dayOfWeekAbbr"); return (e || "").replace(/{yyyy}/g, o + "").replace(/{yy}/g, o % 100 + "").replace(/{Q}/g, s + "").replace(/{MMMM}/g, y[a - 1]).replace(/{MMM}/g, v[a - 1]).replace(/{MM}/g, Gc(a, 2)).replace(/{M}/g, a + "").replace(/{dd}/g, Gc(l, 2)).replace(/{d}/g, l + "").replace(/{eeee}/g, m[u]).replace(/{ee}/g, x[u]).replace(/{e}/g, u + "").replace(/{HH}/g, Gc(h, 2)).replace(/{H}/g, h + "").replace(/{hh}/g, Gc(c + "", 2)).replace(/{h}/g, c + "").replace(/{mm}/g, Gc(p, 2)).replace(/{m}/g, p + "").replace(/{ss}/g, Gc(d, 2)).replace(/{s}/g, d + "").replace(/{SSS}/g, Gc(f, 3)).replace(/{S}/g, f + "") } function Uc(t, e) { var n = Qr(t), i = n[jc(e)]() + 1, r = n[qc(e)](), o = n[Kc(e)](), a = n[$c(e)](), s = n[Jc(e)](), l = 0 === n[Qc(e)](), u = l && 0 === s, h = u && 0 === a, c = h && 0 === o, p = c && 1 === r; return p && 1 === i ? "year" : p ? "month" : c ? "day" : h ? "hour" : u ? "minute" : l ? "second" : "millisecond" } function Xc(t, e, n) { var i = j(t) ? Qr(t) : t; switch (e = e || Uc(t, n)) { case "year": return i[Zc(n)](); case "half-year": return i[jc(n)]() >= 6 ? 1 : 0; case "quarter": return Math.floor((i[jc(n)]() + 1) / 4); case "month": return i[jc(n)](); case "day": return i[qc(n)](); case "half-day": return i[Kc(n)]() / 24; case "hour": return i[Kc(n)](); case "minute": return i[$c(n)](); case "second": return i[Jc(n)](); case "millisecond": return i[Qc(n)]() } } function Zc(t) { return t ? "getUTCFullYear" : "getFullYear" } function jc(t) { return t ? "getUTCMonth" : "getMonth" } function qc(t) { return t ? "getUTCDate" : "getDate" } function Kc(t) { return t ? "getUTCHours" : "getHours" } function $c(t) { return t ? "getUTCMinutes" : "getMinutes" } function Jc(t) { return t ? "getUTCSeconds" : "getSeconds" } function Qc(t) { return t ? "getUTCMilliseconds" : "getMilliseconds" } function tp(t) { return t ? "setUTCFullYear" : "setFullYear" } function ep(t) { return t ? "setUTCMonth" : "setMonth" } function np(t) { return t ? "setUTCDate" : "setDate" } function ip(t) { return t ? "setUTCHours" : "setHours" } function rp(t) { return t ? "setUTCMinutes" : "setMinutes" } function op(t) { return t ? "setUTCSeconds" : "setSeconds" } function ap(t) { return t ? "setUTCMilliseconds" : "setMilliseconds" } function sp(t) { if (!ao(t)) return X(t) ? t : "-"; var e = (t + "").split("."); return e[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, "$1,") + (e.length > 1 ? "." + e[1] : "") } function lp(t, e) { return t = (t || "").toLowerCase().replace(/-(.)/g, (function (t, e) { return e.toUpperCase() })), e && t && (t = t.charAt(0).toUpperCase() + t.slice(1)), t } var up = st; function hp(t, e, n) { function i(t) { return t && ut(t) ? t : "-" } function r(t) { return !(null == t || isNaN(t) || !isFinite(t)) } var o = "time" === e, a = t instanceof Date; if (o || a) { var s = o ? Qr(t) : t; if (!isNaN(+s)) return Yc(s, "{yyyy}-{MM}-{dd} {HH}:{mm}:{ss}", n); if (a) return "-" } if ("ordinal" === e) return Z(t) ? i(t) : j(t) && r(t) ? t + "" : "-"; var l = oo(t); return r(l) ? sp(l) : Z(t) ? i(t) : "boolean" == typeof t ? t + "" : "-" } var cp = ["a", "b", "c", "d", "e", "f", "g"], pp = function (t, e) { return "{" + t + (null == e ? "" : e) + "}" }; function dp(t, e, n) { Y(e) || (e = [e]); var i = e.length; if (!i) return ""; for (var r = e[0].$vars || [], o = 0; o < r.length; o++) { var a = cp[o]; t = t.replace(pp(a), pp(a, 0)) } for (var s = 0; s < i; s++)for (var l = 0; l < r.length; l++) { var u = e[s][r[l]]; t = t.replace(pp(cp[l], s), n ? ee(u) : u) } return t } function fp(t, e) { var n = X(t) ? { color: t, extraCssText: e } : t || {}, i = n.color, r = n.type; e = n.extraCssText; var o = n.renderMode || "html"; return i ? "html" === o ? "subItem" === r ? '<span style="display:inline-block;vertical-align:middle;margin-right:8px;margin-left:3px;border-radius:4px;width:4px;height:4px;background-color:' + ee(i) + ";" + (e || "") + '"></span>' : '<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:' + ee(i) + ";" + (e || "") + '"></span>' : { renderMode: o, content: "{" + (n.markerId || "markerX") + "|}  ", style: "subItem" === r ? { width: 4, height: 4, borderRadius: 2, backgroundColor: i } : { width: 10, height: 10, borderRadius: 5, backgroundColor: i } } : "" } function gp(t, e) { return e = e || "transparent", X(t) ? t : q(t) && t.colorStops && (t.colorStops[0] || {}).color || e } function yp(t, e) { if ("_blank" === e || "blank" === e) { var n = window.open(); n.opener = null, n.location.href = t } else window.open(t, e) } var vp = E, mp = ["left", "right", "top", "bottom", "width", "height"], xp = [["width", "left", "right"], ["height", "top", "bottom"]]; function _p(t, e, n, i, r) { var o = 0, a = 0; null == i && (i = 1 / 0), null == r && (r = 1 / 0); var s = 0; e.eachChild((function (l, u) { var h, c, p = l.getBoundingRect(), d = e.childAt(u + 1), f = d && d.getBoundingRect(); if ("horizontal" === t) { var g = p.width + (f ? -f.x + p.x : 0); (h = o + g) > i || l.newline ? (o = 0, h = g, a += s + n, s = p.height) : s = Math.max(s, p.height) } else { var y = p.height + (f ? -f.y + p.y : 0); (c = a + y) > r || l.newline ? (o += s + n, a = 0, c = y, s = p.width) : s = Math.max(s, p.width) } l.newline || (l.x = o, l.y = a, l.markRedraw(), "horizontal" === t ? o = h + n : a = c + n) })) } var bp = _p; H(_p, "vertical"), H(_p, "horizontal"); function wp(t, e, n) { n = up(n || 0); var i = e.width, r = e.height, o = Gr(t.left, i), a = Gr(t.top, r), s = Gr(t.right, i), l = Gr(t.bottom, r), u = Gr(t.width, i), h = Gr(t.height, r), c = n[2] + n[0], p = n[1] + n[3], d = t.aspect; switch (isNaN(u) && (u = i - s - p - o), isNaN(h) && (h = r - l - c - a), null != d && (isNaN(u) && isNaN(h) && (d > i / r ? u = .8 * i : h = .8 * r), isNaN(u) && (u = d * h), isNaN(h) && (h = u / d)), isNaN(o) && (o = i - s - u - p), isNaN(a) && (a = r - l - h - c), t.left || t.right) { case "center": o = i / 2 - u / 2 - n[3]; break; case "right": o = i - u - p }switch (t.top || t.bottom) { case "middle": case "center": a = r / 2 - h / 2 - n[0]; break; case "bottom": a = r - h - c }o = o || 0, a = a || 0, isNaN(u) && (u = i - p - o - (s || 0)), isNaN(h) && (h = r - c - a - (l || 0)); var f = new Re(o + n[3], a + n[0], u, h); return f.margin = n, f } function Sp(t, e, n, i, r, o) { var a, s = !r || !r.hv || r.hv[0], l = !r || !r.hv || r.hv[1], u = r && r.boundingMode || "all"; if ((o = o || t).x = t.x, o.y = t.y, !s && !l) return !1; if ("raw" === u) a = "group" === t.type ? new Re(0, 0, +e.width || 0, +e.height || 0) : t.getBoundingRect(); else if (a = t.getBoundingRect(), t.needLocalTransform()) { var h = t.getLocalTransform(); (a = a.clone()).applyTransform(h) } var c = wp(k({ width: a.width, height: a.height }, e), n, i), p = s ? c.x - a.x : 0, d = l ? c.y - a.y : 0; return "raw" === u ? (o.x = p, o.y = d) : (o.x += p, o.y += d), o === t && t.markRedraw(), !0 } function Mp(t) { var e = t.layoutMode || t.constructor.layoutMode; return q(e) ? e : e ? { type: e } : null } function Ip(t, e, n) { var i = n && n.ignoreSize; !Y(i) && (i = [i, i]); var r = a(xp[0], 0), o = a(xp[1], 1); function a(n, r) { var o = {}, a = 0, u = {}, h = 0; if (vp(n, (function (e) { u[e] = t[e] })), vp(n, (function (t) { s(e, t) && (o[t] = u[t] = e[t]), l(o, t) && a++, l(u, t) && h++ })), i[r]) return l(e, n[1]) ? u[n[2]] = null : l(e, n[2]) && (u[n[1]] = null), u; if (2 !== h && a) { if (a >= 2) return o; for (var c = 0; c < n.length; c++) { var p = n[c]; if (!s(o, p) && s(t, p)) { o[p] = t[p]; break } } return o } return u } function s(t, e) { return t.hasOwnProperty(e) } function l(t, e) { return null != t[e] && "auto" !== t[e] } function u(t, e, n) { vp(t, (function (t) { e[t] = n[t] })) } u(xp[0], t, r), u(xp[1], t, o) } function Tp(t) { return Cp({}, t) } function Cp(t, e) { return e && t && vp(mp, (function (n) { e.hasOwnProperty(n) && (t[n] = e[n]) })), t } var Dp = Do(), Ap = function (t) { function e(e, n, i) { var r = t.call(this, e, n, i) || this; return r.uid = bc("ec_cpt_model"), r } return n(e, t), e.prototype.init = function (t, e, n) { this.mergeDefaultAndTheme(t, n) }, e.prototype.mergeDefaultAndTheme = function (t, e) { var n = Mp(this), i = n ? Tp(t) : {}; C(t, e.getTheme().get(this.mainType)), C(t, this.getDefaultOption()), n && Ip(t, i, n) }, e.prototype.mergeOption = function (t, e) { C(this.option, t, !0); var n = Mp(this); n && Ip(this.option, t, n) }, e.prototype.optionUpdated = function (t, e) { }, e.prototype.getDefaultOption = function () { var t = this.constructor; if (!function (t) { return !(!t || !t[Bo]) }(t)) return t.defaultOption; var e = Dp(this); if (!e.defaultOption) { for (var n = [], i = t; i;) { var r = i.prototype.defaultOption; r && n.push(r), i = i.superClass } for (var o = {}, a = n.length - 1; a >= 0; a--)o = C(o, n[a], !0); e.defaultOption = o } return e.defaultOption }, e.prototype.getReferringComponents = function (t, e) { var n = t + "Index", i = t + "Id"; return Ro(this.ecModel, t, { index: this.get(n, !0), id: this.get(i, !0) }, e) }, e.prototype.getBoxLayoutParams = function () { var t = this; return { left: t.get("left"), top: t.get("top"), right: t.get("right"), bottom: t.get("bottom"), width: t.get("width"), height: t.get("height") } }, e.prototype.getZLevelKey = function () { return "" }, e.prototype.setZLevel = function (t) { this.option.zlevel = t }, e.protoInitialize = function () { var t = e.prototype; t.type = "component", t.id = "", t.name = "", t.mainType = "", t.subType = "", t.componentIndex = 0 }(), e }(xc); Wo(Ap, xc), Xo(Ap), function (t) { var e = {}; t.registerSubTypeDefaulter = function (t, n) { var i = Fo(t); e[i.main] = n }, t.determineSubType = function (n, i) { var r = i.type; if (!r) { var o = Fo(n).main; t.hasSubTypes(n) && e[o] && (r = e[o](i)) } return r } }(Ap), function (t, e) { function n(t, e) { return t[e] || (t[e] = { predecessor: [], successor: [] }), t[e] } t.topologicalTravel = function (t, i, r, o) { if (t.length) { var a = function (t) { var i = {}, r = []; return E(t, (function (o) { var a = n(i, o), s = function (t, e) { var n = []; return E(t, (function (t) { P(e, t) >= 0 && n.push(t) })), n }(a.originalDeps = e(o), t); a.entryCount = s.length, 0 === a.entryCount && r.push(o), E(s, (function (t) { P(a.predecessor, t) < 0 && a.predecessor.push(t); var e = n(i, t); P(e.successor, t) < 0 && e.successor.push(o) })) })), { graph: i, noEntryList: r } }(i), s = a.graph, l = a.noEntryList, u = {}; for (E(t, (function (t) { u[t] = !0 })); l.length;) { var h = l.pop(), c = s[h], p = !!u[h]; p && (r.call(o, h, c.originalDeps.slice()), delete u[h]), E(c.successor, p ? f : d) } E(u, (function () { var t = ""; throw new Error(t) })) } function d(t) { s[t].entryCount--, 0 === s[t].entryCount && l.push(t) } function f(t) { u[t] = !0, d(t) } } }(Ap, (function (t) { var e = []; E(Ap.getClassesByMainType(t), (function (t) { e = e.concat(t.dependencies || t.prototype.dependencies || []) })), e = z(e, (function (t) { return Fo(t).main })), "dataset" !== t && P(e, "dataset") <= 0 && e.unshift("dataset"); return e })); var kp = ""; "undefined" != typeof navigator && (kp = navigator.platform || ""); var Lp = "rgba(0, 0, 0, 0.2)", Pp = { darkMode: "auto", colorBy: "series", color: ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"], gradientColor: ["#f6efa6", "#d88273", "#bf444c"], aria: { decal: { decals: [{ color: Lp, dashArrayX: [1, 0], dashArrayY: [2, 5], symbolSize: 1, rotation: Math.PI / 6 }, { color: Lp, symbol: "circle", dashArrayX: [[8, 8], [0, 8, 8, 0]], dashArrayY: [6, 0], symbolSize: .8 }, { color: Lp, dashArrayX: [1, 0], dashArrayY: [4, 3], rotation: -Math.PI / 4 }, { color: Lp, dashArrayX: [[6, 6], [0, 6, 6, 0]], dashArrayY: [6, 0] }, { color: Lp, dashArrayX: [[1, 0], [1, 6]], dashArrayY: [1, 0, 6, 0], rotation: Math.PI / 4 }, { color: Lp, symbol: "triangle", dashArrayX: [[9, 9], [0, 9, 9, 0]], dashArrayY: [7, 2], symbolSize: .75 }] } }, textStyle: { fontFamily: kp.match(/^Win/) ? "Microsoft YaHei" : "sans-serif", fontSize: 12, fontStyle: "normal", fontWeight: "normal" }, blendMode: null, stateAnimation: { duration: 300, easing: "cubicOut" }, animation: "auto", animationDuration: 1e3, animationDurationUpdate: 500, animationEasing: "cubicInOut", animationEasingUpdate: "cubicInOut", animationThreshold: 2e3, progressiveThreshold: 3e3, progressive: 400, hoverLayerThreshold: 3e3, useUTC: !1 }, Op = ft(["tooltip", "label", "itemName", "itemId", "itemGroupId", "seriesName"]), Rp = "original", Np = "arrayRows", Ep = "objectRows", zp = "keyedColumns", Vp = "typedArray", Bp = "unknown", Fp = "column", Gp = "row", Wp = 1, Hp = 2, Yp = 3, Up = Do(); function Xp(t, e, n) { var i = {}, r = jp(e); if (!r || !t) return i; var o, a, s = [], l = [], u = e.ecModel, h = Up(u).datasetMap, c = r.uid + "_" + n.seriesLayoutBy; E(t = t.slice(), (function (e, n) { var r = q(e) ? e : t[n] = { name: e }; "ordinal" === r.type && null == o && (o = n, a = f(r)), i[r.name] = [] })); var p = h.get(c) || h.set(c, { categoryWayDim: a, valueWayDim: 0 }); function d(t, e, n) { for (var i = 0; i < n; i++)t.push(e + i) } function f(t) { var e = t.dimsDef; return e ? e.length : 1 } return E(t, (function (t, e) { var n = t.name, r = f(t); if (null == o) { var a = p.valueWayDim; d(i[n], a, r), d(l, a, r), p.valueWayDim += r } else if (o === e) d(i[n], 0, r), d(s, 0, r); else { a = p.categoryWayDim; d(i[n], a, r), d(l, a, r), p.categoryWayDim += r } })), s.length && (i.itemName = s), l.length && (i.seriesName = l), i } function Zp(t, e, n) { var i = {}; if (!jp(t)) return i; var r, o = e.sourceFormat, a = e.dimensionsDefine; o !== Ep && o !== zp || E(a, (function (t, e) { "name" === (q(t) ? t.name : t) && (r = e) })); var s = function () { for (var t = {}, i = {}, s = [], l = 0, u = Math.min(5, n); l < u; l++) { var h = Kp(e.data, o, e.seriesLayoutBy, a, e.startIndex, l); s.push(h); var c = h === Yp; if (c && null == t.v && l !== r && (t.v = l), (null == t.n || t.n === t.v || !c && s[t.n] === Yp) && (t.n = l), p(t) && s[t.n] !== Yp) return t; c || (h === Hp && null == i.v && l !== r && (i.v = l), null != i.n && i.n !== i.v || (i.n = l)) } function p(t) { return null != t.v && null != t.n } return p(t) ? t : p(i) ? i : null }(); if (s) { i.value = [s.v]; var l = null != r ? r : s.n; i.itemName = [l], i.seriesName = [l] } return i } function jp(t) { if (!t.get("data", !0)) return Ro(t.ecModel, "dataset", { index: t.get("datasetIndex", !0), id: t.get("datasetId", !0) }, Po).models[0] } function qp(t, e) { return Kp(t.data, t.sourceFormat, t.seriesLayoutBy, t.dimensionsDefine, t.startIndex, e) } function Kp(t, e, n, i, r, o) { var a, s, l; if ($(t)) return Yp; if (i) { var u = i[o]; q(u) ? (s = u.name, l = u.type) : X(u) && (s = u) } if (null != l) return "ordinal" === l ? Wp : Yp; if (e === Np) { var h = t; if (n === Gp) { for (var c = h[o], p = 0; p < (c || []).length && p < 5; p++)if (null != (a = m(c[r + p]))) return a } else for (p = 0; p < h.length && p < 5; p++) { var d = h[r + p]; if (d && null != (a = m(d[o]))) return a } } else if (e === Ep) { var f = t; if (!s) return Yp; for (p = 0; p < f.length && p < 5; p++) { if ((y = f[p]) && null != (a = m(y[s]))) return a } } else if (e === zp) { if (!s) return Yp; if (!(c = t[s]) || $(c)) return Yp; for (p = 0; p < c.length && p < 5; p++)if (null != (a = m(c[p]))) return a } else if (e === Rp) { var g = t; for (p = 0; p < g.length && p < 5; p++) { var y, v = xo(y = g[p]); if (!Y(v)) return Yp; if (null != (a = m(v[o]))) return a } } function m(t) { var e = X(t); return null != t && isFinite(t) && "" !== t ? e ? Hp : Yp : e && "-" !== t ? Wp : void 0 } return Yp } var $p = ft(); var Jp, Qp, td, ed = Do(), nd = Do(), id = function () { function t() { } return t.prototype.getColorFromPalette = function (t, e, n) { var i = yo(this.get("color", !0)), r = this.get("colorLayer", !0); return od(this, ed, i, r, t, e, n) }, t.prototype.clearColorPalette = function () { !function (t, e) { e(t).paletteIdx = 0, e(t).paletteNameMap = {} }(this, ed) }, t }(); function rd(t, e, n, i) { var r = yo(t.get(["aria", "decal", "decals"])); return od(t, nd, r, null, e, n, i) } function od(t, e, n, i, r, o, a) { var s = e(o = o || t), l = s.paletteIdx || 0, u = s.paletteNameMap = s.paletteNameMap || {}; if (u.hasOwnProperty(r)) return u[r]; var h = null != a && i ? function (t, e) { for (var n = t.length, i = 0; i < n; i++)if (t[i].length > e) return t[i]; return t[n - 1] }(i, a) : n; if ((h = h || n) && h.length) { var c = h[l]; return r && (u[r] = c), s.paletteIdx = (l + 1) % h.length, c } } var ad = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.init = function (t, e, n, i, r, o) { i = i || {}, this.option = null, this._theme = new xc(i), this._locale = new xc(r), this._optionManager = o }, e.prototype.setOption = function (t, e, n) { var i = ud(e); this._optionManager.setOption(t, n, i), this._resetOption(null, i) }, e.prototype.resetOption = function (t, e) { return this._resetOption(t, ud(e)) }, e.prototype._resetOption = function (t, e) { var n = !1, i = this._optionManager; if (!t || "recreate" === t) { var r = i.mountOption("recreate" === t); 0, this.option && "recreate" !== t ? (this.restoreData(), this._mergeOption(r, e)) : td(this, r), n = !0 } if ("timeline" !== t && "media" !== t || this.restoreData(), !t || "recreate" === t || "timeline" === t) { var o = i.getTimelineOption(this); o && (n = !0, this._mergeOption(o, e)) } if (!t || "recreate" === t || "media" === t) { var a = i.getMediaOption(this); a.length && E(a, (function (t) { n = !0, this._mergeOption(t, e) }), this) } return n }, e.prototype.mergeOption = function (t) { this._mergeOption(t, null) }, e.prototype._mergeOption = function (t, e) { var n = this.option, i = this._componentsMap, r = this._componentsCount, o = [], a = ft(), s = e && e.replaceMergeMainTypeMap; Up(this).datasetMap = ft(), E(t, (function (t, e) { null != t && (Ap.hasClass(e) ? e && (o.push(e), a.set(e, !0)) : n[e] = null == n[e] ? T(t) : C(n[e], t, !0)) })), s && s.each((function (t, e) { Ap.hasClass(e) && !a.get(e) && (o.push(e), a.set(e, !0)) })), Ap.topologicalTravel(o, Ap.getAllClassMainTypes(), (function (e) { var o = function (t, e, n) { var i = $p.get(e); if (!i) return n; var r = i(t); return r ? n.concat(r) : n }(this, e, yo(t[e])), a = i.get(e), l = a ? s && s.get(e) ? "replaceMerge" : "normalMerge" : "replaceAll", u = bo(a, o, l); (function (t, e, n) { E(t, (function (t) { var i = t.newOption; q(i) && (t.keyInfo.mainType = e, t.keyInfo.subType = function (t, e, n, i) { return e.type ? e.type : n ? n.subType : i.determineSubType(t, e) }(e, i, t.existing, n)) })) })(u, e, Ap), n[e] = null, i.set(e, null), r.set(e, 0); var h, c = [], p = [], d = 0; E(u, (function (t, n) { var i = t.existing, r = t.newOption; if (r) { var o = "series" === e, a = Ap.getClass(e, t.keyInfo.subType, !o); if (!a) return; if ("tooltip" === e) { if (h) return void 0; h = !0 } if (i && i.constructor === a) i.name = t.keyInfo.name, i.mergeOption(r, this), i.optionUpdated(r, !1); else { var s = A({ componentIndex: n }, t.keyInfo); A(i = new a(r, this, this, s), s), t.brandNew && (i.__requireNewView = !0), i.init(r, this, this), i.optionUpdated(null, !0) } } else i && (i.mergeOption({}, this), i.optionUpdated({}, !1)); i ? (c.push(i.option), p.push(i), d++) : (c.push(void 0), p.push(void 0)) }), this), n[e] = c, i.set(e, p), r.set(e, d), "series" === e && Jp(this) }), this), this._seriesIndices || Jp(this) }, e.prototype.getOption = function () { var t = T(this.option); return E(t, (function (e, n) { if (Ap.hasClass(n)) { for (var i = yo(e), r = i.length, o = !1, a = r - 1; a >= 0; a--)i[a] && !To(i[a]) ? o = !0 : (i[a] = null, !o && r--); i.length = r, t[n] = i } })), delete t["\0_ec_inner"], t }, e.prototype.getTheme = function () { return this._theme }, e.prototype.getLocaleModel = function () { return this._locale }, e.prototype.setUpdatePayload = function (t) { this._payload = t }, e.prototype.getUpdatePayload = function () { return this._payload }, e.prototype.getComponent = function (t, e) { var n = this._componentsMap.get(t); if (n) { var i = n[e || 0]; if (i) return i; if (null == e) for (var r = 0; r < n.length; r++)if (n[r]) return n[r] } }, e.prototype.queryComponents = function (t) { var e = t.mainType; if (!e) return []; var n, i = t.index, r = t.id, o = t.name, a = this._componentsMap.get(e); return a && a.length ? (null != i ? (n = [], E(yo(i), (function (t) { a[t] && n.push(a[t]) }))) : n = null != r ? sd("id", r, a) : null != o ? sd("name", o, a) : B(a, (function (t) { return !!t })), ld(n, t)) : [] }, e.prototype.findComponents = function (t) { var e, n, i, r, o, a = t.query, s = t.mainType, l = (n = s + "Index", i = s + "Id", r = s + "Name", !(e = a) || null == e[n] && null == e[i] && null == e[r] ? null : { mainType: s, index: e[n], id: e[i], name: e[r] }), u = l ? this.queryComponents(l) : B(this._componentsMap.get(s), (function (t) { return !!t })); return o = ld(u, t), t.filter ? B(o, t.filter) : o }, e.prototype.eachComponent = function (t, e, n) { var i = this._componentsMap; if (U(t)) { var r = e, o = t; i.each((function (t, e) { for (var n = 0; t && n < t.length; n++) { var i = t[n]; i && o.call(r, e, i, i.componentIndex) } })) } else for (var a = X(t) ? i.get(t) : q(t) ? this.findComponents(t) : null, s = 0; a && s < a.length; s++) { var l = a[s]; l && e.call(n, l, l.componentIndex) } }, e.prototype.getSeriesByName = function (t) { var e = Mo(t, null); return B(this._componentsMap.get("series"), (function (t) { return !!t && null != e && t.name === e })) }, e.prototype.getSeriesByIndex = function (t) { return this._componentsMap.get("series")[t] }, e.prototype.getSeriesByType = function (t) { return B(this._componentsMap.get("series"), (function (e) { return !!e && e.subType === t })) }, e.prototype.getSeries = function () { return B(this._componentsMap.get("series"), (function (t) { return !!t })) }, e.prototype.getSeriesCount = function () { return this._componentsCount.get("series") }, e.prototype.eachSeries = function (t, e) { Qp(this), E(this._seriesIndices, (function (n) { var i = this._componentsMap.get("series")[n]; t.call(e, i, n) }), this) }, e.prototype.eachRawSeries = function (t, e) { E(this._componentsMap.get("series"), (function (n) { n && t.call(e, n, n.componentIndex) })) }, e.prototype.eachSeriesByType = function (t, e, n) { Qp(this), E(this._seriesIndices, (function (i) { var r = this._componentsMap.get("series")[i]; r.subType === t && e.call(n, r, i) }), this) }, e.prototype.eachRawSeriesByType = function (t, e, n) { return E(this.getSeriesByType(t), e, n) }, e.prototype.isSeriesFiltered = function (t) { return Qp(this), null == this._seriesIndicesMap.get(t.componentIndex) }, e.prototype.getCurrentSeriesIndices = function () { return (this._seriesIndices || []).slice() }, e.prototype.filterSeries = function (t, e) { Qp(this); var n = []; E(this._seriesIndices, (function (i) { var r = this._componentsMap.get("series")[i]; t.call(e, r, i) && n.push(i) }), this), this._seriesIndices = n, this._seriesIndicesMap = ft(n) }, e.prototype.restoreData = function (t) { Jp(this); var e = this._componentsMap, n = []; e.each((function (t, e) { Ap.hasClass(e) && n.push(e) })), Ap.topologicalTravel(n, Ap.getAllClassMainTypes(), (function (n) { E(e.get(n), (function (e) { !e || "series" === n && function (t, e) { if (e) { var n = e.seriesIndex, i = e.seriesId, r = e.seriesName; return null != n && t.componentIndex !== n || null != i && t.id !== i || null != r && t.name !== r } }(e, t) || e.restoreData() })) })) }, e.internalField = (Jp = function (t) { var e = t._seriesIndices = []; E(t._componentsMap.get("series"), (function (t) { t && e.push(t.componentIndex) })), t._seriesIndicesMap = ft(e) }, Qp = function (t) { }, void (td = function (t, e) { t.option = {}, t.option["\0_ec_inner"] = 1, t._componentsMap = ft({ series: [] }), t._componentsCount = ft(); var n = e.aria; q(n) && null == n.enabled && (n.enabled = !0), function (t, e) { var n = t.color && !t.colorLayer; E(e, (function (e, i) { "colorLayer" === i && n || Ap.hasClass(i) || ("object" == typeof e ? t[i] = t[i] ? C(t[i], e, !1) : T(e) : null == t[i] && (t[i] = e)) })) }(e, t._theme.option), C(e, Pp, !1), t._mergeOption(e, null) })), e }(xc); function sd(t, e, n) { if (Y(e)) { var i = ft(); return E(e, (function (t) { null != t && (null != Mo(t, null) && i.set(t, !0)) })), B(n, (function (e) { return e && i.get(e[t]) })) } var r = Mo(e, null); return B(n, (function (e) { return e && null != r && e[t] === r })) } function ld(t, e) { return e.hasOwnProperty("subType") ? B(t, (function (t) { return t && t.subType === e.subType })) : t } function ud(t) { var e = ft(); return t && E(yo(t.replaceMerge), (function (t) { e.set(t, !0) })), { replaceMergeMainTypeMap: e } } R(ad, id); var hd = ["getDom", "getZr", "getWidth", "getHeight", "getDevicePixelRatio", "dispatchAction", "isSSR", "isDisposed", "on", "off", "getDataURL", "getConnectedDataURL", "getOption", "getId", "updateLabelLayout"], cd = function (t) { E(hd, (function (e) { this[e] = W(t[e], t) }), this) }, pd = {}, dd = function () { function t() { this._coordinateSystems = [] } return t.prototype.create = function (t, e) { var n = []; E(pd, (function (i, r) { var o = i.create(t, e); n = n.concat(o || []) })), this._coordinateSystems = n }, t.prototype.update = function (t, e) { E(this._coordinateSystems, (function (n) { n.update && n.update(t, e) })) }, t.prototype.getCoordinateSystems = function () { return this._coordinateSystems.slice() }, t.register = function (t, e) { pd[t] = e }, t.get = function (t) { return pd[t] }, t }(), fd = /^(min|max)?(.+)$/, gd = function () { function t(t) { this._timelineOptions = [], this._mediaList = [], this._currentMediaIndices = [], this._api = t } return t.prototype.setOption = function (t, e, n) { t && (E(yo(t.series), (function (t) { t && t.data && $(t.data) && ct(t.data) })), E(yo(t.dataset), (function (t) { t && t.source && $(t.source) && ct(t.source) }))), t = T(t); var i = this._optionBackup, r = function (t, e, n) { var i, r, o = [], a = t.baseOption, s = t.timeline, l = t.options, u = t.media, h = !!t.media, c = !!(l || s || a && a.timeline); a ? (r = a).timeline || (r.timeline = s) : ((c || h) && (t.options = t.media = null), r = t); h && Y(u) && E(u, (function (t) { t && t.option && (t.query ? o.push(t) : i || (i = t)) })); function p(t) { E(e, (function (e) { e(t, n) })) } return p(r), E(l, (function (t) { return p(t) })), E(o, (function (t) { return p(t.option) })), { baseOption: r, timelineOptions: l || [], mediaDefault: i, mediaList: o } }(t, e, !i); this._newBaseOption = r.baseOption, i ? (r.timelineOptions.length && (i.timelineOptions = r.timelineOptions), r.mediaList.length && (i.mediaList = r.mediaList), r.mediaDefault && (i.mediaDefault = r.mediaDefault)) : this._optionBackup = r }, t.prototype.mountOption = function (t) { var e = this._optionBackup; return this._timelineOptions = e.timelineOptions, this._mediaList = e.mediaList, this._mediaDefault = e.mediaDefault, this._currentMediaIndices = [], T(t ? e.baseOption : this._newBaseOption) }, t.prototype.getTimelineOption = function (t) { var e, n = this._timelineOptions; if (n.length) { var i = t.getComponent("timeline"); i && (e = T(n[i.getCurrentIndex()])) } return e }, t.prototype.getMediaOption = function (t) { var e, n, i = this._api.getWidth(), r = this._api.getHeight(), o = this._mediaList, a = this._mediaDefault, s = [], l = []; if (!o.length && !a) return l; for (var u = 0, h = o.length; u < h; u++)yd(o[u].query, i, r) && s.push(u); return !s.length && a && (s = [-1]), s.length && (e = s, n = this._currentMediaIndices, e.join(",") !== n.join(",")) && (l = z(s, (function (t) { return T(-1 === t ? a.option : o[t].option) }))), this._currentMediaIndices = s, l }, t }(); function yd(t, e, n) { var i = { width: e, height: n, aspectratio: e / n }, r = !0; return E(t, (function (t, e) { var n = e.match(fd); if (n && n[1] && n[2]) { var o = n[1], a = n[2].toLowerCase(); (function (t, e, n) { return "min" === n ? t >= e : "max" === n ? t <= e : t === e })(i[a], t, o) || (r = !1) } })), r } var vd = E, md = q, xd = ["areaStyle", "lineStyle", "nodeStyle", "linkStyle", "chordStyle", "label", "labelLine"]; function _d(t) { var e = t && t.itemStyle; if (e) for (var n = 0, i = xd.length; n < i; n++) { var r = xd[n], o = e.normal, a = e.emphasis; o && o[r] && (t[r] = t[r] || {}, t[r].normal ? C(t[r].normal, o[r]) : t[r].normal = o[r], o[r] = null), a && a[r] && (t[r] = t[r] || {}, t[r].emphasis ? C(t[r].emphasis, a[r]) : t[r].emphasis = a[r], a[r] = null) } } function bd(t, e, n) { if (t && t[e] && (t[e].normal || t[e].emphasis)) { var i = t[e].normal, r = t[e].emphasis; i && (n ? (t[e].normal = t[e].emphasis = null, k(t[e], i)) : t[e] = i), r && (t.emphasis = t.emphasis || {}, t.emphasis[e] = r, r.focus && (t.emphasis.focus = r.focus), r.blurScope && (t.emphasis.blurScope = r.blurScope)) } } function wd(t) { bd(t, "itemStyle"), bd(t, "lineStyle"), bd(t, "areaStyle"), bd(t, "label"), bd(t, "labelLine"), bd(t, "upperLabel"), bd(t, "edgeLabel") } function Sd(t, e) { var n = md(t) && t[e], i = md(n) && n.textStyle; if (i) { 0; for (var r = 0, o = mo.length; r < o; r++) { var a = mo[r]; i.hasOwnProperty(a) && (n[a] = i[a]) } } } function Md(t) { t && (wd(t), Sd(t, "label"), t.emphasis && Sd(t.emphasis, "label")) } function Id(t) { return Y(t) ? t : t ? [t] : [] } function Td(t) { return (Y(t) ? t[0] : t) || {} } function Cd(t, e) { vd(Id(t.series), (function (t) { md(t) && function (t) { if (md(t)) { _d(t), wd(t), Sd(t, "label"), Sd(t, "upperLabel"), Sd(t, "edgeLabel"), t.emphasis && (Sd(t.emphasis, "label"), Sd(t.emphasis, "upperLabel"), Sd(t.emphasis, "edgeLabel")); var e = t.markPoint; e && (_d(e), Md(e)); var n = t.markLine; n && (_d(n), Md(n)); var i = t.markArea; i && Md(i); var r = t.data; if ("graph" === t.type) { r = r || t.nodes; var o = t.links || t.edges; if (o && !$(o)) for (var a = 0; a < o.length; a++)Md(o[a]); E(t.categories, (function (t) { wd(t) })) } if (r && !$(r)) for (a = 0; a < r.length; a++)Md(r[a]); if ((e = t.markPoint) && e.data) { var s = e.data; for (a = 0; a < s.length; a++)Md(s[a]) } if ((n = t.markLine) && n.data) { var l = n.data; for (a = 0; a < l.length; a++)Y(l[a]) ? (Md(l[a][0]), Md(l[a][1])) : Md(l[a]) } "gauge" === t.type ? (Sd(t, "axisLabel"), Sd(t, "title"), Sd(t, "detail")) : "treemap" === t.type ? (bd(t.breadcrumb, "itemStyle"), E(t.levels, (function (t) { wd(t) }))) : "tree" === t.type && wd(t.leaves) } }(t) })); var n = ["xAxis", "yAxis", "radiusAxis", "angleAxis", "singleAxis", "parallelAxis", "radar"]; e && n.push("valueAxis", "categoryAxis", "logAxis", "timeAxis"), vd(n, (function (e) { vd(Id(t[e]), (function (t) { t && (Sd(t, "axisLabel"), Sd(t.axisPointer, "label")) })) })), vd(Id(t.parallel), (function (t) { var e = t && t.parallelAxisDefault; Sd(e, "axisLabel"), Sd(e && e.axisPointer, "label") })), vd(Id(t.calendar), (function (t) { bd(t, "itemStyle"), Sd(t, "dayLabel"), Sd(t, "monthLabel"), Sd(t, "yearLabel") })), vd(Id(t.radar), (function (t) { Sd(t, "name"), t.name && null == t.axisName && (t.axisName = t.name, delete t.name), null != t.nameGap && null == t.axisNameGap && (t.axisNameGap = t.nameGap, delete t.nameGap) })), vd(Id(t.geo), (function (t) { md(t) && (Md(t), vd(Id(t.regions), (function (t) { Md(t) }))) })), vd(Id(t.timeline), (function (t) { Md(t), bd(t, "label"), bd(t, "itemStyle"), bd(t, "controlStyle", !0); var e = t.data; Y(e) && E(e, (function (t) { q(t) && (bd(t, "label"), bd(t, "itemStyle")) })) })), vd(Id(t.toolbox), (function (t) { bd(t, "iconStyle"), vd(t.feature, (function (t) { bd(t, "iconStyle") })) })), Sd(Td(t.axisPointer), "label"), Sd(Td(t.tooltip).axisPointer, "label") } function Dd(t) { t && E(Ad, (function (e) { e[0] in t && !(e[1] in t) && (t[e[1]] = t[e[0]]) })) } var Ad = [["x", "left"], ["y", "top"], ["x2", "right"], ["y2", "bottom"]], kd = ["grid", "geo", "parallel", "legend", "toolbox", "title", "visualMap", "dataZoom", "timeline"], Ld = [["borderRadius", "barBorderRadius"], ["borderColor", "barBorderColor"], ["borderWidth", "barBorderWidth"]]; function Pd(t) { var e = t && t.itemStyle; if (e) for (var n = 0; n < Ld.length; n++) { var i = Ld[n][1], r = Ld[n][0]; null != e[i] && (e[r] = e[i]) } } function Od(t) { t && "edge" === t.alignTo && null != t.margin && null == t.edgeDistance && (t.edgeDistance = t.margin) } function Rd(t) { t && t.downplay && !t.blur && (t.blur = t.downplay) } function Nd(t, e) { if (t) for (var n = 0; n < t.length; n++)e(t[n]), t[n] && Nd(t[n].children, e) } function Ed(t, e) { Cd(t, e), t.series = yo(t.series), E(t.series, (function (t) { if (q(t)) { var e = t.type; if ("line" === e) null != t.clipOverflow && (t.clip = t.clipOverflow); else if ("pie" === e || "gauge" === e) { if (null != t.clockWise && (t.clockwise = t.clockWise), Od(t.label), (r = t.data) && !$(r)) for (var n = 0; n < r.length; n++)Od(r[n]); null != t.hoverOffset && (t.emphasis = t.emphasis || {}, (t.emphasis.scaleSize = null) && (t.emphasis.scaleSize = t.hoverOffset)) } else if ("gauge" === e) { var i = function (t, e) { for (var n = e.split(","), i = t, r = 0; r < n.length && null != (i = i && i[n[r]]); r++); return i }(t, "pointer.color"); null != i && function (t, e, n, i) { for (var r, o = e.split(","), a = t, s = 0; s < o.length - 1; s++)null == a[r = o[s]] && (a[r] = {}), a = a[r]; (i || null == a[o[s]]) && (a[o[s]] = n) }(t, "itemStyle.color", i) } else if ("bar" === e) { var r; if (Pd(t), Pd(t.backgroundStyle), Pd(t.emphasis), (r = t.data) && !$(r)) for (n = 0; n < r.length; n++)"object" == typeof r[n] && (Pd(r[n]), Pd(r[n] && r[n].emphasis)) } else if ("sunburst" === e) { var o = t.highlightPolicy; o && (t.emphasis = t.emphasis || {}, t.emphasis.focus || (t.emphasis.focus = o)), Rd(t), Nd(t.data, Rd) } else "graph" === e || "sankey" === e ? function (t) { t && null != t.focusNodeAdjacency && (t.emphasis = t.emphasis || {}, null == t.emphasis.focus && (t.emphasis.focus = "adjacency")) }(t) : "map" === e && (t.mapType && !t.map && (t.map = t.mapType), t.mapLocation && k(t, t.mapLocation)); null != t.hoverAnimation && (t.emphasis = t.emphasis || {}, t.emphasis && null == t.emphasis.scale && (t.emphasis.scale = t.hoverAnimation)), Dd(t) } })), t.dataRange && (t.visualMap = t.dataRange), E(kd, (function (e) { var n = t[e]; n && (Y(n) || (n = [n]), E(n, (function (t) { Dd(t) }))) })) } function zd(t) { E(t, (function (e, n) { var i = [], r = [NaN, NaN], o = [e.stackResultDimension, e.stackedOverDimension], a = e.data, s = e.isStackedByIndex, l = e.seriesModel.get("stackStrategy") || "samesign"; a.modify(o, (function (o, u, h) { var c, p, d = a.get(e.stackedDimension, h); if (isNaN(d)) return r; s ? p = a.getRawIndex(h) : c = a.get(e.stackedByDimension, h); for (var f = NaN, g = n - 1; g >= 0; g--) { var y = t[g]; if (s || (p = y.data.rawIndexOf(y.stackedByDimension, c)), p >= 0) { var v = y.data.getByRawIndex(y.stackResultDimension, p); if ("all" === l || "positive" === l && v > 0 || "negative" === l && v < 0 || "samesign" === l && d >= 0 && v > 0 || "samesign" === l && d <= 0 && v < 0) { d = jr(d, v), f = v; break } } } return i[0] = d, i[1] = f, i })) })) } var Vd, Bd, Fd, Gd, Wd, Hd = function (t) { this.data = t.data || (t.sourceFormat === zp ? {} : []), this.sourceFormat = t.sourceFormat || Bp, this.seriesLayoutBy = t.seriesLayoutBy || Fp, this.startIndex = t.startIndex || 0, this.dimensionsDetectedCount = t.dimensionsDetectedCount, this.metaRawOption = t.metaRawOption; var e = this.dimensionsDefine = t.dimensionsDefine; if (e) for (var n = 0; n < e.length; n++) { var i = e[n]; null == i.type && qp(this, n) === Wp && (i.type = "ordinal") } }; function Yd(t) { return t instanceof Hd } function Ud(t, e, n) { n = n || Zd(t); var i = e.seriesLayoutBy, r = function (t, e, n, i, r) { var o, a; if (!t) return { dimensionsDefine: jd(r), startIndex: a, dimensionsDetectedCount: o }; if (e === Np) { var s = t; "auto" === i || null == i ? qd((function (t) { null != t && "-" !== t && (X(t) ? null == a && (a = 1) : a = 0) }), n, s, 10) : a = j(i) ? i : i ? 1 : 0, r || 1 !== a || (r = [], qd((function (t, e) { r[e] = null != t ? t + "" : "" }), n, s, 1 / 0)), o = r ? r.length : n === Gp ? s.length : s[0] ? s[0].length : null } else if (e === Ep) r || (r = function (t) { var e, n = 0; for (; n < t.length && !(e = t[n++]);); if (e) { var i = []; return E(e, (function (t, e) { i.push(e) })), i } }(t)); else if (e === zp) r || (r = [], E(t, (function (t, e) { r.push(e) }))); else if (e === Rp) { var l = xo(t[0]); o = Y(l) && l.length || 1 } return { startIndex: a, dimensionsDefine: jd(r), dimensionsDetectedCount: o } }(t, n, i, e.sourceHeader, e.dimensions); return new Hd({ data: t, sourceFormat: n, seriesLayoutBy: i, dimensionsDefine: r.dimensionsDefine, startIndex: r.startIndex, dimensionsDetectedCount: r.dimensionsDetectedCount, metaRawOption: T(e) }) } function Xd(t) { return new Hd({ data: t, sourceFormat: $(t) ? Vp : Rp }) } function Zd(t) { var e = Bp; if ($(t)) e = Vp; else if (Y(t)) { 0 === t.length && (e = Np); for (var n = 0, i = t.length; n < i; n++) { var r = t[n]; if (null != r) { if (Y(r)) { e = Np; break } if (q(r)) { e = Ep; break } } } } else if (q(t)) for (var o in t) if (mt(t, o) && N(t[o])) { e = zp; break } return e } function jd(t) { if (t) { var e = ft(); return z(t, (function (t, n) { var i = { name: (t = q(t) ? t : { name: t }).name, displayName: t.displayName, type: t.type }; if (null == i.name) return i; i.name += "", null == i.displayName && (i.displayName = i.name); var r = e.get(i.name); return r ? i.name += "-" + r.count++ : e.set(i.name, { count: 1 }), i })) } } function qd(t, e, n, i) { if (e === Gp) for (var r = 0; r < n.length && r < i; r++)t(n[r] ? n[r][0] : null, r); else { var o = n[0] || []; for (r = 0; r < o.length && r < i; r++)t(o[r], r) } } function Kd(t) { var e = t.sourceFormat; return e === Ep || e === zp } var $d = function () { function t(t, e) { var n = Yd(t) ? t : Xd(t); this._source = n; var i = this._data = n.data; n.sourceFormat === Vp && (this._offset = 0, this._dimSize = e, this._data = i), Wd(this, i, n) } return t.prototype.getSource = function () { return this._source }, t.prototype.count = function () { return 0 }, t.prototype.getItem = function (t, e) { }, t.prototype.appendData = function (t) { }, t.prototype.clean = function () { }, t.protoInitialize = function () { var e = t.prototype; e.pure = !1, e.persistent = !0 }(), t.internalField = function () { var t; Wd = function (t, r, o) { var a = o.sourceFormat, s = o.seriesLayoutBy, l = o.startIndex, u = o.dimensionsDefine, h = Gd[lf(a, s)]; if (A(t, h), a === Vp) t.getItem = e, t.count = i, t.fillStorage = n; else { var c = tf(a, s); t.getItem = W(c, null, r, l, u); var p = rf(a, s); t.count = W(p, null, r, l, u) } }; var e = function (t, e) { t -= this._offset, e = e || []; for (var n = this._data, i = this._dimSize, r = i * t, o = 0; o < i; o++)e[o] = n[r + o]; return e }, n = function (t, e, n, i) { for (var r = this._data, o = this._dimSize, a = 0; a < o; a++) { for (var s = i[a], l = null == s[0] ? 1 / 0 : s[0], u = null == s[1] ? -1 / 0 : s[1], h = e - t, c = n[a], p = 0; p < h; p++) { var d = r[p * o + a]; c[t + p] = d, d < l && (l = d), d > u && (u = d) } s[0] = l, s[1] = u } }, i = function () { return this._data ? this._data.length / this._dimSize : 0 }; function r(t) { for (var e = 0; e < t.length; e++)this._data.push(t[e]) } (t = {}).arrayRows_column = { pure: !0, appendData: r }, t.arrayRows_row = { pure: !0, appendData: function () { throw new Error('Do not support appendData when set seriesLayoutBy: "row".') } }, t.objectRows = { pure: !0, appendData: r }, t.keyedColumns = { pure: !0, appendData: function (t) { var e = this._data; E(t, (function (t, n) { for (var i = e[n] || (e[n] = []), r = 0; r < (t || []).length; r++)i.push(t[r]) })) } }, t.original = { appendData: r }, t.typedArray = { persistent: !1, pure: !0, appendData: function (t) { this._data = t }, clean: function () { this._offset += this.count(), this._data = null } }, Gd = t }(), t }(), Jd = function (t, e, n, i) { return t[i] }, Qd = ((Vd = {}).arrayRows_column = function (t, e, n, i) { return t[i + e] }, Vd.arrayRows_row = function (t, e, n, i, r) { i += e; for (var o = r || [], a = t, s = 0; s < a.length; s++) { var l = a[s]; o[s] = l ? l[i] : null } return o }, Vd.objectRows = Jd, Vd.keyedColumns = function (t, e, n, i, r) { for (var o = r || [], a = 0; a < n.length; a++) { var s = n[a].name; 0; var l = t[s]; o[a] = l ? l[i] : null } return o }, Vd.original = Jd, Vd); function tf(t, e) { var n = Qd[lf(t, e)]; return n } var ef = function (t, e, n) { return t.length }, nf = ((Bd = {}).arrayRows_column = function (t, e, n) { return Math.max(0, t.length - e) }, Bd.arrayRows_row = function (t, e, n) { var i = t[0]; return i ? Math.max(0, i.length - e) : 0 }, Bd.objectRows = ef, Bd.keyedColumns = function (t, e, n) { var i = n[0].name; var r = t[i]; return r ? r.length : 0 }, Bd.original = ef, Bd); function rf(t, e) { var n = nf[lf(t, e)]; return n } var of = function (t, e, n) { return t[e] }, af = ((Fd = {}).arrayRows = of, Fd.objectRows = function (t, e, n) { return t[n] }, Fd.keyedColumns = of, Fd.original = function (t, e, n) { var i = xo(t); return i instanceof Array ? i[e] : i }, Fd.typedArray = of, Fd); function sf(t) { var e = af[t]; return e } function lf(t, e) { return t === Np ? t + "_" + e : t } function uf(t, e, n) { if (t) { var i = t.getRawDataItem(e); if (null != i) { var r = t.getStore(), o = r.getSource().sourceFormat; if (null != n) { var a = t.getDimensionIndex(n), s = r.getDimensionProperty(a); return sf(o)(i, a, s) } var l = i; return o === Rp && (l = xo(i)), l } } } var hf = /\{@(.+?)\}/g, cf = function () { function t() { } return t.prototype.getDataParams = function (t, e) { var n = this.getData(e), i = this.getRawValue(t, e), r = n.getRawIndex(t), o = n.getName(t), a = n.getRawDataItem(t), s = n.getItemVisual(t, "style"), l = s && s[n.getItemVisual(t, "drawType") || "fill"], u = s && s.stroke, h = this.mainType, c = "series" === h, p = n.userOutput && n.userOutput.get(); return { componentType: h, componentSubType: this.subType, componentIndex: this.componentIndex, seriesType: c ? this.subType : null, seriesIndex: this.seriesIndex, seriesId: c ? this.id : null, seriesName: c ? this.name : null, name: o, dataIndex: r, data: a, dataType: e, value: i, color: l, borderColor: u, dimensionNames: p ? p.fullDimensions : null, encode: p ? p.encode : null, $vars: ["seriesName", "name", "value"] } }, t.prototype.getFormattedLabel = function (t, e, n, i, r, o) { e = e || "normal"; var a = this.getData(n), s = this.getDataParams(t, n); (o && (s.value = o.interpolatedValue), null != i && Y(s.value) && (s.value = s.value[i]), r) || (r = a.getItemModel(t).get("normal" === e ? ["label", "formatter"] : [e, "label", "formatter"])); return U(r) ? (s.status = e, s.dimensionIndex = i, r(s)) : X(r) ? dp(r, s).replace(hf, (function (e, n) { var i = n.length, r = n; "[" === r.charAt(0) && "]" === r.charAt(i - 1) && (r = +r.slice(1, i - 1)); var s = uf(a, t, r); if (o && Y(o.interpolatedValue)) { var l = a.getDimensionIndex(r); l >= 0 && (s = o.interpolatedValue[l]) } return null != s ? s + "" : "" })) : void 0 }, t.prototype.getRawValue = function (t, e) { return uf(this.getData(e), t) }, t.prototype.formatTooltip = function (t, e, n) { }, t }(); function pf(t) { var e, n; return q(t) ? t.type && (n = t) : e = t, { text: e, frag: n } } function df(t) { return new ff(t) } var ff = function () { function t(t) { t = t || {}, this._reset = t.reset, this._plan = t.plan, this._count = t.count, this._onDirty = t.onDirty, this._dirty = !0 } return t.prototype.perform = function (t) { var e, n = this._upstream, i = t && t.skip; if (this._dirty && n) { var r = this.context; r.data = r.outputData = n.context.outputData } this.__pipeline && (this.__pipeline.currentTask = this), this._plan && !i && (e = this._plan(this.context)); var o, a = h(this._modBy), s = this._modDataCount || 0, l = h(t && t.modBy), u = t && t.modDataCount || 0; function h(t) { return !(t >= 1) && (t = 1), t } a === l && s === u || (e = "reset"), (this._dirty || "reset" === e) && (this._dirty = !1, o = this._doReset(i)), this._modBy = l, this._modDataCount = u; var c = t && t.step; if (this._dueEnd = n ? n._outputDueEnd : this._count ? this._count(this.context) : 1 / 0, this._progress) { var p = this._dueIndex, d = Math.min(null != c ? this._dueIndex + c : 1 / 0, this._dueEnd); if (!i && (o || p < d)) { var f = this._progress; if (Y(f)) for (var g = 0; g < f.length; g++)this._doProgress(f[g], p, d, l, u); else this._doProgress(f, p, d, l, u) } this._dueIndex = d; var y = null != this._settedOutputEnd ? this._settedOutputEnd : d; 0, this._outputDueEnd = y } else this._dueIndex = this._outputDueEnd = null != this._settedOutputEnd ? this._settedOutputEnd : this._dueEnd; return this.unfinished() }, t.prototype.dirty = function () { this._dirty = !0, this._onDirty && this._onDirty(this.context) }, t.prototype._doProgress = function (t, e, n, i, r) { gf.reset(e, n, i, r), this._callingProgress = t, this._callingProgress({ start: e, end: n, count: n - e, next: gf.next }, this.context) }, t.prototype._doReset = function (t) { var e, n; this._dueIndex = this._outputDueEnd = this._dueEnd = 0, this._settedOutputEnd = null, !t && this._reset && ((e = this._reset(this.context)) && e.progress && (n = e.forceFirstProgress, e = e.progress), Y(e) && !e.length && (e = null)), this._progress = e, this._modBy = this._modDataCount = null; var i = this._downstream; return i && i.dirty(), n }, t.prototype.unfinished = function () { return this._progress && this._dueIndex < this._dueEnd }, t.prototype.pipe = function (t) { (this._downstream !== t || this._dirty) && (this._downstream = t, t._upstream = this, t.dirty()) }, t.prototype.dispose = function () { this._disposed || (this._upstream && (this._upstream._downstream = null), this._downstream && (this._downstream._upstream = null), this._dirty = !1, this._disposed = !0) }, t.prototype.getUpstream = function () { return this._upstream }, t.prototype.getDownstream = function () { return this._downstream }, t.prototype.setOutputEnd = function (t) { this._outputDueEnd = this._settedOutputEnd = t }, t }(), gf = function () { var t, e, n, i, r, o = { reset: function (l, u, h, c) { e = l, t = u, n = h, i = c, r = Math.ceil(i / n), o.next = n > 1 && i > 0 ? s : a } }; return o; function a() { return e < t ? e++ : null } function s() { var o = e % r * n + Math.ceil(e / r), a = e >= t ? null : o < i ? o : e; return e++, a } }(); function yf(t, e) { var n = e && e.type; return "ordinal" === n ? t : ("time" !== n || j(t) || null == t || "-" === t || (t = +Qr(t)), null == t || "" === t ? NaN : +t) } var vf = ft({ number: function (t) { return parseFloat(t) }, time: function (t) { return +Qr(t) }, trim: function (t) { return X(t) ? ut(t) : t } }); function mf(t) { return vf.get(t) } var xf = { lt: function (t, e) { return t < e }, lte: function (t, e) { return t <= e }, gt: function (t, e) { return t > e }, gte: function (t, e) { return t >= e } }, _f = function () { function t(t, e) { if (!j(e)) { var n = ""; 0, co(n) } this._opFn = xf[t], this._rvalFloat = oo(e) } return t.prototype.evaluate = function (t) { return j(t) ? this._opFn(t, this._rvalFloat) : this._opFn(oo(t), this._rvalFloat) }, t }(), bf = function () { function t(t, e) { var n = "desc" === t; this._resultLT = n ? 1 : -1, null == e && (e = n ? "min" : "max"), this._incomparable = "min" === e ? -1 / 0 : 1 / 0 } return t.prototype.evaluate = function (t, e) { var n = j(t) ? t : oo(t), i = j(e) ? e : oo(e), r = isNaN(n), o = isNaN(i); if (r && (n = this._incomparable), o && (i = this._incomparable), r && o) { var a = X(t), s = X(e); a && (n = s ? t : 0), s && (i = a ? e : 0) } return n < i ? this._resultLT : n > i ? -this._resultLT : 0 }, t }(), wf = function () { function t(t, e) { this._rval = e, this._isEQ = t, this._rvalTypeof = typeof e, this._rvalFloat = oo(e) } return t.prototype.evaluate = function (t) { var e = t === this._rval; if (!e) { var n = typeof t; n === this._rvalTypeof || "number" !== n && "number" !== this._rvalTypeof || (e = oo(t) === this._rvalFloat) } return this._isEQ ? e : !e }, t }(); function Sf(t, e) { return "eq" === t || "ne" === t ? new wf("eq" === t, e) : mt(xf, t) ? new _f(t, e) : null } var Mf = function () { function t() { } return t.prototype.getRawData = function () { throw new Error("not supported") }, t.prototype.getRawDataItem = function (t) { throw new Error("not supported") }, t.prototype.cloneRawData = function () { }, t.prototype.getDimensionInfo = function (t) { }, t.prototype.cloneAllDimensionInfo = function () { }, t.prototype.count = function () { }, t.prototype.retrieveValue = function (t, e) { }, t.prototype.retrieveValueFromItem = function (t, e) { }, t.prototype.convertValue = function (t, e) { return yf(t, e) }, t }(); function If(t) { var e = t.sourceFormat; if (!Lf(e)) { var n = ""; 0, co(n) } return t.data } function Tf(t) { var e = t.sourceFormat, n = t.data; if (!Lf(e)) { var i = ""; 0, co(i) } if (e === Np) { for (var r = [], o = 0, a = n.length; o < a; o++)r.push(n[o].slice()); return r } if (e === Ep) { for (r = [], o = 0, a = n.length; o < a; o++)r.push(A({}, n[o])); return r } } function Cf(t, e, n) { if (null != n) return j(n) || !isNaN(n) && !mt(e, n) ? t[n] : mt(e, n) ? e[n] : void 0 } function Df(t) { return T(t) } var Af = ft(); function kf(t, e, n, i) { var r = ""; e.length || co(r), q(t) || co(r); var o = t.type, a = Af.get(o); a || co(r); var s = z(e, (function (t) { return function (t, e) { var n = new Mf, i = t.data, r = n.sourceFormat = t.sourceFormat, o = t.startIndex, a = ""; t.seriesLayoutBy !== Fp && co(a); var s = [], l = {}, u = t.dimensionsDefine; if (u) E(u, (function (t, e) { var n = t.name, i = { index: e, name: n, displayName: t.displayName }; if (s.push(i), null != n) { var r = ""; mt(l, n) && co(r), l[n] = i } })); else for (var h = 0; h < t.dimensionsDetectedCount; h++)s.push({ index: h }); var c = tf(r, Fp); e.__isBuiltIn && (n.getRawDataItem = function (t) { return c(i, o, s, t) }, n.getRawData = W(If, null, t)), n.cloneRawData = W(Tf, null, t); var p = rf(r, Fp); n.count = W(p, null, i, o, s); var d = sf(r); n.retrieveValue = function (t, e) { var n = c(i, o, s, t); return f(n, e) }; var f = n.retrieveValueFromItem = function (t, e) { if (null != t) { var n = s[e]; return n ? d(t, e, n.name) : void 0 } }; return n.getDimensionInfo = W(Cf, null, s, l), n.cloneAllDimensionInfo = W(Df, null, s), n }(t, a) })), l = yo(a.transform({ upstream: s[0], upstreamList: s, config: T(t.config) })); return z(l, (function (t, n) { var i, r = ""; q(t) || co(r), t.data || co(r), Lf(Zd(t.data)) || co(r); var o = e[0]; if (o && 0 === n && !t.dimensions) { var a = o.startIndex; a && (t.data = o.data.slice(0, a).concat(t.data)), i = { seriesLayoutBy: Fp, sourceHeader: a, dimensions: o.metaRawOption.dimensions } } else i = { seriesLayoutBy: Fp, sourceHeader: 0, dimensions: t.dimensions }; return Ud(t.data, i, null) })) } function Lf(t) { return t === Np || t === Ep } var Pf, Of = "undefined", Rf = typeof Uint32Array === Of ? Array : Uint32Array, Nf = typeof Uint16Array === Of ? Array : Uint16Array, Ef = typeof Int32Array === Of ? Array : Int32Array, zf = typeof Float64Array === Of ? Array : Float64Array, Vf = { float: zf, int: Ef, ordinal: Array, number: Array, time: zf }; function Bf(t) { return t > 65535 ? Rf : Nf } function Ff(t, e, n, i, r) { var o = Vf[n || "float"]; if (r) { var a = t[e], s = a && a.length; if (s !== i) { for (var l = new o(i), u = 0; u < s; u++)l[u] = a[u]; t[e] = l } } else t[e] = new o(i) } var Gf = function () { function t() { this._chunks = [], this._rawExtent = [], this._extent = [], this._count = 0, this._rawCount = 0, this._calcDimNameToIdx = ft() } return t.prototype.initData = function (t, e, n) { this._provider = t, this._chunks = [], this._indices = null, this.getRawIndex = this._getRawIdxIdentity; var i = t.getSource(), r = this.defaultDimValueGetter = Pf[i.sourceFormat]; this._dimValueGetter = n || r, this._rawExtent = []; Kd(i); this._dimensions = z(e, (function (t) { return { type: t.type, property: t.property } })), this._initDataFromProvider(0, t.count()) }, t.prototype.getProvider = function () { return this._provider }, t.prototype.getSource = function () { return this._provider.getSource() }, t.prototype.ensureCalculationDimension = function (t, e) { var n = this._calcDimNameToIdx, i = this._dimensions, r = n.get(t); if (null != r) { if (i[r].type === e) return r } else r = i.length; return i[r] = { type: e }, n.set(t, r), this._chunks[r] = new Vf[e || "float"](this._rawCount), this._rawExtent[r] = [1 / 0, -1 / 0], r }, t.prototype.collectOrdinalMeta = function (t, e) { var n = this._chunks[t], i = this._dimensions[t], r = this._rawExtent, o = i.ordinalOffset || 0, a = n.length; 0 === o && (r[t] = [1 / 0, -1 / 0]); for (var s = r[t], l = o; l < a; l++) { var u = n[l] = e.parseAndCollect(n[l]); isNaN(u) || (s[0] = Math.min(u, s[0]), s[1] = Math.max(u, s[1])) } i.ordinalMeta = e, i.ordinalOffset = a, i.type = "ordinal" }, t.prototype.getOrdinalMeta = function (t) { return this._dimensions[t].ordinalMeta }, t.prototype.getDimensionProperty = function (t) { var e = this._dimensions[t]; return e && e.property }, t.prototype.appendData = function (t) { var e = this._provider, n = this.count(); e.appendData(t); var i = e.count(); return e.persistent || (i += n), n < i && this._initDataFromProvider(n, i, !0), [n, i] }, t.prototype.appendValues = function (t, e) { for (var n = this._chunks, i = this._dimensions, r = i.length, o = this._rawExtent, a = this.count(), s = a + Math.max(t.length, e || 0), l = 0; l < r; l++) { Ff(n, l, (d = i[l]).type, s, !0) } for (var u = [], h = a; h < s; h++)for (var c = h - a, p = 0; p < r; p++) { var d = i[p], f = Pf.arrayRows.call(this, t[c] || u, d.property, c, p); n[p][h] = f; var g = o[p]; f < g[0] && (g[0] = f), f > g[1] && (g[1] = f) } return this._rawCount = this._count = s, { start: a, end: s } }, t.prototype._initDataFromProvider = function (t, e, n) { for (var i = this._provider, r = this._chunks, o = this._dimensions, a = o.length, s = this._rawExtent, l = z(o, (function (t) { return t.property })), u = 0; u < a; u++) { var h = o[u]; s[u] || (s[u] = [1 / 0, -1 / 0]), Ff(r, u, h.type, e, n) } if (i.fillStorage) i.fillStorage(t, e, r, s); else for (var c = [], p = t; p < e; p++) { c = i.getItem(p, c); for (var d = 0; d < a; d++) { var f = r[d], g = this._dimValueGetter(c, l[d], p, d); f[p] = g; var y = s[d]; g < y[0] && (y[0] = g), g > y[1] && (y[1] = g) } } !i.persistent && i.clean && i.clean(), this._rawCount = this._count = e, this._extent = [] }, t.prototype.count = function () { return this._count }, t.prototype.get = function (t, e) { if (!(e >= 0 && e < this._count)) return NaN; var n = this._chunks[t]; return n ? n[this.getRawIndex(e)] : NaN }, t.prototype.getValues = function (t, e) { var n = [], i = []; if (null == e) { e = t, t = []; for (var r = 0; r < this._dimensions.length; r++)i.push(r) } else i = t; r = 0; for (var o = i.length; r < o; r++)n.push(this.get(i[r], e)); return n }, t.prototype.getByRawIndex = function (t, e) { if (!(e >= 0 && e < this._rawCount)) return NaN; var n = this._chunks[t]; return n ? n[e] : NaN }, t.prototype.getSum = function (t) { var e = 0; if (this._chunks[t]) for (var n = 0, i = this.count(); n < i; n++) { var r = this.get(t, n); isNaN(r) || (e += r) } return e }, t.prototype.getMedian = function (t) { var e = []; this.each([t], (function (t) { isNaN(t) || e.push(t) })); var n = e.sort((function (t, e) { return t - e })), i = this.count(); return 0 === i ? 0 : i % 2 == 1 ? n[(i - 1) / 2] : (n[i / 2] + n[i / 2 - 1]) / 2 }, t.prototype.indexOfRawIndex = function (t) { if (t >= this._rawCount || t < 0) return -1; if (!this._indices) return t; var e = this._indices, n = e[t]; if (null != n && n < this._count && n === t) return t; for (var i = 0, r = this._count - 1; i <= r;) { var o = (i + r) / 2 | 0; if (e[o] < t) i = o + 1; else { if (!(e[o] > t)) return o; r = o - 1 } } return -1 }, t.prototype.indicesOfNearest = function (t, e, n) { var i = this._chunks[t], r = []; if (!i) return r; null == n && (n = 1 / 0); for (var o = 1 / 0, a = -1, s = 0, l = 0, u = this.count(); l < u; l++) { var h = e - i[this.getRawIndex(l)], c = Math.abs(h); c <= n && ((c < o || c === o && h >= 0 && a < 0) && (o = c, a = h, s = 0), h === a && (r[s++] = l)) } return r.length = s, r }, t.prototype.getIndices = function () { var t, e = this._indices; if (e) { var n = e.constructor, i = this._count; if (n === Array) { t = new n(i); for (var r = 0; r < i; r++)t[r] = e[r] } else t = new n(e.buffer, 0, i) } else { t = new (n = Bf(this._rawCount))(this.count()); for (r = 0; r < t.length; r++)t[r] = r } return t }, t.prototype.filter = function (t, e) { if (!this._count) return this; for (var n = this.clone(), i = n.count(), r = new (Bf(n._rawCount))(i), o = [], a = t.length, s = 0, l = t[0], u = n._chunks, h = 0; h < i; h++) { var c = void 0, p = n.getRawIndex(h); if (0 === a) c = e(h); else if (1 === a) { c = e(u[l][p], h) } else { for (var d = 0; d < a; d++)o[d] = u[t[d]][p]; o[d] = h, c = e.apply(null, o) } c && (r[s++] = p) } return s < i && (n._indices = r), n._count = s, n._extent = [], n._updateGetRawIdx(), n }, t.prototype.selectRange = function (t) { var e = this.clone(), n = e._count; if (!n) return this; var i = G(t), r = i.length; if (!r) return this; var o = e.count(), a = new (Bf(e._rawCount))(o), s = 0, l = i[0], u = t[l][0], h = t[l][1], c = e._chunks, p = !1; if (!e._indices) { var d = 0; if (1 === r) { for (var f = c[i[0]], g = 0; g < n; g++) { ((x = f[g]) >= u && x <= h || isNaN(x)) && (a[s++] = d), d++ } p = !0 } else if (2 === r) { f = c[i[0]]; var y = c[i[1]], v = t[i[1]][0], m = t[i[1]][1]; for (g = 0; g < n; g++) { var x = f[g], _ = y[g]; (x >= u && x <= h || isNaN(x)) && (_ >= v && _ <= m || isNaN(_)) && (a[s++] = d), d++ } p = !0 } } if (!p) if (1 === r) for (g = 0; g < o; g++) { var b = e.getRawIndex(g); ((x = c[i[0]][b]) >= u && x <= h || isNaN(x)) && (a[s++] = b) } else for (g = 0; g < o; g++) { for (var w = !0, S = (b = e.getRawIndex(g), 0); S < r; S++) { var M = i[S]; ((x = c[M][b]) < t[M][0] || x > t[M][1]) && (w = !1) } w && (a[s++] = e.getRawIndex(g)) } return s < o && (e._indices = a), e._count = s, e._extent = [], e._updateGetRawIdx(), e }, t.prototype.map = function (t, e) { var n = this.clone(t); return this._updateDims(n, t, e), n }, t.prototype.modify = function (t, e) { this._updateDims(this, t, e) }, t.prototype._updateDims = function (t, e, n) { for (var i = t._chunks, r = [], o = e.length, a = t.count(), s = [], l = t._rawExtent, u = 0; u < e.length; u++)l[e[u]] = [1 / 0, -1 / 0]; for (var h = 0; h < a; h++) { for (var c = t.getRawIndex(h), p = 0; p < o; p++)s[p] = i[e[p]][c]; s[o] = h; var d = n && n.apply(null, s); if (null != d) { "object" != typeof d && (r[0] = d, d = r); for (u = 0; u < d.length; u++) { var f = e[u], g = d[u], y = l[f], v = i[f]; v && (v[c] = g), g < y[0] && (y[0] = g), g > y[1] && (y[1] = g) } } } }, t.prototype.lttbDownSample = function (t, e) { var n, i, r, o = this.clone([t], !0), a = o._chunks[t], s = this.count(), l = 0, u = Math.floor(1 / e), h = this.getRawIndex(0), c = new (Bf(this._rawCount))(Math.min(2 * (Math.ceil(s / u) + 2), s)); c[l++] = h; for (var p = 1; p < s - 1; p += u) { for (var d = Math.min(p + u, s - 1), f = Math.min(p + 2 * u, s), g = (f + d) / 2, y = 0, v = d; v < f; v++) { var m = a[I = this.getRawIndex(v)]; isNaN(m) || (y += m) } y /= f - d; var x = p, _ = Math.min(p + u, s), b = p - 1, w = a[h]; n = -1, r = x; var S = -1, M = 0; for (v = x; v < _; v++) { var I; m = a[I = this.getRawIndex(v)]; isNaN(m) ? (M++, S < 0 && (S = I)) : (i = Math.abs((b - g) * (m - w) - (b - v) * (y - w))) > n && (n = i, r = I) } M > 0 && M < _ - x && (c[l++] = Math.min(S, r), r = Math.max(S, r)), c[l++] = r, h = r } return c[l++] = this.getRawIndex(s - 1), o._count = l, o._indices = c, o.getRawIndex = this._getRawIdx, o }, t.prototype.downSample = function (t, e, n, i) { for (var r = this.clone([t], !0), o = r._chunks, a = [], s = Math.floor(1 / e), l = o[t], u = this.count(), h = r._rawExtent[t] = [1 / 0, -1 / 0], c = new (Bf(this._rawCount))(Math.ceil(u / s)), p = 0, d = 0; d < u; d += s) { s > u - d && (s = u - d, a.length = s); for (var f = 0; f < s; f++) { var g = this.getRawIndex(d + f); a[f] = l[g] } var y = n(a), v = this.getRawIndex(Math.min(d + i(a, y) || 0, u - 1)); l[v] = y, y < h[0] && (h[0] = y), y > h[1] && (h[1] = y), c[p++] = v } return r._count = p, r._indices = c, r._updateGetRawIdx(), r }, t.prototype.each = function (t, e) { if (this._count) for (var n = t.length, i = this._chunks, r = 0, o = this.count(); r < o; r++) { var a = this.getRawIndex(r); switch (n) { case 0: e(r); break; case 1: e(i[t[0]][a], r); break; case 2: e(i[t[0]][a], i[t[1]][a], r); break; default: for (var s = 0, l = []; s < n; s++)l[s] = i[t[s]][a]; l[s] = r, e.apply(null, l) } } }, t.prototype.getDataExtent = function (t) { var e = this._chunks[t], n = [1 / 0, -1 / 0]; if (!e) return n; var i, r = this.count(); if (!this._indices) return this._rawExtent[t].slice(); if (i = this._extent[t]) return i.slice(); for (var o = (i = n)[0], a = i[1], s = 0; s < r; s++) { var l = e[this.getRawIndex(s)]; l < o && (o = l), l > a && (a = l) } return i = [o, a], this._extent[t] = i, i }, t.prototype.getRawDataItem = function (t) { var e = this.getRawIndex(t); if (this._provider.persistent) return this._provider.getItem(e); for (var n = [], i = this._chunks, r = 0; r < i.length; r++)n.push(i[r][e]); return n }, t.prototype.clone = function (e, n) { var i, r, o = new t, a = this._chunks, s = e && V(e, (function (t, e) { return t[e] = !0, t }), {}); if (s) for (var l = 0; l < a.length; l++)o._chunks[l] = s[l] ? (i = a[l], r = void 0, (r = i.constructor) === Array ? i.slice() : new r(i)) : a[l]; else o._chunks = a; return this._copyCommonProps(o), n || (o._indices = this._cloneIndices()), o._updateGetRawIdx(), o }, t.prototype._copyCommonProps = function (t) { t._count = this._count, t._rawCount = this._rawCount, t._provider = this._provider, t._dimensions = this._dimensions, t._extent = T(this._extent), t._rawExtent = T(this._rawExtent) }, t.prototype._cloneIndices = function () { if (this._indices) { var t = this._indices.constructor, e = void 0; if (t === Array) { var n = this._indices.length; e = new t(n); for (var i = 0; i < n; i++)e[i] = this._indices[i] } else e = new t(this._indices); return e } return null }, t.prototype._getRawIdxIdentity = function (t) { return t }, t.prototype._getRawIdx = function (t) { return t < this._count && t >= 0 ? this._indices[t] : -1 }, t.prototype._updateGetRawIdx = function () { this.getRawIndex = this._indices ? this._getRawIdx : this._getRawIdxIdentity }, t.internalField = function () { function t(t, e, n, i) { return yf(t[i], this._dimensions[i]) } Pf = { arrayRows: t, objectRows: function (t, e, n, i) { return yf(t[e], this._dimensions[i]) }, keyedColumns: t, original: function (t, e, n, i) { var r = t && (null == t.value ? t : t.value); return yf(r instanceof Array ? r[i] : r, this._dimensions[i]) }, typedArray: function (t, e, n, i) { return t[i] } } }(), t }(), Wf = function () { function t(t) { this._sourceList = [], this._storeList = [], this._upstreamSignList = [], this._versionSignBase = 0, this._dirty = !0, this._sourceHost = t } return t.prototype.dirty = function () { this._setLocalSource([], []), this._storeList = [], this._dirty = !0 }, t.prototype._setLocalSource = function (t, e) { this._sourceList = t, this._upstreamSignList = e, this._versionSignBase++, this._versionSignBase > 9e10 && (this._versionSignBase = 0) }, t.prototype._getVersionSign = function () { return this._sourceHost.uid + "_" + this._versionSignBase }, t.prototype.prepareSource = function () { this._isDirty() && (this._createSource(), this._dirty = !1) }, t.prototype._createSource = function () { this._setLocalSource([], []); var t, e, n = this._sourceHost, i = this._getUpstreamSourceManagers(), r = !!i.length; if (Yf(n)) { var o = n, a = void 0, s = void 0, l = void 0; if (r) { var u = i[0]; u.prepareSource(), a = (l = u.getSource()).data, s = l.sourceFormat, e = [u._getVersionSign()] } else s = $(a = o.get("data", !0)) ? Vp : Rp, e = []; var h = this._getSourceMetaRawOption() || {}, c = l && l.metaRawOption || {}, p = rt(h.seriesLayoutBy, c.seriesLayoutBy) || null, d = rt(h.sourceHeader, c.sourceHeader), f = rt(h.dimensions, c.dimensions); t = p !== c.seriesLayoutBy || !!d != !!c.sourceHeader || f ? [Ud(a, { seriesLayoutBy: p, sourceHeader: d, dimensions: f }, s)] : [] } else { var g = n; if (r) { var y = this._applyTransform(i); t = y.sourceList, e = y.upstreamSignList } else { t = [Ud(g.get("source", !0), this._getSourceMetaRawOption(), null)], e = [] } } this._setLocalSource(t, e) }, t.prototype._applyTransform = function (t) { var e, n = this._sourceHost, i = n.get("transform", !0), r = n.get("fromTransformResult", !0); if (null != r) { var o = ""; 1 !== t.length && Uf(o) } var a, s = [], l = []; return E(t, (function (t) { t.prepareSource(); var e = t.getSource(r || 0), n = ""; null == r || e || Uf(n), s.push(e), l.push(t._getVersionSign()) })), i ? e = function (t, e, n) { var i = yo(t), r = i.length, o = ""; r || co(o); for (var a = 0, s = r; a < s; a++)e = kf(i[a], e), a !== s - 1 && (e.length = Math.max(e.length, 1)); return e }(i, s, n.componentIndex) : null != r && (e = [(a = s[0], new Hd({ data: a.data, sourceFormat: a.sourceFormat, seriesLayoutBy: a.seriesLayoutBy, dimensionsDefine: T(a.dimensionsDefine), startIndex: a.startIndex, dimensionsDetectedCount: a.dimensionsDetectedCount }))]), { sourceList: e, upstreamSignList: l } }, t.prototype._isDirty = function () { if (this._dirty) return !0; for (var t = this._getUpstreamSourceManagers(), e = 0; e < t.length; e++) { var n = t[e]; if (n._isDirty() || this._upstreamSignList[e] !== n._getVersionSign()) return !0 } }, t.prototype.getSource = function (t) { t = t || 0; var e = this._sourceList[t]; if (!e) { var n = this._getUpstreamSourceManagers(); return n[0] && n[0].getSource(t) } return e }, t.prototype.getSharedDataStore = function (t) { var e = t.makeStoreSchema(); return this._innerGetDataStore(e.dimensions, t.source, e.hash) }, t.prototype._innerGetDataStore = function (t, e, n) { var i = this._storeList, r = i[0]; r || (r = i[0] = {}); var o = r[n]; if (!o) { var a = this._getUpstreamSourceManagers()[0]; Yf(this._sourceHost) && a ? o = a._innerGetDataStore(t, e, n) : (o = new Gf).initData(new $d(e, t.length), t), r[n] = o } return o }, t.prototype._getUpstreamSourceManagers = function () { var t = this._sourceHost; if (Yf(t)) { var e = jp(t); return e ? [e.getSourceManager()] : [] } return z(function (t) { return t.get("transform", !0) || t.get("fromTransformResult", !0) ? Ro(t.ecModel, "dataset", { index: t.get("fromDatasetIndex", !0), id: t.get("fromDatasetId", !0) }, Po).models : [] }(t), (function (t) { return t.getSourceManager() })) }, t.prototype._getSourceMetaRawOption = function () { var t, e, n, i = this._sourceHost; if (Yf(i)) t = i.get("seriesLayoutBy", !0), e = i.get("sourceHeader", !0), n = i.get("dimensions", !0); else if (!this._getUpstreamSourceManagers().length) { var r = i; t = r.get("seriesLayoutBy", !0), e = r.get("sourceHeader", !0), n = r.get("dimensions", !0) } return { seriesLayoutBy: t, sourceHeader: e, dimensions: n } }, t }(); function Hf(t) { t.option.transform && ct(t.option.transform) } function Yf(t) { return "series" === t.mainType } function Uf(t) { throw new Error(t) } function Xf(t, e) { var n = t.color || "#6e7079", i = t.fontSize || 12, r = t.fontWeight || "400", o = t.color || "#464646", a = t.fontSize || 14, s = t.fontWeight || "900"; return "html" === e ? { nameStyle: "font-size:" + ee(i + "") + "px;color:" + ee(n) + ";font-weight:" + ee(r + ""), valueStyle: "font-size:" + ee(a + "") + "px;color:" + ee(o) + ";font-weight:" + ee(s + "") } : { nameStyle: { fontSize: i, fill: n, fontWeight: r }, valueStyle: { fontSize: a, fill: o, fontWeight: s } } } var Zf = [0, 10, 20, 30], jf = ["", "\n", "\n\n", "\n\n\n"]; function qf(t, e) { return e.type = t, e } function Kf(t) { return "section" === t.type } function $f(t) { return Kf(t) ? Qf : tg } function Jf(t) { if (Kf(t)) { var e = 0, n = t.blocks.length, i = n > 1 || n > 0 && !t.noHeader; return E(t.blocks, (function (t) { var n = Jf(t); n >= e && (e = n + +(i && (!n || Kf(t) && !t.noHeader))) })), e } return 0 } function Qf(t, e, n, i) { var r, o = e.noHeader, a = (r = Jf(e), { html: Zf[r], richText: jf[r] }), s = [], l = e.blocks || []; lt(!l || Y(l)), l = l || []; var u = t.orderMode; if (e.sortBlocks && u) { l = l.slice(); var h = { valueAsc: "asc", valueDesc: "desc" }; if (mt(h, u)) { var c = new bf(h[u], null); l.sort((function (t, e) { return c.evaluate(t.sortParam, e.sortParam) })) } else "seriesDesc" === u && l.reverse() } E(l, (function (n, r) { var o = e.valueFormatter, l = $f(n)(o ? A(A({}, t), { valueFormatter: o }) : t, n, r > 0 ? a.html : 0, i); null != l && s.push(l) })); var p = "richText" === t.renderMode ? s.join(a.richText) : ng(s.join(""), o ? n : a.html); if (o) return p; var d = hp(e.header, "ordinal", t.useUTC), f = Xf(i, t.renderMode).nameStyle; return "richText" === t.renderMode ? ig(t, d, f) + a.richText + p : ng('<div style="' + f + ";" + 'line-height:1;">' + ee(d) + "</div>" + p, n) } function tg(t, e, n, i) { var r = t.renderMode, o = e.noName, a = e.noValue, s = !e.markerType, l = e.name, u = t.useUTC, h = e.valueFormatter || t.valueFormatter || function (t) { return z(t = Y(t) ? t : [t], (function (t, e) { return hp(t, Y(d) ? d[e] : d, u) })) }; if (!o || !a) { var c = s ? "" : t.markupStyleCreator.makeTooltipMarker(e.markerType, e.markerColor || "#333", r), p = o ? "" : hp(l, "ordinal", u), d = e.valueType, f = a ? [] : h(e.value), g = !s || !o, y = !s && o, v = Xf(i, r), m = v.nameStyle, x = v.valueStyle; return "richText" === r ? (s ? "" : c) + (o ? "" : ig(t, p, m)) + (a ? "" : function (t, e, n, i, r) { var o = [r], a = i ? 10 : 20; return n && o.push({ padding: [0, 0, 0, a], align: "right" }), t.markupStyleCreator.wrapRichTextStyle(Y(e) ? e.join("  ") : e, o) }(t, f, g, y, x)) : ng((s ? "" : c) + (o ? "" : function (t, e, n) { return '<span style="' + n + ";" + (e ? "margin-left:2px" : "") + '">' + ee(t) + "</span>" }(p, !s, m)) + (a ? "" : function (t, e, n, i) { var r = n ? "10px" : "20px", o = e ? "float:right;margin-left:" + r : ""; return t = Y(t) ? t : [t], '<span style="' + o + ";" + i + '">' + z(t, (function (t) { return ee(t) })).join("&nbsp;&nbsp;") + "</span>" }(f, g, y, x)), n) } } function eg(t, e, n, i, r, o) { if (t) return $f(t)({ useUTC: r, renderMode: n, orderMode: i, markupStyleCreator: e, valueFormatter: t.valueFormatter }, t, 0, o) } function ng(t, e) { return '<div style="' + ("margin: " + e + "px 0 0") + ";" + 'line-height:1;">' + t + '<div style="clear:both"></div></div>' } function ig(t, e, n) { return t.markupStyleCreator.wrapRichTextStyle(e, n) } function rg(t, e) { return gp(t.getData().getItemVisual(e, "style")[t.visualDrawType]) } function og(t, e) { var n = t.get("padding"); return null != n ? n : "richText" === e ? [8, 10] : 10 } var ag = function () { function t() { this.richTextStyles = {}, this._nextStyleNameId = so() } return t.prototype._generateStyleName = function () { return "__EC_aUTo_" + this._nextStyleNameId++ }, t.prototype.makeTooltipMarker = function (t, e, n) { var i = "richText" === n ? this._generateStyleName() : null, r = fp({ color: e, type: t, renderMode: n, markerId: i }); return X(r) ? r : (this.richTextStyles[i] = r.style, r.content) }, t.prototype.wrapRichTextStyle = function (t, e) { var n = {}; Y(e) ? E(e, (function (t) { return A(n, t) })) : A(n, e); var i = this._generateStyleName(); return this.richTextStyles[i] = n, "{" + i + "|" + t + "}" }, t }(); function sg(t) { var e, n, i, r, o = t.series, a = t.dataIndex, s = t.multipleSeries, l = o.getData(), u = l.mapDimensionsAll("defaultedTooltip"), h = u.length, c = o.getRawValue(a), p = Y(c), d = rg(o, a); if (h > 1 || p && !h) { var f = function (t, e, n, i, r) { var o = e.getData(), a = V(t, (function (t, e, n) { var i = o.getDimensionInfo(n); return t || i && !1 !== i.tooltip && null != i.displayName }), !1), s = [], l = [], u = []; function h(t, e) { var n = o.getDimensionInfo(e); n && !1 !== n.otherDims.tooltip && (a ? u.push(qf("nameValue", { markerType: "subItem", markerColor: r, name: n.displayName, value: t, valueType: n.type })) : (s.push(t), l.push(n.type))) } return i.length ? E(i, (function (t) { h(uf(o, n, t), t) })) : E(t, h), { inlineValues: s, inlineValueTypes: l, blocks: u } }(c, o, a, u, d); e = f.inlineValues, n = f.inlineValueTypes, i = f.blocks, r = f.inlineValues[0] } else if (h) { var g = l.getDimensionInfo(u[0]); r = e = uf(l, a, u[0]), n = g.type } else r = e = p ? c[0] : c; var y = Io(o), v = y && o.name || "", m = l.getName(a), x = s ? v : m; return qf("section", { header: v, noHeader: s || !y, sortParam: r, blocks: [qf("nameValue", { markerType: "item", markerColor: d, name: x, noName: !ut(x), value: e, valueType: n })].concat(i || []) }) } var lg = Do(); function ug(t, e) { return t.getName(e) || t.getId(e) } var hg = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e._selectedDataIndicesMap = {}, e } return n(e, t), e.prototype.init = function (t, e, n) { this.seriesIndex = this.componentIndex, this.dataTask = df({ count: pg, reset: dg }), this.dataTask.context = { model: this }, this.mergeDefaultAndTheme(t, n), (lg(this).sourceManager = new Wf(this)).prepareSource(); var i = this.getInitialData(t, n); gg(i, this), this.dataTask.context.data = i, lg(this).dataBeforeProcessed = i, cg(this), this._initSelectedMapFromData(i) }, e.prototype.mergeDefaultAndTheme = function (t, e) { var n = Mp(this), i = n ? Tp(t) : {}, r = this.subType; Ap.hasClass(r) && (r += "Series"), C(t, e.getTheme().get(this.subType)), C(t, this.getDefaultOption()), vo(t, "label", ["show"]), this.fillDataTextStyle(t.data), n && Ip(t, i, n) }, e.prototype.mergeOption = function (t, e) { t = C(this.option, t, !0), this.fillDataTextStyle(t.data); var n = Mp(this); n && Ip(this.option, t, n); var i = lg(this).sourceManager; i.dirty(), i.prepareSource(); var r = this.getInitialData(t, e); gg(r, this), this.dataTask.dirty(), this.dataTask.context.data = r, lg(this).dataBeforeProcessed = r, cg(this), this._initSelectedMapFromData(r) }, e.prototype.fillDataTextStyle = function (t) { if (t && !$(t)) for (var e = ["show"], n = 0; n < t.length; n++)t[n] && t[n].label && vo(t[n], "label", e) }, e.prototype.getInitialData = function (t, e) { }, e.prototype.appendData = function (t) { this.getRawData().appendData(t.data) }, e.prototype.getData = function (t) { var e = vg(this); if (e) { var n = e.context.data; return null == t ? n : n.getLinkedData(t) } return lg(this).data }, e.prototype.getAllData = function () { var t = this.getData(); return t && t.getLinkedDataAll ? t.getLinkedDataAll() : [{ data: t }] }, e.prototype.setData = function (t) { var e = vg(this); if (e) { var n = e.context; n.outputData = t, e !== this.dataTask && (n.data = t) } lg(this).data = t }, e.prototype.getEncode = function () { var t = this.get("encode", !0); if (t) return ft(t) }, e.prototype.getSourceManager = function () { return lg(this).sourceManager }, e.prototype.getSource = function () { return this.getSourceManager().getSource() }, e.prototype.getRawData = function () { return lg(this).dataBeforeProcessed }, e.prototype.getColorBy = function () { return this.get("colorBy") || "series" }, e.prototype.isColorBySeries = function () { return "series" === this.getColorBy() }, e.prototype.getBaseAxis = function () { var t = this.coordinateSystem; return t && t.getBaseAxis && t.getBaseAxis() }, e.prototype.formatTooltip = function (t, e, n) { return sg({ series: this, dataIndex: t, multipleSeries: e }) }, e.prototype.isAnimationEnabled = function () { var t = this.ecModel; if (r.node && (!t || !t.ssr)) return !1; var e = this.getShallow("animation"); return e && this.getData().count() > this.getShallow("animationThreshold") && (e = !1), !!e }, e.prototype.restoreData = function () { this.dataTask.dirty() }, e.prototype.getColorFromPalette = function (t, e, n) { var i = this.ecModel, r = id.prototype.getColorFromPalette.call(this, t, e, n); return r || (r = i.getColorFromPalette(t, e, n)), r }, e.prototype.coordDimToDataDim = function (t) { return this.getRawData().mapDimensionsAll(t) }, e.prototype.getProgressive = function () { return this.get("progressive") }, e.prototype.getProgressiveThreshold = function () { return this.get("progressiveThreshold") }, e.prototype.select = function (t, e) { this._innerSelect(this.getData(e), t) }, e.prototype.unselect = function (t, e) { var n = this.option.selectedMap; if (n) { var i = this.option.selectedMode, r = this.getData(e); if ("series" === i || "all" === n) return this.option.selectedMap = {}, void (this._selectedDataIndicesMap = {}); for (var o = 0; o < t.length; o++) { var a = ug(r, t[o]); n[a] = !1, this._selectedDataIndicesMap[a] = -1 } } }, e.prototype.toggleSelect = function (t, e) { for (var n = [], i = 0; i < t.length; i++)n[0] = t[i], this.isSelected(t[i], e) ? this.unselect(n, e) : this.select(n, e) }, e.prototype.getSelectedDataIndices = function () { if ("all" === this.option.selectedMap) return [].slice.call(this.getData().getIndices()); for (var t = this._selectedDataIndicesMap, e = G(t), n = [], i = 0; i < e.length; i++) { var r = t[e[i]]; r >= 0 && n.push(r) } return n }, e.prototype.isSelected = function (t, e) { var n = this.option.selectedMap; if (!n) return !1; var i = this.getData(e); return ("all" === n || n[ug(i, t)]) && !i.getItemModel(t).get(["select", "disabled"]) }, e.prototype.isUniversalTransitionEnabled = function () { if (this.__universalTransitionEnabled) return !0; var t = this.option.universalTransition; return !!t && (!0 === t || t && t.enabled) }, e.prototype._innerSelect = function (t, e) { var n, i, r = this.option, o = r.selectedMode, a = e.length; if (o && a) if ("series" === o) r.selectedMap = "all"; else if ("multiple" === o) { q(r.selectedMap) || (r.selectedMap = {}); for (var s = r.selectedMap, l = 0; l < a; l++) { var u = e[l]; s[c = ug(t, u)] = !0, this._selectedDataIndicesMap[c] = t.getRawIndex(u) } } else if ("single" === o || !0 === o) { var h = e[a - 1], c = ug(t, h); r.selectedMap = ((n = {})[c] = !0, n), this._selectedDataIndicesMap = ((i = {})[c] = t.getRawIndex(h), i) } }, e.prototype._initSelectedMapFromData = function (t) { if (!this.option.selectedMap) { var e = []; t.hasItemOption && t.each((function (n) { var i = t.getRawDataItem(n); i && i.selected && e.push(n) })), e.length > 0 && this._innerSelect(t, e) } }, e.registerClass = function (t) { return Ap.registerClass(t) }, e.protoInitialize = function () { var t = e.prototype; t.type = "series.__base__", t.seriesIndex = 0, t.ignoreStyleOnData = !1, t.hasSymbolVisual = !1, t.defaultSymbol = "circle", t.visualStyleAccessPath = "itemStyle", t.visualDrawType = "fill" }(), e }(Ap); function cg(t) { var e = t.name; Io(t) || (t.name = function (t) { var e = t.getRawData(), n = e.mapDimensionsAll("seriesName"), i = []; return E(n, (function (t) { var n = e.getDimensionInfo(t); n.displayName && i.push(n.displayName) })), i.join(" ") }(t) || e) } function pg(t) { return t.model.getRawData().count() } function dg(t) { var e = t.model; return e.setData(e.getRawData().cloneShallow()), fg } function fg(t, e) { e.outputData && t.end > e.outputData.count() && e.model.getRawData().cloneShallow(e.outputData) } function gg(t, e) { E(gt(t.CHANGABLE_METHODS, t.DOWNSAMPLE_METHODS), (function (n) { t.wrapMethod(n, H(yg, e)) })) } function yg(t, e) { var n = vg(t); return n && n.setOutputEnd((e || this).count()), e } function vg(t) { var e = (t.ecModel || {}).scheduler, n = e && e.getPipeline(t.uid); if (n) { var i = n.currentTask; if (i) { var r = i.agentStubMap; r && (i = r.get(t.uid)) } return i } } R(hg, cf), R(hg, id), Wo(hg, Ap); var mg = function () { function t() { this.group = new Pr, this.uid = bc("viewComponent") } return t.prototype.init = function (t, e) { }, t.prototype.render = function (t, e, n, i) { }, t.prototype.dispose = function (t, e) { }, t.prototype.updateView = function (t, e, n, i) { }, t.prototype.updateLayout = function (t, e, n, i) { }, t.prototype.updateVisual = function (t, e, n, i) { }, t.prototype.toggleBlurSeries = function (t, e, n) { }, t.prototype.eachRendered = function (t) { var e = this.group; e && e.traverse(t) }, t }(); function xg() { var t = Do(); return function (e) { var n = t(e), i = e.pipelineContext, r = !!n.large, o = !!n.progressiveRender, a = n.large = !(!i || !i.large), s = n.progressiveRender = !(!i || !i.progressiveRender); return !(r === a && o === s) && "reset" } } Go(mg), Xo(mg); var _g = Do(), bg = xg(), wg = function () { function t() { this.group = new Pr, this.uid = bc("viewChart"), this.renderTask = df({ plan: Ig, reset: Tg }), this.renderTask.context = { view: this } } return t.prototype.init = function (t, e) { }, t.prototype.render = function (t, e, n, i) { 0 }, t.prototype.highlight = function (t, e, n, i) { var r = t.getData(i && i.dataType); r && Mg(r, i, "emphasis") }, t.prototype.downplay = function (t, e, n, i) { var r = t.getData(i && i.dataType); r && Mg(r, i, "normal") }, t.prototype.remove = function (t, e) { this.group.removeAll() }, t.prototype.dispose = function (t, e) { }, t.prototype.updateView = function (t, e, n, i) { this.render(t, e, n, i) }, t.prototype.updateLayout = function (t, e, n, i) { this.render(t, e, n, i) }, t.prototype.updateVisual = function (t, e, n, i) { this.render(t, e, n, i) }, t.prototype.eachRendered = function (t) { Yh(this.group, t) }, t.markUpdateMethod = function (t, e) { _g(t).updateMethod = e }, t.protoInitialize = void (t.prototype.type = "chart"), t }(); function Sg(t, e, n) { t && Ul(t) && ("emphasis" === e ? Il : Tl)(t, n) } function Mg(t, e, n) { var i = Co(t, e), r = e && null != e.highlightKey ? function (t) { var e = $s[t]; return null == e && Ks <= 32 && (e = $s[t] = Ks++), e }(e.highlightKey) : null; null != i ? E(yo(i), (function (e) { Sg(t.getItemGraphicEl(e), n, r) })) : t.eachItemGraphicEl((function (t) { Sg(t, n, r) })) } function Ig(t) { return bg(t.model) } function Tg(t) { var e = t.model, n = t.ecModel, i = t.api, r = t.payload, o = e.pipelineContext.progressiveRender, a = t.view, s = r && _g(r).updateMethod, l = o ? "incrementalPrepareRender" : s && a[s] ? s : "render"; return "render" !== l && a[l](e, n, i, r), Cg[l] } Go(wg), Xo(wg); var Cg = { incrementalPrepareRender: { progress: function (t, e) { e.view.incrementalRender(t, e.model, e.ecModel, e.api, e.payload) } }, render: { forceFirstProgress: !0, progress: function (t, e) { e.view.render(e.model, e.ecModel, e.api, e.payload) } } }, Dg = "\0__throttleOriginMethod", Ag = "\0__throttleRate", kg = "\0__throttleType"; function Lg(t, e, n) { var i, r, o, a, s, l = 0, u = 0, h = null; function c() { u = (new Date).getTime(), h = null, t.apply(o, a || []) } e = e || 0; var p = function () { for (var t = [], p = 0; p < arguments.length; p++)t[p] = arguments[p]; i = (new Date).getTime(), o = this, a = t; var d = s || e, f = s || n; s = null, r = i - (f ? l : u) - d, clearTimeout(h), f ? h = setTimeout(c, d) : r >= 0 ? c() : h = setTimeout(c, -r), l = i }; return p.clear = function () { h && (clearTimeout(h), h = null) }, p.debounceNextCall = function (t) { s = t }, p } function Pg(t, e, n, i) { var r = t[e]; if (r) { var o = r[Dg] || r, a = r[kg]; if (r[Ag] !== n || a !== i) { if (null == n || !i) return t[e] = o; (r = t[e] = Lg(o, n, "debounce" === i))[Dg] = o, r[kg] = i, r[Ag] = n } return r } } function Og(t, e) { var n = t[e]; n && n[Dg] && (n.clear && n.clear(), t[e] = n[Dg]) } var Rg = Do(), Ng = { itemStyle: Zo(yc, !0), lineStyle: Zo(dc, !0) }, Eg = { lineStyle: "stroke", itemStyle: "fill" }; function zg(t, e) { var n = t.visualStyleMapper || Ng[e]; return n || (console.warn("Unkown style type '" + e + "'."), Ng.itemStyle) } function Vg(t, e) { var n = t.visualDrawType || Eg[e]; return n || (console.warn("Unkown style type '" + e + "'."), "fill") } var Bg = { createOnAllSeries: !0, performRawSeries: !0, reset: function (t, e) { var n = t.getData(), i = t.visualStyleAccessPath || "itemStyle", r = t.getModel(i), o = zg(t, i)(r), a = r.getShallow("decal"); a && (n.setVisual("decal", a), a.dirty = !0); var s = Vg(t, i), l = o[s], u = U(l) ? l : null, h = "auto" === o.fill || "auto" === o.stroke; if (!o[s] || u || h) { var c = t.getColorFromPalette(t.name, null, e.getSeriesCount()); o[s] || (o[s] = c, n.setVisual("colorFromPalette", !0)), o.fill = "auto" === o.fill || U(o.fill) ? c : o.fill, o.stroke = "auto" === o.stroke || U(o.stroke) ? c : o.stroke } if (n.setVisual("style", o), n.setVisual("drawType", s), !e.isSeriesFiltered(t) && u) return n.setVisual("colorFromPalette", !1), { dataEach: function (e, n) { var i = t.getDataParams(n), r = A({}, o); r[s] = u(i), e.setItemVisual(n, "style", r) } } } }, Fg = new xc, Gg = { createOnAllSeries: !0, performRawSeries: !0, reset: function (t, e) { if (!t.ignoreStyleOnData && !e.isSeriesFiltered(t)) { var n = t.getData(), i = t.visualStyleAccessPath || "itemStyle", r = zg(t, i), o = n.getVisual("drawType"); return { dataEach: n.hasItemOption ? function (t, e) { var n = t.getRawDataItem(e); if (n && n[i]) { Fg.option = n[i]; var a = r(Fg); A(t.ensureUniqueItemVisual(e, "style"), a), Fg.option.decal && (t.setItemVisual(e, "decal", Fg.option.decal), Fg.option.decal.dirty = !0), o in a && t.setItemVisual(e, "colorFromPalette", !1) } } : null } } } }, Wg = { performRawSeries: !0, overallReset: function (t) { var e = ft(); t.eachSeries((function (t) { var n = t.getColorBy(); if (!t.isColorBySeries()) { var i = t.type + "-" + n, r = e.get(i); r || (r = {}, e.set(i, r)), Rg(t).scope = r } })), t.eachSeries((function (e) { if (!e.isColorBySeries() && !t.isSeriesFiltered(e)) { var n = e.getRawData(), i = {}, r = e.getData(), o = Rg(e).scope, a = e.visualStyleAccessPath || "itemStyle", s = Vg(e, a); r.each((function (t) { var e = r.getRawIndex(t); i[e] = t })), n.each((function (t) { var a = i[t]; if (r.getItemVisual(a, "colorFromPalette")) { var l = r.ensureUniqueItemVisual(a, "style"), u = n.getName(t) || t + "", h = n.count(); l[s] = e.getColorFromPalette(u, o, h) } })) } })) } }, Hg = Math.PI; var Yg = function () { function t(t, e, n, i) { this._stageTaskMap = ft(), this.ecInstance = t, this.api = e, n = this._dataProcessorHandlers = n.slice(), i = this._visualHandlers = i.slice(), this._allHandlers = n.concat(i) } return t.prototype.restoreData = function (t, e) { t.restoreData(e), this._stageTaskMap.each((function (t) { var e = t.overallTask; e && e.dirty() })) }, t.prototype.getPerformArgs = function (t, e) { if (t.__pipeline) { var n = this._pipelineMap.get(t.__pipeline.id), i = n.context, r = !e && n.progressiveEnabled && (!i || i.progressiveRender) && t.__idxInPipeline > n.blockIndex ? n.step : null, o = i && i.modDataCount; return { step: r, modBy: null != o ? Math.ceil(o / r) : null, modDataCount: o } } }, t.prototype.getPipeline = function (t) { return this._pipelineMap.get(t) }, t.prototype.updateStreamModes = function (t, e) { var n = this._pipelineMap.get(t.uid), i = t.getData().count(), r = n.progressiveEnabled && e.incrementalPrepareRender && i >= n.threshold, o = t.get("large") && i >= t.get("largeThreshold"), a = "mod" === t.get("progressiveChunkMode") ? i : null; t.pipelineContext = n.context = { progressiveRender: r, modDataCount: a, large: o } }, t.prototype.restorePipelines = function (t) { var e = this, n = e._pipelineMap = ft(); t.eachSeries((function (t) { var i = t.getProgressive(), r = t.uid; n.set(r, { id: r, head: null, tail: null, threshold: t.getProgressiveThreshold(), progressiveEnabled: i && !(t.preventIncremental && t.preventIncremental()), blockIndex: -1, step: Math.round(i || 700), count: 0 }), e._pipe(t, t.dataTask) })) }, t.prototype.prepareStageTasks = function () { var t = this._stageTaskMap, e = this.api.getModel(), n = this.api; E(this._allHandlers, (function (i) { var r = t.get(i.uid) || t.set(i.uid, {}), o = ""; lt(!(i.reset && i.overallReset), o), i.reset && this._createSeriesStageTask(i, r, e, n), i.overallReset && this._createOverallStageTask(i, r, e, n) }), this) }, t.prototype.prepareView = function (t, e, n, i) { var r = t.renderTask, o = r.context; o.model = e, o.ecModel = n, o.api = i, r.__block = !t.incrementalPrepareRender, this._pipe(e, r) }, t.prototype.performDataProcessorTasks = function (t, e) { this._performStageTasks(this._dataProcessorHandlers, t, e, { block: !0 }) }, t.prototype.performVisualTasks = function (t, e, n) { this._performStageTasks(this._visualHandlers, t, e, n) }, t.prototype._performStageTasks = function (t, e, n, i) { i = i || {}; var r = !1, o = this; function a(t, e) { return t.setDirty && (!t.dirtyMap || t.dirtyMap.get(e.__pipeline.id)) } E(t, (function (t, s) { if (!i.visualType || i.visualType === t.visualType) { var l = o._stageTaskMap.get(t.uid), u = l.seriesTaskMap, h = l.overallTask; if (h) { var c, p = h.agentStubMap; p.each((function (t) { a(i, t) && (t.dirty(), c = !0) })), c && h.dirty(), o.updatePayload(h, n); var d = o.getPerformArgs(h, i.block); p.each((function (t) { t.perform(d) })), h.perform(d) && (r = !0) } else u && u.each((function (s, l) { a(i, s) && s.dirty(); var u = o.getPerformArgs(s, i.block); u.skip = !t.performRawSeries && e.isSeriesFiltered(s.context.model), o.updatePayload(s, n), s.perform(u) && (r = !0) })) } })), this.unfinished = r || this.unfinished }, t.prototype.performSeriesTasks = function (t) { var e; t.eachSeries((function (t) { e = t.dataTask.perform() || e })), this.unfinished = e || this.unfinished }, t.prototype.plan = function () { this._pipelineMap.each((function (t) { var e = t.tail; do { if (e.__block) { t.blockIndex = e.__idxInPipeline; break } e = e.getUpstream() } while (e) })) }, t.prototype.updatePayload = function (t, e) { "remain" !== e && (t.context.payload = e) }, t.prototype._createSeriesStageTask = function (t, e, n, i) { var r = this, o = e.seriesTaskMap, a = e.seriesTaskMap = ft(), s = t.seriesType, l = t.getTargetSeries; function u(e) { var s = e.uid, l = a.set(s, o && o.get(s) || df({ plan: qg, reset: Kg, count: Qg })); l.context = { model: e, ecModel: n, api: i, useClearVisual: t.isVisual && !t.isLayout, plan: t.plan, reset: t.reset, scheduler: r }, r._pipe(e, l) } t.createOnAllSeries ? n.eachRawSeries(u) : s ? n.eachRawSeriesByType(s, u) : l && l(n, i).each(u) }, t.prototype._createOverallStageTask = function (t, e, n, i) { var r = this, o = e.overallTask = e.overallTask || df({ reset: Ug }); o.context = { ecModel: n, api: i, overallReset: t.overallReset, scheduler: r }; var a = o.agentStubMap, s = o.agentStubMap = ft(), l = t.seriesType, u = t.getTargetSeries, h = !0, c = !1, p = ""; function d(t) { var e = t.uid, n = s.set(e, a && a.get(e) || (c = !0, df({ reset: Xg, onDirty: jg }))); n.context = { model: t, overallProgress: h }, n.agent = o, n.__block = h, r._pipe(t, n) } lt(!t.createOnAllSeries, p), l ? n.eachRawSeriesByType(l, d) : u ? u(n, i).each(d) : (h = !1, E(n.getSeries(), d)), c && o.dirty() }, t.prototype._pipe = function (t, e) { var n = t.uid, i = this._pipelineMap.get(n); !i.head && (i.head = e), i.tail && i.tail.pipe(e), i.tail = e, e.__idxInPipeline = i.count++, e.__pipeline = i }, t.wrapStageHandler = function (t, e) { return U(t) && (t = { overallReset: t, seriesType: ty(t) }), t.uid = bc("stageHandler"), e && (t.visualType = e), t }, t }(); function Ug(t) { t.overallReset(t.ecModel, t.api, t.payload) } function Xg(t) { return t.overallProgress && Zg } function Zg() { this.agent.dirty(), this.getDownstream().dirty() } function jg() { this.agent && this.agent.dirty() } function qg(t) { return t.plan ? t.plan(t.model, t.ecModel, t.api, t.payload) : null } function Kg(t) { t.useClearVisual && t.data.clearAllVisual(); var e = t.resetDefines = yo(t.reset(t.model, t.ecModel, t.api, t.payload)); return e.length > 1 ? z(e, (function (t, e) { return Jg(e) })) : $g } var $g = Jg(0); function Jg(t) { return function (e, n) { var i = n.data, r = n.resetDefines[t]; if (r && r.dataEach) for (var o = e.start; o < e.end; o++)r.dataEach(i, o); else r && r.progress && r.progress(e, i) } } function Qg(t) { return t.data.count() } function ty(t) { ey = null; try { t(ny, iy) } catch (t) { } return ey } var ey, ny = {}, iy = {}; function ry(t, e) { for (var n in e.prototype) t[n] = xt } ry(ny, ad), ry(iy, cd), ny.eachSeriesByType = ny.eachRawSeriesByType = function (t) { ey = t }, ny.eachComponent = function (t) { "series" === t.mainType && t.subType && (ey = t.subType) }; var oy = ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8", "#FFDB5C", "#ff9f7f", "#fb7293", "#E062AE", "#E690D1", "#e7bcf3", "#9d96f5", "#8378EA", "#96BFFF"], ay = { color: oy, colorLayer: [["#37A2DA", "#ffd85c", "#fd7b5f"], ["#37A2DA", "#67E0E3", "#FFDB5C", "#ff9f7f", "#E062AE", "#9d96f5"], ["#37A2DA", "#32C5E9", "#9FE6B8", "#FFDB5C", "#ff9f7f", "#fb7293", "#e7bcf3", "#8378EA", "#96BFFF"], oy] }, sy = "#B9B8CE", ly = "#100C2A", uy = function () { return { axisLine: { lineStyle: { color: sy } }, splitLine: { lineStyle: { color: "#484753" } }, splitArea: { areaStyle: { color: ["rgba(255,255,255,0.02)", "rgba(255,255,255,0.05)"] } }, minorSplitLine: { lineStyle: { color: "#20203B" } } } }, hy = ["#4992ff", "#7cffb2", "#fddd60", "#ff6e76", "#58d9f9", "#05c091", "#ff8a45", "#8d48e3", "#dd79ff"], cy = { darkMode: !0, color: hy, backgroundColor: ly, axisPointer: { lineStyle: { color: "#817f91" }, crossStyle: { color: "#817f91" }, label: { color: "#fff" } }, legend: { textStyle: { color: sy } }, textStyle: { color: sy }, title: { textStyle: { color: "#EEF1FA" }, subtextStyle: { color: "#B9B8CE" } }, toolbox: { iconStyle: { borderColor: sy } }, dataZoom: { borderColor: "#71708A", textStyle: { color: sy }, brushStyle: { color: "rgba(135,163,206,0.3)" }, handleStyle: { color: "#353450", borderColor: "#C5CBE3" }, moveHandleStyle: { color: "#B0B6C3", opacity: .3 }, fillerColor: "rgba(135,163,206,0.2)", emphasis: { handleStyle: { borderColor: "#91B7F2", color: "#4D587D" }, moveHandleStyle: { color: "#636D9A", opacity: .7 } }, dataBackground: { lineStyle: { color: "#71708A", width: 1 }, areaStyle: { color: "#71708A" } }, selectedDataBackground: { lineStyle: { color: "#87A3CE" }, areaStyle: { color: "#87A3CE" } } }, visualMap: { textStyle: { color: sy } }, timeline: { lineStyle: { color: sy }, label: { color: sy }, controlStyle: { color: sy, borderColor: sy } }, calendar: { itemStyle: { color: ly }, dayLabel: { color: sy }, monthLabel: { color: sy }, yearLabel: { color: sy } }, timeAxis: uy(), logAxis: uy(), valueAxis: uy(), categoryAxis: uy(), line: { symbol: "circle" }, graph: { color: hy }, gauge: { title: { color: sy }, axisLine: { lineStyle: { color: [[1, "rgba(207,212,219,0.2)"]] } }, axisLabel: { color: sy }, detail: { color: "#EEF1FA" } }, candlestick: { itemStyle: { color: "#f64e56", color0: "#54ea92", borderColor: "#f64e56", borderColor0: "#54ea92" } } }; cy.categoryAxis.splitLine.show = !1; var py = function () { function t() { } return t.prototype.normalizeQuery = function (t) { var e = {}, n = {}, i = {}; if (X(t)) { var r = Fo(t); e.mainType = r.main || null, e.subType = r.sub || null } else { var o = ["Index", "Name", "Id"], a = { name: 1, dataIndex: 1, dataType: 1 }; E(t, (function (t, r) { for (var s = !1, l = 0; l < o.length; l++) { var u = o[l], h = r.lastIndexOf(u); if (h > 0 && h === r.length - u.length) { var c = r.slice(0, h); "data" !== c && (e.mainType = c, e[u.toLowerCase()] = t, s = !0) } } a.hasOwnProperty(r) && (n[r] = t, s = !0), s || (i[r] = t) })) } return { cptQuery: e, dataQuery: n, otherQuery: i } }, t.prototype.filter = function (t, e) { var n = this.eventInfo; if (!n) return !0; var i = n.targetEl, r = n.packedEvent, o = n.model, a = n.view; if (!o || !a) return !0; var s = e.cptQuery, l = e.dataQuery; return u(s, o, "mainType") && u(s, o, "subType") && u(s, o, "index", "componentIndex") && u(s, o, "name") && u(s, o, "id") && u(l, r, "name") && u(l, r, "dataIndex") && u(l, r, "dataType") && (!a.filterForExposedEvent || a.filterForExposedEvent(t, e.otherQuery, i, r)); function u(t, e, n, i) { return null == t[n] || e[i || n] === t[n] } }, t.prototype.afterTrigger = function () { this.eventInfo = null }, t }(), dy = ["symbol", "symbolSize", "symbolRotate", "symbolOffset"], fy = dy.concat(["symbolKeepAspect"]), gy = { createOnAllSeries: !0, performRawSeries: !0, reset: function (t, e) { var n = t.getData(); if (t.legendIcon && n.setVisual("legendIcon", t.legendIcon), t.hasSymbolVisual) { for (var i = {}, r = {}, o = !1, a = 0; a < dy.length; a++) { var s = dy[a], l = t.get(s); U(l) ? (o = !0, r[s] = l) : i[s] = l } if (i.symbol = i.symbol || t.defaultSymbol, n.setVisual(A({ legendIcon: t.legendIcon || i.symbol, symbolKeepAspect: t.get("symbolKeepAspect") }, i)), !e.isSeriesFiltered(t)) { var u = G(r); return { dataEach: o ? function (e, n) { for (var i = t.getRawValue(n), o = t.getDataParams(n), a = 0; a < u.length; a++) { var s = u[a]; e.setItemVisual(n, s, r[s](i, o)) } } : null } } } } }, yy = { createOnAllSeries: !0, performRawSeries: !0, reset: function (t, e) { if (t.hasSymbolVisual && !e.isSeriesFiltered(t)) return { dataEach: t.getData().hasItemOption ? function (t, e) { for (var n = t.getItemModel(e), i = 0; i < fy.length; i++) { var r = fy[i], o = n.getShallow(r, !0); null != o && t.setItemVisual(e, r, o) } } : null } } }; function vy(t, e, n) { switch (n) { case "color": return t.getItemVisual(e, "style")[t.getVisual("drawType")]; case "opacity": return t.getItemVisual(e, "style").opacity; case "symbol": case "symbolSize": case "liftZ": return t.getItemVisual(e, n) } } function my(t, e) { switch (e) { case "color": return t.getVisual("style")[t.getVisual("drawType")]; case "opacity": return t.getVisual("style").opacity; case "symbol": case "symbolSize": case "liftZ": return t.getVisual(e) } } function xy(t, e, n, i) { switch (n) { case "color": t.ensureUniqueItemVisual(e, "style")[t.getVisual("drawType")] = i, t.setItemVisual(e, "colorFromPalette", !1); break; case "opacity": t.ensureUniqueItemVisual(e, "style").opacity = i; break; case "symbol": case "symbolSize": case "liftZ": t.setItemVisual(e, n, i) } } function _y(t, e) { function n(e, n) { var i = []; return e.eachComponent({ mainType: "series", subType: t, query: n }, (function (t) { i.push(t.seriesIndex) })), i } E([[t + "ToggleSelect", "toggleSelect"], [t + "Select", "select"], [t + "UnSelect", "unselect"]], (function (t) { e(t[0], (function (e, i, r) { e = A({}, e), r.dispatchAction(A(e, { type: t[1], seriesIndex: n(i, e) })) })) })) } function by(t, e, n, i, r) { var o = t + e; n.isSilent(o) || i.eachComponent({ mainType: "series", subType: "pie" }, (function (t) { for (var e = t.seriesIndex, i = t.option.selectedMap, a = r.selected, s = 0; s < a.length; s++)if (a[s].seriesIndex === e) { var l = t.getData(), u = Co(l, r.fromActionPayload); n.trigger(o, { type: o, seriesId: t.id, name: Y(u) ? l.getName(u[0]) : l.getName(u), selected: X(i) ? i : A({}, i) }) } })) } function wy(t, e, n) { for (var i; t && (!e(t) || (i = t, !n));)t = t.__hostTarget || t.parent; return i } var Sy = Math.round(9 * Math.random()), My = "function" == typeof Object.defineProperty, Iy = function () { function t() { this._id = "__ec_inner_" + Sy++ } return t.prototype.get = function (t) { return this._guard(t)[this._id] }, t.prototype.set = function (t, e) { var n = this._guard(t); return My ? Object.defineProperty(n, this._id, { value: e, enumerable: !1, configurable: !0 }) : n[this._id] = e, this }, t.prototype.delete = function (t) { return !!this.has(t) && (delete this._guard(t)[this._id], !0) }, t.prototype.has = function (t) { return !!this._guard(t)[this._id] }, t.prototype._guard = function (t) { if (t !== Object(t)) throw TypeError("Value of WeakMap is not a non-null object."); return t }, t }(), Ty = _s.extend({ type: "triangle", shape: { cx: 0, cy: 0, width: 0, height: 0 }, buildPath: function (t, e) { var n = e.cx, i = e.cy, r = e.width / 2, o = e.height / 2; t.moveTo(n, i - o), t.lineTo(n + r, i + o), t.lineTo(n - r, i + o), t.closePath() } }), Cy = _s.extend({ type: "diamond", shape: { cx: 0, cy: 0, width: 0, height: 0 }, buildPath: function (t, e) { var n = e.cx, i = e.cy, r = e.width / 2, o = e.height / 2; t.moveTo(n, i - o), t.lineTo(n + r, i), t.lineTo(n, i + o), t.lineTo(n - r, i), t.closePath() } }), Dy = _s.extend({ type: "pin", shape: { x: 0, y: 0, width: 0, height: 0 }, buildPath: function (t, e) { var n = e.x, i = e.y, r = e.width / 5 * 3, o = Math.max(r, e.height), a = r / 2, s = a * a / (o - a), l = i - o + a + s, u = Math.asin(s / a), h = Math.cos(u) * a, c = Math.sin(u), p = Math.cos(u), d = .6 * a, f = .7 * a; t.moveTo(n - h, l + s), t.arc(n, l, a, Math.PI - u, 2 * Math.PI + u), t.bezierCurveTo(n + h - c * d, l + s + p * d, n, i - f, n, i), t.bezierCurveTo(n, i - f, n - h + c * d, l + s + p * d, n - h, l + s), t.closePath() } }), Ay = _s.extend({ type: "arrow", shape: { x: 0, y: 0, width: 0, height: 0 }, buildPath: function (t, e) { var n = e.height, i = e.width, r = e.x, o = e.y, a = i / 3 * 2; t.moveTo(r, o), t.lineTo(r + a, o + n), t.lineTo(r, o + n / 4 * 3), t.lineTo(r - a, o + n), t.lineTo(r, o), t.closePath() } }), ky = { line: function (t, e, n, i, r) { r.x1 = t, r.y1 = e + i / 2, r.x2 = t + n, r.y2 = e + i / 2 }, rect: function (t, e, n, i, r) { r.x = t, r.y = e, r.width = n, r.height = i }, roundRect: function (t, e, n, i, r) { r.x = t, r.y = e, r.width = n, r.height = i, r.r = Math.min(n, i) / 4 }, square: function (t, e, n, i, r) { var o = Math.min(n, i); r.x = t, r.y = e, r.width = o, r.height = o }, circle: function (t, e, n, i, r) { r.cx = t + n / 2, r.cy = e + i / 2, r.r = Math.min(n, i) / 2 }, diamond: function (t, e, n, i, r) { r.cx = t + n / 2, r.cy = e + i / 2, r.width = n, r.height = i }, pin: function (t, e, n, i, r) { r.x = t + n / 2, r.y = e + i / 2, r.width = n, r.height = i }, arrow: function (t, e, n, i, r) { r.x = t + n / 2, r.y = e + i / 2, r.width = n, r.height = i }, triangle: function (t, e, n, i, r) { r.cx = t + n / 2, r.cy = e + i / 2, r.width = n, r.height = i } }, Ly = {}; E({ line: Wu, rect: Ps, roundRect: Ps, square: Ps, circle: gu, diamond: Cy, pin: Dy, arrow: Ay, triangle: Ty }, (function (t, e) { Ly[e] = new t })); var Py = _s.extend({ type: "symbol", shape: { symbolType: "", x: 0, y: 0, width: 0, height: 0 }, calculateTextPosition: function (t, e, n) { var i = br(t, e, n), r = this.shape; return r && "pin" === r.symbolType && "inside" === e.position && (i.y = n.y + .4 * n.height), i }, buildPath: function (t, e, n) { var i = e.symbolType; if ("none" !== i) { var r = Ly[i]; r || (r = Ly[i = "rect"]), ky[i](e.x, e.y, e.width, e.height, r.shape), r.buildPath(t, r.shape, n) } } }); function Oy(t, e) { if ("image" !== this.type) { var n = this.style; this.__isEmptyBrush ? (n.stroke = t, n.fill = e || "#fff", n.lineWidth = 2) : "line" === this.shape.symbolType ? n.stroke = t : n.fill = t, this.markRedraw() } } function Ry(t, e, n, i, r, o, a) { var s, l = 0 === t.indexOf("empty"); return l && (t = t.substr(5, 1).toLowerCase() + t.substr(6)), (s = 0 === t.indexOf("image://") ? Ih(t.slice(8), new Re(e, n, i, r), a ? "center" : "cover") : 0 === t.indexOf("path://") ? Mh(t.slice(7), {}, new Re(e, n, i, r), a ? "center" : "cover") : new Py({ shape: { symbolType: t, x: e, y: n, width: i, height: r } })).__isEmptyBrush = l, s.setColor = Oy, o && s.setColor(o), s } function Ny(t) { return Y(t) || (t = [+t, +t]), [t[0] || 0, t[1] || 0] } function Ey(t, e) { if (null != t) return Y(t) || (t = [t, t]), [Gr(t[0], e[0]) || 0, Gr(rt(t[1], t[0]), e[1]) || 0] } function zy(t) { return isFinite(t) } function Vy(t, e, n) { for (var i = "radial" === e.type ? function (t, e, n) { var i = n.width, r = n.height, o = Math.min(i, r), a = null == e.x ? .5 : e.x, s = null == e.y ? .5 : e.y, l = null == e.r ? .5 : e.r; return e.global || (a = a * i + n.x, s = s * r + n.y, l *= o), a = zy(a) ? a : .5, s = zy(s) ? s : .5, l = l >= 0 && zy(l) ? l : .5, t.createRadialGradient(a, s, 0, a, s, l) }(t, e, n) : function (t, e, n) { var i = null == e.x ? 0 : e.x, r = null == e.x2 ? 1 : e.x2, o = null == e.y ? 0 : e.y, a = null == e.y2 ? 0 : e.y2; return e.global || (i = i * n.width + n.x, r = r * n.width + n.x, o = o * n.height + n.y, a = a * n.height + n.y), i = zy(i) ? i : 0, r = zy(r) ? r : 1, o = zy(o) ? o : 0, a = zy(a) ? a : 0, t.createLinearGradient(i, o, r, a) }(t, e, n), r = e.colorStops, o = 0; o < r.length; o++)i.addColorStop(r[o].offset, r[o].color); return i } function By(t) { return parseInt(t, 10) } function Fy(t, e, n) { var i = ["width", "height"][e], r = ["clientWidth", "clientHeight"][e], o = ["paddingLeft", "paddingTop"][e], a = ["paddingRight", "paddingBottom"][e]; if (null != n[i] && "auto" !== n[i]) return parseFloat(n[i]); var s = document.defaultView.getComputedStyle(t); return (t[r] || By(s[i]) || By(t.style[i])) - (By(s[o]) || 0) - (By(s[a]) || 0) | 0 } function Gy(t) { var e, n, i = t.style, r = i.lineDash && i.lineWidth > 0 && (e = i.lineDash, n = i.lineWidth, e && "solid" !== e && n > 0 ? "dashed" === e ? [4 * n, 2 * n] : "dotted" === e ? [n] : j(e) ? [e] : Y(e) ? e : null : null), o = i.lineDashOffset; if (r) { var a = i.strokeNoScale && t.getLineScale ? t.getLineScale() : 1; a && 1 !== a && (r = z(r, (function (t) { return t / a })), o /= a) } return [r, o] } var Wy = new ts(!0); function Hy(t) { var e = t.stroke; return !(null == e || "none" === e || !(t.lineWidth > 0)) } function Yy(t) { return "string" == typeof t && "none" !== t } function Uy(t) { var e = t.fill; return null != e && "none" !== e } function Xy(t, e) { if (null != e.fillOpacity && 1 !== e.fillOpacity) { var n = t.globalAlpha; t.globalAlpha = e.fillOpacity * e.opacity, t.fill(), t.globalAlpha = n } else t.fill() } function Zy(t, e) { if (null != e.strokeOpacity && 1 !== e.strokeOpacity) { var n = t.globalAlpha; t.globalAlpha = e.strokeOpacity * e.opacity, t.stroke(), t.globalAlpha = n } else t.stroke() } function jy(t, e, n) { var i = Jo(e.image, e.__image, n); if (ta(i)) { var r = t.createPattern(i, e.repeat || "repeat"); if ("function" == typeof DOMMatrix && r && r.setTransform) { var o = new DOMMatrix; o.translateSelf(e.x || 0, e.y || 0), o.rotateSelf(0, 0, (e.rotation || 0) * _t), o.scaleSelf(e.scaleX || 1, e.scaleY || 1), r.setTransform(o) } return r } } var qy = ["shadowBlur", "shadowOffsetX", "shadowOffsetY"], Ky = [["lineCap", "butt"], ["lineJoin", "miter"], ["miterLimit", 10]]; function $y(t, e, n, i, r) { var o = !1; if (!i && e === (n = n || {})) return !1; if (i || e.opacity !== n.opacity) { tv(t, r), o = !0; var a = Math.max(Math.min(e.opacity, 1), 0); t.globalAlpha = isNaN(a) ? fa.opacity : a } (i || e.blend !== n.blend) && (o || (tv(t, r), o = !0), t.globalCompositeOperation = e.blend || fa.blend); for (var s = 0; s < qy.length; s++) { var l = qy[s]; (i || e[l] !== n[l]) && (o || (tv(t, r), o = !0), t[l] = t.dpr * (e[l] || 0)) } return (i || e.shadowColor !== n.shadowColor) && (o || (tv(t, r), o = !0), t.shadowColor = e.shadowColor || fa.shadowColor), o } function Jy(t, e, n, i, r) { var o = ev(e, r.inHover), a = i ? null : n && ev(n, r.inHover) || {}; if (o === a) return !1; var s = $y(t, o, a, i, r); if ((i || o.fill !== a.fill) && (s || (tv(t, r), s = !0), Yy(o.fill) && (t.fillStyle = o.fill)), (i || o.stroke !== a.stroke) && (s || (tv(t, r), s = !0), Yy(o.stroke) && (t.strokeStyle = o.stroke)), (i || o.opacity !== a.opacity) && (s || (tv(t, r), s = !0), t.globalAlpha = null == o.opacity ? 1 : o.opacity), e.hasStroke()) { var l = o.lineWidth / (o.strokeNoScale && e.getLineScale ? e.getLineScale() : 1); t.lineWidth !== l && (s || (tv(t, r), s = !0), t.lineWidth = l) } for (var u = 0; u < Ky.length; u++) { var h = Ky[u], c = h[0]; (i || o[c] !== a[c]) && (s || (tv(t, r), s = !0), t[c] = o[c] || h[1]) } return s } function Qy(t, e) { var n = e.transform, i = t.dpr || 1; n ? t.setTransform(i * n[0], i * n[1], i * n[2], i * n[3], i * n[4], i * n[5]) : t.setTransform(i, 0, 0, i, 0, 0) } function tv(t, e) { e.batchFill && t.fill(), e.batchStroke && t.stroke(), e.batchFill = "", e.batchStroke = "" } function ev(t, e) { return e && t.__hoverStyle || t.style } function nv(t, e) { iv(t, e, { inHover: !1, viewWidth: 0, viewHeight: 0 }, !0) } function iv(t, e, n, i) { var r = e.transform; if (!e.shouldBePainted(n.viewWidth, n.viewHeight, !1, !1)) return e.__dirty &= -2, void (e.__isRendered = !1); var o = e.__clipPaths, s = n.prevElClipPaths, l = !1, u = !1; if (s && !function (t, e) { if (t === e || !t && !e) return !1; if (!t || !e || t.length !== e.length) return !0; for (var n = 0; n < t.length; n++)if (t[n] !== e[n]) return !0; return !1 }(o, s) || (s && s.length && (tv(t, n), t.restore(), u = l = !0, n.prevElClipPaths = null, n.allClipped = !1, n.prevEl = null), o && o.length && (tv(t, n), t.save(), function (t, e, n) { for (var i = !1, r = 0; r < t.length; r++) { var o = t[r]; i = i || o.isZeroArea(), Qy(e, o), e.beginPath(), o.buildPath(e, o.shape), e.clip() } n.allClipped = i }(o, t, n), l = !0), n.prevElClipPaths = o), n.allClipped) e.__isRendered = !1; else { e.beforeBrush && e.beforeBrush(), e.innerBeforeBrush(); var h = n.prevEl; h || (u = l = !0); var c, p, d = e instanceof _s && e.autoBatch && function (t) { var e = Uy(t), n = Hy(t); return !(t.lineDash || !(+e ^ +n) || e && "string" != typeof t.fill || n && "string" != typeof t.stroke || t.strokePercent < 1 || t.strokeOpacity < 1 || t.fillOpacity < 1) }(e.style); l || (c = r, p = h.transform, c && p ? c[0] !== p[0] || c[1] !== p[1] || c[2] !== p[2] || c[3] !== p[3] || c[4] !== p[4] || c[5] !== p[5] : c || p) ? (tv(t, n), Qy(t, e)) : d || tv(t, n); var f = ev(e, n.inHover); e instanceof _s ? (1 !== n.lastDrawType && (u = !0, n.lastDrawType = 1), Jy(t, e, h, u, n), d && (n.batchFill || n.batchStroke) || t.beginPath(), function (t, e, n, i) { var r, o = Hy(n), a = Uy(n), s = n.strokePercent, l = s < 1, u = !e.path; e.silent && !l || !u || e.createPathProxy(); var h = e.path || Wy, c = e.__dirty; if (!i) { var p = n.fill, d = n.stroke, f = a && !!p.colorStops, g = o && !!d.colorStops, y = a && !!p.image, v = o && !!d.image, m = void 0, x = void 0, _ = void 0, b = void 0, w = void 0; (f || g) && (w = e.getBoundingRect()), f && (m = c ? Vy(t, p, w) : e.__canvasFillGradient, e.__canvasFillGradient = m), g && (x = c ? Vy(t, d, w) : e.__canvasStrokeGradient, e.__canvasStrokeGradient = x), y && (_ = c || !e.__canvasFillPattern ? jy(t, p, e) : e.__canvasFillPattern, e.__canvasFillPattern = _), v && (b = c || !e.__canvasStrokePattern ? jy(t, d, e) : e.__canvasStrokePattern, e.__canvasStrokePattern = _), f ? t.fillStyle = m : y && (_ ? t.fillStyle = _ : a = !1), g ? t.strokeStyle = x : v && (b ? t.strokeStyle = b : o = !1) } var S, M, I = e.getGlobalScale(); h.setScale(I[0], I[1], e.segmentIgnoreThreshold), t.setLineDash && n.lineDash && (S = (r = Gy(e))[0], M = r[1]); var T = !0; (u || 4 & c) && (h.setDPR(t.dpr), l ? h.setContext(null) : (h.setContext(t), T = !1), h.reset(), e.buildPath(h, e.shape, i), h.toStatic(), e.pathUpdated()), T && h.rebuildPath(t, l ? s : 1), S && (t.setLineDash(S), t.lineDashOffset = M), i || (n.strokeFirst ? (o && Zy(t, n), a && Xy(t, n)) : (a && Xy(t, n), o && Zy(t, n))), S && t.setLineDash([]) }(t, e, f, d), d && (n.batchFill = f.fill || "", n.batchStroke = f.stroke || "")) : e instanceof ws ? (3 !== n.lastDrawType && (u = !0, n.lastDrawType = 3), Jy(t, e, h, u, n), function (t, e, n) { var i, r = n.text; if (null != r && (r += ""), r) { t.font = n.font || a, t.textAlign = n.textAlign, t.textBaseline = n.textBaseline; var o = void 0, s = void 0; t.setLineDash && n.lineDash && (o = (i = Gy(e))[0], s = i[1]), o && (t.setLineDash(o), t.lineDashOffset = s), n.strokeFirst ? (Hy(n) && t.strokeText(r, n.x, n.y), Uy(n) && t.fillText(r, n.x, n.y)) : (Uy(n) && t.fillText(r, n.x, n.y), Hy(n) && t.strokeText(r, n.x, n.y)), o && t.setLineDash([]) } }(t, e, f)) : e instanceof Is ? (2 !== n.lastDrawType && (u = !0, n.lastDrawType = 2), function (t, e, n, i, r) { $y(t, ev(e, r.inHover), n && ev(n, r.inHover), i, r) }(t, e, h, u, n), function (t, e, n) { var i = e.__image = Jo(n.image, e.__image, e, e.onload); if (i && ta(i)) { var r = n.x || 0, o = n.y || 0, a = e.getWidth(), s = e.getHeight(), l = i.width / i.height; if (null == a && null != s ? a = s * l : null == s && null != a ? s = a / l : null == a && null == s && (a = i.width, s = i.height), n.sWidth && n.sHeight) { var u = n.sx || 0, h = n.sy || 0; t.drawImage(i, u, h, n.sWidth, n.sHeight, r, o, a, s) } else if (n.sx && n.sy) { var c = a - (u = n.sx), p = s - (h = n.sy); t.drawImage(i, u, h, c, p, r, o, a, s) } else t.drawImage(i, r, o, a, s) } }(t, e, f)) : e.getTemporalDisplayables && (4 !== n.lastDrawType && (u = !0, n.lastDrawType = 4), function (t, e, n) { var i = e.getDisplayables(), r = e.getTemporalDisplayables(); t.save(); var o, a, s = { prevElClipPaths: null, prevEl: null, allClipped: !1, viewWidth: n.viewWidth, viewHeight: n.viewHeight, inHover: n.inHover }; for (o = e.getCursor(), a = i.length; o < a; o++) { (h = i[o]).beforeBrush && h.beforeBrush(), h.innerBeforeBrush(), iv(t, h, s, o === a - 1), h.innerAfterBrush(), h.afterBrush && h.afterBrush(), s.prevEl = h } for (var l = 0, u = r.length; l < u; l++) { var h; (h = r[l]).beforeBrush && h.beforeBrush(), h.innerBeforeBrush(), iv(t, h, s, l === u - 1), h.innerAfterBrush(), h.afterBrush && h.afterBrush(), s.prevEl = h } e.clearTemporalDisplayables(), e.notClear = !0, t.restore() }(t, e, n)), d && i && tv(t, n), e.innerAfterBrush(), e.afterBrush && e.afterBrush(), n.prevEl = e, e.__dirty = 0, e.__isRendered = !0 } } var rv = new Iy, ov = new On(100), av = ["symbol", "symbolSize", "symbolKeepAspect", "color", "backgroundColor", "dashArrayX", "dashArrayY", "maxTileWidth", "maxTileHeight"]; function sv(t, e) { if ("none" === t) return null; var n = e.getDevicePixelRatio(), i = e.getZr(), r = "svg" === i.painter.type; t.dirty && rv.delete(t); var o = rv.get(t); if (o) return o; var a = k(t, { symbol: "rect", symbolSize: 1, symbolKeepAspect: !0, color: "rgba(0, 0, 0, 0.2)", backgroundColor: null, dashArrayX: 5, dashArrayY: 5, rotation: 0, maxTileWidth: 512, maxTileHeight: 512 }); "none" === a.backgroundColor && (a.backgroundColor = null); var s = { repeat: "repeat" }; return function (t) { for (var e, o = [n], s = !0, l = 0; l < av.length; ++l) { var u = a[av[l]]; if (null != u && !Y(u) && !X(u) && !j(u) && "boolean" != typeof u) { s = !1; break } o.push(u) } if (s) { e = o.join(",") + (r ? "-svg" : ""); var c = ov.get(e); c && (r ? t.svgElement = c : t.image = c) } var p, d = uv(a.dashArrayX), f = function (t) { if (!t || "object" == typeof t && 0 === t.length) return [0, 0]; if (j(t)) { var e = Math.ceil(t); return [e, e] } var n = z(t, (function (t) { return Math.ceil(t) })); return t.length % 2 ? n.concat(n) : n }(a.dashArrayY), g = lv(a.symbol), y = (b = d, z(b, (function (t) { return hv(t) }))), v = hv(f), m = !r && h.createCanvas(), x = r && { tag: "g", attrs: {}, key: "dcl", children: [] }, _ = function () { for (var t = 1, e = 0, n = y.length; e < n; ++e)t = uo(t, y[e]); var i = 1; for (e = 0, n = g.length; e < n; ++e)i = uo(i, g[e].length); t *= i; var r = v * y.length * g.length; return { width: Math.max(1, Math.min(t, a.maxTileWidth)), height: Math.max(1, Math.min(r, a.maxTileHeight)) } }(); var b; m && (m.width = _.width * n, m.height = _.height * n, p = m.getContext("2d")); (function () { p && (p.clearRect(0, 0, m.width, m.height), a.backgroundColor && (p.fillStyle = a.backgroundColor, p.fillRect(0, 0, m.width, m.height))); for (var t = 0, e = 0; e < f.length; ++e)t += f[e]; if (t <= 0) return; var o = -v, s = 0, l = 0, u = 0; for (; o < _.height;) { if (s % 2 == 0) { for (var h = l / 2 % g.length, c = 0, y = 0, b = 0; c < 2 * _.width;) { var w = 0; for (e = 0; e < d[u].length; ++e)w += d[u][e]; if (w <= 0) break; if (y % 2 == 0) { var S = .5 * (1 - a.symbolSize), M = c + d[u][y] * S, I = o + f[s] * S, T = d[u][y] * a.symbolSize, C = f[s] * a.symbolSize, D = b / 2 % g[h].length; A(M, I, T, C, g[h][D]) } c += d[u][y], ++b, ++y === d[u].length && (y = 0) } ++u === d.length && (u = 0) } o += f[s], ++l, ++s === f.length && (s = 0) } function A(t, e, o, s, l) { var u = r ? 1 : n, h = Ry(l, t * u, e * u, o * u, s * u, a.color, a.symbolKeepAspect); if (r) { var c = i.painter.renderOneToVNode(h); c && x.children.push(c) } else nv(p, h) } })(), s && ov.put(e, m || x); t.image = m, t.svgElement = x, t.svgWidth = _.width, t.svgHeight = _.height }(s), s.rotation = a.rotation, s.scaleX = s.scaleY = r ? 1 : 1 / n, rv.set(t, s), t.dirty = !1, s } function lv(t) { if (!t || 0 === t.length) return [["rect"]]; if (X(t)) return [[t]]; for (var e = !0, n = 0; n < t.length; ++n)if (!X(t[n])) { e = !1; break } if (e) return lv([t]); var i = []; for (n = 0; n < t.length; ++n)X(t[n]) ? i.push([t[n]]) : i.push(t[n]); return i } function uv(t) { if (!t || 0 === t.length) return [[0, 0]]; if (j(t)) return [[r = Math.ceil(t), r]]; for (var e = !0, n = 0; n < t.length; ++n)if (!j(t[n])) { e = !1; break } if (e) return uv([t]); var i = []; for (n = 0; n < t.length; ++n)if (j(t[n])) { var r = Math.ceil(t[n]); i.push([r, r]) } else { (r = z(t[n], (function (t) { return Math.ceil(t) }))).length % 2 == 1 ? i.push(r.concat(r)) : i.push(r) } return i } function hv(t) { for (var e = 0, n = 0; n < t.length; ++n)e += t[n]; return t.length % 2 == 1 ? 2 * e : e } var cv = new Xt, pv = {}; function dv(t) { return pv[t] } var fv = "undefined" != typeof window, gv = 2e3, yv = 4500, vv = { PROCESSOR: { FILTER: 1e3, SERIES_FILTER: 800, STATISTIC: 5e3 }, VISUAL: { LAYOUT: 1e3, PROGRESSIVE_LAYOUT: 1100, GLOBAL: gv, CHART: 3e3, POST_CHART_LAYOUT: 4600, COMPONENT: 4e3, BRUSH: 5e3, CHART_ITEM: yv, ARIA: 6e3, DECAL: 7e3 } }, mv = /^[a-zA-Z0-9_]+$/, xv = "__connectUpdateStatus"; function _v(t) { return function () { for (var e = [], n = 0; n < arguments.length; n++)e[n] = arguments[n]; if (!this.isDisposed()) return wv(this, t, e); Xv(this.id) } } function bv(t) { return function () { for (var e = [], n = 0; n < arguments.length; n++)e[n] = arguments[n]; return wv(this, t, e) } } function wv(t, e, n) { return n[0] = n[0] && n[0].toLowerCase(), Xt.prototype[e].apply(t, n) } var Sv, Mv, Iv, Tv, Cv, Dv, Av, kv, Lv, Pv, Ov, Rv, Nv, Ev, zv, Vv, Bv, Fv, Gv = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e }(Xt), Wv = Gv.prototype; Wv.on = bv("on"), Wv.off = bv("off"); var Hv = function (t) { function e(e, n, i) { var r = t.call(this, new py) || this; r._chartsViews = [], r._chartsMap = {}, r._componentsViews = [], r._componentsMap = {}, r._pendingActions = [], i = i || {}, X(n) && (n = Jv[n]), r._dom = e; var o = "canvas", a = "auto", s = !1, l = r._zr = Er(e, { renderer: i.renderer || o, devicePixelRatio: i.devicePixelRatio, width: i.width, height: i.height, ssr: i.ssr, useDirtyRect: rt(i.useDirtyRect, s), useCoarsePointer: rt(i.useCoarsePointer, a), pointerSize: i.pointerSize }); r._ssr = i.ssr, r._throttledZrFlush = Lg(W(l.flush, l), 17), (n = T(n)) && Ed(n, !0), r._theme = n, r._locale = function (t) { if (X(t)) { var e = Tc[t.toUpperCase()] || {}; return t === Sc || t === Mc ? T(e) : C(T(e), T(Tc.EN), !1) } return C(T(t), T(Tc.EN), !1) }(i.locale || Dc), r._coordSysMgr = new dd; var u = r._api = zv(r); function h(t, e) { return t.__prio - e.__prio } return Ke($v, h), Ke(qv, h), r._scheduler = new Yg(r, u, qv, $v), r._messageCenter = new Gv, r._initEvents(), r.resize = W(r.resize, r), l.animation.on("frame", r._onframe, r), Pv(l, r), Ov(l, r), ct(r), r } return n(e, t), e.prototype._onframe = function () { if (!this._disposed) { Fv(this); var t = this._scheduler; if (this.__pendingUpdate) { var e = this.__pendingUpdate.silent; this.__flagInMainProcess = !0; try { Sv(this), Tv.update.call(this, null, this.__pendingUpdate.updateParams) } catch (t) { throw this.__flagInMainProcess = !1, this.__pendingUpdate = null, t } this._zr.flush(), this.__flagInMainProcess = !1, this.__pendingUpdate = null, kv.call(this, e), Lv.call(this, e) } else if (t.unfinished) { var n = 1, i = this._model, r = this._api; t.unfinished = !1; do { var o = +new Date; t.performSeriesTasks(i), t.performDataProcessorTasks(i), Dv(this, i), t.performVisualTasks(i), Ev(this, this._model, r, "remain", {}), n -= +new Date - o } while (n > 0 && t.unfinished); t.unfinished || this._zr.flush() } } }, e.prototype.getDom = function () { return this._dom }, e.prototype.getId = function () { return this.id }, e.prototype.getZr = function () { return this._zr }, e.prototype.isSSR = function () { return this._ssr }, e.prototype.setOption = function (t, e, n) { if (!this.__flagInMainProcess) if (this._disposed) Xv(this.id); else { var i, r, o; if (q(e) && (n = e.lazyUpdate, i = e.silent, r = e.replaceMerge, o = e.transition, e = e.notMerge), this.__flagInMainProcess = !0, !this._model || e) { var a = new gd(this._api), s = this._theme, l = this._model = new ad; l.scheduler = this._scheduler, l.ssr = this._ssr, l.init(null, null, null, s, this._locale, a) } this._model.setOption(t, { replaceMerge: r }, Kv); var u = { seriesTransition: o, optionChanged: !0 }; if (n) this.__pendingUpdate = { silent: i, updateParams: u }, this.__flagInMainProcess = !1, this.getZr().wakeUp(); else { try { Sv(this), Tv.update.call(this, null, u) } catch (t) { throw this.__pendingUpdate = null, this.__flagInMainProcess = !1, t } this._ssr || this._zr.flush(), this.__pendingUpdate = null, this.__flagInMainProcess = !1, kv.call(this, i), Lv.call(this, i) } } }, e.prototype.setTheme = function () { ho() }, e.prototype.getModel = function () { return this._model }, e.prototype.getOption = function () { return this._model && this._model.getOption() }, e.prototype.getWidth = function () { return this._zr.getWidth() }, e.prototype.getHeight = function () { return this._zr.getHeight() }, e.prototype.getDevicePixelRatio = function () { return this._zr.painter.dpr || fv && window.devicePixelRatio || 1 }, e.prototype.getRenderedCanvas = function (t) { return this.renderToCanvas(t) }, e.prototype.renderToCanvas = function (t) { t = t || {}; var e = this._zr.painter; return e.getRenderedCanvas({ backgroundColor: t.backgroundColor || this._model.get("backgroundColor"), pixelRatio: t.pixelRatio || this.getDevicePixelRatio() }) }, e.prototype.renderToSVGString = function (t) { t = t || {}; var e = this._zr.painter; return e.renderToString({ useViewBox: t.useViewBox }) }, e.prototype.getSvgDataURL = function () { if (r.svgSupported) { var t = this._zr; return E(t.storage.getDisplayList(), (function (t) { t.stopAnimation(null, !0) })), t.painter.toDataURL() } }, e.prototype.getDataURL = function (t) { if (!this._disposed) { var e = (t = t || {}).excludeComponents, n = this._model, i = [], r = this; E(e, (function (t) { n.eachComponent({ mainType: t }, (function (t) { var e = r._componentsMap[t.__viewId]; e.group.ignore || (i.push(e), e.group.ignore = !0) })) })); var o = "svg" === this._zr.painter.getType() ? this.getSvgDataURL() : this.renderToCanvas(t).toDataURL("image/" + (t && t.type || "png")); return E(i, (function (t) { t.group.ignore = !1 })), o } Xv(this.id) }, e.prototype.getConnectedDataURL = function (t) { if (!this._disposed) { var e = "svg" === t.type, n = this.group, i = Math.min, r = Math.max, o = 1 / 0; if (em[n]) { var a = o, s = o, l = -1 / 0, u = -1 / 0, c = [], p = t && t.pixelRatio || this.getDevicePixelRatio(); E(tm, (function (o, h) { if (o.group === n) { var p = e ? o.getZr().painter.getSvgDom().innerHTML : o.renderToCanvas(T(t)), d = o.getDom().getBoundingClientRect(); a = i(d.left, a), s = i(d.top, s), l = r(d.right, l), u = r(d.bottom, u), c.push({ dom: p, left: d.left, top: d.top }) } })); var d = (l *= p) - (a *= p), f = (u *= p) - (s *= p), g = h.createCanvas(), y = Er(g, { renderer: e ? "svg" : "canvas" }); if (y.resize({ width: d, height: f }), e) { var v = ""; return E(c, (function (t) { var e = t.left - a, n = t.top - s; v += '<g transform="translate(' + e + "," + n + ')">' + t.dom + "</g>" })), y.painter.getSvgRoot().innerHTML = v, t.connectedBackgroundColor && y.painter.setBackgroundColor(t.connectedBackgroundColor), y.refreshImmediately(), y.painter.toDataURL() } return t.connectedBackgroundColor && y.add(new Ps({ shape: { x: 0, y: 0, width: d, height: f }, style: { fill: t.connectedBackgroundColor } })), E(c, (function (t) { var e = new Is({ style: { x: t.left * p - a, y: t.top * p - s, image: t.dom } }); y.add(e) })), y.refreshImmediately(), g.toDataURL("image/" + (t && t.type || "png")) } return this.getDataURL(t) } Xv(this.id) }, e.prototype.convertToPixel = function (t, e) { return Cv(this, "convertToPixel", t, e) }, e.prototype.convertFromPixel = function (t, e) { return Cv(this, "convertFromPixel", t, e) }, e.prototype.containPixel = function (t, e) { var n; if (!this._disposed) return E(ko(this._model, t), (function (t, i) { i.indexOf("Models") >= 0 && E(t, (function (t) { var r = t.coordinateSystem; if (r && r.containPoint) n = n || !!r.containPoint(e); else if ("seriesModels" === i) { var o = this._chartsMap[t.__viewId]; o && o.containPoint && (n = n || o.containPoint(e, t)) } else 0 }), this) }), this), !!n; Xv(this.id) }, e.prototype.getVisual = function (t, e) { var n = ko(this._model, t, { defaultMainType: "series" }), i = n.seriesModel; var r = i.getData(), o = n.hasOwnProperty("dataIndexInside") ? n.dataIndexInside : n.hasOwnProperty("dataIndex") ? r.indexOfRawIndex(n.dataIndex) : null; return null != o ? vy(r, o, e) : my(r, e) }, e.prototype.getViewOfComponentModel = function (t) { return this._componentsMap[t.__viewId] }, e.prototype.getViewOfSeriesModel = function (t) { return this._chartsMap[t.__viewId] }, e.prototype._initEvents = function () { var t, e, n, i = this; E(Uv, (function (t) { var e = function (e) { var n, r = i.getModel(), o = e.target, a = "globalout" === t; if (a ? n = {} : o && wy(o, (function (t) { var e = js(t); if (e && null != e.dataIndex) { var i = e.dataModel || r.getSeriesByIndex(e.seriesIndex); return n = i && i.getDataParams(e.dataIndex, e.dataType) || {}, !0 } if (e.eventData) return n = A({}, e.eventData), !0 }), !0), n) { var s = n.componentType, l = n.componentIndex; "markLine" !== s && "markPoint" !== s && "markArea" !== s || (s = "series", l = n.seriesIndex); var u = s && null != l && r.getComponent(s, l), h = u && i["series" === u.mainType ? "_chartsMap" : "_componentsMap"][u.__viewId]; 0, n.event = e, n.type = t, i._$eventProcessor.eventInfo = { targetEl: o, packedEvent: n, model: u, view: h }, i.trigger(t, n) } }; e.zrEventfulCallAtLast = !0, i._zr.on(t, e, i) })), E(jv, (function (t, e) { i._messageCenter.on(e, (function (t) { this.trigger(e, t) }), i) })), E(["selectchanged"], (function (t) { i._messageCenter.on(t, (function (e) { this.trigger(t, e) }), i) })), t = this._messageCenter, e = this, n = this._api, t.on("selectchanged", (function (t) { var i = n.getModel(); t.isFromClick ? (by("map", "selectchanged", e, i, t), by("pie", "selectchanged", e, i, t)) : "select" === t.fromAction ? (by("map", "selected", e, i, t), by("pie", "selected", e, i, t)) : "unselect" === t.fromAction && (by("map", "unselected", e, i, t), by("pie", "unselected", e, i, t)) })) }, e.prototype.isDisposed = function () { return this._disposed }, e.prototype.clear = function () { this._disposed ? Xv(this.id) : this.setOption({ series: [] }, !0) }, e.prototype.dispose = function () { if (this._disposed) Xv(this.id); else { this._disposed = !0, this.getDom() && No(this.getDom(), rm, ""); var t = this, e = t._api, n = t._model; E(t._componentsViews, (function (t) { t.dispose(n, e) })), E(t._chartsViews, (function (t) { t.dispose(n, e) })), t._zr.dispose(), t._dom = t._model = t._chartsMap = t._componentsMap = t._chartsViews = t._componentsViews = t._scheduler = t._api = t._zr = t._throttledZrFlush = t._theme = t._coordSysMgr = t._messageCenter = null, delete tm[t.id] } }, e.prototype.resize = function (t) { if (!this.__flagInMainProcess) if (this._disposed) Xv(this.id); else { this._zr.resize(t); var e = this._model; if (this._loadingFX && this._loadingFX.resize(), e) { var n = e.resetOption("media"), i = t && t.silent; this.__pendingUpdate && (null == i && (i = this.__pendingUpdate.silent), n = !0, this.__pendingUpdate = null), this.__flagInMainProcess = !0; try { n && Sv(this), Tv.update.call(this, { type: "resize", animation: A({ duration: 0 }, t && t.animation) }) } catch (t) { throw this.__flagInMainProcess = !1, t } this.__flagInMainProcess = !1, kv.call(this, i), Lv.call(this, i) } } }, e.prototype.showLoading = function (t, e) { if (this._disposed) Xv(this.id); else if (q(t) && (e = t, t = ""), t = t || "default", this.hideLoading(), Qv[t]) { var n = Qv[t](this._api, e), i = this._zr; this._loadingFX = n, i.add(n) } }, e.prototype.hideLoading = function () { this._disposed ? Xv(this.id) : (this._loadingFX && this._zr.remove(this._loadingFX), this._loadingFX = null) }, e.prototype.makeActionFromEvent = function (t) { var e = A({}, t); return e.type = jv[t.type], e }, e.prototype.dispatchAction = function (t, e) { if (this._disposed) Xv(this.id); else if (q(e) || (e = { silent: !!e }), Zv[t.type] && this._model) if (this.__flagInMainProcess) this._pendingActions.push(t); else { var n = e.silent; Av.call(this, t, n); var i = e.flush; i ? this._zr.flush() : !1 !== i && r.browser.weChat && this._throttledZrFlush(), kv.call(this, n), Lv.call(this, n) } }, e.prototype.updateLabelLayout = function () { cv.trigger("series:layoutlabels", this._model, this._api, { updatedSeries: [] }) }, e.prototype.appendData = function (t) { if (this._disposed) Xv(this.id); else { var e = t.seriesIndex, n = this.getModel().getSeriesByIndex(e); 0, n.appendData(t), this._scheduler.unfinished = !0, this.getZr().wakeUp() } }, e.internalField = function () { function t(t) { t.clearColorPalette(), t.eachSeries((function (t) { t.clearColorPalette() })) } function e(t) { for (var e = [], n = t.currentStates, i = 0; i < n.length; i++) { var r = n[i]; "emphasis" !== r && "blur" !== r && "select" !== r && e.push(r) } t.selected && t.states.select && e.push("select"), 2 === t.hoverState && t.states.emphasis ? e.push("emphasis") : 1 === t.hoverState && t.states.blur && e.push("blur"), t.useStates(e) } function i(t, e) { if (!t.preventAutoZ) { var n = t.get("z") || 0, i = t.get("zlevel") || 0; e.eachRendered((function (t) { return o(t, n, i, -1 / 0), !0 })) } } function o(t, e, n, i) { var r = t.getTextContent(), a = t.getTextGuideLine(); if (t.isGroup) for (var s = t.childrenRef(), l = 0; l < s.length; l++)i = Math.max(o(s[l], e, n, i), i); else t.z = e, t.zlevel = n, i = Math.max(t.z2, i); if (r && (r.z = e, r.zlevel = n, isFinite(i) && (r.z2 = i + 2)), a) { var u = t.textGuideLineConfig; a.z = e, a.zlevel = n, isFinite(i) && (a.z2 = i + (u && u.showAbove ? 1 : -1)) } return i } function a(t, e) { e.eachRendered((function (t) { if (!ch(t)) { var e = t.getTextContent(), n = t.getTextGuideLine(); t.stateTransition && (t.stateTransition = null), e && e.stateTransition && (e.stateTransition = null), n && n.stateTransition && (n.stateTransition = null), t.hasState() ? (t.prevStates = t.currentStates, t.clearStates()) : t.prevStates && (t.prevStates = null) } })) } function s(t, n) { var i = t.getModel("stateAnimation"), r = t.isAnimationEnabled(), o = i.get("duration"), a = o > 0 ? { duration: o, delay: i.get("delay"), easing: i.get("easing") } : null; n.eachRendered((function (t) { if (t.states && t.states.emphasis) { if (ch(t)) return; if (t instanceof _s && function (t) { var e = Js(t); e.normalFill = t.style.fill, e.normalStroke = t.style.stroke; var n = t.states.select || {}; e.selectFill = n.style && n.style.fill || null, e.selectStroke = n.style && n.style.stroke || null }(t), t.__dirty) { var n = t.prevStates; n && t.useStates(n) } if (r) { t.stateTransition = a; var i = t.getTextContent(), o = t.getTextGuideLine(); i && (i.stateTransition = a), o && (o.stateTransition = a) } t.__dirty && e(t) } })) } Sv = function (t) { var e = t._scheduler; e.restorePipelines(t._model), e.prepareStageTasks(), Mv(t, !0), Mv(t, !1), e.plan() }, Mv = function (t, e) { for (var n = t._model, i = t._scheduler, r = e ? t._componentsViews : t._chartsViews, o = e ? t._componentsMap : t._chartsMap, a = t._zr, s = t._api, l = 0; l < r.length; l++)r[l].__alive = !1; function u(t) { var l = t.__requireNewView; t.__requireNewView = !1; var u = "_ec_" + t.id + "_" + t.type, h = !l && o[u]; if (!h) { var c = Fo(t.type), p = e ? mg.getClass(c.main, c.sub) : wg.getClass(c.sub); 0, (h = new p).init(n, s), o[u] = h, r.push(h), a.add(h.group) } t.__viewId = h.__id = u, h.__alive = !0, h.__model = t, h.group.__ecComponentInfo = { mainType: t.mainType, index: t.componentIndex }, !e && i.prepareView(h, t, n, s) } e ? n.eachComponent((function (t, e) { "series" !== t && u(e) })) : n.eachSeries(u); for (l = 0; l < r.length;) { var h = r[l]; h.__alive ? l++ : (!e && h.renderTask.dispose(), a.remove(h.group), h.dispose(n, s), r.splice(l, 1), o[h.__id] === h && delete o[h.__id], h.__id = h.group.__ecComponentInfo = null) } }, Iv = function (t, e, n, i, r) { var o = t._model; if (o.setUpdatePayload(n), i) { var a = {}; a[i + "Id"] = n[i + "Id"], a[i + "Index"] = n[i + "Index"], a[i + "Name"] = n[i + "Name"]; var s = { mainType: i, query: a }; r && (s.subType = r); var l, u = n.excludeSeriesId; null != u && (l = ft(), E(yo(u), (function (t) { var e = Mo(t, null); null != e && l.set(e, !0) }))), o && o.eachComponent(s, (function (e) { if (!(l && null !== l.get(e.id))) if (Zl(n)) if (e instanceof hg) n.type !== il || n.notBlur || e.get(["emphasis", "disabled"]) || function (t, e, n) { var i = t.seriesIndex, r = t.getData(e.dataType); if (r) { var o = Co(r, e); o = (Y(o) ? o[0] : o) || 0; var a = r.getItemGraphicEl(o); if (!a) for (var s = r.count(), l = 0; !a && l < s;)a = r.getItemGraphicEl(l++); if (a) { var u = js(a); Ol(i, u.focus, u.blurScope, n) } else { var h = t.get(["emphasis", "focus"]), c = t.get(["emphasis", "blurScope"]); null != h && Ol(i, h, c, n) } } }(e, n, t._api); else { var i = Nl(e.mainType, e.componentIndex, n.name, t._api), r = i.focusSelf, o = i.dispatchers; n.type === il && r && !n.notBlur && Rl(e.mainType, e.componentIndex, t._api), o && E(o, (function (t) { n.type === il ? Il(t) : Tl(t) })) } else Xl(n) && e instanceof hg && (!function (t, e, n) { if (Xl(e)) { var i = e.dataType, r = Co(t.getData(i), e); Y(r) || (r = [r]), t[e.type === sl ? "toggleSelect" : e.type === ol ? "select" : "unselect"](r, i) } }(e, n, t._api), El(e), Bv(t)) }), t), o && o.eachComponent(s, (function (e) { l && null !== l.get(e.id) || h(t["series" === i ? "_chartsMap" : "_componentsMap"][e.__viewId]) }), t) } else E([].concat(t._componentsViews).concat(t._chartsViews), h); function h(i) { i && i.__alive && i[e] && i[e](i.__model, o, t._api, n) } }, Tv = { prepareAndUpdate: function (t) { Sv(this), Tv.update.call(this, t, { optionChanged: null != t.newOption }) }, update: function (e, n) { var i = this._model, r = this._api, o = this._zr, a = this._coordSysMgr, s = this._scheduler; if (i) { i.setUpdatePayload(e), s.restoreData(i, e), s.performSeriesTasks(i), a.create(i, r), s.performDataProcessorTasks(i, e), Dv(this, i), a.update(i, r), t(i), s.performVisualTasks(i, e), Rv(this, i, r, e, n); var l = i.get("backgroundColor") || "transparent", u = i.get("darkMode"); o.setBackgroundColor(l), null != u && "auto" !== u && o.setDarkMode(u), cv.trigger("afterupdate", i, r) } }, updateTransform: function (e) { var n = this, i = this._model, r = this._api; if (i) { i.setUpdatePayload(e); var o = []; i.eachComponent((function (t, a) { if ("series" !== t) { var s = n.getViewOfComponentModel(a); if (s && s.__alive) if (s.updateTransform) { var l = s.updateTransform(a, i, r, e); l && l.update && o.push(s) } else o.push(s) } })); var a = ft(); i.eachSeries((function (t) { var o = n._chartsMap[t.__viewId]; if (o.updateTransform) { var s = o.updateTransform(t, i, r, e); s && s.update && a.set(t.uid, 1) } else a.set(t.uid, 1) })), t(i), this._scheduler.performVisualTasks(i, e, { setDirty: !0, dirtyMap: a }), Ev(this, i, r, e, {}, a), cv.trigger("afterupdate", i, r) } }, updateView: function (e) { var n = this._model; n && (n.setUpdatePayload(e), wg.markUpdateMethod(e, "updateView"), t(n), this._scheduler.performVisualTasks(n, e, { setDirty: !0 }), Rv(this, n, this._api, e, {}), cv.trigger("afterupdate", n, this._api)) }, updateVisual: function (e) { var n = this, i = this._model; i && (i.setUpdatePayload(e), i.eachSeries((function (t) { t.getData().clearAllVisual() })), wg.markUpdateMethod(e, "updateVisual"), t(i), this._scheduler.performVisualTasks(i, e, { visualType: "visual", setDirty: !0 }), i.eachComponent((function (t, r) { if ("series" !== t) { var o = n.getViewOfComponentModel(r); o && o.__alive && o.updateVisual(r, i, n._api, e) } })), i.eachSeries((function (t) { n._chartsMap[t.__viewId].updateVisual(t, i, n._api, e) })), cv.trigger("afterupdate", i, this._api)) }, updateLayout: function (t) { Tv.update.call(this, t) } }, Cv = function (t, e, n, i) { if (t._disposed) Xv(t.id); else { for (var r, o = t._model, a = t._coordSysMgr.getCoordinateSystems(), s = ko(o, n), l = 0; l < a.length; l++) { var u = a[l]; if (u[e] && null != (r = u[e](o, s, i))) return r } 0 } }, Dv = function (t, e) { var n = t._chartsMap, i = t._scheduler; e.eachSeries((function (t) { i.updateStreamModes(t, n[t.__viewId]) })) }, Av = function (t, e) { var n = this, i = this.getModel(), r = t.type, o = t.escapeConnect, a = Zv[r], s = a.actionInfo, l = (s.update || "update").split(":"), u = l.pop(), h = null != l[0] && Fo(l[0]); this.__flagInMainProcess = !0; var c = [t], p = !1; t.batch && (p = !0, c = z(t.batch, (function (e) { return (e = k(A({}, e), t)).batch = null, e }))); var d, f = [], g = Xl(t), y = Zl(t); if (y && Pl(this._api), E(c, (function (e) { if ((d = (d = a.action(e, n._model, n._api)) || A({}, e)).type = s.event || d.type, f.push(d), y) { var i = Lo(t), r = i.queryOptionMap, o = i.mainTypeSpecified ? r.keys()[0] : "series"; Iv(n, u, e, o), Bv(n) } else g ? (Iv(n, u, e, "series"), Bv(n)) : h && Iv(n, u, e, h.main, h.sub) })), "none" !== u && !y && !g && !h) try { this.__pendingUpdate ? (Sv(this), Tv.update.call(this, t), this.__pendingUpdate = null) : Tv[u].call(this, t) } catch (t) { throw this.__flagInMainProcess = !1, t } if (d = p ? { type: s.event || r, escapeConnect: o, batch: f } : f[0], this.__flagInMainProcess = !1, !e) { var v = this._messageCenter; if (v.trigger(d.type, d), g) { var m = { type: "selectchanged", escapeConnect: o, selected: zl(i), isFromClick: t.isFromClick || !1, fromAction: t.type, fromActionPayload: t }; v.trigger(m.type, m) } } }, kv = function (t) { for (var e = this._pendingActions; e.length;) { var n = e.shift(); Av.call(this, n, t) } }, Lv = function (t) { !t && this.trigger("updated") }, Pv = function (t, e) { t.on("rendered", (function (n) { e.trigger("rendered", n), !t.animation.isFinished() || e.__pendingUpdate || e._scheduler.unfinished || e._pendingActions.length || e.trigger("finished") })) }, Ov = function (t, e) { t.on("mouseover", (function (t) { var n = wy(t.target, Ul); n && (!function (t, e, n) { var i = js(t), r = Nl(i.componentMainType, i.componentIndex, i.componentHighDownName, n), o = r.dispatchers, a = r.focusSelf; o ? (a && Rl(i.componentMainType, i.componentIndex, n), E(o, (function (t) { return Sl(t, e) }))) : (Ol(i.seriesIndex, i.focus, i.blurScope, n), "self" === i.focus && Rl(i.componentMainType, i.componentIndex, n), Sl(t, e)) }(n, t, e._api), Bv(e)) })).on("mouseout", (function (t) { var n = wy(t.target, Ul); n && (!function (t, e, n) { Pl(n); var i = js(t), r = Nl(i.componentMainType, i.componentIndex, i.componentHighDownName, n).dispatchers; r ? E(r, (function (t) { return Ml(t, e) })) : Ml(t, e) }(n, t, e._api), Bv(e)) })).on("click", (function (t) { var n = wy(t.target, (function (t) { return null != js(t).dataIndex }), !0); if (n) { var i = n.selected ? "unselect" : "select", r = js(n); e._api.dispatchAction({ type: i, dataType: r.dataType, dataIndexInside: r.dataIndex, seriesIndex: r.seriesIndex, isFromClick: !0 }) } })) }, Rv = function (t, e, n, i, r) { !function (t) { var e = [], n = [], i = !1; if (t.eachComponent((function (t, r) { var o = r.get("zlevel") || 0, a = r.get("z") || 0, s = r.getZLevelKey(); i = i || !!s, ("series" === t ? n : e).push({ zlevel: o, z: a, idx: r.componentIndex, type: t, key: s }) })), i) { var r, o, a = e.concat(n); Ke(a, (function (t, e) { return t.zlevel === e.zlevel ? t.z - e.z : t.zlevel - e.zlevel })), E(a, (function (e) { var n = t.getComponent(e.type, e.idx), i = e.zlevel, a = e.key; null != r && (i = Math.max(r, i)), a ? (i === r && a !== o && i++, o = a) : o && (i === r && i++, o = ""), r = i, n.setZLevel(i) })) } }(e), Nv(t, e, n, i, r), E(t._chartsViews, (function (t) { t.__alive = !1 })), Ev(t, e, n, i, r), E(t._chartsViews, (function (t) { t.__alive || t.remove(e, n) })) }, Nv = function (t, e, n, r, o, l) { E(l || t._componentsViews, (function (t) { var o = t.__model; a(o, t), t.render(o, e, n, r), i(o, t), s(o, t) })) }, Ev = function (t, e, n, o, l, u) { var h = t._scheduler; l = A(l || {}, { updatedSeries: e.getSeries() }), cv.trigger("series:beforeupdate", e, n, l); var c = !1; e.eachSeries((function (e) { var n = t._chartsMap[e.__viewId]; n.__alive = !0; var i = n.renderTask; h.updatePayload(i, o), a(e, n), u && u.get(e.uid) && i.dirty(), i.perform(h.getPerformArgs(i)) && (c = !0), n.group.silent = !!e.get("silent"), function (t, e) { var n = t.get("blendMode") || null; e.eachRendered((function (t) { t.isGroup || (t.style.blend = n) })) }(e, n), El(e) })), h.unfinished = c || h.unfinished, cv.trigger("series:layoutlabels", e, n, l), cv.trigger("series:transition", e, n, l), e.eachSeries((function (e) { var n = t._chartsMap[e.__viewId]; i(e, n), s(e, n) })), function (t, e) { var n = t._zr.storage, i = 0; n.traverse((function (t) { t.isGroup || i++ })), i > e.get("hoverLayerThreshold") && !r.node && !r.worker && e.eachSeries((function (e) { if (!e.preventUsingHoverLayer) { var n = t._chartsMap[e.__viewId]; n.__alive && n.eachRendered((function (t) { t.states.emphasis && (t.states.emphasis.hoverLayer = !0) })) } })) }(t, e), cv.trigger("series:afterupdate", e, n, l) }, Bv = function (t) { t.__needsUpdateStatus = !0, t.getZr().wakeUp() }, Fv = function (t) { t.__needsUpdateStatus && (t.getZr().storage.traverse((function (t) { ch(t) || e(t) })), t.__needsUpdateStatus = !1) }, zv = function (t) { return new (function (e) { function i() { return null !== e && e.apply(this, arguments) || this } return n(i, e), i.prototype.getCoordinateSystems = function () { return t._coordSysMgr.getCoordinateSystems() }, i.prototype.getComponentByElement = function (e) { for (; e;) { var n = e.__ecComponentInfo; if (null != n) return t._model.getComponent(n.mainType, n.index); e = e.parent } }, i.prototype.enterEmphasis = function (e, n) { Il(e, n), Bv(t) }, i.prototype.leaveEmphasis = function (e, n) { Tl(e, n), Bv(t) }, i.prototype.enterBlur = function (e) { Cl(e), Bv(t) }, i.prototype.leaveBlur = function (e) { Dl(e), Bv(t) }, i.prototype.enterSelect = function (e) { Al(e), Bv(t) }, i.prototype.leaveSelect = function (e) { kl(e), Bv(t) }, i.prototype.getModel = function () { return t.getModel() }, i.prototype.getViewOfComponentModel = function (e) { return t.getViewOfComponentModel(e) }, i.prototype.getViewOfSeriesModel = function (e) { return t.getViewOfSeriesModel(e) }, i }(cd))(t) }, Vv = function (t) { function e(t, e) { for (var n = 0; n < t.length; n++) { t[n][xv] = e } } E(jv, (function (n, i) { t._messageCenter.on(i, (function (n) { if (em[t.group] && 0 !== t[xv]) { if (n && n.escapeConnect) return; var i = t.makeActionFromEvent(n), r = []; E(tm, (function (e) { e !== t && e.group === t.group && r.push(e) })), e(r, 0), E(r, (function (t) { 1 !== t[xv] && t.dispatchAction(i) })), e(r, 2) } })) })) } }(), e }(Xt), Yv = Hv.prototype; Yv.on = _v("on"), Yv.off = _v("off"), Yv.one = function (t, e, n) { var i = this; ho(), this.on.call(this, t, (function n() { for (var r = [], o = 0; o < arguments.length; o++)r[o] = arguments[o]; e && e.apply && e.apply(this, r), i.off(t, n) }), n) }; var Uv = ["click", "dblclick", "mouseover", "mouseout", "mousemove", "mousedown", "mouseup", "globalout", "contextmenu"]; function Xv(t) { 0 } var Zv = {}, jv = {}, qv = [], Kv = [], $v = [], Jv = {}, Qv = {}, tm = {}, em = {}, nm = +new Date - 0, im = +new Date - 0, rm = "_echarts_instance_"; function om(t) { em[t] = !1 } var am = om; function sm(t) { return tm[function (t, e) { return t.getAttribute ? t.getAttribute(e) : t[e] }(t, rm)] } function lm(t, e) { Jv[t] = e } function um(t) { P(Kv, t) < 0 && Kv.push(t) } function hm(t, e) { xm(qv, t, e, 2e3) } function cm(t) { dm("afterinit", t) } function pm(t) { dm("afterupdate", t) } function dm(t, e) { cv.on(t, e) } function fm(t, e, n) { U(e) && (n = e, e = ""); var i = q(t) ? t.type : [t, t = { event: e }][0]; t.event = (t.event || i).toLowerCase(), e = t.event, jv[e] || (lt(mv.test(i) && mv.test(e)), Zv[i] || (Zv[i] = { action: n, actionInfo: t }), jv[e] = i) } function gm(t, e) { dd.register(t, e) } function ym(t, e) { xm($v, t, e, 1e3, "layout") } function vm(t, e) { xm($v, t, e, 3e3, "visual") } var mm = []; function xm(t, e, n, i, r) { if ((U(e) || q(e)) && (n = e, e = i), !(P(mm, n) >= 0)) { mm.push(n); var o = Yg.wrapStageHandler(n, r); o.__prio = e, o.__raw = n, t.push(o) } } function _m(t, e) { Qv[t] = e } function bm(t, e, n) { var i = dv("registerMap"); i && i(t, e, n) } var wm = function (t) { var e = (t = T(t)).type, n = ""; e || co(n); var i = e.split(":"); 2 !== i.length && co(n); var r = !1; "echarts" === i[0] && (e = i[1], r = !0), t.__isBuiltIn = r, Af.set(e, t) }; vm(gv, Bg), vm(yv, Gg), vm(yv, Wg), vm(gv, gy), vm(yv, yy), vm(7e3, (function (t, e) { t.eachRawSeries((function (n) { if (!t.isSeriesFiltered(n)) { var i = n.getData(); i.hasItemVisual() && i.each((function (t) { var n = i.getItemVisual(t, "decal"); n && (i.ensureUniqueItemVisual(t, "style").decal = sv(n, e)) })); var r = i.getVisual("decal"); if (r) i.getVisual("style").decal = sv(r, e) } })) })), um(Ed), hm(900, (function (t) { var e = ft(); t.eachSeries((function (t) { var n = t.get("stack"); if (n) { var i = e.get(n) || e.set(n, []), r = t.getData(), o = { stackResultDimension: r.getCalculationInfo("stackResultDimension"), stackedOverDimension: r.getCalculationInfo("stackedOverDimension"), stackedDimension: r.getCalculationInfo("stackedDimension"), stackedByDimension: r.getCalculationInfo("stackedByDimension"), isStackedByIndex: r.getCalculationInfo("isStackedByIndex"), data: r, seriesModel: t }; if (!o.stackedDimension || !o.isStackedByIndex && !o.stackedByDimension) return; i.length && r.setCalculationInfo("stackedOnSeries", i[i.length - 1].seriesModel), i.push(o) } })), e.each(zd) })), _m("default", (function (t, e) { k(e = e || {}, { text: "loading", textColor: "#000", fontSize: 12, fontWeight: "normal", fontStyle: "normal", fontFamily: "sans-serif", maskColor: "rgba(255, 255, 255, 0.8)", showSpinner: !0, color: "#5470c6", spinnerRadius: 10, lineWidth: 5, zlevel: 0 }); var n = new Pr, i = new Ps({ style: { fill: e.maskColor }, zlevel: e.zlevel, z: 1e4 }); n.add(i); var r, o = new Ns({ style: { text: e.text, fill: e.textColor, fontSize: e.fontSize, fontWeight: e.fontWeight, fontStyle: e.fontStyle, fontFamily: e.fontFamily }, zlevel: e.zlevel, z: 10001 }), a = new Ps({ style: { fill: "none" }, textContent: o, textConfig: { position: "right", distance: 10 }, zlevel: e.zlevel, z: 10001 }); return n.add(a), e.showSpinner && ((r = new ju({ shape: { startAngle: -Hg / 2, endAngle: -Hg / 2 + .1, r: e.spinnerRadius }, style: { stroke: e.color, lineCap: "round", lineWidth: e.lineWidth }, zlevel: e.zlevel, z: 10001 })).animateShape(!0).when(1e3, { endAngle: 3 * Hg / 2 }).start("circularInOut"), r.animateShape(!0).when(1e3, { startAngle: 3 * Hg / 2 }).delay(300).start("circularInOut"), n.add(r)), n.resize = function () { var n = o.getBoundingRect().width, s = e.showSpinner ? e.spinnerRadius : 0, l = (t.getWidth() - 2 * s - (e.showSpinner && n ? 10 : 0) - n) / 2 - (e.showSpinner && n ? 0 : 5 + n / 2) + (e.showSpinner ? 0 : n / 2) + (n ? 0 : s), u = t.getHeight() / 2; e.showSpinner && r.setShape({ cx: l, cy: u }), a.setShape({ x: l - s, y: u - s, width: 2 * s, height: 2 * s }), i.setShape({ x: 0, y: 0, width: t.getWidth(), height: t.getHeight() }) }, n.resize(), n })), fm({ type: il, event: il, update: il }, xt), fm({ type: rl, event: rl, update: rl }, xt), fm({ type: ol, event: ol, update: ol }, xt), fm({ type: al, event: al, update: al }, xt), fm({ type: sl, event: sl, update: sl }, xt), lm("light", ay), lm("dark", cy); var Sm = [], Mm = { registerPreprocessor: um, registerProcessor: hm, registerPostInit: cm, registerPostUpdate: pm, registerUpdateLifecycle: dm, registerAction: fm, registerCoordinateSystem: gm, registerLayout: ym, registerVisual: vm, registerTransform: wm, registerLoading: _m, registerMap: bm, registerImpl: function (t, e) { pv[t] = e }, PRIORITY: vv, ComponentModel: Ap, ComponentView: mg, SeriesModel: hg, ChartView: wg, registerComponentModel: function (t) { Ap.registerClass(t) }, registerComponentView: function (t) { mg.registerClass(t) }, registerSeriesModel: function (t) { hg.registerClass(t) }, registerChartView: function (t) { wg.registerClass(t) }, registerSubTypeDefaulter: function (t, e) { Ap.registerSubTypeDefaulter(t, e) }, registerPainter: function (t, e) { zr(t, e) } }; function Im(t) { Y(t) ? E(t, (function (t) { Im(t) })) : P(Sm, t) >= 0 || (Sm.push(t), U(t) && (t = { install: t }), t.install(Mm)) } function Tm(t) { return null == t ? 0 : t.length || 1 } function Cm(t) { return t } var Dm = function () { function t(t, e, n, i, r, o) { this._old = t, this._new = e, this._oldKeyGetter = n || Cm, this._newKeyGetter = i || Cm, this.context = r, this._diffModeMultiple = "multiple" === o } return t.prototype.add = function (t) { return this._add = t, this }, t.prototype.update = function (t) { return this._update = t, this }, t.prototype.updateManyToOne = function (t) { return this._updateManyToOne = t, this }, t.prototype.updateOneToMany = function (t) { return this._updateOneToMany = t, this }, t.prototype.updateManyToMany = function (t) { return this._updateManyToMany = t, this }, t.prototype.remove = function (t) { return this._remove = t, this }, t.prototype.execute = function () { this[this._diffModeMultiple ? "_executeMultiple" : "_executeOneToOne"]() }, t.prototype._executeOneToOne = function () { var t = this._old, e = this._new, n = {}, i = new Array(t.length), r = new Array(e.length); this._initIndexMap(t, null, i, "_oldKeyGetter"), this._initIndexMap(e, n, r, "_newKeyGetter"); for (var o = 0; o < t.length; o++) { var a = i[o], s = n[a], l = Tm(s); if (l > 1) { var u = s.shift(); 1 === s.length && (n[a] = s[0]), this._update && this._update(u, o) } else 1 === l ? (n[a] = null, this._update && this._update(s, o)) : this._remove && this._remove(o) } this._performRestAdd(r, n) }, t.prototype._executeMultiple = function () { var t = this._old, e = this._new, n = {}, i = {}, r = [], o = []; this._initIndexMap(t, n, r, "_oldKeyGetter"), this._initIndexMap(e, i, o, "_newKeyGetter"); for (var a = 0; a < r.length; a++) { var s = r[a], l = n[s], u = i[s], h = Tm(l), c = Tm(u); if (h > 1 && 1 === c) this._updateManyToOne && this._updateManyToOne(u, l), i[s] = null; else if (1 === h && c > 1) this._updateOneToMany && this._updateOneToMany(u, l), i[s] = null; else if (1 === h && 1 === c) this._update && this._update(u, l), i[s] = null; else if (h > 1 && c > 1) this._updateManyToMany && this._updateManyToMany(u, l), i[s] = null; else if (h > 1) for (var p = 0; p < h; p++)this._remove && this._remove(l[p]); else this._remove && this._remove(l) } this._performRestAdd(o, i) }, t.prototype._performRestAdd = function (t, e) { for (var n = 0; n < t.length; n++) { var i = t[n], r = e[i], o = Tm(r); if (o > 1) for (var a = 0; a < o; a++)this._add && this._add(r[a]); else 1 === o && this._add && this._add(r); e[i] = null } }, t.prototype._initIndexMap = function (t, e, n, i) { for (var r = this._diffModeMultiple, o = 0; o < t.length; o++) { var a = "_ec_" + this[i](t[o], o); if (r || (n[o] = a), e) { var s = e[a], l = Tm(s); 0 === l ? (e[a] = o, r && n.push(a)) : 1 === l ? e[a] = [s, o] : s.push(o) } } }, t }(), Am = function () { function t(t, e) { this._encode = t, this._schema = e } return t.prototype.get = function () { return { fullDimensions: this._getFullDimensionNames(), encode: this._encode } }, t.prototype._getFullDimensionNames = function () { return this._cachedDimNames || (this._cachedDimNames = this._schema ? this._schema.makeOutputDimensionNames() : []), this._cachedDimNames }, t }(); function km(t, e) { return t.hasOwnProperty(e) || (t[e] = []), t[e] } function Lm(t) { return "category" === t ? "ordinal" : "time" === t ? "time" : "float" } var Pm = function (t) { this.otherDims = {}, null != t && A(this, t) }, Om = Do(), Rm = { float: "f", int: "i", ordinal: "o", number: "n", time: "t" }, Nm = function () { function t(t) { this.dimensions = t.dimensions, this._dimOmitted = t.dimensionOmitted, this.source = t.source, this._fullDimCount = t.fullDimensionCount, this._updateDimOmitted(t.dimensionOmitted) } return t.prototype.isDimensionOmitted = function () { return this._dimOmitted }, t.prototype._updateDimOmitted = function (t) { this._dimOmitted = t, t && (this._dimNameMap || (this._dimNameMap = Vm(this.source))) }, t.prototype.getSourceDimensionIndex = function (t) { return rt(this._dimNameMap.get(t), -1) }, t.prototype.getSourceDimension = function (t) { var e = this.source.dimensionsDefine; if (e) return e[t] }, t.prototype.makeStoreSchema = function () { for (var t = this._fullDimCount, e = Kd(this.source), n = !Bm(t), i = "", r = [], o = 0, a = 0; o < t; o++) { var s = void 0, l = void 0, u = void 0, h = this.dimensions[a]; if (h && h.storeDimIndex === o) s = e ? h.name : null, l = h.type, u = h.ordinalMeta, a++; else { var c = this.getSourceDimension(o); c && (s = e ? c.name : null, l = c.type) } r.push({ property: s, type: l, ordinalMeta: u }), !e || null == s || h && h.isCalculationCoord || (i += n ? s.replace(/\`/g, "`1").replace(/\$/g, "`2") : s), i += "$", i += Rm[l] || "f", u && (i += u.uid), i += "$" } var p = this.source; return { dimensions: r, hash: [p.seriesLayoutBy, p.startIndex, i].join("$$") } }, t.prototype.makeOutputDimensionNames = function () { for (var t = [], e = 0, n = 0; e < this._fullDimCount; e++) { var i = void 0, r = this.dimensions[n]; if (r && r.storeDimIndex === e) r.isCalculationCoord || (i = r.name), n++; else { var o = this.getSourceDimension(e); o && (i = o.name) } t.push(i) } return t }, t.prototype.appendCalculationDimension = function (t) { this.dimensions.push(t), t.isCalculationCoord = !0, this._fullDimCount++, this._updateDimOmitted(!0) }, t }(); function Em(t) { return t instanceof Nm } function zm(t) { for (var e = ft(), n = 0; n < (t || []).length; n++) { var i = t[n], r = q(i) ? i.name : i; null != r && null == e.get(r) && e.set(r, n) } return e } function Vm(t) { var e = Om(t); return e.dimNameMap || (e.dimNameMap = zm(t.dimensionsDefine)) } function Bm(t) { return t > 30 } var Fm, Gm, Wm, Hm, Ym, Um, Xm, Zm = q, jm = z, qm = "undefined" == typeof Int32Array ? Array : Int32Array, Km = ["hasItemOption", "_nameList", "_idList", "_invertedIndicesMap", "_dimSummary", "userOutput", "_rawData", "_dimValueGetter", "_nameDimIdx", "_idDimIdx", "_nameRepeatCount"], $m = ["_approximateExtent"], Jm = function () { function t(t, e) { var n; this.type = "list", this._dimOmitted = !1, this._nameList = [], this._idList = [], this._visual = {}, this._layout = {}, this._itemVisuals = [], this._itemLayouts = [], this._graphicEls = [], this._approximateExtent = {}, this._calculationInfo = {}, this.hasItemOption = !1, this.TRANSFERABLE_METHODS = ["cloneShallow", "downSample", "lttbDownSample", "map"], this.CHANGABLE_METHODS = ["filterSelf", "selectRange"], this.DOWNSAMPLE_METHODS = ["downSample", "lttbDownSample"]; var i = !1; Em(t) ? (n = t.dimensions, this._dimOmitted = t.isDimensionOmitted(), this._schema = t) : (i = !0, n = t), n = n || ["x", "y"]; for (var r = {}, o = [], a = {}, s = !1, l = {}, u = 0; u < n.length; u++) { var h = n[u], c = X(h) ? new Pm({ name: h }) : h instanceof Pm ? h : new Pm(h), p = c.name; c.type = c.type || "float", c.coordDim || (c.coordDim = p, c.coordDimIndex = 0); var d = c.otherDims = c.otherDims || {}; o.push(p), r[p] = c, null != l[p] && (s = !0), c.createInvertedIndices && (a[p] = []), 0 === d.itemName && (this._nameDimIdx = u), 0 === d.itemId && (this._idDimIdx = u), i && (c.storeDimIndex = u) } if (this.dimensions = o, this._dimInfos = r, this._initGetDimensionInfo(s), this.hostModel = e, this._invertedIndicesMap = a, this._dimOmitted) { var f = this._dimIdxToName = ft(); E(o, (function (t) { f.set(r[t].storeDimIndex, t) })) } } return t.prototype.getDimension = function (t) { var e = this._recognizeDimIndex(t); if (null == e) return t; if (e = t, !this._dimOmitted) return this.dimensions[e]; var n = this._dimIdxToName.get(e); if (null != n) return n; var i = this._schema.getSourceDimension(e); return i ? i.name : void 0 }, t.prototype.getDimensionIndex = function (t) { var e = this._recognizeDimIndex(t); if (null != e) return e; if (null == t) return -1; var n = this._getDimInfo(t); return n ? n.storeDimIndex : this._dimOmitted ? this._schema.getSourceDimensionIndex(t) : -1 }, t.prototype._recognizeDimIndex = function (t) { if (j(t) || null != t && !isNaN(t) && !this._getDimInfo(t) && (!this._dimOmitted || this._schema.getSourceDimensionIndex(t) < 0)) return +t }, t.prototype._getStoreDimIndex = function (t) { var e = this.getDimensionIndex(t); return e }, t.prototype.getDimensionInfo = function (t) { return this._getDimInfo(this.getDimension(t)) }, t.prototype._initGetDimensionInfo = function (t) { var e = this._dimInfos; this._getDimInfo = t ? function (t) { return e.hasOwnProperty(t) ? e[t] : void 0 } : function (t) { return e[t] } }, t.prototype.getDimensionsOnCoord = function () { return this._dimSummary.dataDimsOnCoord.slice() }, t.prototype.mapDimension = function (t, e) { var n = this._dimSummary; if (null == e) return n.encodeFirstDimNotExtra[t]; var i = n.encode[t]; return i ? i[e] : null }, t.prototype.mapDimensionsAll = function (t) { return (this._dimSummary.encode[t] || []).slice() }, t.prototype.getStore = function () { return this._store }, t.prototype.initData = function (t, e, n) { var i, r = this; if (t instanceof Gf && (i = t), !i) { var o = this.dimensions, a = Yd(t) || N(t) ? new $d(t, o.length) : t; i = new Gf; var s = jm(o, (function (t) { return { type: r._dimInfos[t].type, property: t } })); i.initData(a, s, n) } this._store = i, this._nameList = (e || []).slice(), this._idList = [], this._nameRepeatCount = {}, this._doInit(0, i.count()), this._dimSummary = function (t, e) { var n = {}, i = n.encode = {}, r = ft(), o = [], a = [], s = {}; E(t.dimensions, (function (e) { var n, l = t.getDimensionInfo(e), u = l.coordDim; if (u) { var h = l.coordDimIndex; km(i, u)[h] = e, l.isExtraCoord || (r.set(u, 1), "ordinal" !== (n = l.type) && "time" !== n && (o[0] = e), km(s, u)[h] = t.getDimensionIndex(l.name)), l.defaultTooltip && a.push(e) } Op.each((function (t, e) { var n = km(i, e), r = l.otherDims[e]; null != r && !1 !== r && (n[r] = l.name) })) })); var l = [], u = {}; r.each((function (t, e) { var n = i[e]; u[e] = n[0], l = l.concat(n) })), n.dataDimsOnCoord = l, n.dataDimIndicesOnCoord = z(l, (function (e) { return t.getDimensionInfo(e).storeDimIndex })), n.encodeFirstDimNotExtra = u; var h = i.label; h && h.length && (o = h.slice()); var c = i.tooltip; return c && c.length ? a = c.slice() : a.length || (a = o.slice()), i.defaultedLabel = o, i.defaultedTooltip = a, n.userOutput = new Am(s, e), n }(this, this._schema), this.userOutput = this._dimSummary.userOutput }, t.prototype.appendData = function (t) { var e = this._store.appendData(t); this._doInit(e[0], e[1]) }, t.prototype.appendValues = function (t, e) { var n = this._store.appendValues(t, e.length), i = n.start, r = n.end, o = this._shouldMakeIdFromName(); if (this._updateOrdinalMeta(), e) for (var a = i; a < r; a++) { var s = a - i; this._nameList[a] = e[s], o && Xm(this, a) } }, t.prototype._updateOrdinalMeta = function () { for (var t = this._store, e = this.dimensions, n = 0; n < e.length; n++) { var i = this._dimInfos[e[n]]; i.ordinalMeta && t.collectOrdinalMeta(i.storeDimIndex, i.ordinalMeta) } }, t.prototype._shouldMakeIdFromName = function () { var t = this._store.getProvider(); return null == this._idDimIdx && t.getSource().sourceFormat !== Vp && !t.fillStorage }, t.prototype._doInit = function (t, e) { if (!(t >= e)) { var n = this._store.getProvider(); this._updateOrdinalMeta(); var i = this._nameList, r = this._idList; if (n.getSource().sourceFormat === Rp && !n.pure) for (var o = [], a = t; a < e; a++) { var s = n.getItem(a, o); if (!this.hasItemOption && _o(s) && (this.hasItemOption = !0), s) { var l = s.name; null == i[a] && null != l && (i[a] = Mo(l, null)); var u = s.id; null == r[a] && null != u && (r[a] = Mo(u, null)) } } if (this._shouldMakeIdFromName()) for (a = t; a < e; a++)Xm(this, a); Fm(this) } }, t.prototype.getApproximateExtent = function (t) { return this._approximateExtent[t] || this._store.getDataExtent(this._getStoreDimIndex(t)) }, t.prototype.setApproximateExtent = function (t, e) { e = this.getDimension(e), this._approximateExtent[e] = t.slice() }, t.prototype.getCalculationInfo = function (t) { return this._calculationInfo[t] }, t.prototype.setCalculationInfo = function (t, e) { Zm(t) ? A(this._calculationInfo, t) : this._calculationInfo[t] = e }, t.prototype.getName = function (t) { var e = this.getRawIndex(t), n = this._nameList[e]; return null == n && null != this._nameDimIdx && (n = Wm(this, this._nameDimIdx, e)), null == n && (n = ""), n }, t.prototype._getCategory = function (t, e) { var n = this._store.get(t, e), i = this._store.getOrdinalMeta(t); return i ? i.categories[n] : n }, t.prototype.getId = function (t) { return Gm(this, this.getRawIndex(t)) }, t.prototype.count = function () { return this._store.count() }, t.prototype.get = function (t, e) { var n = this._store, i = this._dimInfos[t]; if (i) return n.get(i.storeDimIndex, e) }, t.prototype.getByRawIndex = function (t, e) { var n = this._store, i = this._dimInfos[t]; if (i) return n.getByRawIndex(i.storeDimIndex, e) }, t.prototype.getIndices = function () { return this._store.getIndices() }, t.prototype.getDataExtent = function (t) { return this._store.getDataExtent(this._getStoreDimIndex(t)) }, t.prototype.getSum = function (t) { return this._store.getSum(this._getStoreDimIndex(t)) }, t.prototype.getMedian = function (t) { return this._store.getMedian(this._getStoreDimIndex(t)) }, t.prototype.getValues = function (t, e) { var n = this, i = this._store; return Y(t) ? i.getValues(jm(t, (function (t) { return n._getStoreDimIndex(t) })), e) : i.getValues(t) }, t.prototype.hasValue = function (t) { for (var e = this._dimSummary.dataDimIndicesOnCoord, n = 0, i = e.length; n < i; n++)if (isNaN(this._store.get(e[n], t))) return !1; return !0 }, t.prototype.indexOfName = function (t) { for (var e = 0, n = this._store.count(); e < n; e++)if (this.getName(e) === t) return e; return -1 }, t.prototype.getRawIndex = function (t) { return this._store.getRawIndex(t) }, t.prototype.indexOfRawIndex = function (t) { return this._store.indexOfRawIndex(t) }, t.prototype.rawIndexOf = function (t, e) { var n = t && this._invertedIndicesMap[t]; var i = n[e]; return null == i || isNaN(i) ? -1 : i }, t.prototype.indicesOfNearest = function (t, e, n) { return this._store.indicesOfNearest(this._getStoreDimIndex(t), e, n) }, t.prototype.each = function (t, e, n) { U(t) && (n = e, e = t, t = []); var i = n || this, r = jm(Hm(t), this._getStoreDimIndex, this); this._store.each(r, i ? W(e, i) : e) }, t.prototype.filterSelf = function (t, e, n) { U(t) && (n = e, e = t, t = []); var i = n || this, r = jm(Hm(t), this._getStoreDimIndex, this); return this._store = this._store.filter(r, i ? W(e, i) : e), this }, t.prototype.selectRange = function (t) { var e = this, n = {}; return E(G(t), (function (i) { var r = e._getStoreDimIndex(i); n[r] = t[i] })), this._store = this._store.selectRange(n), this }, t.prototype.mapArray = function (t, e, n) { U(t) && (n = e, e = t, t = []), n = n || this; var i = []; return this.each(t, (function () { i.push(e && e.apply(this, arguments)) }), n), i }, t.prototype.map = function (t, e, n, i) { var r = n || i || this, o = jm(Hm(t), this._getStoreDimIndex, this), a = Um(this); return a._store = this._store.map(o, r ? W(e, r) : e), a }, t.prototype.modify = function (t, e, n, i) { var r = n || i || this; var o = jm(Hm(t), this._getStoreDimIndex, this); this._store.modify(o, r ? W(e, r) : e) }, t.prototype.downSample = function (t, e, n, i) { var r = Um(this); return r._store = this._store.downSample(this._getStoreDimIndex(t), e, n, i), r }, t.prototype.lttbDownSample = function (t, e) { var n = Um(this); return n._store = this._store.lttbDownSample(this._getStoreDimIndex(t), e), n }, t.prototype.getRawDataItem = function (t) { return this._store.getRawDataItem(t) }, t.prototype.getItemModel = function (t) { var e = this.hostModel, n = this.getRawDataItem(t); return new xc(n, e, e && e.ecModel) }, t.prototype.diff = function (t) { var e = this; return new Dm(t ? t.getStore().getIndices() : [], this.getStore().getIndices(), (function (e) { return Gm(t, e) }), (function (t) { return Gm(e, t) })) }, t.prototype.getVisual = function (t) { var e = this._visual; return e && e[t] }, t.prototype.setVisual = function (t, e) { this._visual = this._visual || {}, Zm(t) ? A(this._visual, t) : this._visual[t] = e }, t.prototype.getItemVisual = function (t, e) { var n = this._itemVisuals[t], i = n && n[e]; return null == i ? this.getVisual(e) : i }, t.prototype.hasItemVisual = function () { return this._itemVisuals.length > 0 }, t.prototype.ensureUniqueItemVisual = function (t, e) { var n = this._itemVisuals, i = n[t]; i || (i = n[t] = {}); var r = i[e]; return null == r && (Y(r = this.getVisual(e)) ? r = r.slice() : Zm(r) && (r = A({}, r)), i[e] = r), r }, t.prototype.setItemVisual = function (t, e, n) { var i = this._itemVisuals[t] || {}; this._itemVisuals[t] = i, Zm(e) ? A(i, e) : i[e] = n }, t.prototype.clearAllVisual = function () { this._visual = {}, this._itemVisuals = [] }, t.prototype.setLayout = function (t, e) { Zm(t) ? A(this._layout, t) : this._layout[t] = e }, t.prototype.getLayout = function (t) { return this._layout[t] }, t.prototype.getItemLayout = function (t) { return this._itemLayouts[t] }, t.prototype.setItemLayout = function (t, e, n) { this._itemLayouts[t] = n ? A(this._itemLayouts[t] || {}, e) : e }, t.prototype.clearItemLayouts = function () { this._itemLayouts.length = 0 }, t.prototype.setItemGraphicEl = function (t, e) { var n = this.hostModel && this.hostModel.seriesIndex; qs(n, this.dataType, t, e), this._graphicEls[t] = e }, t.prototype.getItemGraphicEl = function (t) { return this._graphicEls[t] }, t.prototype.eachItemGraphicEl = function (t, e) { E(this._graphicEls, (function (n, i) { n && t && t.call(e, n, i) })) }, t.prototype.cloneShallow = function (e) { return e || (e = new t(this._schema ? this._schema : jm(this.dimensions, this._getDimInfo, this), this.hostModel)), Ym(e, this), e._store = this._store, e }, t.prototype.wrapMethod = function (t, e) { var n = this[t]; U(n) && (this.__wrappedMethods = this.__wrappedMethods || [], this.__wrappedMethods.push(t), this[t] = function () { var t = n.apply(this, arguments); return e.apply(this, [t].concat(at(arguments))) }) }, t.internalField = (Fm = function (t) { var e = t._invertedIndicesMap; E(e, (function (n, i) { var r = t._dimInfos[i], o = r.ordinalMeta, a = t._store; if (o) { n = e[i] = new qm(o.categories.length); for (var s = 0; s < n.length; s++)n[s] = -1; for (s = 0; s < a.count(); s++)n[a.get(r.storeDimIndex, s)] = s } })) }, Wm = function (t, e, n) { return Mo(t._getCategory(e, n), null) }, Gm = function (t, e) { var n = t._idList[e]; return null == n && null != t._idDimIdx && (n = Wm(t, t._idDimIdx, e)), null == n && (n = "e\0\0" + e), n }, Hm = function (t) { return Y(t) || (t = null != t ? [t] : []), t }, Um = function (e) { var n = new t(e._schema ? e._schema : jm(e.dimensions, e._getDimInfo, e), e.hostModel); return Ym(n, e), n }, Ym = function (t, e) { E(Km.concat(e.__wrappedMethods || []), (function (n) { e.hasOwnProperty(n) && (t[n] = e[n]) })), t.__wrappedMethods = e.__wrappedMethods, E($m, (function (n) { t[n] = T(e[n]) })), t._calculationInfo = A({}, e._calculationInfo) }, void (Xm = function (t, e) { var n = t._nameList, i = t._idList, r = t._nameDimIdx, o = t._idDimIdx, a = n[e], s = i[e]; if (null == a && null != r && (n[e] = a = Wm(t, r, e)), null == s && null != o && (i[e] = s = Wm(t, o, e)), null == s && null != a) { var l = t._nameRepeatCount, u = l[a] = (l[a] || 0) + 1; s = a, u > 1 && (s += "__ec__" + u), i[e] = s } })), t }(); function Qm(t, e) { Yd(t) || (t = Xd(t)); var n = (e = e || {}).coordDimensions || [], i = e.dimensionsDefine || t.dimensionsDefine || [], r = ft(), o = [], a = function (t, e, n, i) { var r = Math.max(t.dimensionsDetectedCount || 1, e.length, n.length, i || 0); return E(e, (function (t) { var e; q(t) && (e = t.dimsDef) && (r = Math.max(r, e.length)) })), r }(t, n, i, e.dimensionsCount), s = e.canOmitUnusedDimensions && Bm(a), l = i === t.dimensionsDefine, u = l ? Vm(t) : zm(i), h = e.encodeDefine; !h && e.encodeDefaulter && (h = e.encodeDefaulter(t, a)); for (var c = ft(h), p = new Ef(a), d = 0; d < p.length; d++)p[d] = -1; function f(t) { var e = p[t]; if (e < 0) { var n = i[t], r = q(n) ? n : { name: n }, a = new Pm, s = r.name; null != s && null != u.get(s) && (a.name = a.displayName = s), null != r.type && (a.type = r.type), null != r.displayName && (a.displayName = r.displayName); var l = o.length; return p[t] = l, a.storeDimIndex = t, o.push(a), a } return o[e] } if (!s) for (d = 0; d < a; d++)f(d); c.each((function (t, e) { var n = yo(t).slice(); if (1 === n.length && !X(n[0]) && n[0] < 0) c.set(e, !1); else { var i = c.set(e, []); E(n, (function (t, n) { var r = X(t) ? u.get(t) : t; null != r && r < a && (i[n] = r, y(f(r), e, n)) })) } })); var g = 0; function y(t, e, n) { null != Op.get(e) ? t.otherDims[e] = n : (t.coordDim = e, t.coordDimIndex = n, r.set(e, !0)) } E(n, (function (t) { var e, n, i, r; if (X(t)) e = t, r = {}; else { e = (r = t).name; var o = r.ordinalMeta; r.ordinalMeta = null, (r = A({}, r)).ordinalMeta = o, n = r.dimsDef, i = r.otherDims, r.name = r.coordDim = r.coordDimIndex = r.dimsDef = r.otherDims = null } var s = c.get(e); if (!1 !== s) { if (!(s = yo(s)).length) for (var u = 0; u < (n && n.length || 1); u++) { for (; g < a && null != f(g).coordDim;)g++; g < a && s.push(g++) } E(s, (function (t, o) { var a = f(t); if (l && null != r.type && (a.type = r.type), y(k(a, r), e, o), null == a.name && n) { var s = n[o]; !q(s) && (s = { name: s }), a.name = a.displayName = s.name, a.defaultTooltip = s.defaultTooltip } i && k(a.otherDims, i) })) } })); var v = e.generateCoord, m = e.generateCoordCount, x = null != m; m = v ? m || 1 : 0; var _ = v || "value"; function b(t) { null == t.name && (t.name = t.coordDim) } if (s) E(o, (function (t) { b(t) })), o.sort((function (t, e) { return t.storeDimIndex - e.storeDimIndex })); else for (var w = 0; w < a; w++) { var S = f(w); null == S.coordDim && (S.coordDim = tx(_, r, x), S.coordDimIndex = 0, (!v || m <= 0) && (S.isExtraCoord = !0), m--), b(S), null != S.type || qp(t, w) !== Wp && (!S.isExtraCoord || null == S.otherDims.itemName && null == S.otherDims.seriesName) || (S.type = "ordinal") } return function (t) { for (var e = ft(), n = 0; n < t.length; n++) { var i = t[n], r = i.name, o = e.get(r) || 0; o > 0 && (i.name = r + (o - 1)), o++, e.set(r, o) } }(o), new Nm({ source: t, dimensions: o, fullDimensionCount: a, dimensionOmitted: s }) } function tx(t, e, n) { var i = e.data; if (n || i.hasOwnProperty(t)) { for (var r = 0; i.hasOwnProperty(t + r);)r++; t += r } return e.set(t, !0), t } var ex = function (t) { this.coordSysDims = [], this.axisMap = ft(), this.categoryAxisMap = ft(), this.coordSysName = t }; var nx = { cartesian2d: function (t, e, n, i) { var r = t.getReferringComponents("xAxis", Po).models[0], o = t.getReferringComponents("yAxis", Po).models[0]; e.coordSysDims = ["x", "y"], n.set("x", r), n.set("y", o), ix(r) && (i.set("x", r), e.firstCategoryDimIndex = 0), ix(o) && (i.set("y", o), null == e.firstCategoryDimIndex && (e.firstCategoryDimIndex = 1)) }, singleAxis: function (t, e, n, i) { var r = t.getReferringComponents("singleAxis", Po).models[0]; e.coordSysDims = ["single"], n.set("single", r), ix(r) && (i.set("single", r), e.firstCategoryDimIndex = 0) }, polar: function (t, e, n, i) { var r = t.getReferringComponents("polar", Po).models[0], o = r.findAxisModel("radiusAxis"), a = r.findAxisModel("angleAxis"); e.coordSysDims = ["radius", "angle"], n.set("radius", o), n.set("angle", a), ix(o) && (i.set("radius", o), e.firstCategoryDimIndex = 0), ix(a) && (i.set("angle", a), null == e.firstCategoryDimIndex && (e.firstCategoryDimIndex = 1)) }, geo: function (t, e, n, i) { e.coordSysDims = ["lng", "lat"] }, parallel: function (t, e, n, i) { var r = t.ecModel, o = r.getComponent("parallel", t.get("parallelIndex")), a = e.coordSysDims = o.dimensions.slice(); E(o.parallelAxisIndex, (function (t, o) { var s = r.getComponent("parallelAxis", t), l = a[o]; n.set(l, s), ix(s) && (i.set(l, s), null == e.firstCategoryDimIndex && (e.firstCategoryDimIndex = o)) })) } }; function ix(t) { return "category" === t.get("type") } function rx(t, e, n) { var i, r, o, a = (n = n || {}).byIndex, s = n.stackedCoordDimension; !function (t) { return !Em(t.schema) }(e) ? (r = e.schema, i = r.dimensions, o = e.store) : i = e; var l, u, h, c, p = !(!t || !t.get("stack")); if (E(i, (function (t, e) { X(t) && (i[e] = t = { name: t }), p && !t.isExtraCoord && (a || l || !t.ordinalMeta || (l = t), u || "ordinal" === t.type || "time" === t.type || s && s !== t.coordDim || (u = t)) })), !u || a || l || (a = !0), u) { h = "__\0ecstackresult_" + t.id, c = "__\0ecstackedover_" + t.id, l && (l.createInvertedIndices = !0); var d = u.coordDim, f = u.type, g = 0; E(i, (function (t) { t.coordDim === d && g++ })); var y = { name: h, coordDim: d, coordDimIndex: g, type: f, isExtraCoord: !0, isCalculationCoord: !0, storeDimIndex: i.length }, v = { name: c, coordDim: c, coordDimIndex: g + 1, type: f, isExtraCoord: !0, isCalculationCoord: !0, storeDimIndex: i.length + 1 }; r ? (o && (y.storeDimIndex = o.ensureCalculationDimension(c, f), v.storeDimIndex = o.ensureCalculationDimension(h, f)), r.appendCalculationDimension(y), r.appendCalculationDimension(v)) : (i.push(y), i.push(v)) } return { stackedDimension: u && u.name, stackedByDimension: l && l.name, isStackedByIndex: a, stackedOverDimension: c, stackResultDimension: h } } function ox(t, e) { return !!e && e === t.getCalculationInfo("stackedDimension") } function ax(t, e) { return ox(t, e) ? t.getCalculationInfo("stackResultDimension") : e } function sx(t, e, n) { n = n || {}; var i, r = e.getSourceManager(), o = !1; t ? (o = !0, i = Xd(t)) : o = (i = r.getSource()).sourceFormat === Rp; var a = function (t) { var e = t.get("coordinateSystem"), n = new ex(e), i = nx[e]; if (i) return i(t, n, n.axisMap, n.categoryAxisMap), n }(e), s = function (t, e) { var n, i = t.get("coordinateSystem"), r = dd.get(i); return e && e.coordSysDims && (n = z(e.coordSysDims, (function (t) { var n = { name: t }, i = e.axisMap.get(t); if (i) { var r = i.get("type"); n.type = Lm(r) } return n }))), n || (n = r && (r.getDimensionsInfo ? r.getDimensionsInfo() : r.dimensions.slice()) || ["x", "y"]), n }(e, a), l = n.useEncodeDefaulter, u = U(l) ? l : l ? H(Xp, s, e) : null, h = Qm(i, { coordDimensions: s, generateCoord: n.generateCoord, encodeDefine: e.getEncode(), encodeDefaulter: u, canOmitUnusedDimensions: !o }), c = function (t, e, n) { var i, r; return n && E(t, (function (t, o) { var a = t.coordDim, s = n.categoryAxisMap.get(a); s && (null == i && (i = o), t.ordinalMeta = s.getOrdinalMeta(), e && (t.createInvertedIndices = !0)), null != t.otherDims.itemName && (r = !0) })), r || null == i || (t[i].otherDims.itemName = 0), i }(h.dimensions, n.createInvertedIndices, a), p = o ? null : r.getSharedDataStore(h), d = rx(e, { schema: h, store: p }), f = new Jm(h, e); f.setCalculationInfo(d); var g = null != c && function (t) { if (t.sourceFormat === Rp) { var e = function (t) { var e = 0; for (; e < t.length && null == t[e];)e++; return t[e] }(t.data || []); return !Y(xo(e)) } }(i) ? function (t, e, n, i) { return i === c ? n : this.defaultDimValueGetter(t, e, n, i) } : null; return f.hasItemOption = !1, f.initData(o ? i : p, null, g), f } var lx = function () { function t(t) { this._setting = t || {}, this._extent = [1 / 0, -1 / 0] } return t.prototype.getSetting = function (t) { return this._setting[t] }, t.prototype.unionExtent = function (t) { var e = this._extent; t[0] < e[0] && (e[0] = t[0]), t[1] > e[1] && (e[1] = t[1]) }, t.prototype.unionExtentFromData = function (t, e) { this.unionExtent(t.getApproximateExtent(e)) }, t.prototype.getExtent = function () { return this._extent.slice() }, t.prototype.setExtent = function (t, e) { var n = this._extent; isNaN(t) || (n[0] = t), isNaN(e) || (n[1] = e) }, t.prototype.isInExtentRange = function (t) { return this._extent[0] <= t && this._extent[1] >= t }, t.prototype.isBlank = function () { return this._isBlank }, t.prototype.setBlank = function (t) { this._isBlank = t }, t }(); Xo(lx); var ux = 0, hx = function () { function t(t) { this.categories = t.categories || [], this._needCollect = t.needCollect, this._deduplication = t.deduplication, this.uid = ++ux } return t.createByAxisModel = function (e) { var n = e.option, i = n.data, r = i && z(i, cx); return new t({ categories: r, needCollect: !r, deduplication: !1 !== n.dedplication }) }, t.prototype.getOrdinal = function (t) { return this._getOrCreateMap().get(t) }, t.prototype.parseAndCollect = function (t) { var e, n = this._needCollect; if (!X(t) && !n) return t; if (n && !this._deduplication) return e = this.categories.length, this.categories[e] = t, e; var i = this._getOrCreateMap(); return null == (e = i.get(t)) && (n ? (e = this.categories.length, this.categories[e] = t, i.set(t, e)) : e = NaN), e }, t.prototype._getOrCreateMap = function () { return this._map || (this._map = ft(this.categories)) }, t }(); function cx(t) { return q(t) && null != t.value ? t.value : t + "" } function px(t) { return "interval" === t.type || "log" === t.type } function dx(t, e, n, i) { var r = {}, o = t[1] - t[0], a = r.interval = no(o / e, !0); null != n && a < n && (a = r.interval = n), null != i && a > i && (a = r.interval = i); var s = r.intervalPrecision = gx(a); return function (t, e) { !isFinite(t[0]) && (t[0] = e[0]), !isFinite(t[1]) && (t[1] = e[1]), yx(t, 0, e), yx(t, 1, e), t[0] > t[1] && (t[0] = t[1]) }(r.niceTickExtent = [Wr(Math.ceil(t[0] / a) * a, s), Wr(Math.floor(t[1] / a) * a, s)], t), r } function fx(t) { var e = Math.pow(10, eo(t)), n = t / e; return n ? 2 === n ? n = 3 : 3 === n ? n = 5 : n *= 2 : n = 1, Wr(n * e) } function gx(t) { return Yr(t) + 2 } function yx(t, e, n) { t[e] = Math.max(Math.min(t[e], n[1]), n[0]) } function vx(t, e) { return t >= e[0] && t <= e[1] } function mx(t, e) { return e[1] === e[0] ? .5 : (t - e[0]) / (e[1] - e[0]) } function xx(t, e) { return t * (e[1] - e[0]) + e[0] } var _x = function (t) { function e(e) { var n = t.call(this, e) || this; n.type = "ordinal"; var i = n.getSetting("ordinalMeta"); return i || (i = new hx({})), Y(i) && (i = new hx({ categories: z(i, (function (t) { return q(t) ? t.value : t })) })), n._ordinalMeta = i, n._extent = n.getSetting("extent") || [0, i.categories.length - 1], n } return n(e, t), e.prototype.parse = function (t) { return null == t ? NaN : X(t) ? this._ordinalMeta.getOrdinal(t) : Math.round(t) }, e.prototype.contain = function (t) { return vx(t = this.parse(t), this._extent) && null != this._ordinalMeta.categories[t] }, e.prototype.normalize = function (t) { return mx(t = this._getTickNumber(this.parse(t)), this._extent) }, e.prototype.scale = function (t) { return t = Math.round(xx(t, this._extent)), this.getRawOrdinalNumber(t) }, e.prototype.getTicks = function () { for (var t = [], e = this._extent, n = e[0]; n <= e[1];)t.push({ value: n }), n++; return t }, e.prototype.getMinorTicks = function (t) { }, e.prototype.setSortInfo = function (t) { if (null != t) { for (var e = t.ordinalNumbers, n = this._ordinalNumbersByTick = [], i = this._ticksByOrdinalNumber = [], r = 0, o = this._ordinalMeta.categories.length, a = Math.min(o, e.length); r < a; ++r) { var s = e[r]; n[r] = s, i[s] = r } for (var l = 0; r < o; ++r) { for (; null != i[l];)l++; n.push(l), i[l] = r } } else this._ordinalNumbersByTick = this._ticksByOrdinalNumber = null }, e.prototype._getTickNumber = function (t) { var e = this._ticksByOrdinalNumber; return e && t >= 0 && t < e.length ? e[t] : t }, e.prototype.getRawOrdinalNumber = function (t) { var e = this._ordinalNumbersByTick; return e && t >= 0 && t < e.length ? e[t] : t }, e.prototype.getLabel = function (t) { if (!this.isBlank()) { var e = this.getRawOrdinalNumber(t.value), n = this._ordinalMeta.categories[e]; return null == n ? "" : n + "" } }, e.prototype.count = function () { return this._extent[1] - this._extent[0] + 1 }, e.prototype.unionExtentFromData = function (t, e) { this.unionExtent(t.getApproximateExtent(e)) }, e.prototype.isInExtentRange = function (t) { return t = this._getTickNumber(t), this._extent[0] <= t && this._extent[1] >= t }, e.prototype.getOrdinalMeta = function () { return this._ordinalMeta }, e.prototype.calcNiceTicks = function () { }, e.prototype.calcNiceExtent = function () { }, e.type = "ordinal", e }(lx); lx.registerClass(_x); var bx = Wr, Sx = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "interval", e._interval = 0, e._intervalPrecision = 2, e } return n(e, t), e.prototype.parse = function (t) { return t }, e.prototype.contain = function (t) { return vx(t, this._extent) }, e.prototype.normalize = function (t) { return mx(t, this._extent) }, e.prototype.scale = function (t) { return xx(t, this._extent) }, e.prototype.setExtent = function (t, e) { var n = this._extent; isNaN(t) || (n[0] = parseFloat(t)), isNaN(e) || (n[1] = parseFloat(e)) }, e.prototype.unionExtent = function (t) { var e = this._extent; t[0] < e[0] && (e[0] = t[0]), t[1] > e[1] && (e[1] = t[1]), this.setExtent(e[0], e[1]) }, e.prototype.getInterval = function () { return this._interval }, e.prototype.setInterval = function (t) { this._interval = t, this._niceExtent = this._extent.slice(), this._intervalPrecision = gx(t) }, e.prototype.getTicks = function (t) { var e = this._interval, n = this._extent, i = this._niceExtent, r = this._intervalPrecision, o = []; if (!e) return o; n[0] < i[0] && (t ? o.push({ value: bx(i[0] - e, r) }) : o.push({ value: n[0] })); for (var a = i[0]; a <= i[1] && (o.push({ value: a }), (a = bx(a + e, r)) !== o[o.length - 1].value);)if (o.length > 1e4) return []; var s = o.length ? o[o.length - 1].value : i[1]; return n[1] > s && (t ? o.push({ value: bx(s + e, r) }) : o.push({ value: n[1] })), o }, e.prototype.getMinorTicks = function (t) { for (var e = this.getTicks(!0), n = [], i = this.getExtent(), r = 1; r < e.length; r++) { for (var o = e[r], a = e[r - 1], s = 0, l = [], u = (o.value - a.value) / t; s < t - 1;) { var h = bx(a.value + (s + 1) * u); h > i[0] && h < i[1] && l.push(h), s++ } n.push(l) } return n }, e.prototype.getLabel = function (t, e) { if (null == t) return ""; var n = e && e.precision; return null == n ? n = Yr(t.value) || 0 : "auto" === n && (n = this._intervalPrecision), sp(bx(t.value, n, !0)) }, e.prototype.calcNiceTicks = function (t, e, n) { t = t || 5; var i = this._extent, r = i[1] - i[0]; if (isFinite(r)) { r < 0 && (r = -r, i.reverse()); var o = dx(i, t, e, n); this._intervalPrecision = o.intervalPrecision, this._interval = o.interval, this._niceExtent = o.niceTickExtent } }, e.prototype.calcNiceExtent = function (t) { var e = this._extent; if (e[0] === e[1]) if (0 !== e[0]) { var n = Math.abs(e[0]); t.fixMax || (e[1] += n / 2), e[0] -= n / 2 } else e[1] = 1; var i = e[1] - e[0]; isFinite(i) || (e[0] = 0, e[1] = 1), this.calcNiceTicks(t.splitNumber, t.minInterval, t.maxInterval); var r = this._interval; t.fixMin || (e[0] = bx(Math.floor(e[0] / r) * r)), t.fixMax || (e[1] = bx(Math.ceil(e[1] / r) * r)) }, e.prototype.setNiceExtent = function (t, e) { this._niceExtent = [t, e] }, e.type = "interval", e }(lx); lx.registerClass(Sx); var Mx = "undefined" != typeof Float32Array, Ix = Mx ? Float32Array : Array; function Tx(t) { return Y(t) ? Mx ? new Float32Array(t) : t : new Ix(t) } var Cx = "__ec_stack_"; function Dx(t) { return t.get("stack") || Cx + t.seriesIndex } function Ax(t) { return t.dim + t.index } function kx(t, e) { var n = []; return e.eachSeriesByType(t, (function (t) { Nx(t) && n.push(t) })), n } function Lx(t) { var e = function (t) { var e = {}; E(t, (function (t) { var n = t.coordinateSystem.getBaseAxis(); if ("time" === n.type || "value" === n.type) for (var i = t.getData(), r = n.dim + "_" + n.index, o = i.getDimensionIndex(i.mapDimension(n.dim)), a = i.getStore(), s = 0, l = a.count(); s < l; ++s) { var u = a.get(o, s); e[r] ? e[r].push(u) : e[r] = [u] } })); var n = {}; for (var i in e) if (e.hasOwnProperty(i)) { var r = e[i]; if (r) { r.sort((function (t, e) { return t - e })); for (var o = null, a = 1; a < r.length; ++a) { var s = r[a] - r[a - 1]; s > 0 && (o = null === o ? s : Math.min(o, s)) } n[i] = o } } return n }(t), n = []; return E(t, (function (t) { var i, r = t.coordinateSystem.getBaseAxis(), o = r.getExtent(); if ("category" === r.type) i = r.getBandWidth(); else if ("value" === r.type || "time" === r.type) { var a = r.dim + "_" + r.index, s = e[a], l = Math.abs(o[1] - o[0]), u = r.scale.getExtent(), h = Math.abs(u[1] - u[0]); i = s ? l / h * s : l } else { var c = t.getData(); i = Math.abs(o[1] - o[0]) / c.count() } var p = Gr(t.get("barWidth"), i), d = Gr(t.get("barMaxWidth"), i), f = Gr(t.get("barMinWidth") || (Ex(t) ? .5 : 1), i), g = t.get("barGap"), y = t.get("barCategoryGap"); n.push({ bandWidth: i, barWidth: p, barMaxWidth: d, barMinWidth: f, barGap: g, barCategoryGap: y, axisKey: Ax(r), stackId: Dx(t) }) })), Px(n) } function Px(t) { var e = {}; E(t, (function (t, n) { var i = t.axisKey, r = t.bandWidth, o = e[i] || { bandWidth: r, remainedWidth: r, autoWidthCount: 0, categoryGap: null, gap: "20%", stacks: {} }, a = o.stacks; e[i] = o; var s = t.stackId; a[s] || o.autoWidthCount++, a[s] = a[s] || { width: 0, maxWidth: 0 }; var l = t.barWidth; l && !a[s].width && (a[s].width = l, l = Math.min(o.remainedWidth, l), o.remainedWidth -= l); var u = t.barMaxWidth; u && (a[s].maxWidth = u); var h = t.barMinWidth; h && (a[s].minWidth = h); var c = t.barGap; null != c && (o.gap = c); var p = t.barCategoryGap; null != p && (o.categoryGap = p) })); var n = {}; return E(e, (function (t, e) { n[e] = {}; var i = t.stacks, r = t.bandWidth, o = t.categoryGap; if (null == o) { var a = G(i).length; o = Math.max(35 - 4 * a, 15) + "%" } var s = Gr(o, r), l = Gr(t.gap, 1), u = t.remainedWidth, h = t.autoWidthCount, c = (u - s) / (h + (h - 1) * l); c = Math.max(c, 0), E(i, (function (t) { var e = t.maxWidth, n = t.minWidth; if (t.width) { i = t.width; e && (i = Math.min(i, e)), n && (i = Math.max(i, n)), t.width = i, u -= i + l * i, h-- } else { var i = c; e && e < i && (i = Math.min(e, u)), n && n > i && (i = n), i !== c && (t.width = i, u -= i + l * i, h--) } })), c = (u - s) / (h + (h - 1) * l), c = Math.max(c, 0); var p, d = 0; E(i, (function (t, e) { t.width || (t.width = c), p = t, d += t.width * (1 + l) })), p && (d -= p.width * l); var f = -d / 2; E(i, (function (t, i) { n[e][i] = n[e][i] || { bandWidth: r, offset: f, width: t.width }, f += t.width * (1 + l) })) })), n } function Ox(t, e) { var n = kx(t, e), i = Lx(n); E(n, (function (t) { var e = t.getData(), n = t.coordinateSystem.getBaseAxis(), r = Dx(t), o = i[Ax(n)][r], a = o.offset, s = o.width; e.setLayout({ bandWidth: o.bandWidth, offset: a, size: s }) })) } function Rx(t) { return { seriesType: t, plan: xg(), reset: function (t) { if (Nx(t)) { var e = t.getData(), n = t.coordinateSystem, i = n.getBaseAxis(), r = n.getOtherAxis(i), o = e.getDimensionIndex(e.mapDimension(r.dim)), a = e.getDimensionIndex(e.mapDimension(i.dim)), s = t.get("showBackground", !0), l = e.mapDimension(r.dim), u = e.getCalculationInfo("stackResultDimension"), h = ox(e, l) && !!e.getCalculationInfo("stackedOnSeries"), c = r.isHorizontal(), p = function (t, e) { return e.toGlobalCoord(e.dataToCoord("log" === e.type ? 1 : 0)) }(0, r), d = Ex(t), f = t.get("barMinHeight") || 0, g = u && e.getDimensionIndex(u), y = e.getLayout("size"), v = e.getLayout("offset"); return { progress: function (t, e) { for (var i, r = t.count, l = d && Tx(3 * r), u = d && s && Tx(3 * r), m = d && Tx(r), x = n.master.getRect(), _ = c ? x.width : x.height, b = e.getStore(), w = 0; null != (i = t.next());) { var S = b.get(h ? g : o, i), M = b.get(a, i), I = p, T = void 0; h && (T = +S - b.get(o, i)); var C = void 0, D = void 0, A = void 0, k = void 0; if (c) { var L = n.dataToPoint([S, M]); if (h) I = n.dataToPoint([T, M])[0]; C = I, D = L[1] + v, A = L[0] - I, k = y, Math.abs(A) < f && (A = (A < 0 ? -1 : 1) * f) } else { L = n.dataToPoint([M, S]); if (h) I = n.dataToPoint([M, T])[1]; C = L[0] + v, D = I, A = y, k = L[1] - I, Math.abs(k) < f && (k = (k <= 0 ? -1 : 1) * f) } d ? (l[w] = C, l[w + 1] = D, l[w + 2] = c ? A : k, u && (u[w] = c ? x.x : C, u[w + 1] = c ? D : x.y, u[w + 2] = _), m[i] = i) : e.setItemLayout(i, { x: C, y: D, width: A, height: k }), w += 3 } d && e.setLayout({ largePoints: l, largeDataIndices: m, largeBackgroundPoints: u, valueAxisHorizontal: c }) } } } } } } function Nx(t) { return t.coordinateSystem && "cartesian2d" === t.coordinateSystem.type } function Ex(t) { return t.pipelineContext && t.pipelineContext.large } var zx = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "time", n } return n(e, t), e.prototype.getLabel = function (t) { var e = this.getSetting("useUTC"); return Yc(t.value, Vc[function (t) { switch (t) { case "year": case "month": return "day"; case "millisecond": return "millisecond"; default: return "second" } }(Wc(this._minLevelUnit))] || Vc.second, e, this.getSetting("locale")) }, e.prototype.getFormattedLabel = function (t, e, n) { var i = this.getSetting("useUTC"); return function (t, e, n, i, r) { var o = null; if (X(n)) o = n; else if (U(n)) o = n(t.value, e, { level: t.level }); else { var a = A({}, Ec); if (t.level > 0) for (var s = 0; s < Bc.length; ++s)a[Bc[s]] = "{primary|" + a[Bc[s]] + "}"; var l = n ? !1 === n.inherit ? n : k(n, a) : a, u = Uc(t.value, r); if (l[u]) o = l[u]; else if (l.inherit) { for (s = Fc.indexOf(u) - 1; s >= 0; --s)if (l[u]) { o = l[u]; break } o = o || a.none } if (Y(o)) { var h = null == t.level ? 0 : t.level >= 0 ? t.level : o.length + t.level; o = o[h = Math.min(h, o.length - 1)] } } return Yc(new Date(t.value), o, r, i) }(t, e, n, this.getSetting("locale"), i) }, e.prototype.getTicks = function () { var t = this._interval, e = this._extent, n = []; if (!t) return n; n.push({ value: e[0], level: 0 }); var i = this.getSetting("useUTC"), r = function (t, e, n, i) { var r = 1e4, o = Fc, a = 0; function s(t, e, n, r, o, a, s) { for (var l = new Date(e), u = e, h = l[r](); u < n && u <= i[1];)s.push({ value: u }), h += t, l[o](h), u = l.getTime(); s.push({ value: u, notAdd: !0 }) } function l(t, r, o) { var a = [], l = !r.length; if (!function (t, e, n, i) { var r = Qr(e), o = Qr(n), a = function (t) { return Xc(r, t, i) === Xc(o, t, i) }, s = function () { return a("year") }, l = function () { return s() && a("month") }, u = function () { return l() && a("day") }, h = function () { return u() && a("hour") }, c = function () { return h() && a("minute") }, p = function () { return c() && a("second") }, d = function () { return p() && a("millisecond") }; switch (t) { case "year": return s(); case "month": return l(); case "day": return u(); case "hour": return h(); case "minute": return c(); case "second": return p(); case "millisecond": return d() } }(Wc(t), i[0], i[1], n)) { l && (r = [{ value: Yx(new Date(i[0]), t, n) }, { value: i[1] }]); for (var u = 0; u < r.length - 1; u++) { var h = r[u].value, c = r[u + 1].value; if (h !== c) { var p = void 0, d = void 0, f = void 0, g = !1; switch (t) { case "year": p = Math.max(1, Math.round(e / Rc / 365)), d = Zc(n), f = tp(n); break; case "half-year": case "quarter": case "month": p = Fx(e), d = jc(n), f = ep(n); break; case "week": case "half-week": case "day": p = Bx(e), d = qc(n), f = np(n), g = !0; break; case "half-day": case "quarter-day": case "hour": p = Gx(e), d = Kc(n), f = ip(n); break; case "minute": p = Wx(e, !0), d = $c(n), f = rp(n); break; case "second": p = Wx(e, !1), d = Jc(n), f = op(n); break; case "millisecond": p = Hx(e), d = Qc(n), f = ap(n) }s(p, h, c, d, f, g, a), "year" === t && o.length > 1 && 0 === u && o.unshift({ value: o[0].value - p }) } } for (u = 0; u < a.length; u++)o.push(a[u]); return a } } for (var u = [], h = [], c = 0, p = 0, d = 0; d < o.length && a++ < r; ++d) { var f = Wc(o[d]); if (Hc(o[d])) if (l(o[d], u[u.length - 1] || [], h), f !== (o[d + 1] ? Wc(o[d + 1]) : null)) { if (h.length) { p = c, h.sort((function (t, e) { return t.value - e.value })); for (var g = [], y = 0; y < h.length; ++y) { var v = h[y].value; 0 !== y && h[y - 1].value === v || (g.push(h[y]), v >= i[0] && v <= i[1] && c++) } var m = (i[1] - i[0]) / e; if (c > 1.5 * m && p > m / 1.5) break; if (u.push(g), c > m || t === o[d]) break } h = [] } } 0; var x = B(z(u, (function (t) { return B(t, (function (t) { return t.value >= i[0] && t.value <= i[1] && !t.notAdd })) })), (function (t) { return t.length > 0 })), _ = [], b = x.length - 1; for (d = 0; d < x.length; ++d)for (var w = x[d], S = 0; S < w.length; ++S)_.push({ value: w[S].value, level: b - d }); _.sort((function (t, e) { return t.value - e.value })); var M = []; for (d = 0; d < _.length; ++d)0 !== d && _[d].value === _[d - 1].value || M.push(_[d]); return M }(this._minLevelUnit, this._approxInterval, i, e); return (n = n.concat(r)).push({ value: e[1], level: 0 }), n }, e.prototype.calcNiceExtent = function (t) { var e = this._extent; if (e[0] === e[1] && (e[0] -= Rc, e[1] += Rc), e[1] === -1 / 0 && e[0] === 1 / 0) { var n = new Date; e[1] = +new Date(n.getFullYear(), n.getMonth(), n.getDate()), e[0] = e[1] - Rc } this.calcNiceTicks(t.splitNumber, t.minInterval, t.maxInterval) }, e.prototype.calcNiceTicks = function (t, e, n) { t = t || 10; var i = this._extent, r = i[1] - i[0]; this._approxInterval = r / t, null != e && this._approxInterval < e && (this._approxInterval = e), null != n && this._approxInterval > n && (this._approxInterval = n); var o = Vx.length, a = Math.min(function (t, e, n, i) { for (; n < i;) { var r = n + i >>> 1; t[r][1] < e ? n = r + 1 : i = r } return n }(Vx, this._approxInterval, 0, o), o - 1); this._interval = Vx[a][1], this._minLevelUnit = Vx[Math.max(a - 1, 0)][0] }, e.prototype.parse = function (t) { return j(t) ? t : +Qr(t) }, e.prototype.contain = function (t) { return vx(this.parse(t), this._extent) }, e.prototype.normalize = function (t) { return mx(this.parse(t), this._extent) }, e.prototype.scale = function (t) { return xx(t, this._extent) }, e.type = "time", e }(Sx), Vx = [["second", Lc], ["minute", Pc], ["hour", Oc], ["quarter-day", 216e5], ["half-day", 432e5], ["day", 10368e4], ["half-week", 3024e5], ["week", 6048e5], ["month", 26784e5], ["quarter", 8208e6], ["half-year", Nc / 2], ["year", Nc]]; function Bx(t, e) { return (t /= Rc) > 16 ? 16 : t > 7.5 ? 7 : t > 3.5 ? 4 : t > 1.5 ? 2 : 1 } function Fx(t) { return (t /= 2592e6) > 6 ? 6 : t > 3 ? 3 : t > 2 ? 2 : 1 } function Gx(t) { return (t /= Oc) > 12 ? 12 : t > 6 ? 6 : t > 3.5 ? 4 : t > 2 ? 2 : 1 } function Wx(t, e) { return (t /= e ? Pc : Lc) > 30 ? 30 : t > 20 ? 20 : t > 15 ? 15 : t > 10 ? 10 : t > 5 ? 5 : t > 2 ? 2 : 1 } function Hx(t) { return no(t, !0) } function Yx(t, e, n) { var i = new Date(t); switch (Wc(e)) { case "year": case "month": i[ep(n)](0); case "day": i[np(n)](1); case "hour": i[ip(n)](0); case "minute": i[rp(n)](0); case "second": i[op(n)](0), i[ap(n)](0) }return i.getTime() } lx.registerClass(zx); var Ux = lx.prototype, Xx = Sx.prototype, Zx = Wr, jx = Math.floor, qx = Math.ceil, Kx = Math.pow, $x = Math.log, Jx = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "log", e.base = 10, e._originalScale = new Sx, e._interval = 0, e } return n(e, t), e.prototype.getTicks = function (t) { var e = this._originalScale, n = this._extent, i = e.getExtent(); return z(Xx.getTicks.call(this, t), (function (t) { var e = t.value, r = Wr(Kx(this.base, e)); return r = e === n[0] && this._fixMin ? t_(r, i[0]) : r, { value: r = e === n[1] && this._fixMax ? t_(r, i[1]) : r } }), this) }, e.prototype.setExtent = function (t, e) { var n = $x(this.base); t = $x(Math.max(0, t)) / n, e = $x(Math.max(0, e)) / n, Xx.setExtent.call(this, t, e) }, e.prototype.getExtent = function () { var t = this.base, e = Ux.getExtent.call(this); e[0] = Kx(t, e[0]), e[1] = Kx(t, e[1]); var n = this._originalScale.getExtent(); return this._fixMin && (e[0] = t_(e[0], n[0])), this._fixMax && (e[1] = t_(e[1], n[1])), e }, e.prototype.unionExtent = function (t) { this._originalScale.unionExtent(t); var e = this.base; t[0] = $x(t[0]) / $x(e), t[1] = $x(t[1]) / $x(e), Ux.unionExtent.call(this, t) }, e.prototype.unionExtentFromData = function (t, e) { this.unionExtent(t.getApproximateExtent(e)) }, e.prototype.calcNiceTicks = function (t) { t = t || 10; var e = this._extent, n = e[1] - e[0]; if (!(n === 1 / 0 || n <= 0)) { var i = to(n); for (t / n * i <= .5 && (i *= 10); !isNaN(i) && Math.abs(i) < 1 && Math.abs(i) > 0;)i *= 10; var r = [Wr(qx(e[0] / i) * i), Wr(jx(e[1] / i) * i)]; this._interval = i, this._niceExtent = r } }, e.prototype.calcNiceExtent = function (t) { Xx.calcNiceExtent.call(this, t), this._fixMin = t.fixMin, this._fixMax = t.fixMax }, e.prototype.parse = function (t) { return t }, e.prototype.contain = function (t) { return vx(t = $x(t) / $x(this.base), this._extent) }, e.prototype.normalize = function (t) { return mx(t = $x(t) / $x(this.base), this._extent) }, e.prototype.scale = function (t) { return t = xx(t, this._extent), Kx(this.base, t) }, e.type = "log", e }(lx), Qx = Jx.prototype; function t_(t, e) { return Zx(t, Yr(e)) } Qx.getMinorTicks = Xx.getMinorTicks, Qx.getLabel = Xx.getLabel, lx.registerClass(Jx); var e_ = function () { function t(t, e, n) { this._prepareParams(t, e, n) } return t.prototype._prepareParams = function (t, e, n) { n[1] < n[0] && (n = [NaN, NaN]), this._dataMin = n[0], this._dataMax = n[1]; var i = this._isOrdinal = "ordinal" === t.type; this._needCrossZero = "interval" === t.type && e.getNeedCrossZero && e.getNeedCrossZero(); var r = this._modelMinRaw = e.get("min", !0); U(r) ? this._modelMinNum = o_(t, r({ min: n[0], max: n[1] })) : "dataMin" !== r && (this._modelMinNum = o_(t, r)); var o = this._modelMaxRaw = e.get("max", !0); if (U(o) ? this._modelMaxNum = o_(t, o({ min: n[0], max: n[1] })) : "dataMax" !== o && (this._modelMaxNum = o_(t, o)), i) this._axisDataLen = e.getCategories().length; else { var a = e.get("boundaryGap"), s = Y(a) ? a : [a || 0, a || 0]; "boolean" == typeof s[0] || "boolean" == typeof s[1] ? this._boundaryGapInner = [0, 0] : this._boundaryGapInner = [_r(s[0], 1), _r(s[1], 1)] } }, t.prototype.calculate = function () { var t = this._isOrdinal, e = this._dataMin, n = this._dataMax, i = this._axisDataLen, r = this._boundaryGapInner, o = t ? null : n - e || Math.abs(e), a = "dataMin" === this._modelMinRaw ? e : this._modelMinNum, s = "dataMax" === this._modelMaxRaw ? n : this._modelMaxNum, l = null != a, u = null != s; null == a && (a = t ? i ? 0 : NaN : e - r[0] * o), null == s && (s = t ? i ? i - 1 : NaN : n + r[1] * o), (null == a || !isFinite(a)) && (a = NaN), (null == s || !isFinite(s)) && (s = NaN); var h = nt(a) || nt(s) || t && !i; this._needCrossZero && (a > 0 && s > 0 && !l && (a = 0), a < 0 && s < 0 && !u && (s = 0)); var c = this._determinedMin, p = this._determinedMax; return null != c && (a = c, l = !0), null != p && (s = p, u = !0), { min: a, max: s, minFixed: l, maxFixed: u, isBlank: h } }, t.prototype.modifyDataMinMax = function (t, e) { this[i_[t]] = e }, t.prototype.setDeterminedMinMax = function (t, e) { var n = n_[t]; this[n] = e }, t.prototype.freeze = function () { this.frozen = !0 }, t }(), n_ = { min: "_determinedMin", max: "_determinedMax" }, i_ = { min: "_dataMin", max: "_dataMax" }; function r_(t, e, n) { var i = t.rawExtentInfo; return i || (i = new e_(t, e, n), t.rawExtentInfo = i, i) } function o_(t, e) { return null == e ? null : nt(e) ? NaN : t.parse(e) } function a_(t, e) { var n = t.type, i = r_(t, e, t.getExtent()).calculate(); t.setBlank(i.isBlank); var r = i.min, o = i.max, a = e.ecModel; if (a && "time" === n) { var s = kx("bar", a), l = !1; if (E(s, (function (t) { l = l || t.getBaseAxis() === e.axis })), l) { var u = Lx(s), h = function (t, e, n, i) { var r = n.axis.getExtent(), o = r[1] - r[0], a = function (t, e, n) { if (t && e) { var i = t[Ax(e)]; return null != i && null != n ? i[Dx(n)] : i } }(i, n.axis); if (void 0 === a) return { min: t, max: e }; var s = 1 / 0; E(a, (function (t) { s = Math.min(t.offset, s) })); var l = -1 / 0; E(a, (function (t) { l = Math.max(t.offset + t.width, l) })), s = Math.abs(s), l = Math.abs(l); var u = s + l, h = e - t, c = h / (1 - (s + l) / o) - h; return { min: t -= c * (s / u), max: e += c * (l / u) } }(r, o, e, u); r = h.min, o = h.max } } return { extent: [r, o], fixMin: i.minFixed, fixMax: i.maxFixed } } function s_(t, e) { var n = e, i = a_(t, n), r = i.extent, o = n.get("splitNumber"); t instanceof Jx && (t.base = n.get("logBase")); var a = t.type, s = n.get("interval"), l = "interval" === a || "time" === a; t.setExtent(r[0], r[1]), t.calcNiceExtent({ splitNumber: o, fixMin: i.fixMin, fixMax: i.fixMax, minInterval: l ? n.get("minInterval") : null, maxInterval: l ? n.get("maxInterval") : null }), null != s && t.setInterval && t.setInterval(s) } function l_(t, e) { if (e = e || t.get("type")) switch (e) { case "category": return new _x({ ordinalMeta: t.getOrdinalMeta ? t.getOrdinalMeta() : t.getCategories(), extent: [1 / 0, -1 / 0] }); case "time": return new zx({ locale: t.ecModel.getLocaleModel(), useUTC: t.ecModel.get("useUTC") }); default: return new (lx.getClass(e) || Sx) } } function u_(t) { var e, n, i = t.getLabelModel().get("formatter"), r = "category" === t.type ? t.scale.getExtent()[0] : null; return "time" === t.scale.type ? (n = i, function (e, i) { return t.scale.getFormattedLabel(e, i, n) }) : X(i) ? function (e) { return function (n) { var i = t.scale.getLabel(n); return e.replace("{value}", null != i ? i : "") } }(i) : U(i) ? (e = i, function (n, i) { return null != r && (i = n.value - r), e(h_(t, n), i, null != n.level ? { level: n.level } : null) }) : function (e) { return t.scale.getLabel(e) } } function h_(t, e) { return "category" === t.type ? t.scale.getLabel(e) : e.value } function c_(t, e) { var n = e * Math.PI / 180, i = t.width, r = t.height, o = i * Math.abs(Math.cos(n)) + Math.abs(r * Math.sin(n)), a = i * Math.abs(Math.sin(n)) + Math.abs(r * Math.cos(n)); return new Re(t.x, t.y, o, a) } function p_(t) { var e = t.get("interval"); return null == e ? "auto" : e } function d_(t) { return "category" === t.type && 0 === p_(t.getLabelModel()) } function f_(t, e) { var n = {}; return E(t.mapDimensionsAll(e), (function (e) { n[ax(t, e)] = !0 })), G(n) } var g_ = function () { function t() { } return t.prototype.getNeedCrossZero = function () { return !this.option.scale }, t.prototype.getCoordSysModel = function () { }, t }(); var y_ = { isDimensionStacked: ox, enableDataStack: rx, getStackedDimension: ax }; var v_ = Object.freeze({ __proto__: null, createList: function (t) { return sx(null, t) }, getLayoutRect: wp, dataStack: y_, createScale: function (t, e) { var n = e; e instanceof xc || (n = new xc(e)); var i = l_(n); return i.setExtent(t[0], t[1]), s_(i, n), i }, mixinAxisModelCommonMethods: function (t) { R(t, g_) }, getECData: js, createTextStyle: function (t, e) { return $h(t, null, null, "normal" !== (e = e || {}).state) }, createDimensions: function (t, e) { return Qm(t, e).dimensions }, createSymbol: Ry, enableHoverEmphasis: Vl }); function m_(t, e) { return Math.abs(t - e) < 1e-8 } function x_(t, e, n) { var i = 0, r = t[0]; if (!r) return !1; for (var o = 1; o < t.length; o++) { var a = t[o]; i += ls(r[0], r[1], a[0], a[1], e, n), r = a } var s = t[0]; return m_(r[0], s[0]) && m_(r[1], s[1]) || (i += ls(r[0], r[1], s[0], s[1], e, n)), 0 !== i } var __ = []; function b_(t, e) { for (var n = 0; n < t.length; n++)Ft(t[n], t[n], e) } function w_(t, e, n, i) { for (var r = 0; r < t.length; r++) { var o = t[r]; i && (o = i.project(o)), o && isFinite(o[0]) && isFinite(o[1]) && (Gt(e, e, o), Wt(n, n, o)) } } var S_ = function () { function t(t) { this.name = t } return t.prototype.setCenter = function (t) { this._center = t }, t.prototype.getCenter = function () { var t = this._center; return t || (t = this._center = this.calcCenter()), t }, t }(), M_ = function (t, e) { this.type = "polygon", this.exterior = t, this.interiors = e }, I_ = function (t) { this.type = "linestring", this.points = t }, T_ = function (t) { function e(e, n, i) { var r = t.call(this, e) || this; return r.type = "geoJSON", r.geometries = n, r._center = i && [i[0], i[1]], r } return n(e, t), e.prototype.calcCenter = function () { for (var t, e = this.geometries, n = 0, i = 0; i < e.length; i++) { var r = e[i], o = r.exterior, a = o && o.length; a > n && (t = r, n = a) } if (t) return function (t) { for (var e = 0, n = 0, i = 0, r = t.length, o = t[r - 1][0], a = t[r - 1][1], s = 0; s < r; s++) { var l = t[s][0], u = t[s][1], h = o * u - l * a; e += h, n += (o + l) * h, i += (a + u) * h, o = l, a = u } return e ? [n / e / 3, i / e / 3, e] : [t[0][0] || 0, t[0][1] || 0] }(t.exterior); var s = this.getBoundingRect(); return [s.x + s.width / 2, s.y + s.height / 2] }, e.prototype.getBoundingRect = function (t) { var e = this._rect; if (e && !t) return e; var n = [1 / 0, 1 / 0], i = [-1 / 0, -1 / 0]; return E(this.geometries, (function (e) { "polygon" === e.type ? w_(e.exterior, n, i, t) : E(e.points, (function (e) { w_(e, n, i, t) })) })), isFinite(n[0]) && isFinite(n[1]) && isFinite(i[0]) && isFinite(i[1]) || (n[0] = n[1] = i[0] = i[1] = 0), e = new Re(n[0], n[1], i[0] - n[0], i[1] - n[1]), t || (this._rect = e), e }, e.prototype.contain = function (t) { var e = this.getBoundingRect(), n = this.geometries; if (!e.contain(t[0], t[1])) return !1; t: for (var i = 0, r = n.length; i < r; i++) { var o = n[i]; if ("polygon" === o.type) { var a = o.exterior, s = o.interiors; if (x_(a, t[0], t[1])) { for (var l = 0; l < (s ? s.length : 0); l++)if (x_(s[l], t[0], t[1])) continue t; return !0 } } } return !1 }, e.prototype.transformTo = function (t, e, n, i) { var r = this.getBoundingRect(), o = r.width / r.height; n ? i || (i = n / o) : n = o * i; for (var a = new Re(t, e, n, i), s = r.calculateTransform(a), l = this.geometries, u = 0; u < l.length; u++) { var h = l[u]; "polygon" === h.type ? (b_(h.exterior, s), E(h.interiors, (function (t) { b_(t, s) }))) : E(h.points, (function (t) { b_(t, s) })) } (r = this._rect).copy(a), this._center = [r.x + r.width / 2, r.y + r.height / 2] }, e.prototype.cloneShallow = function (t) { null == t && (t = this.name); var n = new e(t, this.geometries, this._center); return n._rect = this._rect, n.transformTo = null, n }, e }(S_), C_ = function (t) { function e(e, n) { var i = t.call(this, e) || this; return i.type = "geoSVG", i._elOnlyForCalculate = n, i } return n(e, t), e.prototype.calcCenter = function () { for (var t = this._elOnlyForCalculate, e = t.getBoundingRect(), n = [e.x + e.width / 2, e.y + e.height / 2], i = ye(__), r = t; r && !r.isGeoSVGGraphicRoot;)me(i, r.getLocalTransform(), i), r = r.parent; return we(i, i), Ft(n, n, i), n }, e }(S_); function D_(t, e, n) { for (var i = 0; i < t.length; i++)t[i] = A_(t[i], e[i], n) } function A_(t, e, n) { for (var i = [], r = e[0], o = e[1], a = 0; a < t.length; a += 2) { var s = t.charCodeAt(a) - 64, l = t.charCodeAt(a + 1) - 64; s = s >> 1 ^ -(1 & s), l = l >> 1 ^ -(1 & l), r = s += r, o = l += o, i.push([s / n, l / n]) } return i } function k_(t, e) { return z(B((t = function (t) { if (!t.UTF8Encoding) return t; var e = t, n = e.UTF8Scale; return null == n && (n = 1024), E(e.features, (function (t) { var e = t.geometry, i = e.encodeOffsets, r = e.coordinates; if (i) switch (e.type) { case "LineString": e.coordinates = A_(r, i, n); break; case "Polygon": case "MultiLineString": D_(r, i, n); break; case "MultiPolygon": E(r, (function (t, e) { return D_(t, i[e], n) })) } })), e.UTF8Encoding = !1, e }(t)).features, (function (t) { return t.geometry && t.properties && t.geometry.coordinates.length > 0 })), (function (t) { var n = t.properties, i = t.geometry, r = []; switch (i.type) { case "Polygon": var o = i.coordinates; r.push(new M_(o[0], o.slice(1))); break; case "MultiPolygon": E(i.coordinates, (function (t) { t[0] && r.push(new M_(t[0], t.slice(1))) })); break; case "LineString": r.push(new I_([i.coordinates])); break; case "MultiLineString": r.push(new I_(i.coordinates)) }var a = new T_(n[e || "name"], r, n.cp); return a.properties = n, a })) } var L_ = Object.freeze({ __proto__: null, linearMap: Fr, round: Wr, asc: Hr, getPrecision: Yr, getPrecisionSafe: Ur, getPixelPrecision: Xr, getPercentWithPrecision: function (t, e, n) { return t[e] && Zr(t, n)[e] || 0 }, MAX_SAFE_INTEGER: qr, remRadian: Kr, isRadianAroundZero: $r, parseDate: Qr, quantity: to, quantityExponent: eo, nice: no, quantile: io, reformIntervals: ro, isNumeric: ao, numericToNumber: oo }), P_ = Object.freeze({ __proto__: null, parse: Qr, format: Yc }), O_ = Object.freeze({ __proto__: null, extendShape: xh, extendPath: bh, makePath: Mh, makeImage: Ih, mergePath: Ch, resizePath: Dh, createIcon: Vh, updateProps: uh, initProps: hh, getTransform: Lh, clipPointsByRect: Eh, clipRectByRect: zh, registerShape: wh, getShapeClass: Sh, Group: Pr, Image: Is, Text: Ns, Circle: gu, Ellipse: vu, Sector: Pu, Ring: Ru, Polygon: zu, Polyline: Bu, Rect: Ps, Line: Wu, BezierCurve: Xu, Arc: ju, IncrementalDisplayable: oh, CompoundPath: qu, LinearGradient: $u, RadialGradient: Ju, BoundingRect: Re }), R_ = Object.freeze({ __proto__: null, addCommas: sp, toCamelCase: lp, normalizeCssArray: up, encodeHTML: ee, formatTpl: dp, getTooltipMarker: fp, formatTime: function (t, e, n) { "week" !== t && "month" !== t && "quarter" !== t && "half-year" !== t && "year" !== t || (t = "MM-dd\nyyyy"); var i = Qr(e), r = n ? "getUTC" : "get", o = i[r + "FullYear"](), a = i[r + "Month"]() + 1, s = i[r + "Date"](), l = i[r + "Hours"](), u = i[r + "Minutes"](), h = i[r + "Seconds"](), c = i[r + "Milliseconds"](); return t = t.replace("MM", Gc(a, 2)).replace("M", a).replace("yyyy", o).replace("yy", Gc(o % 100 + "", 2)).replace("dd", Gc(s, 2)).replace("d", s).replace("hh", Gc(l, 2)).replace("h", l).replace("mm", Gc(u, 2)).replace("m", u).replace("ss", Gc(h, 2)).replace("s", h).replace("SSS", Gc(c, 3)) }, capitalFirst: function (t) { return t ? t.charAt(0).toUpperCase() + t.substr(1) : t }, truncateText: na, getTextRect: function (t, e, n, i, r, o, a, s) { return new Ns({ style: { text: t, font: e, align: n, verticalAlign: i, padding: r, rich: o, overflow: a ? "truncate" : null, lineHeight: s } }).getBoundingRect() } }), N_ = Object.freeze({ __proto__: null, map: z, each: E, indexOf: P, inherits: O, reduce: V, filter: B, bind: W, curry: H, isArray: Y, isString: X, isObject: q, isFunction: U, extend: A, defaults: k, clone: T, merge: C }), E_ = Do(); function z_(t) { return "category" === t.type ? function (t) { var e = t.getLabelModel(), n = B_(t, e); return !e.get("show") || t.scale.isBlank() ? { labels: [], labelCategoryInterval: n.labelCategoryInterval } : n }(t) : function (t) { var e = t.scale.getTicks(), n = u_(t); return { labels: z(e, (function (e, i) { return { level: e.level, formattedLabel: n(e, i), rawLabel: t.scale.getLabel(e), tickValue: e.value } })) } }(t) } function V_(t, e) { return "category" === t.type ? function (t, e) { var n, i, r = F_(t, "ticks"), o = p_(e), a = G_(r, o); if (a) return a; e.get("show") && !t.scale.isBlank() || (n = []); if (U(o)) n = Y_(t, o, !0); else if ("auto" === o) { var s = B_(t, t.getLabelModel()); i = s.labelCategoryInterval, n = z(s.labels, (function (t) { return t.tickValue })) } else n = H_(t, i = o, !0); return W_(r, o, { ticks: n, tickCategoryInterval: i }) }(t, e) : { ticks: z(t.scale.getTicks(), (function (t) { return t.value })) } } function B_(t, e) { var n, i, r = F_(t, "labels"), o = p_(e), a = G_(r, o); return a || (U(o) ? n = Y_(t, o) : (i = "auto" === o ? function (t) { var e = E_(t).autoInterval; return null != e ? e : E_(t).autoInterval = t.calculateCategoryInterval() }(t) : o, n = H_(t, i)), W_(r, o, { labels: n, labelCategoryInterval: i })) } function F_(t, e) { return E_(t)[e] || (E_(t)[e] = []) } function G_(t, e) { for (var n = 0; n < t.length; n++)if (t[n].key === e) return t[n].value } function W_(t, e, n) { return t.push({ key: e, value: n }), n } function H_(t, e, n) { var i = u_(t), r = t.scale, o = r.getExtent(), a = t.getLabelModel(), s = [], l = Math.max((e || 0) + 1, 1), u = o[0], h = r.count(); 0 !== u && l > 1 && h / l > 2 && (u = Math.round(Math.ceil(u / l) * l)); var c = d_(t), p = a.get("showMinLabel") || c, d = a.get("showMaxLabel") || c; p && u !== o[0] && g(o[0]); for (var f = u; f <= o[1]; f += l)g(f); function g(t) { var e = { value: t }; s.push(n ? t : { formattedLabel: i(e), rawLabel: r.getLabel(e), tickValue: t }) } return d && f - l !== o[1] && g(o[1]), s } function Y_(t, e, n) { var i = t.scale, r = u_(t), o = []; return E(i.getTicks(), (function (t) { var a = i.getLabel(t), s = t.value; e(t.value, a) && o.push(n ? s : { formattedLabel: r(t), rawLabel: a, tickValue: s }) })), o } var U_ = [0, 1], X_ = function () { function t(t, e, n) { this.onBand = !1, this.inverse = !1, this.dim = t, this.scale = e, this._extent = n || [0, 0] } return t.prototype.contain = function (t) { var e = this._extent, n = Math.min(e[0], e[1]), i = Math.max(e[0], e[1]); return t >= n && t <= i }, t.prototype.containData = function (t) { return this.scale.contain(t) }, t.prototype.getExtent = function () { return this._extent.slice() }, t.prototype.getPixelPrecision = function (t) { return Xr(t || this.scale.getExtent(), this._extent) }, t.prototype.setExtent = function (t, e) { var n = this._extent; n[0] = t, n[1] = e }, t.prototype.dataToCoord = function (t, e) { var n = this._extent, i = this.scale; return t = i.normalize(t), this.onBand && "ordinal" === i.type && Z_(n = n.slice(), i.count()), Fr(t, U_, n, e) }, t.prototype.coordToData = function (t, e) { var n = this._extent, i = this.scale; this.onBand && "ordinal" === i.type && Z_(n = n.slice(), i.count()); var r = Fr(t, n, U_, e); return this.scale.scale(r) }, t.prototype.pointToData = function (t, e) { }, t.prototype.getTicksCoords = function (t) { var e = (t = t || {}).tickModel || this.getTickModel(), n = z(V_(this, e).ticks, (function (t) { return { coord: this.dataToCoord("ordinal" === this.scale.type ? this.scale.getRawOrdinalNumber(t) : t), tickValue: t } }), this); return function (t, e, n, i) { var r = e.length; if (!t.onBand || n || !r) return; var o, a, s = t.getExtent(); if (1 === r) e[0].coord = s[0], o = e[1] = { coord: s[0] }; else { var l = e[r - 1].tickValue - e[0].tickValue, u = (e[r - 1].coord - e[0].coord) / l; E(e, (function (t) { t.coord -= u / 2 })), a = 1 + t.scale.getExtent()[1] - e[r - 1].tickValue, o = { coord: e[r - 1].coord + u * a }, e.push(o) } var h = s[0] > s[1]; c(e[0].coord, s[0]) && (i ? e[0].coord = s[0] : e.shift()); i && c(s[0], e[0].coord) && e.unshift({ coord: s[0] }); c(s[1], o.coord) && (i ? o.coord = s[1] : e.pop()); i && c(o.coord, s[1]) && e.push({ coord: s[1] }); function c(t, e) { return t = Wr(t), e = Wr(e), h ? t > e : t < e } }(this, n, e.get("alignWithLabel"), t.clamp), n }, t.prototype.getMinorTicksCoords = function () { if ("ordinal" === this.scale.type) return []; var t = this.model.getModel("minorTick").get("splitNumber"); return t > 0 && t < 100 || (t = 5), z(this.scale.getMinorTicks(t), (function (t) { return z(t, (function (t) { return { coord: this.dataToCoord(t), tickValue: t } }), this) }), this) }, t.prototype.getViewLabels = function () { return z_(this).labels }, t.prototype.getLabelModel = function () { return this.model.getModel("axisLabel") }, t.prototype.getTickModel = function () { return this.model.getModel("axisTick") }, t.prototype.getBandWidth = function () { var t = this._extent, e = this.scale.getExtent(), n = e[1] - e[0] + (this.onBand ? 1 : 0); 0 === n && (n = 1); var i = Math.abs(t[1] - t[0]); return Math.abs(i) / n }, t.prototype.calculateCategoryInterval = function () { return function (t) { var e = function (t) { var e = t.getLabelModel(); return { axisRotate: t.getRotate ? t.getRotate() : t.isHorizontal && !t.isHorizontal() ? 90 : 0, labelRotate: e.get("rotate") || 0, font: e.getFont() } }(t), n = u_(t), i = (e.axisRotate - e.labelRotate) / 180 * Math.PI, r = t.scale, o = r.getExtent(), a = r.count(); if (o[1] - o[0] < 1) return 0; var s = 1; a > 40 && (s = Math.max(1, Math.floor(a / 40))); for (var l = o[0], u = t.dataToCoord(l + 1) - t.dataToCoord(l), h = Math.abs(u * Math.cos(i)), c = Math.abs(u * Math.sin(i)), p = 0, d = 0; l <= o[1]; l += s) { var f, g, y = yr(n({ value: l }), e.font, "center", "top"); f = 1.3 * y.width, g = 1.3 * y.height, p = Math.max(p, f, 7), d = Math.max(d, g, 7) } var v = p / h, m = d / c; isNaN(v) && (v = 1 / 0), isNaN(m) && (m = 1 / 0); var x = Math.max(0, Math.floor(Math.min(v, m))), _ = E_(t.model), b = t.getExtent(), w = _.lastAutoInterval, S = _.lastTickCount; return null != w && null != S && Math.abs(w - x) <= 1 && Math.abs(S - a) <= 1 && w > x && _.axisExtent0 === b[0] && _.axisExtent1 === b[1] ? x = w : (_.lastTickCount = a, _.lastAutoInterval = x, _.axisExtent0 = b[0], _.axisExtent1 = b[1]), x }(this) }, t }(); function Z_(t, e) { var n = (t[1] - t[0]) / e / 2; t[0] += n, t[1] -= n } var j_ = 2 * Math.PI, q_ = ts.CMD, K_ = ["top", "right", "bottom", "left"]; function $_(t, e, n, i, r) { var o = n.width, a = n.height; switch (t) { case "top": i.set(n.x + o / 2, n.y - e), r.set(0, -1); break; case "bottom": i.set(n.x + o / 2, n.y + a + e), r.set(0, 1); break; case "left": i.set(n.x - e, n.y + a / 2), r.set(-1, 0); break; case "right": i.set(n.x + o + e, n.y + a / 2), r.set(1, 0) } } function J_(t, e, n, i, r, o, a, s, l) { a -= t, s -= e; var u = Math.sqrt(a * a + s * s), h = (a /= u) * n + t, c = (s /= u) * n + e; if (Math.abs(i - r) % j_ < 1e-4) return l[0] = h, l[1] = c, u - n; if (o) { var p = i; i = os(r), r = os(p) } else i = os(i), r = os(r); i > r && (r += j_); var d = Math.atan2(s, a); if (d < 0 && (d += j_), d >= i && d <= r || d + j_ >= i && d + j_ <= r) return l[0] = h, l[1] = c, u - n; var f = n * Math.cos(i) + t, g = n * Math.sin(i) + e, y = n * Math.cos(r) + t, v = n * Math.sin(r) + e, m = (f - a) * (f - a) + (g - s) * (g - s), x = (y - a) * (y - a) + (v - s) * (v - s); return m < x ? (l[0] = f, l[1] = g, Math.sqrt(m)) : (l[0] = y, l[1] = v, Math.sqrt(x)) } function Q_(t, e, n, i, r, o, a, s) { var l = r - t, u = o - e, h = n - t, c = i - e, p = Math.sqrt(h * h + c * c), d = (l * (h /= p) + u * (c /= p)) / p; s && (d = Math.min(Math.max(d, 0), 1)), d *= p; var f = a[0] = t + d * h, g = a[1] = e + d * c; return Math.sqrt((f - r) * (f - r) + (g - o) * (g - o)) } function tb(t, e, n, i, r, o, a) { n < 0 && (t += n, n = -n), i < 0 && (e += i, i = -i); var s = t + n, l = e + i, u = a[0] = Math.min(Math.max(r, t), s), h = a[1] = Math.min(Math.max(o, e), l); return Math.sqrt((u - r) * (u - r) + (h - o) * (h - o)) } var eb = []; function nb(t, e, n) { var i = tb(e.x, e.y, e.width, e.height, t.x, t.y, eb); return n.set(eb[0], eb[1]), i } function ib(t, e, n) { for (var i, r, o = 0, a = 0, s = 0, l = 0, u = 1 / 0, h = e.data, c = t.x, p = t.y, d = 0; d < h.length;) { var f = h[d++]; 1 === d && (s = o = h[d], l = a = h[d + 1]); var g = u; switch (f) { case q_.M: o = s = h[d++], a = l = h[d++]; break; case q_.L: g = Q_(o, a, h[d], h[d + 1], c, p, eb, !0), o = h[d++], a = h[d++]; break; case q_.C: g = _n(o, a, h[d++], h[d++], h[d++], h[d++], h[d], h[d + 1], c, p, eb), o = h[d++], a = h[d++]; break; case q_.Q: g = Tn(o, a, h[d++], h[d++], h[d], h[d + 1], c, p, eb), o = h[d++], a = h[d++]; break; case q_.A: var y = h[d++], v = h[d++], m = h[d++], x = h[d++], _ = h[d++], b = h[d++]; d += 1; var w = !!(1 - h[d++]); i = Math.cos(_) * m + y, r = Math.sin(_) * x + v, d <= 1 && (s = i, l = r), g = J_(y, v, x, _, _ + b, w, (c - y) * x / m + y, p, eb), o = Math.cos(_ + b) * m + y, a = Math.sin(_ + b) * x + v; break; case q_.R: g = tb(s = o = h[d++], l = a = h[d++], h[d++], h[d++], c, p, eb); break; case q_.Z: g = Q_(o, a, s, l, c, p, eb, !0), o = s, a = l }g < u && (u = g, n.set(eb[0], eb[1])) } return u } var rb = new Ie, ob = new Ie, ab = new Ie, sb = new Ie, lb = new Ie; function ub(t, e) { if (t) { var n = t.getTextGuideLine(), i = t.getTextContent(); if (i && n) { var r = t.textGuideLineConfig || {}, o = [[0, 0], [0, 0], [0, 0]], a = r.candidates || K_, s = i.getBoundingRect().clone(); s.applyTransform(i.getComputedTransform()); var l = 1 / 0, u = r.anchor, h = t.getComputedTransform(), c = h && we([], h), p = e.get("length2") || 0; u && ab.copy(u); for (var d = 0; d < a.length; d++) { $_(a[d], 0, s, rb, sb), Ie.scaleAndAdd(ob, rb, sb, p), ob.transform(c); var f = t.getBoundingRect(), g = u ? u.distance(ob) : t instanceof _s ? ib(ob, t.path, ab) : nb(ob, f, ab); g < l && (l = g, ob.transform(h), ab.transform(h), ab.toArray(o[0]), ob.toArray(o[1]), rb.toArray(o[2])) } pb(o, e.get("minTurnAngle")), n.setShape({ points: o }) } } } var hb = [], cb = new Ie; function pb(t, e) { if (e <= 180 && e > 0) { e = e / 180 * Math.PI, rb.fromArray(t[0]), ob.fromArray(t[1]), ab.fromArray(t[2]), Ie.sub(sb, rb, ob), Ie.sub(lb, ab, ob); var n = sb.len(), i = lb.len(); if (!(n < .001 || i < .001)) { sb.scale(1 / n), lb.scale(1 / i); var r = sb.dot(lb); if (Math.cos(e) < r) { var o = Q_(ob.x, ob.y, ab.x, ab.y, rb.x, rb.y, hb, !1); cb.fromArray(hb), cb.scaleAndAdd(lb, o / Math.tan(Math.PI - e)); var a = ab.x !== ob.x ? (cb.x - ob.x) / (ab.x - ob.x) : (cb.y - ob.y) / (ab.y - ob.y); if (isNaN(a)) return; a < 0 ? Ie.copy(cb, ob) : a > 1 && Ie.copy(cb, ab), cb.toArray(t[1]) } } } } function db(t, e, n) { if (n <= 180 && n > 0) { n = n / 180 * Math.PI, rb.fromArray(t[0]), ob.fromArray(t[1]), ab.fromArray(t[2]), Ie.sub(sb, ob, rb), Ie.sub(lb, ab, ob); var i = sb.len(), r = lb.len(); if (!(i < .001 || r < .001)) if (sb.scale(1 / i), lb.scale(1 / r), sb.dot(e) < Math.cos(n)) { var o = Q_(ob.x, ob.y, ab.x, ab.y, rb.x, rb.y, hb, !1); cb.fromArray(hb); var a = Math.PI / 2, s = a + Math.acos(lb.dot(e)) - n; if (s >= a) Ie.copy(cb, ab); else { cb.scaleAndAdd(lb, o / Math.tan(Math.PI / 2 - s)); var l = ab.x !== ob.x ? (cb.x - ob.x) / (ab.x - ob.x) : (cb.y - ob.y) / (ab.y - ob.y); if (isNaN(l)) return; l < 0 ? Ie.copy(cb, ob) : l > 1 && Ie.copy(cb, ab) } cb.toArray(t[1]) } } } function fb(t, e, n, i) { var r = "normal" === n, o = r ? t : t.ensureState(n); o.ignore = e; var a = i.get("smooth"); a && !0 === a && (a = .3), o.shape = o.shape || {}, a > 0 && (o.shape.smooth = a); var s = i.getModel("lineStyle").getLineStyle(); r ? t.useStyle(s) : o.style = s } function gb(t, e) { var n = e.smooth, i = e.points; if (i) if (t.moveTo(i[0][0], i[0][1]), n > 0 && i.length >= 3) { var r = Et(i[0], i[1]), o = Et(i[1], i[2]); if (!r || !o) return t.lineTo(i[1][0], i[1][1]), void t.lineTo(i[2][0], i[2][1]); var a = Math.min(r, o) * n, s = Bt([], i[1], i[0], a / r), l = Bt([], i[1], i[2], a / o), u = Bt([], s, l, .5); t.bezierCurveTo(s[0], s[1], s[0], s[1], u[0], u[1]), t.bezierCurveTo(l[0], l[1], l[0], l[1], i[2][0], i[2][1]) } else for (var h = 1; h < i.length; h++)t.lineTo(i[h][0], i[h][1]) } function yb(t, e, n) { var i = t.getTextGuideLine(), r = t.getTextContent(); if (r) { for (var o = e.normal, a = o.get("show"), s = r.ignore, l = 0; l < el.length; l++) { var u = el[l], h = e[u], c = "normal" === u; if (h) { var p = h.get("show"); if ((c ? s : rt(r.states[u] && r.states[u].ignore, s)) || !rt(p, a)) { var d = c ? i : i && i.states[u]; d && (d.ignore = !0); continue } i || (i = new Bu, t.setTextGuideLine(i), c || !s && a || fb(i, !0, "normal", e.normal), t.stateProxy && (i.stateProxy = t.stateProxy)), fb(i, !1, u, h) } } if (i) { k(i.style, n), i.style.fill = null; var f = o.get("showAbove"); (t.textGuideLineConfig = t.textGuideLineConfig || {}).showAbove = f || !1, i.buildPath = gb } } else i && t.removeTextGuideLine() } function vb(t, e) { e = e || "labelLine"; for (var n = { normal: t.getModel(e) }, i = 0; i < tl.length; i++) { var r = tl[i]; n[r] = t.getModel([r, e]) } return n } function mb(t) { for (var e = [], n = 0; n < t.length; n++) { var i = t[n]; if (!i.defaultAttr.ignore) { var r = i.label, o = r.getComputedTransform(), a = r.getBoundingRect(), s = !o || o[1] < 1e-5 && o[2] < 1e-5, l = r.style.margin || 0, u = a.clone(); u.applyTransform(o), u.x -= l / 2, u.y -= l / 2, u.width += l, u.height += l; var h = s ? new ih(a, o) : null; e.push({ label: r, labelLine: i.labelLine, rect: u, localRect: a, obb: h, priority: i.priority, defaultAttr: i.defaultAttr, layoutOption: i.computedLayoutOption, axisAligned: s, transform: o }) } } return e } function xb(t, e, n, i, r, o) { var a = t.length; if (!(a < 2)) { t.sort((function (t, n) { return t.rect[e] - n.rect[e] })); for (var s, l = 0, u = !1, h = 0, c = 0; c < a; c++) { var p = t[c], d = p.rect; (s = d[e] - l) < 0 && (d[e] -= s, p.label[e] -= s, u = !0), h += Math.max(-s, 0), l = d[e] + d[n] } h > 0 && o && _(-h / a, 0, a); var f, g, y = t[0], v = t[a - 1]; return m(), f < 0 && b(-f, .8), g < 0 && b(g, .8), m(), x(f, g, 1), x(g, f, -1), m(), f < 0 && w(-f), g < 0 && w(g), u } function m() { f = y.rect[e] - i, g = r - v.rect[e] - v.rect[n] } function x(t, e, n) { if (t < 0) { var i = Math.min(e, -t); if (i > 0) { _(i * n, 0, a); var r = i + t; r < 0 && b(-r * n, 1) } else b(-t * n, 1) } } function _(n, i, r) { 0 !== n && (u = !0); for (var o = i; o < r; o++) { var a = t[o]; a.rect[e] += n, a.label[e] += n } } function b(i, r) { for (var o = [], s = 0, l = 1; l < a; l++) { var u = t[l - 1].rect, h = Math.max(t[l].rect[e] - u[e] - u[n], 0); o.push(h), s += h } if (s) { var c = Math.min(Math.abs(i) / s, r); if (i > 0) for (l = 0; l < a - 1; l++) { _(o[l] * c, 0, l + 1) } else for (l = a - 1; l > 0; l--) { _(-(o[l - 1] * c), l, a) } } } function w(t) { var e = t < 0 ? -1 : 1; t = Math.abs(t); for (var n = Math.ceil(t / (a - 1)), i = 0; i < a - 1; i++)if (e > 0 ? _(n, 0, i + 1) : _(-n, a - i - 1, a), (t -= n) <= 0) return } } function _b(t, e, n, i) { return xb(t, "y", "height", e, n, i) } function bb(t) { var e = []; t.sort((function (t, e) { return e.priority - t.priority })); var n = new Re(0, 0, 0, 0); function i(t) { if (!t.ignore) { var e = t.ensureState("emphasis"); null == e.ignore && (e.ignore = !1) } t.ignore = !0 } for (var r = 0; r < t.length; r++) { var o = t[r], a = o.axisAligned, s = o.localRect, l = o.transform, u = o.label, h = o.labelLine; n.copy(o.rect), n.width -= .1, n.height -= .1, n.x += .05, n.y += .05; for (var c = o.obb, p = !1, d = 0; d < e.length; d++) { var f = e[d]; if (n.intersect(f.rect)) { if (a && f.axisAligned) { p = !0; break } if (f.obb || (f.obb = new ih(f.localRect, f.transform)), c || (c = new ih(s, l)), c.intersect(f.obb)) { p = !0; break } } } p ? (i(u), h && i(h)) : (u.attr("ignore", o.defaultAttr.ignore), h && h.attr("ignore", o.defaultAttr.labelGuideIgnore), e.push(o)) } } function wb(t) { if (t) { for (var e = [], n = 0; n < t.length; n++)e.push(t[n].slice()); return e } } function Sb(t, e) { var n = t.label, i = e && e.getTextGuideLine(); return { dataIndex: t.dataIndex, dataType: t.dataType, seriesIndex: t.seriesModel.seriesIndex, text: t.label.style.text, rect: t.hostRect, labelRect: t.rect, align: n.style.align, verticalAlign: n.style.verticalAlign, labelLinePoints: wb(i && i.shape.points) } } var Mb = ["align", "verticalAlign", "width", "height", "fontSize"], Ib = new hr, Tb = Do(), Cb = Do(); function Db(t, e, n) { for (var i = 0; i < n.length; i++) { var r = n[i]; null != e[r] && (t[r] = e[r]) } } var Ab = ["x", "y", "rotation"], kb = function () { function t() { this._labelList = [], this._chartViewList = [] } return t.prototype.clearLabels = function () { this._labelList = [], this._chartViewList = [] }, t.prototype._addLabel = function (t, e, n, i, r) { var o = i.style, a = i.__hostTarget.textConfig || {}, s = i.getComputedTransform(), l = i.getBoundingRect().plain(); Re.applyTransform(l, l, s), s ? Ib.setLocalTransform(s) : (Ib.x = Ib.y = Ib.rotation = Ib.originX = Ib.originY = 0, Ib.scaleX = Ib.scaleY = 1); var u, h = i.__hostTarget; if (h) { u = h.getBoundingRect().plain(); var c = h.getComputedTransform(); Re.applyTransform(u, u, c) } var p = u && h.getTextGuideLine(); this._labelList.push({ label: i, labelLine: p, seriesModel: n, dataIndex: t, dataType: e, layoutOption: r, computedLayoutOption: null, rect: l, hostRect: u, priority: u ? u.width * u.height : 0, defaultAttr: { ignore: i.ignore, labelGuideIgnore: p && p.ignore, x: Ib.x, y: Ib.y, scaleX: Ib.scaleX, scaleY: Ib.scaleY, rotation: Ib.rotation, style: { x: o.x, y: o.y, align: o.align, verticalAlign: o.verticalAlign, width: o.width, height: o.height, fontSize: o.fontSize }, cursor: i.cursor, attachedPos: a.position, attachedRot: a.rotation } }) }, t.prototype.addLabelsOfSeries = function (t) { var e = this; this._chartViewList.push(t); var n = t.__model, i = n.get("labelLayout"); (U(i) || G(i).length) && t.group.traverse((function (t) { if (t.ignore) return !0; var r = t.getTextContent(), o = js(t); r && !r.disableLabelLayout && e._addLabel(o.dataIndex, o.dataType, n, r, i) })) }, t.prototype.updateLayoutConfig = function (t) { var e = t.getWidth(), n = t.getHeight(); function i(t, e) { return function () { ub(t, e) } } for (var r = 0; r < this._labelList.length; r++) { var o = this._labelList[r], a = o.label, s = a.__hostTarget, l = o.defaultAttr, u = void 0; u = (u = U(o.layoutOption) ? o.layoutOption(Sb(o, s)) : o.layoutOption) || {}, o.computedLayoutOption = u; var h = Math.PI / 180; s && s.setTextConfig({ local: !1, position: null != u.x || null != u.y ? null : l.attachedPos, rotation: null != u.rotate ? u.rotate * h : l.attachedRot, offset: [u.dx || 0, u.dy || 0] }); var c = !1; if (null != u.x ? (a.x = Gr(u.x, e), a.setStyle("x", 0), c = !0) : (a.x = l.x, a.setStyle("x", l.style.x)), null != u.y ? (a.y = Gr(u.y, n), a.setStyle("y", 0), c = !0) : (a.y = l.y, a.setStyle("y", l.style.y)), u.labelLinePoints) { var p = s.getTextGuideLine(); p && (p.setShape({ points: u.labelLinePoints }), c = !1) } Tb(a).needsUpdateLabelLine = c, a.rotation = null != u.rotate ? u.rotate * h : l.rotation, a.scaleX = l.scaleX, a.scaleY = l.scaleY; for (var d = 0; d < Mb.length; d++) { var f = Mb[d]; a.setStyle(f, null != u[f] ? u[f] : l.style[f]) } if (u.draggable) { if (a.draggable = !0, a.cursor = "move", s) { var g = o.seriesModel; if (null != o.dataIndex) g = o.seriesModel.getData(o.dataType).getItemModel(o.dataIndex); a.on("drag", i(s, g.getModel("labelLine"))) } } else a.off("drag"), a.cursor = l.cursor } }, t.prototype.layout = function (t) { var e, n = t.getWidth(), i = t.getHeight(), r = mb(this._labelList), o = B(r, (function (t) { return "shiftX" === t.layoutOption.moveOverlap })), a = B(r, (function (t) { return "shiftY" === t.layoutOption.moveOverlap })); xb(o, "x", "width", 0, n, e), _b(a, 0, i), bb(B(r, (function (t) { return t.layoutOption.hideOverlap }))) }, t.prototype.processLabelsOverall = function () { var t = this; E(this._chartViewList, (function (e) { var n = e.__model, i = e.ignoreLabelLineUpdate, r = n.isAnimationEnabled(); e.group.traverse((function (e) { if (e.ignore && !e.forceLabelAnimation) return !0; var o = !i, a = e.getTextContent(); !o && a && (o = Tb(a).needsUpdateLabelLine), o && t._updateLabelLine(e, n), r && t._animateLabels(e, n) })) })) }, t.prototype._updateLabelLine = function (t, e) { var n = t.getTextContent(), i = js(t), r = i.dataIndex; if (n && null != r) { var o = e.getData(i.dataType), a = o.getItemModel(r), s = {}, l = o.getItemVisual(r, "style"), u = o.getVisual("drawType"); s.stroke = l[u]; var h = a.getModel("labelLine"); yb(t, vb(a), s), ub(t, h) } }, t.prototype._animateLabels = function (t, e) { var n = t.getTextContent(), i = t.getTextGuideLine(); if (n && (t.forceLabelAnimation || !n.ignore && !n.invisible && !t.disableLabelAnimation && !ch(t))) { var r = (d = Tb(n)).oldLayout, o = js(t), a = o.dataIndex, s = { x: n.x, y: n.y, rotation: n.rotation }, l = e.getData(o.dataType); if (r) { n.attr(r); var u = t.prevStates; u && (P(u, "select") >= 0 && n.attr(d.oldLayoutSelect), P(u, "emphasis") >= 0 && n.attr(d.oldLayoutEmphasis)), uh(n, s, e, a) } else if (n.attr(s), !rc(n).valueAnimation) { var h = rt(n.style.opacity, 1); n.style.opacity = 0, hh(n, { style: { opacity: h } }, e, a) } if (d.oldLayout = s, n.states.select) { var c = d.oldLayoutSelect = {}; Db(c, s, Ab), Db(c, n.states.select, Ab) } if (n.states.emphasis) { var p = d.oldLayoutEmphasis = {}; Db(p, s, Ab), Db(p, n.states.emphasis, Ab) } ac(n, a, l, e, e) } if (i && !i.ignore && !i.invisible) { r = (d = Cb(i)).oldLayout; var d, f = { points: i.shape.points }; r ? (i.attr({ shape: r }), uh(i, { shape: f }, e)) : (i.setShape(f), i.style.strokePercent = 0, hh(i, { style: { strokePercent: 1 } }, e)), d.oldLayout = f } }, t }(), Lb = Do(); var Pb = Math.sin, Ob = Math.cos, Rb = Math.PI, Nb = 2 * Math.PI, Eb = 180 / Rb, zb = function () { function t() { } return t.prototype.reset = function (t) { this._start = !0, this._d = [], this._str = "", this._p = Math.pow(10, t || 4) }, t.prototype.moveTo = function (t, e) { this._add("M", t, e) }, t.prototype.lineTo = function (t, e) { this._add("L", t, e) }, t.prototype.bezierCurveTo = function (t, e, n, i, r, o) { this._add("C", t, e, n, i, r, o) }, t.prototype.quadraticCurveTo = function (t, e, n, i) { this._add("Q", t, e, n, i) }, t.prototype.arc = function (t, e, n, i, r, o) { this.ellipse(t, e, n, n, 0, i, r, o) }, t.prototype.ellipse = function (t, e, n, i, r, o, a, s) { var l = a - o, u = !s, h = Math.abs(l), c = si(h - Nb) || (u ? l >= Nb : -l >= Nb), p = l > 0 ? l % Nb : l % Nb + Nb, d = !1; d = !!c || !si(h) && p >= Rb == !!u; var f = t + n * Ob(o), g = e + i * Pb(o); this._start && this._add("M", f, g); var y = Math.round(r * Eb); if (c) { var v = 1 / this._p, m = (u ? 1 : -1) * (Nb - v); this._add("A", n, i, y, 1, +u, t + n * Ob(o + m), e + i * Pb(o + m)), v > .01 && this._add("A", n, i, y, 0, +u, f, g) } else { var x = t + n * Ob(a), _ = e + i * Pb(a); this._add("A", n, i, y, +d, +u, x, _) } }, t.prototype.rect = function (t, e, n, i) { this._add("M", t, e), this._add("l", n, 0), this._add("l", 0, i), this._add("l", -n, 0), this._add("Z") }, t.prototype.closePath = function () { this._d.length > 0 && this._add("Z") }, t.prototype._add = function (t, e, n, i, r, o, a, s, l) { for (var u = [], h = this._p, c = 1; c < arguments.length; c++) { var p = arguments[c]; if (isNaN(p)) return void (this._invalid = !0); u.push(Math.round(p * h) / h) } this._d.push(t + u.join(" ")), this._start = "Z" === t }, t.prototype.generateStr = function () { this._str = this._invalid ? "" : this._d.join(""), this._d = [] }, t.prototype.getStr = function () { return this._str }, t }(), Vb = "none", Bb = Math.round; var Fb = ["lineCap", "miterLimit", "lineJoin"], Gb = z(Fb, (function (t) { return "stroke-" + t.toLowerCase() })); function Wb(t, e, n, i) { var r = null == e.opacity ? 1 : e.opacity; if (n instanceof Is) t("opacity", r); else { if (function (t) { var e = t.fill; return null != e && e !== Vb }(e)) { var o = oi(e.fill); t("fill", o.color); var a = null != e.fillOpacity ? e.fillOpacity * o.opacity * r : o.opacity * r; (i || a < 1) && t("fill-opacity", a) } else t("fill", Vb); if (function (t) { var e = t.stroke; return null != e && e !== Vb }(e)) { var s = oi(e.stroke); t("stroke", s.color); var l = e.strokeNoScale ? n.getLineScale() : 1, u = l ? (e.lineWidth || 0) / l : 0, h = null != e.strokeOpacity ? e.strokeOpacity * s.opacity * r : s.opacity * r, c = e.strokeFirst; if ((i || 1 !== u) && t("stroke-width", u), (i || c) && t("paint-order", c ? "stroke" : "fill"), (i || h < 1) && t("stroke-opacity", h), e.lineDash) { var p = Gy(n), d = p[0], f = p[1]; d && (f = Bb(f || 0), t("stroke-dasharray", d.join(",")), (f || i) && t("stroke-dashoffset", f)) } else i && t("stroke-dasharray", Vb); for (var g = 0; g < Fb.length; g++) { var y = Fb[g]; if (i || e[y] !== vs[y]) { var v = e[y] || vs[y]; v && t(Gb[g], v) } } } else i && t("stroke", Vb) } } var Hb = "http://www.w3.org/2000/svg", Yb = "http://www.w3.org/1999/xlink"; function Ub(t) { return document.createElementNS(Hb, t) } function Xb(t, e, n, i, r) { return { tag: t, attrs: n || {}, children: i, text: r, key: e } } function Zb(t, e) { var n = (e = e || {}).newline ? "\n" : ""; return function t(e) { var i = e.children, r = e.tag; return function (t, e) { var n = []; if (e) for (var i in e) { var r = e[i], o = i; !1 !== r && (!0 !== r && null != r && (o += '="' + r + '"'), n.push(o)) } return "<" + t + " " + n.join(" ") + ">" }(r, e.attrs) + ee(e.text) + (i ? "" + n + z(i, (function (e) { return t(e) })).join(n) + n : "") + ("</" + r + ">") }(t) } function jb(t) { return { zrId: t, shadowCache: {}, patternCache: {}, gradientCache: {}, clipPathCache: {}, defs: {}, cssNodes: {}, cssAnims: {}, cssClassIdx: 0, cssAnimIdx: 0, shadowIdx: 0, gradientIdx: 0, patternIdx: 0, clipPathIdx: 0 } } function qb(t, e, n, i) { return Xb("svg", "root", { width: t, height: e, xmlns: Hb, "xmlns:xlink": Yb, version: "1.1", baseProfile: "full", viewBox: !!i && "0 0 " + t + " " + e }, n) } var Kb = { cubicIn: "0.32,0,0.67,0", cubicOut: "0.33,1,0.68,1", cubicInOut: "0.65,0,0.35,1", quadraticIn: "0.11,0,0.5,0", quadraticOut: "0.5,1,0.89,1", quadraticInOut: "0.45,0,0.55,1", quarticIn: "0.5,0,0.75,0", quarticOut: "0.25,1,0.5,1", quarticInOut: "0.76,0,0.24,1", quinticIn: "0.64,0,0.78,0", quinticOut: "0.22,1,0.36,1", quinticInOut: "0.83,0,0.17,1", sinusoidalIn: "0.12,0,0.39,0", sinusoidalOut: "0.61,1,0.88,1", sinusoidalInOut: "0.37,0,0.63,1", exponentialIn: "0.7,0,0.84,0", exponentialOut: "0.16,1,0.3,1", exponentialInOut: "0.87,0,0.13,1", circularIn: "0.55,0,1,0.45", circularOut: "0,0.55,0.45,1", circularInOut: "0.85,0,0.15,1" }, $b = "transform-origin"; function Jb(t, e, n) { var i = A({}, t.shape); A(i, e), t.buildPath(n, i); var r = new zb; return r.reset(gi(t)), n.rebuildPath(r, 1), r.generateStr(), r.getStr() } function Qb(t, e) { var n = e.originX, i = e.originY; (n || i) && (t[$b] = n + "px " + i + "px") } var tw = { fill: "fill", opacity: "opacity", lineWidth: "stroke-width", lineDashOffset: "stroke-dashoffset" }; function ew(t, e) { var n = e.zrId + "-ani-" + e.cssAnimIdx++; return e.cssAnims[n] = t, n } function nw(t) { return X(t) ? Kb[t] ? "cubic-bezier(" + Kb[t] + ")" : An(t) ? t : "" : "" } function iw(t, e, n, i) { var r = t.animators, o = r.length, a = []; if (t instanceof qu) { var s = function (t, e, n) { var i, r, o = t.shape.paths, a = {}; if (E(o, (function (t) { var e = jb(n.zrId); e.animation = !0, iw(t, {}, e, !0); var o = e.cssAnims, s = e.cssNodes, l = G(o), u = l.length; if (u) { var h = o[r = l[u - 1]]; for (var c in h) { var p = h[c]; a[c] = a[c] || { d: "" }, a[c].d += p.d || "" } for (var d in s) { var f = s[d].animation; f.indexOf(r) >= 0 && (i = f) } } })), i) { e.d = !1; var s = ew(a, n); return i.replace(r, s) } }(t, e, n); if (s) a.push(s); else if (!o) return } else if (!o) return; for (var l = {}, u = 0; u < o; u++) { var h = r[u], c = [h.getMaxTime() / 1e3 + "s"], p = nw(h.getClip().easing), d = h.getDelay(); p ? c.push(p) : c.push("linear"), d && c.push(d / 1e3 + "s"), h.getLoop() && c.push("infinite"); var f = c.join(" "); l[f] = l[f] || [f, []], l[f][1].push(h) } function g(r) { var o, a = r[1], s = a.length, l = {}, u = {}, h = {}; function c(t, e, n) { for (var i = t.getTracks(), r = t.getMaxTime(), o = 0; o < i.length; o++) { var a = i[o]; if (a.needsAnimate()) { var s = a.keyframes, l = a.propName; if (n && (l = n(l)), l) for (var u = 0; u < s.length; u++) { var h = s[u], c = Math.round(h.time / r * 100) + "%", p = nw(h.easing), d = h.rawValue; (X(d) || j(d)) && (e[c] = e[c] || {}, e[c][l] = h.rawValue, p && (e[c]["animation-timing-function"] = p)) } } } } for (var p = 0; p < s; p++) { (w = (b = a[p]).targetName) ? "shape" === w && c(b, u) : !i && c(b, l) } for (var d in l) { var f = {}; pr(f, t), A(f, l[d]); var g = yi(f), y = l[d]["animation-timing-function"]; h[d] = g ? { transform: g } : {}, Qb(h[d], f), y && (h[d]["animation-timing-function"] = y) } var v = !0; for (var d in u) { h[d] = h[d] || {}; var m = !o; y = u[d]["animation-timing-function"]; m && (o = new ts); var x = o.len(); o.reset(), h[d].d = Jb(t, u[d], o); var _ = o.len(); if (!m && x !== _) { v = !1; break } y && (h[d]["animation-timing-function"] = y) } if (!v) for (var d in h) delete h[d].d; if (!i) for (p = 0; p < s; p++) { var b, w; "style" === (w = (b = a[p]).targetName) && c(b, h, (function (t) { return tw[t] })) } var S, M = G(h), I = !0; for (p = 1; p < M.length; p++) { var T = M[p - 1], C = M[p]; if (h[T][$b] !== h[C][$b]) { I = !1; break } S = h[T][$b] } if (I && S) { for (var d in h) h[d][$b] && delete h[d][$b]; e[$b] = S } if (B(M, (function (t) { return G(h[t]).length > 0 })).length) return ew(h, n) + " " + r[0] + " both" } for (var y in l) { (s = g(l[y])) && a.push(s) } if (a.length) { var v = n.zrId + "-cls-" + n.cssClassIdx++; n.cssNodes["." + v] = { animation: a.join(",") }, e.class = v } } var rw = Math.round; function ow(t) { return t && X(t.src) } function aw(t) { return t && U(t.toDataURL) } function sw(t, e, n, i) { Wb((function (r, o) { var a = "fill" === r || "stroke" === r; a && function (t) { return t && ("linear" === t.type || "radial" === t.type) }(o) ? function (t, e, n, i) { var r, o = t[n], a = { gradientUnits: o.global ? "userSpaceOnUse" : "objectBoundingBox" }; if (pi(o)) r = "linearGradient", a.x1 = o.x, a.y1 = o.y, a.x2 = o.x2, a.y2 = o.y2; else { if (!di(o)) return void 0; r = "radialGradient", a.cx = rt(o.x, .5), a.cy = rt(o.y, .5), a.r = rt(o.r, .5) } for (var s = o.colorStops, l = [], u = 0, h = s.length; u < h; ++u) { var c = 100 * ui(s[u].offset) + "%", p = oi(s[u].color), d = p.color, f = p.opacity, g = { offset: c }; g["stop-color"] = d, f < 1 && (g["stop-opacity"] = f), l.push(Xb("stop", u + "", g)) } var y = Zb(Xb(r, "", a, l)), v = i.gradientCache, m = v[y]; m || (m = i.zrId + "-g" + i.gradientIdx++, v[y] = m, a.id = m, i.defs[m] = Xb(r, m, a, l)); e[n] = fi(m) }(e, t, r, i) : a && function (t) { return ci(t) || function (t) { return t && !!t.svgElement }(t) }(o) ? function (t, e, n, i) { var r, o = t.style[n], a = { patternUnits: "userSpaceOnUse" }; if (ci(o)) { var s = o.imageWidth, l = o.imageHeight, u = void 0, h = o.image; if (X(h) ? u = h : ow(h) ? u = h.src : aw(h) && (u = h.toDataURL()), "undefined" == typeof Image) { var c = "Image width/height must been given explictly in svg-ssr renderer."; lt(s, c), lt(l, c) } else if (null == s || null == l) { var p = function (t, e) { if (t) { var n = t.elm, i = t.attrs.width = s || e.width, r = t.attrs.height = l || e.height; n && (n.setAttribute("width", i), n.setAttribute("height", r)) } }, d = Jo(u, null, t, (function (t) { p(f, t), p(r, t) })); d && d.width && d.height && (s = s || d.width, l = l || d.height) } r = Xb("image", "img", { href: u, width: s, height: l }), a.width = s, a.height = l } else o.svgElement && (r = T(o.svgElement), a.width = o.svgWidth, a.height = o.svgHeight); if (!r) return; a.patternTransform = yi(o); var f = Xb("pattern", "", a, [r]), g = Zb(f), y = i.patternCache, v = y[g]; v || (v = i.zrId + "-p" + i.patternIdx++, y[g] = v, a.id = v, f = i.defs[v] = Xb("pattern", v, a, [r])); e[n] = fi(v) }(n, t, r, i) : t[r] = o }), e, n, !1), function (t, e, n) { var i = t.style; if (function (t) { return t && (t.shadowBlur || t.shadowOffsetX || t.shadowOffsetY) }(i)) { var r = function (t) { var e = t.style, n = t.getGlobalScale(); return [e.shadowColor, (e.shadowBlur || 0).toFixed(2), (e.shadowOffsetX || 0).toFixed(2), (e.shadowOffsetY || 0).toFixed(2), n[0], n[1]].join(",") }(t), o = n.shadowCache, a = o[r]; if (!a) { var s = t.getGlobalScale(), l = s[0], u = s[1]; if (!l || !u) return; var h = i.shadowOffsetX || 0, c = i.shadowOffsetY || 0, p = i.shadowBlur, d = oi(i.shadowColor), f = d.opacity, g = d.color, y = p / 2 / l + " " + p / 2 / u; a = n.zrId + "-s" + n.shadowIdx++, n.defs[a] = Xb("filter", a, { id: a, x: "-100%", y: "-100%", width: "300%", height: "300%" }, [Xb("feDropShadow", "", { dx: h / l, dy: c / u, stdDeviation: y, "flood-color": g, "flood-opacity": f })]), o[r] = a } e.filter = fi(a) } }(n, t, i) } function lw(t) { return si(t[0] - 1) && si(t[1]) && si(t[2]) && si(t[3] - 1) } function uw(t, e, n) { if (e && (!function (t) { return si(t[4]) && si(t[5]) }(e) || !lw(e))) { var i = n ? 10 : 1e4; t.transform = lw(e) ? "translate(" + rw(e[4] * i) / i + " " + rw(e[5] * i) / i + ")" : function (t) { return "matrix(" + li(t[0]) + "," + li(t[1]) + "," + li(t[2]) + "," + li(t[3]) + "," + ui(t[4]) + "," + ui(t[5]) + ")" }(e) } } function hw(t, e, n) { for (var i = t.points, r = [], o = 0; o < i.length; o++)r.push(rw(i[o][0] * n) / n), r.push(rw(i[o][1] * n) / n); e.points = r.join(" ") } function cw(t) { return !t.smooth } var pw, dw, fw = { circle: [(pw = ["cx", "cy", "r"], dw = z(pw, (function (t) { return "string" == typeof t ? [t, t] : t })), function (t, e, n) { for (var i = 0; i < dw.length; i++) { var r = dw[i], o = t[r[0]]; null != o && (e[r[1]] = rw(o * n) / n) } })], polyline: [hw, cw], polygon: [hw, cw] }; function gw(t, e) { var n = t.style, i = t.shape, r = fw[t.type], o = {}, a = e.animation, s = "path", l = t.style.strokePercent, u = e.compress && gi(t) || 4; if (!r || e.willUpdate || r[1] && !r[1](i) || a && function (t) { for (var e = t.animators, n = 0; n < e.length; n++)if ("shape" === e[n].targetName) return !0; return !1 }(t) || l < 1) { t.path || t.createPathProxy(); var h = t.path; t.shapeChanged() && (h.beginPath(), t.buildPath(h, t.shape), t.pathUpdated()); var c = h.getVersion(), p = t, d = p.__svgPathBuilder; p.__svgPathVersion === c && d && l === p.__svgPathStrokePercent || (d || (d = p.__svgPathBuilder = new zb), d.reset(u), h.rebuildPath(d, l), d.generateStr(), p.__svgPathVersion = c, p.__svgPathStrokePercent = l), o.d = d.getStr() } else { s = t.type; var f = Math.pow(10, u); r[0](i, o, f) } return uw(o, t.transform), sw(o, n, t, e), e.animation && iw(t, o, e), Xb(s, t.id + "", o) } function yw(t, e) { return t instanceof _s ? gw(t, e) : t instanceof Is ? function (t, e) { var n = t.style, i = n.image; if (i && !X(i) && (ow(i) ? i = i.src : aw(i) && (i = i.toDataURL())), i) { var r = n.x || 0, o = n.y || 0, a = { href: i, width: n.width, height: n.height }; return r && (a.x = r), o && (a.y = o), uw(a, t.transform), sw(a, n, t, e), e.animation && iw(t, a, e), Xb("image", t.id + "", a) } }(t, e) : t instanceof ws ? function (t, e) { var n = t.style, i = n.text; if (null != i && (i += ""), i && !isNaN(n.x) && !isNaN(n.y)) { var r = n.font || a, s = n.x || 0, l = function (t, e, n) { return "top" === n ? t += e / 2 : "bottom" === n && (t -= e / 2), t }(n.y || 0, xr(r), n.textBaseline), u = { "dominant-baseline": "central", "text-anchor": hi[n.textAlign] || n.textAlign }; if (Gs(n)) { var h = "", c = n.fontStyle, p = Bs(n.fontSize); if (!parseFloat(p)) return; var d = n.fontFamily || o, f = n.fontWeight; h += "font-size:" + p + ";font-family:" + d + ";", c && "normal" !== c && (h += "font-style:" + c + ";"), f && "normal" !== f && (h += "font-weight:" + f + ";"), u.style = h } else u.style = "font: " + r; return i.match(/\s/) && (u["xml:space"] = "preserve"), s && (u.x = s), l && (u.y = l), uw(u, t.transform), sw(u, n, t, e), e.animation && iw(t, u, e), Xb("text", t.id + "", u, void 0, i) } }(t, e) : void 0 } function vw(t, e, n) { var i = n.clipPathCache, r = n.defs, o = i[t.id]; if (!o) { var a = { id: o = n.zrId + "-c" + n.clipPathIdx++ }; i[t.id] = o, r[o] = Xb("clipPath", o, a, [gw(t, n)]) } e["clip-path"] = fi(o) } function mw(t) { return document.createTextNode(t) } function xw(t, e, n) { t.insertBefore(e, n) } function _w(t, e) { t.removeChild(e) } function bw(t, e) { t.appendChild(e) } function ww(t) { return t.parentNode } function Sw(t) { return t.nextSibling } function Mw(t, e) { t.textContent = e } var Iw = Xb("", ""); function Tw(t) { return void 0 === t } function Cw(t) { return void 0 !== t } function Dw(t, e, n) { for (var i = {}, r = e; r <= n; ++r) { var o = t[r].key; void 0 !== o && (i[o] = r) } return i } function Aw(t, e) { var n = t.key === e.key; return t.tag === e.tag && n } function kw(t) { var e, n = t.children, i = t.tag; if (Cw(i)) { var r = t.elm = Ub(i); if (Ow(Iw, t), Y(n)) for (e = 0; e < n.length; ++e) { var o = n[e]; null != o && bw(r, kw(o)) } else Cw(t.text) && !q(t.text) && bw(r, mw(t.text)) } else t.elm = mw(t.text); return t.elm } function Lw(t, e, n, i, r) { for (; i <= r; ++i) { var o = n[i]; null != o && xw(t, kw(o), e) } } function Pw(t, e, n, i) { for (; n <= i; ++n) { var r = e[n]; if (null != r) if (Cw(r.tag)) _w(ww(r.elm), r.elm); else _w(t, r.elm) } } function Ow(t, e) { var n, i = e.elm, r = t && t.attrs || {}, o = e.attrs || {}; if (r !== o) { for (n in o) { var a = o[n]; r[n] !== a && (!0 === a ? i.setAttribute(n, "") : !1 === a ? i.removeAttribute(n) : 120 !== n.charCodeAt(0) ? i.setAttribute(n, a) : "xmlns:xlink" === n || "xmlns" === n ? i.setAttributeNS("http://www.w3.org/2000/xmlns/", n, a) : 58 === n.charCodeAt(3) ? i.setAttributeNS("http://www.w3.org/XML/1998/namespace", n, a) : 58 === n.charCodeAt(5) ? i.setAttributeNS(Yb, n, a) : i.setAttribute(n, a)) } for (n in r) n in o || i.removeAttribute(n) } } function Rw(t, e) { var n = e.elm = t.elm, i = t.children, r = e.children; t !== e && (Ow(t, e), Tw(e.text) ? Cw(i) && Cw(r) ? i !== r && function (t, e, n) { for (var i, r, o, a = 0, s = 0, l = e.length - 1, u = e[0], h = e[l], c = n.length - 1, p = n[0], d = n[c]; a <= l && s <= c;)null == u ? u = e[++a] : null == h ? h = e[--l] : null == p ? p = n[++s] : null == d ? d = n[--c] : Aw(u, p) ? (Rw(u, p), u = e[++a], p = n[++s]) : Aw(h, d) ? (Rw(h, d), h = e[--l], d = n[--c]) : Aw(u, d) ? (Rw(u, d), xw(t, u.elm, Sw(h.elm)), u = e[++a], d = n[--c]) : Aw(h, p) ? (Rw(h, p), xw(t, h.elm, u.elm), h = e[--l], p = n[++s]) : (Tw(i) && (i = Dw(e, a, l)), Tw(r = i[p.key]) || (o = e[r]).tag !== p.tag ? xw(t, kw(p), u.elm) : (Rw(o, p), e[r] = void 0, xw(t, o.elm, u.elm)), p = n[++s]); (a <= l || s <= c) && (a > l ? Lw(t, null == n[c + 1] ? null : n[c + 1].elm, n, s, c) : Pw(t, e, a, l)) }(n, i, r) : Cw(r) ? (Cw(t.text) && Mw(n, ""), Lw(n, null, r, 0, r.length - 1)) : Cw(i) ? Pw(n, i, 0, i.length - 1) : Cw(t.text) && Mw(n, "") : t.text !== e.text && (Cw(i) && Pw(n, i, 0, i.length - 1), Mw(n, e.text))) } var Nw = 0, Ew = function () { function t(t, e, n) { if (this.type = "svg", this.refreshHover = zw("refreshHover"), this.configLayer = zw("configLayer"), this.storage = e, this._opts = n = A({}, n), this.root = t, this._id = "zr" + Nw++, this._oldVNode = qb(n.width, n.height), t && !n.ssr) { var i = this._viewport = document.createElement("div"); i.style.cssText = "position:relative;overflow:hidden"; var r = this._svgDom = this._oldVNode.elm = Ub("svg"); Ow(null, this._oldVNode), i.appendChild(r), t.appendChild(i) } this.resize(n.width, n.height) } return t.prototype.getType = function () { return this.type }, t.prototype.getViewportRoot = function () { return this._viewport }, t.prototype.getViewportRootOffset = function () { var t = this.getViewportRoot(); if (t) return { offsetLeft: t.offsetLeft || 0, offsetTop: t.offsetTop || 0 } }, t.prototype.getSvgDom = function () { return this._svgDom }, t.prototype.refresh = function () { if (this.root) { var t = this.renderToVNode({ willUpdate: !0 }); t.attrs.style = "position:absolute;left:0;top:0;user-select:none", function (t, e) { if (Aw(t, e)) Rw(t, e); else { var n = t.elm, i = ww(n); kw(e), null !== i && (xw(i, e.elm, Sw(n)), Pw(i, [t], 0, 0)) } }(this._oldVNode, t), this._oldVNode = t } }, t.prototype.renderOneToVNode = function (t) { return yw(t, jb(this._id)) }, t.prototype.renderToVNode = function (t) { t = t || {}; var e = this.storage.getDisplayList(!0), n = this._backgroundColor, i = this._width, r = this._height, o = jb(this._id); o.animation = t.animation, o.willUpdate = t.willUpdate, o.compress = t.compress; var a = []; if (n && "none" !== n) { var s = oi(n), l = s.color, u = s.opacity; this._bgVNode = Xb("rect", "bg", { width: i, height: r, x: "0", y: "0", id: "0", fill: l, "fill-opacity": u }), a.push(this._bgVNode) } else this._bgVNode = null; var h = t.compress ? null : this._mainVNode = Xb("g", "main", {}, []); this._paintList(e, o, h ? h.children : a), h && a.push(h); var c = z(G(o.defs), (function (t) { return o.defs[t] })); if (c.length && a.push(Xb("defs", "defs", {}, c)), t.animation) { var p = function (t, e, n) { var i = (n = n || {}).newline ? "\n" : "", r = " {" + i, o = i + "}", a = z(G(t), (function (e) { return e + r + z(G(t[e]), (function (n) { return n + ":" + t[e][n] + ";" })).join(i) + o })).join(i), s = z(G(e), (function (t) { return "@keyframes " + t + r + z(G(e[t]), (function (n) { return n + r + z(G(e[t][n]), (function (i) { var r = e[t][n][i]; return "d" === i && (r = 'path("' + r + '")'), i + ":" + r + ";" })).join(i) + o })).join(i) + o })).join(i); return a || s ? ["<![CDATA[", a, s, "]]>"].join(i) : "" }(o.cssNodes, o.cssAnims, { newline: !0 }); if (p) { var d = Xb("style", "stl", {}, [], p); a.push(d) } } return qb(i, r, a, t.useViewBox) }, t.prototype.renderToString = function (t) { return t = t || {}, Zb(this.renderToVNode({ animation: rt(t.cssAnimation, !0), willUpdate: !1, compress: !0, useViewBox: rt(t.useViewBox, !0) }), { newline: !0 }) }, t.prototype.setBackgroundColor = function (t) { this._backgroundColor = t; var e = this._bgVNode; if (e && e.elm) { var n = oi(t), i = n.color, r = n.opacity; e.elm.setAttribute("fill", i), r < 1 && e.elm.setAttribute("fill-opacity", r) } }, t.prototype.getSvgRoot = function () { return this._mainVNode && this._mainVNode.elm }, t.prototype._paintList = function (t, e, n) { for (var i, r, o = t.length, a = [], s = 0, l = 0, u = 0; u < o; u++) { var h = t[u]; if (!h.invisible) { var c = h.__clipPaths, p = c && c.length || 0, d = r && r.length || 0, f = void 0; for (f = Math.max(p - 1, d - 1); f >= 0 && (!c || !r || c[f] !== r[f]); f--); for (var g = d - 1; g > f; g--)i = a[--s - 1]; for (var y = f + 1; y < p; y++) { var v = {}; vw(c[y], v, e); var m = Xb("g", "clip-g-" + l++, v, []); (i ? i.children : n).push(m), a[s++] = m, i = m } r = c; var x = yw(h, e); x && (i ? i.children : n).push(x) } } }, t.prototype.resize = function (t, e) { var n = this._opts, i = this.root, r = this._viewport; if (null != t && (n.width = t), null != e && (n.height = e), i && r && (r.style.display = "none", t = Fy(i, 0, n), e = Fy(i, 1, n), r.style.display = ""), this._width !== t || this._height !== e) { if (this._width = t, this._height = e, r) { var o = r.style; o.width = t + "px", o.height = e + "px" } var a = this._svgDom; a && (a.setAttribute("width", t), a.setAttribute("height", e)) } }, t.prototype.getWidth = function () { return this._width }, t.prototype.getHeight = function () { return this._height }, t.prototype.dispose = function () { this.root && (this.root.innerHTML = ""), this._svgDom = this._viewport = this.storage = this._oldVNode = this._bgVNode = this._mainVNode = null }, t.prototype.clear = function () { this._svgDom && (this._svgDom.innerHTML = null), this._oldVNode = null }, t.prototype.toDataURL = function (t) { var e = encodeURIComponent(this.renderToString()), n = "data:image/svg+xml;"; return t ? (e = vi(e)) && n + "base64," + e : n + "charset=UTF-8," + e }, t }(); function zw(t) { return function () { 0 } } function Vw(t, e, n) { var i = h.createCanvas(), r = e.getWidth(), o = e.getHeight(), a = i.style; return a && (a.position = "absolute", a.left = "0", a.top = "0", a.width = r + "px", a.height = o + "px", i.setAttribute("data-zr-dom-id", t)), i.width = r * n, i.height = o * n, i } var Bw = function (t) { function e(e, n, i) { var r, o = t.call(this) || this; o.motionBlur = !1, o.lastFrameAlpha = .7, o.dpr = 1, o.virtual = !1, o.config = {}, o.incremental = !1, o.zlevel = 0, o.maxRepaintRectCount = 5, o.__dirty = !0, o.__firstTimePaint = !0, o.__used = !1, o.__drawIndex = 0, o.__startIndex = 0, o.__endIndex = 0, o.__prevStartIndex = null, o.__prevEndIndex = null, i = i || tr, "string" == typeof e ? r = Vw(e, n, i) : q(e) && (e = (r = e).id), o.id = e, o.dom = r; var a = r.style; return a && (vt(r), r.onselectstart = function () { return !1 }, a.padding = "0", a.margin = "0", a.borderWidth = "0"), o.painter = n, o.dpr = i, o } return n(e, t), e.prototype.getElementCount = function () { return this.__endIndex - this.__startIndex }, e.prototype.afterBrush = function () { this.__prevStartIndex = this.__startIndex, this.__prevEndIndex = this.__endIndex }, e.prototype.initContext = function () { this.ctx = this.dom.getContext("2d"), this.ctx.dpr = this.dpr }, e.prototype.setUnpainted = function () { this.__firstTimePaint = !0 }, e.prototype.createBackBuffer = function () { var t = this.dpr; this.domBack = Vw("back-" + this.id, this.painter, t), this.ctxBack = this.domBack.getContext("2d"), 1 !== t && this.ctxBack.scale(t, t) }, e.prototype.createRepaintRects = function (t, e, n, i) { if (this.__firstTimePaint) return this.__firstTimePaint = !1, null; var r, o = [], a = this.maxRepaintRectCount, s = !1, l = new Re(0, 0, 0, 0); function u(t) { if (t.isFinite() && !t.isZero()) if (0 === o.length) { (e = new Re(0, 0, 0, 0)).copy(t), o.push(e) } else { for (var e, n = !1, i = 1 / 0, r = 0, u = 0; u < o.length; ++u) { var h = o[u]; if (h.intersect(t)) { var c = new Re(0, 0, 0, 0); c.copy(h), c.union(t), o[u] = c, n = !0; break } if (s) { l.copy(t), l.union(h); var p = t.width * t.height, d = h.width * h.height, f = l.width * l.height - p - d; f < i && (i = f, r = u) } } if (s && (o[r].union(t), n = !0), !n) (e = new Re(0, 0, 0, 0)).copy(t), o.push(e); s || (s = o.length >= a) } } for (var h = this.__startIndex; h < this.__endIndex; ++h) { if (d = t[h]) { var c = d.shouldBePainted(n, i, !0, !0); (f = d.__isRendered && (1 & d.__dirty || !c) ? d.getPrevPaintRect() : null) && u(f); var p = c && (1 & d.__dirty || !d.__isRendered) ? d.getPaintRect() : null; p && u(p) } } for (h = this.__prevStartIndex; h < this.__prevEndIndex; ++h) { var d, f; c = (d = e[h]).shouldBePainted(n, i, !0, !0); if (d && (!c || !d.__zr) && d.__isRendered) (f = d.getPrevPaintRect()) && u(f) } do { r = !1; for (h = 0; h < o.length;)if (o[h].isZero()) o.splice(h, 1); else { for (var g = h + 1; g < o.length;)o[h].intersect(o[g]) ? (r = !0, o[h].union(o[g]), o.splice(g, 1)) : g++; h++ } } while (r); return this._paintRects = o, o }, e.prototype.debugGetPaintRects = function () { return (this._paintRects || []).slice() }, e.prototype.resize = function (t, e) { var n = this.dpr, i = this.dom, r = i.style, o = this.domBack; r && (r.width = t + "px", r.height = e + "px"), i.width = t * n, i.height = e * n, o && (o.width = t * n, o.height = e * n, 1 !== n && this.ctxBack.scale(n, n)) }, e.prototype.clear = function (t, e, n) { var i = this.dom, r = this.ctx, o = i.width, a = i.height; e = e || this.clearColor; var s = this.motionBlur && !t, l = this.lastFrameAlpha, u = this.dpr, h = this; s && (this.domBack || this.createBackBuffer(), this.ctxBack.globalCompositeOperation = "copy", this.ctxBack.drawImage(i, 0, 0, o / u, a / u)); var c = this.domBack; function p(t, n, i, o) { if (r.clearRect(t, n, i, o), e && "transparent" !== e) { var a = void 0; Q(e) ? (a = e.__canvasGradient || Vy(r, e, { x: 0, y: 0, width: i, height: o }), e.__canvasGradient = a) : tt(e) && (e.scaleX = e.scaleX || u, e.scaleY = e.scaleY || u, a = jy(r, e, { dirty: function () { h.setUnpainted(), h.__painter.refresh() } })), r.save(), r.fillStyle = a || e, r.fillRect(t, n, i, o), r.restore() } s && (r.save(), r.globalAlpha = l, r.drawImage(c, t, n, i, o), r.restore()) } !n || s ? p(0, 0, o, a) : n.length && E(n, (function (t) { p(t.x * u, t.y * u, t.width * u, t.height * u) })) }, e }(Xt), Fw = 1e5, Gw = 314159, Ww = .01; var Hw = function () { function t(t, e, n, i) { this.type = "canvas", this._zlevelList = [], this._prevDisplayList = [], this._layers = {}, this._layerConfig = {}, this._needsManuallyCompositing = !1, this.type = "canvas"; var r = !t.nodeName || "CANVAS" === t.nodeName.toUpperCase(); this._opts = n = A({}, n || {}), this.dpr = n.devicePixelRatio || tr, this._singleCanvas = r, this.root = t, t.style && (vt(t), t.innerHTML = ""), this.storage = e; var o = this._zlevelList; this._prevDisplayList = []; var a = this._layers; if (r) { var s = t, l = s.width, u = s.height; null != n.width && (l = n.width), null != n.height && (u = n.height), this.dpr = n.devicePixelRatio || 1, s.width = l * this.dpr, s.height = u * this.dpr, this._width = l, this._height = u; var h = new Bw(s, this, this.dpr); h.__builtin__ = !0, h.initContext(), a[314159] = h, h.zlevel = Gw, o.push(Gw), this._domRoot = t } else { this._width = Fy(t, 0, n), this._height = Fy(t, 1, n); var c = this._domRoot = function (t, e) { var n = document.createElement("div"); return n.style.cssText = ["position:relative", "width:" + t + "px", "height:" + e + "px", "padding:0", "margin:0", "border-width:0"].join(";") + ";", n }(this._width, this._height); t.appendChild(c) } } return t.prototype.getType = function () { return "canvas" }, t.prototype.isSingleCanvas = function () { return this._singleCanvas }, t.prototype.getViewportRoot = function () { return this._domRoot }, t.prototype.getViewportRootOffset = function () { var t = this.getViewportRoot(); if (t) return { offsetLeft: t.offsetLeft || 0, offsetTop: t.offsetTop || 0 } }, t.prototype.refresh = function (t) { var e = this.storage.getDisplayList(!0), n = this._prevDisplayList, i = this._zlevelList; this._redrawId = Math.random(), this._paintList(e, n, t, this._redrawId); for (var r = 0; r < i.length; r++) { var o = i[r], a = this._layers[o]; if (!a.__builtin__ && a.refresh) { var s = 0 === r ? this._backgroundColor : null; a.refresh(s) } } return this._opts.useDirtyRect && (this._prevDisplayList = e.slice()), this }, t.prototype.refreshHover = function () { this._paintHoverList(this.storage.getDisplayList(!1)) }, t.prototype._paintHoverList = function (t) { var e = t.length, n = this._hoverlayer; if (n && n.clear(), e) { for (var i, r = { inHover: !0, viewWidth: this._width, viewHeight: this._height }, o = 0; o < e; o++) { var a = t[o]; a.__inHover && (n || (n = this._hoverlayer = this.getLayer(Fw)), i || (i = n.ctx).save(), iv(i, a, r, o === e - 1)) } i && i.restore() } }, t.prototype.getHoverLayer = function () { return this.getLayer(Fw) }, t.prototype.paintOne = function (t, e) { nv(t, e) }, t.prototype._paintList = function (t, e, n, i) { if (this._redrawId === i) { n = n || !1, this._updateLayerStatus(t); var r = this._doPaintList(t, e, n), o = r.finished, a = r.needsRefreshHover; if (this._needsManuallyCompositing && this._compositeManually(), a && this._paintHoverList(t), o) this.eachLayer((function (t) { t.afterBrush && t.afterBrush() })); else { var s = this; en((function () { s._paintList(t, e, n, i) })) } } }, t.prototype._compositeManually = function () { var t = this.getLayer(Gw).ctx, e = this._domRoot.width, n = this._domRoot.height; t.clearRect(0, 0, e, n), this.eachBuiltinLayer((function (i) { i.virtual && t.drawImage(i.dom, 0, 0, e, n) })) }, t.prototype._doPaintList = function (t, e, n) { for (var i = this, o = [], a = this._opts.useDirtyRect, s = 0; s < this._zlevelList.length; s++) { var l = this._zlevelList[s], u = this._layers[l]; u.__builtin__ && u !== this._hoverlayer && (u.__dirty || n) && o.push(u) } for (var h = !0, c = !1, p = function (r) { var s, l = o[r], u = l.ctx, p = a && l.createRepaintRects(t, e, d._width, d._height), f = n ? l.__startIndex : l.__drawIndex, g = !n && l.incremental && Date.now, y = g && Date.now(), v = l.zlevel === d._zlevelList[0] ? d._backgroundColor : null; if (l.__startIndex === l.__endIndex) l.clear(!1, v, p); else if (f === l.__startIndex) { var m = t[f]; m.incremental && m.notClear && !n || l.clear(!1, v, p) } -1 === f && (console.error("For some unknown reason. drawIndex is -1"), f = l.__startIndex); var x = function (e) { var n = { inHover: !1, allClipped: !1, prevEl: null, viewWidth: i._width, viewHeight: i._height }; for (s = f; s < l.__endIndex; s++) { var r = t[s]; if (r.__inHover && (c = !0), i._doPaintEl(r, l, a, e, n, s === l.__endIndex - 1), g) if (Date.now() - y > 15) break } n.prevElClipPaths && u.restore() }; if (p) if (0 === p.length) s = l.__endIndex; else for (var _ = d.dpr, b = 0; b < p.length; ++b) { var w = p[b]; u.save(), u.beginPath(), u.rect(w.x * _, w.y * _, w.width * _, w.height * _), u.clip(), x(w), u.restore() } else u.save(), x(), u.restore(); l.__drawIndex = s, l.__drawIndex < l.__endIndex && (h = !1) }, d = this, f = 0; f < o.length; f++)p(f); return r.wxa && E(this._layers, (function (t) { t && t.ctx && t.ctx.draw && t.ctx.draw() })), { finished: h, needsRefreshHover: c } }, t.prototype._doPaintEl = function (t, e, n, i, r, o) { var a = e.ctx; if (n) { var s = t.getPaintRect(); (!i || s && s.intersect(i)) && (iv(a, t, r, o), t.setPrevPaintRect(s)) } else iv(a, t, r, o) }, t.prototype.getLayer = function (t, e) { this._singleCanvas && !this._needsManuallyCompositing && (t = Gw); var n = this._layers[t]; return n || ((n = new Bw("zr_" + t, this, this.dpr)).zlevel = t, n.__builtin__ = !0, this._layerConfig[t] ? C(n, this._layerConfig[t], !0) : this._layerConfig[t - Ww] && C(n, this._layerConfig[t - Ww], !0), e && (n.virtual = e), this.insertLayer(t, n), n.initContext()), n }, t.prototype.insertLayer = function (t, e) { var n = this._layers, i = this._zlevelList, r = i.length, o = this._domRoot, a = null, s = -1; if (!n[t] && function (t) { return !!t && (!!t.__builtin__ || "function" == typeof t.resize && "function" == typeof t.refresh) }(e)) { if (r > 0 && t > i[0]) { for (s = 0; s < r - 1 && !(i[s] < t && i[s + 1] > t); s++); a = n[i[s]] } if (i.splice(s + 1, 0, t), n[t] = e, !e.virtual) if (a) { var l = a.dom; l.nextSibling ? o.insertBefore(e.dom, l.nextSibling) : o.appendChild(e.dom) } else o.firstChild ? o.insertBefore(e.dom, o.firstChild) : o.appendChild(e.dom); e.__painter = this } }, t.prototype.eachLayer = function (t, e) { for (var n = this._zlevelList, i = 0; i < n.length; i++) { var r = n[i]; t.call(e, this._layers[r], r) } }, t.prototype.eachBuiltinLayer = function (t, e) { for (var n = this._zlevelList, i = 0; i < n.length; i++) { var r = n[i], o = this._layers[r]; o.__builtin__ && t.call(e, o, r) } }, t.prototype.eachOtherLayer = function (t, e) { for (var n = this._zlevelList, i = 0; i < n.length; i++) { var r = n[i], o = this._layers[r]; o.__builtin__ || t.call(e, o, r) } }, t.prototype.getLayers = function () { return this._layers }, t.prototype._updateLayerStatus = function (t) { function e(t) { o && (o.__endIndex !== t && (o.__dirty = !0), o.__endIndex = t) } if (this.eachBuiltinLayer((function (t, e) { t.__dirty = t.__used = !1 })), this._singleCanvas) for (var n = 1; n < t.length; n++) { if ((s = t[n]).zlevel !== t[n - 1].zlevel || s.incremental) { this._needsManuallyCompositing = !0; break } } var i, r, o = null, a = 0; for (r = 0; r < t.length; r++) { var s, l = (s = t[r]).zlevel, u = void 0; i !== l && (i = l, a = 0), s.incremental ? ((u = this.getLayer(l + .001, this._needsManuallyCompositing)).incremental = !0, a = 1) : u = this.getLayer(l + (a > 0 ? Ww : 0), this._needsManuallyCompositing), u.__builtin__ || I("ZLevel " + l + " has been used by unkown layer " + u.id), u !== o && (u.__used = !0, u.__startIndex !== r && (u.__dirty = !0), u.__startIndex = r, u.incremental ? u.__drawIndex = -1 : u.__drawIndex = r, e(r), o = u), 1 & s.__dirty && !s.__inHover && (u.__dirty = !0, u.incremental && u.__drawIndex < 0 && (u.__drawIndex = r)) } e(r), this.eachBuiltinLayer((function (t, e) { !t.__used && t.getElementCount() > 0 && (t.__dirty = !0, t.__startIndex = t.__endIndex = t.__drawIndex = 0), t.__dirty && t.__drawIndex < 0 && (t.__drawIndex = t.__startIndex) })) }, t.prototype.clear = function () { return this.eachBuiltinLayer(this._clearLayer), this }, t.prototype._clearLayer = function (t) { t.clear() }, t.prototype.setBackgroundColor = function (t) { this._backgroundColor = t, E(this._layers, (function (t) { t.setUnpainted() })) }, t.prototype.configLayer = function (t, e) { if (e) { var n = this._layerConfig; n[t] ? C(n[t], e, !0) : n[t] = e; for (var i = 0; i < this._zlevelList.length; i++) { var r = this._zlevelList[i]; if (r === t || r === t + Ww) C(this._layers[r], n[t], !0) } } }, t.prototype.delLayer = function (t) { var e = this._layers, n = this._zlevelList, i = e[t]; i && (i.dom.parentNode.removeChild(i.dom), delete e[t], n.splice(P(n, t), 1)) }, t.prototype.resize = function (t, e) { if (this._domRoot.style) { var n = this._domRoot; n.style.display = "none"; var i = this._opts, r = this.root; if (null != t && (i.width = t), null != e && (i.height = e), t = Fy(r, 0, i), e = Fy(r, 1, i), n.style.display = "", this._width !== t || e !== this._height) { for (var o in n.style.width = t + "px", n.style.height = e + "px", this._layers) this._layers.hasOwnProperty(o) && this._layers[o].resize(t, e); this.refresh(!0) } this._width = t, this._height = e } else { if (null == t || null == e) return; this._width = t, this._height = e, this.getLayer(Gw).resize(t, e) } return this }, t.prototype.clearLayer = function (t) { var e = this._layers[t]; e && e.clear() }, t.prototype.dispose = function () { this.root.innerHTML = "", this.root = this.storage = this._domRoot = this._layers = null }, t.prototype.getRenderedCanvas = function (t) { if (t = t || {}, this._singleCanvas && !this._compositeManually) return this._layers[314159].dom; var e = new Bw("image", this, t.pixelRatio || this.dpr); e.initContext(), e.clear(!1, t.backgroundColor || this._backgroundColor); var n = e.ctx; if (t.pixelRatio <= this.dpr) { this.refresh(); var i = e.dom.width, r = e.dom.height; this.eachLayer((function (t) { t.__builtin__ ? n.drawImage(t.dom, 0, 0, i, r) : t.renderToCanvas && (n.save(), t.renderToCanvas(n), n.restore()) })) } else for (var o = { inHover: !1, viewWidth: this._width, viewHeight: this._height }, a = this.storage.getDisplayList(!0), s = 0, l = a.length; s < l; s++) { var u = a[s]; iv(n, u, o, s === l - 1) } return e.dom }, t.prototype.getWidth = function () { return this._width }, t.prototype.getHeight = function () { return this._height }, t }(); var Yw = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.hasSymbolVisual = !0, n } return n(e, t), e.prototype.getInitialData = function (t) { return sx(null, this, { useEncodeDefaulter: !0 }) }, e.prototype.getLegendIcon = function (t) { var e = new Pr, n = Ry("line", 0, t.itemHeight / 2, t.itemWidth, 0, t.lineStyle.stroke, !1); e.add(n), n.setStyle(t.lineStyle); var i = this.getData().getVisual("symbol"), r = this.getData().getVisual("symbolRotate"), o = "none" === i ? "circle" : i, a = .8 * t.itemHeight, s = Ry(o, (t.itemWidth - a) / 2, (t.itemHeight - a) / 2, a, a, t.itemStyle.fill); e.add(s), s.setStyle(t.itemStyle); var l = "inherit" === t.iconRotate ? r : t.iconRotate || 0; return s.rotation = l * Math.PI / 180, s.setOrigin([t.itemWidth / 2, t.itemHeight / 2]), o.indexOf("empty") > -1 && (s.style.stroke = s.style.fill, s.style.fill = "#fff", s.style.lineWidth = 2), e }, e.type = "series.line", e.dependencies = ["grid", "polar"], e.defaultOption = { z: 3, coordinateSystem: "cartesian2d", legendHoverLink: !0, clip: !0, label: { position: "top" }, endLabel: { show: !1, valueAnimation: !0, distance: 8 }, lineStyle: { width: 2, type: "solid" }, emphasis: { scale: !0 }, step: !1, smooth: !1, smoothMonotone: null, symbol: "emptyCircle", symbolSize: 4, symbolRotate: null, showSymbol: !0, showAllSymbol: "auto", connectNulls: !1, sampling: "none", animationEasing: "linear", progressive: 0, hoverLayerThreshold: 1 / 0, universalTransition: { divideShape: "clone" }, triggerLineEvent: !1 }, e }(hg); function Uw(t, e) { var n = t.mapDimensionsAll("defaultedLabel"), i = n.length; if (1 === i) { var r = uf(t, e, n[0]); return null != r ? r + "" : null } if (i) { for (var o = [], a = 0; a < n.length; a++)o.push(uf(t, e, n[a])); return o.join(" ") } } function Xw(t, e) { var n = t.mapDimensionsAll("defaultedLabel"); if (!Y(e)) return e + ""; for (var i = [], r = 0; r < n.length; r++) { var o = t.getDimensionIndex(n[r]); o >= 0 && i.push(e[o]) } return i.join(" ") } var Zw = function (t) { function e(e, n, i, r) { var o = t.call(this) || this; return o.updateData(e, n, i, r), o } return n(e, t), e.prototype._createSymbol = function (t, e, n, i, r) { this.removeAll(); var o = Ry(t, -1, -1, 2, 2, null, r); o.attr({ z2: 100, culling: !0, scaleX: i[0] / 2, scaleY: i[1] / 2 }), o.drift = jw, this._symbolType = t, this.add(o) }, e.prototype.stopSymbolAnimation = function (t) { this.childAt(0).stopAnimation(null, t) }, e.prototype.getSymbolType = function () { return this._symbolType }, e.prototype.getSymbolPath = function () { return this.childAt(0) }, e.prototype.highlight = function () { Il(this.childAt(0)) }, e.prototype.downplay = function () { Tl(this.childAt(0)) }, e.prototype.setZ = function (t, e) { var n = this.childAt(0); n.zlevel = t, n.z = e }, e.prototype.setDraggable = function (t, e) { var n = this.childAt(0); n.draggable = t, n.cursor = !e && t ? "move" : n.cursor }, e.prototype.updateData = function (t, n, i, r) { this.silent = !1; var o = t.getItemVisual(n, "symbol") || "circle", a = t.hostModel, s = e.getSymbolSize(t, n), l = o !== this._symbolType, u = r && r.disableAnimation; if (l) { var h = t.getItemVisual(n, "symbolKeepAspect"); this._createSymbol(o, t, n, s, h) } else { (p = this.childAt(0)).silent = !1; var c = { scaleX: s[0] / 2, scaleY: s[1] / 2 }; u ? p.attr(c) : uh(p, c, a, n), gh(p) } if (this._updateCommon(t, n, s, i, r), l) { var p = this.childAt(0); if (!u) { c = { scaleX: this._sizeX, scaleY: this._sizeY, style: { opacity: p.style.opacity } }; p.scaleX = p.scaleY = 0, p.style.opacity = 0, hh(p, c, a, n) } } u && this.childAt(0).stopAnimation("leave") }, e.prototype._updateCommon = function (t, e, n, i, r) { var o, a, s, l, u, h, c, p, d, f = this.childAt(0), g = t.hostModel; if (i && (o = i.emphasisItemStyle, a = i.blurItemStyle, s = i.selectItemStyle, l = i.focus, u = i.blurScope, c = i.labelStatesModels, p = i.hoverScale, d = i.cursorStyle, h = i.emphasisDisabled), !i || t.hasItemOption) { var y = i && i.itemModel ? i.itemModel : t.getItemModel(e), v = y.getModel("emphasis"); o = v.getModel("itemStyle").getItemStyle(), s = y.getModel(["select", "itemStyle"]).getItemStyle(), a = y.getModel(["blur", "itemStyle"]).getItemStyle(), l = v.get("focus"), u = v.get("blurScope"), h = v.get("disabled"), c = Kh(y), p = v.getShallow("scale"), d = y.getShallow("cursor") } var m = t.getItemVisual(e, "symbolRotate"); f.attr("rotation", (m || 0) * Math.PI / 180 || 0); var x = Ey(t.getItemVisual(e, "symbolOffset"), n); x && (f.x = x[0], f.y = x[1]), d && f.attr("cursor", d); var _ = t.getItemVisual(e, "style"), b = _.fill; if (f instanceof Is) { var w = f.style; f.useStyle(A({ image: w.image, x: w.x, y: w.y, width: w.width, height: w.height }, _)) } else f.__isEmptyBrush ? f.useStyle(A({}, _)) : f.useStyle(_), f.style.decal = null, f.setColor(b, r && r.symbolInnerColor), f.style.strokeNoScale = !0; var S = t.getItemVisual(e, "liftZ"), M = this._z2; null != S ? null == M && (this._z2 = f.z2, f.z2 += S) : null != M && (f.z2 = M, this._z2 = null); var I = r && r.useNameLabel; qh(f, c, { labelFetcher: g, labelDataIndex: e, defaultText: function (e) { return I ? t.getName(e) : Uw(t, e) }, inheritColor: b, defaultOpacity: _.opacity }), this._sizeX = n[0] / 2, this._sizeY = n[1] / 2; var T = f.ensureState("emphasis"); T.style = o, f.ensureState("select").style = s, f.ensureState("blur").style = a; var C = null == p || !0 === p ? Math.max(1.1, 3 / this._sizeY) : isFinite(p) && p > 0 ? +p : 1; T.scaleX = this._sizeX * C, T.scaleY = this._sizeY * C, this.setSymbolScale(1), Bl(this, l, u, h) }, e.prototype.setSymbolScale = function (t) { this.scaleX = this.scaleY = t }, e.prototype.fadeOut = function (t, e, n) { var i = this.childAt(0), r = js(this).dataIndex, o = n && n.animation; if (this.silent = i.silent = !0, n && n.fadeLabel) { var a = i.getTextContent(); a && ph(a, { style: { opacity: 0 } }, e, { dataIndex: r, removeOpt: o, cb: function () { i.removeTextContent() } }) } else i.removeTextContent(); ph(i, { style: { opacity: 0 }, scaleX: 0, scaleY: 0 }, e, { dataIndex: r, cb: t, removeOpt: o }) }, e.getSymbolSize = function (t, e) { return Ny(t.getItemVisual(e, "symbolSize")) }, e }(Pr); function jw(t, e) { this.parent.drift(t, e) } function qw(t, e, n, i) { return e && !isNaN(e[0]) && !isNaN(e[1]) && !(i.isIgnore && i.isIgnore(n)) && !(i.clipShape && !i.clipShape.contain(e[0], e[1])) && "none" !== t.getItemVisual(n, "symbol") } function Kw(t) { return null == t || q(t) || (t = { isIgnore: t }), t || {} } function $w(t) { var e = t.hostModel, n = e.getModel("emphasis"); return { emphasisItemStyle: n.getModel("itemStyle").getItemStyle(), blurItemStyle: e.getModel(["blur", "itemStyle"]).getItemStyle(), selectItemStyle: e.getModel(["select", "itemStyle"]).getItemStyle(), focus: n.get("focus"), blurScope: n.get("blurScope"), emphasisDisabled: n.get("disabled"), hoverScale: n.get("scale"), labelStatesModels: Kh(e), cursorStyle: e.get("cursor") } } var Jw = function () { function t(t) { this.group = new Pr, this._SymbolCtor = t || Zw } return t.prototype.updateData = function (t, e) { this._progressiveEls = null, e = Kw(e); var n = this.group, i = t.hostModel, r = this._data, o = this._SymbolCtor, a = e.disableAnimation, s = $w(t), l = { disableAnimation: a }, u = e.getSymbolPoint || function (e) { return t.getItemLayout(e) }; r || n.removeAll(), t.diff(r).add((function (i) { var r = u(i); if (qw(t, r, i, e)) { var a = new o(t, i, s, l); a.setPosition(r), t.setItemGraphicEl(i, a), n.add(a) } })).update((function (h, c) { var p = r.getItemGraphicEl(c), d = u(h); if (qw(t, d, h, e)) { var f = t.getItemVisual(h, "symbol") || "circle", g = p && p.getSymbolType && p.getSymbolType(); if (!p || g && g !== f) n.remove(p), (p = new o(t, h, s, l)).setPosition(d); else { p.updateData(t, h, s, l); var y = { x: d[0], y: d[1] }; a ? p.attr(y) : uh(p, y, i) } n.add(p), t.setItemGraphicEl(h, p) } else n.remove(p) })).remove((function (t) { var e = r.getItemGraphicEl(t); e && e.fadeOut((function () { n.remove(e) }), i) })).execute(), this._getSymbolPoint = u, this._data = t }, t.prototype.updateLayout = function () { var t = this, e = this._data; e && e.eachItemGraphicEl((function (e, n) { var i = t._getSymbolPoint(n); e.setPosition(i), e.markRedraw() })) }, t.prototype.incrementalPrepareUpdate = function (t) { this._seriesScope = $w(t), this._data = null, this.group.removeAll() }, t.prototype.incrementalUpdate = function (t, e, n) { function i(t) { t.isGroup || (t.incremental = !0, t.ensureState("emphasis").hoverLayer = !0) } this._progressiveEls = [], n = Kw(n); for (var r = t.start; r < t.end; r++) { var o = e.getItemLayout(r); if (qw(e, o, r, n)) { var a = new this._SymbolCtor(e, r, this._seriesScope); a.traverse(i), a.setPosition(o), this.group.add(a), e.setItemGraphicEl(r, a), this._progressiveEls.push(a) } } }, t.prototype.eachRendered = function (t) { Yh(this._progressiveEls || this.group, t) }, t.prototype.remove = function (t) { var e = this.group, n = this._data; n && t ? n.eachItemGraphicEl((function (t) { t.fadeOut((function () { e.remove(t) }), n.hostModel) })) : e.removeAll() }, t }(); function Qw(t, e, n) { var i = t.getBaseAxis(), r = t.getOtherAxis(i), o = function (t, e) { var n = 0, i = t.scale.getExtent(); "start" === e ? n = i[0] : "end" === e ? n = i[1] : j(e) && !isNaN(e) ? n = e : i[0] > 0 ? n = i[0] : i[1] < 0 && (n = i[1]); return n }(r, n), a = i.dim, s = r.dim, l = e.mapDimension(s), u = e.mapDimension(a), h = "x" === s || "radius" === s ? 1 : 0, c = z(t.dimensions, (function (t) { return e.mapDimension(t) })), p = !1, d = e.getCalculationInfo("stackResultDimension"); return ox(e, c[0]) && (p = !0, c[0] = d), ox(e, c[1]) && (p = !0, c[1] = d), { dataDimsForPoint: c, valueStart: o, valueAxisDim: s, baseAxisDim: a, stacked: !!p, valueDim: l, baseDim: u, baseDataOffset: h, stackedOverDimension: e.getCalculationInfo("stackedOverDimension") } } function tS(t, e, n, i) { var r = NaN; t.stacked && (r = n.get(n.getCalculationInfo("stackedOverDimension"), i)), isNaN(r) && (r = t.valueStart); var o = t.baseDataOffset, a = []; return a[o] = n.get(t.baseDim, i), a[1 - o] = r, e.dataToPoint(a) } var eS = Math.min, nS = Math.max; function iS(t, e) { return isNaN(t) || isNaN(e) } function rS(t, e, n, i, r, o, a, s, l) { for (var u, h, c, p, d, f, g = n, y = 0; y < i; y++) { var v = e[2 * g], m = e[2 * g + 1]; if (g >= r || g < 0) break; if (iS(v, m)) { if (l) { g += o; continue } break } if (g === n) t[o > 0 ? "moveTo" : "lineTo"](v, m), c = v, p = m; else { var x = v - u, _ = m - h; if (x * x + _ * _ < .5) { g += o; continue } if (a > 0) { for (var b = g + o, w = e[2 * b], S = e[2 * b + 1]; w === v && S === m && y < i;)y++, g += o, w = e[2 * (b += o)], S = e[2 * b + 1], x = (v = e[2 * g]) - u, _ = (m = e[2 * g + 1]) - h; var M = y + 1; if (l) for (; iS(w, S) && M < i;)M++, w = e[2 * (b += o)], S = e[2 * b + 1]; var I = .5, T = 0, C = 0, D = void 0, A = void 0; if (M >= i || iS(w, S)) d = v, f = m; else { T = w - u, C = S - h; var k = v - u, L = w - v, P = m - h, O = S - m, R = void 0, N = void 0; if ("x" === s) { var E = T > 0 ? 1 : -1; d = v - E * (R = Math.abs(k)) * a, f = m, D = v + E * (N = Math.abs(L)) * a, A = m } else if ("y" === s) { var z = C > 0 ? 1 : -1; d = v, f = m - z * (R = Math.abs(P)) * a, D = v, A = m + z * (N = Math.abs(O)) * a } else R = Math.sqrt(k * k + P * P), d = v - T * a * (1 - (I = (N = Math.sqrt(L * L + O * O)) / (N + R))), f = m - C * a * (1 - I), A = m + C * a * I, D = eS(D = v + T * a * I, nS(w, v)), A = eS(A, nS(S, m)), D = nS(D, eS(w, v)), f = m - (C = (A = nS(A, eS(S, m))) - m) * R / N, d = eS(d = v - (T = D - v) * R / N, nS(u, v)), f = eS(f, nS(h, m)), D = v + (T = v - (d = nS(d, eS(u, v)))) * N / R, A = m + (C = m - (f = nS(f, eS(h, m)))) * N / R } t.bezierCurveTo(c, p, d, f, v, m), c = D, p = A } else t.lineTo(v, m) } u = v, h = m, g += o } return y } var oS = function () { this.smooth = 0, this.smoothConstraint = !0 }, aS = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "ec-polyline", n } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new oS }, e.prototype.buildPath = function (t, e) { var n = e.points, i = 0, r = n.length / 2; if (e.connectNulls) { for (; r > 0 && iS(n[2 * r - 2], n[2 * r - 1]); r--); for (; i < r && iS(n[2 * i], n[2 * i + 1]); i++); } for (; i < r;)i += rS(t, n, i, r, r, 1, e.smooth, e.smoothMonotone, e.connectNulls) + 1 }, e.prototype.getPointOn = function (t, e) { this.path || (this.createPathProxy(), this.buildPath(this.path, this.shape)); for (var n, i, r = this.path.data, o = ts.CMD, a = "x" === e, s = [], l = 0; l < r.length;) { var u = void 0, h = void 0, c = void 0, p = void 0, d = void 0, f = void 0, g = void 0; switch (r[l++]) { case o.M: n = r[l++], i = r[l++]; break; case o.L: if (u = r[l++], h = r[l++], (g = a ? (t - n) / (u - n) : (t - i) / (h - i)) <= 1 && g >= 0) { var y = a ? (h - i) * g + i : (u - n) * g + n; return a ? [t, y] : [y, t] } n = u, i = h; break; case o.C: u = r[l++], h = r[l++], c = r[l++], p = r[l++], d = r[l++], f = r[l++]; var v = a ? vn(n, u, c, d, t, s) : vn(i, h, p, f, t, s); if (v > 0) for (var m = 0; m < v; m++) { var x = s[m]; if (x <= 1 && x >= 0) { y = a ? gn(i, h, p, f, x) : gn(n, u, c, d, x); return a ? [t, y] : [y, t] } } n = d, i = f } } }, e }(_s), sS = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e }(oS), lS = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "ec-polygon", n } return n(e, t), e.prototype.getDefaultShape = function () { return new sS }, e.prototype.buildPath = function (t, e) { var n = e.points, i = e.stackedOnPoints, r = 0, o = n.length / 2, a = e.smoothMonotone; if (e.connectNulls) { for (; o > 0 && iS(n[2 * o - 2], n[2 * o - 1]); o--); for (; r < o && iS(n[2 * r], n[2 * r + 1]); r++); } for (; r < o;) { var s = rS(t, n, r, o, o, 1, e.smooth, a, e.connectNulls); rS(t, i, r + s - 1, s, o, -1, e.stackedOnSmooth, a, e.connectNulls), r += s + 1, t.closePath() } }, e }(_s); function uS(t, e, n, i, r) { var o = t.getArea(), a = o.x, s = o.y, l = o.width, u = o.height, h = n.get(["lineStyle", "width"]) || 2; a -= h / 2, s -= h / 2, l += h, u += h, a = Math.floor(a), l = Math.round(l); var c = new Ps({ shape: { x: a, y: s, width: l, height: u } }); if (e) { var p = t.getBaseAxis(), d = p.isHorizontal(), f = p.inverse; d ? (f && (c.shape.x += l), c.shape.width = 0) : (f || (c.shape.y += u), c.shape.height = 0); var g = U(r) ? function (t) { r(t, c) } : null; hh(c, { shape: { width: l, height: u, x: a, y: s } }, n, null, i, g) } return c } function hS(t, e, n) { var i = t.getArea(), r = Wr(i.r0, 1), o = Wr(i.r, 1), a = new Pu({ shape: { cx: Wr(t.cx, 1), cy: Wr(t.cy, 1), r0: r, r: o, startAngle: i.startAngle, endAngle: i.endAngle, clockwise: i.clockwise } }); e && ("angle" === t.getBaseAxis().dim ? a.shape.endAngle = i.startAngle : a.shape.r = r, hh(a, { shape: { endAngle: i.endAngle, r: o } }, n)); return a } function cS(t, e, n, i, r) { return t ? "polar" === t.type ? hS(t, e, n) : "cartesian2d" === t.type ? uS(t, e, n, i, r) : null : null } function pS(t, e) { return t.type === e } function dS(t, e) { if (t.length === e.length) { for (var n = 0; n < t.length; n++)if (t[n] !== e[n]) return; return !0 } } function fS(t) { for (var e = 1 / 0, n = 1 / 0, i = -1 / 0, r = -1 / 0, o = 0; o < t.length;) { var a = t[o++], s = t[o++]; isNaN(a) || (e = Math.min(a, e), i = Math.max(a, i)), isNaN(s) || (n = Math.min(s, n), r = Math.max(s, r)) } return [[e, n], [i, r]] } function gS(t, e) { var n = fS(t), i = n[0], r = n[1], o = fS(e), a = o[0], s = o[1]; return Math.max(Math.abs(i[0] - a[0]), Math.abs(i[1] - a[1]), Math.abs(r[0] - s[0]), Math.abs(r[1] - s[1])) } function yS(t) { return j(t) ? t : t ? .5 : 0 } function vS(t, e, n, i) { var r = e.getBaseAxis(), o = "x" === r.dim || "radius" === r.dim ? 0 : 1, a = [], s = 0, l = [], u = [], h = [], c = []; if (i) { for (s = 0; s < t.length; s += 2)isNaN(t[s]) || isNaN(t[s + 1]) || c.push(t[s], t[s + 1]); t = c } for (s = 0; s < t.length - 2; s += 2)switch (h[0] = t[s + 2], h[1] = t[s + 3], u[0] = t[s], u[1] = t[s + 1], a.push(u[0], u[1]), n) { case "end": l[o] = h[o], l[1 - o] = u[1 - o], a.push(l[0], l[1]); break; case "middle": var p = (u[o] + h[o]) / 2, d = []; l[o] = d[o] = p, l[1 - o] = u[1 - o], d[1 - o] = h[1 - o], a.push(l[0], l[1]), a.push(d[0], d[1]); break; default: l[o] = u[o], l[1 - o] = h[1 - o], a.push(l[0], l[1]) }return a.push(t[s++], t[s++]), a } function mS(t, e, n) { var i = t.getVisual("visualMeta"); if (i && i.length && t.count() && "cartesian2d" === e.type) { for (var r, o, a = i.length - 1; a >= 0; a--) { var s = t.getDimensionInfo(i[a].dimension); if ("x" === (r = s && s.coordDim) || "y" === r) { o = i[a]; break } } if (o) { var l = e.getAxis(r), u = z(o.stops, (function (t) { return { coord: l.toGlobalCoord(l.dataToCoord(t.value)), color: t.color } })), h = u.length, c = o.outerColors.slice(); h && u[0].coord > u[h - 1].coord && (u.reverse(), c.reverse()); var p = function (t, e) { var n, i, r = [], o = t.length; function a(t, e, n) { var i = t.coord; return { coord: n, color: $n((n - i) / (e.coord - i), [t.color, e.color]) } } for (var s = 0; s < o; s++) { var l = t[s], u = l.coord; if (u < 0) n = l; else { if (u > e) { i ? r.push(a(i, l, e)) : n && r.push(a(n, l, 0), a(n, l, e)); break } n && (r.push(a(n, l, 0)), n = null), r.push(l), i = l } } return r }(u, "x" === r ? n.getWidth() : n.getHeight()), d = p.length; if (!d && h) return u[0].coord < 0 ? c[1] ? c[1] : u[h - 1].color : c[0] ? c[0] : u[0].color; var f = p[0].coord - 10, g = p[d - 1].coord + 10, y = g - f; if (y < .001) return "transparent"; E(p, (function (t) { t.offset = (t.coord - f) / y })), p.push({ offset: d ? p[d - 1].offset : .5, color: c[1] || "transparent" }), p.unshift({ offset: d ? p[0].offset : .5, color: c[0] || "transparent" }); var v = new $u(0, 0, 0, 0, p, !0); return v[r] = f, v[r + "2"] = g, v } } } function xS(t, e, n) { var i = t.get("showAllSymbol"), r = "auto" === i; if (!i || r) { var o = n.getAxesByScale("ordinal")[0]; if (o && (!r || !function (t, e) { var n = t.getExtent(), i = Math.abs(n[1] - n[0]) / t.scale.count(); isNaN(i) && (i = 0); for (var r = e.count(), o = Math.max(1, Math.round(r / 5)), a = 0; a < r; a += o)if (1.5 * Zw.getSymbolSize(e, a)[t.isHorizontal() ? 1 : 0] > i) return !1; return !0 }(o, e))) { var a = e.mapDimension(o.dim), s = {}; return E(o.getViewLabels(), (function (t) { var e = o.scale.getRawOrdinalNumber(t.tickValue); s[e] = 1 })), function (t) { return !s.hasOwnProperty(e.get(a, t)) } } } } function _S(t, e) { return [t[2 * e], t[2 * e + 1]] } function bS(t) { if (t.get(["endLabel", "show"])) return !0; for (var e = 0; e < tl.length; e++)if (t.get([tl[e], "endLabel", "show"])) return !0; return !1 } function wS(t, e, n, i) { if (pS(e, "cartesian2d")) { var r = i.getModel("endLabel"), o = r.get("valueAnimation"), a = i.getData(), s = { lastFrameIndex: 0 }, l = bS(i) ? function (n, i) { t._endLabelOnDuring(n, i, a, s, o, r, e) } : null, u = e.getBaseAxis().isHorizontal(), h = uS(e, n, i, (function () { var e = t._endLabel; e && n && null != s.originalX && e.attr({ x: s.originalX, y: s.originalY }) }), l); if (!i.get("clip", !0)) { var c = h.shape, p = Math.max(c.width, c.height); u ? (c.y -= p, c.height += 2 * p) : (c.x -= p, c.width += 2 * p) } return l && l(1, h), h } return hS(e, n, i) } var SS = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.init = function () { var t = new Pr, e = new Jw; this.group.add(e.group), this._symbolDraw = e, this._lineGroup = t }, e.prototype.render = function (t, e, n) { var i = this, r = t.coordinateSystem, o = this.group, a = t.getData(), s = t.getModel("lineStyle"), l = t.getModel("areaStyle"), u = a.getLayout("points") || [], h = "polar" === r.type, c = this._coordSys, p = this._symbolDraw, d = this._polyline, f = this._polygon, g = this._lineGroup, y = t.get("animation"), v = !l.isEmpty(), m = l.get("origin"), x = Qw(r, a, m), _ = v && function (t, e, n) { if (!n.valueDim) return []; for (var i = e.count(), r = Tx(2 * i), o = 0; o < i; o++) { var a = tS(n, t, e, o); r[2 * o] = a[0], r[2 * o + 1] = a[1] } return r }(r, a, x), b = t.get("showSymbol"), w = t.get("connectNulls"), S = b && !h && xS(t, a, r), M = this._data; M && M.eachItemGraphicEl((function (t, e) { t.__temp && (o.remove(t), M.setItemGraphicEl(e, null)) })), b || p.remove(), o.add(g); var I, T = !h && t.get("step"); r && r.getArea && t.get("clip", !0) && (null != (I = r.getArea()).width ? (I.x -= .1, I.y -= .1, I.width += .2, I.height += .2) : I.r0 && (I.r0 -= .5, I.r += .5)), this._clipShapeForSymbol = I; var C = mS(a, r, n) || a.getVisual("style")[a.getVisual("drawType")]; if (d && c.type === r.type && T === this._step) { v && !f ? f = this._newPolygon(u, _) : f && !v && (g.remove(f), f = this._polygon = null), h || this._initOrUpdateEndLabel(t, r, gp(C)); var D = g.getClipPath(); if (D) hh(D, { shape: wS(this, r, !1, t).shape }, t); else g.setClipPath(wS(this, r, !0, t)); b && p.updateData(a, { isIgnore: S, clipShape: I, disableAnimation: !0, getSymbolPoint: function (t) { return [u[2 * t], u[2 * t + 1]] } }), dS(this._stackedOnPoints, _) && dS(this._points, u) || (y ? this._doUpdateAnimation(a, _, r, n, T, m, w) : (T && (u = vS(u, r, T, w), _ && (_ = vS(_, r, T, w))), d.setShape({ points: u }), f && f.setShape({ points: u, stackedOnPoints: _ }))) } else b && p.updateData(a, { isIgnore: S, clipShape: I, disableAnimation: !0, getSymbolPoint: function (t) { return [u[2 * t], u[2 * t + 1]] } }), y && this._initSymbolLabelAnimation(a, r, I), T && (u = vS(u, r, T, w), _ && (_ = vS(_, r, T, w))), d = this._newPolyline(u), v ? f = this._newPolygon(u, _) : f && (g.remove(f), f = this._polygon = null), h || this._initOrUpdateEndLabel(t, r, gp(C)), g.setClipPath(wS(this, r, !0, t)); var A = t.getModel("emphasis"), L = A.get("focus"), P = A.get("blurScope"), O = A.get("disabled"); (d.useStyle(k(s.getLineStyle(), { fill: "none", stroke: C, lineJoin: "bevel" })), Hl(d, t, "lineStyle"), d.style.lineWidth > 0 && "bolder" === t.get(["emphasis", "lineStyle", "width"])) && (d.getState("emphasis").style.lineWidth = +d.style.lineWidth + 1); js(d).seriesIndex = t.seriesIndex, Bl(d, L, P, O); var R = yS(t.get("smooth")), N = t.get("smoothMonotone"); if (d.setShape({ smooth: R, smoothMonotone: N, connectNulls: w }), f) { var E = a.getCalculationInfo("stackedOnSeries"), z = 0; f.useStyle(k(l.getAreaStyle(), { fill: C, opacity: .7, lineJoin: "bevel", decal: a.getVisual("style").decal })), E && (z = yS(E.get("smooth"))), f.setShape({ smooth: R, stackedOnSmooth: z, smoothMonotone: N, connectNulls: w }), Hl(f, t, "areaStyle"), js(f).seriesIndex = t.seriesIndex, Bl(f, L, P, O) } var V = function (t) { i._changePolyState(t) }; a.eachItemGraphicEl((function (t) { t && (t.onHoverStateChange = V) })), this._polyline.onHoverStateChange = V, this._data = a, this._coordSys = r, this._stackedOnPoints = _, this._points = u, this._step = T, this._valueOrigin = m, t.get("triggerLineEvent") && (this.packEventData(t, d), f && this.packEventData(t, f)) }, e.prototype.packEventData = function (t, e) { js(e).eventData = { componentType: "series", componentSubType: "line", componentIndex: t.componentIndex, seriesIndex: t.seriesIndex, seriesName: t.name, seriesType: "line" } }, e.prototype.highlight = function (t, e, n, i) { var r = t.getData(), o = Co(r, i); if (this._changePolyState("emphasis"), !(o instanceof Array) && null != o && o >= 0) { var a = r.getLayout("points"), s = r.getItemGraphicEl(o); if (!s) { var l = a[2 * o], u = a[2 * o + 1]; if (isNaN(l) || isNaN(u)) return; if (this._clipShapeForSymbol && !this._clipShapeForSymbol.contain(l, u)) return; var h = t.get("zlevel") || 0, c = t.get("z") || 0; (s = new Zw(r, o)).x = l, s.y = u, s.setZ(h, c); var p = s.getSymbolPath().getTextContent(); p && (p.zlevel = h, p.z = c, p.z2 = this._polyline.z2 + 1), s.__temp = !0, r.setItemGraphicEl(o, s), s.stopSymbolAnimation(!0), this.group.add(s) } s.highlight() } else wg.prototype.highlight.call(this, t, e, n, i) }, e.prototype.downplay = function (t, e, n, i) { var r = t.getData(), o = Co(r, i); if (this._changePolyState("normal"), null != o && o >= 0) { var a = r.getItemGraphicEl(o); a && (a.__temp ? (r.setItemGraphicEl(o, null), this.group.remove(a)) : a.downplay()) } else wg.prototype.downplay.call(this, t, e, n, i) }, e.prototype._changePolyState = function (t) { var e = this._polygon; _l(this._polyline, t), e && _l(e, t) }, e.prototype._newPolyline = function (t) { var e = this._polyline; return e && this._lineGroup.remove(e), e = new aS({ shape: { points: t }, segmentIgnoreThreshold: 2, z2: 10 }), this._lineGroup.add(e), this._polyline = e, e }, e.prototype._newPolygon = function (t, e) { var n = this._polygon; return n && this._lineGroup.remove(n), n = new lS({ shape: { points: t, stackedOnPoints: e }, segmentIgnoreThreshold: 2 }), this._lineGroup.add(n), this._polygon = n, n }, e.prototype._initSymbolLabelAnimation = function (t, e, n) { var i, r, o = e.getBaseAxis(), a = o.inverse; "cartesian2d" === e.type ? (i = o.isHorizontal(), r = !1) : "polar" === e.type && (i = "angle" === o.dim, r = !0); var s = t.hostModel, l = s.get("animationDuration"); U(l) && (l = l(null)); var u = s.get("animationDelay") || 0, h = U(u) ? u(null) : u; t.eachItemGraphicEl((function (t, o) { var s = t; if (s) { var c = [t.x, t.y], p = void 0, d = void 0, f = void 0; if (n) if (r) { var g = n, y = e.pointToCoord(c); i ? (p = g.startAngle, d = g.endAngle, f = -y[1] / 180 * Math.PI) : (p = g.r0, d = g.r, f = y[0]) } else { var v = n; i ? (p = v.x, d = v.x + v.width, f = t.x) : (p = v.y + v.height, d = v.y, f = t.y) } var m = d === p ? 0 : (f - p) / (d - p); a && (m = 1 - m); var x = U(u) ? u(o) : l * m + h, _ = s.getSymbolPath(), b = _.getTextContent(); s.attr({ scaleX: 0, scaleY: 0 }), s.animateTo({ scaleX: 1, scaleY: 1 }, { duration: 200, setToFinal: !0, delay: x }), b && b.animateFrom({ style: { opacity: 0 } }, { duration: 300, delay: x }), _.disableLabelAnimation = !0 } })) }, e.prototype._initOrUpdateEndLabel = function (t, e, n) { var i = t.getModel("endLabel"); if (bS(t)) { var r = t.getData(), o = this._polyline, a = r.getLayout("points"); if (!a) return o.removeTextContent(), void (this._endLabel = null); var s = this._endLabel; s || ((s = this._endLabel = new Ns({ z2: 200 })).ignoreClip = !0, o.setTextContent(this._endLabel), o.disableLabelAnimation = !0); var l = function (t) { for (var e, n, i = t.length / 2; i > 0 && (e = t[2 * i - 2], n = t[2 * i - 1], isNaN(e) || isNaN(n)); i--); return i - 1 }(a); l >= 0 && (qh(o, Kh(t, "endLabel"), { inheritColor: n, labelFetcher: t, labelDataIndex: l, defaultText: function (t, e, n) { return null != n ? Xw(r, n) : Uw(r, t) }, enableTextSetter: !0 }, function (t, e) { var n = e.getBaseAxis(), i = n.isHorizontal(), r = n.inverse, o = i ? r ? "right" : "left" : "center", a = i ? "middle" : r ? "top" : "bottom"; return { normal: { align: t.get("align") || o, verticalAlign: t.get("verticalAlign") || a } } }(i, e)), o.textConfig.position = null) } else this._endLabel && (this._polyline.removeTextContent(), this._endLabel = null) }, e.prototype._endLabelOnDuring = function (t, e, n, i, r, o, a) { var s = this._endLabel, l = this._polyline; if (s) { t < 1 && null == i.originalX && (i.originalX = s.x, i.originalY = s.y); var u = n.getLayout("points"), h = n.hostModel, c = h.get("connectNulls"), p = o.get("precision"), d = o.get("distance") || 0, f = a.getBaseAxis(), g = f.isHorizontal(), y = f.inverse, v = e.shape, m = y ? g ? v.x : v.y + v.height : g ? v.x + v.width : v.y, x = (g ? d : 0) * (y ? -1 : 1), _ = (g ? 0 : -d) * (y ? -1 : 1), b = g ? "x" : "y", w = function (t, e, n) { for (var i, r, o = t.length / 2, a = "x" === n ? 0 : 1, s = 0, l = -1, u = 0; u < o; u++)if (r = t[2 * u + a], !isNaN(r) && !isNaN(t[2 * u + 1 - a])) if (0 !== u) { if (i <= e && r >= e || i >= e && r <= e) { l = u; break } s = u, i = r } else i = r; return { range: [s, l], t: (e - i) / (r - i) } }(u, m, b), S = w.range, M = S[1] - S[0], I = void 0; if (M >= 1) { if (M > 1 && !c) { var T = _S(u, S[0]); s.attr({ x: T[0] + x, y: T[1] + _ }), r && (I = h.getRawValue(S[0])) } else { (T = l.getPointOn(m, b)) && s.attr({ x: T[0] + x, y: T[1] + _ }); var C = h.getRawValue(S[0]), D = h.getRawValue(S[1]); r && (I = zo(n, p, C, D, w.t)) } i.lastFrameIndex = S[0] } else { var A = 1 === t || i.lastFrameIndex > 0 ? S[0] : 0; T = _S(u, A); r && (I = h.getRawValue(A)), s.attr({ x: T[0] + x, y: T[1] + _ }) } r && rc(s).setLabelText(I) } }, e.prototype._doUpdateAnimation = function (t, e, n, i, r, o, a) { var s = this._polyline, l = this._polygon, u = t.hostModel, h = function (t, e, n, i, r, o, a, s) { for (var l = function (t, e) { var n = []; return e.diff(t).add((function (t) { n.push({ cmd: "+", idx: t }) })).update((function (t, e) { n.push({ cmd: "=", idx: e, idx1: t }) })).remove((function (t) { n.push({ cmd: "-", idx: t }) })).execute(), n }(t, e), u = [], h = [], c = [], p = [], d = [], f = [], g = [], y = Qw(r, e, a), v = t.getLayout("points") || [], m = e.getLayout("points") || [], x = 0; x < l.length; x++) { var _ = l[x], b = !0, w = void 0, S = void 0; switch (_.cmd) { case "=": w = 2 * _.idx, S = 2 * _.idx1; var M = v[w], I = v[w + 1], T = m[S], C = m[S + 1]; (isNaN(M) || isNaN(I)) && (M = T, I = C), u.push(M, I), h.push(T, C), c.push(n[w], n[w + 1]), p.push(i[S], i[S + 1]), g.push(e.getRawIndex(_.idx1)); break; case "+": var D = _.idx, A = y.dataDimsForPoint, k = r.dataToPoint([e.get(A[0], D), e.get(A[1], D)]); S = 2 * D, u.push(k[0], k[1]), h.push(m[S], m[S + 1]); var L = tS(y, r, e, D); c.push(L[0], L[1]), p.push(i[S], i[S + 1]), g.push(e.getRawIndex(D)); break; case "-": b = !1 }b && (d.push(_), f.push(f.length)) } f.sort((function (t, e) { return g[t] - g[e] })); var P = u.length, O = Tx(P), R = Tx(P), N = Tx(P), E = Tx(P), z = []; for (x = 0; x < f.length; x++) { var V = f[x], B = 2 * x, F = 2 * V; O[B] = u[F], O[B + 1] = u[F + 1], R[B] = h[F], R[B + 1] = h[F + 1], N[B] = c[F], N[B + 1] = c[F + 1], E[B] = p[F], E[B + 1] = p[F + 1], z[x] = d[V] } return { current: O, next: R, stackedOnCurrent: N, stackedOnNext: E, status: z } }(this._data, t, this._stackedOnPoints, e, this._coordSys, 0, this._valueOrigin), c = h.current, p = h.stackedOnCurrent, d = h.next, f = h.stackedOnNext; if (r && (c = vS(h.current, n, r, a), p = vS(h.stackedOnCurrent, n, r, a), d = vS(h.next, n, r, a), f = vS(h.stackedOnNext, n, r, a)), gS(c, d) > 3e3 || l && gS(p, f) > 3e3) return s.stopAnimation(), s.setShape({ points: d }), void (l && (l.stopAnimation(), l.setShape({ points: d, stackedOnPoints: f }))); s.shape.__points = h.current, s.shape.points = c; var g = { shape: { points: d } }; h.current !== c && (g.shape.__points = h.next), s.stopAnimation(), uh(s, g, u), l && (l.setShape({ points: c, stackedOnPoints: p }), l.stopAnimation(), uh(l, { shape: { stackedOnPoints: f } }, u), s.shape.points !== l.shape.points && (l.shape.points = s.shape.points)); for (var y = [], v = h.status, m = 0; m < v.length; m++) { if ("=" === v[m].cmd) { var x = t.getItemGraphicEl(v[m].idx1); x && y.push({ el: x, ptIdx: m }) } } s.animators && s.animators.length && s.animators[0].during((function () { l && l.dirtyShape(); for (var t = s.shape.__points, e = 0; e < y.length; e++) { var n = y[e].el, i = 2 * y[e].ptIdx; n.x = t[i], n.y = t[i + 1], n.markRedraw() } })) }, e.prototype.remove = function (t) { var e = this.group, n = this._data; this._lineGroup.removeAll(), this._symbolDraw.remove(!0), n && n.eachItemGraphicEl((function (t, i) { t.__temp && (e.remove(t), n.setItemGraphicEl(i, null)) })), this._polyline = this._polygon = this._coordSys = this._points = this._stackedOnPoints = this._endLabel = this._data = null }, e.type = "line", e }(wg); function MS(t, e) { return { seriesType: t, plan: xg(), reset: function (t) { var n = t.getData(), i = t.coordinateSystem, r = t.pipelineContext, o = e || r.large; if (i) { var a = z(i.dimensions, (function (t) { return n.mapDimension(t) })).slice(0, 2), s = a.length, l = n.getCalculationInfo("stackResultDimension"); ox(n, a[0]) && (a[0] = l), ox(n, a[1]) && (a[1] = l); var u = n.getStore(), h = n.getDimensionIndex(a[0]), c = n.getDimensionIndex(a[1]); return s && { progress: function (t, e) { for (var n = t.end - t.start, r = o && Tx(n * s), a = [], l = [], p = t.start, d = 0; p < t.end; p++) { var f = void 0; if (1 === s) { var g = u.get(h, p); f = i.dataToPoint(g, null, l) } else a[0] = u.get(h, p), a[1] = u.get(c, p), f = i.dataToPoint(a, null, l); o ? (r[d++] = f[0], r[d++] = f[1]) : e.setItemLayout(p, f.slice()) } o && e.setLayout("points", r) } } } } } } var IS = { average: function (t) { for (var e = 0, n = 0, i = 0; i < t.length; i++)isNaN(t[i]) || (e += t[i], n++); return 0 === n ? NaN : e / n }, sum: function (t) { for (var e = 0, n = 0; n < t.length; n++)e += t[n] || 0; return e }, max: function (t) { for (var e = -1 / 0, n = 0; n < t.length; n++)t[n] > e && (e = t[n]); return isFinite(e) ? e : NaN }, min: function (t) { for (var e = 1 / 0, n = 0; n < t.length; n++)t[n] < e && (e = t[n]); return isFinite(e) ? e : NaN }, nearest: function (t) { return t[0] } }, TS = function (t) { return Math.round(t.length / 2) }; function CS(t) { return { seriesType: t, reset: function (t, e, n) { var i = t.getData(), r = t.get("sampling"), o = t.coordinateSystem, a = i.count(); if (a > 10 && "cartesian2d" === o.type && r) { var s = o.getBaseAxis(), l = o.getOtherAxis(s), u = s.getExtent(), h = n.getDevicePixelRatio(), c = Math.abs(u[1] - u[0]) * (h || 1), p = Math.round(a / c); if (isFinite(p) && p > 1) { "lttb" === r && t.setData(i.lttbDownSample(i.mapDimension(l.dim), 1 / p)); var d = void 0; X(r) ? d = IS[r] : U(r) && (d = r), d && t.setData(i.downSample(i.mapDimension(l.dim), 1 / p, d, TS)) } } } } } var DS = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.getInitialData = function (t, e) { return sx(null, this, { useEncodeDefaulter: !0 }) }, e.prototype.getMarkerPosition = function (t) { var e = this.coordinateSystem; if (e && e.clampData) { var n = e.dataToPoint(e.clampData(t)), i = this.getData(), r = i.getLayout("offset"), o = i.getLayout("size"); return n[e.getBaseAxis().isHorizontal() ? 0 : 1] += r + o / 2, n } return [NaN, NaN] }, e.type = "series.__base_bar__", e.defaultOption = { z: 2, coordinateSystem: "cartesian2d", legendHoverLink: !0, barMinHeight: 0, barMinAngle: 0, large: !1, largeThreshold: 400, progressive: 3e3, progressiveChunkMode: "mod" }, e }(hg); hg.registerClass(DS); var AS = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.getInitialData = function () { return sx(null, this, { useEncodeDefaulter: !0, createInvertedIndices: !!this.get("realtimeSort", !0) || null }) }, e.prototype.getProgressive = function () { return !!this.get("large") && this.get("progressive") }, e.prototype.getProgressiveThreshold = function () { var t = this.get("progressiveThreshold"), e = this.get("largeThreshold"); return e > t && (t = e), t }, e.prototype.brushSelector = function (t, e, n) { return n.rect(e.getItemLayout(t)) }, e.type = "series.bar", e.dependencies = ["grid", "polar"], e.defaultOption = wc(DS.defaultOption, { clip: !0, roundCap: !1, showBackground: !1, backgroundStyle: { color: "rgba(180, 180, 180, 0.2)", borderColor: null, borderWidth: 0, borderType: "solid", borderRadius: 0, shadowBlur: 0, shadowColor: null, shadowOffsetX: 0, shadowOffsetY: 0, opacity: 1 }, select: { itemStyle: { borderColor: "#212121" } }, realtimeSort: !1 }), e }(DS), kS = function () { this.cx = 0, this.cy = 0, this.r0 = 0, this.r = 0, this.startAngle = 0, this.endAngle = 2 * Math.PI, this.clockwise = !0 }, LS = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "sausage", n } return n(e, t), e.prototype.getDefaultShape = function () { return new kS }, e.prototype.buildPath = function (t, e) { var n = e.cx, i = e.cy, r = Math.max(e.r0 || 0, 0), o = Math.max(e.r, 0), a = .5 * (o - r), s = r + a, l = e.startAngle, u = e.endAngle, h = e.clockwise, c = 2 * Math.PI, p = h ? u - l < c : l - u < c; p || (l = u - (h ? c : -c)); var d = Math.cos(l), f = Math.sin(l), g = Math.cos(u), y = Math.sin(u); p ? (t.moveTo(d * r + n, f * r + i), t.arc(d * s + n, f * s + i, a, -Math.PI + l, l, !h)) : t.moveTo(d * o + n, f * o + i), t.arc(n, i, o, l, u, !h), t.arc(g * s + n, y * s + i, a, u - 2 * Math.PI, u - Math.PI, !h), 0 !== r && t.arc(n, i, r, u, l, h) }, e }(_s); function PS(t, e, n) { return e * Math.sin(t) * (n ? -1 : 1) } function OS(t, e, n) { return e * Math.cos(t) * (n ? 1 : -1) } var RS = Math.max, NS = Math.min; var ES = function (t) { function e() { var n = t.call(this) || this; return n.type = e.type, n._isFirstFrame = !0, n } return n(e, t), e.prototype.render = function (t, e, n, i) { this._model = t, this._removeOnRenderedListener(n), this._updateDrawMode(t); var r = t.get("coordinateSystem"); ("cartesian2d" === r || "polar" === r) && (this._progressiveEls = null, this._isLargeDraw ? this._renderLarge(t, e, n) : this._renderNormal(t, e, n, i)) }, e.prototype.incrementalPrepareRender = function (t) { this._clear(), this._updateDrawMode(t), this._updateLargeClip(t) }, e.prototype.incrementalRender = function (t, e) { this._progressiveEls = [], this._incrementalRenderLarge(t, e) }, e.prototype.eachRendered = function (t) { Yh(this._progressiveEls || this.group, t) }, e.prototype._updateDrawMode = function (t) { var e = t.pipelineContext.large; null != this._isLargeDraw && e === this._isLargeDraw || (this._isLargeDraw = e, this._clear()) }, e.prototype._renderNormal = function (t, e, n, i) { var r, o = this.group, a = t.getData(), s = this._data, l = t.coordinateSystem, u = l.getBaseAxis(); "cartesian2d" === l.type ? r = u.isHorizontal() : "polar" === l.type && (r = "angle" === u.dim); var h = t.isAnimationEnabled() ? t : null, c = function (t, e) { var n = t.get("realtimeSort", !0), i = e.getBaseAxis(); 0; if (n && "category" === i.type && "cartesian2d" === e.type) return { baseAxis: i, otherAxis: e.getOtherAxis(i) } }(t, l); c && this._enableRealtimeSort(c, a, n); var p = t.get("clip", !0) || c, d = function (t, e) { var n = t.getArea && t.getArea(); if (pS(t, "cartesian2d")) { var i = t.getBaseAxis(); if ("category" !== i.type || !i.onBand) { var r = e.getLayout("bandWidth"); i.isHorizontal() ? (n.x -= r, n.width += 2 * r) : (n.y -= r, n.height += 2 * r) } } return n }(l, a); o.removeClipPath(); var f = t.get("roundCap", !0), g = t.get("showBackground", !0), y = t.getModel("backgroundStyle"), v = y.get("borderRadius") || 0, m = [], x = this._backgroundEls, _ = i && i.isInitSort, b = i && "changeAxisOrder" === i.type; function w(t) { var e = YS[l.type](a, t), n = function (t, e, n) { return new ("polar" === t.type ? Pu : Ps)({ shape: $S(e, n, t), silent: !0, z2: 0 }) }(l, r, e); return n.useStyle(y.getItemStyle()), "cartesian2d" === l.type && n.setShape("r", v), m[t] = n, n } a.diff(s).add((function (e) { var n = a.getItemModel(e), i = YS[l.type](a, e, n); if (g && w(e), a.hasValue(e) && HS[l.type](i)) { var s = !1; p && (s = zS[l.type](d, i)); var y = VS[l.type](t, a, e, i, r, h, u.model, !1, f); c && (y.forceLabelAnimation = !0), XS(y, a, e, n, i, t, r, "polar" === l.type), _ ? y.attr({ shape: i }) : c ? BS(c, h, y, i, e, r, !1, !1) : hh(y, { shape: i }, t, e), a.setItemGraphicEl(e, y), o.add(y), y.ignore = s } })).update((function (e, n) { var i = a.getItemModel(e), S = YS[l.type](a, e, i); if (g) { var M = void 0; 0 === x.length ? M = w(n) : ((M = x[n]).useStyle(y.getItemStyle()), "cartesian2d" === l.type && M.setShape("r", v), m[e] = M); var I = YS[l.type](a, e); uh(M, { shape: $S(r, I, l) }, h, e) } var T = s.getItemGraphicEl(n); if (a.hasValue(e) && HS[l.type](S)) { var C = !1; if (p && (C = zS[l.type](d, S)) && o.remove(T), T ? gh(T) : T = VS[l.type](t, a, e, S, r, h, u.model, !!T, f), c && (T.forceLabelAnimation = !0), b) { var D = T.getTextContent(); if (D) { var A = rc(D); null != A.prevValue && (A.prevValue = A.value) } } else XS(T, a, e, i, S, t, r, "polar" === l.type); _ ? T.attr({ shape: S }) : c ? BS(c, h, T, S, e, r, !0, b) : uh(T, { shape: S }, t, e, null), a.setItemGraphicEl(e, T), T.ignore = C, o.add(T) } else o.remove(T) })).remove((function (e) { var n = s.getItemGraphicEl(e); n && fh(n, t, e) })).execute(); var S = this._backgroundGroup || (this._backgroundGroup = new Pr); S.removeAll(); for (var M = 0; M < m.length; ++M)S.add(m[M]); o.add(S), this._backgroundEls = m, this._data = a }, e.prototype._renderLarge = function (t, e, n) { this._clear(), qS(t, this.group), this._updateLargeClip(t) }, e.prototype._incrementalRenderLarge = function (t, e) { this._removeBackground(), qS(e, this.group, this._progressiveEls, !0) }, e.prototype._updateLargeClip = function (t) { var e = t.get("clip", !0) && cS(t.coordinateSystem, !1, t), n = this.group; e ? n.setClipPath(e) : n.removeClipPath() }, e.prototype._enableRealtimeSort = function (t, e, n) { var i = this; if (e.count()) { var r = t.baseAxis; if (this._isFirstFrame) this._dispatchInitSort(e, t, n), this._isFirstFrame = !1; else { var o = function (t) { var n = e.getItemGraphicEl(t), i = n && n.shape; return i && Math.abs(r.isHorizontal() ? i.height : i.width) || 0 }; this._onRendered = function () { i._updateSortWithinSameData(e, o, r, n) }, n.getZr().on("rendered", this._onRendered) } } }, e.prototype._dataSort = function (t, e, n) { var i = []; return t.each(t.mapDimension(e.dim), (function (t, e) { var r = n(e); r = null == r ? NaN : r, i.push({ dataIndex: e, mappedValue: r, ordinalNumber: t }) })), i.sort((function (t, e) { return e.mappedValue - t.mappedValue })), { ordinalNumbers: z(i, (function (t) { return t.ordinalNumber })) } }, e.prototype._isOrderChangedWithinSameData = function (t, e, n) { for (var i = n.scale, r = t.mapDimension(n.dim), o = Number.MAX_VALUE, a = 0, s = i.getOrdinalMeta().categories.length; a < s; ++a) { var l = t.rawIndexOf(r, i.getRawOrdinalNumber(a)), u = l < 0 ? Number.MIN_VALUE : e(t.indexOfRawIndex(l)); if (u > o) return !0; o = u } return !1 }, e.prototype._isOrderDifferentInView = function (t, e) { for (var n = e.scale, i = n.getExtent(), r = Math.max(0, i[0]), o = Math.min(i[1], n.getOrdinalMeta().categories.length - 1); r <= o; ++r)if (t.ordinalNumbers[r] !== n.getRawOrdinalNumber(r)) return !0 }, e.prototype._updateSortWithinSameData = function (t, e, n, i) { if (this._isOrderChangedWithinSameData(t, e, n)) { var r = this._dataSort(t, n, e); this._isOrderDifferentInView(r, n) && (this._removeOnRenderedListener(i), i.dispatchAction({ type: "changeAxisOrder", componentType: n.dim + "Axis", axisId: n.index, sortInfo: r })) } }, e.prototype._dispatchInitSort = function (t, e, n) { var i = e.baseAxis, r = this._dataSort(t, i, (function (n) { return t.get(t.mapDimension(e.otherAxis.dim), n) })); n.dispatchAction({ type: "changeAxisOrder", componentType: i.dim + "Axis", isInitSort: !0, axisId: i.index, sortInfo: r }) }, e.prototype.remove = function (t, e) { this._clear(this._model), this._removeOnRenderedListener(e) }, e.prototype.dispose = function (t, e) { this._removeOnRenderedListener(e) }, e.prototype._removeOnRenderedListener = function (t) { this._onRendered && (t.getZr().off("rendered", this._onRendered), this._onRendered = null) }, e.prototype._clear = function (t) { var e = this.group, n = this._data; t && t.isAnimationEnabled() && n && !this._isLargeDraw ? (this._removeBackground(), this._backgroundEls = [], n.eachItemGraphicEl((function (e) { fh(e, t, js(e).dataIndex) }))) : e.removeAll(), this._data = null, this._isFirstFrame = !0 }, e.prototype._removeBackground = function () { this.group.remove(this._backgroundGroup), this._backgroundGroup = null }, e.type = "bar", e }(wg), zS = { cartesian2d: function (t, e) { var n = e.width < 0 ? -1 : 1, i = e.height < 0 ? -1 : 1; n < 0 && (e.x += e.width, e.width = -e.width), i < 0 && (e.y += e.height, e.height = -e.height); var r = t.x + t.width, o = t.y + t.height, a = RS(e.x, t.x), s = NS(e.x + e.width, r), l = RS(e.y, t.y), u = NS(e.y + e.height, o), h = s < a, c = u < l; return e.x = h && a > r ? s : a, e.y = c && l > o ? u : l, e.width = h ? 0 : s - a, e.height = c ? 0 : u - l, n < 0 && (e.x += e.width, e.width = -e.width), i < 0 && (e.y += e.height, e.height = -e.height), h || c }, polar: function (t, e) { var n = e.r0 <= e.r ? 1 : -1; if (n < 0) { var i = e.r; e.r = e.r0, e.r0 = i } var r = NS(e.r, t.r), o = RS(e.r0, t.r0); e.r = r, e.r0 = o; var a = r - o < 0; if (n < 0) { i = e.r; e.r = e.r0, e.r0 = i } return a } }, VS = { cartesian2d: function (t, e, n, i, r, o, a, s, l) { var u = new Ps({ shape: A({}, i), z2: 1 }); (u.__dataIndex = n, u.name = "item", o) && (u.shape[r ? "height" : "width"] = 0); return u }, polar: function (t, e, n, i, r, o, a, s, l) { var u = !r && l ? LS : Pu, h = new u({ shape: i, z2: 1 }); h.name = "item"; var c, p, d = US(r); if (h.calculateTextPosition = (c = d, p = ({ isRoundCap: u === LS } || {}).isRoundCap, function (t, e, n) { var i = e.position; if (!i || i instanceof Array) return br(t, e, n); var r = c(i), o = null != e.distance ? e.distance : 5, a = this.shape, s = a.cx, l = a.cy, u = a.r, h = a.r0, d = (u + h) / 2, f = a.startAngle, g = a.endAngle, y = (f + g) / 2, v = p ? Math.abs(u - h) / 2 : 0, m = Math.cos, x = Math.sin, _ = s + u * m(f), b = l + u * x(f), w = "left", S = "top"; switch (r) { case "startArc": _ = s + (h - o) * m(y), b = l + (h - o) * x(y), w = "center", S = "top"; break; case "insideStartArc": _ = s + (h + o) * m(y), b = l + (h + o) * x(y), w = "center", S = "bottom"; break; case "startAngle": _ = s + d * m(f) + PS(f, o + v, !1), b = l + d * x(f) + OS(f, o + v, !1), w = "right", S = "middle"; break; case "insideStartAngle": _ = s + d * m(f) + PS(f, -o + v, !1), b = l + d * x(f) + OS(f, -o + v, !1), w = "left", S = "middle"; break; case "middle": _ = s + d * m(y), b = l + d * x(y), w = "center", S = "middle"; break; case "endArc": _ = s + (u + o) * m(y), b = l + (u + o) * x(y), w = "center", S = "bottom"; break; case "insideEndArc": _ = s + (u - o) * m(y), b = l + (u - o) * x(y), w = "center", S = "top"; break; case "endAngle": _ = s + d * m(g) + PS(g, o + v, !0), b = l + d * x(g) + OS(g, o + v, !0), w = "left", S = "middle"; break; case "insideEndAngle": _ = s + d * m(g) + PS(g, -o + v, !0), b = l + d * x(g) + OS(g, -o + v, !0), w = "right", S = "middle"; break; default: return br(t, e, n) }return (t = t || {}).x = _, t.y = b, t.align = w, t.verticalAlign = S, t }), o) { var f = r ? "r" : "endAngle", g = {}; h.shape[f] = r ? 0 : i.startAngle, g[f] = i[f], (s ? uh : hh)(h, { shape: g }, o) } return h } }; function BS(t, e, n, i, r, o, a, s) { var l, u; o ? (u = { x: i.x, width: i.width }, l = { y: i.y, height: i.height }) : (u = { y: i.y, height: i.height }, l = { x: i.x, width: i.width }), s || (a ? uh : hh)(n, { shape: l }, e, r, null), (a ? uh : hh)(n, { shape: u }, e ? t.baseAxis.model : null, r) } function FS(t, e) { for (var n = 0; n < e.length; n++)if (!isFinite(t[e[n]])) return !0; return !1 } var GS = ["x", "y", "width", "height"], WS = ["cx", "cy", "r", "startAngle", "endAngle"], HS = { cartesian2d: function (t) { return !FS(t, GS) }, polar: function (t) { return !FS(t, WS) } }, YS = { cartesian2d: function (t, e, n) { var i = t.getItemLayout(e), r = n ? function (t, e) { var n = t.get(["itemStyle", "borderColor"]); if (!n || "none" === n) return 0; var i = t.get(["itemStyle", "borderWidth"]) || 0, r = isNaN(e.width) ? Number.MAX_VALUE : Math.abs(e.width), o = isNaN(e.height) ? Number.MAX_VALUE : Math.abs(e.height); return Math.min(i, r, o) }(n, i) : 0, o = i.width > 0 ? 1 : -1, a = i.height > 0 ? 1 : -1; return { x: i.x + o * r / 2, y: i.y + a * r / 2, width: i.width - o * r, height: i.height - a * r } }, polar: function (t, e, n) { var i = t.getItemLayout(e); return { cx: i.cx, cy: i.cy, r0: i.r0, r: i.r, startAngle: i.startAngle, endAngle: i.endAngle, clockwise: i.clockwise } } }; function US(t) { return function (t) { var e = t ? "Arc" : "Angle"; return function (t) { switch (t) { case "start": case "insideStart": case "end": case "insideEnd": return t + e; default: return t } } }(t) } function XS(t, e, n, i, r, o, a, s) { var l = e.getItemVisual(n, "style"); s || t.setShape("r", i.get(["itemStyle", "borderRadius"]) || 0), t.useStyle(l); var u = i.getShallow("cursor"); u && t.attr("cursor", u); var h = s ? a ? r.r >= r.r0 ? "endArc" : "startArc" : r.endAngle >= r.startAngle ? "endAngle" : "startAngle" : a ? r.height >= 0 ? "bottom" : "top" : r.width >= 0 ? "right" : "left", c = Kh(i); qh(t, c, { labelFetcher: o, labelDataIndex: n, defaultText: Uw(o.getData(), n), inheritColor: l.fill, defaultOpacity: l.opacity, defaultOutsidePosition: h }); var p = t.getTextContent(); if (s && p) { var d = i.get(["label", "position"]); t.textConfig.inside = "middle" === d || null, function (t, e, n, i) { if (j(i)) t.setTextConfig({ rotation: i }); else if (Y(e)) t.setTextConfig({ rotation: 0 }); else { var r, o = t.shape, a = o.clockwise ? o.startAngle : o.endAngle, s = o.clockwise ? o.endAngle : o.startAngle, l = (a + s) / 2, u = n(e); switch (u) { case "startArc": case "insideStartArc": case "middle": case "insideEndArc": case "endArc": r = l; break; case "startAngle": case "insideStartAngle": r = a; break; case "endAngle": case "insideEndAngle": r = s; break; default: return void t.setTextConfig({ rotation: 0 }) }var h = 1.5 * Math.PI - r; "middle" === u && h > Math.PI / 2 && h < 1.5 * Math.PI && (h -= Math.PI), t.setTextConfig({ rotation: h }) } }(t, "outside" === d ? h : d, US(a), i.get(["label", "rotate"])) } oc(p, c, o.getRawValue(n), (function (t) { return Xw(e, t) })); var f = i.getModel(["emphasis"]); Bl(t, f.get("focus"), f.get("blurScope"), f.get("disabled")), Hl(t, i), function (t) { return null != t.startAngle && null != t.endAngle && t.startAngle === t.endAngle }(r) && (t.style.fill = "none", t.style.stroke = "none", E(t.states, (function (t) { t.style && (t.style.fill = t.style.stroke = "none") }))) } var ZS = function () { }, jS = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "largeBar", n } return n(e, t), e.prototype.getDefaultShape = function () { return new ZS }, e.prototype.buildPath = function (t, e) { for (var n = e.points, i = this.baseDimIdx, r = 1 - this.baseDimIdx, o = [], a = [], s = this.barWidth, l = 0; l < n.length; l += 3)a[i] = s, a[r] = n[l + 2], o[i] = n[l + i], o[r] = n[l + r], t.rect(o[0], o[1], a[0], a[1]) }, e }(_s); function qS(t, e, n, i) { var r = t.getData(), o = r.getLayout("valueAxisHorizontal") ? 1 : 0, a = r.getLayout("largeDataIndices"), s = r.getLayout("size"), l = t.getModel("backgroundStyle"), u = r.getLayout("largeBackgroundPoints"); if (u) { var h = new jS({ shape: { points: u }, incremental: !!i, silent: !0, z2: 0 }); h.baseDimIdx = o, h.largeDataIndices = a, h.barWidth = s, h.useStyle(l.getItemStyle()), e.add(h), n && n.push(h) } var c = new jS({ shape: { points: r.getLayout("largePoints") }, incremental: !!i, ignoreCoarsePointer: !0, z2: 1 }); c.baseDimIdx = o, c.largeDataIndices = a, c.barWidth = s, e.add(c), c.useStyle(r.getVisual("style")), js(c).seriesIndex = t.seriesIndex, t.get("silent") || (c.on("mousedown", KS), c.on("mousemove", KS)), n && n.push(c) } var KS = Lg((function (t) { var e = function (t, e, n) { for (var i = t.baseDimIdx, r = 1 - i, o = t.shape.points, a = t.largeDataIndices, s = [], l = [], u = t.barWidth, h = 0, c = o.length / 3; h < c; h++) { var p = 3 * h; if (l[i] = u, l[r] = o[p + 2], s[i] = o[p + i], s[r] = o[p + r], l[r] < 0 && (s[r] += l[r], l[r] = -l[r]), e >= s[0] && e <= s[0] + l[0] && n >= s[1] && n <= s[1] + l[1]) return a[h] } return -1 }(this, t.offsetX, t.offsetY); js(this).dataIndex = e >= 0 ? e : null }), 30, !1); function $S(t, e, n) { if (pS(n, "cartesian2d")) { var i = e, r = n.getArea(); return { x: t ? i.x : r.x, y: t ? r.y : i.y, width: t ? i.width : r.width, height: t ? r.height : i.height } } var o = e; return { cx: (r = n.getArea()).cx, cy: r.cy, r0: t ? r.r0 : o.r0, r: t ? r.r : o.r, startAngle: t ? o.startAngle : 0, endAngle: t ? o.endAngle : 2 * Math.PI } } var JS = 2 * Math.PI, QS = Math.PI / 180; function tM(t, e) { return wp(t.getBoxLayoutParams(), { width: e.getWidth(), height: e.getHeight() }) } function eM(t, e) { var n = tM(t, e), i = t.get("center"), r = t.get("radius"); Y(r) || (r = [0, r]), Y(i) || (i = [i, i]); var o, a, s = Gr(n.width, e.getWidth()), l = Gr(n.height, e.getHeight()), u = Math.min(s, l), h = Gr(r[0], u / 2), c = Gr(r[1], u / 2), p = t.coordinateSystem; if (p) { var d = p.dataToPoint(i); o = d[0] || 0, a = d[1] || 0 } else o = Gr(i[0], s) + n.x, a = Gr(i[1], l) + n.y; return { cx: o, cy: a, r0: h, r: c } } function nM(t, e, n) { e.eachSeriesByType(t, (function (t) { var e = t.getData(), i = e.mapDimension("value"), r = tM(t, n), o = eM(t, n), a = o.cx, s = o.cy, l = o.r, u = o.r0, h = -t.get("startAngle") * QS, c = t.get("minAngle") * QS, p = 0; e.each(i, (function (t) { !isNaN(t) && p++ })); var d = e.getSum(i), f = Math.PI / (d || p) * 2, g = t.get("clockwise"), y = t.get("roseType"), v = t.get("stillShowZeroSum"), m = e.getDataExtent(i); m[0] = 0; var x = JS, _ = 0, b = h, w = g ? 1 : -1; if (e.setLayout({ viewRect: r, r: l }), e.each(i, (function (t, n) { var i; if (isNaN(t)) e.setItemLayout(n, { angle: NaN, startAngle: NaN, endAngle: NaN, clockwise: g, cx: a, cy: s, r0: u, r: y ? NaN : l }); else { (i = "area" !== y ? 0 === d && v ? f : t * f : JS / p) < c ? (i = c, x -= c) : _ += t; var r = b + w * i; e.setItemLayout(n, { angle: i, startAngle: b, endAngle: r, clockwise: g, cx: a, cy: s, r0: u, r: y ? Fr(t, m, [u, l]) : l }), b = r } })), x < JS && p) if (x <= .001) { var S = JS / p; e.each(i, (function (t, n) { if (!isNaN(t)) { var i = e.getItemLayout(n); i.angle = S, i.startAngle = h + w * n * S, i.endAngle = h + w * (n + 1) * S } })) } else f = x / _, b = h, e.each(i, (function (t, n) { if (!isNaN(t)) { var i = e.getItemLayout(n), r = i.angle === c ? c : t * f; i.startAngle = b, i.endAngle = b + w * r, b += w * r } })) })) } function iM(t) { return { seriesType: t, reset: function (t, e) { var n = e.findComponents({ mainType: "legend" }); if (n && n.length) { var i = t.getData(); i.filterSelf((function (t) { for (var e = i.getName(t), r = 0; r < n.length; r++)if (!n[r].isSelected(e)) return !1; return !0 })) } } } } var rM = Math.PI / 180; function oM(t, e, n, i, r, o, a, s, l, u) { if (!(t.length < 2)) { for (var h = t.length, c = 0; c < h; c++)if ("outer" === t[c].position && "labelLine" === t[c].labelAlignTo) { var p = t[c].label.x - u; t[c].linePoints[1][0] += p, t[c].label.x = u } _b(t, l, l + a) && function (t) { for (var o = { list: [], maxY: 0 }, a = { list: [], maxY: 0 }, s = 0; s < t.length; s++)if ("none" === t[s].labelAlignTo) { var l = t[s], u = l.label.y > n ? a : o, h = Math.abs(l.label.y - n); if (h >= u.maxY) { var c = l.label.x - e - l.len2 * r, p = i + l.len, f = Math.abs(c) < p ? Math.sqrt(h * h / (1 - c * c / p / p)) : p; u.rB = f, u.maxY = h } u.list.push(l) } d(o), d(a) }(t) } function d(t) { for (var o = t.rB, a = o * o, s = 0; s < t.list.length; s++) { var l = t.list[s], u = Math.abs(l.label.y - n), h = i + l.len, c = h * h, p = Math.sqrt((1 - Math.abs(u * u / a)) * c), d = e + (p + l.len2) * r, f = d - l.label.x; aM(l, l.targetTextWidth - f * r, !0), l.label.x = d } } } function aM(t, e, n) { if (void 0 === n && (n = !1), null == t.labelStyleWidth) { var i = t.label, r = i.style, o = t.rect, a = r.backgroundColor, s = r.padding, l = s ? s[1] + s[3] : 0, u = r.overflow, h = o.width + (a ? 0 : l); if (e < h || n) { var c = o.height; if (u && u.match("break")) { i.setStyle("backgroundColor", null), i.setStyle("width", e - l); var p = i.getBoundingRect(); i.setStyle("width", Math.ceil(p.width)), i.setStyle("backgroundColor", a) } else { var d = e - l, f = e < h ? d : n ? d > t.unconstrainedWidth ? null : d : null; i.setStyle("width", f) } var g = i.getBoundingRect(); o.width = g.width; var y = (i.style.margin || 0) + 2.1; o.height = g.height + y, o.y -= (o.height - c) / 2 } } } function sM(t) { return "center" === t.position } function lM(t) { var e, n, i = t.getData(), r = [], o = !1, a = (t.get("minShowLabelAngle") || 0) * rM, s = i.getLayout("viewRect"), l = i.getLayout("r"), u = s.width, h = s.x, c = s.y, p = s.height; function d(t) { t.ignore = !0 } i.each((function (t) { var s = i.getItemGraphicEl(t), c = s.shape, p = s.getTextContent(), f = s.getTextGuideLine(), g = i.getItemModel(t), y = g.getModel("label"), v = y.get("position") || g.get(["emphasis", "label", "position"]), m = y.get("distanceToLabelLine"), x = y.get("alignTo"), _ = Gr(y.get("edgeDistance"), u), b = y.get("bleedMargin"), w = g.getModel("labelLine"), S = w.get("length"); S = Gr(S, u); var M = w.get("length2"); if (M = Gr(M, u), Math.abs(c.endAngle - c.startAngle) < a) return E(p.states, d), E(f.states, d), void (p.ignore = f.ignore = !0); if (function (t) { if (!t.ignore) return !0; for (var e in t.states) if (!1 === t.states[e].ignore) return !0; return !1 }(p)) { var I, T, C, D, A = (c.startAngle + c.endAngle) / 2, k = Math.cos(A), L = Math.sin(A); e = c.cx, n = c.cy; var P = "inside" === v || "inner" === v; if ("center" === v) I = c.cx, T = c.cy, D = "center"; else { var O = (P ? (c.r + c.r0) / 2 * k : c.r * k) + e, R = (P ? (c.r + c.r0) / 2 * L : c.r * L) + n; if (I = O + 3 * k, T = R + 3 * L, !P) { var N = O + k * (S + l - c.r), z = R + L * (S + l - c.r), V = N + (k < 0 ? -1 : 1) * M; I = "edge" === x ? k < 0 ? h + _ : h + u - _ : V + (k < 0 ? -m : m), T = z, C = [[O, R], [N, z], [V, z]] } D = P ? "center" : "edge" === x ? k > 0 ? "right" : "left" : k > 0 ? "left" : "right" } var B = Math.PI, F = 0, G = y.get("rotate"); if (j(G)) F = G * (B / 180); else if ("center" === v) F = 0; else if ("radial" === G || !0 === G) { F = k < 0 ? -A + B : -A } else if ("tangential" === G && "outside" !== v && "outer" !== v) { var W = Math.atan2(k, L); W < 0 && (W = 2 * B + W), L > 0 && (W = B + W), F = W - B } if (o = !!F, p.x = I, p.y = T, p.rotation = F, p.setStyle({ verticalAlign: "middle" }), P) { p.setStyle({ align: D }); var H = p.states.select; H && (H.x += p.x, H.y += p.y) } else { var Y = p.getBoundingRect().clone(); Y.applyTransform(p.getComputedTransform()); var U = (p.style.margin || 0) + 2.1; Y.y -= U / 2, Y.height += U, r.push({ label: p, labelLine: f, position: v, len: S, len2: M, minTurnAngle: w.get("minTurnAngle"), maxSurfaceAngle: w.get("maxSurfaceAngle"), surfaceNormal: new Ie(k, L), linePoints: C, textAlign: D, labelDistance: m, labelAlignTo: x, edgeDistance: _, bleedMargin: b, rect: Y, unconstrainedWidth: Y.width, labelStyleWidth: p.style.width }) } s.setTextConfig({ inside: P }) } })), !o && t.get("avoidLabelOverlap") && function (t, e, n, i, r, o, a, s) { for (var l = [], u = [], h = Number.MAX_VALUE, c = -Number.MAX_VALUE, p = 0; p < t.length; p++) { var d = t[p].label; sM(t[p]) || (d.x < e ? (h = Math.min(h, d.x), l.push(t[p])) : (c = Math.max(c, d.x), u.push(t[p]))) } for (p = 0; p < t.length; p++)if (!sM(y = t[p]) && y.linePoints) { if (null != y.labelStyleWidth) continue; d = y.label; var f = y.linePoints, g = void 0; g = "edge" === y.labelAlignTo ? d.x < e ? f[2][0] - y.labelDistance - a - y.edgeDistance : a + r - y.edgeDistance - f[2][0] - y.labelDistance : "labelLine" === y.labelAlignTo ? d.x < e ? h - a - y.bleedMargin : a + r - c - y.bleedMargin : d.x < e ? d.x - a - y.bleedMargin : a + r - d.x - y.bleedMargin, y.targetTextWidth = g, aM(y, g) } for (oM(u, e, n, i, 1, 0, o, 0, s, c), oM(l, e, n, i, -1, 0, o, 0, s, h), p = 0; p < t.length; p++) { var y; if (!sM(y = t[p]) && y.linePoints) { d = y.label, f = y.linePoints; var v = "edge" === y.labelAlignTo, m = d.style.padding, x = m ? m[1] + m[3] : 0, _ = d.style.backgroundColor ? 0 : x, b = y.rect.width + _, w = f[1][0] - f[2][0]; v ? d.x < e ? f[2][0] = a + y.edgeDistance + b + y.labelDistance : f[2][0] = a + r - y.edgeDistance - b - y.labelDistance : (d.x < e ? f[2][0] = d.x + y.labelDistance : f[2][0] = d.x - y.labelDistance, f[1][0] = f[2][0] + w), f[1][1] = f[2][1] = d.y } } }(r, e, n, l, u, p, h, c); for (var f = 0; f < r.length; f++) { var g = r[f], y = g.label, v = g.labelLine, m = isNaN(y.x) || isNaN(y.y); if (y) { y.setStyle({ align: g.textAlign }), m && (E(y.states, d), y.ignore = !0); var x = y.states.select; x && (x.x += y.x, x.y += y.y) } if (v) { var _ = g.linePoints; m || !_ ? (E(v.states, d), v.ignore = !0) : (pb(_, g.minTurnAngle), db(_, g.surfaceNormal, g.maxSurfaceAngle), v.setShape({ points: _ }), y.__hostTarget.textGuideLineConfig = { anchor: new Ie(_[0][0], _[0][1]) }) } } } function uM(t, e, n) { var i = t.get("borderRadius"); if (null == i) return n ? { cornerRadius: 0 } : null; Y(i) || (i = [i, i, i, i]); var r = Math.abs(e.r || 0 - e.r0 || 0); return { cornerRadius: z(i, (function (t) { return _r(t, r) })) } } var hM = function (t) { function e(e, n, i) { var r = t.call(this) || this; r.z2 = 2; var o = new Ns; return r.setTextContent(o), r.updateData(e, n, i, !0), r } return n(e, t), e.prototype.updateData = function (t, e, n, i) { var r = this, o = t.hostModel, a = t.getItemModel(e), s = a.getModel("emphasis"), l = t.getItemLayout(e), u = A(uM(a.getModel("itemStyle"), l, !0), l); if (isNaN(u.startAngle)) r.setShape(u); else { if (i) { r.setShape(u); var h = o.getShallow("animationType"); o.ecModel.ssr ? (hh(r, { scaleX: 0, scaleY: 0 }, o, { dataIndex: e, isFrom: !0 }), r.originX = u.cx, r.originY = u.cy) : "scale" === h ? (r.shape.r = l.r0, hh(r, { shape: { r: l.r } }, o, e)) : null != n ? (r.setShape({ startAngle: n, endAngle: n }), hh(r, { shape: { startAngle: l.startAngle, endAngle: l.endAngle } }, o, e)) : (r.shape.endAngle = l.startAngle, uh(r, { shape: { endAngle: l.endAngle } }, o, e)) } else gh(r), uh(r, { shape: u }, o, e); r.useStyle(t.getItemVisual(e, "style")), Hl(r, a); var c = (l.startAngle + l.endAngle) / 2, p = o.get("selectedOffset"), d = Math.cos(c) * p, f = Math.sin(c) * p, g = a.getShallow("cursor"); g && r.attr("cursor", g), this._updateLabel(o, t, e), r.ensureState("emphasis").shape = A({ r: l.r + (s.get("scale") && s.get("scaleSize") || 0) }, uM(s.getModel("itemStyle"), l)), A(r.ensureState("select"), { x: d, y: f, shape: uM(a.getModel(["select", "itemStyle"]), l) }), A(r.ensureState("blur"), { shape: uM(a.getModel(["blur", "itemStyle"]), l) }); var y = r.getTextGuideLine(), v = r.getTextContent(); y && A(y.ensureState("select"), { x: d, y: f }), A(v.ensureState("select"), { x: d, y: f }), Bl(this, s.get("focus"), s.get("blurScope"), s.get("disabled")) } }, e.prototype._updateLabel = function (t, e, n) { var i = this, r = e.getItemModel(n), o = r.getModel("labelLine"), a = e.getItemVisual(n, "style"), s = a && a.fill, l = a && a.opacity; qh(i, Kh(r), { labelFetcher: e.hostModel, labelDataIndex: n, inheritColor: s, defaultOpacity: l, defaultText: t.getFormattedLabel(n, "normal") || e.getName(n) }); var u = i.getTextContent(); i.setTextConfig({ position: null, rotation: null }), u.attr({ z2: 10 }); var h = t.get(["label", "position"]); if ("outside" !== h && "outer" !== h) i.removeTextGuideLine(); else { var c = this.getTextGuideLine(); c || (c = new Bu, this.setTextGuideLine(c)), yb(this, vb(r), { stroke: s, opacity: ot(o.get(["lineStyle", "opacity"]), l, 1) }) } }, e }(Pu), cM = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.ignoreLabelLineUpdate = !0, e } return n(e, t), e.prototype.render = function (t, e, n, i) { var r, o = t.getData(), a = this._data, s = this.group; if (!a && o.count() > 0) { for (var l = o.getItemLayout(0), u = 1; isNaN(l && l.startAngle) && u < o.count(); ++u)l = o.getItemLayout(u); l && (r = l.startAngle) } if (this._emptyCircleSector && s.remove(this._emptyCircleSector), 0 === o.count() && t.get("showEmptyCircle")) { var h = new Pu({ shape: eM(t, n) }); h.useStyle(t.getModel("emptyCircleStyle").getItemStyle()), this._emptyCircleSector = h, s.add(h) } o.diff(a).add((function (t) { var e = new hM(o, t, r); o.setItemGraphicEl(t, e), s.add(e) })).update((function (t, e) { var n = a.getItemGraphicEl(e); n.updateData(o, t, r), n.off("click"), s.add(n), o.setItemGraphicEl(t, n) })).remove((function (e) { fh(a.getItemGraphicEl(e), t, e) })).execute(), lM(t), "expansion" !== t.get("animationTypeUpdate") && (this._data = o) }, e.prototype.dispose = function () { }, e.prototype.containPoint = function (t, e) { var n = e.getData().getItemLayout(0); if (n) { var i = t[0] - n.cx, r = t[1] - n.cy, o = Math.sqrt(i * i + r * r); return o <= n.r && o >= n.r0 } }, e.type = "pie", e }(wg); function pM(t, e, n) { e = Y(e) && { coordDimensions: e } || A({ encodeDefine: t.getEncode() }, e); var i = t.getSource(), r = Qm(i, e).dimensions, o = new Jm(r, t); return o.initData(i, n), o } var dM = function () { function t(t, e) { this._getDataWithEncodedVisual = t, this._getRawData = e } return t.prototype.getAllNames = function () { var t = this._getRawData(); return t.mapArray(t.getName) }, t.prototype.containName = function (t) { return this._getRawData().indexOfName(t) >= 0 }, t.prototype.indexOfName = function (t) { return this._getDataWithEncodedVisual().indexOfName(t) }, t.prototype.getItemVisual = function (t, e) { return this._getDataWithEncodedVisual().getItemVisual(t, e) }, t }(), fM = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.init = function (e) { t.prototype.init.apply(this, arguments), this.legendVisualProvider = new dM(W(this.getData, this), W(this.getRawData, this)), this._defaultLabelLine(e) }, e.prototype.mergeOption = function () { t.prototype.mergeOption.apply(this, arguments) }, e.prototype.getInitialData = function () { var t = pM(this, { coordDimensions: ["value"], encodeDefaulter: H(Zp, this) }), e = []; return t.each(t.mapDimension("value"), (function (t) { e.push(t) })), this.seats = Zr(e, t.hostModel.get("percentPrecision")), t }, e.prototype.getDataParams = function (e) { var n = t.prototype.getDataParams.call(this, e); return n.percent = this.seats[e], n.$vars.push("percent"), n }, e.prototype._defaultLabelLine = function (t) { vo(t, "labelLine", ["show"]); var e = t.labelLine, n = t.emphasis.labelLine; e.show = e.show && t.label.show, n.show = n.show && t.emphasis.label.show }, e.type = "series.pie", e.defaultOption = { z: 2, legendHoverLink: !0, colorBy: "data", center: ["50%", "50%"], radius: [0, "75%"], clockwise: !0, startAngle: 90, minAngle: 0, minShowLabelAngle: 0, selectedOffset: 10, percentPrecision: 2, stillShowZeroSum: !0, left: 0, top: 0, right: 0, bottom: 0, width: null, height: null, label: { rotate: 0, show: !0, overflow: "truncate", position: "outer", alignTo: "none", edgeDistance: "25%", bleedMargin: 10, distanceToLabelLine: 5 }, labelLine: { show: !0, length: 15, length2: 15, smooth: !1, minTurnAngle: 90, maxSurfaceAngle: 90, lineStyle: { width: 1, type: "solid" } }, itemStyle: { borderWidth: 1, borderJoin: "round" }, showEmptyCircle: !0, emptyCircleStyle: { color: "lightgray", opacity: 1 }, labelLayout: { hideOverlap: !0 }, emphasis: { scale: !0, scaleSize: 5 }, avoidLabelOverlap: !0, animationType: "expansion", animationDuration: 1e3, animationTypeUpdate: "transition", animationEasingUpdate: "cubicInOut", animationDurationUpdate: 500, animationEasing: "cubicInOut" }, e }(hg); var gM = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.hasSymbolVisual = !0, n } return n(e, t), e.prototype.getInitialData = function (t, e) { return sx(null, this, { useEncodeDefaulter: !0 }) }, e.prototype.getProgressive = function () { var t = this.option.progressive; return null == t ? this.option.large ? 5e3 : this.get("progressive") : t }, e.prototype.getProgressiveThreshold = function () { var t = this.option.progressiveThreshold; return null == t ? this.option.large ? 1e4 : this.get("progressiveThreshold") : t }, e.prototype.brushSelector = function (t, e, n) { return n.point(e.getItemLayout(t)) }, e.prototype.getZLevelKey = function () { return this.getData().count() > this.getProgressiveThreshold() ? this.id : "" }, e.type = "series.scatter", e.dependencies = ["grid", "polar", "geo", "singleAxis", "calendar"], e.defaultOption = { coordinateSystem: "cartesian2d", z: 2, legendHoverLink: !0, symbolSize: 10, large: !1, largeThreshold: 2e3, itemStyle: { opacity: .8 }, emphasis: { scale: !0 }, clip: !0, select: { itemStyle: { borderColor: "#212121" } }, universalTransition: { divideShape: "clone" } }, e }(hg), yM = function () { }, vM = function (t) { function e(e) { var n = t.call(this, e) || this; return n._off = 0, n.hoverDataIdx = -1, n } return n(e, t), e.prototype.getDefaultShape = function () { return new yM }, e.prototype.reset = function () { this.notClear = !1, this._off = 0 }, e.prototype.buildPath = function (t, e) { var n, i = e.points, r = e.size, o = this.symbolProxy, a = o.shape, s = t.getContext ? t.getContext() : t, l = s && r[0] < 4, u = this.softClipShape; if (l) this._ctx = s; else { for (this._ctx = null, n = this._off; n < i.length;) { var h = i[n++], c = i[n++]; isNaN(h) || isNaN(c) || (u && !u.contain(h, c) || (a.x = h - r[0] / 2, a.y = c - r[1] / 2, a.width = r[0], a.height = r[1], o.buildPath(t, a, !0))) } this.incremental && (this._off = n, this.notClear = !0) } }, e.prototype.afterBrush = function () { var t, e = this.shape, n = e.points, i = e.size, r = this._ctx, o = this.softClipShape; if (r) { for (t = this._off; t < n.length;) { var a = n[t++], s = n[t++]; isNaN(a) || isNaN(s) || (o && !o.contain(a, s) || r.fillRect(a - i[0] / 2, s - i[1] / 2, i[0], i[1])) } this.incremental && (this._off = t, this.notClear = !0) } }, e.prototype.findDataIndex = function (t, e) { for (var n = this.shape, i = n.points, r = n.size, o = Math.max(r[0], 4), a = Math.max(r[1], 4), s = i.length / 2 - 1; s >= 0; s--) { var l = 2 * s, u = i[l] - o / 2, h = i[l + 1] - a / 2; if (t >= u && e >= h && t <= u + o && e <= h + a) return s } return -1 }, e.prototype.contain = function (t, e) { var n = this.transformCoordToLocal(t, e), i = this.getBoundingRect(); return t = n[0], e = n[1], i.contain(t, e) ? (this.hoverDataIdx = this.findDataIndex(t, e)) >= 0 : (this.hoverDataIdx = -1, !1) }, e.prototype.getBoundingRect = function () { var t = this._rect; if (!t) { for (var e = this.shape, n = e.points, i = e.size, r = i[0], o = i[1], a = 1 / 0, s = 1 / 0, l = -1 / 0, u = -1 / 0, h = 0; h < n.length;) { var c = n[h++], p = n[h++]; a = Math.min(c, a), l = Math.max(c, l), s = Math.min(p, s), u = Math.max(p, u) } t = this._rect = new Re(a - r / 2, s - o / 2, l - a + r, u - s + o) } return t }, e }(_s), mM = function () { function t() { this.group = new Pr } return t.prototype.updateData = function (t, e) { this._clear(); var n = this._create(); n.setShape({ points: t.getLayout("points") }), this._setCommon(n, t, e) }, t.prototype.updateLayout = function (t) { var e = t.getLayout("points"); this.group.eachChild((function (t) { if (null != t.startIndex) { var n = 2 * (t.endIndex - t.startIndex), i = 4 * t.startIndex * 2; e = new Float32Array(e.buffer, i, n) } t.setShape("points", e), t.reset() })) }, t.prototype.incrementalPrepareUpdate = function (t) { this._clear() }, t.prototype.incrementalUpdate = function (t, e, n) { var i = this._newAdded[0], r = e.getLayout("points"), o = i && i.shape.points; if (o && o.length < 2e4) { var a = o.length, s = new Float32Array(a + r.length); s.set(o), s.set(r, a), i.endIndex = t.end, i.setShape({ points: s }) } else { this._newAdded = []; var l = this._create(); l.startIndex = t.start, l.endIndex = t.end, l.incremental = !0, l.setShape({ points: r }), this._setCommon(l, e, n) } }, t.prototype.eachRendered = function (t) { this._newAdded[0] && t(this._newAdded[0]) }, t.prototype._create = function () { var t = new vM({ cursor: "default" }); return t.ignoreCoarsePointer = !0, this.group.add(t), this._newAdded.push(t), t }, t.prototype._setCommon = function (t, e, n) { var i = e.hostModel; n = n || {}; var r = e.getVisual("symbolSize"); t.setShape("size", r instanceof Array ? r : [r, r]), t.softClipShape = n.clipShape || null, t.symbolProxy = Ry(e.getVisual("symbol"), 0, 0, 0, 0), t.setColor = t.symbolProxy.setColor; var o = t.shape.size[0] < 4; t.useStyle(i.getModel("itemStyle").getItemStyle(o ? ["color", "shadowBlur", "shadowColor"] : ["color"])); var a = e.getVisual("style"), s = a && a.fill; s && t.setColor(s); var l = js(t); l.seriesIndex = i.seriesIndex, t.on("mousemove", (function (e) { l.dataIndex = null; var n = t.hoverDataIdx; n >= 0 && (l.dataIndex = n + (t.startIndex || 0)) })) }, t.prototype.remove = function () { this._clear() }, t.prototype._clear = function () { this._newAdded = [], this.group.removeAll() }, t }(), xM = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = t.getData(); this._updateSymbolDraw(i, t).updateData(i, { clipShape: this._getClipShape(t) }), this._finished = !0 }, e.prototype.incrementalPrepareRender = function (t, e, n) { var i = t.getData(); this._updateSymbolDraw(i, t).incrementalPrepareUpdate(i), this._finished = !1 }, e.prototype.incrementalRender = function (t, e, n) { this._symbolDraw.incrementalUpdate(t, e.getData(), { clipShape: this._getClipShape(e) }), this._finished = t.end === e.getData().count() }, e.prototype.updateTransform = function (t, e, n) { var i = t.getData(); if (this.group.dirty(), !this._finished || i.count() > 1e4) return { update: !0 }; var r = MS("").reset(t, e, n); r.progress && r.progress({ start: 0, end: i.count(), count: i.count() }, i), this._symbolDraw.updateLayout(i) }, e.prototype.eachRendered = function (t) { this._symbolDraw && this._symbolDraw.eachRendered(t) }, e.prototype._getClipShape = function (t) { var e = t.coordinateSystem, n = e && e.getArea && e.getArea(); return t.get("clip", !0) ? n : null }, e.prototype._updateSymbolDraw = function (t, e) { var n = this._symbolDraw, i = e.pipelineContext.large; return n && i === this._isLargeDraw || (n && n.remove(), n = this._symbolDraw = i ? new mM : new Jw, this._isLargeDraw = i, this.group.removeAll()), this.group.add(n.group), n }, e.prototype.remove = function (t, e) { this._symbolDraw && this._symbolDraw.remove(!0), this._symbolDraw = null }, e.prototype.dispose = function () { }, e.type = "scatter", e }(wg), _M = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.type = "grid", e.dependencies = ["xAxis", "yAxis"], e.layoutMode = "box", e.defaultOption = { show: !1, z: 0, left: "10%", top: 60, right: "10%", bottom: 70, containLabel: !1, backgroundColor: "rgba(0,0,0,0)", borderWidth: 1, borderColor: "#ccc" }, e }(Ap), bM = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.getCoordSysModel = function () { return this.getReferringComponents("grid", Po).models[0] }, e.type = "cartesian2dAxis", e }(Ap); R(bM, g_); var wM = { show: !0, z: 0, inverse: !1, name: "", nameLocation: "end", nameRotate: null, nameTruncate: { maxWidth: null, ellipsis: "...", placeholder: "." }, nameTextStyle: {}, nameGap: 15, silent: !1, triggerEvent: !1, tooltip: { show: !1 }, axisPointer: {}, axisLine: { show: !0, onZero: !0, onZeroAxisIndex: null, lineStyle: { color: "#6E7079", width: 1, type: "solid" }, symbol: ["none", "none"], symbolSize: [10, 15] }, axisTick: { show: !0, inside: !1, length: 5, lineStyle: { width: 1 } }, axisLabel: { show: !0, inside: !1, rotate: 0, showMinLabel: null, showMaxLabel: null, margin: 8, fontSize: 12 }, splitLine: { show: !0, lineStyle: { color: ["#E0E6F1"], width: 1, type: "solid" } }, splitArea: { show: !1, areaStyle: { color: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"] } } }, SM = C({ boundaryGap: !0, deduplication: null, splitLine: { show: !1 }, axisTick: { alignWithLabel: !1, interval: "auto" }, axisLabel: { interval: "auto" } }, wM), MM = C({ boundaryGap: [0, 0], axisLine: { show: "auto" }, axisTick: { show: "auto" }, splitNumber: 5, minorTick: { show: !1, splitNumber: 5, length: 3, lineStyle: {} }, minorSplitLine: { show: !1, lineStyle: { color: "#F4F7FD", width: 1 } } }, wM), IM = { category: SM, value: MM, time: C({ splitNumber: 6, axisLabel: { showMinLabel: !1, showMaxLabel: !1, rich: { primary: { fontWeight: "bold" } } }, splitLine: { show: !1 } }, MM), log: k({ logBase: 10 }, MM) }, TM = { value: 1, category: 1, time: 1, log: 1 }; function CM(t, e, i, r) { E(TM, (function (o, a) { var s = C(C({}, IM[a], !0), r, !0), l = function (t) { function i() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e + "Axis." + a, n } return n(i, t), i.prototype.mergeDefaultAndTheme = function (t, e) { var n = Mp(this), i = n ? Tp(t) : {}; C(t, e.getTheme().get(a + "Axis")), C(t, this.getDefaultOption()), t.type = DM(t), n && Ip(t, i, n) }, i.prototype.optionUpdated = function () { "category" === this.option.type && (this.__ordinalMeta = hx.createByAxisModel(this)) }, i.prototype.getCategories = function (t) { var e = this.option; if ("category" === e.type) return t ? e.data : this.__ordinalMeta.categories }, i.prototype.getOrdinalMeta = function () { return this.__ordinalMeta }, i.type = e + "Axis." + a, i.defaultOption = s, i }(i); t.registerComponentModel(l) })), t.registerSubTypeDefaulter(e + "Axis", DM) } function DM(t) { return t.type || (t.data ? "category" : "value") } var AM = function () { function t(t) { this.type = "cartesian", this._dimList = [], this._axes = {}, this.name = t || "" } return t.prototype.getAxis = function (t) { return this._axes[t] }, t.prototype.getAxes = function () { return z(this._dimList, (function (t) { return this._axes[t] }), this) }, t.prototype.getAxesByScale = function (t) { return t = t.toLowerCase(), B(this.getAxes(), (function (e) { return e.scale.type === t })) }, t.prototype.addAxis = function (t) { var e = t.dim; this._axes[e] = t, this._dimList.push(e) }, t }(), kM = ["x", "y"]; function LM(t) { return "interval" === t.type || "time" === t.type } var PM = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "cartesian2d", e.dimensions = kM, e } return n(e, t), e.prototype.calcAffineTransform = function () { this._transform = this._invTransform = null; var t = this.getAxis("x").scale, e = this.getAxis("y").scale; if (LM(t) && LM(e)) { var n = t.getExtent(), i = e.getExtent(), r = this.dataToPoint([n[0], i[0]]), o = this.dataToPoint([n[1], i[1]]), a = n[1] - n[0], s = i[1] - i[0]; if (a && s) { var l = (o[0] - r[0]) / a, u = (o[1] - r[1]) / s, h = r[0] - n[0] * l, c = r[1] - i[0] * u, p = this._transform = [l, 0, 0, u, h, c]; this._invTransform = we([], p) } } }, e.prototype.getBaseAxis = function () { return this.getAxesByScale("ordinal")[0] || this.getAxesByScale("time")[0] || this.getAxis("x") }, e.prototype.containPoint = function (t) { var e = this.getAxis("x"), n = this.getAxis("y"); return e.contain(e.toLocalCoord(t[0])) && n.contain(n.toLocalCoord(t[1])) }, e.prototype.containData = function (t) { return this.getAxis("x").containData(t[0]) && this.getAxis("y").containData(t[1]) }, e.prototype.containZone = function (t, e) { var n = this.dataToPoint(t), i = this.dataToPoint(e), r = this.getArea(), o = new Re(n[0], n[1], i[0] - n[0], i[1] - n[1]); return r.intersect(o) }, e.prototype.dataToPoint = function (t, e, n) { n = n || []; var i = t[0], r = t[1]; if (this._transform && null != i && isFinite(i) && null != r && isFinite(r)) return Ft(n, t, this._transform); var o = this.getAxis("x"), a = this.getAxis("y"); return n[0] = o.toGlobalCoord(o.dataToCoord(i, e)), n[1] = a.toGlobalCoord(a.dataToCoord(r, e)), n }, e.prototype.clampData = function (t, e) { var n = this.getAxis("x").scale, i = this.getAxis("y").scale, r = n.getExtent(), o = i.getExtent(), a = n.parse(t[0]), s = i.parse(t[1]); return (e = e || [])[0] = Math.min(Math.max(Math.min(r[0], r[1]), a), Math.max(r[0], r[1])), e[1] = Math.min(Math.max(Math.min(o[0], o[1]), s), Math.max(o[0], o[1])), e }, e.prototype.pointToData = function (t, e) { var n = []; if (this._invTransform) return Ft(n, t, this._invTransform); var i = this.getAxis("x"), r = this.getAxis("y"); return n[0] = i.coordToData(i.toLocalCoord(t[0]), e), n[1] = r.coordToData(r.toLocalCoord(t[1]), e), n }, e.prototype.getOtherAxis = function (t) { return this.getAxis("x" === t.dim ? "y" : "x") }, e.prototype.getArea = function () { var t = this.getAxis("x").getGlobalExtent(), e = this.getAxis("y").getGlobalExtent(), n = Math.min(t[0], t[1]), i = Math.min(e[0], e[1]), r = Math.max(t[0], t[1]) - n, o = Math.max(e[0], e[1]) - i; return new Re(n, i, r, o) }, e }(AM), OM = function (t) { function e(e, n, i, r, o) { var a = t.call(this, e, n, i) || this; return a.index = 0, a.type = r || "value", a.position = o || "bottom", a } return n(e, t), e.prototype.isHorizontal = function () { var t = this.position; return "top" === t || "bottom" === t }, e.prototype.getGlobalExtent = function (t) { var e = this.getExtent(); return e[0] = this.toGlobalCoord(e[0]), e[1] = this.toGlobalCoord(e[1]), t && e[0] > e[1] && e.reverse(), e }, e.prototype.pointToData = function (t, e) { return this.coordToData(this.toLocalCoord(t["x" === this.dim ? 0 : 1]), e) }, e.prototype.setCategorySortInfo = function (t) { if ("category" !== this.type) return !1; this.model.option.categorySortInfo = t, this.scale.setSortInfo(t) }, e }(X_); function RM(t, e, n) { n = n || {}; var i = t.coordinateSystem, r = e.axis, o = {}, a = r.getAxesOnZeroOf()[0], s = r.position, l = a ? "onZero" : s, u = r.dim, h = i.getRect(), c = [h.x, h.x + h.width, h.y, h.y + h.height], p = { left: 0, right: 1, top: 0, bottom: 1, onZero: 2 }, d = e.get("offset") || 0, f = "x" === u ? [c[2] - d, c[3] + d] : [c[0] - d, c[1] + d]; if (a) { var g = a.toGlobalCoord(a.dataToCoord(0)); f[p.onZero] = Math.max(Math.min(g, f[1]), f[0]) } o.position = ["y" === u ? f[p[l]] : c[0], "x" === u ? f[p[l]] : c[3]], o.rotation = Math.PI / 2 * ("x" === u ? 0 : 1); o.labelDirection = o.tickDirection = o.nameDirection = { top: -1, bottom: 1, left: -1, right: 1 }[s], o.labelOffset = a ? f[p[s]] - f[p.onZero] : 0, e.get(["axisTick", "inside"]) && (o.tickDirection = -o.tickDirection), it(n.labelInside, e.get(["axisLabel", "inside"])) && (o.labelDirection = -o.labelDirection); var y = e.get(["axisLabel", "rotate"]); return o.labelRotate = "top" === l ? -y : y, o.z2 = 1, o } function NM(t) { return "cartesian2d" === t.get("coordinateSystem") } function EM(t) { var e = { xAxisModel: null, yAxisModel: null }; return E(e, (function (n, i) { var r = i.replace(/Model$/, ""), o = t.getReferringComponents(r, Po).models[0]; e[i] = o })), e } var zM = Math.log; function VM(t, e, n) { var i = Sx.prototype, r = i.getTicks.call(n), o = i.getTicks.call(n, !0), a = r.length - 1, s = i.getInterval.call(n), l = a_(t, e), u = l.extent, h = l.fixMin, c = l.fixMax; if ("log" === t.type) { var p = zM(t.base); u = [zM(u[0]) / p, zM(u[1]) / p] } t.setExtent(u[0], u[1]), t.calcNiceExtent({ splitNumber: a, fixMin: h, fixMax: c }); var d = i.getExtent.call(t); h && (u[0] = d[0]), c && (u[1] = d[1]); var f = i.getInterval.call(t), g = u[0], y = u[1]; if (h && c) f = (y - g) / a; else if (h) for (y = u[0] + f * a; y < u[1] && isFinite(y) && isFinite(u[1]);)f = fx(f), y = u[0] + f * a; else if (c) for (g = u[1] - f * a; g > u[0] && isFinite(g) && isFinite(u[0]);)f = fx(f), g = u[1] - f * a; else { t.getTicks().length - 1 > a && (f = fx(f)); var v = f * a; (g = Wr((y = Math.ceil(u[1] / f) * f) - v)) < 0 && u[0] >= 0 ? (g = 0, y = Wr(v)) : y > 0 && u[1] <= 0 && (y = 0, g = -Wr(v)) } var m = (r[0].value - o[0].value) / s, x = (r[a].value - o[a].value) / s; i.setExtent.call(t, g + f * m, y + f * x), i.setInterval.call(t, f), (m || x) && i.setNiceExtent.call(t, g + f, y - f) } var BM = function () { function t(t, e, n) { this.type = "grid", this._coordsMap = {}, this._coordsList = [], this._axesMap = {}, this._axesList = [], this.axisPointerEnabled = !0, this.dimensions = kM, this._initCartesian(t, e, n), this.model = t } return t.prototype.getRect = function () { return this._rect }, t.prototype.update = function (t, e) { var n = this._axesMap; function i(t) { var e, n = G(t), i = n.length; if (i) { for (var r = [], o = i - 1; o >= 0; o--) { var a = t[+n[o]], s = a.model, l = a.scale; px(l) && s.get("alignTicks") && null == s.get("interval") ? r.push(a) : (s_(l, s), px(l) && (e = a)) } r.length && (e || s_((e = r.pop()).scale, e.model), E(r, (function (t) { VM(t.scale, t.model, e.scale) }))) } } this._updateScale(t, this.model), i(n.x), i(n.y); var r = {}; E(n.x, (function (t) { GM(n, "y", t, r) })), E(n.y, (function (t) { GM(n, "x", t, r) })), this.resize(this.model, e) }, t.prototype.resize = function (t, e, n) { var i = t.getBoxLayoutParams(), r = !n && t.get("containLabel"), o = wp(i, { width: e.getWidth(), height: e.getHeight() }); this._rect = o; var a = this._axesList; function s() { E(a, (function (t) { var e = t.isHorizontal(), n = e ? [0, o.width] : [0, o.height], i = t.inverse ? 1 : 0; t.setExtent(n[i], n[1 - i]), function (t, e) { var n = t.getExtent(), i = n[0] + n[1]; t.toGlobalCoord = "x" === t.dim ? function (t) { return t + e } : function (t) { return i - t + e }, t.toLocalCoord = "x" === t.dim ? function (t) { return t - e } : function (t) { return i - t + e } }(t, e ? o.x : o.y) })) } s(), r && (E(a, (function (t) { if (!t.model.get(["axisLabel", "inside"])) { var e = function (t) { var e = t.model, n = t.scale; if (e.get(["axisLabel", "show"]) && !n.isBlank()) { var i, r, o = n.getExtent(); r = n instanceof _x ? n.count() : (i = n.getTicks()).length; var a, s = t.getLabelModel(), l = u_(t), u = 1; r > 40 && (u = Math.ceil(r / 40)); for (var h = 0; h < r; h += u) { var c = l(i ? i[h] : { value: o[0] + h }, h), p = c_(s.getTextRect(c), s.get("rotate") || 0); a ? a.union(p) : a = p } return a } }(t); if (e) { var n = t.isHorizontal() ? "height" : "width", i = t.model.get(["axisLabel", "margin"]); o[n] -= e[n] + i, "top" === t.position ? o.y += e.height + i : "left" === t.position && (o.x += e.width + i) } } })), s()), E(this._coordsList, (function (t) { t.calcAffineTransform() })) }, t.prototype.getAxis = function (t, e) { var n = this._axesMap[t]; if (null != n) return n[e || 0] }, t.prototype.getAxes = function () { return this._axesList.slice() }, t.prototype.getCartesian = function (t, e) { if (null != t && null != e) { var n = "x" + t + "y" + e; return this._coordsMap[n] } q(t) && (e = t.yAxisIndex, t = t.xAxisIndex); for (var i = 0, r = this._coordsList; i < r.length; i++)if (r[i].getAxis("x").index === t || r[i].getAxis("y").index === e) return r[i] }, t.prototype.getCartesians = function () { return this._coordsList.slice() }, t.prototype.convertToPixel = function (t, e, n) { var i = this._findConvertTarget(e); return i.cartesian ? i.cartesian.dataToPoint(n) : i.axis ? i.axis.toGlobalCoord(i.axis.dataToCoord(n)) : null }, t.prototype.convertFromPixel = function (t, e, n) { var i = this._findConvertTarget(e); return i.cartesian ? i.cartesian.pointToData(n) : i.axis ? i.axis.coordToData(i.axis.toLocalCoord(n)) : null }, t.prototype._findConvertTarget = function (t) { var e, n, i = t.seriesModel, r = t.xAxisModel || i && i.getReferringComponents("xAxis", Po).models[0], o = t.yAxisModel || i && i.getReferringComponents("yAxis", Po).models[0], a = t.gridModel, s = this._coordsList; if (i) P(s, e = i.coordinateSystem) < 0 && (e = null); else if (r && o) e = this.getCartesian(r.componentIndex, o.componentIndex); else if (r) n = this.getAxis("x", r.componentIndex); else if (o) n = this.getAxis("y", o.componentIndex); else if (a) { a.coordinateSystem === this && (e = this._coordsList[0]) } return { cartesian: e, axis: n } }, t.prototype.containPoint = function (t) { var e = this._coordsList[0]; if (e) return e.containPoint(t) }, t.prototype._initCartesian = function (t, e, n) { var i = this, r = this, o = { left: !1, right: !1, top: !1, bottom: !1 }, a = { x: {}, y: {} }, s = { x: 0, y: 0 }; if (e.eachComponent("xAxis", l("x"), this), e.eachComponent("yAxis", l("y"), this), !s.x || !s.y) return this._axesMap = {}, void (this._axesList = []); function l(e) { return function (n, i) { if (FM(n, t)) { var l = n.get("position"); "x" === e ? "top" !== l && "bottom" !== l && (l = o.bottom ? "top" : "bottom") : "left" !== l && "right" !== l && (l = o.left ? "right" : "left"), o[l] = !0; var u = new OM(e, l_(n), [0, 0], n.get("type"), l), h = "category" === u.type; u.onBand = h && n.get("boundaryGap"), u.inverse = n.get("inverse"), n.axis = u, u.model = n, u.grid = r, u.index = i, r._axesList.push(u), a[e][i] = u, s[e]++ } } } this._axesMap = a, E(a.x, (function (e, n) { E(a.y, (function (r, o) { var a = "x" + n + "y" + o, s = new PM(a); s.master = i, s.model = t, i._coordsMap[a] = s, i._coordsList.push(s), s.addAxis(e), s.addAxis(r) })) })) }, t.prototype._updateScale = function (t, e) { function n(t, e) { E(f_(t, e.dim), (function (n) { e.scale.unionExtentFromData(t, n) })) } E(this._axesList, (function (t) { if (t.scale.setExtent(1 / 0, -1 / 0), "category" === t.type) { var e = t.model.get("categorySortInfo"); t.scale.setSortInfo(e) } })), t.eachSeries((function (t) { if (NM(t)) { var i = EM(t), r = i.xAxisModel, o = i.yAxisModel; if (!FM(r, e) || !FM(o, e)) return; var a = this.getCartesian(r.componentIndex, o.componentIndex), s = t.getData(), l = a.getAxis("x"), u = a.getAxis("y"); n(s, l), n(s, u) } }), this) }, t.prototype.getTooltipAxes = function (t) { var e = [], n = []; return E(this.getCartesians(), (function (i) { var r = null != t && "auto" !== t ? i.getAxis(t) : i.getBaseAxis(), o = i.getOtherAxis(r); P(e, r) < 0 && e.push(r), P(n, o) < 0 && n.push(o) })), { baseAxes: e, otherAxes: n } }, t.create = function (e, n) { var i = []; return e.eachComponent("grid", (function (r, o) { var a = new t(r, e, n); a.name = "grid_" + o, a.resize(r, n, !0), r.coordinateSystem = a, i.push(a) })), e.eachSeries((function (t) { if (NM(t)) { var e = EM(t), n = e.xAxisModel, i = e.yAxisModel, r = n.getCoordSysModel(); 0; var o = r.coordinateSystem; t.coordinateSystem = o.getCartesian(n.componentIndex, i.componentIndex) } })), i }, t.dimensions = kM, t }(); function FM(t, e) { return t.getCoordSysModel() === e } function GM(t, e, n, i) { n.getAxesOnZeroOf = function () { return r ? [r] : [] }; var r, o = t[e], a = n.model, s = a.get(["axisLine", "onZero"]), l = a.get(["axisLine", "onZeroAxisIndex"]); if (s) { if (null != l) WM(o[l]) && (r = o[l]); else for (var u in o) if (o.hasOwnProperty(u) && WM(o[u]) && !i[h(o[u])]) { r = o[u]; break } r && (i[h(r)] = !0) } function h(t) { return t.dim + "_" + t.index } } function WM(t) { return t && "category" !== t.type && "time" !== t.type && function (t) { var e = t.scale.getExtent(), n = e[0], i = e[1]; return !(n > 0 && i > 0 || n < 0 && i < 0) }(t) } var HM = Math.PI, YM = function () { function t(t, e) { this.group = new Pr, this.opt = e, this.axisModel = t, k(e, { labelOffset: 0, nameDirection: 1, tickDirection: 1, labelDirection: 1, silent: !0, handleAutoShown: function () { return !0 } }); var n = new Pr({ x: e.position[0], y: e.position[1], rotation: e.rotation }); n.updateTransform(), this._transformGroup = n } return t.prototype.hasBuilder = function (t) { return !!UM[t] }, t.prototype.add = function (t) { UM[t](this.opt, this.axisModel, this.group, this._transformGroup) }, t.prototype.getGroup = function () { return this.group }, t.innerTextLayout = function (t, e, n) { var i, r, o = Kr(e - t); return $r(o) ? (r = n > 0 ? "top" : "bottom", i = "center") : $r(o - HM) ? (r = n > 0 ? "bottom" : "top", i = "center") : (r = "middle", i = o > 0 && o < HM ? n > 0 ? "right" : "left" : n > 0 ? "left" : "right"), { rotation: o, textAlign: i, textVerticalAlign: r } }, t.makeAxisEventDataBase = function (t) { var e = { componentType: t.mainType, componentIndex: t.componentIndex }; return e[t.mainType + "Index"] = t.componentIndex, e }, t.isLabelSilent = function (t) { var e = t.get("tooltip"); return t.get("silent") || !(t.get("triggerEvent") || e && e.show) }, t }(), UM = { axisLine: function (t, e, n, i) { var r = e.get(["axisLine", "show"]); if ("auto" === r && t.handleAutoShown && (r = t.handleAutoShown("axisLine")), r) { var o = e.axis.getExtent(), a = i.transform, s = [o[0], 0], l = [o[1], 0], u = s[0] > l[0]; a && (Ft(s, s, a), Ft(l, l, a)); var h = A({ lineCap: "round" }, e.getModel(["axisLine", "lineStyle"]).getLineStyle()), c = new Wu({ shape: { x1: s[0], y1: s[1], x2: l[0], y2: l[1] }, style: h, strokeContainThreshold: t.strokeContainThreshold || 5, silent: !0, z2: 1 }); Ah(c.shape, c.style.lineWidth), c.anid = "line", n.add(c); var p = e.get(["axisLine", "symbol"]); if (null != p) { var d = e.get(["axisLine", "symbolSize"]); X(p) && (p = [p, p]), (X(d) || j(d)) && (d = [d, d]); var f = Ey(e.get(["axisLine", "symbolOffset"]) || 0, d), g = d[0], y = d[1]; E([{ rotate: t.rotation + Math.PI / 2, offset: f[0], r: 0 }, { rotate: t.rotation - Math.PI / 2, offset: f[1], r: Math.sqrt((s[0] - l[0]) * (s[0] - l[0]) + (s[1] - l[1]) * (s[1] - l[1])) }], (function (e, i) { if ("none" !== p[i] && null != p[i]) { var r = Ry(p[i], -g / 2, -y / 2, g, y, h.stroke, !0), o = e.r + e.offset, a = u ? l : s; r.attr({ rotation: e.rotate, x: a[0] + o * Math.cos(t.rotation), y: a[1] - o * Math.sin(t.rotation), silent: !0, z2: 11 }), n.add(r) } })) } } }, axisTickLabel: function (t, e, n, i) { var r = function (t, e, n, i) { var r = n.axis, o = n.getModel("axisTick"), a = o.get("show"); "auto" === a && i.handleAutoShown && (a = i.handleAutoShown("axisTick")); if (!a || r.scale.isBlank()) return; for (var s = o.getModel("lineStyle"), l = i.tickDirection * o.get("length"), u = qM(r.getTicksCoords(), e.transform, l, k(s.getLineStyle(), { stroke: n.get(["axisLine", "lineStyle", "color"]) }), "ticks"), h = 0; h < u.length; h++)t.add(u[h]); return u }(n, i, e, t), o = function (t, e, n, i) { var r = n.axis; if (!it(i.axisLabelShow, n.get(["axisLabel", "show"])) || r.scale.isBlank()) return; var o = n.getModel("axisLabel"), a = o.get("margin"), s = r.getViewLabels(), l = (it(i.labelRotate, o.get("rotate")) || 0) * HM / 180, u = YM.innerTextLayout(i.rotation, l, i.labelDirection), h = n.getCategories && n.getCategories(!0), c = [], p = YM.isLabelSilent(n), d = n.get("triggerEvent"); return E(s, (function (s, l) { var f = "ordinal" === r.scale.type ? r.scale.getRawOrdinalNumber(s.tickValue) : s.tickValue, g = s.formattedLabel, y = s.rawLabel, v = o; if (h && h[f]) { var m = h[f]; q(m) && m.textStyle && (v = new xc(m.textStyle, o, n.ecModel)) } var x = v.getTextColor() || n.get(["axisLine", "lineStyle", "color"]), _ = r.dataToCoord(f), b = new Ns({ x: _, y: i.labelOffset + i.labelDirection * a, rotation: u.rotation, silent: p, z2: 10 + (s.level || 0), style: $h(v, { text: g, align: v.getShallow("align", !0) || u.textAlign, verticalAlign: v.getShallow("verticalAlign", !0) || v.getShallow("baseline", !0) || u.textVerticalAlign, fill: U(x) ? x("category" === r.type ? y : "value" === r.type ? f + "" : f, l) : x }) }); if (b.anid = "label_" + f, d) { var w = YM.makeAxisEventDataBase(n); w.targetType = "axisLabel", w.value = y, w.tickIndex = l, "category" === r.type && (w.dataIndex = f), js(b).eventData = w } e.add(b), b.updateTransform(), c.push(b), t.add(b), b.decomposeTransform() })), c }(n, i, e, t); (function (t, e, n) { if (d_(t.axis)) return; var i = t.get(["axisLabel", "showMinLabel"]), r = t.get(["axisLabel", "showMaxLabel"]); n = n || []; var o = (e = e || [])[0], a = e[1], s = e[e.length - 1], l = e[e.length - 2], u = n[0], h = n[1], c = n[n.length - 1], p = n[n.length - 2]; !1 === i ? (XM(o), XM(u)) : ZM(o, a) && (i ? (XM(a), XM(h)) : (XM(o), XM(u))); !1 === r ? (XM(s), XM(c)) : ZM(l, s) && (r ? (XM(l), XM(p)) : (XM(s), XM(c))) }(e, o, r), function (t, e, n, i) { var r = n.axis, o = n.getModel("minorTick"); if (!o.get("show") || r.scale.isBlank()) return; var a = r.getMinorTicksCoords(); if (!a.length) return; for (var s = o.getModel("lineStyle"), l = i * o.get("length"), u = k(s.getLineStyle(), k(n.getModel("axisTick").getLineStyle(), { stroke: n.get(["axisLine", "lineStyle", "color"]) })), h = 0; h < a.length; h++)for (var c = qM(a[h], e.transform, l, u, "minorticks_" + h), p = 0; p < c.length; p++)t.add(c[p]) }(n, i, e, t.tickDirection), e.get(["axisLabel", "hideOverlap"])) && bb(mb(z(o, (function (t) { return { label: t, priority: t.z2, defaultAttr: { ignore: t.ignore } } })))) }, axisName: function (t, e, n, i) { var r = it(t.axisName, e.get("name")); if (r) { var o, a, s = e.get("nameLocation"), l = t.nameDirection, u = e.getModel("nameTextStyle"), h = e.get("nameGap") || 0, c = e.axis.getExtent(), p = c[0] > c[1] ? -1 : 1, d = ["start" === s ? c[0] - p * h : "end" === s ? c[1] + p * h : (c[0] + c[1]) / 2, jM(s) ? t.labelOffset + l * h : 0], f = e.get("nameRotate"); null != f && (f = f * HM / 180), jM(s) ? o = YM.innerTextLayout(t.rotation, null != f ? f : t.rotation, l) : (o = function (t, e, n, i) { var r, o, a = Kr(n - t), s = i[0] > i[1], l = "start" === e && !s || "start" !== e && s; $r(a - HM / 2) ? (o = l ? "bottom" : "top", r = "center") : $r(a - 1.5 * HM) ? (o = l ? "top" : "bottom", r = "center") : (o = "middle", r = a < 1.5 * HM && a > HM / 2 ? l ? "left" : "right" : l ? "right" : "left"); return { rotation: a, textAlign: r, textVerticalAlign: o } }(t.rotation, s, f || 0, c), null != (a = t.axisNameAvailableWidth) && (a = Math.abs(a / Math.sin(o.rotation)), !isFinite(a) && (a = null))); var g = u.getFont(), y = e.get("nameTruncate", !0) || {}, v = y.ellipsis, m = it(t.nameTruncateMaxWidth, y.maxWidth, a), x = new Ns({ x: d[0], y: d[1], rotation: o.rotation, silent: YM.isLabelSilent(e), style: $h(u, { text: r, font: g, overflow: "truncate", width: m, ellipsis: v, fill: u.getTextColor() || e.get(["axisLine", "lineStyle", "color"]), align: u.get("align") || o.textAlign, verticalAlign: u.get("verticalAlign") || o.textVerticalAlign }), z2: 1 }); if (Wh({ el: x, componentModel: e, itemName: r }), x.__fullText = r, x.anid = "name", e.get("triggerEvent")) { var _ = YM.makeAxisEventDataBase(e); _.targetType = "axisName", _.name = r, js(x).eventData = _ } i.add(x), x.updateTransform(), n.add(x), x.decomposeTransform() } } }; function XM(t) { t && (t.ignore = !0) } function ZM(t, e) { var n = t && t.getBoundingRect().clone(), i = e && e.getBoundingRect().clone(); if (n && i) { var r = ye([]); return _e(r, r, -t.rotation), n.applyTransform(me([], r, t.getLocalTransform())), i.applyTransform(me([], r, e.getLocalTransform())), n.intersect(i) } } function jM(t) { return "middle" === t || "center" === t } function qM(t, e, n, i, r) { for (var o = [], a = [], s = [], l = 0; l < t.length; l++) { var u = t[l].coord; a[0] = u, a[1] = 0, s[0] = u, s[1] = n, e && (Ft(a, a, e), Ft(s, s, e)); var h = new Wu({ shape: { x1: a[0], y1: a[1], x2: s[0], y2: s[1] }, style: i, z2: 2, autoBatch: !0, silent: !0 }); Ah(h.shape, h.style.lineWidth), h.anid = r + "_" + t[l].tickValue, o.push(h) } return o } function KM(t, e) { var n = { axesInfo: {}, seriesInvolved: !1, coordSysAxesInfo: {}, coordSysMap: {} }; return function (t, e, n) { var i = e.getComponent("tooltip"), r = e.getComponent("axisPointer"), o = r.get("link", !0) || [], a = []; E(n.getCoordinateSystems(), (function (n) { if (n.axisPointerEnabled) { var s = eI(n.model), l = t.coordSysAxesInfo[s] = {}; t.coordSysMap[s] = n; var u = n.model.getModel("tooltip", i); if (E(n.getAxes(), H(d, !1, null)), n.getTooltipAxes && i && u.get("show")) { var h = "axis" === u.get("trigger"), c = "cross" === u.get(["axisPointer", "type"]), p = n.getTooltipAxes(u.get(["axisPointer", "axis"])); (h || c) && E(p.baseAxes, H(d, !c || "cross", h)), c && E(p.otherAxes, H(d, "cross", !1)) } } function d(i, s, h) { var c = h.model.getModel("axisPointer", r), p = c.get("show"); if (p && ("auto" !== p || i || tI(c))) { null == s && (s = c.get("triggerTooltip")), c = i ? function (t, e, n, i, r, o) { var a = e.getModel("axisPointer"), s = {}; E(["type", "snap", "lineStyle", "shadowStyle", "label", "animation", "animationDurationUpdate", "animationEasingUpdate", "z"], (function (t) { s[t] = T(a.get(t)) })), s.snap = "category" !== t.type && !!o, "cross" === a.get("type") && (s.type = "line"); var l = s.label || (s.label = {}); if (null == l.show && (l.show = !1), "cross" === r) { var u = a.get(["label", "show"]); if (l.show = null == u || u, !o) { var h = s.lineStyle = a.get("crossStyle"); h && k(l, h.textStyle) } } return t.model.getModel("axisPointer", new xc(s, n, i)) }(h, u, r, e, i, s) : c; var d = c.get("snap"), f = eI(h.model), g = s || d || "category" === h.type, y = t.axesInfo[f] = { key: f, axis: h, coordSys: n, axisPointerModel: c, triggerTooltip: s, involveSeries: g, snap: d, useHandle: tI(c), seriesModels: [], linkGroup: null }; l[f] = y, t.seriesInvolved = t.seriesInvolved || g; var v = function (t, e) { for (var n = e.model, i = e.dim, r = 0; r < t.length; r++) { var o = t[r] || {}; if ($M(o[i + "AxisId"], n.id) || $M(o[i + "AxisIndex"], n.componentIndex) || $M(o[i + "AxisName"], n.name)) return r } }(o, h); if (null != v) { var m = a[v] || (a[v] = { axesInfo: {} }); m.axesInfo[f] = y, m.mapper = o[v].mapper, y.linkGroup = m } } } })) }(n, t, e), n.seriesInvolved && function (t, e) { e.eachSeries((function (e) { var n = e.coordinateSystem, i = e.get(["tooltip", "trigger"], !0), r = e.get(["tooltip", "show"], !0); n && "none" !== i && !1 !== i && "item" !== i && !1 !== r && !1 !== e.get(["axisPointer", "show"], !0) && E(t.coordSysAxesInfo[eI(n.model)], (function (t) { var i = t.axis; n.getAxis(i.dim) === i && (t.seriesModels.push(e), null == t.seriesDataCount && (t.seriesDataCount = 0), t.seriesDataCount += e.getData().count()) })) })) }(n, t), n } function $M(t, e) { return "all" === t || Y(t) && P(t, e) >= 0 || t === e } function JM(t) { var e = QM(t); if (e) { var n = e.axisPointerModel, i = e.axis.scale, r = n.option, o = n.get("status"), a = n.get("value"); null != a && (a = i.parse(a)); var s = tI(n); null == o && (r.status = s ? "show" : "hide"); var l = i.getExtent().slice(); l[0] > l[1] && l.reverse(), (null == a || a > l[1]) && (a = l[1]), a < l[0] && (a = l[0]), r.value = a, s && (r.status = e.axis.scale.isBlank() ? "hide" : "show") } } function QM(t) { var e = (t.ecModel.getComponent("axisPointer") || {}).coordSysAxesInfo; return e && e.axesInfo[eI(t)] } function tI(t) { return !!t.get(["handle", "show"]) } function eI(t) { return t.type + "||" + t.id } var nI = {}, iI = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (e, n, i, r) { this.axisPointerClass && JM(e), t.prototype.render.apply(this, arguments), this._doUpdateAxisPointerClass(e, i, !0) }, e.prototype.updateAxisPointer = function (t, e, n, i) { this._doUpdateAxisPointerClass(t, n, !1) }, e.prototype.remove = function (t, e) { var n = this._axisPointer; n && n.remove(e) }, e.prototype.dispose = function (e, n) { this._disposeAxisPointer(n), t.prototype.dispose.apply(this, arguments) }, e.prototype._doUpdateAxisPointerClass = function (t, n, i) { var r = e.getAxisPointerClass(this.axisPointerClass); if (r) { var o = function (t) { var e = QM(t); return e && e.axisPointerModel }(t); o ? (this._axisPointer || (this._axisPointer = new r)).render(t, o, n, i) : this._disposeAxisPointer(n) } }, e.prototype._disposeAxisPointer = function (t) { this._axisPointer && this._axisPointer.dispose(t), this._axisPointer = null }, e.registerAxisPointerClass = function (t, e) { nI[t] = e }, e.getAxisPointerClass = function (t) { return t && nI[t] }, e.type = "axis", e }(mg), rI = Do(); function oI(t, e, n, i) { var r = n.axis; if (!r.scale.isBlank()) { var o = n.getModel("splitArea"), a = o.getModel("areaStyle"), s = a.get("color"), l = i.coordinateSystem.getRect(), u = r.getTicksCoords({ tickModel: o, clamp: !0 }); if (u.length) { var h = s.length, c = rI(t).splitAreaColors, p = ft(), d = 0; if (c) for (var f = 0; f < u.length; f++) { var g = c.get(u[f].tickValue); if (null != g) { d = (g + (h - 1) * f) % h; break } } var y = r.toGlobalCoord(u[0].coord), v = a.getAreaStyle(); s = Y(s) ? s : [s]; for (f = 1; f < u.length; f++) { var m = r.toGlobalCoord(u[f].coord), x = void 0, _ = void 0, b = void 0, w = void 0; r.isHorizontal() ? (x = y, _ = l.y, b = m - x, w = l.height, y = x + b) : (x = l.x, _ = y, b = l.width, y = _ + (w = m - _)); var S = u[f - 1].tickValue; null != S && p.set(S, d), e.add(new Ps({ anid: null != S ? "area_" + S : null, shape: { x: x, y: _, width: b, height: w }, style: k({ fill: s[d] }, v), autoBatch: !0, silent: !0 })), d = (d + 1) % h } rI(t).splitAreaColors = p } } } function aI(t) { rI(t).splitAreaColors = null } var sI = ["axisLine", "axisTickLabel", "axisName"], lI = ["splitArea", "splitLine", "minorSplitLine"], uI = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.axisPointerClass = "CartesianAxisPointer", n } return n(e, t), e.prototype.render = function (e, n, i, r) { this.group.removeAll(); var o = this._axisGroup; if (this._axisGroup = new Pr, this.group.add(this._axisGroup), e.get("show")) { var a = e.getCoordSysModel(), s = RM(a, e), l = new YM(e, A({ handleAutoShown: function (t) { for (var n = a.coordinateSystem.getCartesians(), i = 0; i < n.length; i++)if (px(n[i].getOtherAxis(e.axis).scale)) return !0; return !1 } }, s)); E(sI, l.add, l), this._axisGroup.add(l.getGroup()), E(lI, (function (t) { e.get([t, "show"]) && hI[t](this, this._axisGroup, e, a) }), this), r && "changeAxisOrder" === r.type && r.isInitSort || Nh(o, this._axisGroup, e), t.prototype.render.call(this, e, n, i, r) } }, e.prototype.remove = function () { aI(this) }, e.type = "cartesianAxis", e }(iI), hI = { splitLine: function (t, e, n, i) { var r = n.axis; if (!r.scale.isBlank()) { var o = n.getModel("splitLine"), a = o.getModel("lineStyle"), s = a.get("color"); s = Y(s) ? s : [s]; for (var l = i.coordinateSystem.getRect(), u = r.isHorizontal(), h = 0, c = r.getTicksCoords({ tickModel: o }), p = [], d = [], f = a.getLineStyle(), g = 0; g < c.length; g++) { var y = r.toGlobalCoord(c[g].coord); u ? (p[0] = y, p[1] = l.y, d[0] = y, d[1] = l.y + l.height) : (p[0] = l.x, p[1] = y, d[0] = l.x + l.width, d[1] = y); var v = h++ % s.length, m = c[g].tickValue, x = new Wu({ anid: null != m ? "line_" + c[g].tickValue : null, autoBatch: !0, shape: { x1: p[0], y1: p[1], x2: d[0], y2: d[1] }, style: k({ stroke: s[v] }, f), silent: !0 }); Ah(x.shape, f.lineWidth), e.add(x) } } }, minorSplitLine: function (t, e, n, i) { var r = n.axis, o = n.getModel("minorSplitLine").getModel("lineStyle"), a = i.coordinateSystem.getRect(), s = r.isHorizontal(), l = r.getMinorTicksCoords(); if (l.length) for (var u = [], h = [], c = o.getLineStyle(), p = 0; p < l.length; p++)for (var d = 0; d < l[p].length; d++) { var f = r.toGlobalCoord(l[p][d].coord); s ? (u[0] = f, u[1] = a.y, h[0] = f, h[1] = a.y + a.height) : (u[0] = a.x, u[1] = f, h[0] = a.x + a.width, h[1] = f); var g = new Wu({ anid: "minor_line_" + l[p][d].tickValue, autoBatch: !0, shape: { x1: u[0], y1: u[1], x2: h[0], y2: h[1] }, style: c, silent: !0 }); Ah(g.shape, c.lineWidth), e.add(g) } }, splitArea: function (t, e, n, i) { oI(t, e, n, i) } }, cI = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "xAxis", e }(uI), pI = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = cI.type, e } return n(e, t), e.type = "yAxis", e }(uI), dI = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "grid", e } return n(e, t), e.prototype.render = function (t, e) { this.group.removeAll(), t.get("show") && this.group.add(new Ps({ shape: t.coordinateSystem.getRect(), style: k({ fill: t.get("backgroundColor") }, t.getItemStyle()), silent: !0, z2: -1 })) }, e.type = "grid", e }(mg), fI = { offset: 0 }; function gI(t) { t.registerComponentView(dI), t.registerComponentModel(_M), t.registerCoordinateSystem("cartesian2d", BM), CM(t, "x", bM, fI), CM(t, "y", bM, fI), t.registerComponentView(cI), t.registerComponentView(pI), t.registerPreprocessor((function (t) { t.xAxis && t.yAxis && !t.grid && (t.grid = {}) })) } function yI(t) { t.eachSeriesByType("radar", (function (t) { var e = t.getData(), n = [], i = t.coordinateSystem; if (i) { var r = i.getIndicatorAxes(); E(r, (function (t, o) { e.each(e.mapDimension(r[o].dim), (function (t, e) { n[e] = n[e] || []; var r = i.dataToPoint(t, o); n[e][o] = vI(r) ? r : mI(i) })) })), e.each((function (t) { var r = F(n[t], (function (t) { return vI(t) })) || mI(i); n[t].push(r.slice()), e.setItemLayout(t, n[t]) })) } })) } function vI(t) { return !isNaN(t[0]) && !isNaN(t[1]) } function mI(t) { return [t.cx, t.cy] } function xI(t) { var e = t.polar; if (e) { Y(e) || (e = [e]); var n = []; E(e, (function (e, i) { e.indicator ? (e.type && !e.shape && (e.shape = e.type), t.radar = t.radar || [], Y(t.radar) || (t.radar = [t.radar]), t.radar.push(e)) : n.push(e) })), t.polar = n } E(t.series, (function (t) { t && "radar" === t.type && t.polarIndex && (t.radarIndex = t.polarIndex) })) } var _I = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = t.coordinateSystem, r = this.group, o = t.getData(), a = this._data; function s(t, e) { var n = t.getItemVisual(e, "symbol") || "circle"; if ("none" !== n) { var i = Ny(t.getItemVisual(e, "symbolSize")), r = Ry(n, -1, -1, 2, 2), o = t.getItemVisual(e, "symbolRotate") || 0; return r.attr({ style: { strokeNoScale: !0 }, z2: 100, scaleX: i[0] / 2, scaleY: i[1] / 2, rotation: o * Math.PI / 180 || 0 }), r } } function l(e, n, i, r, o, a) { i.removeAll(); for (var l = 0; l < n.length - 1; l++) { var u = s(r, o); u && (u.__dimIdx = l, e[l] ? (u.setPosition(e[l]), Uh[a ? "initProps" : "updateProps"](u, { x: n[l][0], y: n[l][1] }, t, o)) : u.setPosition(n[l]), i.add(u)) } } function u(t) { return z(t, (function (t) { return [i.cx, i.cy] })) } o.diff(a).add((function (e) { var n = o.getItemLayout(e); if (n) { var i = new zu, r = new Bu, a = { shape: { points: n } }; i.shape.points = u(n), r.shape.points = u(n), hh(i, a, t, e), hh(r, a, t, e); var s = new Pr, h = new Pr; s.add(r), s.add(i), s.add(h), l(r.shape.points, n, h, o, e, !0), o.setItemGraphicEl(e, s) } })).update((function (e, n) { var i = a.getItemGraphicEl(n), r = i.childAt(0), s = i.childAt(1), u = i.childAt(2), h = { shape: { points: o.getItemLayout(e) } }; h.shape.points && (l(r.shape.points, h.shape.points, u, o, e, !1), gh(s), gh(r), uh(r, h, t), uh(s, h, t), o.setItemGraphicEl(e, i)) })).remove((function (t) { r.remove(a.getItemGraphicEl(t)) })).execute(), o.eachItemGraphicEl((function (t, e) { var n = o.getItemModel(e), i = t.childAt(0), a = t.childAt(1), s = t.childAt(2), l = o.getItemVisual(e, "style"), u = l.fill; r.add(t), i.useStyle(k(n.getModel("lineStyle").getLineStyle(), { fill: "none", stroke: u })), Hl(i, n, "lineStyle"), Hl(a, n, "areaStyle"); var h = n.getModel("areaStyle"), c = h.isEmpty() && h.parentModel.isEmpty(); a.ignore = c, E(["emphasis", "select", "blur"], (function (t) { var e = n.getModel([t, "areaStyle"]), i = e.isEmpty() && e.parentModel.isEmpty(); a.ensureState(t).ignore = i && c })), a.useStyle(k(h.getAreaStyle(), { fill: u, opacity: .7, decal: l.decal })); var p = n.getModel("emphasis"), d = p.getModel("itemStyle").getItemStyle(); s.eachChild((function (t) { if (t instanceof Is) { var i = t.style; t.useStyle(A({ image: i.image, x: i.x, y: i.y, width: i.width, height: i.height }, l)) } else t.useStyle(l), t.setColor(u), t.style.strokeNoScale = !0; t.ensureState("emphasis").style = T(d); var r = o.getStore().get(o.getDimensionIndex(t.__dimIdx), e); (null == r || isNaN(r)) && (r = ""), qh(t, Kh(n), { labelFetcher: o.hostModel, labelDataIndex: e, labelDimIndex: t.__dimIdx, defaultText: r, inheritColor: u, defaultOpacity: l.opacity }) })), Bl(t, p.get("focus"), p.get("blurScope"), p.get("disabled")) })), this._data = o }, e.prototype.remove = function () { this.group.removeAll(), this._data = null }, e.type = "radar", e }(wg), bI = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.hasSymbolVisual = !0, n } return n(e, t), e.prototype.init = function (e) { t.prototype.init.apply(this, arguments), this.legendVisualProvider = new dM(W(this.getData, this), W(this.getRawData, this)) }, e.prototype.getInitialData = function (t, e) { return pM(this, { generateCoord: "indicator_", generateCoordCount: 1 / 0 }) }, e.prototype.formatTooltip = function (t, e, n) { var i = this.getData(), r = this.coordinateSystem.getIndicatorAxes(), o = this.getData().getName(t), a = "" === o ? this.name : o, s = rg(this, t); return qf("section", { header: a, sortBlocks: !0, blocks: z(r, (function (e) { var n = i.get(i.mapDimension(e.dim), t); return qf("nameValue", { markerType: "subItem", markerColor: s, name: e.name, value: n, sortParam: n }) })) }) }, e.prototype.getTooltipPosition = function (t) { if (null != t) for (var e = this.getData(), n = this.coordinateSystem, i = e.getValues(z(n.dimensions, (function (t) { return e.mapDimension(t) })), t), r = 0, o = i.length; r < o; r++)if (!isNaN(i[r])) { var a = n.getIndicatorAxes(); return n.coordToPoint(a[r].dataToCoord(i[r]), r) } }, e.type = "series.radar", e.dependencies = ["radar"], e.defaultOption = { z: 2, colorBy: "data", coordinateSystem: "radar", legendHoverLink: !0, radarIndex: 0, lineStyle: { width: 2, type: "solid", join: "round" }, label: { position: "top" }, symbolSize: 8 }, e }(hg), wI = IM.value; function SI(t, e) { return k({ show: e }, t) } var MI = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.optionUpdated = function () { var t = this.get("boundaryGap"), e = this.get("splitNumber"), n = this.get("scale"), i = this.get("axisLine"), r = this.get("axisTick"), o = this.get("axisLabel"), a = this.get("axisName"), s = this.get(["axisName", "show"]), l = this.get(["axisName", "formatter"]), u = this.get("axisNameGap"), h = this.get("triggerEvent"), c = z(this.get("indicator") || [], (function (c) { null != c.max && c.max > 0 && !c.min ? c.min = 0 : null != c.min && c.min < 0 && !c.max && (c.max = 0); var p = a; null != c.color && (p = k({ color: c.color }, a)); var d = C(T(c), { boundaryGap: t, splitNumber: e, scale: n, axisLine: i, axisTick: r, axisLabel: o, name: c.text, showName: s, nameLocation: "end", nameGap: u, nameTextStyle: p, triggerEvent: h }, !1); if (X(l)) { var f = d.name; d.name = l.replace("{value}", null != f ? f : "") } else U(l) && (d.name = l(d.name, d)); var g = new xc(d, null, this.ecModel); return R(g, g_.prototype), g.mainType = "radar", g.componentIndex = this.componentIndex, g }), this); this._indicatorModels = c }, e.prototype.getIndicatorModels = function () { return this._indicatorModels }, e.type = "radar", e.defaultOption = { z: 0, center: ["50%", "50%"], radius: "75%", startAngle: 90, axisName: { show: !0 }, boundaryGap: [0, 0], splitNumber: 5, axisNameGap: 15, scale: !1, shape: "polygon", axisLine: C({ lineStyle: { color: "#bbb" } }, wI.axisLine), axisLabel: SI(wI.axisLabel, !1), axisTick: SI(wI.axisTick, !1), splitLine: SI(wI.splitLine, !0), splitArea: SI(wI.splitArea, !0), indicator: [] }, e }(Ap), II = ["axisLine", "axisTickLabel", "axisName"], TI = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { this.group.removeAll(), this._buildAxes(t), this._buildSplitLineAndArea(t) }, e.prototype._buildAxes = function (t) { var e = t.coordinateSystem; E(z(e.getIndicatorAxes(), (function (t) { var n = t.model.get("showName") ? t.name : ""; return new YM(t.model, { axisName: n, position: [e.cx, e.cy], rotation: t.angle, labelDirection: -1, tickDirection: -1, nameDirection: 1 }) })), (function (t) { E(II, t.add, t), this.group.add(t.getGroup()) }), this) }, e.prototype._buildSplitLineAndArea = function (t) { var e = t.coordinateSystem, n = e.getIndicatorAxes(); if (n.length) { var i = t.get("shape"), r = t.getModel("splitLine"), o = t.getModel("splitArea"), a = r.getModel("lineStyle"), s = o.getModel("areaStyle"), l = r.get("show"), u = o.get("show"), h = a.get("color"), c = s.get("color"), p = Y(h) ? h : [h], d = Y(c) ? c : [c], f = [], g = []; if ("circle" === i) for (var y = n[0].getTicksCoords(), v = e.cx, m = e.cy, x = 0; x < y.length; x++) { if (l) f[C(f, p, x)].push(new gu({ shape: { cx: v, cy: m, r: y[x].coord } })); if (u && x < y.length - 1) g[C(g, d, x)].push(new Ru({ shape: { cx: v, cy: m, r0: y[x].coord, r: y[x + 1].coord } })) } else { var _, b = z(n, (function (t, n) { var i = t.getTicksCoords(); return _ = null == _ ? i.length - 1 : Math.min(i.length - 1, _), z(i, (function (t) { return e.coordToPoint(t.coord, n) })) })), w = []; for (x = 0; x <= _; x++) { for (var S = [], M = 0; M < n.length; M++)S.push(b[M][x]); if (S[0] && S.push(S[0].slice()), l) f[C(f, p, x)].push(new Bu({ shape: { points: S } })); if (u && w) g[C(g, d, x - 1)].push(new zu({ shape: { points: S.concat(w) } })); w = S.slice().reverse() } } var I = a.getLineStyle(), T = s.getAreaStyle(); E(g, (function (t, e) { this.group.add(Ch(t, { style: k({ stroke: "none", fill: d[e % d.length] }, T), silent: !0 })) }), this), E(f, (function (t, e) { this.group.add(Ch(t, { style: k({ fill: "none", stroke: p[e % p.length] }, I), silent: !0 })) }), this) } function C(t, e, n) { var i = n % e.length; return t[i] = t[i] || [], i } }, e.type = "radar", e }(mg), CI = function (t) { function e(e, n, i) { var r = t.call(this, e, n, i) || this; return r.type = "value", r.angle = 0, r.name = "", r } return n(e, t), e }(X_), DI = function () { function t(t, e, n) { this.dimensions = [], this._model = t, this._indicatorAxes = z(t.getIndicatorModels(), (function (t, e) { var n = "indicator_" + e, i = new CI(n, new Sx); return i.name = t.get("name"), i.model = t, t.axis = i, this.dimensions.push(n), i }), this), this.resize(t, n) } return t.prototype.getIndicatorAxes = function () { return this._indicatorAxes }, t.prototype.dataToPoint = function (t, e) { var n = this._indicatorAxes[e]; return this.coordToPoint(n.dataToCoord(t), e) }, t.prototype.coordToPoint = function (t, e) { var n = this._indicatorAxes[e].angle; return [this.cx + t * Math.cos(n), this.cy - t * Math.sin(n)] }, t.prototype.pointToData = function (t) { var e = t[0] - this.cx, n = t[1] - this.cy, i = Math.sqrt(e * e + n * n); e /= i, n /= i; for (var r, o = Math.atan2(-n, e), a = 1 / 0, s = -1, l = 0; l < this._indicatorAxes.length; l++) { var u = this._indicatorAxes[l], h = Math.abs(o - u.angle); h < a && (r = u, s = l, a = h) } return [s, +(r && r.coordToData(i))] }, t.prototype.resize = function (t, e) { var n = t.get("center"), i = e.getWidth(), r = e.getHeight(), o = Math.min(i, r) / 2; this.cx = Gr(n[0], i), this.cy = Gr(n[1], r), this.startAngle = t.get("startAngle") * Math.PI / 180; var a = t.get("radius"); (X(a) || j(a)) && (a = [0, a]), this.r0 = Gr(a[0], o), this.r = Gr(a[1], o), E(this._indicatorAxes, (function (t, e) { t.setExtent(this.r0, this.r); var n = this.startAngle + e * Math.PI * 2 / this._indicatorAxes.length; n = Math.atan2(Math.sin(n), Math.cos(n)), t.angle = n }), this) }, t.prototype.update = function (t, e) { var n = this._indicatorAxes, i = this._model; E(n, (function (t) { t.scale.setExtent(1 / 0, -1 / 0) })), t.eachSeriesByType("radar", (function (e, r) { if ("radar" === e.get("coordinateSystem") && t.getComponent("radar", e.get("radarIndex")) === i) { var o = e.getData(); E(n, (function (t) { t.scale.unionExtentFromData(o, o.mapDimension(t.dim)) })) } }), this); var r = i.get("splitNumber"), o = new Sx; o.setExtent(0, r), o.setInterval(1), E(n, (function (t, e) { VM(t.scale, t.model, o) })) }, t.prototype.convertToPixel = function (t, e, n) { return console.warn("Not implemented."), null }, t.prototype.convertFromPixel = function (t, e, n) { return console.warn("Not implemented."), null }, t.prototype.containPoint = function (t) { return console.warn("Not implemented."), !1 }, t.create = function (e, n) { var i = []; return e.eachComponent("radar", (function (r) { var o = new t(r, e, n); i.push(o), r.coordinateSystem = o })), e.eachSeriesByType("radar", (function (t) { "radar" === t.get("coordinateSystem") && (t.coordinateSystem = i[t.get("radarIndex") || 0]) })), i }, t.dimensions = [], t }(); function AI(t) { t.registerCoordinateSystem("radar", DI), t.registerComponentModel(MI), t.registerComponentView(TI), t.registerVisual({ seriesType: "radar", reset: function (t) { var e = t.getData(); e.each((function (t) { e.setItemVisual(t, "legendIcon", "roundRect") })), e.setVisual("legendIcon", "roundRect") } }) } var kI = "\0_ec_interaction_mutex"; function LI(t, e) { return !!PI(t)[e] } function PI(t) { return t[kI] || (t[kI] = {}) } fm({ type: "takeGlobalCursor", event: "globalCursorTaken", update: "update" }, xt); var OI = function (t) { function e(e) { var n = t.call(this) || this; n._zr = e; var i = W(n._mousedownHandler, n), r = W(n._mousemoveHandler, n), o = W(n._mouseupHandler, n), a = W(n._mousewheelHandler, n), s = W(n._pinchHandler, n); return n.enable = function (t, n) { this.disable(), this._opt = k(T(n) || {}, { zoomOnMouseWheel: !0, moveOnMouseMove: !0, moveOnMouseWheel: !1, preventDefaultMouseMove: !0 }), null == t && (t = !0), !0 !== t && "move" !== t && "pan" !== t || (e.on("mousedown", i), e.on("mousemove", r), e.on("mouseup", o)), !0 !== t && "scale" !== t && "zoom" !== t || (e.on("mousewheel", a), e.on("pinch", s)) }, n.disable = function () { e.off("mousedown", i), e.off("mousemove", r), e.off("mouseup", o), e.off("mousewheel", a), e.off("pinch", s) }, n } return n(e, t), e.prototype.isDragging = function () { return this._dragging }, e.prototype.isPinching = function () { return this._pinching }, e.prototype.setPointerChecker = function (t) { this.pointerChecker = t }, e.prototype.dispose = function () { this.disable() }, e.prototype._mousedownHandler = function (t) { if (!ce(t)) { for (var e = t.target; e;) { if (e.draggable) return; e = e.__hostTarget || e.parent } var n = t.offsetX, i = t.offsetY; this.pointerChecker && this.pointerChecker(t, n, i) && (this._x = n, this._y = i, this._dragging = !0) } }, e.prototype._mousemoveHandler = function (t) { if (this._dragging && EI("moveOnMouseMove", t, this._opt) && "pinch" !== t.gestureEvent && !LI(this._zr, "globalPan")) { var e = t.offsetX, n = t.offsetY, i = this._x, r = this._y, o = e - i, a = n - r; this._x = e, this._y = n, this._opt.preventDefaultMouseMove && he(t.event), NI(this, "pan", "moveOnMouseMove", t, { dx: o, dy: a, oldX: i, oldY: r, newX: e, newY: n, isAvailableBehavior: null }) } }, e.prototype._mouseupHandler = function (t) { ce(t) || (this._dragging = !1) }, e.prototype._mousewheelHandler = function (t) { var e = EI("zoomOnMouseWheel", t, this._opt), n = EI("moveOnMouseWheel", t, this._opt), i = t.wheelDelta, r = Math.abs(i), o = t.offsetX, a = t.offsetY; if (0 !== i && (e || n)) { if (e) { var s = r > 3 ? 1.4 : r > 1 ? 1.2 : 1.1; RI(this, "zoom", "zoomOnMouseWheel", t, { scale: i > 0 ? s : 1 / s, originX: o, originY: a, isAvailableBehavior: null }) } if (n) { var l = Math.abs(i); RI(this, "scrollMove", "moveOnMouseWheel", t, { scrollDelta: (i > 0 ? 1 : -1) * (l > 3 ? .4 : l > 1 ? .15 : .05), originX: o, originY: a, isAvailableBehavior: null }) } } }, e.prototype._pinchHandler = function (t) { LI(this._zr, "globalPan") || RI(this, "zoom", null, t, { scale: t.pinchScale > 1 ? 1.1 : 1 / 1.1, originX: t.pinchX, originY: t.pinchY, isAvailableBehavior: null }) }, e }(Xt); function RI(t, e, n, i, r) { t.pointerChecker && t.pointerChecker(i, r.originX, r.originY) && (he(i.event), NI(t, e, n, i, r)) } function NI(t, e, n, i, r) { r.isAvailableBehavior = W(EI, null, n, i), t.trigger(e, r) } function EI(t, e, n) { var i = n[t]; return !t || i && (!X(i) || e.event[i + "Key"]) } function zI(t, e, n) { var i = t.target; i.x += e, i.y += n, i.dirty() } function VI(t, e, n, i) { var r = t.target, o = t.zoomLimit, a = t.zoom = t.zoom || 1; if (a *= e, o) { var s = o.min || 0, l = o.max || 1 / 0; a = Math.max(Math.min(l, a), s) } var u = a / t.zoom; t.zoom = a, r.x -= (n - r.x) * (u - 1), r.y -= (i - r.y) * (u - 1), r.scaleX *= u, r.scaleY *= u, r.dirty() } var BI, FI = { axisPointer: 1, tooltip: 1, brush: 1 }; function GI(t, e, n) { var i = e.getComponentByElement(t.topTarget), r = i && i.coordinateSystem; return i && i !== n && !FI.hasOwnProperty(i.mainType) && r && r.model !== n } function WI(t) { X(t) && (t = (new DOMParser).parseFromString(t, "text/xml")); var e = t; for (9 === e.nodeType && (e = e.firstChild); "svg" !== e.nodeName.toLowerCase() || 1 !== e.nodeType;)e = e.nextSibling; return e } var HI = { fill: "fill", stroke: "stroke", "stroke-width": "lineWidth", opacity: "opacity", "fill-opacity": "fillOpacity", "stroke-opacity": "strokeOpacity", "stroke-dasharray": "lineDash", "stroke-dashoffset": "lineDashOffset", "stroke-linecap": "lineCap", "stroke-linejoin": "lineJoin", "stroke-miterlimit": "miterLimit", "font-family": "fontFamily", "font-size": "fontSize", "font-style": "fontStyle", "font-weight": "fontWeight", "text-anchor": "textAlign", visibility: "visibility", display: "display" }, YI = G(HI), UI = { "alignment-baseline": "textBaseline", "stop-color": "stopColor" }, XI = G(UI), ZI = function () { function t() { this._defs = {}, this._root = null } return t.prototype.parse = function (t, e) { e = e || {}; var n = WI(t); this._defsUsePending = []; var i = new Pr; this._root = i; var r = [], o = n.getAttribute("viewBox") || "", a = parseFloat(n.getAttribute("width") || e.width), s = parseFloat(n.getAttribute("height") || e.height); isNaN(a) && (a = null), isNaN(s) && (s = null), QI(n, i, null, !0, !1); for (var l, u, h = n.firstChild; h;)this._parseNode(h, i, r, null, !1, !1), h = h.nextSibling; if (function (t, e) { for (var n = 0; n < e.length; n++) { var i = e[n]; i[0].style[i[1]] = t[i[2]] } }(this._defs, this._defsUsePending), this._defsUsePending = [], o) { var c = iT(o); c.length >= 4 && (l = { x: parseFloat(c[0] || 0), y: parseFloat(c[1] || 0), width: parseFloat(c[2]), height: parseFloat(c[3]) }) } if (l && null != a && null != s && (u = lT(l, { x: 0, y: 0, width: a, height: s }), !e.ignoreViewBox)) { var p = i; (i = new Pr).add(p), p.scaleX = p.scaleY = u.scale, p.x = u.x, p.y = u.y } return e.ignoreRootClip || null == a || null == s || i.setClipPath(new Ps({ shape: { x: 0, y: 0, width: a, height: s } })), { root: i, width: a, height: s, viewBoxRect: l, viewBoxTransform: u, named: r } }, t.prototype._parseNode = function (t, e, n, i, r, o) { var a, s = t.nodeName.toLowerCase(), l = i; if ("defs" === s && (r = !0), "text" === s && (o = !0), "defs" === s || "switch" === s) a = e; else { if (!r) { var u = BI[s]; if (u && mt(BI, s)) { a = u.call(this, t, e); var h = t.getAttribute("name"); if (h) { var c = { name: h, namedFrom: null, svgNodeTagLower: s, el: a }; n.push(c), "g" === s && (l = c) } else i && n.push({ name: i.name, namedFrom: i, svgNodeTagLower: s, el: a }); e.add(a) } } var p = jI[s]; if (p && mt(jI, s)) { var d = p.call(this, t), f = t.getAttribute("id"); f && (this._defs[f] = d) } } if (a && a.isGroup) for (var g = t.firstChild; g;)1 === g.nodeType ? this._parseNode(g, a, n, l, r, o) : 3 === g.nodeType && o && this._parseText(g, a), g = g.nextSibling }, t.prototype._parseText = function (t, e) { var n = new ws({ style: { text: t.textContent }, silent: !0, x: this._textX || 0, y: this._textY || 0 }); $I(e, n), QI(t, n, this._defsUsePending, !1, !1), function (t, e) { var n = e.__selfStyle; if (n) { var i = n.textBaseline, r = i; i && "auto" !== i ? "baseline" === i ? r = "alphabetic" : "before-edge" === i || "text-before-edge" === i ? r = "top" : "after-edge" === i || "text-after-edge" === i ? r = "bottom" : "central" !== i && "mathematical" !== i || (r = "middle") : r = "alphabetic", t.style.textBaseline = r } var o = e.__inheritedStyle; if (o) { var a = o.textAlign, s = a; a && ("middle" === a && (s = "center"), t.style.textAlign = s) } }(n, e); var i = n.style, r = i.fontSize; r && r < 9 && (i.fontSize = 9, n.scaleX *= r / 9, n.scaleY *= r / 9); var o = (i.fontSize || i.fontFamily) && [i.fontStyle, i.fontWeight, (i.fontSize || 12) + "px", i.fontFamily || "sans-serif"].join(" "); i.font = o; var a = n.getBoundingRect(); return this._textX += a.width, e.add(n), n }, t.internalField = void (BI = { g: function (t, e) { var n = new Pr; return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n }, rect: function (t, e) { var n = new Ps; return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n.setShape({ x: parseFloat(t.getAttribute("x") || "0"), y: parseFloat(t.getAttribute("y") || "0"), width: parseFloat(t.getAttribute("width") || "0"), height: parseFloat(t.getAttribute("height") || "0") }), n.silent = !0, n }, circle: function (t, e) { var n = new gu; return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n.setShape({ cx: parseFloat(t.getAttribute("cx") || "0"), cy: parseFloat(t.getAttribute("cy") || "0"), r: parseFloat(t.getAttribute("r") || "0") }), n.silent = !0, n }, line: function (t, e) { var n = new Wu; return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n.setShape({ x1: parseFloat(t.getAttribute("x1") || "0"), y1: parseFloat(t.getAttribute("y1") || "0"), x2: parseFloat(t.getAttribute("x2") || "0"), y2: parseFloat(t.getAttribute("y2") || "0") }), n.silent = !0, n }, ellipse: function (t, e) { var n = new vu; return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n.setShape({ cx: parseFloat(t.getAttribute("cx") || "0"), cy: parseFloat(t.getAttribute("cy") || "0"), rx: parseFloat(t.getAttribute("rx") || "0"), ry: parseFloat(t.getAttribute("ry") || "0") }), n.silent = !0, n }, polygon: function (t, e) { var n, i = t.getAttribute("points"); i && (n = JI(i)); var r = new zu({ shape: { points: n || [] }, silent: !0 }); return $I(e, r), QI(t, r, this._defsUsePending, !1, !1), r }, polyline: function (t, e) { var n, i = t.getAttribute("points"); i && (n = JI(i)); var r = new Bu({ shape: { points: n || [] }, silent: !0 }); return $I(e, r), QI(t, r, this._defsUsePending, !1, !1), r }, image: function (t, e) { var n = new Is; return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n.setStyle({ image: t.getAttribute("xlink:href") || t.getAttribute("href"), x: +t.getAttribute("x"), y: +t.getAttribute("y"), width: +t.getAttribute("width"), height: +t.getAttribute("height") }), n.silent = !0, n }, text: function (t, e) { var n = t.getAttribute("x") || "0", i = t.getAttribute("y") || "0", r = t.getAttribute("dx") || "0", o = t.getAttribute("dy") || "0"; this._textX = parseFloat(n) + parseFloat(r), this._textY = parseFloat(i) + parseFloat(o); var a = new Pr; return $I(e, a), QI(t, a, this._defsUsePending, !1, !0), a }, tspan: function (t, e) { var n = t.getAttribute("x"), i = t.getAttribute("y"); null != n && (this._textX = parseFloat(n)), null != i && (this._textY = parseFloat(i)); var r = t.getAttribute("dx") || "0", o = t.getAttribute("dy") || "0", a = new Pr; return $I(e, a), QI(t, a, this._defsUsePending, !1, !0), this._textX += parseFloat(r), this._textY += parseFloat(o), a }, path: function (t, e) { var n = pu(t.getAttribute("d") || ""); return $I(e, n), QI(t, n, this._defsUsePending, !1, !1), n.silent = !0, n } }), t }(), jI = { lineargradient: function (t) { var e = parseInt(t.getAttribute("x1") || "0", 10), n = parseInt(t.getAttribute("y1") || "0", 10), i = parseInt(t.getAttribute("x2") || "10", 10), r = parseInt(t.getAttribute("y2") || "0", 10), o = new $u(e, n, i, r); return qI(t, o), KI(t, o), o }, radialgradient: function (t) { var e = parseInt(t.getAttribute("cx") || "0", 10), n = parseInt(t.getAttribute("cy") || "0", 10), i = parseInt(t.getAttribute("r") || "0", 10), r = new Ju(e, n, i); return qI(t, r), KI(t, r), r } }; function qI(t, e) { "userSpaceOnUse" === t.getAttribute("gradientUnits") && (e.global = !0) } function KI(t, e) { for (var n = t.firstChild; n;) { if (1 === n.nodeType && "stop" === n.nodeName.toLocaleLowerCase()) { var i = n.getAttribute("offset"), r = void 0; r = i && i.indexOf("%") > 0 ? parseInt(i, 10) / 100 : i ? parseFloat(i) : 0; var o = {}; sT(n, o, o); var a = o.stopColor || n.getAttribute("stop-color") || "#000000"; e.colorStops.push({ offset: r, color: a }) } n = n.nextSibling } } function $I(t, e) { t && t.__inheritedStyle && (e.__inheritedStyle || (e.__inheritedStyle = {}), k(e.__inheritedStyle, t.__inheritedStyle)) } function JI(t) { for (var e = iT(t), n = [], i = 0; i < e.length; i += 2) { var r = parseFloat(e[i]), o = parseFloat(e[i + 1]); n.push([r, o]) } return n } function QI(t, e, n, i, r) { var o = e, a = o.__inheritedStyle = o.__inheritedStyle || {}, s = {}; 1 === t.nodeType && (function (t, e) { var n = t.getAttribute("transform"); if (n) { n = n.replace(/,/g, " "); var i = [], r = null; n.replace(rT, (function (t, e, n) { return i.push(e, n), "" })); for (var o = i.length - 1; o > 0; o -= 2) { var a = i[o], s = i[o - 1], l = iT(a); switch (r = r || [1, 0, 0, 1, 0, 0], s) { case "translate": xe(r, r, [parseFloat(l[0]), parseFloat(l[1] || "0")]); break; case "scale": be(r, r, [parseFloat(l[0]), parseFloat(l[1] || l[0])]); break; case "rotate": _e(r, r, -parseFloat(l[0]) * oT); break; case "skewX": me(r, [1, 0, Math.tan(parseFloat(l[0]) * oT), 1, 0, 0], r); break; case "skewY": me(r, [1, Math.tan(parseFloat(l[0]) * oT), 0, 1, 0, 0], r); break; case "matrix": r[0] = parseFloat(l[0]), r[1] = parseFloat(l[1]), r[2] = parseFloat(l[2]), r[3] = parseFloat(l[3]), r[4] = parseFloat(l[4]), r[5] = parseFloat(l[5]) } } e.setLocalTransform(r) } }(t, e), sT(t, a, s), i || function (t, e, n) { for (var i = 0; i < YI.length; i++) { var r = YI[i]; null != (o = t.getAttribute(r)) && (e[HI[r]] = o) } for (i = 0; i < XI.length; i++) { var o; r = XI[i]; null != (o = t.getAttribute(r)) && (n[UI[r]] = o) } }(t, a, s)), o.style = o.style || {}, null != a.fill && (o.style.fill = eT(o, "fill", a.fill, n)), null != a.stroke && (o.style.stroke = eT(o, "stroke", a.stroke, n)), E(["lineWidth", "opacity", "fillOpacity", "strokeOpacity", "miterLimit", "fontSize"], (function (t) { null != a[t] && (o.style[t] = parseFloat(a[t])) })), E(["lineDashOffset", "lineCap", "lineJoin", "fontWeight", "fontFamily", "fontStyle", "textAlign"], (function (t) { null != a[t] && (o.style[t] = a[t]) })), r && (o.__selfStyle = s), a.lineDash && (o.style.lineDash = z(iT(a.lineDash), (function (t) { return parseFloat(t) }))), "hidden" !== a.visibility && "collapse" !== a.visibility || (o.invisible = !0), "none" === a.display && (o.ignore = !0) } var tT = /^url\(\s*#(.*?)\)/; function eT(t, e, n, i) { var r = n && n.match(tT); if (!r) return "none" === n && (n = null), n; var o = ut(r[1]); i.push([t, e, o]) } var nT = /-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g; function iT(t) { return t.match(nT) || [] } var rT = /(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g, oT = Math.PI / 180; var aT = /([^\s:;]+)\s*:\s*([^:;]+)/g; function sT(t, e, n) { var i, r = t.getAttribute("style"); if (r) for (aT.lastIndex = 0; null != (i = aT.exec(r));) { var o = i[1], a = mt(HI, o) ? HI[o] : null; a && (e[a] = i[2]); var s = mt(UI, o) ? UI[o] : null; s && (n[s] = i[2]) } } function lT(t, e) { var n = e.width / t.width, i = e.height / t.height, r = Math.min(n, i); return { scale: r, x: -(t.x + t.width / 2) * r + (e.x + e.width / 2), y: -(t.y + t.height / 2) * r + (e.y + e.height / 2) } } var uT = ft(["rect", "circle", "line", "ellipse", "polygon", "polyline", "path", "text", "tspan", "g"]), hT = function () { function t(t, e) { this.type = "geoSVG", this._usedGraphicMap = ft(), this._freedGraphics = [], this._mapName = t, this._parsedXML = WI(e) } return t.prototype.load = function () { var t = this._firstGraphic; if (!t) { t = this._firstGraphic = this._buildGraphic(this._parsedXML), this._freedGraphics.push(t), this._boundingRect = this._firstGraphic.boundingRect.clone(); var e = function (t) { var e = [], n = ft(); return E(t, (function (t) { if (null == t.namedFrom) { var i = new C_(t.name, t.el); e.push(i), n.set(t.name, i) } })), { regions: e, regionsMap: n } }(t.named), n = e.regions, i = e.regionsMap; this._regions = n, this._regionsMap = i } return { boundingRect: this._boundingRect, regions: this._regions, regionsMap: this._regionsMap } }, t.prototype._buildGraphic = function (t) { var e, n, i, r; try { lt(null != (n = (e = t && (i = t, r = { ignoreViewBox: !0, ignoreRootClip: !0 }, (new ZI).parse(i, r)) || {}).root)) } catch (t) { throw new Error("Invalid svg format\n" + t.message) } var o = new Pr; o.add(n), o.isGeoSVGGraphicRoot = !0; var a = e.width, s = e.height, l = e.viewBoxRect, u = this._boundingRect; if (!u) { var h = void 0, c = void 0, p = void 0, d = void 0; if (null != a ? (h = 0, p = a) : l && (h = l.x, p = l.width), null != s ? (c = 0, d = s) : l && (c = l.y, d = l.height), null == h || null == c) { var f = n.getBoundingRect(); null == h && (h = f.x, p = f.width), null == c && (c = f.y, d = f.height) } u = this._boundingRect = new Re(h, c, p, d) } if (l) { var g = lT(l, u); n.scaleX = n.scaleY = g.scale, n.x = g.x, n.y = g.y } o.setClipPath(new Ps({ shape: u.plain() })); var y = []; return E(e.named, (function (t) { var e; null != uT.get(t.svgNodeTagLower) && (y.push(t), (e = t.el).silent = !1, e.isGroup && e.traverse((function (t) { t.silent = !1 }))) })), { root: o, boundingRect: u, named: y } }, t.prototype.useGraphic = function (t) { var e = this._usedGraphicMap, n = e.get(t); return n || (n = this._freedGraphics.pop() || this._buildGraphic(this._parsedXML), e.set(t, n), n) }, t.prototype.freeGraphic = function (t) { var e = this._usedGraphicMap, n = e.get(t); n && (e.removeKey(t), this._freedGraphics.push(n)) }, t }(); for (var cT = [126, 25], pT = "南海诸岛", dT = [[[0, 3.5], [7, 11.2], [15, 11.9], [30, 7], [42, .7], [52, .7], [56, 7.7], [59, .7], [64, .7], [64, 0], [5, 0], [0, 3.5]], [[13, 16.1], [19, 14.7], [16, 21.7], [11, 23.1], [13, 16.1]], [[12, 32.2], [14, 38.5], [15, 38.5], [13, 32.2], [12, 32.2]], [[16, 47.6], [12, 53.2], [13, 53.2], [18, 47.6], [16, 47.6]], [[6, 64.4], [8, 70], [9, 70], [8, 64.4], [6, 64.4]], [[23, 82.6], [29, 79.8], [30, 79.8], [25, 82.6], [23, 82.6]], [[37, 70.7], [43, 62.3], [44, 62.3], [39, 70.7], [37, 70.7]], [[48, 51.1], [51, 45.5], [53, 45.5], [50, 51.1], [48, 51.1]], [[51, 35], [51, 28.7], [53, 28.7], [53, 35], [51, 35]], [[52, 22.4], [55, 17.5], [56, 17.5], [53, 22.4], [52, 22.4]], [[58, 12.6], [62, 7], [63, 7], [60, 12.6], [58, 12.6]], [[0, 3.5], [0, 93.1], [64, 93.1], [64, 0], [63, 0], [63, 92.4], [1, 92.4], [1, 3.5], [0, 3.5]]], fT = 0; fT < dT.length; fT++)for (var gT = 0; gT < dT[fT].length; gT++)dT[fT][gT][0] /= 10.5, dT[fT][gT][1] /= -14, dT[fT][gT][0] += cT[0], dT[fT][gT][1] += cT[1]; var yT = { "南海诸岛": [32, 80], "广东": [0, -10], "香港": [10, 5], "澳门": [-10, 10], "天津": [5, 5] }; var vT = [[[123.45165252685547, 25.73527164402261], [123.49731445312499, 25.73527164402261], [123.49731445312499, 25.750734064600884], [123.45165252685547, 25.750734064600884], [123.45165252685547, 25.73527164402261]]]; var mT = function () { function t(t, e, n) { var i; this.type = "geoJSON", this._parsedMap = ft(), this._mapName = t, this._specialAreas = n, this._geoJSON = X(i = e) ? "undefined" != typeof JSON && JSON.parse ? JSON.parse(i) : new Function("return (" + i + ");")() : i } return t.prototype.load = function (t, e) { e = e || "name"; var n = this._parsedMap.get(e); if (!n) { var i = this._parseToRegions(e); n = this._parsedMap.set(e, { regions: i, boundingRect: xT(i) }) } var r = ft(), o = []; return E(n.regions, (function (e) { var n = e.name; t && mt(t, n) && (e = e.cloneShallow(n = t[n])), o.push(e), r.set(n, e) })), { regions: o, boundingRect: n.boundingRect || new Re(0, 0, 0, 0), regionsMap: r } }, t.prototype._parseToRegions = function (t) { var e, n = this._mapName, i = this._geoJSON; try { e = i ? k_(i, t) : [] } catch (t) { throw new Error("Invalid geoJson format\n" + t.message) } return function (t, e) { if ("china" === t) { for (var n = 0; n < e.length; n++)if (e[n].name === pT) return; e.push(new T_(pT, z(dT, (function (t) { return { type: "polygon", exterior: t } })), cT)) } }(n, e), E(e, (function (t) { var e = t.name; !function (t, e) { if ("china" === t) { var n = yT[e.name]; if (n) { var i = e.getCenter(); i[0] += n[0] / 10.5, i[1] += -n[1] / 14, e.setCenter(i) } } }(n, t), function (t, e) { "china" === t && "台湾" === e.name && e.geometries.push({ type: "polygon", exterior: vT[0] }) }(n, t); var i = this._specialAreas && this._specialAreas[e]; i && t.transformTo(i.left, i.top, i.width, i.height) }), this), e }, t.prototype.getMapForUser = function () { return { geoJson: this._geoJSON, geoJSON: this._geoJSON, specialAreas: this._specialAreas } }, t }(); function xT(t) { for (var e, n = 0; n < t.length; n++) { var i = t[n].getBoundingRect(); (e = e || i.clone()).union(i) } return e } var _T = ft(), bT = function (t, e, n) { if (e.svg) { var i = new hT(t, e.svg); _T.set(t, i) } else { var r = e.geoJson || e.geoJSON; r && !e.features ? n = e.specialAreas : r = e; i = new mT(t, r, n); _T.set(t, i) } }, wT = function (t) { return _T.get(t) }, ST = function (t) { var e = _T.get(t); return e && "geoJSON" === e.type && e.getMapForUser() }, MT = function (t, e, n) { var i = _T.get(t); if (i) return i.load(e, n) }, IT = ["rect", "circle", "line", "ellipse", "polygon", "polyline", "path"], TT = ft(IT), CT = ft(IT.concat(["g"])), DT = ft(IT.concat(["g"])), AT = Do(); function kT(t) { var e = t.getItemStyle(), n = t.get("areaColor"); return null != n && (e.fill = n), e } function LT(t) { var e = t.style; e && (e.stroke = e.stroke || e.fill, e.fill = null) } var PT = function () { function t(t) { var e = new Pr; this.uid = bc("ec_map_draw"), this._controller = new OI(t.getZr()), this._controllerHost = { target: e }, this.group = e, e.add(this._regionsGroup = new Pr), e.add(this._svgGroup = new Pr) } return t.prototype.draw = function (t, e, n, i, r) { var o = "geo" === t.mainType, a = t.getData && t.getData(); o && e.eachComponent({ mainType: "series", subType: "map" }, (function (e) { a || e.getHostGeoModel() !== t || (a = e.getData()) })); var s = t.coordinateSystem, l = this._regionsGroup, u = this.group, h = s.getTransformInfo(), c = h.raw, p = h.roam; !l.childAt(0) || r ? (u.x = p.x, u.y = p.y, u.scaleX = p.scaleX, u.scaleY = p.scaleY, u.dirty()) : uh(u, p, t); var d = a && a.getVisual("visualMeta") && a.getVisual("visualMeta").length > 0, f = { api: n, geo: s, mapOrGeoModel: t, data: a, isVisualEncodedByVisualMap: d, isGeo: o, transformInfoRaw: c }; "geoJSON" === s.resourceType ? this._buildGeoJSON(f) : "geoSVG" === s.resourceType && this._buildSVG(f), this._updateController(t, e, n), this._updateMapSelectHandler(t, l, n, i) }, t.prototype._buildGeoJSON = function (t) { var e = this._regionsGroupByName = ft(), n = ft(), i = this._regionsGroup, r = t.transformInfoRaw, o = t.mapOrGeoModel, a = t.data, s = t.geo.projection, l = s && s.stream; function u(t, e) { return e && (t = e(t)), t && [t[0] * r.scaleX + r.x, t[1] * r.scaleY + r.y] } function h(t) { for (var e = [], n = !l && s && s.project, i = 0; i < t.length; ++i) { var r = u(t[i], n); r && e.push(r) } return e } function c(t) { return { shape: { points: h(t) } } } i.removeAll(), E(t.geo.regions, (function (r) { var h = r.name, p = e.get(h), d = n.get(h) || {}, f = d.dataIdx, g = d.regionModel; p || (p = e.set(h, new Pr), i.add(p), f = a ? a.indexOfName(h) : null, g = t.isGeo ? o.getRegionModel(h) : a ? a.getItemModel(f) : null, n.set(h, { dataIdx: f, regionModel: g })); var y = [], v = []; E(r.geometries, (function (t) { if ("polygon" === t.type) { var e = [t.exterior].concat(t.interiors || []); l && (e = VT(e, l)), E(e, (function (t) { y.push(new zu(c(t))) })) } else { var n = t.points; l && (n = VT(n, l, !0)), E(n, (function (t) { v.push(new Bu(c(t))) })) } })); var m = u(r.getCenter(), s && s.project); function x(e, n) { if (e.length) { var i = new qu({ culling: !0, segmentIgnoreThreshold: 1, shape: { paths: e } }); p.add(i), OT(t, i, f, g), RT(t, i, h, g, o, f, m), n && (LT(i), E(i.states, LT)) } } x(y), x(v, !0) })), e.each((function (e, i) { var r = n.get(i), a = r.dataIdx, s = r.regionModel; NT(t, e, i, s, o, a), ET(t, e, i, s, o), zT(t, e, i, s, o) }), this) }, t.prototype._buildSVG = function (t) { var e = t.geo.map, n = t.transformInfoRaw; this._svgGroup.x = n.x, this._svgGroup.y = n.y, this._svgGroup.scaleX = n.scaleX, this._svgGroup.scaleY = n.scaleY, this._svgResourceChanged(e) && (this._freeSVG(), this._useSVG(e)); var i = this._svgDispatcherMap = ft(), r = !1; E(this._svgGraphicRecord.named, (function (e) { var n = e.name, o = t.mapOrGeoModel, a = t.data, s = e.svgNodeTagLower, l = e.el, u = a ? a.indexOfName(n) : null, h = o.getRegionModel(n); (null != TT.get(s) && l instanceof ma && OT(t, l, u, h), l instanceof ma && (l.culling = !0), l.z2EmphasisLift = 0, e.namedFrom) || (null != DT.get(s) && RT(t, l, n, h, o, u, null), NT(t, l, n, h, o, u), ET(t, l, n, h, o), null != CT.get(s) && ("self" === zT(t, l, n, h, o) && (r = !0), (i.get(n) || i.set(n, [])).push(l))) }), this), this._enableBlurEntireSVG(r, t) }, t.prototype._enableBlurEntireSVG = function (t, e) { if (t && e.isGeo) { var n = e.mapOrGeoModel.getModel(["blur", "itemStyle"]).getItemStyle().opacity; this._svgGraphicRecord.root.traverse((function (t) { if (!t.isGroup) { wl(t); var e = t.ensureState("blur").style || {}; null == e.opacity && null != n && (e.opacity = n), t.ensureState("emphasis") } })) } }, t.prototype.remove = function () { this._regionsGroup.removeAll(), this._regionsGroupByName = null, this._svgGroup.removeAll(), this._freeSVG(), this._controller.dispose(), this._controllerHost = null }, t.prototype.findHighDownDispatchers = function (t, e) { if (null == t) return []; var n = e.coordinateSystem; if ("geoJSON" === n.resourceType) { var i = this._regionsGroupByName; if (i) { var r = i.get(t); return r ? [r] : [] } } else if ("geoSVG" === n.resourceType) return this._svgDispatcherMap && this._svgDispatcherMap.get(t) || [] }, t.prototype._svgResourceChanged = function (t) { return this._svgMapName !== t }, t.prototype._useSVG = function (t) { var e = wT(t); if (e && "geoSVG" === e.type) { var n = e.useGraphic(this.uid); this._svgGroup.add(n.root), this._svgGraphicRecord = n, this._svgMapName = t } }, t.prototype._freeSVG = function () { var t = this._svgMapName; if (null != t) { var e = wT(t); e && "geoSVG" === e.type && e.freeGraphic(this.uid), this._svgGraphicRecord = null, this._svgDispatcherMap = null, this._svgGroup.removeAll(), this._svgMapName = null } }, t.prototype._updateController = function (t, e, n) { var i = t.coordinateSystem, r = this._controller, o = this._controllerHost; o.zoomLimit = t.get("scaleLimit"), o.zoom = i.getZoom(), r.enable(t.get("roam") || !1); var a = t.mainType; function s() { var e = { type: "geoRoam", componentType: a }; return e[a + "Id"] = t.id, e } r.off("pan").on("pan", (function (t) { this._mouseDownFlag = !1, zI(o, t.dx, t.dy), n.dispatchAction(A(s(), { dx: t.dx, dy: t.dy, animation: { duration: 0 } })) }), this), r.off("zoom").on("zoom", (function (t) { this._mouseDownFlag = !1, VI(o, t.scale, t.originX, t.originY), n.dispatchAction(A(s(), { zoom: t.scale, originX: t.originX, originY: t.originY, animation: { duration: 0 } })) }), this), r.setPointerChecker((function (e, r, o) { return i.containPoint([r, o]) && !GI(e, n, t) })) }, t.prototype.resetForLabelLayout = function () { this.group.traverse((function (t) { var e = t.getTextContent(); e && (e.ignore = AT(e).ignore) })) }, t.prototype._updateMapSelectHandler = function (t, e, n, i) { var r = this; e.off("mousedown"), e.off("click"), t.get("selectedMode") && (e.on("mousedown", (function () { r._mouseDownFlag = !0 })), e.on("click", (function (t) { r._mouseDownFlag && (r._mouseDownFlag = !1) }))) }, t }(); function OT(t, e, n, i) { var r = i.getModel("itemStyle"), o = i.getModel(["emphasis", "itemStyle"]), a = i.getModel(["blur", "itemStyle"]), s = i.getModel(["select", "itemStyle"]), l = kT(r), u = kT(o), h = kT(s), c = kT(a), p = t.data; if (p) { var d = p.getItemVisual(n, "style"), f = p.getItemVisual(n, "decal"); t.isVisualEncodedByVisualMap && d.fill && (l.fill = d.fill), f && (l.decal = sv(f, t.api)) } e.setStyle(l), e.style.strokeNoScale = !0, e.ensureState("emphasis").style = u, e.ensureState("select").style = h, e.ensureState("blur").style = c, wl(e) } function RT(t, e, n, i, r, o, a) { var s = t.data, l = t.isGeo, u = s && isNaN(s.get(s.mapDimension("value"), o)), h = s && s.getItemLayout(o); if (l || u || h && h.showLabel) { var c = l ? n : o, p = void 0; (!s || o >= 0) && (p = r); var d = a ? { normal: { align: "center", verticalAlign: "middle" } } : null; qh(e, Kh(i), { labelFetcher: p, labelDataIndex: c, defaultText: n }, d); var f = e.getTextContent(); if (f && (AT(f).ignore = f.ignore, e.textConfig && a)) { var g = e.getBoundingRect().clone(); e.textConfig.layoutRect = g, e.textConfig.position = [(a[0] - g.x) / g.width * 100 + "%", (a[1] - g.y) / g.height * 100 + "%"] } e.disableLabelAnimation = !0 } else e.removeTextContent(), e.removeTextConfig(), e.disableLabelAnimation = null } function NT(t, e, n, i, r, o) { t.data ? t.data.setItemGraphicEl(o, e) : js(e).eventData = { componentType: "geo", componentIndex: r.componentIndex, geoIndex: r.componentIndex, name: n, region: i && i.option || {} } } function ET(t, e, n, i, r) { t.data || Wh({ el: e, componentModel: r, itemName: n, itemTooltipOption: i.get("tooltip") }) } function zT(t, e, n, i, r) { e.highDownSilentOnTouch = !!r.get("selectedMode"); var o = i.getModel("emphasis"), a = o.get("focus"); return Bl(e, a, o.get("blurScope"), o.get("disabled")), t.isGeo && function (t, e, n) { var i = js(t); i.componentMainType = e.mainType, i.componentIndex = e.componentIndex, i.componentHighDownName = n }(e, r, n), a } function VT(t, e, n) { var i, r = []; function o() { i = [] } function a() { i.length && (r.push(i), i = []) } var s = e({ polygonStart: o, polygonEnd: a, lineStart: o, lineEnd: a, point: function (t, e) { isFinite(t) && isFinite(e) && i.push([t, e]) }, sphere: function () { } }); return !n && s.polygonStart(), E(t, (function (t) { s.lineStart(); for (var e = 0; e < t.length; e++)s.point(t[e][0], t[e][1]); s.lineEnd() })), !n && s.polygonEnd(), r } var BT = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n, i) { if (!i || "mapToggleSelect" !== i.type || i.from !== this.uid) { var r = this.group; if (r.removeAll(), !t.getHostGeoModel()) { if (this._mapDraw && i && "geoRoam" === i.type && this._mapDraw.resetForLabelLayout(), i && "geoRoam" === i.type && "series" === i.componentType && i.seriesId === t.id) (o = this._mapDraw) && r.add(o.group); else if (t.needsDrawMap) { var o = this._mapDraw || new PT(n); r.add(o.group), o.draw(t, e, n, this, i), this._mapDraw = o } else this._mapDraw && this._mapDraw.remove(), this._mapDraw = null; t.get("showLegendSymbol") && e.getComponent("legend") && this._renderSymbols(t, e, n) } } }, e.prototype.remove = function () { this._mapDraw && this._mapDraw.remove(), this._mapDraw = null, this.group.removeAll() }, e.prototype.dispose = function () { this._mapDraw && this._mapDraw.remove(), this._mapDraw = null }, e.prototype._renderSymbols = function (t, e, n) { var i = t.originalData, r = this.group; i.each(i.mapDimension("value"), (function (e, n) { if (!isNaN(e)) { var o = i.getItemLayout(n); if (o && o.point) { var a = o.point, s = o.offset, l = new gu({ style: { fill: t.getData().getVisual("style").fill }, shape: { cx: a[0] + 9 * s, cy: a[1], r: 3 }, silent: !0, z2: 8 + (s ? 0 : 11) }); if (!s) { var u = t.mainSeries.getData(), h = i.getName(n), c = u.indexOfName(h), p = i.getItemModel(n), d = p.getModel("label"), f = u.getItemGraphicEl(c); qh(l, Kh(p), { labelFetcher: { getFormattedLabel: function (e, n) { return t.getFormattedLabel(c, n) } }, defaultText: h }), l.disableLabelAnimation = !0, d.get("position") || l.setTextConfig({ position: "bottom" }), f.onHoverStateChange = function (t) { _l(l, t) } } r.add(l) } } })) }, e.type = "map", e }(wg), FT = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.needsDrawMap = !1, n.seriesGroup = [], n.getTooltipPosition = function (t) { if (null != t) { var e = this.getData().getName(t), n = this.coordinateSystem, i = n.getRegion(e); return i && n.dataToPoint(i.getCenter()) } }, n } return n(e, t), e.prototype.getInitialData = function (t) { for (var e = pM(this, { coordDimensions: ["value"], encodeDefaulter: H(Zp, this) }), n = ft(), i = [], r = 0, o = e.count(); r < o; r++) { var a = e.getName(r); n.set(a, !0) } return E(MT(this.getMapType(), this.option.nameMap, this.option.nameProperty).regions, (function (t) { var e = t.name; n.get(e) || i.push(e) })), e.appendValues([], i), e }, e.prototype.getHostGeoModel = function () { var t = this.option.geoIndex; return null != t ? this.ecModel.getComponent("geo", t) : null }, e.prototype.getMapType = function () { return (this.getHostGeoModel() || this).option.map }, e.prototype.getRawValue = function (t) { var e = this.getData(); return e.get(e.mapDimension("value"), t) }, e.prototype.getRegionModel = function (t) { var e = this.getData(); return e.getItemModel(e.indexOfName(t)) }, e.prototype.formatTooltip = function (t, e, n) { for (var i = this.getData(), r = this.getRawValue(t), o = i.getName(t), a = this.seriesGroup, s = [], l = 0; l < a.length; l++) { var u = a[l].originalData.indexOfName(o), h = i.mapDimension("value"); isNaN(a[l].originalData.get(h, u)) || s.push(a[l].name) } return qf("section", { header: s.join(", "), noHeader: !s.length, blocks: [qf("nameValue", { name: o, value: r })] }) }, e.prototype.setZoom = function (t) { this.option.zoom = t }, e.prototype.setCenter = function (t) { this.option.center = t }, e.prototype.getLegendIcon = function (t) { var e = t.icon || "roundRect", n = Ry(e, 0, 0, t.itemWidth, t.itemHeight, t.itemStyle.fill); return n.setStyle(t.itemStyle), n.style.stroke = "none", e.indexOf("empty") > -1 && (n.style.stroke = n.style.fill, n.style.fill = "#fff", n.style.lineWidth = 2), n }, e.type = "series.map", e.dependencies = ["geo"], e.layoutMode = "box", e.defaultOption = { z: 2, coordinateSystem: "geo", map: "", left: "center", top: "center", aspectScale: null, showLegendSymbol: !0, boundingCoords: null, center: null, zoom: 1, scaleLimit: null, selectedMode: !0, label: { show: !1, color: "#000" }, itemStyle: { borderWidth: .5, borderColor: "#444", areaColor: "#eee" }, emphasis: { label: { show: !0, color: "rgb(100,0,0)" }, itemStyle: { areaColor: "rgba(255,215,0,0.8)" } }, select: { label: { show: !0, color: "rgb(100,0,0)" }, itemStyle: { color: "rgba(255,215,0,0.8)" } }, nameProperty: "name" }, e }(hg); function GT(t) { var e = {}; t.eachSeriesByType("map", (function (t) { var n = t.getHostGeoModel(), i = n ? "o" + n.id : "i" + t.getMapType(); (e[i] = e[i] || []).push(t) })), E(e, (function (t, e) { for (var n, i, r, o = (n = z(t, (function (t) { return t.getData() })), i = t[0].get("mapValueCalculation"), r = {}, E(n, (function (t) { t.each(t.mapDimension("value"), (function (e, n) { var i = "ec-" + t.getName(n); r[i] = r[i] || [], isNaN(e) || r[i].push(e) })) })), n[0].map(n[0].mapDimension("value"), (function (t, e) { for (var o = "ec-" + n[0].getName(e), a = 0, s = 1 / 0, l = -1 / 0, u = r[o].length, h = 0; h < u; h++)s = Math.min(s, r[o][h]), l = Math.max(l, r[o][h]), a += r[o][h]; return 0 === u ? NaN : "min" === i ? s : "max" === i ? l : "average" === i ? a / u : a }))), a = 0; a < t.length; a++)t[a].originalData = t[a].getData(); for (a = 0; a < t.length; a++)t[a].seriesGroup = t, t[a].needsDrawMap = 0 === a && !t[a].getHostGeoModel(), t[a].setData(o.cloneShallow()), t[a].mainSeries = t[0] })) } function WT(t) { var e = {}; t.eachSeriesByType("map", (function (n) { var i = n.getMapType(); if (!n.getHostGeoModel() && !e[i]) { var r = {}; E(n.seriesGroup, (function (e) { var n = e.coordinateSystem, i = e.originalData; e.get("showLegendSymbol") && t.getComponent("legend") && i.each(i.mapDimension("value"), (function (t, e) { var o = i.getName(e), a = n.getRegion(o); if (a && !isNaN(t)) { var s = r[o] || 0, l = n.dataToPoint(a.getCenter()); r[o] = s + 1, i.setItemLayout(e, { point: l, offset: s }) } })) })); var o = n.getData(); o.each((function (t) { var e = o.getName(t), n = o.getItemLayout(t) || {}; n.showLabel = !r[e], o.setItemLayout(t, n) })), e[i] = !0 } })) } var HT = Ft, YT = function (t) { function e(e) { var n = t.call(this) || this; return n.type = "view", n.dimensions = ["x", "y"], n._roamTransformable = new hr, n._rawTransformable = new hr, n.name = e, n } return n(e, t), e.prototype.setBoundingRect = function (t, e, n, i) { return this._rect = new Re(t, e, n, i), this._rect }, e.prototype.getBoundingRect = function () { return this._rect }, e.prototype.setViewRect = function (t, e, n, i) { this._transformTo(t, e, n, i), this._viewRect = new Re(t, e, n, i) }, e.prototype._transformTo = function (t, e, n, i) { var r = this.getBoundingRect(), o = this._rawTransformable; o.transform = r.calculateTransform(new Re(t, e, n, i)); var a = o.parent; o.parent = null, o.decomposeTransform(), o.parent = a, this._updateTransform() }, e.prototype.setCenter = function (t, e) { t && (this._center = [Gr(t[0], e.getWidth()), Gr(t[1], e.getHeight())], this._updateCenterAndZoom()) }, e.prototype.setZoom = function (t) { t = t || 1; var e = this.zoomLimit; e && (null != e.max && (t = Math.min(e.max, t)), null != e.min && (t = Math.max(e.min, t))), this._zoom = t, this._updateCenterAndZoom() }, e.prototype.getDefaultCenter = function () { var t = this.getBoundingRect(); return [t.x + t.width / 2, t.y + t.height / 2] }, e.prototype.getCenter = function () { return this._center || this.getDefaultCenter() }, e.prototype.getZoom = function () { return this._zoom || 1 }, e.prototype.getRoamTransform = function () { return this._roamTransformable.getLocalTransform() }, e.prototype._updateCenterAndZoom = function () { var t = this._rawTransformable.getLocalTransform(), e = this._roamTransformable, n = this.getDefaultCenter(), i = this.getCenter(), r = this.getZoom(); i = Ft([], i, t), n = Ft([], n, t), e.originX = i[0], e.originY = i[1], e.x = n[0] - i[0], e.y = n[1] - i[1], e.scaleX = e.scaleY = r, this._updateTransform() }, e.prototype._updateTransform = function () { var t = this._roamTransformable, e = this._rawTransformable; e.parent = t, t.updateTransform(), e.updateTransform(), ve(this.transform || (this.transform = []), e.transform || [1, 0, 0, 1, 0, 0]), this._rawTransform = e.getLocalTransform(), this.invTransform = this.invTransform || [], we(this.invTransform, this.transform), this.decomposeTransform() }, e.prototype.getTransformInfo = function () { var t = this._rawTransformable, e = this._roamTransformable, n = new hr; return n.transform = e.transform, n.decomposeTransform(), { roam: { x: n.x, y: n.y, scaleX: n.scaleX, scaleY: n.scaleY }, raw: { x: t.x, y: t.y, scaleX: t.scaleX, scaleY: t.scaleY } } }, e.prototype.getViewRect = function () { return this._viewRect }, e.prototype.getViewRectAfterRoam = function () { var t = this.getBoundingRect().clone(); return t.applyTransform(this.transform), t }, e.prototype.dataToPoint = function (t, e, n) { var i = e ? this._rawTransform : this.transform; return n = n || [], i ? HT(n, t, i) : St(n, t) }, e.prototype.pointToData = function (t) { var e = this.invTransform; return e ? HT([], t, e) : [t[0], t[1]] }, e.prototype.convertToPixel = function (t, e, n) { var i = UT(e); return i === this ? i.dataToPoint(n) : null }, e.prototype.convertFromPixel = function (t, e, n) { var i = UT(e); return i === this ? i.pointToData(n) : null }, e.prototype.containPoint = function (t) { return this.getViewRectAfterRoam().contain(t[0], t[1]) }, e.dimensions = ["x", "y"], e }(hr); function UT(t) { var e = t.seriesModel; return e ? e.coordinateSystem : null } var XT = { geoJSON: { aspectScale: .75, invertLongitute: !0 }, geoSVG: { aspectScale: 1, invertLongitute: !1 } }, ZT = ["lng", "lat"], jT = function (t) { function e(e, n, i) { var r = t.call(this, e) || this; r.dimensions = ZT, r.type = "geo", r._nameCoordMap = ft(), r.map = n; var o, a = i.projection, s = MT(n, i.nameMap, i.nameProperty), l = wT(n), u = (r.resourceType = l ? l.type : null, r.regions = s.regions), h = XT[l.type]; if (r._regionsMap = s.regionsMap, r.regions = s.regions, r.projection = a, a) for (var c = 0; c < u.length; c++) { var p = u[c].getBoundingRect(a); (o = o || p.clone()).union(p) } else o = s.boundingRect; return r.setBoundingRect(o.x, o.y, o.width, o.height), r.aspectScale = a ? 1 : rt(i.aspectScale, h.aspectScale), r._invertLongitute = !a && h.invertLongitute, r } return n(e, t), e.prototype._transformTo = function (t, e, n, i) { var r = this.getBoundingRect(), o = this._invertLongitute; r = r.clone(), o && (r.y = -r.y - r.height); var a = this._rawTransformable; a.transform = r.calculateTransform(new Re(t, e, n, i)); var s = a.parent; a.parent = null, a.decomposeTransform(), a.parent = s, o && (a.scaleY = -a.scaleY), this._updateTransform() }, e.prototype.getRegion = function (t) { return this._regionsMap.get(t) }, e.prototype.getRegionByCoord = function (t) { for (var e = this.regions, n = 0; n < e.length; n++) { var i = e[n]; if ("geoJSON" === i.type && i.contain(t)) return e[n] } }, e.prototype.addGeoCoord = function (t, e) { this._nameCoordMap.set(t, e) }, e.prototype.getGeoCoord = function (t) { var e = this._regionsMap.get(t); return this._nameCoordMap.get(t) || e && e.getCenter() }, e.prototype.dataToPoint = function (t, e, n) { if (X(t) && (t = this.getGeoCoord(t)), t) { var i = this.projection; return i && (t = i.project(t)), t && this.projectedToPoint(t, e, n) } }, e.prototype.pointToData = function (t) { var e = this.projection; return e && (t = e.unproject(t)), t && this.pointToProjected(t) }, e.prototype.pointToProjected = function (e) { return t.prototype.pointToData.call(this, e) }, e.prototype.projectedToPoint = function (e, n, i) { return t.prototype.dataToPoint.call(this, e, n, i) }, e.prototype.convertToPixel = function (t, e, n) { var i = qT(e); return i === this ? i.dataToPoint(n) : null }, e.prototype.convertFromPixel = function (t, e, n) { var i = qT(e); return i === this ? i.pointToData(n) : null }, e }(YT); function qT(t) { var e = t.geoModel, n = t.seriesModel; return e ? e.coordinateSystem : n ? n.coordinateSystem || (n.getReferringComponents("geo", Po).models[0] || {}).coordinateSystem : null } function KT(t, e) { var n = t.get("boundingCoords"); if (null != n) { var i = n[0], r = n[1]; if (isFinite(i[0]) && isFinite(i[1]) && isFinite(r[0]) && isFinite(r[1])) { var o = this.projection; if (o) { var a = i[0], s = i[1], l = r[0], u = r[1]; i = [1 / 0, 1 / 0], r = [-1 / 0, -1 / 0]; var h = function (t, e, n, a) { for (var s = n - t, l = a - e, u = 0; u <= 100; u++) { var h = u / 100, c = o.project([t + s * h, e + l * h]); Gt(i, i, c), Wt(r, r, c) } }; h(a, s, l, s), h(l, s, l, u), h(l, u, a, u), h(a, u, l, s) } this.setBoundingRect(i[0], i[1], r[0] - i[0], r[1] - i[1]) } else 0 } var c, p, d, f = this.getBoundingRect(), g = t.get("layoutCenter"), y = t.get("layoutSize"), v = e.getWidth(), m = e.getHeight(), x = f.width / f.height * this.aspectScale, _ = !1; if (g && y && (c = [Gr(g[0], v), Gr(g[1], m)], p = Gr(y, Math.min(v, m)), isNaN(c[0]) || isNaN(c[1]) || isNaN(p) || (_ = !0)), _) d = {}, x > 1 ? (d.width = p, d.height = p / x) : (d.height = p, d.width = p * x), d.y = c[1] - d.height / 2, d.x = c[0] - d.width / 2; else { var b = t.getBoxLayoutParams(); b.aspect = x, d = wp(b, { width: v, height: m }) } this.setViewRect(d.x, d.y, d.width, d.height), this.setCenter(t.get("center"), e), this.setZoom(t.get("zoom")) } R(jT, YT); var $T = function () { function t() { this.dimensions = ZT } return t.prototype.create = function (t, e) { var n = []; function i(t) { return { nameProperty: t.get("nameProperty"), aspectScale: t.get("aspectScale"), projection: t.get("projection") } } t.eachComponent("geo", (function (t, r) { var o = t.get("map"), a = new jT(o + r, o, A({ nameMap: t.get("nameMap") }, i(t))); a.zoomLimit = t.get("scaleLimit"), n.push(a), t.coordinateSystem = a, a.model = t, a.resize = KT, a.resize(t, e) })), t.eachSeries((function (t) { if ("geo" === t.get("coordinateSystem")) { var e = t.get("geoIndex") || 0; t.coordinateSystem = n[e] } })); var r = {}; return t.eachSeriesByType("map", (function (t) { if (!t.getHostGeoModel()) { var e = t.getMapType(); r[e] = r[e] || [], r[e].push(t) } })), E(r, (function (t, r) { var o = z(t, (function (t) { return t.get("nameMap") })), a = new jT(r, r, A({ nameMap: D(o) }, i(t[0]))); a.zoomLimit = it.apply(null, z(t, (function (t) { return t.get("scaleLimit") }))), n.push(a), a.resize = KT, a.resize(t[0], e), E(t, (function (t) { t.coordinateSystem = a, function (t, e) { E(e.get("geoCoord"), (function (e, n) { t.addGeoCoord(n, e) })) }(a, t) })) })), n }, t.prototype.getFilledRegions = function (t, e, n, i) { for (var r = (t || []).slice(), o = ft(), a = 0; a < r.length; a++)o.set(r[a].name, r[a]); return E(MT(e, n, i).regions, (function (t) { var e = t.name; !o.get(e) && r.push({ name: e }) })), r }, t }(), JT = new $T, QT = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (t, e, n) { var i = wT(t.map); if (i && "geoJSON" === i.type) { var r = t.itemStyle = t.itemStyle || {}; "color" in r || (r.color = "#eee") } this.mergeDefaultAndTheme(t, n), vo(t, "label", ["show"]) }, e.prototype.optionUpdated = function () { var t = this, e = this.option; e.regions = JT.getFilledRegions(e.regions, e.map, e.nameMap, e.nameProperty); var n = {}; this._optionModelMap = V(e.regions || [], (function (e, i) { var r = i.name; return r && (e.set(r, new xc(i, t, t.ecModel)), i.selected && (n[r] = !0)), e }), ft()), e.selectedMap || (e.selectedMap = n) }, e.prototype.getRegionModel = function (t) { return this._optionModelMap.get(t) || new xc(null, this, this.ecModel) }, e.prototype.getFormattedLabel = function (t, e) { var n = this.getRegionModel(t), i = "normal" === e ? n.get(["label", "formatter"]) : n.get(["emphasis", "label", "formatter"]), r = { name: t }; return U(i) ? (r.status = e, i(r)) : X(i) ? i.replace("{a}", null != t ? t : "") : void 0 }, e.prototype.setZoom = function (t) { this.option.zoom = t }, e.prototype.setCenter = function (t) { this.option.center = t }, e.prototype.select = function (t) { var e = this.option, n = e.selectedMode; n && ("multiple" !== n && (e.selectedMap = null), (e.selectedMap || (e.selectedMap = {}))[t] = !0) }, e.prototype.unSelect = function (t) { var e = this.option.selectedMap; e && (e[t] = !1) }, e.prototype.toggleSelected = function (t) { this[this.isSelected(t) ? "unSelect" : "select"](t) }, e.prototype.isSelected = function (t) { var e = this.option.selectedMap; return !(!e || !e[t]) }, e.type = "geo", e.layoutMode = "box", e.defaultOption = { z: 0, show: !0, left: "center", top: "center", aspectScale: null, silent: !1, map: "", boundingCoords: null, center: null, zoom: 1, scaleLimit: null, label: { show: !1, color: "#000" }, itemStyle: { borderWidth: .5, borderColor: "#444" }, emphasis: { label: { show: !0, color: "rgb(100,0,0)" }, itemStyle: { color: "rgba(255,215,0,0.8)" } }, select: { label: { show: !0, color: "rgb(100,0,0)" }, itemStyle: { color: "rgba(255,215,0,0.8)" } }, regions: [] }, e }(Ap); function tC(t, e) { return t.pointToProjected ? t.pointToProjected(e) : t.pointToData(e) } function eC(t, e, n, i) { var r = t.getZoom(), o = t.getCenter(), a = e.zoom, s = t.projectedToPoint ? t.projectedToPoint(o) : t.dataToPoint(o); if (null != e.dx && null != e.dy && (s[0] -= e.dx, s[1] -= e.dy, t.setCenter(tC(t, s), i)), null != a) { if (n) { var l = n.min || 0, u = n.max || 1 / 0; a = Math.max(Math.min(r * a, u), l) / r } t.scaleX *= a, t.scaleY *= a; var h = (e.originX - t.x) * (a - 1), c = (e.originY - t.y) * (a - 1); t.x -= h, t.y -= c, t.updateTransform(), t.setCenter(tC(t, s), i), t.setZoom(a * r) } return { center: t.getCenter(), zoom: t.getZoom() } } var nC = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.focusBlurEnabled = !0, n } return n(e, t), e.prototype.init = function (t, e) { this._api = e }, e.prototype.render = function (t, e, n, i) { if (this._model = t, !t.get("show")) return this._mapDraw && this._mapDraw.remove(), void (this._mapDraw = null); this._mapDraw || (this._mapDraw = new PT(n)); var r = this._mapDraw; r.draw(t, e, n, this, i), r.group.on("click", this._handleRegionClick, this), r.group.silent = t.get("silent"), this.group.add(r.group), this.updateSelectStatus(t, e, n) }, e.prototype._handleRegionClick = function (t) { var e; wy(t.target, (function (t) { return null != (e = js(t).eventData) }), !0), e && this._api.dispatchAction({ type: "geoToggleSelect", geoId: this._model.id, name: e.name }) }, e.prototype.updateSelectStatus = function (t, e, n) { var i = this; this._mapDraw.group.traverse((function (t) { var e = js(t).eventData; if (e) return i._model.isSelected(e.name) ? n.enterSelect(t) : n.leaveSelect(t), !0 })) }, e.prototype.findHighDownDispatchers = function (t) { return this._mapDraw && this._mapDraw.findHighDownDispatchers(t, this._model) }, e.prototype.dispose = function () { this._mapDraw && this._mapDraw.remove() }, e.type = "geo", e }(mg); function iC(t, e, n) { bT(t, e, n) } function rC(t) { function e(e, n) { n.update = "geo:updateSelectStatus", t.registerAction(n, (function (t, n) { var i = {}, r = []; return n.eachComponent({ mainType: "geo", query: t }, (function (n) { n[e](t.name), E(n.coordinateSystem.regions, (function (t) { i[t.name] = n.isSelected(t.name) || !1 })); var o = []; E(i, (function (t, e) { i[e] && o.push(e) })), r.push({ geoIndex: n.componentIndex, name: o }) })), { selected: i, allSelected: r, name: t.name } })) } t.registerCoordinateSystem("geo", JT), t.registerComponentModel(QT), t.registerComponentView(nC), t.registerImpl("registerMap", iC), t.registerImpl("getMap", (function (t) { return ST(t) })), e("toggleSelected", { type: "geoToggleSelect", event: "geoselectchanged" }), e("select", { type: "geoSelect", event: "geoselected" }), e("unSelect", { type: "geoUnSelect", event: "geounselected" }), t.registerAction({ type: "geoRoam", event: "geoRoam", update: "updateTransform" }, (function (t, e, n) { var i = t.componentType || "series"; e.eachComponent({ mainType: i, query: t }, (function (e) { var r = e.coordinateSystem; if ("geo" === r.type) { var o = eC(r, t, e.get("scaleLimit"), n); e.setCenter && e.setCenter(o.center), e.setZoom && e.setZoom(o.zoom), "series" === i && E(e.seriesGroup, (function (t) { t.setCenter(o.center), t.setZoom(o.zoom) })) } })) })) } function oC(t, e) { var n = t.isExpand ? t.children : [], i = t.parentNode.children, r = t.hierNode.i ? i[t.hierNode.i - 1] : null; if (n.length) { !function (t) { var e = t.children, n = e.length, i = 0, r = 0; for (; --n >= 0;) { var o = e[n]; o.hierNode.prelim += i, o.hierNode.modifier += i, r += o.hierNode.change, i += o.hierNode.shift + r } }(t); var o = (n[0].hierNode.prelim + n[n.length - 1].hierNode.prelim) / 2; r ? (t.hierNode.prelim = r.hierNode.prelim + e(t, r), t.hierNode.modifier = t.hierNode.prelim - o) : t.hierNode.prelim = o } else r && (t.hierNode.prelim = r.hierNode.prelim + e(t, r)); t.parentNode.hierNode.defaultAncestor = function (t, e, n, i) { if (e) { for (var r = t, o = t, a = o.parentNode.children[0], s = e, l = r.hierNode.modifier, u = o.hierNode.modifier, h = a.hierNode.modifier, c = s.hierNode.modifier; s = uC(s), o = hC(o), s && o;) { r = uC(r), a = hC(a), r.hierNode.ancestor = t; var p = s.hierNode.prelim + c - o.hierNode.prelim - u + i(s, o); p > 0 && (pC(cC(s, t, n), t, p), u += p, l += p), c += s.hierNode.modifier, u += o.hierNode.modifier, l += r.hierNode.modifier, h += a.hierNode.modifier } s && !uC(r) && (r.hierNode.thread = s, r.hierNode.modifier += c - l), o && !hC(a) && (a.hierNode.thread = o, a.hierNode.modifier += u - h, n = t) } return n }(t, r, t.parentNode.hierNode.defaultAncestor || i[0], e) } function aC(t) { var e = t.hierNode.prelim + t.parentNode.hierNode.modifier; t.setLayout({ x: e }, !0), t.hierNode.modifier += t.parentNode.hierNode.modifier } function sC(t) { return arguments.length ? t : dC } function lC(t, e) { return t -= Math.PI / 2, { x: e * Math.cos(t), y: e * Math.sin(t) } } function uC(t) { var e = t.children; return e.length && t.isExpand ? e[e.length - 1] : t.hierNode.thread } function hC(t) { var e = t.children; return e.length && t.isExpand ? e[0] : t.hierNode.thread } function cC(t, e, n) { return t.hierNode.ancestor.parentNode === e.parentNode ? t.hierNode.ancestor : n } function pC(t, e, n) { var i = n / (e.hierNode.i - t.hierNode.i); e.hierNode.change -= i, e.hierNode.shift += n, e.hierNode.modifier += n, e.hierNode.prelim += n, t.hierNode.change += i } function dC(t, e) { return t.parentNode === e.parentNode ? 1 : 2 } var fC = function () { this.parentPoint = [], this.childPoints = [] }, gC = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new fC }, e.prototype.buildPath = function (t, e) { var n = e.childPoints, i = n.length, r = e.parentPoint, o = n[0], a = n[i - 1]; if (1 === i) return t.moveTo(r[0], r[1]), void t.lineTo(o[0], o[1]); var s = e.orient, l = "TB" === s || "BT" === s ? 0 : 1, u = 1 - l, h = Gr(e.forkPosition, 1), c = []; c[l] = r[l], c[u] = r[u] + (a[u] - r[u]) * h, t.moveTo(r[0], r[1]), t.lineTo(c[0], c[1]), t.moveTo(o[0], o[1]), c[l] = o[l], t.lineTo(c[0], c[1]), c[l] = a[l], t.lineTo(c[0], c[1]), t.lineTo(a[0], a[1]); for (var p = 1; p < i - 1; p++) { var d = n[p]; t.moveTo(d[0], d[1]), c[l] = d[l], t.lineTo(c[0], c[1]) } }, e }(_s), yC = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._mainGroup = new Pr, n } return n(e, t), e.prototype.init = function (t, e) { this._controller = new OI(e.getZr()), this._controllerHost = { target: this.group }, this.group.add(this._mainGroup) }, e.prototype.render = function (t, e, n) { var i = t.getData(), r = t.layoutInfo, o = this._mainGroup; "radial" === t.get("layout") ? (o.x = r.x + r.width / 2, o.y = r.y + r.height / 2) : (o.x = r.x, o.y = r.y), this._updateViewCoordSys(t, n), this._updateController(t, e, n); var a = this._data; i.diff(a).add((function (e) { vC(i, e) && mC(i, e, null, o, t) })).update((function (e, n) { var r = a.getItemGraphicEl(n); vC(i, e) ? mC(i, e, r, o, t) : r && bC(a, n, r, o, t) })).remove((function (e) { var n = a.getItemGraphicEl(e); n && bC(a, e, n, o, t) })).execute(), this._nodeScaleRatio = t.get("nodeScaleRatio"), this._updateNodeAndLinkScale(t), !0 === t.get("expandAndCollapse") && i.eachItemGraphicEl((function (e, i) { e.off("click").on("click", (function () { n.dispatchAction({ type: "treeExpandAndCollapse", seriesId: t.id, dataIndex: i }) })) })), this._data = i }, e.prototype._updateViewCoordSys = function (t, e) { var n = t.getData(), i = []; n.each((function (t) { var e = n.getItemLayout(t); !e || isNaN(e.x) || isNaN(e.y) || i.push([+e.x, +e.y]) })); var r = [], o = []; Aa(i, r, o); var a = this._min, s = this._max; o[0] - r[0] == 0 && (r[0] = a ? a[0] : r[0] - 1, o[0] = s ? s[0] : o[0] + 1), o[1] - r[1] == 0 && (r[1] = a ? a[1] : r[1] - 1, o[1] = s ? s[1] : o[1] + 1); var l = t.coordinateSystem = new YT; l.zoomLimit = t.get("scaleLimit"), l.setBoundingRect(r[0], r[1], o[0] - r[0], o[1] - r[1]), l.setCenter(t.get("center"), e), l.setZoom(t.get("zoom")), this.group.attr({ x: l.x, y: l.y, scaleX: l.scaleX, scaleY: l.scaleY }), this._min = r, this._max = o }, e.prototype._updateController = function (t, e, n) { var i = this, r = this._controller, o = this._controllerHost, a = this.group; r.setPointerChecker((function (e, i, r) { var o = a.getBoundingRect(); return o.applyTransform(a.transform), o.contain(i, r) && !GI(e, n, t) })), r.enable(t.get("roam")), o.zoomLimit = t.get("scaleLimit"), o.zoom = t.coordinateSystem.getZoom(), r.off("pan").off("zoom").on("pan", (function (e) { zI(o, e.dx, e.dy), n.dispatchAction({ seriesId: t.id, type: "treeRoam", dx: e.dx, dy: e.dy }) })).on("zoom", (function (e) { VI(o, e.scale, e.originX, e.originY), n.dispatchAction({ seriesId: t.id, type: "treeRoam", zoom: e.scale, originX: e.originX, originY: e.originY }), i._updateNodeAndLinkScale(t), n.updateLabelLayout() })) }, e.prototype._updateNodeAndLinkScale = function (t) { var e = t.getData(), n = this._getNodeGlobalScale(t); e.eachItemGraphicEl((function (t, e) { t.setSymbolScale(n) })) }, e.prototype._getNodeGlobalScale = function (t) { var e = t.coordinateSystem; if ("view" !== e.type) return 1; var n = this._nodeScaleRatio, i = e.scaleX || 1; return ((e.getZoom() - 1) * n + 1) / i }, e.prototype.dispose = function () { this._controller && this._controller.dispose(), this._controllerHost = null }, e.prototype.remove = function () { this._mainGroup.removeAll(), this._data = null }, e.type = "tree", e }(wg); function vC(t, e) { var n = t.getItemLayout(e); return n && !isNaN(n.x) && !isNaN(n.y) } function mC(t, e, n, i, r) { var o = !n, a = t.tree.getNodeByDataIndex(e), s = a.getModel(), l = a.getVisual("style").fill, u = !1 === a.isExpand && 0 !== a.children.length ? l : "#fff", h = t.tree.root, c = a.parentNode === h ? a : a.parentNode || a, p = t.getItemGraphicEl(c.dataIndex), d = c.getLayout(), f = p ? { x: p.__oldX, y: p.__oldY, rawX: p.__radialOldRawX, rawY: p.__radialOldRawY } : d, g = a.getLayout(); o ? ((n = new Zw(t, e, null, { symbolInnerColor: u, useNameLabel: !0 })).x = f.x, n.y = f.y) : n.updateData(t, e, null, { symbolInnerColor: u, useNameLabel: !0 }), n.__radialOldRawX = n.__radialRawX, n.__radialOldRawY = n.__radialRawY, n.__radialRawX = g.rawX, n.__radialRawY = g.rawY, i.add(n), t.setItemGraphicEl(e, n), n.__oldX = n.x, n.__oldY = n.y, uh(n, { x: g.x, y: g.y }, r); var y = n.getSymbolPath(); if ("radial" === r.get("layout")) { var v = h.children[0], m = v.getLayout(), x = v.children.length, _ = void 0, b = void 0; if (g.x === m.x && !0 === a.isExpand && v.children.length) { var w = { x: (v.children[0].getLayout().x + v.children[x - 1].getLayout().x) / 2, y: (v.children[0].getLayout().y + v.children[x - 1].getLayout().y) / 2 }; (_ = Math.atan2(w.y - m.y, w.x - m.x)) < 0 && (_ = 2 * Math.PI + _), (b = w.x < m.x) && (_ -= Math.PI) } else (_ = Math.atan2(g.y - m.y, g.x - m.x)) < 0 && (_ = 2 * Math.PI + _), 0 === a.children.length || 0 !== a.children.length && !1 === a.isExpand ? (b = g.x < m.x) && (_ -= Math.PI) : (b = g.x > m.x) || (_ -= Math.PI); var S = b ? "left" : "right", M = s.getModel("label"), I = M.get("rotate"), T = I * (Math.PI / 180), C = y.getTextContent(); C && (y.setTextConfig({ position: M.get("position") || S, rotation: null == I ? -_ : T, origin: "center" }), C.setStyle("verticalAlign", "middle")) } var D = s.get(["emphasis", "focus"]), A = "relative" === D ? gt(a.getAncestorsIndices(), a.getDescendantIndices()) : "ancestor" === D ? a.getAncestorsIndices() : "descendant" === D ? a.getDescendantIndices() : null; A && (js(n).focus = A), function (t, e, n, i, r, o, a, s) { var l = e.getModel(), u = t.get("edgeShape"), h = t.get("layout"), c = t.getOrient(), p = t.get(["lineStyle", "curveness"]), d = t.get("edgeForkPosition"), f = l.getModel("lineStyle").getLineStyle(), g = i.__edge; if ("curve" === u) e.parentNode && e.parentNode !== n && (g || (g = i.__edge = new Xu({ shape: wC(h, c, p, r, r) })), uh(g, { shape: wC(h, c, p, o, a) }, t)); else if ("polyline" === u) if ("orthogonal" === h) { if (e !== n && e.children && 0 !== e.children.length && !0 === e.isExpand) { for (var y = e.children, v = [], m = 0; m < y.length; m++) { var x = y[m].getLayout(); v.push([x.x, x.y]) } g || (g = i.__edge = new gC({ shape: { parentPoint: [a.x, a.y], childPoints: [[a.x, a.y]], orient: c, forkPosition: d } })), uh(g, { shape: { parentPoint: [a.x, a.y], childPoints: v } }, t) } } else 0; g && ("polyline" !== u || e.isExpand) && (g.useStyle(k({ strokeNoScale: !0, fill: null }, f)), Hl(g, l, "lineStyle"), wl(g), s.add(g)) }(r, a, h, n, f, d, g, i), n.__edge && (n.onHoverStateChange = function (e) { if ("blur" !== e) { var i = a.parentNode && t.getItemGraphicEl(a.parentNode.dataIndex); i && 1 === i.hoverState || _l(n.__edge, e) } }) } function xC(t, e, n, i, r) { var o = _C(e.tree.root, t), a = o.source, s = o.sourceLayout, l = e.getItemGraphicEl(t.dataIndex); if (l) { var u = e.getItemGraphicEl(a.dataIndex).__edge, h = l.__edge || (!1 === a.isExpand || 1 === a.children.length ? u : void 0), c = i.get("edgeShape"), p = i.get("layout"), d = i.get("orient"), f = i.get(["lineStyle", "curveness"]); h && ("curve" === c ? ph(h, { shape: wC(p, d, f, s, s), style: { opacity: 0 } }, i, { cb: function () { n.remove(h) }, removeOpt: r }) : "polyline" === c && "orthogonal" === i.get("layout") && ph(h, { shape: { parentPoint: [s.x, s.y], childPoints: [[s.x, s.y]] }, style: { opacity: 0 } }, i, { cb: function () { n.remove(h) }, removeOpt: r })) } } function _C(t, e) { for (var n, i = e.parentNode === t ? e : e.parentNode || e; null == (n = i.getLayout());)i = i.parentNode === t ? i : i.parentNode || i; return { source: i, sourceLayout: n } } function bC(t, e, n, i, r) { var o = t.tree.getNodeByDataIndex(e), a = _C(t.tree.root, o).sourceLayout, s = { duration: r.get("animationDurationUpdate"), easing: r.get("animationEasingUpdate") }; ph(n, { x: a.x + 1, y: a.y + 1 }, r, { cb: function () { i.remove(n), t.setItemGraphicEl(e, null) }, removeOpt: s }), n.fadeOut(null, t.hostModel, { fadeLabel: !0, animation: s }), o.children.forEach((function (e) { xC(e, t, i, r, s) })), xC(o, t, i, r, s) } function wC(t, e, n, i, r) { var o, a, s, l, u, h, c, p; if ("radial" === t) { u = i.rawX, c = i.rawY, h = r.rawX, p = r.rawY; var d = lC(u, c), f = lC(u, c + (p - c) * n), g = lC(h, p + (c - p) * n), y = lC(h, p); return { x1: d.x || 0, y1: d.y || 0, x2: y.x || 0, y2: y.y || 0, cpx1: f.x || 0, cpy1: f.y || 0, cpx2: g.x || 0, cpy2: g.y || 0 } } return u = i.x, c = i.y, h = r.x, p = r.y, "LR" !== e && "RL" !== e || (o = u + (h - u) * n, a = c, s = h + (u - h) * n, l = p), "TB" !== e && "BT" !== e || (o = u, a = c + (p - c) * n, s = h, l = p + (c - p) * n), { x1: u, y1: c, x2: h, y2: p, cpx1: o, cpy1: a, cpx2: s, cpy2: l } } var SC = Do(); function MC(t) { var e = t.mainData, n = t.datas; n || (n = { main: e }, t.datasAttr = { main: "data" }), t.datas = t.mainData = null, kC(e, n, t), E(n, (function (n) { E(e.TRANSFERABLE_METHODS, (function (e) { n.wrapMethod(e, H(IC, t)) })) })), e.wrapMethod("cloneShallow", H(CC, t)), E(e.CHANGABLE_METHODS, (function (n) { e.wrapMethod(n, H(TC, t)) })), lt(n[e.dataType] === e) } function IC(t, e) { if (SC(i = this).mainData === i) { var n = A({}, SC(this).datas); n[this.dataType] = e, kC(e, n, t) } else LC(e, this.dataType, SC(this).mainData, t); var i; return e } function TC(t, e) { return t.struct && t.struct.update(), e } function CC(t, e) { return E(SC(e).datas, (function (n, i) { n !== e && LC(n.cloneShallow(), i, e, t) })), e } function DC(t) { var e = SC(this).mainData; return null == t || null == e ? e : SC(e).datas[t] } function AC() { var t = SC(this).mainData; return null == t ? [{ data: t }] : z(G(SC(t).datas), (function (e) { return { type: e, data: SC(t).datas[e] } })) } function kC(t, e, n) { SC(t).datas = {}, E(e, (function (e, i) { LC(e, i, t, n) })) } function LC(t, e, n, i) { SC(n).datas[e] = t, SC(t).mainData = n, t.dataType = e, i.struct && (t[i.structAttr] = i.struct, i.struct[i.datasAttr[e]] = t), t.getLinkedData = DC, t.getLinkedDataAll = AC } var PC = function () { function t(t, e) { this.depth = 0, this.height = 0, this.dataIndex = -1, this.children = [], this.viewChildren = [], this.isExpand = !1, this.name = t || "", this.hostTree = e } return t.prototype.isRemoved = function () { return this.dataIndex < 0 }, t.prototype.eachNode = function (t, e, n) { U(t) && (n = e, e = t, t = null), X(t = t || {}) && (t = { order: t }); var i, r = t.order || "preorder", o = this[t.attr || "children"]; "preorder" === r && (i = e.call(n, this)); for (var a = 0; !i && a < o.length; a++)o[a].eachNode(t, e, n); "postorder" === r && e.call(n, this) }, t.prototype.updateDepthAndHeight = function (t) { var e = 0; this.depth = t; for (var n = 0; n < this.children.length; n++) { var i = this.children[n]; i.updateDepthAndHeight(t + 1), i.height > e && (e = i.height) } this.height = e + 1 }, t.prototype.getNodeById = function (t) { if (this.getId() === t) return this; for (var e = 0, n = this.children, i = n.length; e < i; e++) { var r = n[e].getNodeById(t); if (r) return r } }, t.prototype.contains = function (t) { if (t === this) return !0; for (var e = 0, n = this.children, i = n.length; e < i; e++) { var r = n[e].contains(t); if (r) return r } }, t.prototype.getAncestors = function (t) { for (var e = [], n = t ? this : this.parentNode; n;)e.push(n), n = n.parentNode; return e.reverse(), e }, t.prototype.getAncestorsIndices = function () { for (var t = [], e = this; e;)t.push(e.dataIndex), e = e.parentNode; return t.reverse(), t }, t.prototype.getDescendantIndices = function () { var t = []; return this.eachNode((function (e) { t.push(e.dataIndex) })), t }, t.prototype.getValue = function (t) { var e = this.hostTree.data; return e.getStore().get(e.getDimensionIndex(t || "value"), this.dataIndex) }, t.prototype.setLayout = function (t, e) { this.dataIndex >= 0 && this.hostTree.data.setItemLayout(this.dataIndex, t, e) }, t.prototype.getLayout = function () { return this.hostTree.data.getItemLayout(this.dataIndex) }, t.prototype.getModel = function (t) { if (!(this.dataIndex < 0)) return this.hostTree.data.getItemModel(this.dataIndex).getModel(t) }, t.prototype.getLevelModel = function () { return (this.hostTree.levelModels || [])[this.depth] }, t.prototype.setVisual = function (t, e) { this.dataIndex >= 0 && this.hostTree.data.setItemVisual(this.dataIndex, t, e) }, t.prototype.getVisual = function (t) { return this.hostTree.data.getItemVisual(this.dataIndex, t) }, t.prototype.getRawIndex = function () { return this.hostTree.data.getRawIndex(this.dataIndex) }, t.prototype.getId = function () { return this.hostTree.data.getId(this.dataIndex) }, t.prototype.getChildIndex = function () { if (this.parentNode) { for (var t = this.parentNode.children, e = 0; e < t.length; ++e)if (t[e] === this) return e; return -1 } return -1 }, t.prototype.isAncestorOf = function (t) { for (var e = t.parentNode; e;) { if (e === this) return !0; e = e.parentNode } return !1 }, t.prototype.isDescendantOf = function (t) { return t !== this && t.isAncestorOf(this) }, t }(), OC = function () { function t(t) { this.type = "tree", this._nodes = [], this.hostModel = t } return t.prototype.eachNode = function (t, e, n) { this.root.eachNode(t, e, n) }, t.prototype.getNodeByDataIndex = function (t) { var e = this.data.getRawIndex(t); return this._nodes[e] }, t.prototype.getNodeById = function (t) { return this.root.getNodeById(t) }, t.prototype.update = function () { for (var t = this.data, e = this._nodes, n = 0, i = e.length; n < i; n++)e[n].dataIndex = -1; for (n = 0, i = t.count(); n < i; n++)e[t.getRawIndex(n)].dataIndex = n }, t.prototype.clearLayouts = function () { this.data.clearItemLayouts() }, t.createTree = function (e, n, i) { var r = new t(n), o = [], a = 1; !function t(e, n) { var i = e.value; a = Math.max(a, Y(i) ? i.length : 1), o.push(e); var s = new PC(Mo(e.name, ""), r); n ? function (t, e) { var n = e.children; if (t.parentNode === e) return; n.push(t), t.parentNode = e }(s, n) : r.root = s, r._nodes.push(s); var l = e.children; if (l) for (var u = 0; u < l.length; u++)t(l[u], s) }(e), r.root.updateDepthAndHeight(0); var s = Qm(o, { coordDimensions: ["value"], dimensionsCount: a }).dimensions, l = new Jm(s, n); return l.initData(o), i && i(l), MC({ mainData: l, struct: r, structAttr: "tree" }), r.update(), r }, t }(); function RC(t, e, n) { if (t && P(e, t.type) >= 0) { var i = n.getData().tree.root, r = t.targetNode; if (X(r) && (r = i.getNodeById(r)), r && i.contains(r)) return { node: r }; var o = t.targetNodeId; if (null != o && (r = i.getNodeById(o))) return { node: r } } } function NC(t) { for (var e = []; t;)(t = t.parentNode) && e.push(t); return e.reverse() } function EC(t, e) { return P(NC(t), e) >= 0 } function zC(t, e) { for (var n = []; t;) { var i = t.dataIndex; n.push({ name: t.name, dataIndex: i, value: e.getRawValue(i) }), t = t.parentNode } return n.reverse(), n } var VC = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.hasSymbolVisual = !0, e.ignoreStyleOnData = !0, e } return n(e, t), e.prototype.getInitialData = function (t) { var e = { name: t.name, children: t.data }, n = t.leaves || {}, i = new xc(n, this, this.ecModel), r = OC.createTree(e, this, (function (t) { t.wrapMethod("getItemModel", (function (t, e) { var n = r.getNodeByDataIndex(e); return n && n.children.length && n.isExpand || (t.parentModel = i), t })) })); var o = 0; r.eachNode("preorder", (function (t) { t.depth > o && (o = t.depth) })); var a = t.expandAndCollapse && t.initialTreeDepth >= 0 ? t.initialTreeDepth : o; return r.root.eachNode("preorder", (function (t) { var e = t.hostTree.data.getRawDataItem(t.dataIndex); t.isExpand = e && null != e.collapsed ? !e.collapsed : t.depth <= a })), r.data }, e.prototype.getOrient = function () { var t = this.get("orient"); return "horizontal" === t ? t = "LR" : "vertical" === t && (t = "TB"), t }, e.prototype.setZoom = function (t) { this.option.zoom = t }, e.prototype.setCenter = function (t) { this.option.center = t }, e.prototype.formatTooltip = function (t, e, n) { for (var i = this.getData().tree, r = i.root.children[0], o = i.getNodeByDataIndex(t), a = o.getValue(), s = o.name; o && o !== r;)s = o.parentNode.name + "." + s, o = o.parentNode; return qf("nameValue", { name: s, value: a, noValue: isNaN(a) || null == a }) }, e.prototype.getDataParams = function (e) { var n = t.prototype.getDataParams.apply(this, arguments), i = this.getData().tree.getNodeByDataIndex(e); return n.treeAncestors = zC(i, this), n.collapsed = !i.isExpand, n }, e.type = "series.tree", e.layoutMode = "box", e.defaultOption = { z: 2, coordinateSystem: "view", left: "12%", top: "12%", right: "12%", bottom: "12%", layout: "orthogonal", edgeShape: "curve", edgeForkPosition: "50%", roam: !1, nodeScaleRatio: .4, center: null, zoom: 1, orient: "LR", symbol: "emptyCircle", symbolSize: 7, expandAndCollapse: !0, initialTreeDepth: 2, lineStyle: { color: "#ccc", width: 1.5, curveness: .5 }, itemStyle: { color: "lightsteelblue", borderWidth: 1.5 }, label: { show: !0 }, animationEasing: "linear", animationDuration: 700, animationDurationUpdate: 500 }, e }(hg); function BC(t, e) { for (var n, i = [t]; n = i.pop();)if (e(n), n.isExpand) { var r = n.children; if (r.length) for (var o = r.length - 1; o >= 0; o--)i.push(r[o]) } } function FC(t, e) { t.eachSeriesByType("tree", (function (t) { !function (t, e) { var n = function (t, e) { return wp(t.getBoxLayoutParams(), { width: e.getWidth(), height: e.getHeight() }) }(t, e); t.layoutInfo = n; var i = t.get("layout"), r = 0, o = 0, a = null; "radial" === i ? (r = 2 * Math.PI, o = Math.min(n.height, n.width) / 2, a = sC((function (t, e) { return (t.parentNode === e.parentNode ? 1 : 2) / t.depth }))) : (r = n.width, o = n.height, a = sC()); var s = t.getData().tree.root, l = s.children[0]; if (l) { !function (t) { var e = t; e.hierNode = { defaultAncestor: null, ancestor: e, prelim: 0, modifier: 0, change: 0, shift: 0, i: 0, thread: null }; for (var n, i, r = [e]; n = r.pop();)if (i = n.children, n.isExpand && i.length) for (var o = i.length - 1; o >= 0; o--) { var a = i[o]; a.hierNode = { defaultAncestor: null, ancestor: a, prelim: 0, modifier: 0, change: 0, shift: 0, i: o, thread: null }, r.push(a) } }(s), function (t, e, n) { for (var i, r = [t], o = []; i = r.pop();)if (o.push(i), i.isExpand) { var a = i.children; if (a.length) for (var s = 0; s < a.length; s++)r.push(a[s]) } for (; i = o.pop();)e(i, n) }(l, oC, a), s.hierNode.modifier = -l.hierNode.prelim, BC(l, aC); var u = l, h = l, c = l; BC(l, (function (t) { var e = t.getLayout().x; e < u.getLayout().x && (u = t), e > h.getLayout().x && (h = t), t.depth > c.depth && (c = t) })); var p = u === h ? 1 : a(u, h) / 2, d = p - u.getLayout().x, f = 0, g = 0, y = 0, v = 0; if ("radial" === i) f = r / (h.getLayout().x + p + d), g = o / (c.depth - 1 || 1), BC(l, (function (t) { y = (t.getLayout().x + d) * f, v = (t.depth - 1) * g; var e = lC(y, v); t.setLayout({ x: e.x, y: e.y, rawX: y, rawY: v }, !0) })); else { var m = t.getOrient(); "RL" === m || "LR" === m ? (g = o / (h.getLayout().x + p + d), f = r / (c.depth - 1 || 1), BC(l, (function (t) { v = (t.getLayout().x + d) * g, y = "LR" === m ? (t.depth - 1) * f : r - (t.depth - 1) * f, t.setLayout({ x: y, y: v }, !0) }))) : "TB" !== m && "BT" !== m || (f = r / (h.getLayout().x + p + d), g = o / (c.depth - 1 || 1), BC(l, (function (t) { y = (t.getLayout().x + d) * f, v = "TB" === m ? (t.depth - 1) * g : o - (t.depth - 1) * g, t.setLayout({ x: y, y: v }, !0) }))) } } }(t, e) })) } function GC(t) { t.eachSeriesByType("tree", (function (t) { var e = t.getData(); e.tree.eachNode((function (t) { var n = t.getModel().getModel("itemStyle").getItemStyle(); A(e.ensureUniqueItemVisual(t.dataIndex, "style"), n) })) })) } var WC = ["treemapZoomToNode", "treemapRender", "treemapMove"]; function HC(t) { var e = t.getData().tree, n = {}; e.eachNode((function (e) { for (var i = e; i && i.depth > 1;)i = i.parentNode; var r = rd(t.ecModel, i.name || i.dataIndex + "", n); e.setVisual("decal", r) })) } var YC = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.preventUsingHoverLayer = !0, n } return n(e, t), e.prototype.getInitialData = function (t, e) { var n = { name: t.name, children: t.data }; UC(n); var i = t.levels || [], r = this.designatedVisualItemStyle = {}, o = new xc({ itemStyle: r }, this, e); i = t.levels = function (t, e) { var n, i, r = yo(e.get("color")), o = yo(e.get(["aria", "decal", "decals"])); if (!r) return; E(t = t || [], (function (t) { var e = new xc(t), r = e.get("color"), o = e.get("decal"); (e.get(["itemStyle", "color"]) || r && "none" !== r) && (n = !0), (e.get(["itemStyle", "decal"]) || o && "none" !== o) && (i = !0) })); var a = t[0] || (t[0] = {}); n || (a.color = r.slice()); !i && o && (a.decal = o.slice()); return t }(i, e); var a = z(i || [], (function (t) { return new xc(t, o, e) }), this), s = OC.createTree(n, this, (function (t) { t.wrapMethod("getItemModel", (function (t, e) { var n = s.getNodeByDataIndex(e), i = n ? a[n.depth] : null; return t.parentModel = i || o, t })) })); return s.data }, e.prototype.optionUpdated = function () { this.resetViewRoot() }, e.prototype.formatTooltip = function (t, e, n) { var i = this.getData(), r = this.getRawValue(t); return qf("nameValue", { name: i.getName(t), value: r }) }, e.prototype.getDataParams = function (e) { var n = t.prototype.getDataParams.apply(this, arguments), i = this.getData().tree.getNodeByDataIndex(e); return n.treeAncestors = zC(i, this), n.treePathInfo = n.treeAncestors, n }, e.prototype.setLayoutInfo = function (t) { this.layoutInfo = this.layoutInfo || {}, A(this.layoutInfo, t) }, e.prototype.mapIdToIndex = function (t) { var e = this._idIndexMap; e || (e = this._idIndexMap = ft(), this._idIndexMapCount = 0); var n = e.get(t); return null == n && e.set(t, n = this._idIndexMapCount++), n }, e.prototype.getViewRoot = function () { return this._viewRoot }, e.prototype.resetViewRoot = function (t) { t ? this._viewRoot = t : t = this._viewRoot; var e = this.getRawData().tree.root; t && (t === e || e.contains(t)) || (this._viewRoot = e) }, e.prototype.enableAriaDecal = function () { HC(this) }, e.type = "series.treemap", e.layoutMode = "box", e.defaultOption = { progressive: 0, left: "center", top: "middle", width: "80%", height: "80%", sort: !0, clipWindow: "origin", squareRatio: .5 * (1 + Math.sqrt(5)), leafDepth: null, drillDownIcon: "▶", zoomToNodeRatio: .1024, roam: !0, nodeClick: "zoomToNode", animation: !0, animationDurationUpdate: 900, animationEasing: "quinticInOut", breadcrumb: { show: !0, height: 22, left: "center", top: "bottom", emptyItemWidth: 25, itemStyle: { color: "rgba(0,0,0,0.7)", textStyle: { color: "#fff" } }, emphasis: { itemStyle: { color: "rgba(0,0,0,0.9)" } } }, label: { show: !0, distance: 0, padding: 5, position: "inside", color: "#fff", overflow: "truncate" }, upperLabel: { show: !1, position: [0, "50%"], height: 20, overflow: "truncate", verticalAlign: "middle" }, itemStyle: { color: null, colorAlpha: null, colorSaturation: null, borderWidth: 0, gapWidth: 0, borderColor: "#fff", borderColorSaturation: null }, emphasis: { upperLabel: { show: !0, position: [0, "50%"], overflow: "truncate", verticalAlign: "middle" } }, visualDimension: 0, visualMin: null, visualMax: null, color: [], colorAlpha: null, colorSaturation: null, colorMappingBy: "index", visibleMin: 10, childrenVisibleMin: null, levels: [] }, e }(hg); function UC(t) { var e = 0; E(t.children, (function (t) { UC(t); var n = t.value; Y(n) && (n = n[0]), e += n })); var n = t.value; Y(n) && (n = n[0]), (null == n || isNaN(n)) && (n = e), n < 0 && (n = 0), Y(t.value) ? t.value[0] = n : t.value = n } var XC = function () { function t(t) { this.group = new Pr, t.add(this.group) } return t.prototype.render = function (t, e, n, i) { var r = t.getModel("breadcrumb"), o = this.group; if (o.removeAll(), r.get("show") && n) { var a = r.getModel("itemStyle"), s = r.getModel("emphasis"), l = a.getModel("textStyle"), u = s.getModel(["itemStyle", "textStyle"]), h = { pos: { left: r.get("left"), right: r.get("right"), top: r.get("top"), bottom: r.get("bottom") }, box: { width: e.getWidth(), height: e.getHeight() }, emptyItemWidth: r.get("emptyItemWidth"), totalWidth: 0, renderList: [] }; this._prepare(n, h, l), this._renderContent(t, h, a, s, l, u, i), Sp(o, h.pos, h.box) } }, t.prototype._prepare = function (t, e, n) { for (var i = t; i; i = i.parentNode) { var r = Mo(i.getModel().get("name"), ""), o = n.getTextRect(r), a = Math.max(o.width + 16, e.emptyItemWidth); e.totalWidth += a + 8, e.renderList.push({ node: i, text: r, width: a }) } }, t.prototype._renderContent = function (t, e, n, i, r, o, a) { for (var s, l, u, h, c, p, d, f, g, y = 0, v = e.emptyItemWidth, m = t.get(["breadcrumb", "height"]), x = (s = e.pos, l = e.box, h = l.width, c = l.height, p = Gr(s.left, h), d = Gr(s.top, c), f = Gr(s.right, h), g = Gr(s.bottom, c), (isNaN(p) || isNaN(parseFloat(s.left))) && (p = 0), (isNaN(f) || isNaN(parseFloat(s.right))) && (f = h), (isNaN(d) || isNaN(parseFloat(s.top))) && (d = 0), (isNaN(g) || isNaN(parseFloat(s.bottom))) && (g = c), u = up(u || 0), { width: Math.max(f - p - u[1] - u[3], 0), height: Math.max(g - d - u[0] - u[2], 0) }), _ = e.totalWidth, b = e.renderList, w = i.getModel("itemStyle").getItemStyle(), S = b.length - 1; S >= 0; S--) { var M = b[S], I = M.node, T = M.width, C = M.text; _ > x.width && (_ -= T - v, T = v, C = null); var D = new zu({ shape: { points: ZC(y, 0, T, m, S === b.length - 1, 0 === S) }, style: k(n.getItemStyle(), { lineJoin: "bevel" }), textContent: new Ns({ style: $h(r, { text: C }) }), textConfig: { position: "inside" }, z2: 1e5, onclick: H(a, I) }); D.disableLabelAnimation = !0, D.getTextContent().ensureState("emphasis").style = $h(o, { text: C }), D.ensureState("emphasis").style = w, Bl(D, i.get("focus"), i.get("blurScope"), i.get("disabled")), this.group.add(D), jC(D, t, I), y += T + 8 } }, t.prototype.remove = function () { this.group.removeAll() }, t }(); function ZC(t, e, n, i, r, o) { var a = [[r ? t : t - 5, e], [t + n, e], [t + n, e + i], [r ? t : t - 5, e + i]]; return !o && a.splice(2, 0, [t + n + 5, e + i / 2]), !r && a.push([t, e + i / 2]), a } function jC(t, e, n) { js(t).eventData = { componentType: "series", componentSubType: "treemap", componentIndex: e.componentIndex, seriesIndex: e.seriesIndex, seriesName: e.name, seriesType: "treemap", selfType: "breadcrumb", nodeData: { dataIndex: n && n.dataIndex, name: n && n.name }, treePathInfo: n && zC(n, e) } } var qC = function () { function t() { this._storage = [], this._elExistsMap = {} } return t.prototype.add = function (t, e, n, i, r) { return !this._elExistsMap[t.id] && (this._elExistsMap[t.id] = !0, this._storage.push({ el: t, target: e, duration: n, delay: i, easing: r }), !0) }, t.prototype.finished = function (t) { return this._finishedCallback = t, this }, t.prototype.start = function () { for (var t = this, e = this._storage.length, n = function () { --e <= 0 && (t._storage.length = 0, t._elExistsMap = {}, t._finishedCallback && t._finishedCallback()) }, i = 0, r = this._storage.length; i < r; i++) { var o = this._storage[i]; o.el.animateTo(o.target, { duration: o.duration, delay: o.delay, easing: o.easing, setToFinal: !0, done: n, aborted: n }) } return this }, t }(); var KC = Pr, $C = Ps, JC = "label", QC = "upperLabel", tD = Zo([["fill", "color"], ["stroke", "strokeColor"], ["lineWidth", "strokeWidth"], ["shadowBlur"], ["shadowOffsetX"], ["shadowOffsetY"], ["shadowColor"]]), eD = function (t) { var e = tD(t); return e.stroke = e.fill = e.lineWidth = null, e }, nD = Do(), iD = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._state = "ready", n._storage = { nodeGroup: [], background: [], content: [] }, n } return n(e, t), e.prototype.render = function (t, e, n, i) { if (!(P(e.findComponents({ mainType: "series", subType: "treemap", query: i }), t) < 0)) { this.seriesModel = t, this.api = n, this.ecModel = e; var r = RC(i, ["treemapZoomToNode", "treemapRootToNode"], t), o = i && i.type, a = t.layoutInfo, s = !this._oldTree, l = this._storage, u = "treemapRootToNode" === o && r && l ? { rootNodeGroup: l.nodeGroup[r.node.getRawIndex()], direction: i.direction } : null, h = this._giveContainerGroup(a), c = t.get("animation"), p = this._doRender(h, t, u); !c || s || o && "treemapZoomToNode" !== o && "treemapRootToNode" !== o ? p.renderFinally() : this._doAnimation(h, p, t, u), this._resetController(n), this._renderBreadcrumb(t, n, r) } }, e.prototype._giveContainerGroup = function (t) { var e = this._containerGroup; return e || (e = this._containerGroup = new KC, this._initEvents(e), this.group.add(e)), e.x = t.x, e.y = t.y, e }, e.prototype._doRender = function (t, e, n) { var i = e.getData().tree, r = this._oldTree, o = { nodeGroup: [], background: [], content: [] }, a = { nodeGroup: [], background: [], content: [] }, s = this._storage, l = []; function u(t, i, r, u) { return function (t, e, n, i, r, o, a, s, l, u) { if (!a) return; var h = a.getLayout(), c = t.getData(), p = a.getModel(); if (c.setItemGraphicEl(a.dataIndex, null), !h || !h.isInView) return; var d = h.width, f = h.height, g = h.borderWidth, y = h.invisible, v = a.getRawIndex(), m = s && s.getRawIndex(), x = a.viewChildren, _ = h.upperHeight, b = x && x.length, w = p.getModel("itemStyle"), S = p.getModel(["emphasis", "itemStyle"]), M = p.getModel(["blur", "itemStyle"]), I = p.getModel(["select", "itemStyle"]), T = w.get("borderRadius") || 0, C = G("nodeGroup", KC); if (!C) return; if (l.add(C), C.x = h.x || 0, C.y = h.y || 0, C.markRedraw(), nD(C).nodeWidth = d, nD(C).nodeHeight = f, h.isAboveViewRoot) return C; var D = G("background", $C, u, 20); D && E(C, D, b && h.upperLabelHeight); var k = p.getModel("emphasis"), L = k.get("focus"), P = k.get("blurScope"), O = k.get("disabled"), R = "ancestor" === L ? a.getAncestorsIndices() : "descendant" === L ? a.getDescendantIndices() : L; if (b) Ul(C) && Yl(C, !1), D && (Yl(D, !O), c.setItemGraphicEl(a.dataIndex, D), Fl(D, R, P)); else { var N = G("content", $C, u, 30); N && z(C, N), D.disableMorphing = !0, D && Ul(D) && Yl(D, !1), Yl(C, !O), c.setItemGraphicEl(a.dataIndex, C), Fl(C, R, P) } return C; function E(e, n, i) { var r = js(n); if (r.dataIndex = a.dataIndex, r.seriesIndex = t.seriesIndex, n.setShape({ x: 0, y: 0, width: d, height: f, r: T }), y) V(n); else { n.invisible = !1; var o = a.getVisual("style"), s = o.stroke, l = eD(w); l.fill = s; var u = tD(S); u.fill = S.get("borderColor"); var h = tD(M); h.fill = M.get("borderColor"); var c = tD(I); if (c.fill = I.get("borderColor"), i) { var p = d - 2 * g; B(n, s, o.opacity, { x: g, y: 0, width: p, height: _ }) } else n.removeTextContent(); n.setStyle(l), n.ensureState("emphasis").style = u, n.ensureState("blur").style = h, n.ensureState("select").style = c, wl(n) } e.add(n) } function z(e, n) { var i = js(n); i.dataIndex = a.dataIndex, i.seriesIndex = t.seriesIndex; var r = Math.max(d - 2 * g, 0), o = Math.max(f - 2 * g, 0); if (n.culling = !0, n.setShape({ x: g, y: g, width: r, height: o, r: T }), y) V(n); else { n.invisible = !1; var s = a.getVisual("style"), l = s.fill, u = eD(w); u.fill = l, u.decal = s.decal; var h = tD(S), c = tD(M), p = tD(I); B(n, l, s.opacity, null), n.setStyle(u), n.ensureState("emphasis").style = h, n.ensureState("blur").style = c, n.ensureState("select").style = p, wl(n) } e.add(n) } function V(t) { !t.invisible && o.push(t) } function B(e, n, i, r) { var o = p.getModel(r ? QC : JC), s = Mo(p.get("name"), null), l = o.getShallow("show"); qh(e, Kh(p, r ? QC : JC), { defaultText: l ? s : null, inheritColor: n, defaultOpacity: i, labelFetcher: t, labelDataIndex: a.dataIndex }); var u = e.getTextContent(); if (u) { var c = u.style, d = st(c.padding || 0); r && (e.setTextConfig({ layoutRect: r }), u.disableLabelLayout = !0), u.beforeUpdate = function () { var t = Math.max((r ? r.width : e.shape.width) - d[1] - d[3], 0), n = Math.max((r ? r.height : e.shape.height) - d[0] - d[2], 0); c.width === t && c.height === n || u.setStyle({ width: t, height: n }) }, c.truncateMinChar = 2, c.lineOverflow = "truncate", F(c, r, h); var f = u.getState("emphasis"); F(f ? f.style : null, r, h) } } function F(e, n, i) { var r = e ? e.text : null; if (!n && i.isLeafRoot && null != r) { var o = t.get("drillDownIcon", !0); e.text = o ? o + " " + r : r } } function G(t, i, o, a) { var s = null != m && n[t][m], l = r[t]; return s ? (n[t][m] = null, W(l, s)) : y || ((s = new i) instanceof ma && (s.z2 = function (t, e) { return 100 * t + e }(o, a)), H(l, s)), e[t][v] = s } function W(t, e) { var n = t[v] = {}; e instanceof KC ? (n.oldX = e.x, n.oldY = e.y) : n.oldShape = A({}, e.shape) } function H(t, e) { var n = t[v] = {}, o = a.parentNode, s = e instanceof Pr; if (o && (!i || "drillDown" === i.direction)) { var l = 0, u = 0, h = r.background[o.getRawIndex()]; !i && h && h.oldShape && (l = h.oldShape.width, u = h.oldShape.height), s ? (n.oldX = 0, n.oldY = u) : n.oldShape = { x: l, y: u, width: 0, height: 0 } } n.fadein = !s } }(e, a, s, n, o, l, t, i, r, u) } !function t(e, n, i, r, o) { r ? (n = e, E(e, (function (t, e) { !t.isRemoved() && s(e, e) }))) : new Dm(n, e, a, a).add(s).update(s).remove(H(s, null)).execute(); function a(t) { return t.getId() } function s(a, s) { var l = null != a ? e[a] : null, h = null != s ? n[s] : null, c = u(l, h, i, o); c && t(l && l.viewChildren || [], h && h.viewChildren || [], c, r, o + 1) } }(i.root ? [i.root] : [], r && r.root ? [r.root] : [], t, i === r || !r, 0); var h = function (t) { var e = { nodeGroup: [], background: [], content: [] }; return t && E(t, (function (t, n) { var i = e[n]; E(t, (function (t) { t && (i.push(t), nD(t).willDelete = !0) })) })), e }(s); return this._oldTree = i, this._storage = a, { lastsForAnimation: o, willDeleteEls: h, renderFinally: function () { E(h, (function (t) { E(t, (function (t) { t.parent && t.parent.remove(t) })) })), E(l, (function (t) { t.invisible = !0, t.dirty() })) } } }, e.prototype._doAnimation = function (t, e, n, i) { var r = n.get("animationDurationUpdate"), o = n.get("animationEasing"), a = (U(r) ? 0 : r) || 0, s = (U(o) ? null : o) || "cubicOut", l = new qC; E(e.willDeleteEls, (function (t, e) { E(t, (function (t, n) { if (!t.invisible) { var r, o = t.parent, u = nD(o); if (i && "drillDown" === i.direction) r = o === i.rootNodeGroup ? { shape: { x: 0, y: 0, width: u.nodeWidth, height: u.nodeHeight }, style: { opacity: 0 } } : { style: { opacity: 0 } }; else { var h = 0, c = 0; u.willDelete || (h = u.nodeWidth / 2, c = u.nodeHeight / 2), r = "nodeGroup" === e ? { x: h, y: c, style: { opacity: 0 } } : { shape: { x: h, y: c, width: 0, height: 0 }, style: { opacity: 0 } } } r && l.add(t, r, a, 0, s) } })) })), E(this._storage, (function (t, n) { E(t, (function (t, i) { var r = e.lastsForAnimation[n][i], o = {}; r && (t instanceof Pr ? null != r.oldX && (o.x = t.x, o.y = t.y, t.x = r.oldX, t.y = r.oldY) : (r.oldShape && (o.shape = A({}, t.shape), t.setShape(r.oldShape)), r.fadein ? (t.setStyle("opacity", 0), o.style = { opacity: 1 }) : 1 !== t.style.opacity && (o.style = { opacity: 1 })), l.add(t, o, a, 0, s)) })) }), this), this._state = "animating", l.finished(W((function () { this._state = "ready", e.renderFinally() }), this)).start() }, e.prototype._resetController = function (t) { var e = this._controller; e || ((e = this._controller = new OI(t.getZr())).enable(this.seriesModel.get("roam")), e.on("pan", W(this._onPan, this)), e.on("zoom", W(this._onZoom, this))); var n = new Re(0, 0, t.getWidth(), t.getHeight()); e.setPointerChecker((function (t, e, i) { return n.contain(e, i) })) }, e.prototype._clearController = function () { var t = this._controller; t && (t.dispose(), t = null) }, e.prototype._onPan = function (t) { if ("animating" !== this._state && (Math.abs(t.dx) > 3 || Math.abs(t.dy) > 3)) { var e = this.seriesModel.getData().tree.root; if (!e) return; var n = e.getLayout(); if (!n) return; this.api.dispatchAction({ type: "treemapMove", from: this.uid, seriesId: this.seriesModel.id, rootRect: { x: n.x + t.dx, y: n.y + t.dy, width: n.width, height: n.height } }) } }, e.prototype._onZoom = function (t) { var e = t.originX, n = t.originY; if ("animating" !== this._state) { var i = this.seriesModel.getData().tree.root; if (!i) return; var r = i.getLayout(); if (!r) return; var o = new Re(r.x, r.y, r.width, r.height), a = this.seriesModel.layoutInfo, s = [1, 0, 0, 1, 0, 0]; xe(s, s, [-(e -= a.x), -(n -= a.y)]), be(s, s, [t.scale, t.scale]), xe(s, s, [e, n]), o.applyTransform(s), this.api.dispatchAction({ type: "treemapRender", from: this.uid, seriesId: this.seriesModel.id, rootRect: { x: o.x, y: o.y, width: o.width, height: o.height } }) } }, e.prototype._initEvents = function (t) { var e = this; t.on("click", (function (t) { if ("ready" === e._state) { var n = e.seriesModel.get("nodeClick", !0); if (n) { var i = e.findTarget(t.offsetX, t.offsetY); if (i) { var r = i.node; if (r.getLayout().isLeafRoot) e._rootToNode(i); else if ("zoomToNode" === n) e._zoomToNode(i); else if ("link" === n) { var o = r.hostTree.data.getItemModel(r.dataIndex), a = o.get("link", !0), s = o.get("target", !0) || "blank"; a && yp(a, s) } } } } }), this) }, e.prototype._renderBreadcrumb = function (t, e, n) { var i = this; n || (n = null != t.get("leafDepth", !0) ? { node: t.getViewRoot() } : this.findTarget(e.getWidth() / 2, e.getHeight() / 2)) || (n = { node: t.getData().tree.root }), (this._breadcrumb || (this._breadcrumb = new XC(this.group))).render(t, e, n.node, (function (e) { "animating" !== i._state && (EC(t.getViewRoot(), e) ? i._rootToNode({ node: e }) : i._zoomToNode({ node: e })) })) }, e.prototype.remove = function () { this._clearController(), this._containerGroup && this._containerGroup.removeAll(), this._storage = { nodeGroup: [], background: [], content: [] }, this._state = "ready", this._breadcrumb && this._breadcrumb.remove() }, e.prototype.dispose = function () { this._clearController() }, e.prototype._zoomToNode = function (t) { this.api.dispatchAction({ type: "treemapZoomToNode", from: this.uid, seriesId: this.seriesModel.id, targetNode: t.node }) }, e.prototype._rootToNode = function (t) { this.api.dispatchAction({ type: "treemapRootToNode", from: this.uid, seriesId: this.seriesModel.id, targetNode: t.node }) }, e.prototype.findTarget = function (t, e) { var n; return this.seriesModel.getViewRoot().eachNode({ attr: "viewChildren", order: "preorder" }, (function (i) { var r = this._storage.background[i.getRawIndex()]; if (r) { var o = r.transformCoordToLocal(t, e), a = r.shape; if (!(a.x <= o[0] && o[0] <= a.x + a.width && a.y <= o[1] && o[1] <= a.y + a.height)) return !1; n = { node: i, offsetX: o[0], offsetY: o[1] } } }), this), n }, e.type = "treemap", e }(wg); var rD = E, oD = q, aD = -1, sD = function () { function t(e) { var n = e.mappingMethod, i = e.type, r = this.option = T(e); this.type = i, this.mappingMethod = n, this._normalizeData = vD[n]; var o = t.visualHandlers[i]; this.applyVisual = o.applyVisual, this.getColorMapper = o.getColorMapper, this._normalizedToVisual = o._normalizedToVisual[n], "piecewise" === n ? (lD(r), function (t) { var e = t.pieceList; t.hasSpecialVisual = !1, E(e, (function (e, n) { e.originIndex = n, null != e.visual && (t.hasSpecialVisual = !0) })) }(r)) : "category" === n ? r.categories ? function (t) { var e = t.categories, n = t.categoryMap = {}, i = t.visual; if (rD(e, (function (t, e) { n[t] = e })), !Y(i)) { var r = []; q(i) ? rD(i, (function (t, e) { var i = n[e]; r[null != i ? i : aD] = t })) : r[-1] = i, i = yD(t, r) } for (var o = e.length - 1; o >= 0; o--)null == i[o] && (delete n[e[o]], e.pop()) }(r) : lD(r, !0) : (lt("linear" !== n || r.dataExtent), lD(r)) } return t.prototype.mapValueToVisual = function (t) { var e = this._normalizeData(t); return this._normalizedToVisual(e, t) }, t.prototype.getNormalizer = function () { return W(this._normalizeData, this) }, t.listVisualTypes = function () { return G(t.visualHandlers) }, t.isValidType = function (e) { return t.visualHandlers.hasOwnProperty(e) }, t.eachVisual = function (t, e, n) { q(t) ? E(t, e, n) : e.call(n, t) }, t.mapVisual = function (e, n, i) { var r, o = Y(e) ? [] : q(e) ? {} : (r = !0, null); return t.eachVisual(e, (function (t, e) { var a = n.call(i, t, e); r ? o = a : o[e] = a })), o }, t.retrieveVisuals = function (e) { var n, i = {}; return e && rD(t.visualHandlers, (function (t, r) { e.hasOwnProperty(r) && (i[r] = e[r], n = !0) })), n ? i : null }, t.prepareVisualTypes = function (t) { if (Y(t)) t = t.slice(); else { if (!oD(t)) return []; var e = []; rD(t, (function (t, n) { e.push(n) })), t = e } return t.sort((function (t, e) { return "color" === e && "color" !== t && 0 === t.indexOf("color") ? 1 : -1 })), t }, t.dependsOn = function (t, e) { return "color" === e ? !(!t || 0 !== t.indexOf(e)) : t === e }, t.findPieceIndex = function (t, e, n) { for (var i, r = 1 / 0, o = 0, a = e.length; o < a; o++) { var s = e[o].value; if (null != s) { if (s === t || X(s) && s === t + "") return o; n && c(s, o) } } for (o = 0, a = e.length; o < a; o++) { var l = e[o], u = l.interval, h = l.close; if (u) { if (u[0] === -1 / 0) { if (mD(h[1], t, u[1])) return o } else if (u[1] === 1 / 0) { if (mD(h[0], u[0], t)) return o } else if (mD(h[0], u[0], t) && mD(h[1], t, u[1])) return o; n && c(u[0], o), n && c(u[1], o) } } if (n) return t === 1 / 0 ? e.length - 1 : t === -1 / 0 ? 0 : i; function c(e, n) { var o = Math.abs(e - t); o < r && (r = o, i = n) } }, t.visualHandlers = { color: { applyVisual: cD("color"), getColorMapper: function () { var t = this.option; return W("category" === t.mappingMethod ? function (t, e) { return !e && (t = this._normalizeData(t)), pD.call(this, t) } : function (e, n, i) { var r = !!i; return !n && (e = this._normalizeData(e)), i = qn(e, t.parsedVisual, i), r ? i : ei(i, "rgba") }, this) }, _normalizedToVisual: { linear: function (t) { return ei(qn(t, this.option.parsedVisual), "rgba") }, category: pD, piecewise: function (t, e) { var n = gD.call(this, e); return null == n && (n = ei(qn(t, this.option.parsedVisual), "rgba")), n }, fixed: dD } }, colorHue: uD((function (t, e) { return Qn(t, e) })), colorSaturation: uD((function (t, e) { return Qn(t, null, e) })), colorLightness: uD((function (t, e) { return Qn(t, null, null, e) })), colorAlpha: uD((function (t, e) { return ti(t, e) })), decal: { applyVisual: cD("decal"), _normalizedToVisual: { linear: null, category: pD, piecewise: null, fixed: null } }, opacity: { applyVisual: cD("opacity"), _normalizedToVisual: fD([0, 1]) }, liftZ: { applyVisual: cD("liftZ"), _normalizedToVisual: { linear: dD, category: dD, piecewise: dD, fixed: dD } }, symbol: { applyVisual: function (t, e, n) { n("symbol", this.mapValueToVisual(t)) }, _normalizedToVisual: { linear: hD, category: pD, piecewise: function (t, e) { var n = gD.call(this, e); return null == n && (n = hD.call(this, t)), n }, fixed: dD } }, symbolSize: { applyVisual: cD("symbolSize"), _normalizedToVisual: fD([0, 1]) } }, t }(); function lD(t, e) { var n = t.visual, i = []; q(n) ? rD(n, (function (t) { i.push(t) })) : null != n && i.push(n); e || 1 !== i.length || { color: 1, symbol: 1 }.hasOwnProperty(t.type) || (i[1] = i[0]), yD(t, i) } function uD(t) { return { applyVisual: function (e, n, i) { var r = this.mapValueToVisual(e); i("color", t(n("color"), r)) }, _normalizedToVisual: fD([0, 1]) } } function hD(t) { var e = this.option.visual; return e[Math.round(Fr(t, [0, 1], [0, e.length - 1], !0))] || {} } function cD(t) { return function (e, n, i) { i(t, this.mapValueToVisual(e)) } } function pD(t) { var e = this.option.visual; return e[this.option.loop && t !== aD ? t % e.length : t] } function dD() { return this.option.visual[0] } function fD(t) { return { linear: function (e) { return Fr(e, t, this.option.visual, !0) }, category: pD, piecewise: function (e, n) { var i = gD.call(this, n); return null == i && (i = Fr(e, t, this.option.visual, !0)), i }, fixed: dD } } function gD(t) { var e = this.option, n = e.pieceList; if (e.hasSpecialVisual) { var i = n[sD.findPieceIndex(t, n)]; if (i && i.visual) return i.visual[this.type] } } function yD(t, e) { return t.visual = e, "color" === t.type && (t.parsedVisual = z(e, (function (t) { var e = Xn(t); return e || [0, 0, 0, 1] }))), e } var vD = { linear: function (t) { return Fr(t, this.option.dataExtent, [0, 1], !0) }, piecewise: function (t) { var e = this.option.pieceList, n = sD.findPieceIndex(t, e, !0); if (null != n) return Fr(n, [0, e.length - 1], [0, 1], !0) }, category: function (t) { var e = this.option.categories ? this.option.categoryMap[t] : t; return null == e ? aD : e }, fixed: xt }; function mD(t, e, n) { return t ? e <= n : e < n } var xD = Do(), _D = { seriesType: "treemap", reset: function (t) { var e = t.getData().tree.root; e.isRemoved() || bD(e, {}, t.getViewRoot().getAncestors(), t) } }; function bD(t, e, n, i) { var r = t.getModel(), o = t.getLayout(), a = t.hostTree.data; if (o && !o.invisible && o.isInView) { var s, l = r.getModel("itemStyle"), u = function (t, e, n) { var i = A({}, e), r = n.designatedVisualItemStyle; return E(["color", "colorAlpha", "colorSaturation"], (function (n) { r[n] = e[n]; var o = t.get(n); r[n] = null, null != o && (i[n] = o) })), i }(l, e, i), h = a.ensureUniqueItemVisual(t.dataIndex, "style"), c = l.get("borderColor"), p = l.get("borderColorSaturation"); null != p && (c = function (t, e) { return null != e ? Qn(e, null, null, t) : null }(p, s = wD(u))), h.stroke = c; var d = t.viewChildren; if (d && d.length) { var f = function (t, e, n, i, r, o) { if (!o || !o.length) return; var a = MD(e, "color") || null != r.color && "none" !== r.color && (MD(e, "colorAlpha") || MD(e, "colorSaturation")); if (!a) return; var s = e.get("visualMin"), l = e.get("visualMax"), u = n.dataExtent.slice(); null != s && s < u[0] && (u[0] = s), null != l && l > u[1] && (u[1] = l); var h = e.get("colorMappingBy"), c = { type: a.name, dataExtent: u, visual: a.range }; "color" !== c.type || "index" !== h && "id" !== h ? c.mappingMethod = "linear" : (c.mappingMethod = "category", c.loop = !0); var p = new sD(c); return xD(p).drColorMappingBy = h, p }(0, r, o, 0, u, d); E(d, (function (t, e) { if (t.depth >= n.length || t === n[t.depth]) { var o = function (t, e, n, i, r, o) { var a = A({}, e); if (r) { var s = r.type, l = "color" === s && xD(r).drColorMappingBy, u = "index" === l ? i : "id" === l ? o.mapIdToIndex(n.getId()) : n.getValue(t.get("visualDimension")); a[s] = r.mapValueToVisual(u) } return a }(r, u, t, e, f, i); bD(t, o, n, i) } })) } else s = wD(u), h.fill = s } } function wD(t) { var e = SD(t, "color"); if (e) { var n = SD(t, "colorAlpha"), i = SD(t, "colorSaturation"); return i && (e = Qn(e, null, null, i)), n && (e = ti(e, n)), e } } function SD(t, e) { var n = t[e]; if (null != n && "none" !== n) return n } function MD(t, e) { var n = t.get(e); return Y(n) && n.length ? { name: e, range: n } : null } var ID = Math.max, TD = Math.min, CD = it, DD = E, AD = ["itemStyle", "borderWidth"], kD = ["itemStyle", "gapWidth"], LD = ["upperLabel", "show"], PD = ["upperLabel", "height"], OD = { seriesType: "treemap", reset: function (t, e, n, i) { var r = n.getWidth(), o = n.getHeight(), a = t.option, s = wp(t.getBoxLayoutParams(), { width: n.getWidth(), height: n.getHeight() }), l = a.size || [], u = Gr(CD(s.width, l[0]), r), h = Gr(CD(s.height, l[1]), o), c = i && i.type, p = RC(i, ["treemapZoomToNode", "treemapRootToNode"], t), d = "treemapRender" === c || "treemapMove" === c ? i.rootRect : null, f = t.getViewRoot(), g = NC(f); if ("treemapMove" !== c) { var y = "treemapZoomToNode" === c ? function (t, e, n, i, r) { var o, a = (e || {}).node, s = [i, r]; if (!a || a === n) return s; var l = i * r, u = l * t.option.zoomToNodeRatio; for (; o = a.parentNode;) { for (var h = 0, c = o.children, p = 0, d = c.length; p < d; p++)h += c[p].getValue(); var f = a.getValue(); if (0 === f) return s; u *= h / f; var g = o.getModel(), y = g.get(AD); (u += 4 * y * y + (3 * y + Math.max(y, VD(g))) * Math.pow(u, .5)) > qr && (u = qr), a = o } u < l && (u = l); var v = Math.pow(u / l, .5); return [i * v, r * v] }(t, p, f, u, h) : d ? [d.width, d.height] : [u, h], v = a.sort; v && "asc" !== v && "desc" !== v && (v = "desc"); var m = { squareRatio: a.squareRatio, sort: v, leafDepth: a.leafDepth }; f.hostTree.clearLayouts(); var x = { x: 0, y: 0, width: y[0], height: y[1], area: y[0] * y[1] }; f.setLayout(x), RD(f, m, !1, 0), x = f.getLayout(), DD(g, (function (t, e) { var n = (g[e + 1] || f).getValue(); t.setLayout(A({ dataExtent: [n, n], borderWidth: 0, upperHeight: 0 }, x)) })) } var _ = t.getData().tree.root; _.setLayout(function (t, e, n) { if (e) return { x: e.x, y: e.y }; var i = { x: 0, y: 0 }; if (!n) return i; var r = n.node, o = r.getLayout(); if (!o) return i; var a = [o.width / 2, o.height / 2], s = r; for (; s;) { var l = s.getLayout(); a[0] += l.x, a[1] += l.y, s = s.parentNode } return { x: t.width / 2 - a[0], y: t.height / 2 - a[1] } }(s, d, p), !0), t.setLayoutInfo(s), zD(_, new Re(-s.x, -s.y, r, o), g, f, 0) } }; function RD(t, e, n, i) { var r, o; if (!t.isRemoved()) { var a = t.getLayout(); r = a.width, o = a.height; var s = t.getModel(), l = s.get(AD), u = s.get(kD) / 2, h = VD(s), c = Math.max(l, h), p = l - u, d = c - u; t.setLayout({ borderWidth: l, upperHeight: c, upperLabelHeight: h }, !0); var f = (r = ID(r - 2 * p, 0)) * (o = ID(o - p - d, 0)), g = function (t, e, n, i, r, o) { var a = t.children || [], s = i.sort; "asc" !== s && "desc" !== s && (s = null); var l = null != i.leafDepth && i.leafDepth <= o; if (r && !l) return t.viewChildren = []; a = B(a, (function (t) { return !t.isRemoved() })), function (t, e) { e && t.sort((function (t, n) { var i = "asc" === e ? t.getValue() - n.getValue() : n.getValue() - t.getValue(); return 0 === i ? "asc" === e ? t.dataIndex - n.dataIndex : n.dataIndex - t.dataIndex : i })) }(a, s); var u = function (t, e, n) { for (var i = 0, r = 0, o = e.length; r < o; r++)i += e[r].getValue(); var a, s = t.get("visualDimension"); e && e.length ? "value" === s && n ? (a = [e[e.length - 1].getValue(), e[0].getValue()], "asc" === n && a.reverse()) : (a = [1 / 0, -1 / 0], DD(e, (function (t) { var e = t.getValue(s); e < a[0] && (a[0] = e), e > a[1] && (a[1] = e) }))) : a = [NaN, NaN]; return { sum: i, dataExtent: a } }(e, a, s); if (0 === u.sum) return t.viewChildren = []; if (u.sum = function (t, e, n, i, r) { if (!i) return n; for (var o = t.get("visibleMin"), a = r.length, s = a, l = a - 1; l >= 0; l--) { var u = r["asc" === i ? a - l - 1 : l].getValue(); u / n * e < o && (s = l, n -= u) } return "asc" === i ? r.splice(0, a - s) : r.splice(s, a - s), n }(e, n, u.sum, s, a), 0 === u.sum) return t.viewChildren = []; for (var h = 0, c = a.length; h < c; h++) { var p = a[h].getValue() / u.sum * n; a[h].setLayout({ area: p }) } l && (a.length && t.setLayout({ isLeafRoot: !0 }, !0), a.length = 0); return t.viewChildren = a, t.setLayout({ dataExtent: u.dataExtent }, !0), a }(t, s, f, e, n, i); if (g.length) { var y = { x: p, y: d, width: r, height: o }, v = TD(r, o), m = 1 / 0, x = []; x.area = 0; for (var _ = 0, b = g.length; _ < b;) { var w = g[_]; x.push(w), x.area += w.getLayout().area; var S = ND(x, v, e.squareRatio); S <= m ? (_++, m = S) : (x.area -= x.pop().getLayout().area, ED(x, v, y, u, !1), v = TD(y.width, y.height), x.length = x.area = 0, m = 1 / 0) } if (x.length && ED(x, v, y, u, !0), !n) { var M = s.get("childrenVisibleMin"); null != M && f < M && (n = !0) } for (_ = 0, b = g.length; _ < b; _++)RD(g[_], e, n, i + 1) } } } function ND(t, e, n) { for (var i = 0, r = 1 / 0, o = 0, a = void 0, s = t.length; o < s; o++)(a = t[o].getLayout().area) && (a < r && (r = a), a > i && (i = a)); var l = t.area * t.area, u = e * e * n; return l ? ID(u * i / l, l / (u * r)) : 1 / 0 } function ED(t, e, n, i, r) { var o = e === n.width ? 0 : 1, a = 1 - o, s = ["x", "y"], l = ["width", "height"], u = n[s[o]], h = e ? t.area / e : 0; (r || h > n[l[a]]) && (h = n[l[a]]); for (var c = 0, p = t.length; c < p; c++) { var d = t[c], f = {}, g = h ? d.getLayout().area / h : 0, y = f[l[a]] = ID(h - 2 * i, 0), v = n[s[o]] + n[l[o]] - u, m = c === p - 1 || v < g ? v : g, x = f[l[o]] = ID(m - 2 * i, 0); f[s[a]] = n[s[a]] + TD(i, y / 2), f[s[o]] = u + TD(i, x / 2), u += m, d.setLayout(f, !0) } n[s[a]] += h, n[l[a]] -= h } function zD(t, e, n, i, r) { var o = t.getLayout(), a = n[r], s = a && a === t; if (!(a && !s || r === n.length && t !== i)) { t.setLayout({ isInView: !0, invisible: !s && !e.intersect(o), isAboveViewRoot: s }, !0); var l = new Re(e.x - o.x, e.y - o.y, e.width, e.height); DD(t.viewChildren || [], (function (t) { zD(t, l, n, i, r + 1) })) } } function VD(t) { return t.get(LD) ? t.get(PD) : 0 } function BD(t) { var e = t.findComponents({ mainType: "legend" }); e && e.length && t.eachSeriesByType("graph", (function (t) { var n = t.getCategoriesData(), i = t.getGraph().data, r = n.mapArray(n.getName); i.filterSelf((function (t) { var n = i.getItemModel(t).getShallow("category"); if (null != n) { j(n) && (n = r[n]); for (var o = 0; o < e.length; o++)if (!e[o].isSelected(n)) return !1 } return !0 })) })) } function FD(t) { var e = {}; t.eachSeriesByType("graph", (function (t) { var n = t.getCategoriesData(), i = t.getData(), r = {}; n.each((function (i) { var o = n.getName(i); r["ec-" + o] = i; var a = n.getItemModel(i), s = a.getModel("itemStyle").getItemStyle(); s.fill || (s.fill = t.getColorFromPalette(o, e)), n.setItemVisual(i, "style", s); for (var l = ["symbol", "symbolSize", "symbolKeepAspect"], u = 0; u < l.length; u++) { var h = a.getShallow(l[u], !0); null != h && n.setItemVisual(i, l[u], h) } })), n.count() && i.each((function (t) { var e = i.getItemModel(t).getShallow("category"); if (null != e) { X(e) && (e = r["ec-" + e]); var o = n.getItemVisual(e, "style"); A(i.ensureUniqueItemVisual(t, "style"), o); for (var a = ["symbol", "symbolSize", "symbolKeepAspect"], s = 0; s < a.length; s++)i.setItemVisual(t, a[s], n.getItemVisual(e, a[s])) } })) })) } function GD(t) { return t instanceof Array || (t = [t, t]), t } function WD(t) { t.eachSeriesByType("graph", (function (t) { var e = t.getGraph(), n = t.getEdgeData(), i = GD(t.get("edgeSymbol")), r = GD(t.get("edgeSymbolSize")); n.setVisual("fromSymbol", i && i[0]), n.setVisual("toSymbol", i && i[1]), n.setVisual("fromSymbolSize", r && r[0]), n.setVisual("toSymbolSize", r && r[1]), n.setVisual("style", t.getModel("lineStyle").getLineStyle()), n.each((function (t) { var i = n.getItemModel(t), r = e.getEdgeByIndex(t), o = GD(i.getShallow("symbol", !0)), a = GD(i.getShallow("symbolSize", !0)), s = i.getModel("lineStyle").getLineStyle(), l = n.ensureUniqueItemVisual(t, "style"); switch (A(l, s), l.stroke) { case "source": var u = r.node1.getVisual("style"); l.stroke = u && u.fill; break; case "target": u = r.node2.getVisual("style"); l.stroke = u && u.fill }o[0] && r.setVisual("fromSymbol", o[0]), o[1] && r.setVisual("toSymbol", o[1]), a[0] && r.setVisual("fromSymbolSize", a[0]), a[1] && r.setVisual("toSymbolSize", a[1]) })) })) } var HD = "--\x3e", YD = function (t) { return t.get("autoCurveness") || null }, UD = function (t, e) { var n = YD(t), i = 20, r = []; if (j(n)) i = n; else if (Y(n)) return void (t.__curvenessList = n); e > i && (i = e); var o = i % 2 ? i + 2 : i + 3; r = []; for (var a = 0; a < o; a++)r.push((a % 2 ? a + 1 : a) / 10 * (a % 2 ? -1 : 1)); t.__curvenessList = r }, XD = function (t, e, n) { var i = [t.id, t.dataIndex].join("."), r = [e.id, e.dataIndex].join("."); return [n.uid, i, r].join(HD) }, ZD = function (t) { var e = t.split(HD); return [e[0], e[2], e[1]].join(HD) }, jD = function (t, e) { var n = e.__edgeMap; return n[t] ? n[t].length : 0 }; function qD(t, e, n, i) { var r = YD(e), o = Y(r); if (!r) return null; var a = function (t, e) { var n = XD(t.node1, t.node2, e); return e.__edgeMap[n] }(t, e); if (!a) return null; for (var s = -1, l = 0; l < a.length; l++)if (a[l] === n) { s = l; break } var u = function (t, e) { return jD(XD(t.node1, t.node2, e), e) + jD(XD(t.node2, t.node1, e), e) }(t, e); UD(e, u), t.lineStyle = t.lineStyle || {}; var h = XD(t.node1, t.node2, e), c = e.__curvenessList, p = o || u % 2 ? 0 : 1; if (a.isForward) return c[p + s]; var d = ZD(h), f = jD(d, e), g = c[s + f + p]; return i ? o ? r && 0 === r[0] ? (f + p) % 2 ? g : -g : ((f % 2 ? 0 : 1) + p) % 2 ? g : -g : (f + p) % 2 ? g : -g : c[s + f + p] } function KD(t) { var e = t.coordinateSystem; if (!e || "view" === e.type) { var n = t.getGraph(); n.eachNode((function (t) { var e = t.getModel(); t.setLayout([+e.get("x"), +e.get("y")]) })), $D(n, t) } } function $D(t, e) { t.eachEdge((function (t, n) { var i = ot(t.getModel().get(["lineStyle", "curveness"]), -qD(t, e, n, !0), 0), r = Mt(t.node1.getLayout()), o = Mt(t.node2.getLayout()), a = [r, o]; +i && a.push([(r[0] + o[0]) / 2 - (r[1] - o[1]) * i, (r[1] + o[1]) / 2 - (o[0] - r[0]) * i]), t.setLayout(a) })) } function JD(t, e) { t.eachSeriesByType("graph", (function (t) { var e = t.get("layout"), n = t.coordinateSystem; if (n && "view" !== n.type) { var i = t.getData(), r = []; E(n.dimensions, (function (t) { r = r.concat(i.mapDimensionsAll(t)) })); for (var o = 0; o < i.count(); o++) { for (var a = [], s = !1, l = 0; l < r.length; l++) { var u = i.get(r[l], o); isNaN(u) || (s = !0), a.push(u) } s ? i.setItemLayout(o, n.dataToPoint(a)) : i.setItemLayout(o, [NaN, NaN]) } $D(i.graph, t) } else e && "none" !== e || KD(t) })) } function QD(t) { var e = t.coordinateSystem; if ("view" !== e.type) return 1; var n = t.option.nodeScaleRatio, i = e.scaleX; return ((e.getZoom() - 1) * n + 1) / i } function tA(t) { var e = t.getVisual("symbolSize"); return e instanceof Array && (e = (e[0] + e[1]) / 2), +e } var eA = Math.PI, nA = []; function iA(t, e, n, i) { var r = t.coordinateSystem; if (!r || "view" === r.type) { var o = r.getBoundingRect(), a = t.getData(), s = a.graph, l = o.width / 2 + o.x, u = o.height / 2 + o.y, h = Math.min(o.width, o.height) / 2, c = a.count(); if (a.setLayout({ cx: l, cy: u }), c) { if (n) { var p = r.pointToData(i), d = p[0], f = p[1], g = [d - l, f - u]; Rt(g, g), Ot(g, g, h), n.setLayout([l + g[0], u + g[1]], !0), oA(n, t.get(["circular", "rotateLabel"]), l, u) } rA[e](t, s, a, h, l, u, c), s.eachEdge((function (e, n) { var i, r = ot(e.getModel().get(["lineStyle", "curveness"]), qD(e, t, n), 0), o = Mt(e.node1.getLayout()), a = Mt(e.node2.getLayout()), s = (o[0] + a[0]) / 2, h = (o[1] + a[1]) / 2; +r && (i = [l * (r *= 3) + s * (1 - r), u * r + h * (1 - r)]), e.setLayout([o, a, i]) })) } } } var rA = { value: function (t, e, n, i, r, o, a) { var s = 0, l = n.getSum("value"), u = 2 * Math.PI / (l || a); e.eachNode((function (t) { var e = t.getValue("value"), n = u * (l ? e : 1) / 2; s += n, t.setLayout([i * Math.cos(s) + r, i * Math.sin(s) + o]), s += n })) }, symbolSize: function (t, e, n, i, r, o, a) { var s = 0; nA.length = a; var l = QD(t); e.eachNode((function (t) { var e = tA(t); isNaN(e) && (e = 2), e < 0 && (e = 0), e *= l; var n = Math.asin(e / 2 / i); isNaN(n) && (n = eA / 2), nA[t.dataIndex] = n, s += 2 * n })); var u = (2 * eA - s) / a / 2, h = 0; e.eachNode((function (t) { var e = u + nA[t.dataIndex]; h += e, (!t.getLayout() || !t.getLayout().fixed) && t.setLayout([i * Math.cos(h) + r, i * Math.sin(h) + o]), h += e })) } }; function oA(t, e, n, i) { var r = t.getGraphicEl(); if (r) { var o = t.getModel().get(["label", "rotate"]) || 0, a = r.getSymbolPath(); if (e) { var s = t.getLayout(), l = Math.atan2(s[1] - i, s[0] - n); l < 0 && (l = 2 * Math.PI + l); var u = s[0] < n; u && (l -= Math.PI); var h = u ? "left" : "right"; a.setTextConfig({ rotation: -l, position: h, origin: "center" }); var c = a.ensureState("emphasis"); A(c.textConfig || (c.textConfig = {}), { position: h }) } else a.setTextConfig({ rotation: o *= Math.PI / 180 }) } } function aA(t) { t.eachSeriesByType("graph", (function (t) { "circular" === t.get("layout") && iA(t, "symbolSize") })) } var sA = Ct; function lA(t) { t.eachSeriesByType("graph", (function (t) { var e = t.coordinateSystem; if (!e || "view" === e.type) if ("force" === t.get("layout")) { var n = t.preservedPoints || {}, i = t.getGraph(), r = i.data, o = i.edgeData, a = t.getModel("force"), s = a.get("initLayout"); t.preservedPoints ? r.each((function (t) { var e = r.getId(t); r.setItemLayout(t, n[e] || [NaN, NaN]) })) : s && "none" !== s ? "circular" === s && iA(t, "value") : KD(t); var l = r.getDataExtent("value"), u = o.getDataExtent("value"), h = a.get("repulsion"), c = a.get("edgeLength"), p = Y(h) ? h : [h, h], d = Y(c) ? c : [c, c]; d = [d[1], d[0]]; var f = r.mapArray("value", (function (t, e) { var n = r.getItemLayout(e), i = Fr(t, l, p); return isNaN(i) && (i = (p[0] + p[1]) / 2), { w: i, rep: i, fixed: r.getItemModel(e).get("fixed"), p: !n || isNaN(n[0]) || isNaN(n[1]) ? null : n } })), g = o.mapArray("value", (function (e, n) { var r = i.getEdgeByIndex(n), o = Fr(e, u, d); isNaN(o) && (o = (d[0] + d[1]) / 2); var a = r.getModel(), s = ot(r.getModel().get(["lineStyle", "curveness"]), -qD(r, t, n, !0), 0); return { n1: f[r.node1.dataIndex], n2: f[r.node2.dataIndex], d: o, curveness: s, ignoreForceLayout: a.get("ignoreForceLayout") } })), y = e.getBoundingRect(), v = function (t, e, n) { for (var i = t, r = e, o = n.rect, a = o.width, s = o.height, l = [o.x + a / 2, o.y + s / 2], u = null == n.gravity ? .1 : n.gravity, h = 0; h < i.length; h++) { var c = i[h]; c.p || (c.p = wt(a * (Math.random() - .5) + l[0], s * (Math.random() - .5) + l[1])), c.pp = Mt(c.p), c.edges = null } var p, d, f = null == n.friction ? .6 : n.friction, g = f; return { warmUp: function () { g = .8 * f }, setFixed: function (t) { i[t].fixed = !0 }, setUnfixed: function (t) { i[t].fixed = !1 }, beforeStep: function (t) { p = t }, afterStep: function (t) { d = t }, step: function (t) { p && p(i, r); for (var e = [], n = i.length, o = 0; o < r.length; o++) { var a = r[o]; if (!a.ignoreForceLayout) { var s = a.n1; Dt(e, (y = a.n2).p, s.p); var h = At(e) - a.d, c = y.w / (s.w + y.w); isNaN(c) && (c = 0), Rt(e, e), !s.fixed && sA(s.p, s.p, e, c * h * g), !y.fixed && sA(y.p, y.p, e, -(1 - c) * h * g) } } for (o = 0; o < n; o++)(x = i[o]).fixed || (Dt(e, l, x.p), sA(x.p, x.p, e, u * g)); for (o = 0; o < n; o++) { s = i[o]; for (var f = o + 1; f < n; f++) { var y; Dt(e, (y = i[f]).p, s.p), 0 === (h = At(e)) && (It(e, Math.random() - .5, Math.random() - .5), h = 1); var v = (s.rep + y.rep) / h / h; !s.fixed && sA(s.pp, s.pp, e, v), !y.fixed && sA(y.pp, y.pp, e, -v) } } var m = []; for (o = 0; o < n; o++) { var x; (x = i[o]).fixed || (Dt(m, x.p, x.pp), sA(x.p, x.p, m, g), St(x.pp, x.p)) } var _ = (g *= .992) < .01; d && d(i, r, _), t && t(_) } } }(f, g, { rect: y, gravity: a.get("gravity"), friction: a.get("friction") }); v.beforeStep((function (t, e) { for (var n = 0, r = t.length; n < r; n++)t[n].fixed && St(t[n].p, i.getNodeByIndex(n).getLayout()) })), v.afterStep((function (t, e, o) { for (var a = 0, s = t.length; a < s; a++)t[a].fixed || i.getNodeByIndex(a).setLayout(t[a].p), n[r.getId(a)] = t[a].p; for (a = 0, s = e.length; a < s; a++) { var l = e[a], u = i.getEdgeByIndex(a), h = l.n1.p, c = l.n2.p, p = u.getLayout(); (p = p ? p.slice() : [])[0] = p[0] || [], p[1] = p[1] || [], St(p[0], h), St(p[1], c), +l.curveness && (p[2] = [(h[0] + c[0]) / 2 - (h[1] - c[1]) * l.curveness, (h[1] + c[1]) / 2 - (c[0] - h[0]) * l.curveness]), u.setLayout(p) } })), t.forceLayout = v, t.preservedPoints = n, v.step() } else t.forceLayout = null })) } function uA(t, e) { var n = []; return t.eachSeriesByType("graph", (function (t) { var i = t.get("coordinateSystem"); if (!i || "view" === i) { var r = t.getData(), o = [], a = []; Aa(r.mapArray((function (t) { var e = r.getItemModel(t); return [+e.get("x"), +e.get("y")] })), o, a), a[0] - o[0] == 0 && (a[0] += 1, o[0] -= 1), a[1] - o[1] == 0 && (a[1] += 1, o[1] -= 1); var s = (a[0] - o[0]) / (a[1] - o[1]), l = function (t, e, n) { return wp(A(t.getBoxLayoutParams(), { aspect: n }), { width: e.getWidth(), height: e.getHeight() }) }(t, e, s); isNaN(s) && (o = [l.x, l.y], a = [l.x + l.width, l.y + l.height]); var u = a[0] - o[0], h = a[1] - o[1], c = l.width, p = l.height, d = t.coordinateSystem = new YT; d.zoomLimit = t.get("scaleLimit"), d.setBoundingRect(o[0], o[1], u, h), d.setViewRect(l.x, l.y, c, p), d.setCenter(t.get("center"), e), d.setZoom(t.get("zoom")), n.push(d) } })), n } var hA = Wu.prototype, cA = Xu.prototype, pA = function () { this.x1 = 0, this.y1 = 0, this.x2 = 0, this.y2 = 0, this.percent = 1 }; !function (t) { function e() { return null !== t && t.apply(this, arguments) || this } n(e, t) }(pA); function dA(t) { return isNaN(+t.cpx1) || isNaN(+t.cpy1) } var fA = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "ec-line", n } return n(e, t), e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new pA }, e.prototype.buildPath = function (t, e) { dA(e) ? hA.buildPath.call(this, t, e) : cA.buildPath.call(this, t, e) }, e.prototype.pointAt = function (t) { return dA(this.shape) ? hA.pointAt.call(this, t) : cA.pointAt.call(this, t) }, e.prototype.tangentAt = function (t) { var e = this.shape, n = dA(e) ? [e.x2 - e.x1, e.y2 - e.y1] : cA.tangentAt.call(this, t); return Rt(n, n) }, e }(_s), gA = ["fromSymbol", "toSymbol"]; function yA(t) { return "_" + t + "Type" } function vA(t, e, n) { var i = e.getItemVisual(n, t); if (i && "none" !== i) { var r = e.getItemVisual(n, t + "Size"), o = e.getItemVisual(n, t + "Rotate"), a = e.getItemVisual(n, t + "Offset"), s = e.getItemVisual(n, t + "KeepAspect"), l = Ny(r), u = Ey(a || 0, l), h = Ry(i, -l[0] / 2 + u[0], -l[1] / 2 + u[1], l[0], l[1], null, s); return h.__specifiedRotation = null == o || isNaN(o) ? void 0 : +o * Math.PI / 180 || 0, h.name = t, h } } function mA(t, e) { t.x1 = e[0][0], t.y1 = e[0][1], t.x2 = e[1][0], t.y2 = e[1][1], t.percent = 1; var n = e[2]; n ? (t.cpx1 = n[0], t.cpy1 = n[1]) : (t.cpx1 = NaN, t.cpy1 = NaN) } var xA = function (t) { function e(e, n, i) { var r = t.call(this) || this; return r._createLine(e, n, i), r } return n(e, t), e.prototype._createLine = function (t, e, n) { var i = t.hostModel, r = function (t) { var e = new fA({ name: "line", subPixelOptimize: !0 }); return mA(e.shape, t), e }(t.getItemLayout(e)); r.shape.percent = 0, hh(r, { shape: { percent: 1 } }, i, e), this.add(r), E(gA, (function (n) { var i = vA(n, t, e); this.add(i), this[yA(n)] = t.getItemVisual(e, n) }), this), this._updateCommonStl(t, e, n) }, e.prototype.updateData = function (t, e, n) { var i = t.hostModel, r = this.childOfName("line"), o = t.getItemLayout(e), a = { shape: {} }; mA(a.shape, o), uh(r, a, i, e), E(gA, (function (n) { var i = t.getItemVisual(e, n), r = yA(n); if (this[r] !== i) { this.remove(this.childOfName(n)); var o = vA(n, t, e); this.add(o) } this[r] = i }), this), this._updateCommonStl(t, e, n) }, e.prototype.getLinePath = function () { return this.childAt(0) }, e.prototype._updateCommonStl = function (t, e, n) { var i = t.hostModel, r = this.childOfName("line"), o = n && n.emphasisLineStyle, a = n && n.blurLineStyle, s = n && n.selectLineStyle, l = n && n.labelStatesModels, u = n && n.emphasisDisabled, h = n && n.focus, c = n && n.blurScope; if (!n || t.hasItemOption) { var p = t.getItemModel(e), d = p.getModel("emphasis"); o = d.getModel("lineStyle").getLineStyle(), a = p.getModel(["blur", "lineStyle"]).getLineStyle(), s = p.getModel(["select", "lineStyle"]).getLineStyle(), u = d.get("disabled"), h = d.get("focus"), c = d.get("blurScope"), l = Kh(p) } var f = t.getItemVisual(e, "style"), g = f.stroke; r.useStyle(f), r.style.fill = null, r.style.strokeNoScale = !0, r.ensureState("emphasis").style = o, r.ensureState("blur").style = a, r.ensureState("select").style = s, E(gA, (function (t) { var e = this.childOfName(t); if (e) { e.setColor(g), e.style.opacity = f.opacity; for (var n = 0; n < tl.length; n++) { var i = tl[n], o = r.getState(i); if (o) { var a = o.style || {}, s = e.ensureState(i), l = s.style || (s.style = {}); null != a.stroke && (l[e.__isEmptyBrush ? "stroke" : "fill"] = a.stroke), null != a.opacity && (l.opacity = a.opacity) } } e.markRedraw() } }), this); var y = i.getRawValue(e); qh(this, l, { labelDataIndex: e, labelFetcher: { getFormattedLabel: function (e, n) { return i.getFormattedLabel(e, n, t.dataType) } }, inheritColor: g || "#000", defaultOpacity: f.opacity, defaultText: (null == y ? t.getName(e) : isFinite(y) ? Wr(y) : y) + "" }); var v = this.getTextContent(); if (v) { var m = l.normal; v.__align = v.style.align, v.__verticalAlign = v.style.verticalAlign, v.__position = m.get("position") || "middle"; var x = m.get("distance"); Y(x) || (x = [x, x]), v.__labelDistance = x } this.setTextConfig({ position: null, local: !0, inside: !1 }), Bl(this, h, c, u) }, e.prototype.highlight = function () { Il(this) }, e.prototype.downplay = function () { Tl(this) }, e.prototype.updateLayout = function (t, e) { this.setLinePoints(t.getItemLayout(e)) }, e.prototype.setLinePoints = function (t) { var e = this.childOfName("line"); mA(e.shape, t), e.dirty() }, e.prototype.beforeUpdate = function () { var t = this, e = t.childOfName("fromSymbol"), n = t.childOfName("toSymbol"), i = t.getTextContent(); if (e || n || i && !i.ignore) { for (var r = 1, o = this.parent; o;)o.scaleX && (r /= o.scaleX), o = o.parent; var a = t.childOfName("line"); if (this.__dirty || a.__dirty) { var s = a.shape.percent, l = a.pointAt(0), u = a.pointAt(s), h = Dt([], u, l); if (Rt(h, h), e && (e.setPosition(l), S(e, 0), e.scaleX = e.scaleY = r * s, e.markRedraw()), n && (n.setPosition(u), S(n, 1), n.scaleX = n.scaleY = r * s, n.markRedraw()), i && !i.ignore) { i.x = i.y = 0, i.originX = i.originY = 0; var c = void 0, p = void 0, d = i.__labelDistance, f = d[0] * r, g = d[1] * r, y = s / 2, v = a.tangentAt(y), m = [v[1], -v[0]], x = a.pointAt(y); m[1] > 0 && (m[0] = -m[0], m[1] = -m[1]); var _ = v[0] < 0 ? -1 : 1; if ("start" !== i.__position && "end" !== i.__position) { var b = -Math.atan2(v[1], v[0]); u[0] < l[0] && (b = Math.PI + b), i.rotation = b } var w = void 0; switch (i.__position) { case "insideStartTop": case "insideMiddleTop": case "insideEndTop": case "middle": w = -g, p = "bottom"; break; case "insideStartBottom": case "insideMiddleBottom": case "insideEndBottom": w = g, p = "top"; break; default: w = 0, p = "middle" }switch (i.__position) { case "end": i.x = h[0] * f + u[0], i.y = h[1] * g + u[1], c = h[0] > .8 ? "left" : h[0] < -.8 ? "right" : "center", p = h[1] > .8 ? "top" : h[1] < -.8 ? "bottom" : "middle"; break; case "start": i.x = -h[0] * f + l[0], i.y = -h[1] * g + l[1], c = h[0] > .8 ? "right" : h[0] < -.8 ? "left" : "center", p = h[1] > .8 ? "bottom" : h[1] < -.8 ? "top" : "middle"; break; case "insideStartTop": case "insideStart": case "insideStartBottom": i.x = f * _ + l[0], i.y = l[1] + w, c = v[0] < 0 ? "right" : "left", i.originX = -f * _, i.originY = -w; break; case "insideMiddleTop": case "insideMiddle": case "insideMiddleBottom": case "middle": i.x = x[0], i.y = x[1] + w, c = "center", i.originY = -w; break; case "insideEndTop": case "insideEnd": case "insideEndBottom": i.x = -f * _ + u[0], i.y = u[1] + w, c = v[0] >= 0 ? "right" : "left", i.originX = f * _, i.originY = -w }i.scaleX = i.scaleY = r, i.setStyle({ verticalAlign: i.__verticalAlign || p, align: i.__align || c }) } } } function S(t, e) { var n = t.__specifiedRotation; if (null == n) { var i = a.tangentAt(e); t.attr("rotation", (1 === e ? -1 : 1) * Math.PI / 2 - Math.atan2(i[1], i[0])) } else t.attr("rotation", n) } }, e }(Pr), _A = function () { function t(t) { this.group = new Pr, this._LineCtor = t || xA } return t.prototype.updateData = function (t) { var e = this; this._progressiveEls = null; var n = this, i = n.group, r = n._lineData; n._lineData = t, r || i.removeAll(); var o = bA(t); t.diff(r).add((function (n) { e._doAdd(t, n, o) })).update((function (n, i) { e._doUpdate(r, t, i, n, o) })).remove((function (t) { i.remove(r.getItemGraphicEl(t)) })).execute() }, t.prototype.updateLayout = function () { var t = this._lineData; t && t.eachItemGraphicEl((function (e, n) { e.updateLayout(t, n) }), this) }, t.prototype.incrementalPrepareUpdate = function (t) { this._seriesScope = bA(t), this._lineData = null, this.group.removeAll() }, t.prototype.incrementalUpdate = function (t, e) { function n(t) { t.isGroup || function (t) { return t.animators && t.animators.length > 0 }(t) || (t.incremental = !0, t.ensureState("emphasis").hoverLayer = !0) } this._progressiveEls = []; for (var i = t.start; i < t.end; i++) { if (SA(e.getItemLayout(i))) { var r = new this._LineCtor(e, i, this._seriesScope); r.traverse(n), this.group.add(r), e.setItemGraphicEl(i, r), this._progressiveEls.push(r) } } }, t.prototype.remove = function () { this.group.removeAll() }, t.prototype.eachRendered = function (t) { Yh(this._progressiveEls || this.group, t) }, t.prototype._doAdd = function (t, e, n) { if (SA(t.getItemLayout(e))) { var i = new this._LineCtor(t, e, n); t.setItemGraphicEl(e, i), this.group.add(i) } }, t.prototype._doUpdate = function (t, e, n, i, r) { var o = t.getItemGraphicEl(n); SA(e.getItemLayout(i)) ? (o ? o.updateData(e, i, r) : o = new this._LineCtor(e, i, r), e.setItemGraphicEl(i, o), this.group.add(o)) : this.group.remove(o) }, t }(); function bA(t) { var e = t.hostModel, n = e.getModel("emphasis"); return { lineStyle: e.getModel("lineStyle").getLineStyle(), emphasisLineStyle: n.getModel(["lineStyle"]).getLineStyle(), blurLineStyle: e.getModel(["blur", "lineStyle"]).getLineStyle(), selectLineStyle: e.getModel(["select", "lineStyle"]).getLineStyle(), emphasisDisabled: n.get("disabled"), blurScope: n.get("blurScope"), focus: n.get("focus"), labelStatesModels: Kh(e) } } function wA(t) { return isNaN(t[0]) || isNaN(t[1]) } function SA(t) { return t && !wA(t[0]) && !wA(t[1]) } var MA = [], IA = [], TA = [], CA = wn, DA = Vt, AA = Math.abs; function kA(t, e, n) { for (var i, r = t[0], o = t[1], a = t[2], s = 1 / 0, l = n * n, u = .1, h = .1; h <= .9; h += .1) { MA[0] = CA(r[0], o[0], a[0], h), MA[1] = CA(r[1], o[1], a[1], h), (d = AA(DA(MA, e) - l)) < s && (s = d, i = h) } for (var c = 0; c < 32; c++) { var p = i + u; IA[0] = CA(r[0], o[0], a[0], i), IA[1] = CA(r[1], o[1], a[1], i), TA[0] = CA(r[0], o[0], a[0], p), TA[1] = CA(r[1], o[1], a[1], p); var d = DA(IA, e) - l; if (AA(d) < .01) break; var f = DA(TA, e) - l; u /= 2, d < 0 ? f >= 0 ? i += u : i -= u : f >= 0 ? i -= u : i += u } return i } function LA(t, e) { var n = [], i = In, r = [[], [], []], o = [[], []], a = []; e /= 2, t.eachEdge((function (t, s) { var l = t.getLayout(), u = t.getVisual("fromSymbol"), h = t.getVisual("toSymbol"); l.__original || (l.__original = [Mt(l[0]), Mt(l[1])], l[2] && l.__original.push(Mt(l[2]))); var c = l.__original; if (null != l[2]) { if (St(r[0], c[0]), St(r[1], c[2]), St(r[2], c[1]), u && "none" !== u) { var p = tA(t.node1), d = kA(r, c[0], p * e); i(r[0][0], r[1][0], r[2][0], d, n), r[0][0] = n[3], r[1][0] = n[4], i(r[0][1], r[1][1], r[2][1], d, n), r[0][1] = n[3], r[1][1] = n[4] } if (h && "none" !== h) { p = tA(t.node2), d = kA(r, c[1], p * e); i(r[0][0], r[1][0], r[2][0], d, n), r[1][0] = n[1], r[2][0] = n[2], i(r[0][1], r[1][1], r[2][1], d, n), r[1][1] = n[1], r[2][1] = n[2] } St(l[0], r[0]), St(l[1], r[2]), St(l[2], r[1]) } else { if (St(o[0], c[0]), St(o[1], c[1]), Dt(a, o[1], o[0]), Rt(a, a), u && "none" !== u) { p = tA(t.node1); Ct(o[0], o[0], a, p * e) } if (h && "none" !== h) { p = tA(t.node2); Ct(o[1], o[1], a, -p * e) } St(l[0], o[0]), St(l[1], o[1]) } })) } function PA(t) { return "view" === t.type } var OA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (t, e) { var n = new Jw, i = new _A, r = this.group; this._controller = new OI(e.getZr()), this._controllerHost = { target: r }, r.add(n.group), r.add(i.group), this._symbolDraw = n, this._lineDraw = i, this._firstRender = !0 }, e.prototype.render = function (t, e, n) { var i = this, r = t.coordinateSystem; this._model = t; var o = this._symbolDraw, a = this._lineDraw, s = this.group; if (PA(r)) { var l = { x: r.x, y: r.y, scaleX: r.scaleX, scaleY: r.scaleY }; this._firstRender ? s.attr(l) : uh(s, l, t) } LA(t.getGraph(), QD(t)); var u = t.getData(); o.updateData(u); var h = t.getEdgeData(); a.updateData(h), this._updateNodeAndLinkScale(), this._updateController(t, e, n), clearTimeout(this._layoutTimeout); var c = t.forceLayout, p = t.get(["force", "layoutAnimation"]); c && this._startForceLayoutIteration(c, p); var d = t.get("layout"); u.graph.eachNode((function (e) { var n = e.dataIndex, r = e.getGraphicEl(), o = e.getModel(); if (r) { r.off("drag").off("dragend"); var a = o.get("draggable"); a && r.on("drag", (function (o) { switch (d) { case "force": c.warmUp(), !i._layouting && i._startForceLayoutIteration(c, p), c.setFixed(n), u.setItemLayout(n, [r.x, r.y]); break; case "circular": u.setItemLayout(n, [r.x, r.y]), e.setLayout({ fixed: !0 }, !0), iA(t, "symbolSize", e, [o.offsetX, o.offsetY]), i.updateLayout(t); break; default: u.setItemLayout(n, [r.x, r.y]), $D(t.getGraph(), t), i.updateLayout(t) } })).on("dragend", (function () { c && c.setUnfixed(n) })), r.setDraggable(a && !!c, !!o.get("cursor")), "adjacency" === o.get(["emphasis", "focus"]) && (js(r).focus = e.getAdjacentDataIndices()) } })), u.graph.eachEdge((function (t) { var e = t.getGraphicEl(), n = t.getModel().get(["emphasis", "focus"]); e && "adjacency" === n && (js(e).focus = { edge: [t.dataIndex], node: [t.node1.dataIndex, t.node2.dataIndex] }) })); var f = "circular" === t.get("layout") && t.get(["circular", "rotateLabel"]), g = u.getLayout("cx"), y = u.getLayout("cy"); u.graph.eachNode((function (t) { oA(t, f, g, y) })), this._firstRender = !1 }, e.prototype.dispose = function () { this._controller && this._controller.dispose(), this._controllerHost = null }, e.prototype._startForceLayoutIteration = function (t, e) { var n = this; !function i() { t.step((function (t) { n.updateLayout(n._model), (n._layouting = !t) && (e ? n._layoutTimeout = setTimeout(i, 16) : i()) })) }() }, e.prototype._updateController = function (t, e, n) { var i = this, r = this._controller, o = this._controllerHost, a = this.group; r.setPointerChecker((function (e, i, r) { var o = a.getBoundingRect(); return o.applyTransform(a.transform), o.contain(i, r) && !GI(e, n, t) })), PA(t.coordinateSystem) ? (r.enable(t.get("roam")), o.zoomLimit = t.get("scaleLimit"), o.zoom = t.coordinateSystem.getZoom(), r.off("pan").off("zoom").on("pan", (function (e) { zI(o, e.dx, e.dy), n.dispatchAction({ seriesId: t.id, type: "graphRoam", dx: e.dx, dy: e.dy }) })).on("zoom", (function (e) { VI(o, e.scale, e.originX, e.originY), n.dispatchAction({ seriesId: t.id, type: "graphRoam", zoom: e.scale, originX: e.originX, originY: e.originY }), i._updateNodeAndLinkScale(), LA(t.getGraph(), QD(t)), i._lineDraw.updateLayout(), n.updateLabelLayout() }))) : r.disable() }, e.prototype._updateNodeAndLinkScale = function () { var t = this._model, e = t.getData(), n = QD(t); e.eachItemGraphicEl((function (t, e) { t && t.setSymbolScale(n) })) }, e.prototype.updateLayout = function (t) { LA(t.getGraph(), QD(t)), this._symbolDraw.updateLayout(), this._lineDraw.updateLayout() }, e.prototype.remove = function (t, e) { this._symbolDraw && this._symbolDraw.remove(), this._lineDraw && this._lineDraw.remove() }, e.type = "graph", e }(wg); function RA(t) { return "_EC_" + t } var NA = function () { function t(t) { this.type = "graph", this.nodes = [], this.edges = [], this._nodesMap = {}, this._edgesMap = {}, this._directed = t || !1 } return t.prototype.isDirected = function () { return this._directed }, t.prototype.addNode = function (t, e) { t = null == t ? "" + e : "" + t; var n = this._nodesMap; if (!n[RA(t)]) { var i = new EA(t, e); return i.hostGraph = this, this.nodes.push(i), n[RA(t)] = i, i } }, t.prototype.getNodeByIndex = function (t) { var e = this.data.getRawIndex(t); return this.nodes[e] }, t.prototype.getNodeById = function (t) { return this._nodesMap[RA(t)] }, t.prototype.addEdge = function (t, e, n) { var i = this._nodesMap, r = this._edgesMap; if (j(t) && (t = this.nodes[t]), j(e) && (e = this.nodes[e]), t instanceof EA || (t = i[RA(t)]), e instanceof EA || (e = i[RA(e)]), t && e) { var o = t.id + "-" + e.id, a = new zA(t, e, n); return a.hostGraph = this, this._directed && (t.outEdges.push(a), e.inEdges.push(a)), t.edges.push(a), t !== e && e.edges.push(a), this.edges.push(a), r[o] = a, a } }, t.prototype.getEdgeByIndex = function (t) { var e = this.edgeData.getRawIndex(t); return this.edges[e] }, t.prototype.getEdge = function (t, e) { t instanceof EA && (t = t.id), e instanceof EA && (e = e.id); var n = this._edgesMap; return this._directed ? n[t + "-" + e] : n[t + "-" + e] || n[e + "-" + t] }, t.prototype.eachNode = function (t, e) { for (var n = this.nodes, i = n.length, r = 0; r < i; r++)n[r].dataIndex >= 0 && t.call(e, n[r], r) }, t.prototype.eachEdge = function (t, e) { for (var n = this.edges, i = n.length, r = 0; r < i; r++)n[r].dataIndex >= 0 && n[r].node1.dataIndex >= 0 && n[r].node2.dataIndex >= 0 && t.call(e, n[r], r) }, t.prototype.breadthFirstTraverse = function (t, e, n, i) { if (e instanceof EA || (e = this._nodesMap[RA(e)]), e) { for (var r = "out" === n ? "outEdges" : "in" === n ? "inEdges" : "edges", o = 0; o < this.nodes.length; o++)this.nodes[o].__visited = !1; if (!t.call(i, e, null)) for (var a = [e]; a.length;) { var s = a.shift(), l = s[r]; for (o = 0; o < l.length; o++) { var u = l[o], h = u.node1 === s ? u.node2 : u.node1; if (!h.__visited) { if (t.call(i, h, s)) return; a.push(h), h.__visited = !0 } } } } }, t.prototype.update = function () { for (var t = this.data, e = this.edgeData, n = this.nodes, i = this.edges, r = 0, o = n.length; r < o; r++)n[r].dataIndex = -1; for (r = 0, o = t.count(); r < o; r++)n[t.getRawIndex(r)].dataIndex = r; e.filterSelf((function (t) { var n = i[e.getRawIndex(t)]; return n.node1.dataIndex >= 0 && n.node2.dataIndex >= 0 })); for (r = 0, o = i.length; r < o; r++)i[r].dataIndex = -1; for (r = 0, o = e.count(); r < o; r++)i[e.getRawIndex(r)].dataIndex = r }, t.prototype.clone = function () { for (var e = new t(this._directed), n = this.nodes, i = this.edges, r = 0; r < n.length; r++)e.addNode(n[r].id, n[r].dataIndex); for (r = 0; r < i.length; r++) { var o = i[r]; e.addEdge(o.node1.id, o.node2.id, o.dataIndex) } return e }, t }(), EA = function () { function t(t, e) { this.inEdges = [], this.outEdges = [], this.edges = [], this.dataIndex = -1, this.id = null == t ? "" : t, this.dataIndex = null == e ? -1 : e } return t.prototype.degree = function () { return this.edges.length }, t.prototype.inDegree = function () { return this.inEdges.length }, t.prototype.outDegree = function () { return this.outEdges.length }, t.prototype.getModel = function (t) { if (!(this.dataIndex < 0)) return this.hostGraph.data.getItemModel(this.dataIndex).getModel(t) }, t.prototype.getAdjacentDataIndices = function () { for (var t = { edge: [], node: [] }, e = 0; e < this.edges.length; e++) { var n = this.edges[e]; n.dataIndex < 0 || (t.edge.push(n.dataIndex), t.node.push(n.node1.dataIndex, n.node2.dataIndex)) } return t }, t }(), zA = function () { function t(t, e, n) { this.dataIndex = -1, this.node1 = t, this.node2 = e, this.dataIndex = null == n ? -1 : n } return t.prototype.getModel = function (t) { if (!(this.dataIndex < 0)) return this.hostGraph.edgeData.getItemModel(this.dataIndex).getModel(t) }, t.prototype.getAdjacentDataIndices = function () { return { edge: [this.dataIndex], node: [this.node1.dataIndex, this.node2.dataIndex] } }, t }(); function VA(t, e) { return { getValue: function (n) { var i = this[t][e]; return i.getStore().get(i.getDimensionIndex(n || "value"), this.dataIndex) }, setVisual: function (n, i) { this.dataIndex >= 0 && this[t][e].setItemVisual(this.dataIndex, n, i) }, getVisual: function (n) { return this[t][e].getItemVisual(this.dataIndex, n) }, setLayout: function (n, i) { this.dataIndex >= 0 && this[t][e].setItemLayout(this.dataIndex, n, i) }, getLayout: function () { return this[t][e].getItemLayout(this.dataIndex) }, getGraphicEl: function () { return this[t][e].getItemGraphicEl(this.dataIndex) }, getRawIndex: function () { return this[t][e].getRawIndex(this.dataIndex) } } } function BA(t, e, n, i, r) { for (var o = new NA(i), a = 0; a < t.length; a++)o.addNode(it(t[a].id, t[a].name, a), a); var s = [], l = [], u = 0; for (a = 0; a < e.length; a++) { var h = e[a], c = h.source, p = h.target; o.addEdge(c, p, u) && (l.push(h), s.push(it(Mo(h.id, null), c + " > " + p)), u++) } var d, f = n.get("coordinateSystem"); if ("cartesian2d" === f || "polar" === f) d = sx(t, n); else { var g = dd.get(f), y = g && g.dimensions || []; P(y, "value") < 0 && y.concat(["value"]); var v = Qm(t, { coordDimensions: y, encodeDefine: n.getEncode() }).dimensions; (d = new Jm(v, n)).initData(t) } var m = new Jm(["value"], n); return m.initData(l, s), r && r(d, m), MC({ mainData: d, struct: o, structAttr: "graph", datas: { node: d, edge: m }, datasAttr: { node: "data", edge: "edgeData" } }), o.update(), o } R(EA, VA("hostGraph", "data")), R(zA, VA("hostGraph", "edgeData")); var FA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.hasSymbolVisual = !0, n } return n(e, t), e.prototype.init = function (e) { t.prototype.init.apply(this, arguments); var n = this; function i() { return n._categoriesData } this.legendVisualProvider = new dM(i, i), this.fillDataTextStyle(e.edges || e.links), this._updateCategoriesData() }, e.prototype.mergeOption = function (e) { t.prototype.mergeOption.apply(this, arguments), this.fillDataTextStyle(e.edges || e.links), this._updateCategoriesData() }, e.prototype.mergeDefaultAndTheme = function (e) { t.prototype.mergeDefaultAndTheme.apply(this, arguments), vo(e, "edgeLabel", ["show"]) }, e.prototype.getInitialData = function (t, e) { var n, i = t.edges || t.links || [], r = t.data || t.nodes || [], o = this; if (r && i) { YD(n = this) && (n.__curvenessList = [], n.__edgeMap = {}, UD(n)); var a = BA(r, i, this, !0, (function (t, e) { t.wrapMethod("getItemModel", (function (t) { var e = o._categoriesModels[t.getShallow("category")]; return e && (e.parentModel = t.parentModel, t.parentModel = e), t })); var n = xc.prototype.getModel; function i(t, e) { var i = n.call(this, t, e); return i.resolveParentPath = r, i } function r(t) { if (t && ("label" === t[0] || "label" === t[1])) { var e = t.slice(); return "label" === t[0] ? e[0] = "edgeLabel" : "label" === t[1] && (e[1] = "edgeLabel"), e } return t } e.wrapMethod("getItemModel", (function (t) { return t.resolveParentPath = r, t.getModel = i, t })) })); return E(a.edges, (function (t) { !function (t, e, n, i) { if (YD(n)) { var r = XD(t, e, n), o = n.__edgeMap, a = o[ZD(r)]; o[r] && !a ? o[r].isForward = !0 : a && o[r] && (a.isForward = !0, o[r].isForward = !1), o[r] = o[r] || [], o[r].push(i) } }(t.node1, t.node2, this, t.dataIndex) }), this), a.data } }, e.prototype.getGraph = function () { return this.getData().graph }, e.prototype.getEdgeData = function () { return this.getGraph().edgeData }, e.prototype.getCategoriesData = function () { return this._categoriesData }, e.prototype.formatTooltip = function (t, e, n) { if ("edge" === n) { var i = this.getData(), r = this.getDataParams(t, n), o = i.graph.getEdgeByIndex(t), a = i.getName(o.node1.dataIndex), s = i.getName(o.node2.dataIndex), l = []; return null != a && l.push(a), null != s && l.push(s), qf("nameValue", { name: l.join(" > "), value: r.value, noValue: null == r.value }) } return sg({ series: this, dataIndex: t, multipleSeries: e }) }, e.prototype._updateCategoriesData = function () { var t = z(this.option.categories || [], (function (t) { return null != t.value ? t : A({ value: 0 }, t) })), e = new Jm(["value"], this); e.initData(t), this._categoriesData = e, this._categoriesModels = e.mapArray((function (t) { return e.getItemModel(t) })) }, e.prototype.setZoom = function (t) { this.option.zoom = t }, e.prototype.setCenter = function (t) { this.option.center = t }, e.prototype.isAnimationEnabled = function () { return t.prototype.isAnimationEnabled.call(this) && !("force" === this.get("layout") && this.get(["force", "layoutAnimation"])) }, e.type = "series.graph", e.dependencies = ["grid", "polar", "geo", "singleAxis", "calendar"], e.defaultOption = { z: 2, coordinateSystem: "view", legendHoverLink: !0, layout: null, circular: { rotateLabel: !1 }, force: { initLayout: null, repulsion: [0, 50], gravity: .1, friction: .6, edgeLength: 30, layoutAnimation: !0 }, left: "center", top: "center", symbol: "circle", symbolSize: 10, edgeSymbol: ["none", "none"], edgeSymbolSize: 10, edgeLabel: { position: "middle", distance: 5 }, draggable: !1, roam: !1, center: null, zoom: 1, nodeScaleRatio: .6, label: { show: !1, formatter: "{b}" }, itemStyle: {}, lineStyle: { color: "#aaa", width: 1, opacity: .5 }, emphasis: { scale: !0, label: { show: !0 } }, select: { itemStyle: { borderColor: "#212121" } } }, e }(hg), GA = { type: "graphRoam", event: "graphRoam", update: "none" }; var WA = function () { this.angle = 0, this.width = 10, this.r = 10, this.x = 0, this.y = 0 }, HA = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "pointer", n } return n(e, t), e.prototype.getDefaultShape = function () { return new WA }, e.prototype.buildPath = function (t, e) { var n = Math.cos, i = Math.sin, r = e.r, o = e.width, a = e.angle, s = e.x - n(a) * o * (o >= r / 3 ? 1 : 2), l = e.y - i(a) * o * (o >= r / 3 ? 1 : 2); a = e.angle - Math.PI / 2, t.moveTo(s, l), t.lineTo(e.x + n(a) * o, e.y + i(a) * o), t.lineTo(e.x + n(e.angle) * r, e.y + i(e.angle) * r), t.lineTo(e.x - n(a) * o, e.y - i(a) * o), t.lineTo(s, l) }, e }(_s); function YA(t, e) { var n = null == t ? "" : t + ""; return e && (X(e) ? n = e.replace("{value}", n) : U(e) && (n = e(t))), n } var UA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { this.group.removeAll(); var i = t.get(["axisLine", "lineStyle", "color"]), r = function (t, e) { var n = t.get("center"), i = e.getWidth(), r = e.getHeight(), o = Math.min(i, r); return { cx: Gr(n[0], e.getWidth()), cy: Gr(n[1], e.getHeight()), r: Gr(t.get("radius"), o / 2) } }(t, n); this._renderMain(t, e, n, i, r), this._data = t.getData() }, e.prototype.dispose = function () { }, e.prototype._renderMain = function (t, e, n, i, r) { var o = this.group, a = t.get("clockwise"), s = -t.get("startAngle") / 180 * Math.PI, l = -t.get("endAngle") / 180 * Math.PI, u = t.getModel("axisLine"), h = u.get("roundCap") ? LS : Pu, c = u.get("show"), p = u.getModel("lineStyle"), d = p.get("width"), f = [s, l]; Qa(f, !a); for (var g = (l = f[1]) - (s = f[0]), y = s, v = 0; c && v < i.length; v++) { var m = new h({ shape: { startAngle: y, endAngle: l = s + g * Math.min(Math.max(i[v][0], 0), 1), cx: r.cx, cy: r.cy, clockwise: a, r0: r.r - d, r: r.r }, silent: !0 }); m.setStyle({ fill: i[v][1] }), m.setStyle(p.getLineStyle(["color", "width"])), o.add(m), y = l } var x = function (t) { if (t <= 0) return i[0][1]; var e; for (e = 0; e < i.length; e++)if (i[e][0] >= t && (0 === e ? 0 : i[e - 1][0]) < t) return i[e][1]; return i[e - 1][1] }; this._renderTicks(t, e, n, x, r, s, l, a, d), this._renderTitleAndDetail(t, e, n, x, r), this._renderAnchor(t, r), this._renderPointer(t, e, n, x, r, s, l, a, d) }, e.prototype._renderTicks = function (t, e, n, i, r, o, a, s, l) { for (var u, h, c = this.group, p = r.cx, d = r.cy, f = r.r, g = +t.get("min"), y = +t.get("max"), v = t.getModel("splitLine"), m = t.getModel("axisTick"), x = t.getModel("axisLabel"), _ = t.get("splitNumber"), b = m.get("splitNumber"), w = Gr(v.get("length"), f), S = Gr(m.get("length"), f), M = o, I = (a - o) / _, T = I / b, C = v.getModel("lineStyle").getLineStyle(), D = m.getModel("lineStyle").getLineStyle(), A = v.get("distance"), k = 0; k <= _; k++) { if (u = Math.cos(M), h = Math.sin(M), v.get("show")) { var L = new Wu({ shape: { x1: u * (f - (P = A ? A + l : l)) + p, y1: h * (f - P) + d, x2: u * (f - w - P) + p, y2: h * (f - w - P) + d }, style: C, silent: !0 }); "auto" === C.stroke && L.setStyle({ stroke: i(k / _) }), c.add(L) } if (x.get("show")) { var P = x.get("distance") + A, O = YA(Wr(k / _ * (y - g) + g), x.get("formatter")), R = i(k / _), N = u * (f - w - P) + p, E = h * (f - w - P) + d, z = x.get("rotate"), V = 0; "radial" === z ? (V = -M + 2 * Math.PI) > Math.PI / 2 && (V += Math.PI) : "tangential" === z ? V = -M - Math.PI / 2 : j(z) && (V = z * Math.PI / 180), 0 === V ? c.add(new Ns({ style: $h(x, { text: O, x: N, y: E, verticalAlign: h < -.8 ? "top" : h > .8 ? "bottom" : "middle", align: u < -.4 ? "left" : u > .4 ? "right" : "center" }, { inheritColor: R }), silent: !0 })) : c.add(new Ns({ style: $h(x, { text: O, x: N, y: E, verticalAlign: "middle", align: "center" }, { inheritColor: R }), silent: !0, originX: N, originY: E, rotation: V })) } if (m.get("show") && k !== _) { P = (P = m.get("distance")) ? P + l : l; for (var B = 0; B <= b; B++) { u = Math.cos(M), h = Math.sin(M); var F = new Wu({ shape: { x1: u * (f - P) + p, y1: h * (f - P) + d, x2: u * (f - S - P) + p, y2: h * (f - S - P) + d }, silent: !0, style: D }); "auto" === D.stroke && F.setStyle({ stroke: i((k + B / b) / _) }), c.add(F), M += T } M -= T } else M += I } }, e.prototype._renderPointer = function (t, e, n, i, r, o, a, s, l) { var u = this.group, h = this._data, c = this._progressEls, p = [], d = t.get(["pointer", "show"]), f = t.getModel("progress"), g = f.get("show"), y = t.getData(), v = y.mapDimension("value"), m = +t.get("min"), x = +t.get("max"), _ = [m, x], b = [o, a]; function w(e, n) { var i, o = y.getItemModel(e).getModel("pointer"), a = Gr(o.get("width"), r.r), s = Gr(o.get("length"), r.r), l = t.get(["pointer", "icon"]), u = o.get("offsetCenter"), h = Gr(u[0], r.r), c = Gr(u[1], r.r), p = o.get("keepAspect"); return (i = l ? Ry(l, h - a / 2, c - s, a, s, null, p) : new HA({ shape: { angle: -Math.PI / 2, width: a, r: s, x: h, y: c } })).rotation = -(n + Math.PI / 2), i.x = r.cx, i.y = r.cy, i } function S(t, e) { var n = f.get("roundCap") ? LS : Pu, i = f.get("overlap"), a = i ? f.get("width") : l / y.count(), u = i ? r.r - a : r.r - (t + 1) * a, h = i ? r.r : r.r - t * a, c = new n({ shape: { startAngle: o, endAngle: e, cx: r.cx, cy: r.cy, clockwise: s, r0: u, r: h } }); return i && (c.z2 = x - y.get(v, t) % x), c } (g || d) && (y.diff(h).add((function (e) { var n = y.get(v, e); if (d) { var i = w(e, o); hh(i, { rotation: -((isNaN(+n) ? b[0] : Fr(n, _, b, !0)) + Math.PI / 2) }, t), u.add(i), y.setItemGraphicEl(e, i) } if (g) { var r = S(e, o), a = f.get("clip"); hh(r, { shape: { endAngle: Fr(n, _, b, a) } }, t), u.add(r), qs(t.seriesIndex, y.dataType, e, r), p[e] = r } })).update((function (e, n) { var i = y.get(v, e); if (d) { var r = h.getItemGraphicEl(n), a = r ? r.rotation : o, s = w(e, a); s.rotation = a, uh(s, { rotation: -((isNaN(+i) ? b[0] : Fr(i, _, b, !0)) + Math.PI / 2) }, t), u.add(s), y.setItemGraphicEl(e, s) } if (g) { var l = c[n], m = S(e, l ? l.shape.endAngle : o), x = f.get("clip"); uh(m, { shape: { endAngle: Fr(i, _, b, x) } }, t), u.add(m), qs(t.seriesIndex, y.dataType, e, m), p[e] = m } })).execute(), y.each((function (t) { var e = y.getItemModel(t), n = e.getModel("emphasis"), r = n.get("focus"), o = n.get("blurScope"), a = n.get("disabled"); if (d) { var s = y.getItemGraphicEl(t), l = y.getItemVisual(t, "style"), u = l.fill; if (s instanceof Is) { var h = s.style; s.useStyle(A({ image: h.image, x: h.x, y: h.y, width: h.width, height: h.height }, l)) } else s.useStyle(l), "pointer" !== s.type && s.setColor(u); s.setStyle(e.getModel(["pointer", "itemStyle"]).getItemStyle()), "auto" === s.style.fill && s.setStyle("fill", i(Fr(y.get(v, t), _, [0, 1], !0))), s.z2EmphasisLift = 0, Hl(s, e), Bl(s, r, o, a) } if (g) { var c = p[t]; c.useStyle(y.getItemVisual(t, "style")), c.setStyle(e.getModel(["progress", "itemStyle"]).getItemStyle()), c.z2EmphasisLift = 0, Hl(c, e), Bl(c, r, o, a) } })), this._progressEls = p) }, e.prototype._renderAnchor = function (t, e) { var n = t.getModel("anchor"); if (n.get("show")) { var i = n.get("size"), r = n.get("icon"), o = n.get("offsetCenter"), a = n.get("keepAspect"), s = Ry(r, e.cx - i / 2 + Gr(o[0], e.r), e.cy - i / 2 + Gr(o[1], e.r), i, i, null, a); s.z2 = n.get("showAbove") ? 1 : 0, s.setStyle(n.getModel("itemStyle").getItemStyle()), this.group.add(s) } }, e.prototype._renderTitleAndDetail = function (t, e, n, i, r) { var o = this, a = t.getData(), s = a.mapDimension("value"), l = +t.get("min"), u = +t.get("max"), h = new Pr, c = [], p = [], d = t.isAnimationEnabled(), f = t.get(["pointer", "showAbove"]); a.diff(this._data).add((function (t) { c[t] = new Ns({ silent: !0 }), p[t] = new Ns({ silent: !0 }) })).update((function (t, e) { c[t] = o._titleEls[e], p[t] = o._detailEls[e] })).execute(), a.each((function (e) { var n = a.getItemModel(e), o = a.get(s, e), g = new Pr, y = i(Fr(o, [l, u], [0, 1], !0)), v = n.getModel("title"); if (v.get("show")) { var m = v.get("offsetCenter"), x = r.cx + Gr(m[0], r.r), _ = r.cy + Gr(m[1], r.r); (D = c[e]).attr({ z2: f ? 0 : 2, style: $h(v, { x: x, y: _, text: a.getName(e), align: "center", verticalAlign: "middle" }, { inheritColor: y }) }), g.add(D) } var b = n.getModel("detail"); if (b.get("show")) { var w = b.get("offsetCenter"), S = r.cx + Gr(w[0], r.r), M = r.cy + Gr(w[1], r.r), I = Gr(b.get("width"), r.r), T = Gr(b.get("height"), r.r), C = t.get(["progress", "show"]) ? a.getItemVisual(e, "style").fill : y, D = p[e], A = b.get("formatter"); D.attr({ z2: f ? 0 : 2, style: $h(b, { x: S, y: M, text: YA(o, A), width: isNaN(I) ? null : I, height: isNaN(T) ? null : T, align: "center", verticalAlign: "middle" }, { inheritColor: C }) }), oc(D, { normal: b }, o, (function (t) { return YA(t, A) })), d && ac(D, e, a, t, { getFormattedLabel: function (t, e, n, i, r, a) { return YA(a ? a.interpolatedValue : o, A) } }), g.add(D) } h.add(g) })), this.group.add(h), this._titleEls = c, this._detailEls = p }, e.type = "gauge", e }(wg), XA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.visualStyleAccessPath = "itemStyle", n } return n(e, t), e.prototype.getInitialData = function (t, e) { return pM(this, ["value"]) }, e.type = "series.gauge", e.defaultOption = { z: 2, colorBy: "data", center: ["50%", "50%"], legendHoverLink: !0, radius: "75%", startAngle: 225, endAngle: -45, clockwise: !0, min: 0, max: 100, splitNumber: 10, axisLine: { show: !0, roundCap: !1, lineStyle: { color: [[1, "#E6EBF8"]], width: 10 } }, progress: { show: !1, overlap: !0, width: 10, roundCap: !1, clip: !0 }, splitLine: { show: !0, length: 10, distance: 10, lineStyle: { color: "#63677A", width: 3, type: "solid" } }, axisTick: { show: !0, splitNumber: 5, length: 6, distance: 10, lineStyle: { color: "#63677A", width: 1, type: "solid" } }, axisLabel: { show: !0, distance: 15, color: "#464646", fontSize: 12, rotate: 0 }, pointer: { icon: null, offsetCenter: [0, 0], show: !0, showAbove: !0, length: "60%", width: 6, keepAspect: !1 }, anchor: { show: !1, showAbove: !1, size: 6, icon: "circle", offsetCenter: [0, 0], keepAspect: !1, itemStyle: { color: "#fff", borderWidth: 0, borderColor: "#5470c6" } }, title: { show: !0, offsetCenter: [0, "20%"], color: "#464646", fontSize: 16, valueAnimation: !1 }, detail: { show: !0, backgroundColor: "rgba(0,0,0,0)", borderWidth: 0, borderColor: "#ccc", width: 100, height: null, padding: [5, 10], offsetCenter: [0, "40%"], color: "#464646", fontSize: 30, fontWeight: "bold", lineHeight: 30, valueAnimation: !1 } }, e }(hg); var ZA = ["itemStyle", "opacity"], jA = function (t) { function e(e, n) { var i = t.call(this) || this, r = i, o = new Bu, a = new Ns; return r.setTextContent(a), i.setTextGuideLine(o), i.updateData(e, n, !0), i } return n(e, t), e.prototype.updateData = function (t, e, n) { var i = this, r = t.hostModel, o = t.getItemModel(e), a = t.getItemLayout(e), s = o.getModel("emphasis"), l = o.get(ZA); l = null == l ? 1 : l, n || gh(i), i.useStyle(t.getItemVisual(e, "style")), i.style.lineJoin = "round", n ? (i.setShape({ points: a.points }), i.style.opacity = 0, hh(i, { style: { opacity: l } }, r, e)) : uh(i, { style: { opacity: l }, shape: { points: a.points } }, r, e), Hl(i, o), this._updateLabel(t, e), Bl(this, s.get("focus"), s.get("blurScope"), s.get("disabled")) }, e.prototype._updateLabel = function (t, e) { var n = this, i = this.getTextGuideLine(), r = n.getTextContent(), o = t.hostModel, a = t.getItemModel(e), s = t.getItemLayout(e).label, l = t.getItemVisual(e, "style"), u = l.fill; qh(r, Kh(a), { labelFetcher: t.hostModel, labelDataIndex: e, defaultOpacity: l.opacity, defaultText: t.getName(e) }, { normal: { align: s.textAlign, verticalAlign: s.verticalAlign } }), n.setTextConfig({ local: !0, inside: !!s.inside, insideStroke: u, outsideFill: u }); var h = s.linePoints; i.setShape({ points: h }), n.textGuideLineConfig = { anchor: h ? new Ie(h[0][0], h[0][1]) : null }, uh(r, { style: { x: s.x, y: s.y } }, o, e), r.attr({ rotation: s.rotation, originX: s.x, originY: s.y, z2: 10 }), yb(n, vb(a), { stroke: u }) }, e }(zu), qA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.ignoreLabelLineUpdate = !0, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = t.getData(), r = this._data, o = this.group; i.diff(r).add((function (t) { var e = new jA(i, t); i.setItemGraphicEl(t, e), o.add(e) })).update((function (t, e) { var n = r.getItemGraphicEl(e); n.updateData(i, t), o.add(n), i.setItemGraphicEl(t, n) })).remove((function (e) { fh(r.getItemGraphicEl(e), t, e) })).execute(), this._data = i }, e.prototype.remove = function () { this.group.removeAll(), this._data = null }, e.prototype.dispose = function () { }, e.type = "funnel", e }(wg), KA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (e) { t.prototype.init.apply(this, arguments), this.legendVisualProvider = new dM(W(this.getData, this), W(this.getRawData, this)), this._defaultLabelLine(e) }, e.prototype.getInitialData = function (t, e) { return pM(this, { coordDimensions: ["value"], encodeDefaulter: H(Zp, this) }) }, e.prototype._defaultLabelLine = function (t) { vo(t, "labelLine", ["show"]); var e = t.labelLine, n = t.emphasis.labelLine; e.show = e.show && t.label.show, n.show = n.show && t.emphasis.label.show }, e.prototype.getDataParams = function (e) { var n = this.getData(), i = t.prototype.getDataParams.call(this, e), r = n.mapDimension("value"), o = n.getSum(r); return i.percent = o ? +(n.get(r, e) / o * 100).toFixed(2) : 0, i.$vars.push("percent"), i }, e.type = "series.funnel", e.defaultOption = { z: 2, legendHoverLink: !0, colorBy: "data", left: 80, top: 60, right: 80, bottom: 60, minSize: "0%", maxSize: "100%", sort: "descending", orient: "vertical", gap: 0, funnelAlign: "center", label: { show: !0, position: "outer" }, labelLine: { show: !0, length: 20, lineStyle: { width: 1 } }, itemStyle: { borderColor: "#fff", borderWidth: 1 }, emphasis: { label: { show: !0 } }, select: { itemStyle: { borderColor: "#212121" } } }, e }(hg); function $A(t, e) { t.eachSeriesByType("funnel", (function (t) { var n = t.getData(), i = n.mapDimension("value"), r = t.get("sort"), o = function (t, e) { return wp(t.getBoxLayoutParams(), { width: e.getWidth(), height: e.getHeight() }) }(t, e), a = t.get("orient"), s = o.width, l = o.height, u = function (t, e) { for (var n = t.mapDimension("value"), i = t.mapArray(n, (function (t) { return t })), r = [], o = "ascending" === e, a = 0, s = t.count(); a < s; a++)r[a] = a; return U(e) ? r.sort(e) : "none" !== e && r.sort((function (t, e) { return o ? i[t] - i[e] : i[e] - i[t] })), r }(n, r), h = o.x, c = o.y, p = "horizontal" === a ? [Gr(t.get("minSize"), l), Gr(t.get("maxSize"), l)] : [Gr(t.get("minSize"), s), Gr(t.get("maxSize"), s)], d = n.getDataExtent(i), f = t.get("min"), g = t.get("max"); null == f && (f = Math.min(d[0], 0)), null == g && (g = d[1]); var y = t.get("funnelAlign"), v = t.get("gap"), m = (("horizontal" === a ? s : l) - v * (n.count() - 1)) / n.count(), x = function (t, e) { if ("horizontal" === a) { var r = Fr(n.get(i, t) || 0, [f, g], p, !0), o = void 0; switch (y) { case "top": o = c; break; case "center": o = c + (l - r) / 2; break; case "bottom": o = c + (l - r) }return [[e, o], [e, o + r]] } var u, d = Fr(n.get(i, t) || 0, [f, g], p, !0); switch (y) { case "left": u = h; break; case "center": u = h + (s - d) / 2; break; case "right": u = h + s - d }return [[u, e], [u + d, e]] }; "ascending" === r && (m = -m, v = -v, "horizontal" === a ? h += s : c += l, u = u.reverse()); for (var _ = 0; _ < u.length; _++) { var b = u[_], w = u[_ + 1], S = n.getItemModel(b); if ("horizontal" === a) { var M = S.get(["itemStyle", "width"]); null == M ? M = m : (M = Gr(M, s), "ascending" === r && (M = -M)); var I = x(b, h), T = x(w, h + M); h += M + v, n.setItemLayout(b, { points: I.concat(T.slice().reverse()) }) } else { var C = S.get(["itemStyle", "height"]); null == C ? C = m : (C = Gr(C, l), "ascending" === r && (C = -C)); I = x(b, c), T = x(w, c + C); c += C + v, n.setItemLayout(b, { points: I.concat(T.slice().reverse()) }) } } !function (t) { var e = t.hostModel.get("orient"); t.each((function (n) { var i, r, o, a, s = t.getItemModel(n), l = s.getModel("label").get("position"), u = s.getModel("labelLine"), h = t.getItemLayout(n), c = h.points, p = "inner" === l || "inside" === l || "center" === l || "insideLeft" === l || "insideRight" === l; if (p) "insideLeft" === l ? (r = (c[0][0] + c[3][0]) / 2 + 5, o = (c[0][1] + c[3][1]) / 2, i = "left") : "insideRight" === l ? (r = (c[1][0] + c[2][0]) / 2 - 5, o = (c[1][1] + c[2][1]) / 2, i = "right") : (r = (c[0][0] + c[1][0] + c[2][0] + c[3][0]) / 4, o = (c[0][1] + c[1][1] + c[2][1] + c[3][1]) / 4, i = "center"), a = [[r, o], [r, o]]; else { var d = void 0, f = void 0, g = void 0, y = void 0, v = u.get("length"); "left" === l ? (d = (c[3][0] + c[0][0]) / 2, f = (c[3][1] + c[0][1]) / 2, r = (g = d - v) - 5, i = "right") : "right" === l ? (d = (c[1][0] + c[2][0]) / 2, f = (c[1][1] + c[2][1]) / 2, r = (g = d + v) + 5, i = "left") : "top" === l ? (d = (c[3][0] + c[0][0]) / 2, o = (y = (f = (c[3][1] + c[0][1]) / 2) - v) - 5, i = "center") : "bottom" === l ? (d = (c[1][0] + c[2][0]) / 2, o = (y = (f = (c[1][1] + c[2][1]) / 2) + v) + 5, i = "center") : "rightTop" === l ? (d = "horizontal" === e ? c[3][0] : c[1][0], f = "horizontal" === e ? c[3][1] : c[1][1], "horizontal" === e ? (o = (y = f - v) - 5, i = "center") : (r = (g = d + v) + 5, i = "top")) : "rightBottom" === l ? (d = c[2][0], f = c[2][1], "horizontal" === e ? (o = (y = f + v) + 5, i = "center") : (r = (g = d + v) + 5, i = "bottom")) : "leftTop" === l ? (d = c[0][0], f = "horizontal" === e ? c[0][1] : c[1][1], "horizontal" === e ? (o = (y = f - v) - 5, i = "center") : (r = (g = d - v) - 5, i = "right")) : "leftBottom" === l ? (d = "horizontal" === e ? c[1][0] : c[3][0], f = "horizontal" === e ? c[1][1] : c[2][1], "horizontal" === e ? (o = (y = f + v) + 5, i = "center") : (r = (g = d - v) - 5, i = "right")) : (d = (c[1][0] + c[2][0]) / 2, f = (c[1][1] + c[2][1]) / 2, "horizontal" === e ? (o = (y = f + v) + 5, i = "center") : (r = (g = d + v) + 5, i = "left")), "horizontal" === e ? r = g = d : o = y = f, a = [[d, f], [g, y]] } h.label = { linePoints: a, x: r, y: o, verticalAlign: "middle", textAlign: i, inside: p } })) }(n) })) } var JA = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._dataGroup = new Pr, n._initialized = !1, n } return n(e, t), e.prototype.init = function () { this.group.add(this._dataGroup) }, e.prototype.render = function (t, e, n, i) { this._progressiveEls = null; var r = this._dataGroup, o = t.getData(), a = this._data, s = t.coordinateSystem, l = s.dimensions, u = ek(t); if (o.diff(a).add((function (t) { nk(tk(o, r, t, l, s), o, t, u) })).update((function (e, n) { var i = a.getItemGraphicEl(n), r = QA(o, e, l, s); o.setItemGraphicEl(e, i), uh(i, { shape: { points: r } }, t, e), gh(i), nk(i, o, e, u) })).remove((function (t) { var e = a.getItemGraphicEl(t); r.remove(e) })).execute(), !this._initialized) { this._initialized = !0; var h = function (t, e, n) { var i = t.model, r = t.getRect(), o = new Ps({ shape: { x: r.x, y: r.y, width: r.width, height: r.height } }), a = "horizontal" === i.get("layout") ? "width" : "height"; return o.setShape(a, 0), hh(o, { shape: { width: r.width, height: r.height } }, e, n), o }(s, t, (function () { setTimeout((function () { r.removeClipPath() })) })); r.setClipPath(h) } this._data = o }, e.prototype.incrementalPrepareRender = function (t, e, n) { this._initialized = !0, this._data = null, this._dataGroup.removeAll() }, e.prototype.incrementalRender = function (t, e, n) { for (var i = e.getData(), r = e.coordinateSystem, o = r.dimensions, a = ek(e), s = this._progressiveEls = [], l = t.start; l < t.end; l++) { var u = tk(i, this._dataGroup, l, o, r); u.incremental = !0, nk(u, i, l, a), s.push(u) } }, e.prototype.remove = function () { this._dataGroup && this._dataGroup.removeAll(), this._data = null }, e.type = "parallel", e }(wg); function QA(t, e, n, i) { for (var r, o = [], a = 0; a < n.length; a++) { var s = n[a], l = t.get(t.mapDimension(s), e); r = l, ("category" === i.getAxis(s).type ? null == r : null == r || isNaN(r)) || o.push(i.dataToPoint(l, s)) } return o } function tk(t, e, n, i, r) { var o = QA(t, n, i, r), a = new Bu({ shape: { points: o }, z2: 10 }); return e.add(a), t.setItemGraphicEl(n, a), a } function ek(t) { var e = t.get("smooth", !0); return !0 === e && (e = .3), nt(e = oo(e)) && (e = 0), { smooth: e } } function nk(t, e, n, i) { t.useStyle(e.getItemVisual(n, "style")), t.style.fill = null, t.setShape("smooth", i.smooth); var r = e.getItemModel(n), o = r.getModel("emphasis"); Hl(t, r, "lineStyle"), Bl(t, o.get("focus"), o.get("blurScope"), o.get("disabled")) } var ik = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.visualStyleAccessPath = "lineStyle", n.visualDrawType = "stroke", n } return n(e, t), e.prototype.getInitialData = function (t, e) { return sx(null, this, { useEncodeDefaulter: W(rk, null, this) }) }, e.prototype.getRawIndicesByActiveState = function (t) { var e = this.coordinateSystem, n = this.getData(), i = []; return e.eachActiveState(n, (function (e, r) { t === e && i.push(n.getRawIndex(r)) })), i }, e.type = "series.parallel", e.dependencies = ["parallel"], e.defaultOption = { z: 2, coordinateSystem: "parallel", parallelIndex: 0, label: { show: !1 }, inactiveOpacity: .05, activeOpacity: 1, lineStyle: { width: 1, opacity: .45, type: "solid" }, emphasis: { label: { show: !1 } }, progressive: 500, smooth: !1, animationEasing: "linear" }, e }(hg); function rk(t) { var e = t.ecModel.getComponent("parallel", t.get("parallelIndex")); if (e) { var n = {}; return E(e.dimensions, (function (t) { var e = +t.replace("dim", ""); n[t] = e })), n } } var ok = ["lineStyle", "opacity"], ak = { seriesType: "parallel", reset: function (t, e) { var n = t.coordinateSystem, i = { normal: t.get(["lineStyle", "opacity"]), active: t.get("activeOpacity"), inactive: t.get("inactiveOpacity") }; return { progress: function (t, e) { n.eachActiveState(e, (function (t, n) { var r = i[t]; if ("normal" === t && e.hasItemOption) { var o = e.getItemModel(n).get(ok, !0); null != o && (r = o) } e.ensureUniqueItemVisual(n, "style").opacity = r }), t.start, t.end) } } } }; function sk(t) { !function (t) { if (t.parallel) return; var e = !1; E(t.series, (function (t) { t && "parallel" === t.type && (e = !0) })), e && (t.parallel = [{}]) }(t), function (t) { E(yo(t.parallelAxis), (function (e) { if (q(e)) { var n = e.parallelIndex || 0, i = yo(t.parallel)[n]; i && i.parallelAxisDefault && C(e, i.parallelAxisDefault, !1) } })) }(t) } var lk = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { this._model = t, this._api = n, this._handlers || (this._handlers = {}, E(uk, (function (t, e) { n.getZr().on(e, this._handlers[e] = W(t, this)) }), this)), Pg(this, "_throttledDispatchExpand", t.get("axisExpandRate"), "fixRate") }, e.prototype.dispose = function (t, e) { Og(this, "_throttledDispatchExpand"), E(this._handlers, (function (t, n) { e.getZr().off(n, t) })), this._handlers = null }, e.prototype._throttledDispatchExpand = function (t) { this._dispatchExpand(t) }, e.prototype._dispatchExpand = function (t) { t && this._api.dispatchAction(A({ type: "parallelAxisExpand" }, t)) }, e.type = "parallel", e }(mg), uk = { mousedown: function (t) { hk(this, "click") && (this._mouseDownPoint = [t.offsetX, t.offsetY]) }, mouseup: function (t) { var e = this._mouseDownPoint; if (hk(this, "click") && e) { var n = [t.offsetX, t.offsetY]; if (Math.pow(e[0] - n[0], 2) + Math.pow(e[1] - n[1], 2) > 5) return; var i = this._model.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX, t.offsetY]); "none" !== i.behavior && this._dispatchExpand({ axisExpandWindow: i.axisExpandWindow }) } this._mouseDownPoint = null }, mousemove: function (t) { if (!this._mouseDownPoint && hk(this, "mousemove")) { var e = this._model, n = e.coordinateSystem.getSlidedAxisExpandWindow([t.offsetX, t.offsetY]), i = n.behavior; "jump" === i && this._throttledDispatchExpand.debounceNextCall(e.get("axisExpandDebounce")), this._throttledDispatchExpand("none" === i ? null : { axisExpandWindow: n.axisExpandWindow, animation: "jump" === i ? null : { duration: 0 } }) } } }; function hk(t, e) { var n = t._model; return n.get("axisExpandable") && n.get("axisExpandTriggerOn") === e } var ck = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function () { t.prototype.init.apply(this, arguments), this.mergeOption({}) }, e.prototype.mergeOption = function (t) { var e = this.option; t && C(e, t, !0), this._initDimensions() }, e.prototype.contains = function (t, e) { var n = t.get("parallelIndex"); return null != n && e.getComponent("parallel", n) === this }, e.prototype.setAxisExpand = function (t) { E(["axisExpandable", "axisExpandCenter", "axisExpandCount", "axisExpandWidth", "axisExpandWindow"], (function (e) { t.hasOwnProperty(e) && (this.option[e] = t[e]) }), this) }, e.prototype._initDimensions = function () { var t = this.dimensions = [], e = this.parallelAxisIndex = []; E(B(this.ecModel.queryComponents({ mainType: "parallelAxis" }), (function (t) { return (t.get("parallelIndex") || 0) === this.componentIndex }), this), (function (n) { t.push("dim" + n.get("dim")), e.push(n.componentIndex) })) }, e.type = "parallel", e.dependencies = ["parallelAxis"], e.layoutMode = "box", e.defaultOption = { z: 0, left: 80, top: 60, right: 80, bottom: 60, layout: "horizontal", axisExpandable: !1, axisExpandCenter: null, axisExpandCount: 0, axisExpandWidth: 50, axisExpandRate: 17, axisExpandDebounce: 50, axisExpandSlideTriggerArea: [-.15, .05, .4], axisExpandTriggerOn: "click", parallelAxisDefault: null }, e }(Ap), pk = function (t) { function e(e, n, i, r, o) { var a = t.call(this, e, n, i) || this; return a.type = r || "value", a.axisIndex = o, a } return n(e, t), e.prototype.isHorizontal = function () { return "horizontal" !== this.coordinateSystem.getModel().get("layout") }, e }(X_); function dk(t, e, n, i, r, o) { t = t || 0; var a = n[1] - n[0]; if (null != r && (r = gk(r, [0, a])), null != o && (o = Math.max(o, null != r ? r : 0)), "all" === i) { var s = Math.abs(e[1] - e[0]); s = gk(s, [0, a]), r = o = gk(s, [r, o]), i = 0 } e[0] = gk(e[0], n), e[1] = gk(e[1], n); var l = fk(e, i); e[i] += t; var u, h = r || 0, c = n.slice(); return l.sign < 0 ? c[0] += h : c[1] -= h, e[i] = gk(e[i], c), u = fk(e, i), null != r && (u.sign !== l.sign || u.span < r) && (e[1 - i] = e[i] + l.sign * r), u = fk(e, i), null != o && u.span > o && (e[1 - i] = e[i] + u.sign * o), e } function fk(t, e) { var n = t[e] - t[1 - e]; return { span: Math.abs(n), sign: n > 0 ? -1 : n < 0 ? 1 : e ? -1 : 1 } } function gk(t, e) { return Math.min(null != e[1] ? e[1] : 1 / 0, Math.max(null != e[0] ? e[0] : -1 / 0, t)) } var yk = E, vk = Math.min, mk = Math.max, xk = Math.floor, _k = Math.ceil, bk = Wr, wk = Math.PI, Sk = function () { function t(t, e, n) { this.type = "parallel", this._axesMap = ft(), this._axesLayout = {}, this.dimensions = t.dimensions, this._model = t, this._init(t, e, n) } return t.prototype._init = function (t, e, n) { var i = t.dimensions, r = t.parallelAxisIndex; yk(i, (function (t, n) { var i = r[n], o = e.getComponent("parallelAxis", i), a = this._axesMap.set(t, new pk(t, l_(o), [0, 0], o.get("type"), i)), s = "category" === a.type; a.onBand = s && o.get("boundaryGap"), a.inverse = o.get("inverse"), o.axis = a, a.model = o, a.coordinateSystem = o.coordinateSystem = this }), this) }, t.prototype.update = function (t, e) { this._updateAxesFromSeries(this._model, t) }, t.prototype.containPoint = function (t) { var e = this._makeLayoutInfo(), n = e.axisBase, i = e.layoutBase, r = e.pixelDimIndex, o = t[1 - r], a = t[r]; return o >= n && o <= n + e.axisLength && a >= i && a <= i + e.layoutLength }, t.prototype.getModel = function () { return this._model }, t.prototype._updateAxesFromSeries = function (t, e) { e.eachSeries((function (n) { if (t.contains(n, e)) { var i = n.getData(); yk(this.dimensions, (function (t) { var e = this._axesMap.get(t); e.scale.unionExtentFromData(i, i.mapDimension(t)), s_(e.scale, e.model) }), this) } }), this) }, t.prototype.resize = function (t, e) { this._rect = wp(t.getBoxLayoutParams(), { width: e.getWidth(), height: e.getHeight() }), this._layoutAxes() }, t.prototype.getRect = function () { return this._rect }, t.prototype._makeLayoutInfo = function () { var t, e = this._model, n = this._rect, i = ["x", "y"], r = ["width", "height"], o = e.get("layout"), a = "horizontal" === o ? 0 : 1, s = n[r[a]], l = [0, s], u = this.dimensions.length, h = Mk(e.get("axisExpandWidth"), l), c = Mk(e.get("axisExpandCount") || 0, [0, u]), p = e.get("axisExpandable") && u > 3 && u > c && c > 1 && h > 0 && s > 0, d = e.get("axisExpandWindow"); d ? (t = Mk(d[1] - d[0], l), d[1] = d[0] + t) : (t = Mk(h * (c - 1), l), (d = [h * (e.get("axisExpandCenter") || xk(u / 2)) - t / 2])[1] = d[0] + t); var f = (s - t) / (u - c); f < 3 && (f = 0); var g = [xk(bk(d[0] / h, 1)) + 1, _k(bk(d[1] / h, 1)) - 1], y = f / h * d[0]; return { layout: o, pixelDimIndex: a, layoutBase: n[i[a]], layoutLength: s, axisBase: n[i[1 - a]], axisLength: n[r[1 - a]], axisExpandable: p, axisExpandWidth: h, axisCollapseWidth: f, axisExpandWindow: d, axisCount: u, winInnerIndices: g, axisExpandWindow0Pos: y } }, t.prototype._layoutAxes = function () { var t = this._rect, e = this._axesMap, n = this.dimensions, i = this._makeLayoutInfo(), r = i.layout; e.each((function (t) { var e = [0, i.axisLength], n = t.inverse ? 1 : 0; t.setExtent(e[n], e[1 - n]) })), yk(n, (function (e, n) { var o = (i.axisExpandable ? Tk : Ik)(n, i), a = { horizontal: { x: o.position, y: i.axisLength }, vertical: { x: 0, y: o.position } }, s = { horizontal: wk / 2, vertical: 0 }, l = [a[r].x + t.x, a[r].y + t.y], u = s[r], h = [1, 0, 0, 1, 0, 0]; _e(h, h, u), xe(h, h, l), this._axesLayout[e] = { position: l, rotation: u, transform: h, axisNameAvailableWidth: o.axisNameAvailableWidth, axisLabelShow: o.axisLabelShow, nameTruncateMaxWidth: o.nameTruncateMaxWidth, tickDirection: 1, labelDirection: 1 } }), this) }, t.prototype.getAxis = function (t) { return this._axesMap.get(t) }, t.prototype.dataToPoint = function (t, e) { return this.axisCoordToPoint(this._axesMap.get(e).dataToCoord(t), e) }, t.prototype.eachActiveState = function (t, e, n, i) { null == n && (n = 0), null == i && (i = t.count()); var r = this._axesMap, o = this.dimensions, a = [], s = []; E(o, (function (e) { a.push(t.mapDimension(e)), s.push(r.get(e).model) })); for (var l = this.hasAxisBrushed(), u = n; u < i; u++) { var h = void 0; if (l) { h = "active"; for (var c = t.getValues(a, u), p = 0, d = o.length; p < d; p++) { if ("inactive" === s[p].getActiveState(c[p])) { h = "inactive"; break } } } else h = "normal"; e(h, u) } }, t.prototype.hasAxisBrushed = function () { for (var t = this.dimensions, e = this._axesMap, n = !1, i = 0, r = t.length; i < r; i++)"normal" !== e.get(t[i]).model.getActiveState() && (n = !0); return n }, t.prototype.axisCoordToPoint = function (t, e) { return Ph([t, 0], this._axesLayout[e].transform) }, t.prototype.getAxisLayout = function (t) { return T(this._axesLayout[t]) }, t.prototype.getSlidedAxisExpandWindow = function (t) { var e = this._makeLayoutInfo(), n = e.pixelDimIndex, i = e.axisExpandWindow.slice(), r = i[1] - i[0], o = [0, e.axisExpandWidth * (e.axisCount - 1)]; if (!this.containPoint(t)) return { behavior: "none", axisExpandWindow: i }; var a, s = t[n] - e.layoutBase - e.axisExpandWindow0Pos, l = "slide", u = e.axisCollapseWidth, h = this._model.get("axisExpandSlideTriggerArea"), c = null != h[0]; if (u) c && u && s < r * h[0] ? (l = "jump", a = s - r * h[2]) : c && u && s > r * (1 - h[0]) ? (l = "jump", a = s - r * (1 - h[2])) : (a = s - r * h[1]) >= 0 && (a = s - r * (1 - h[1])) <= 0 && (a = 0), (a *= e.axisExpandWidth / u) ? dk(a, i, o, "all") : l = "none"; else { var p = i[1] - i[0]; (i = [mk(0, o[1] * s / p - p / 2)])[1] = vk(o[1], i[0] + p), i[0] = i[1] - p } return { axisExpandWindow: i, behavior: l } }, t }(); function Mk(t, e) { return vk(mk(t, e[0]), e[1]) } function Ik(t, e) { var n = e.layoutLength / (e.axisCount - 1); return { position: n * t, axisNameAvailableWidth: n, axisLabelShow: !0 } } function Tk(t, e) { var n, i, r = e.layoutLength, o = e.axisExpandWidth, a = e.axisCount, s = e.axisCollapseWidth, l = e.winInnerIndices, u = s, h = !1; return t < l[0] ? (n = t * s, i = s) : t <= l[1] ? (n = e.axisExpandWindow0Pos + t * o - e.axisExpandWindow[0], u = o, h = !0) : (n = r - (a - 1 - t) * s, i = s), { position: n, axisNameAvailableWidth: u, axisLabelShow: h, nameTruncateMaxWidth: i } } var Ck = { create: function (t, e) { var n = []; return t.eachComponent("parallel", (function (i, r) { var o = new Sk(i, t, e); o.name = "parallel_" + r, o.resize(i, e), i.coordinateSystem = o, o.model = i, n.push(o) })), t.eachSeries((function (t) { if ("parallel" === t.get("coordinateSystem")) { var e = t.getReferringComponents("parallel", Po).models[0]; t.coordinateSystem = e.coordinateSystem } })), n } }, Dk = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.activeIntervals = [], n } return n(e, t), e.prototype.getAreaSelectStyle = function () { return Zo([["fill", "color"], ["lineWidth", "borderWidth"], ["stroke", "borderColor"], ["width", "width"], ["opacity", "opacity"]])(this.getModel("areaSelectStyle")) }, e.prototype.setActiveIntervals = function (t) { var e = this.activeIntervals = T(t); if (e) for (var n = e.length - 1; n >= 0; n--)Hr(e[n]) }, e.prototype.getActiveState = function (t) { var e = this.activeIntervals; if (!e.length) return "normal"; if (null == t || isNaN(+t)) return "inactive"; if (1 === e.length) { var n = e[0]; if (n[0] <= t && t <= n[1]) return "active" } else for (var i = 0, r = e.length; i < r; i++)if (e[i][0] <= t && t <= e[i][1]) return "active"; return "inactive" }, e }(Ap); R(Dk, g_); var Ak = !0, kk = Math.min, Lk = Math.max, Pk = Math.pow, Ok = "globalPan", Rk = { w: [0, 0], e: [0, 1], n: [1, 0], s: [1, 1] }, Nk = { w: "ew", e: "ew", n: "ns", s: "ns", ne: "nesw", sw: "nesw", nw: "nwse", se: "nwse" }, Ek = { brushStyle: { lineWidth: 2, stroke: "rgba(210,219,238,0.3)", fill: "#D2DBEE" }, transformable: !0, brushMode: "single", removeOnClick: !1 }, zk = 0, Vk = function (t) { function e(e) { var n = t.call(this) || this; return n._track = [], n._covers = [], n._handlers = {}, n._zr = e, n.group = new Pr, n._uid = "brushController_" + zk++, E(cL, (function (t, e) { this._handlers[e] = W(t, this) }), n), n } return n(e, t), e.prototype.enableBrush = function (t) { return this._brushType && this._doDisableBrush(), t.brushType && this._doEnableBrush(t), this }, e.prototype._doEnableBrush = function (t) { var e = this._zr; this._enableGlobalPan || function (t, e, n) { PI(t)[e] = n }(e, Ok, this._uid), E(this._handlers, (function (t, n) { e.on(n, t) })), this._brushType = t.brushType, this._brushOption = C(T(Ek), t, !0) }, e.prototype._doDisableBrush = function () { var t = this._zr; !function (t, e, n) { var i = PI(t); i[e] === n && (i[e] = null) }(t, Ok, this._uid), E(this._handlers, (function (e, n) { t.off(n, e) })), this._brushType = this._brushOption = null }, e.prototype.setPanels = function (t) { if (t && t.length) { var e = this._panels = {}; E(t, (function (t) { e[t.panelId] = T(t) })) } else this._panels = null; return this }, e.prototype.mount = function (t) { t = t || {}, this._enableGlobalPan = t.enableGlobalPan; var e = this.group; return this._zr.add(e), e.attr({ x: t.x || 0, y: t.y || 0, rotation: t.rotation || 0, scaleX: t.scaleX || 1, scaleY: t.scaleY || 1 }), this._transform = e.getLocalTransform(), this }, e.prototype.updateCovers = function (t) { t = z(t, (function (t) { return C(T(Ek), t, !0) })); var e = this._covers, n = this._covers = [], i = this, r = this._creatingCover; return new Dm(e, t, (function (t, e) { return o(t.__brushOption, e) }), o).add(a).update(a).remove((function (t) { e[t] !== r && i.group.remove(e[t]) })).execute(), this; function o(t, e) { return (null != t.id ? t.id : "\0-brush-index-" + e) + "-" + t.brushType } function a(o, a) { var s = t[o]; if (null != a && e[a] === r) n[o] = e[a]; else { var l = n[o] = null != a ? (e[a].__brushOption = s, e[a]) : Fk(i, Bk(i, s)); Hk(i, l) } } }, e.prototype.unmount = function () { return this.enableBrush(!1), Zk(this), this._zr.remove(this.group), this }, e.prototype.dispose = function () { this.unmount(), this.off() }, e }(Xt); function Bk(t, e) { var n = dL[e.brushType].createCover(t, e); return n.__brushOption = e, Wk(n, e), t.group.add(n), n } function Fk(t, e) { var n = Yk(e); return n.endCreating && (n.endCreating(t, e), Wk(e, e.__brushOption)), e } function Gk(t, e) { var n = e.__brushOption; Yk(e).updateCoverShape(t, e, n.range, n) } function Wk(t, e) { var n = e.z; null == n && (n = 1e4), t.traverse((function (t) { t.z = n, t.z2 = n })) } function Hk(t, e) { Yk(e).updateCommon(t, e), Gk(t, e) } function Yk(t) { return dL[t.__brushOption.brushType] } function Uk(t, e, n) { var i, r = t._panels; if (!r) return Ak; var o = t._transform; return E(r, (function (t) { t.isTargetByCursor(e, n, o) && (i = t) })), i } function Xk(t, e) { var n = t._panels; if (!n) return Ak; var i = e.__brushOption.panelId; return null != i ? n[i] : Ak } function Zk(t) { var e = t._covers, n = e.length; return E(e, (function (e) { t.group.remove(e) }), t), e.length = 0, !!n } function jk(t, e) { var n = z(t._covers, (function (t) { var e = t.__brushOption, n = T(e.range); return { brushType: e.brushType, panelId: e.panelId, range: n } })); t.trigger("brush", { areas: n, isEnd: !!e.isEnd, removeOnClick: !!e.removeOnClick }) } function qk(t) { var e = t.length - 1; return e < 0 && (e = 0), [t[0], t[e]] } function Kk(t, e, n, i) { var r = new Pr; return r.add(new Ps({ name: "main", style: tL(n), silent: !0, draggable: !0, cursor: "move", drift: H(iL, t, e, r, ["n", "s", "w", "e"]), ondragend: H(jk, e, { isEnd: !0 }) })), E(i, (function (n) { r.add(new Ps({ name: n.join(""), style: { opacity: 0 }, draggable: !0, silent: !0, invisible: !0, drift: H(iL, t, e, r, n), ondragend: H(jk, e, { isEnd: !0 }) })) })), r } function $k(t, e, n, i) { var r = i.brushStyle.lineWidth || 0, o = Lk(r, 6), a = n[0][0], s = n[1][0], l = a - r / 2, u = s - r / 2, h = n[0][1], c = n[1][1], p = h - o + r / 2, d = c - o + r / 2, f = h - a, g = c - s, y = f + r, v = g + r; Qk(t, e, "main", a, s, f, g), i.transformable && (Qk(t, e, "w", l, u, o, v), Qk(t, e, "e", p, u, o, v), Qk(t, e, "n", l, u, y, o), Qk(t, e, "s", l, d, y, o), Qk(t, e, "nw", l, u, o, o), Qk(t, e, "ne", p, u, o, o), Qk(t, e, "sw", l, d, o, o), Qk(t, e, "se", p, d, o, o)) } function Jk(t, e) { var n = e.__brushOption, i = n.transformable, r = e.childAt(0); r.useStyle(tL(n)), r.attr({ silent: !i, cursor: i ? "move" : "default" }), E([["w"], ["e"], ["n"], ["s"], ["s", "e"], ["s", "w"], ["n", "e"], ["n", "w"]], (function (n) { var r = e.childOfName(n.join("")), o = 1 === n.length ? nL(t, n[0]) : function (t, e) { var n = [nL(t, e[0]), nL(t, e[1])]; return ("e" === n[0] || "w" === n[0]) && n.reverse(), n.join("") }(t, n); r && r.attr({ silent: !i, invisible: !i, cursor: i ? Nk[o] + "-resize" : null }) })) } function Qk(t, e, n, i, r, o, a) { var s = e.childOfName(n); s && s.setShape(function (t) { var e = kk(t[0][0], t[1][0]), n = kk(t[0][1], t[1][1]), i = Lk(t[0][0], t[1][0]), r = Lk(t[0][1], t[1][1]); return { x: e, y: n, width: i - e, height: r - n } }(aL(t, e, [[i, r], [i + o, r + a]]))) } function tL(t) { return k({ strokeNoScale: !0 }, t.brushStyle) } function eL(t, e, n, i) { var r = [kk(t, n), kk(e, i)], o = [Lk(t, n), Lk(e, i)]; return [[r[0], o[0]], [r[1], o[1]]] } function nL(t, e) { var n = Oh({ w: "left", e: "right", n: "top", s: "bottom" }[e], function (t) { return Lh(t.group) }(t)); return { left: "w", right: "e", top: "n", bottom: "s" }[n] } function iL(t, e, n, i, r, o) { var a = n.__brushOption, s = t.toRectRange(a.range), l = oL(e, r, o); E(i, (function (t) { var e = Rk[t]; s[e[0]][e[1]] += l[e[0]] })), a.range = t.fromRectRange(eL(s[0][0], s[1][0], s[0][1], s[1][1])), Hk(e, n), jk(e, { isEnd: !1 }) } function rL(t, e, n, i) { var r = e.__brushOption.range, o = oL(t, n, i); E(r, (function (t) { t[0] += o[0], t[1] += o[1] })), Hk(t, e), jk(t, { isEnd: !1 }) } function oL(t, e, n) { var i = t.group, r = i.transformCoordToLocal(e, n), o = i.transformCoordToLocal(0, 0); return [r[0] - o[0], r[1] - o[1]] } function aL(t, e, n) { var i = Xk(t, e); return i && i !== Ak ? i.clipPath(n, t._transform) : T(n) } function sL(t) { var e = t.event; e.preventDefault && e.preventDefault() } function lL(t, e, n) { return t.childOfName("main").contain(e, n) } function uL(t, e, n, i) { var r, o = t._creatingCover, a = t._creatingPanel, s = t._brushOption; if (t._track.push(n.slice()), function (t) { var e = t._track; if (!e.length) return !1; var n = e[e.length - 1], i = e[0], r = n[0] - i[0], o = n[1] - i[1]; return Pk(r * r + o * o, .5) > 6 }(t) || o) { if (a && !o) { "single" === s.brushMode && Zk(t); var l = T(s); l.brushType = hL(l.brushType, a), l.panelId = a === Ak ? null : a.panelId, o = t._creatingCover = Bk(t, l), t._covers.push(o) } if (o) { var u = dL[hL(t._brushType, a)]; o.__brushOption.range = u.getCreatingRange(aL(t, o, t._track)), i && (Fk(t, o), u.updateCommon(t, o)), Gk(t, o), r = { isEnd: i } } } else i && "single" === s.brushMode && s.removeOnClick && Uk(t, e, n) && Zk(t) && (r = { isEnd: i, removeOnClick: !0 }); return r } function hL(t, e) { return "auto" === t ? e.defaultBrushType : t } var cL = { mousedown: function (t) { if (this._dragging) pL(this, t); else if (!t.target || !t.target.draggable) { sL(t); var e = this.group.transformCoordToLocal(t.offsetX, t.offsetY); this._creatingCover = null, (this._creatingPanel = Uk(this, t, e)) && (this._dragging = !0, this._track = [e.slice()]) } }, mousemove: function (t) { var e = t.offsetX, n = t.offsetY, i = this.group.transformCoordToLocal(e, n); if (function (t, e, n) { if (t._brushType && !function (t, e, n) { var i = t._zr; return e < 0 || e > i.getWidth() || n < 0 || n > i.getHeight() }(t, e.offsetX, e.offsetY)) { var i = t._zr, r = t._covers, o = Uk(t, e, n); if (!t._dragging) for (var a = 0; a < r.length; a++) { var s = r[a].__brushOption; if (o && (o === Ak || s.panelId === o.panelId) && dL[s.brushType].contain(r[a], n[0], n[1])) return } o && i.setCursorStyle("crosshair") } }(this, t, i), this._dragging) { sL(t); var r = uL(this, t, i, !1); r && jk(this, r) } }, mouseup: function (t) { pL(this, t) } }; function pL(t, e) { if (t._dragging) { sL(e); var n = e.offsetX, i = e.offsetY, r = t.group.transformCoordToLocal(n, i), o = uL(t, e, r, !0); t._dragging = !1, t._track = [], t._creatingCover = null, o && jk(t, o) } } var dL = { lineX: fL(0), lineY: fL(1), rect: { createCover: function (t, e) { function n(t) { return t } return Kk({ toRectRange: n, fromRectRange: n }, t, e, [["w"], ["e"], ["n"], ["s"], ["s", "e"], ["s", "w"], ["n", "e"], ["n", "w"]]) }, getCreatingRange: function (t) { var e = qk(t); return eL(e[1][0], e[1][1], e[0][0], e[0][1]) }, updateCoverShape: function (t, e, n, i) { $k(t, e, n, i) }, updateCommon: Jk, contain: lL }, polygon: { createCover: function (t, e) { var n = new Pr; return n.add(new Bu({ name: "main", style: tL(e), silent: !0 })), n }, getCreatingRange: function (t) { return t }, endCreating: function (t, e) { e.remove(e.childAt(0)), e.add(new zu({ name: "main", draggable: !0, drift: H(rL, t, e), ondragend: H(jk, t, { isEnd: !0 }) })) }, updateCoverShape: function (t, e, n, i) { e.childAt(0).setShape({ points: aL(t, e, n) }) }, updateCommon: Jk, contain: lL } }; function fL(t) { return { createCover: function (e, n) { return Kk({ toRectRange: function (e) { var n = [e, [0, 100]]; return t && n.reverse(), n }, fromRectRange: function (e) { return e[t] } }, e, n, [[["w"], ["e"]], [["n"], ["s"]]][t]) }, getCreatingRange: function (e) { var n = qk(e); return [kk(n[0][t], n[1][t]), Lk(n[0][t], n[1][t])] }, updateCoverShape: function (e, n, i, r) { var o, a = Xk(e, n); if (a !== Ak && a.getLinearBrushOtherExtent) o = a.getLinearBrushOtherExtent(t); else { var s = e._zr; o = [0, [s.getWidth(), s.getHeight()][1 - t]] } var l = [i, o]; t && l.reverse(), $k(e, n, l, r) }, updateCommon: Jk, contain: lL } } function gL(t) { return t = mL(t), function (e) { return Eh(e, t) } } function yL(t, e) { return t = mL(t), function (n) { var i = null != e ? e : n, r = i ? t.width : t.height, o = i ? t.x : t.y; return [o, o + (r || 0)] } } function vL(t, e, n) { var i = mL(t); return function (t, r) { return i.contain(r[0], r[1]) && !GI(t, e, n) } } function mL(t) { return Re.create(t) } var xL = ["axisLine", "axisTickLabel", "axisName"], _L = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (e, n) { t.prototype.init.apply(this, arguments), (this._brushController = new Vk(n.getZr())).on("brush", W(this._onBrush, this)) }, e.prototype.render = function (t, e, n, i) { if (!function (t, e, n) { return n && "axisAreaSelect" === n.type && e.findComponents({ mainType: "parallelAxis", query: n })[0] === t }(t, e, i)) { this.axisModel = t, this.api = n, this.group.removeAll(); var r = this._axisGroup; if (this._axisGroup = new Pr, this.group.add(this._axisGroup), t.get("show")) { var o = function (t, e) { return e.getComponent("parallel", t.get("parallelIndex")) }(t, e), a = o.coordinateSystem, s = t.getAreaSelectStyle(), l = s.width, u = t.axis.dim, h = A({ strokeContainThreshold: l }, a.getAxisLayout(u)), c = new YM(t, h); E(xL, c.add, c), this._axisGroup.add(c.getGroup()), this._refreshBrushController(h, s, t, o, l, n), Nh(r, this._axisGroup, t) } } }, e.prototype._refreshBrushController = function (t, e, n, i, r, o) { var a = n.axis.getExtent(), s = a[1] - a[0], l = Math.min(30, .1 * Math.abs(s)), u = Re.create({ x: a[0], y: -r / 2, width: s, height: r }); u.x -= l, u.width += 2 * l, this._brushController.mount({ enableGlobalPan: !0, rotation: t.rotation, x: t.position[0], y: t.position[1] }).setPanels([{ panelId: "pl", clipPath: gL(u), isTargetByCursor: vL(u, o, i), getLinearBrushOtherExtent: yL(u, 0) }]).enableBrush({ brushType: "lineX", brushStyle: e, removeOnClick: !0 }).updateCovers(function (t) { var e = t.axis; return z(t.activeIntervals, (function (t) { return { brushType: "lineX", panelId: "pl", range: [e.dataToCoord(t[0], !0), e.dataToCoord(t[1], !0)] } })) }(n)) }, e.prototype._onBrush = function (t) { var e = t.areas, n = this.axisModel, i = n.axis, r = z(e, (function (t) { return [i.coordToData(t.range[0], !0), i.coordToData(t.range[1], !0)] })); (!n.option.realtime === t.isEnd || t.removeOnClick) && this.api.dispatchAction({ type: "axisAreaSelect", parallelAxisId: n.id, intervals: r }) }, e.prototype.dispose = function () { this._brushController.dispose() }, e.type = "parallelAxis", e }(mg); var bL = { type: "axisAreaSelect", event: "axisAreaSelected" }; var wL = { type: "value", areaSelectStyle: { width: 20, borderWidth: 1, borderColor: "rgba(160,197,232)", color: "rgba(160,197,232)", opacity: .3 }, realtime: !0, z: 10 }; function SL(t) { t.registerComponentView(lk), t.registerComponentModel(ck), t.registerCoordinateSystem("parallel", Ck), t.registerPreprocessor(sk), t.registerComponentModel(Dk), t.registerComponentView(_L), CM(t, "parallel", Dk, wL), function (t) { t.registerAction(bL, (function (t, e) { e.eachComponent({ mainType: "parallelAxis", query: t }, (function (e) { e.axis.model.setActiveIntervals(t.intervals) })) })), t.registerAction("parallelAxisExpand", (function (t, e) { e.eachComponent({ mainType: "parallel", query: t }, (function (e) { e.setAxisExpand(t) })) })) }(t) } var ML = function () { this.x1 = 0, this.y1 = 0, this.x2 = 0, this.y2 = 0, this.cpx1 = 0, this.cpy1 = 0, this.cpx2 = 0, this.cpy2 = 0, this.extent = 0 }, IL = function (t) { function e(e) { return t.call(this, e) || this } return n(e, t), e.prototype.getDefaultShape = function () { return new ML }, e.prototype.buildPath = function (t, e) { var n = e.extent; t.moveTo(e.x1, e.y1), t.bezierCurveTo(e.cpx1, e.cpy1, e.cpx2, e.cpy2, e.x2, e.y2), "vertical" === e.orient ? (t.lineTo(e.x2 + n, e.y2), t.bezierCurveTo(e.cpx2 + n, e.cpy2, e.cpx1 + n, e.cpy1, e.x1 + n, e.y1)) : (t.lineTo(e.x2, e.y2 + n), t.bezierCurveTo(e.cpx2, e.cpy2 + n, e.cpx1, e.cpy1 + n, e.x1, e.y1 + n)), t.closePath() }, e.prototype.highlight = function () { Il(this) }, e.prototype.downplay = function () { Tl(this) }, e }(_s), TL = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._focusAdjacencyDisabled = !1, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = this, r = t.getGraph(), o = this.group, a = t.layoutInfo, s = a.width, l = a.height, u = t.getData(), h = t.getData("edge"), c = t.get("orient"); this._model = t, o.removeAll(), o.x = a.x, o.y = a.y, r.eachEdge((function (e) { var n = new IL, i = js(n); i.dataIndex = e.dataIndex, i.seriesIndex = t.seriesIndex, i.dataType = "edge"; var r, a, u, p, d, f, g, y, v = e.getModel(), m = v.getModel("lineStyle"), x = m.get("curveness"), _ = e.node1.getLayout(), b = e.node1.getModel(), w = b.get("localX"), S = b.get("localY"), M = e.node2.getLayout(), I = e.node2.getModel(), T = I.get("localX"), C = I.get("localY"), D = e.getLayout(); switch (n.shape.extent = Math.max(1, D.dy), n.shape.orient = c, "vertical" === c ? (r = (null != w ? w * s : _.x) + D.sy, a = (null != S ? S * l : _.y) + _.dy, u = (null != T ? T * s : M.x) + D.ty, d = r, f = a * (1 - x) + (p = null != C ? C * l : M.y) * x, g = u, y = a * x + p * (1 - x)) : (r = (null != w ? w * s : _.x) + _.dx, a = (null != S ? S * l : _.y) + D.sy, d = r * (1 - x) + (u = null != T ? T * s : M.x) * x, f = a, g = r * x + u * (1 - x), y = p = (null != C ? C * l : M.y) + D.ty), n.setShape({ x1: r, y1: a, x2: u, y2: p, cpx1: d, cpy1: f, cpx2: g, cpy2: y }), n.useStyle(m.getItemStyle()), n.style.fill) { case "source": n.style.fill = e.node1.getVisual("color"), n.style.decal = e.node1.getVisual("style").decal; break; case "target": n.style.fill = e.node2.getVisual("color"), n.style.decal = e.node2.getVisual("style").decal; break; case "gradient": var A = e.node1.getVisual("color"), k = e.node2.getVisual("color"); X(A) && X(k) && (n.style.fill = new $u(0, 0, +("horizontal" === c), +("vertical" === c), [{ color: A, offset: 0 }, { color: k, offset: 1 }])) }var L = v.getModel("emphasis"); Hl(n, v, "lineStyle", (function (t) { return t.getItemStyle() })), o.add(n), h.setItemGraphicEl(e.dataIndex, n); var P = L.get("focus"); Bl(n, "adjacency" === P ? e.getAdjacentDataIndices() : P, L.get("blurScope"), L.get("disabled")), js(n).dataType = "edge" })), r.eachNode((function (e) { var n = e.getLayout(), i = e.getModel(), r = i.get("localX"), a = i.get("localY"), h = i.getModel("emphasis"), c = new Ps({ shape: { x: null != r ? r * s : n.x, y: null != a ? a * l : n.y, width: n.dx, height: n.dy }, style: i.getModel("itemStyle").getItemStyle(), z2: 10 }); qh(c, Kh(i), { labelFetcher: t, labelDataIndex: e.dataIndex, defaultText: e.id }), c.disableLabelAnimation = !0, c.setStyle("fill", e.getVisual("color")), c.setStyle("decal", e.getVisual("style").decal), Hl(c, i), o.add(c), u.setItemGraphicEl(e.dataIndex, c), js(c).dataType = "node"; var p = h.get("focus"); Bl(c, "adjacency" === p ? e.getAdjacentDataIndices() : p, h.get("blurScope"), h.get("disabled")) })), u.eachItemGraphicEl((function (e, r) { u.getItemModel(r).get("draggable") && (e.drift = function (e, o) { i._focusAdjacencyDisabled = !0, this.shape.x += e, this.shape.y += o, this.dirty(), n.dispatchAction({ type: "dragNode", seriesId: t.id, dataIndex: u.getRawIndex(r), localX: this.shape.x / s, localY: this.shape.y / l }) }, e.ondragend = function () { i._focusAdjacencyDisabled = !1 }, e.draggable = !0, e.cursor = "move") })), !this._data && t.isAnimationEnabled() && o.setClipPath(function (t, e, n) { var i = new Ps({ shape: { x: t.x - 10, y: t.y - 10, width: 0, height: t.height + 20 } }); return hh(i, { shape: { width: t.width + 20 } }, e, n), i }(o.getBoundingRect(), t, (function () { o.removeClipPath() }))), this._data = t.getData() }, e.prototype.dispose = function () { }, e.type = "sankey", e }(wg); var CL = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.getInitialData = function (t, e) { var n = t.edges || t.links, i = t.data || t.nodes, r = t.levels; this.levelModels = []; for (var o = this.levelModels, a = 0; a < r.length; a++)null != r[a].depth && r[a].depth >= 0 && (o[r[a].depth] = new xc(r[a], this, e)); if (i && n) { var s = BA(i, n, this, !0, (function (t, e) { t.wrapMethod("getItemModel", (function (t, e) { var n = t.parentModel, i = n.getData().getItemLayout(e); if (i) { var r = i.depth, o = n.levelModels[r]; o && (t.parentModel = o) } return t })), e.wrapMethod("getItemModel", (function (t, e) { var n = t.parentModel, i = n.getGraph().getEdgeByIndex(e).node1.getLayout(); if (i) { var r = i.depth, o = n.levelModels[r]; o && (t.parentModel = o) } return t })) })); return s.data } }, e.prototype.setNodePosition = function (t, e) { var n = (this.option.data || this.option.nodes)[t]; n.localX = e[0], n.localY = e[1] }, e.prototype.getGraph = function () { return this.getData().graph }, e.prototype.getEdgeData = function () { return this.getGraph().edgeData }, e.prototype.formatTooltip = function (t, e, n) { function i(t) { return isNaN(t) || null == t } if ("edge" === n) { var r = this.getDataParams(t, n), o = r.data, a = r.value; return qf("nameValue", { name: o.source + " -- " + o.target, value: a, noValue: i(a) }) } var s = this.getGraph().getNodeByIndex(t).getLayout().value, l = this.getDataParams(t, n).data.name; return qf("nameValue", { name: null != l ? l + "" : null, value: s, noValue: i(s) }) }, e.prototype.optionUpdated = function () { }, e.prototype.getDataParams = function (e, n) { var i = t.prototype.getDataParams.call(this, e, n); if (null == i.value && "node" === n) { var r = this.getGraph().getNodeByIndex(e).getLayout().value; i.value = r } return i }, e.type = "series.sankey", e.defaultOption = { z: 2, coordinateSystem: "view", left: "5%", top: "5%", right: "20%", bottom: "5%", orient: "horizontal", nodeWidth: 20, nodeGap: 8, draggable: !0, layoutIterations: 32, label: { show: !0, position: "right", fontSize: 12 }, levels: [], nodeAlign: "justify", lineStyle: { color: "#314656", opacity: .2, curveness: .5 }, emphasis: { label: { show: !0 }, lineStyle: { opacity: .5 } }, select: { itemStyle: { borderColor: "#212121" } }, animationEasing: "linear", animationDuration: 1e3 }, e }(hg); function DL(t, e) { t.eachSeriesByType("sankey", (function (t) { var n = t.get("nodeWidth"), i = t.get("nodeGap"), r = function (t, e) { return wp(t.getBoxLayoutParams(), { width: e.getWidth(), height: e.getHeight() }) }(t, e); t.layoutInfo = r; var o = r.width, a = r.height, s = t.getGraph(), l = s.nodes, u = s.edges; !function (t) { E(t, (function (t) { var e = VL(t.outEdges, zL), n = VL(t.inEdges, zL), i = t.getValue() || 0, r = Math.max(e, n, i); t.setLayout({ value: r }, !0) })) }(l), function (t, e, n, i, r, o, a, s, l) { (function (t, e, n, i, r, o, a) { for (var s = [], l = [], u = [], h = [], c = 0, p = 0; p < e.length; p++)s[p] = 1; for (p = 0; p < t.length; p++)l[p] = t[p].inEdges.length, 0 === l[p] && u.push(t[p]); var d = -1; for (; u.length;) { for (var f = 0; f < u.length; f++) { var g = u[f], y = g.hostGraph.data.getRawDataItem(g.dataIndex), v = null != y.depth && y.depth >= 0; v && y.depth > d && (d = y.depth), g.setLayout({ depth: v ? y.depth : c }, !0), "vertical" === o ? g.setLayout({ dy: n }, !0) : g.setLayout({ dx: n }, !0); for (var m = 0; m < g.outEdges.length; m++) { var x = g.outEdges[m]; s[e.indexOf(x)] = 0; var _ = x.node2; 0 == --l[t.indexOf(_)] && h.indexOf(_) < 0 && h.push(_) } } ++c, u = h, h = [] } for (p = 0; p < s.length; p++)if (1 === s[p]) throw new Error("Sankey is a DAG, the original data has cycle!"); var b = d > c - 1 ? d : c - 1; a && "left" !== a && function (t, e, n, i) { if ("right" === e) { for (var r = [], o = t, a = 0; o.length;) { for (var s = 0; s < o.length; s++) { var l = o[s]; l.setLayout({ skNodeHeight: a }, !0); for (var u = 0; u < l.inEdges.length; u++) { var h = l.inEdges[u]; r.indexOf(h.node1) < 0 && r.push(h.node1) } } o = r, r = [], ++a } E(t, (function (t) { AL(t) || t.setLayout({ depth: Math.max(0, i - t.getLayout().skNodeHeight) }, !0) })) } else "justify" === e && function (t, e) { E(t, (function (t) { AL(t) || t.outEdges.length || t.setLayout({ depth: e }, !0) })) }(t, i) }(t, a, 0, b); !function (t, e, n) { E(t, (function (t) { var i = t.getLayout().depth * e; "vertical" === n ? t.setLayout({ y: i }, !0) : t.setLayout({ x: i }, !0) })) }(t, "vertical" === o ? (r - n) / b : (i - n) / b, o) })(t, e, n, r, o, s, l), function (t, e, n, i, r, o, a) { var s = function (t, e) { var n = [], i = "vertical" === e ? "y" : "x", r = Eo(t, (function (t) { return t.getLayout()[i] })); return r.keys.sort((function (t, e) { return t - e })), E(r.keys, (function (t) { n.push(r.buckets.get(t)) })), n }(t, a); (function (t, e, n, i, r, o) { var a = 1 / 0; E(t, (function (t) { var e = t.length, s = 0; E(t, (function (t) { s += t.getLayout().value })); var l = "vertical" === o ? (i - (e - 1) * r) / s : (n - (e - 1) * r) / s; l < a && (a = l) })), E(t, (function (t) { E(t, (function (t, e) { var n = t.getLayout().value * a; "vertical" === o ? (t.setLayout({ x: e }, !0), t.setLayout({ dx: n }, !0)) : (t.setLayout({ y: e }, !0), t.setLayout({ dy: n }, !0)) })) })), E(e, (function (t) { var e = +t.getValue() * a; t.setLayout({ dy: e }, !0) })) })(s, e, n, i, r, a), kL(s, r, n, i, a); for (var l = 1; o > 0; o--)LL(s, l *= .99, a), kL(s, r, n, i, a), BL(s, l, a), kL(s, r, n, i, a) }(t, e, o, r, i, a, s), function (t, e) { var n = "vertical" === e ? "x" : "y"; E(t, (function (t) { t.outEdges.sort((function (t, e) { return t.node2.getLayout()[n] - e.node2.getLayout()[n] })), t.inEdges.sort((function (t, e) { return t.node1.getLayout()[n] - e.node1.getLayout()[n] })) })), E(t, (function (t) { var e = 0, n = 0; E(t.outEdges, (function (t) { t.setLayout({ sy: e }, !0), e += t.getLayout().dy })), E(t.inEdges, (function (t) { t.setLayout({ ty: n }, !0), n += t.getLayout().dy })) })) }(t, s) }(l, u, n, i, o, a, 0 !== B(l, (function (t) { return 0 === t.getLayout().value })).length ? 0 : t.get("layoutIterations"), t.get("orient"), t.get("nodeAlign")) })) } function AL(t) { var e = t.hostGraph.data.getRawDataItem(t.dataIndex); return null != e.depth && e.depth >= 0 } function kL(t, e, n, i, r) { var o = "vertical" === r ? "x" : "y"; E(t, (function (t) { var a, s, l; t.sort((function (t, e) { return t.getLayout()[o] - e.getLayout()[o] })); for (var u = 0, h = t.length, c = "vertical" === r ? "dx" : "dy", p = 0; p < h; p++)(l = u - (s = t[p]).getLayout()[o]) > 0 && (a = s.getLayout()[o] + l, "vertical" === r ? s.setLayout({ x: a }, !0) : s.setLayout({ y: a }, !0)), u = s.getLayout()[o] + s.getLayout()[c] + e; if ((l = u - e - ("vertical" === r ? i : n)) > 0) { a = s.getLayout()[o] - l, "vertical" === r ? s.setLayout({ x: a }, !0) : s.setLayout({ y: a }, !0), u = a; for (p = h - 2; p >= 0; --p)(l = (s = t[p]).getLayout()[o] + s.getLayout()[c] + e - u) > 0 && (a = s.getLayout()[o] - l, "vertical" === r ? s.setLayout({ x: a }, !0) : s.setLayout({ y: a }, !0)), u = s.getLayout()[o] } })) } function LL(t, e, n) { E(t.slice().reverse(), (function (t) { E(t, (function (t) { if (t.outEdges.length) { var i = VL(t.outEdges, PL, n) / VL(t.outEdges, zL); if (isNaN(i)) { var r = t.outEdges.length; i = r ? VL(t.outEdges, OL, n) / r : 0 } if ("vertical" === n) { var o = t.getLayout().x + (i - EL(t, n)) * e; t.setLayout({ x: o }, !0) } else { var a = t.getLayout().y + (i - EL(t, n)) * e; t.setLayout({ y: a }, !0) } } })) })) } function PL(t, e) { return EL(t.node2, e) * t.getValue() } function OL(t, e) { return EL(t.node2, e) } function RL(t, e) { return EL(t.node1, e) * t.getValue() } function NL(t, e) { return EL(t.node1, e) } function EL(t, e) { return "vertical" === e ? t.getLayout().x + t.getLayout().dx / 2 : t.getLayout().y + t.getLayout().dy / 2 } function zL(t) { return t.getValue() } function VL(t, e, n) { for (var i = 0, r = t.length, o = -1; ++o < r;) { var a = +e(t[o], n); isNaN(a) || (i += a) } return i } function BL(t, e, n) { E(t, (function (t) { E(t, (function (t) { if (t.inEdges.length) { var i = VL(t.inEdges, RL, n) / VL(t.inEdges, zL); if (isNaN(i)) { var r = t.inEdges.length; i = r ? VL(t.inEdges, NL, n) / r : 0 } if ("vertical" === n) { var o = t.getLayout().x + (i - EL(t, n)) * e; t.setLayout({ x: o }, !0) } else { var a = t.getLayout().y + (i - EL(t, n)) * e; t.setLayout({ y: a }, !0) } } })) })) } function FL(t) { t.eachSeriesByType("sankey", (function (t) { var e = t.getGraph().nodes; if (e.length) { var n = 1 / 0, i = -1 / 0; E(e, (function (t) { var e = t.getLayout().value; e < n && (n = e), e > i && (i = e) })), E(e, (function (e) { var r = new sD({ type: "color", mappingMethod: "linear", dataExtent: [n, i], visual: t.get("color") }).mapValueToVisual(e.getLayout().value), o = e.getModel().get(["itemStyle", "color"]); null != o ? (e.setVisual("color", o), e.setVisual("style", { fill: o })) : (e.setVisual("color", r), e.setVisual("style", { fill: r })) })) } })) } var GL = function () { function t() { } return t.prototype.getInitialData = function (t, e) { var n, i, r = e.getComponent("xAxis", this.get("xAxisIndex")), o = e.getComponent("yAxis", this.get("yAxisIndex")), a = r.get("type"), s = o.get("type"); "category" === a ? (t.layout = "horizontal", n = r.getOrdinalMeta(), i = !0) : "category" === s ? (t.layout = "vertical", n = o.getOrdinalMeta(), i = !0) : t.layout = t.layout || "horizontal"; var l = ["x", "y"], u = "horizontal" === t.layout ? 0 : 1, h = this._baseAxisDim = l[u], c = l[1 - u], p = [r, o], d = p[u].get("type"), f = p[1 - u].get("type"), g = t.data; if (g && i) { var y = []; E(g, (function (t, e) { var n; Y(t) ? (n = t.slice(), t.unshift(e)) : Y(t.value) ? ((n = A({}, t)).value = n.value.slice(), t.value.unshift(e)) : n = t, y.push(n) })), t.data = y } var v = this.defaultValueDimensions, m = [{ name: h, type: Lm(d), ordinalMeta: n, otherDims: { tooltip: !1, itemName: 0 }, dimsDef: ["base"] }, { name: c, type: Lm(f), dimsDef: v.slice() }]; return pM(this, { coordDimensions: m, dimensionsCount: v.length + 1, encodeDefaulter: H(Xp, m, this) }) }, t.prototype.getBaseAxis = function () { var t = this._baseAxisDim; return this.ecModel.getComponent(t + "Axis", this.get(t + "AxisIndex")).axis }, t }(), WL = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.defaultValueDimensions = [{ name: "min", defaultTooltip: !0 }, { name: "Q1", defaultTooltip: !0 }, { name: "median", defaultTooltip: !0 }, { name: "Q3", defaultTooltip: !0 }, { name: "max", defaultTooltip: !0 }], n.visualDrawType = "stroke", n } return n(e, t), e.type = "series.boxplot", e.dependencies = ["xAxis", "yAxis", "grid"], e.defaultOption = { z: 2, coordinateSystem: "cartesian2d", legendHoverLink: !0, layout: null, boxWidth: [7, 50], itemStyle: { color: "#fff", borderWidth: 1 }, emphasis: { scale: !0, itemStyle: { borderWidth: 2, shadowBlur: 5, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: "rgba(0,0,0,0.2)" } }, animationDuration: 800 }, e }(hg); R(WL, GL, !0); var HL = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = t.getData(), r = this.group, o = this._data; this._data || r.removeAll(); var a = "horizontal" === t.get("layout") ? 1 : 0; i.diff(o).add((function (t) { if (i.hasValue(t)) { var e = XL(i.getItemLayout(t), i, t, a, !0); i.setItemGraphicEl(t, e), r.add(e) } })).update((function (t, e) { var n = o.getItemGraphicEl(e); if (i.hasValue(t)) { var s = i.getItemLayout(t); n ? (gh(n), ZL(s, n, i, t)) : n = XL(s, i, t, a), r.add(n), i.setItemGraphicEl(t, n) } else r.remove(n) })).remove((function (t) { var e = o.getItemGraphicEl(t); e && r.remove(e) })).execute(), this._data = i }, e.prototype.remove = function (t) { var e = this.group, n = this._data; this._data = null, n && n.eachItemGraphicEl((function (t) { t && e.remove(t) })) }, e.type = "boxplot", e }(wg), YL = function () { }, UL = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "boxplotBoxPath", n } return n(e, t), e.prototype.getDefaultShape = function () { return new YL }, e.prototype.buildPath = function (t, e) { var n = e.points, i = 0; for (t.moveTo(n[i][0], n[i][1]), i++; i < 4; i++)t.lineTo(n[i][0], n[i][1]); for (t.closePath(); i < n.length; i++)t.moveTo(n[i][0], n[i][1]), i++, t.lineTo(n[i][0], n[i][1]) }, e }(_s); function XL(t, e, n, i, r) { var o = t.ends, a = new UL({ shape: { points: r ? jL(o, i, t) : o } }); return ZL(t, a, e, n, r), a } function ZL(t, e, n, i, r) { var o = n.hostModel; (0, Uh[r ? "initProps" : "updateProps"])(e, { shape: { points: t.ends } }, o, i), e.useStyle(n.getItemVisual(i, "style")), e.style.strokeNoScale = !0, e.z2 = 100; var a = n.getItemModel(i), s = a.getModel("emphasis"); Hl(e, a), Bl(e, s.get("focus"), s.get("blurScope"), s.get("disabled")) } function jL(t, e, n) { return z(t, (function (t) { return (t = t.slice())[e] = n.initBaseline, t })) } function qL(t, e) { } var KL = E; function $L(t) { var e = function (t) { var e = [], n = []; return t.eachSeriesByType("boxplot", (function (t) { var i = t.getBaseAxis(), r = P(n, i); r < 0 && (r = n.length, n[r] = i, e[r] = { axis: i, seriesModels: [] }), e[r].seriesModels.push(t) })), e }(t); KL(e, (function (t) { var e = t.seriesModels; e.length && (!function (t) { var e, n = t.axis, i = t.seriesModels, r = i.length, o = t.boxWidthList = [], a = t.boxOffsetList = [], s = []; if ("category" === n.type) e = n.getBandWidth(); else { var l = 0; KL(i, (function (t) { l = Math.max(l, t.getData().count()) })); var u = n.getExtent(); e = Math.abs(u[1] - u[0]) / l } KL(i, (function (t) { var n = t.get("boxWidth"); Y(n) || (n = [n, n]), s.push([Gr(n[0], e) || 0, Gr(n[1], e) || 0]) })); var h = .8 * e - 2, c = h / r * .3, p = (h - c * (r - 1)) / r, d = p / 2 - h / 2; KL(i, (function (t, e) { a.push(d), d += c + p, o.push(Math.min(Math.max(p, s[e][0]), s[e][1])) })) }(t), KL(e, (function (e, n) { !function (t, e, n) { var i = t.coordinateSystem, r = t.getData(), o = n / 2, a = "horizontal" === t.get("layout") ? 0 : 1, s = 1 - a, l = ["x", "y"], u = r.mapDimension(l[a]), h = r.mapDimensionsAll(l[s]); if (null == u || h.length < 5) return; for (var c = 0; c < r.count(); c++) { var p = r.get(u, c), d = x(p, h[2], c), f = x(p, h[0], c), g = x(p, h[1], c), y = x(p, h[3], c), v = x(p, h[4], c), m = []; _(m, g, !1), _(m, y, !0), m.push(f, g, v, y), b(m, f), b(m, v), b(m, d), r.setItemLayout(c, { initBaseline: d[s], ends: m }) } function x(t, n, o) { var l, u = r.get(n, o), h = []; return h[a] = t, h[s] = u, isNaN(t) || isNaN(u) ? l = [NaN, NaN] : (l = i.dataToPoint(h))[a] += e, l } function _(t, e, n) { var i = e.slice(), r = e.slice(); i[a] += o, r[a] -= o, n ? t.push(i, r) : t.push(r, i) } function b(t, e) { var n = e.slice(), i = e.slice(); n[a] -= o, i[a] += o, t.push(n, i) } }(e, t.boxOffsetList[n], t.boxWidthList[n]) }))) })) } var JL = { type: "echarts:boxplot", transform: function (t) { var e = t.upstream; if (e.sourceFormat !== Np) { var n = ""; 0, co(n) } var i = function (t, e) { for (var n = [], i = [], r = (e = e || {}).boundIQR, o = "none" === r || 0 === r, a = 0; a < t.length; a++) { var s = Hr(t[a].slice()), l = io(s, .25), u = io(s, .5), h = io(s, .75), c = s[0], p = s[s.length - 1], d = (null == r ? 1.5 : r) * (h - l), f = o ? c : Math.max(c, l - d), g = o ? p : Math.min(p, h + d), y = e.itemNameFormatter, v = U(y) ? y({ value: a }) : X(y) ? y.replace("{value}", a + "") : a + ""; n.push([v, f, l, u, h, g]); for (var m = 0; m < s.length; m++) { var x = s[m]; if (x < f || x > g) { var _ = [v, x]; i.push(_) } } } return { boxData: n, outliers: i } }(e.getRawData(), t.config); return [{ dimensions: ["ItemName", "Low", "Q1", "Q2", "Q3", "High"], data: i.boxData }, { data: i.outliers }] } }; var QL = ["color", "borderColor"], tP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { this.group.removeClipPath(), this._progressiveEls = null, this._updateDrawMode(t), this._isLargeDraw ? this._renderLarge(t) : this._renderNormal(t) }, e.prototype.incrementalPrepareRender = function (t, e, n) { this._clear(), this._updateDrawMode(t) }, e.prototype.incrementalRender = function (t, e, n, i) { this._progressiveEls = [], this._isLargeDraw ? this._incrementalRenderLarge(t, e) : this._incrementalRenderNormal(t, e) }, e.prototype.eachRendered = function (t) { Yh(this._progressiveEls || this.group, t) }, e.prototype._updateDrawMode = function (t) { var e = t.pipelineContext.large; null != this._isLargeDraw && e === this._isLargeDraw || (this._isLargeDraw = e, this._clear()) }, e.prototype._renderNormal = function (t) { var e = t.getData(), n = this._data, i = this.group, r = e.getLayout("isSimpleBox"), o = t.get("clip", !0), a = t.coordinateSystem, s = a.getArea && a.getArea(); this._data || i.removeAll(), e.diff(n).add((function (n) { if (e.hasValue(n)) { var a = e.getItemLayout(n); if (o && rP(s, a)) return; var l = iP(a, n, !0); hh(l, { shape: { points: a.ends } }, t, n), oP(l, e, n, r), i.add(l), e.setItemGraphicEl(n, l) } })).update((function (a, l) { var u = n.getItemGraphicEl(l); if (e.hasValue(a)) { var h = e.getItemLayout(a); o && rP(s, h) ? i.remove(u) : (u ? (uh(u, { shape: { points: h.ends } }, t, a), gh(u)) : u = iP(h), oP(u, e, a, r), i.add(u), e.setItemGraphicEl(a, u)) } else i.remove(u) })).remove((function (t) { var e = n.getItemGraphicEl(t); e && i.remove(e) })).execute(), this._data = e }, e.prototype._renderLarge = function (t) { this._clear(), uP(t, this.group); var e = t.get("clip", !0) ? cS(t.coordinateSystem, !1, t) : null; e ? this.group.setClipPath(e) : this.group.removeClipPath() }, e.prototype._incrementalRenderNormal = function (t, e) { for (var n, i = e.getData(), r = i.getLayout("isSimpleBox"); null != (n = t.next());) { var o = iP(i.getItemLayout(n)); oP(o, i, n, r), o.incremental = !0, this.group.add(o), this._progressiveEls.push(o) } }, e.prototype._incrementalRenderLarge = function (t, e) { uP(e, this.group, this._progressiveEls, !0) }, e.prototype.remove = function (t) { this._clear() }, e.prototype._clear = function () { this.group.removeAll(), this._data = null }, e.type = "candlestick", e }(wg), eP = function () { }, nP = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "normalCandlestickBox", n } return n(e, t), e.prototype.getDefaultShape = function () { return new eP }, e.prototype.buildPath = function (t, e) { var n = e.points; this.__simpleBox ? (t.moveTo(n[4][0], n[4][1]), t.lineTo(n[6][0], n[6][1])) : (t.moveTo(n[0][0], n[0][1]), t.lineTo(n[1][0], n[1][1]), t.lineTo(n[2][0], n[2][1]), t.lineTo(n[3][0], n[3][1]), t.closePath(), t.moveTo(n[4][0], n[4][1]), t.lineTo(n[5][0], n[5][1]), t.moveTo(n[6][0], n[6][1]), t.lineTo(n[7][0], n[7][1])) }, e }(_s); function iP(t, e, n) { var i = t.ends; return new nP({ shape: { points: n ? aP(i, t) : i }, z2: 100 }) } function rP(t, e) { for (var n = !0, i = 0; i < e.ends.length; i++)if (t.contain(e.ends[i][0], e.ends[i][1])) { n = !1; break } return n } function oP(t, e, n, i) { var r = e.getItemModel(n); t.useStyle(e.getItemVisual(n, "style")), t.style.strokeNoScale = !0, t.__simpleBox = i, Hl(t, r) } function aP(t, e) { return z(t, (function (t) { return (t = t.slice())[1] = e.initBaseline, t })) } var sP = function () { }, lP = function (t) { function e(e) { var n = t.call(this, e) || this; return n.type = "largeCandlestickBox", n } return n(e, t), e.prototype.getDefaultShape = function () { return new sP }, e.prototype.buildPath = function (t, e) { for (var n = e.points, i = 0; i < n.length;)if (this.__sign === n[i++]) { var r = n[i++]; t.moveTo(r, n[i++]), t.lineTo(r, n[i++]) } else i += 3 }, e }(_s); function uP(t, e, n, i) { var r = t.getData().getLayout("largePoints"), o = new lP({ shape: { points: r }, __sign: 1, ignoreCoarsePointer: !0 }); e.add(o); var a = new lP({ shape: { points: r }, __sign: -1, ignoreCoarsePointer: !0 }); e.add(a), hP(1, o, t), hP(-1, a, t), i && (o.incremental = !0, a.incremental = !0), n && n.push(o, a) } function hP(t, e, n, i) { var r = n.get(["itemStyle", t > 0 ? "borderColor" : "borderColor0"]) || n.get(["itemStyle", t > 0 ? "color" : "color0"]), o = n.getModel("itemStyle").getItemStyle(QL); e.useStyle(o), e.style.fill = null, e.style.stroke = r } var cP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.defaultValueDimensions = [{ name: "open", defaultTooltip: !0 }, { name: "close", defaultTooltip: !0 }, { name: "lowest", defaultTooltip: !0 }, { name: "highest", defaultTooltip: !0 }], n } return n(e, t), e.prototype.getShadowDim = function () { return "open" }, e.prototype.brushSelector = function (t, e, n) { var i = e.getItemLayout(t); return i && n.rect(i.brushRect) }, e.type = "series.candlestick", e.dependencies = ["xAxis", "yAxis", "grid"], e.defaultOption = { z: 2, coordinateSystem: "cartesian2d", legendHoverLink: !0, layout: null, clip: !0, itemStyle: { color: "#eb5454", color0: "#47b262", borderColor: "#eb5454", borderColor0: "#47b262", borderWidth: 1 }, emphasis: { scale: !0, itemStyle: { borderWidth: 2 } }, barMaxWidth: null, barMinWidth: null, barWidth: null, large: !0, largeThreshold: 600, progressive: 3e3, progressiveThreshold: 1e4, progressiveChunkMode: "mod", animationEasing: "linear", animationDuration: 300 }, e }(hg); function pP(t) { t && Y(t.series) && E(t.series, (function (t) { q(t) && "k" === t.type && (t.type = "candlestick") })) } R(cP, GL, !0); var dP = ["itemStyle", "borderColor"], fP = ["itemStyle", "borderColor0"], gP = ["itemStyle", "color"], yP = ["itemStyle", "color0"], vP = { seriesType: "candlestick", plan: xg(), performRawSeries: !0, reset: function (t, e) { function n(t, e) { return e.get(t > 0 ? gP : yP) } function i(t, e) { return e.get(t > 0 ? dP : fP) } if (!e.isSeriesFiltered(t)) return !t.pipelineContext.large && { progress: function (t, e) { for (var r; null != (r = t.next());) { var o = e.getItemModel(r), a = e.getItemLayout(r).sign, s = o.getItemStyle(); s.fill = n(a, o), s.stroke = i(a, o) || s.fill, A(e.ensureUniqueItemVisual(r, "style"), s) } } } } }, mP = { seriesType: "candlestick", plan: xg(), reset: function (t) { var e = t.coordinateSystem, n = t.getData(), i = function (t, e) { var n, i = t.getBaseAxis(), r = "category" === i.type ? i.getBandWidth() : (n = i.getExtent(), Math.abs(n[1] - n[0]) / e.count()), o = Gr(rt(t.get("barMaxWidth"), r), r), a = Gr(rt(t.get("barMinWidth"), 1), r), s = t.get("barWidth"); return null != s ? Gr(s, r) : Math.max(Math.min(r / 2, o), a) }(t, n), r = ["x", "y"], o = n.getDimensionIndex(n.mapDimension(r[0])), a = z(n.mapDimensionsAll(r[1]), n.getDimensionIndex, n), s = a[0], l = a[1], u = a[2], h = a[3]; if (n.setLayout({ candleWidth: i, isSimpleBox: i <= 1.3 }), !(o < 0 || a.length < 4)) return { progress: t.pipelineContext.large ? function (t, n) { var i, r, a = Tx(4 * t.count), c = 0, p = [], d = [], f = n.getStore(); for (; null != (r = t.next());) { var g = f.get(o, r), y = f.get(s, r), v = f.get(l, r), m = f.get(u, r), x = f.get(h, r); isNaN(g) || isNaN(m) || isNaN(x) ? (a[c++] = NaN, c += 3) : (a[c++] = xP(f, r, y, v, l), p[0] = g, p[1] = m, i = e.dataToPoint(p, null, d), a[c++] = i ? i[0] : NaN, a[c++] = i ? i[1] : NaN, p[1] = x, i = e.dataToPoint(p, null, d), a[c++] = i ? i[1] : NaN) } n.setLayout("largePoints", a) } : function (t, n) { var r, a = n.getStore(); for (; null != (r = t.next());) { var c = a.get(o, r), p = a.get(s, r), d = a.get(l, r), f = a.get(u, r), g = a.get(h, r), y = Math.min(p, d), v = Math.max(p, d), m = S(y, c), x = S(v, c), _ = S(f, c), b = S(g, c), w = []; M(w, x, 0), M(w, m, 1), w.push(T(b), T(x), T(_), T(m)), n.setItemLayout(r, { sign: xP(a, r, p, d, l), initBaseline: p > d ? x[1] : m[1], ends: w, brushRect: I(f, g, c) }) } function S(t, n) { var i = []; return i[0] = n, i[1] = t, isNaN(n) || isNaN(t) ? [NaN, NaN] : e.dataToPoint(i) } function M(t, e, n) { var r = e.slice(), o = e.slice(); r[0] = kh(r[0] + i / 2, 1, !1), o[0] = kh(o[0] - i / 2, 1, !0), n ? t.push(r, o) : t.push(o, r) } function I(t, e, n) { var r = S(t, n), o = S(e, n); return r[0] -= i / 2, o[0] -= i / 2, { x: r[0], y: r[1], width: i, height: o[1] - r[1] } } function T(t) { return t[0] = kh(t[0], 1), t } } } } }; function xP(t, e, n, i, r) { return n > i ? -1 : n < i ? 1 : e > 0 ? t.get(r, e - 1) <= i ? 1 : -1 : 1 } function _P(t, e) { var n = e.rippleEffectColor || e.color; t.eachChild((function (t) { t.attr({ z: e.z, zlevel: e.zlevel, style: { stroke: "stroke" === e.brushType ? n : null, fill: "fill" === e.brushType ? n : null } }) })) } var bP = function (t) { function e(e, n) { var i = t.call(this) || this, r = new Zw(e, n), o = new Pr; return i.add(r), i.add(o), i.updateData(e, n), i } return n(e, t), e.prototype.stopEffectAnimation = function () { this.childAt(1).removeAll() }, e.prototype.startEffectAnimation = function (t) { for (var e = t.symbolType, n = t.color, i = t.rippleNumber, r = this.childAt(1), o = 0; o < i; o++) { var a = Ry(e, -1, -1, 2, 2, n); a.attr({ style: { strokeNoScale: !0 }, z2: 99, silent: !0, scaleX: .5, scaleY: .5 }); var s = -o / i * t.period + t.effectOffset; a.animate("", !0).when(t.period, { scaleX: t.rippleScale / 2, scaleY: t.rippleScale / 2 }).delay(s).start(), a.animateStyle(!0).when(t.period, { opacity: 0 }).delay(s).start(), r.add(a) } _P(r, t) }, e.prototype.updateEffectAnimation = function (t) { for (var e = this._effectCfg, n = this.childAt(1), i = ["symbolType", "period", "rippleScale", "rippleNumber"], r = 0; r < i.length; r++) { var o = i[r]; if (e[o] !== t[o]) return this.stopEffectAnimation(), void this.startEffectAnimation(t) } _P(n, t) }, e.prototype.highlight = function () { Il(this) }, e.prototype.downplay = function () { Tl(this) }, e.prototype.getSymbolType = function () { var t = this.childAt(0); return t && t.getSymbolType() }, e.prototype.updateData = function (t, e) { var n = this, i = t.hostModel; this.childAt(0).updateData(t, e); var r = this.childAt(1), o = t.getItemModel(e), a = t.getItemVisual(e, "symbol"), s = Ny(t.getItemVisual(e, "symbolSize")), l = t.getItemVisual(e, "style"), u = l && l.fill, h = o.getModel("emphasis"); r.setScale(s), r.traverse((function (t) { t.setStyle("fill", u) })); var c = Ey(t.getItemVisual(e, "symbolOffset"), s); c && (r.x = c[0], r.y = c[1]); var p = t.getItemVisual(e, "symbolRotate"); r.rotation = (p || 0) * Math.PI / 180 || 0; var d = {}; d.showEffectOn = i.get("showEffectOn"), d.rippleScale = o.get(["rippleEffect", "scale"]), d.brushType = o.get(["rippleEffect", "brushType"]), d.period = 1e3 * o.get(["rippleEffect", "period"]), d.effectOffset = e / t.count(), d.z = i.getShallow("z") || 0, d.zlevel = i.getShallow("zlevel") || 0, d.symbolType = a, d.color = u, d.rippleEffectColor = o.get(["rippleEffect", "color"]), d.rippleNumber = o.get(["rippleEffect", "number"]), "render" === d.showEffectOn ? (this._effectCfg ? this.updateEffectAnimation(d) : this.startEffectAnimation(d), this._effectCfg = d) : (this._effectCfg = null, this.stopEffectAnimation(), this.onHoverStateChange = function (t) { "emphasis" === t ? "render" !== d.showEffectOn && n.startEffectAnimation(d) : "normal" === t && "render" !== d.showEffectOn && n.stopEffectAnimation() }), this._effectCfg = d, Bl(this, h.get("focus"), h.get("blurScope"), h.get("disabled")) }, e.prototype.fadeOut = function (t) { t && t() }, e }(Pr), wP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function () { this._symbolDraw = new Jw(bP) }, e.prototype.render = function (t, e, n) { var i = t.getData(), r = this._symbolDraw; r.updateData(i, { clipShape: this._getClipShape(t) }), this.group.add(r.group) }, e.prototype._getClipShape = function (t) { var e = t.coordinateSystem, n = e && e.getArea && e.getArea(); return t.get("clip", !0) ? n : null }, e.prototype.updateTransform = function (t, e, n) { var i = t.getData(); this.group.dirty(); var r = MS("").reset(t, e, n); r.progress && r.progress({ start: 0, end: i.count(), count: i.count() }, i), this._symbolDraw.updateLayout() }, e.prototype._updateGroupTransform = function (t) { var e = t.coordinateSystem; e && e.getRoamTransform && (this.group.transform = Se(e.getRoamTransform()), this.group.decomposeTransform()) }, e.prototype.remove = function (t, e) { this._symbolDraw && this._symbolDraw.remove(!0) }, e.type = "effectScatter", e }(wg), SP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.hasSymbolVisual = !0, n } return n(e, t), e.prototype.getInitialData = function (t, e) { return sx(null, this, { useEncodeDefaulter: !0 }) }, e.prototype.brushSelector = function (t, e, n) { return n.point(e.getItemLayout(t)) }, e.type = "series.effectScatter", e.dependencies = ["grid", "polar"], e.defaultOption = { coordinateSystem: "cartesian2d", z: 2, legendHoverLink: !0, effectType: "ripple", progressive: 0, showEffectOn: "render", clip: !0, rippleEffect: { period: 4, scale: 2.5, brushType: "fill", number: 3 }, universalTransition: { divideShape: "clone" }, symbolSize: 10 }, e }(hg); var MP = function (t) { function e(e, n, i) { var r = t.call(this) || this; return r.add(r.createLine(e, n, i)), r._updateEffectSymbol(e, n), r } return n(e, t), e.prototype.createLine = function (t, e, n) { return new xA(t, e, n) }, e.prototype._updateEffectSymbol = function (t, e) { var n = t.getItemModel(e).getModel("effect"), i = n.get("symbolSize"), r = n.get("symbol"); Y(i) || (i = [i, i]); var o = t.getItemVisual(e, "style"), a = n.get("color") || o && o.stroke, s = this.childAt(1); this._symbolType !== r && (this.remove(s), (s = Ry(r, -.5, -.5, 1, 1, a)).z2 = 100, s.culling = !0, this.add(s)), s && (s.setStyle("shadowColor", a), s.setStyle(n.getItemStyle(["color"])), s.scaleX = i[0], s.scaleY = i[1], s.setColor(a), this._symbolType = r, this._symbolScale = i, this._updateEffectAnimation(t, n, e)) }, e.prototype._updateEffectAnimation = function (t, e, n) { var i = this.childAt(1); if (i) { var r = t.getItemLayout(n), o = 1e3 * e.get("period"), a = e.get("loop"), s = e.get("roundTrip"), l = e.get("constantSpeed"), u = it(e.get("delay"), (function (e) { return e / t.count() * o / 3 })); if (i.ignore = !0, this._updateAnimationPoints(i, r), l > 0 && (o = this._getLineLength(i) / l * 1e3), o !== this._period || a !== this._loop || s !== this._roundTrip) { i.stopAnimation(); var h = void 0; h = U(u) ? u(n) : u, i.__t > 0 && (h = -o * i.__t), this._animateSymbol(i, o, h, a, s) } this._period = o, this._loop = a, this._roundTrip = s } }, e.prototype._animateSymbol = function (t, e, n, i, r) { if (e > 0) { t.__t = 0; var o = this, a = t.animate("", i).when(r ? 2 * e : e, { __t: r ? 2 : 1 }).delay(n).during((function () { o._updateSymbolPosition(t) })); i || a.done((function () { o.remove(t) })), a.start() } }, e.prototype._getLineLength = function (t) { return Et(t.__p1, t.__cp1) + Et(t.__cp1, t.__p2) }, e.prototype._updateAnimationPoints = function (t, e) { t.__p1 = e[0], t.__p2 = e[1], t.__cp1 = e[2] || [(e[0][0] + e[1][0]) / 2, (e[0][1] + e[1][1]) / 2] }, e.prototype.updateData = function (t, e, n) { this.childAt(0).updateData(t, e, n), this._updateEffectSymbol(t, e) }, e.prototype._updateSymbolPosition = function (t) { var e = t.__p1, n = t.__p2, i = t.__cp1, r = t.__t < 1 ? t.__t : 2 - t.__t, o = [t.x, t.y], a = o.slice(), s = wn, l = Sn; o[0] = s(e[0], i[0], n[0], r), o[1] = s(e[1], i[1], n[1], r); var u = t.__t < 1 ? l(e[0], i[0], n[0], r) : l(n[0], i[0], e[0], 1 - r), h = t.__t < 1 ? l(e[1], i[1], n[1], r) : l(n[1], i[1], e[1], 1 - r); t.rotation = -Math.atan2(h, u) - Math.PI / 2, "line" !== this._symbolType && "rect" !== this._symbolType && "roundRect" !== this._symbolType || (void 0 !== t.__lastT && t.__lastT < t.__t ? (t.scaleY = 1.05 * Et(a, o), 1 === r && (o[0] = a[0] + (o[0] - a[0]) / 2, o[1] = a[1] + (o[1] - a[1]) / 2)) : 1 === t.__lastT ? t.scaleY = 2 * Et(e, o) : t.scaleY = this._symbolScale[1]), t.__lastT = t.__t, t.ignore = !1, t.x = o[0], t.y = o[1] }, e.prototype.updateLayout = function (t, e) { this.childAt(0).updateLayout(t, e); var n = t.getItemModel(e).getModel("effect"); this._updateEffectAnimation(t, n, e) }, e }(Pr), IP = function (t) { function e(e, n, i) { var r = t.call(this) || this; return r._createPolyline(e, n, i), r } return n(e, t), e.prototype._createPolyline = function (t, e, n) { var i = t.getItemLayout(e), r = new Bu({ shape: { points: i } }); this.add(r), this._updateCommonStl(t, e, n) }, e.prototype.updateData = function (t, e, n) { var i = t.hostModel; uh(this.childAt(0), { shape: { points: t.getItemLayout(e) } }, i, e), this._updateCommonStl(t, e, n) }, e.prototype._updateCommonStl = function (t, e, n) { var i = this.childAt(0), r = t.getItemModel(e), o = n && n.emphasisLineStyle, a = n && n.focus, s = n && n.blurScope, l = n && n.emphasisDisabled; if (!n || t.hasItemOption) { var u = r.getModel("emphasis"); o = u.getModel("lineStyle").getLineStyle(), l = u.get("disabled"), a = u.get("focus"), s = u.get("blurScope") } i.useStyle(t.getItemVisual(e, "style")), i.style.fill = null, i.style.strokeNoScale = !0, i.ensureState("emphasis").style = o, Bl(this, a, s, l) }, e.prototype.updateLayout = function (t, e) { this.childAt(0).setShape("points", t.getItemLayout(e)) }, e }(Pr), TP = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e._lastFrame = 0, e._lastFramePercent = 0, e } return n(e, t), e.prototype.createLine = function (t, e, n) { return new IP(t, e, n) }, e.prototype._updateAnimationPoints = function (t, e) { this._points = e; for (var n = [0], i = 0, r = 1; r < e.length; r++) { var o = e[r - 1], a = e[r]; i += Et(o, a), n.push(i) } if (0 !== i) { for (r = 0; r < n.length; r++)n[r] /= i; this._offsets = n, this._length = i } else this._length = 0 }, e.prototype._getLineLength = function () { return this._length }, e.prototype._updateSymbolPosition = function (t) { var e = t.__t < 1 ? t.__t : 2 - t.__t, n = this._points, i = this._offsets, r = n.length; if (i) { var o, a = this._lastFrame; if (e < this._lastFramePercent) { for (o = Math.min(a + 1, r - 1); o >= 0 && !(i[o] <= e); o--); o = Math.min(o, r - 2) } else { for (o = a; o < r && !(i[o] > e); o++); o = Math.min(o - 1, r - 2) } var s = (e - i[o]) / (i[o + 1] - i[o]), l = n[o], u = n[o + 1]; t.x = l[0] * (1 - s) + s * u[0], t.y = l[1] * (1 - s) + s * u[1]; var h = t.__t < 1 ? u[0] - l[0] : l[0] - u[0], c = t.__t < 1 ? u[1] - l[1] : l[1] - u[1]; t.rotation = -Math.atan2(c, h) - Math.PI / 2, this._lastFrame = o, this._lastFramePercent = e, t.ignore = !1 } }, e }(MP), CP = function () { this.polyline = !1, this.curveness = 0, this.segs = [] }, DP = function (t) { function e(e) { var n = t.call(this, e) || this; return n._off = 0, n.hoverDataIdx = -1, n } return n(e, t), e.prototype.reset = function () { this.notClear = !1, this._off = 0 }, e.prototype.getDefaultStyle = function () { return { stroke: "#000", fill: null } }, e.prototype.getDefaultShape = function () { return new CP }, e.prototype.buildPath = function (t, e) { var n, i = e.segs, r = e.curveness; if (e.polyline) for (n = this._off; n < i.length;) { var o = i[n++]; if (o > 0) { t.moveTo(i[n++], i[n++]); for (var a = 1; a < o; a++)t.lineTo(i[n++], i[n++]) } } else for (n = this._off; n < i.length;) { var s = i[n++], l = i[n++], u = i[n++], h = i[n++]; if (t.moveTo(s, l), r > 0) { var c = (s + u) / 2 - (l - h) * r, p = (l + h) / 2 - (u - s) * r; t.quadraticCurveTo(c, p, u, h) } else t.lineTo(u, h) } this.incremental && (this._off = n, this.notClear = !0) }, e.prototype.findDataIndex = function (t, e) { var n = this.shape, i = n.segs, r = n.curveness, o = this.style.lineWidth; if (n.polyline) for (var a = 0, s = 0; s < i.length;) { var l = i[s++]; if (l > 0) for (var u = i[s++], h = i[s++], c = 1; c < l; c++) { if (es(u, h, p = i[s++], d = i[s++], o, t, e)) return a } a++ } else for (a = 0, s = 0; s < i.length;) { u = i[s++], h = i[s++]; var p = i[s++], d = i[s++]; if (r > 0) { if (is(u, h, (u + p) / 2 - (h - d) * r, (h + d) / 2 - (p - u) * r, p, d, o, t, e)) return a } else if (es(u, h, p, d, o, t, e)) return a; a++ } return -1 }, e.prototype.contain = function (t, e) { var n = this.transformCoordToLocal(t, e), i = this.getBoundingRect(); return t = n[0], e = n[1], i.contain(t, e) ? (this.hoverDataIdx = this.findDataIndex(t, e)) >= 0 : (this.hoverDataIdx = -1, !1) }, e.prototype.getBoundingRect = function () { var t = this._rect; if (!t) { for (var e = this.shape.segs, n = 1 / 0, i = 1 / 0, r = -1 / 0, o = -1 / 0, a = 0; a < e.length;) { var s = e[a++], l = e[a++]; n = Math.min(s, n), r = Math.max(s, r), i = Math.min(l, i), o = Math.max(l, o) } t = this._rect = new Re(n, i, r, o) } return t }, e }(_s), AP = function () { function t() { this.group = new Pr } return t.prototype.updateData = function (t) { this._clear(); var e = this._create(); e.setShape({ segs: t.getLayout("linesPoints") }), this._setCommon(e, t) }, t.prototype.incrementalPrepareUpdate = function (t) { this.group.removeAll(), this._clear() }, t.prototype.incrementalUpdate = function (t, e) { var n = this._newAdded[0], i = e.getLayout("linesPoints"), r = n && n.shape.segs; if (r && r.length < 2e4) { var o = r.length, a = new Float32Array(o + i.length); a.set(r), a.set(i, o), n.setShape({ segs: a }) } else { this._newAdded = []; var s = this._create(); s.incremental = !0, s.setShape({ segs: i }), this._setCommon(s, e), s.__startIndex = t.start } }, t.prototype.remove = function () { this._clear() }, t.prototype.eachRendered = function (t) { this._newAdded[0] && t(this._newAdded[0]) }, t.prototype._create = function () { var t = new DP({ cursor: "default", ignoreCoarsePointer: !0 }); return this._newAdded.push(t), this.group.add(t), t }, t.prototype._setCommon = function (t, e, n) { var i = e.hostModel; t.setShape({ polyline: i.get("polyline"), curveness: i.get(["lineStyle", "curveness"]) }), t.useStyle(i.getModel("lineStyle").getLineStyle()), t.style.strokeNoScale = !0; var r = e.getVisual("style"); r && r.stroke && t.setStyle("stroke", r.stroke), t.setStyle("fill", null); var o = js(t); o.seriesIndex = i.seriesIndex, t.on("mousemove", (function (e) { o.dataIndex = null; var n = t.hoverDataIdx; n > 0 && (o.dataIndex = n + t.__startIndex) })) }, t.prototype._clear = function () { this._newAdded = [], this.group.removeAll() }, t }(), kP = { seriesType: "lines", plan: xg(), reset: function (t) { var e = t.coordinateSystem; if (e) { var n = t.get("polyline"), i = t.pipelineContext.large; return { progress: function (r, o) { var a = []; if (i) { var s = void 0, l = r.end - r.start; if (n) { for (var u = 0, h = r.start; h < r.end; h++)u += t.getLineCoordsCount(h); s = new Float32Array(l + 2 * u) } else s = new Float32Array(4 * l); var c = 0, p = []; for (h = r.start; h < r.end; h++) { var d = t.getLineCoords(h, a); n && (s[c++] = d); for (var f = 0; f < d; f++)p = e.dataToPoint(a[f], !1, p), s[c++] = p[0], s[c++] = p[1] } o.setLayout("linesPoints", s) } else for (h = r.start; h < r.end; h++) { var g = o.getItemModel(h), y = (d = t.getLineCoords(h, a), []); if (n) for (var v = 0; v < d; v++)y.push(e.dataToPoint(a[v])); else { y[0] = e.dataToPoint(a[0]), y[1] = e.dataToPoint(a[1]); var m = g.get(["lineStyle", "curveness"]); +m && (y[2] = [(y[0][0] + y[1][0]) / 2 - (y[0][1] - y[1][1]) * m, (y[0][1] + y[1][1]) / 2 - (y[1][0] - y[0][0]) * m]) } o.setItemLayout(h, y) } } } } } }, LP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = t.getData(), r = this._updateLineDraw(i, t), o = t.get("zlevel"), a = t.get(["effect", "trailLength"]), s = n.getZr(), l = "svg" === s.painter.getType(); l || s.painter.getLayer(o).clear(!0), null == this._lastZlevel || l || s.configLayer(this._lastZlevel, { motionBlur: !1 }), this._showEffect(t) && a > 0 && (l || s.configLayer(o, { motionBlur: !0, lastFrameAlpha: Math.max(Math.min(a / 10 + .9, 1), 0) })), r.updateData(i); var u = t.get("clip", !0) && cS(t.coordinateSystem, !1, t); u ? this.group.setClipPath(u) : this.group.removeClipPath(), this._lastZlevel = o, this._finished = !0 }, e.prototype.incrementalPrepareRender = function (t, e, n) { var i = t.getData(); this._updateLineDraw(i, t).incrementalPrepareUpdate(i), this._clearLayer(n), this._finished = !1 }, e.prototype.incrementalRender = function (t, e, n) { this._lineDraw.incrementalUpdate(t, e.getData()), this._finished = t.end === e.getData().count() }, e.prototype.eachRendered = function (t) { this._lineDraw && this._lineDraw.eachRendered(t) }, e.prototype.updateTransform = function (t, e, n) { var i = t.getData(), r = t.pipelineContext; if (!this._finished || r.large || r.progressiveRender) return { update: !0 }; var o = kP.reset(t, e, n); o.progress && o.progress({ start: 0, end: i.count(), count: i.count() }, i), this._lineDraw.updateLayout(), this._clearLayer(n) }, e.prototype._updateLineDraw = function (t, e) { var n = this._lineDraw, i = this._showEffect(e), r = !!e.get("polyline"), o = e.pipelineContext.large; return n && i === this._hasEffet && r === this._isPolyline && o === this._isLargeDraw || (n && n.remove(), n = this._lineDraw = o ? new AP : new _A(r ? i ? TP : IP : i ? MP : xA), this._hasEffet = i, this._isPolyline = r, this._isLargeDraw = o), this.group.add(n.group), n }, e.prototype._showEffect = function (t) { return !!t.get(["effect", "show"]) }, e.prototype._clearLayer = function (t) { var e = t.getZr(); "svg" === e.painter.getType() || null == this._lastZlevel || e.painter.getLayer(this._lastZlevel).clear(!0) }, e.prototype.remove = function (t, e) { this._lineDraw && this._lineDraw.remove(), this._lineDraw = null, this._clearLayer(e) }, e.prototype.dispose = function (t, e) { this.remove(t, e) }, e.type = "lines", e }(wg), PP = "undefined" == typeof Uint32Array ? Array : Uint32Array, OP = "undefined" == typeof Float64Array ? Array : Float64Array; function RP(t) { var e = t.data; e && e[0] && e[0][0] && e[0][0].coord && (t.data = z(e, (function (t) { var e = { coords: [t[0].coord, t[1].coord] }; return t[0].name && (e.fromName = t[0].name), t[1].name && (e.toName = t[1].name), D([e, t[0], t[1]]) }))) } var NP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.visualStyleAccessPath = "lineStyle", n.visualDrawType = "stroke", n } return n(e, t), e.prototype.init = function (e) { e.data = e.data || [], RP(e); var n = this._processFlatCoordsArray(e.data); this._flatCoords = n.flatCoords, this._flatCoordsOffset = n.flatCoordsOffset, n.flatCoords && (e.data = new Float32Array(n.count)), t.prototype.init.apply(this, arguments) }, e.prototype.mergeOption = function (e) { if (RP(e), e.data) { var n = this._processFlatCoordsArray(e.data); this._flatCoords = n.flatCoords, this._flatCoordsOffset = n.flatCoordsOffset, n.flatCoords && (e.data = new Float32Array(n.count)) } t.prototype.mergeOption.apply(this, arguments) }, e.prototype.appendData = function (t) { var e = this._processFlatCoordsArray(t.data); e.flatCoords && (this._flatCoords ? (this._flatCoords = gt(this._flatCoords, e.flatCoords), this._flatCoordsOffset = gt(this._flatCoordsOffset, e.flatCoordsOffset)) : (this._flatCoords = e.flatCoords, this._flatCoordsOffset = e.flatCoordsOffset), t.data = new Float32Array(e.count)), this.getRawData().appendData(t.data) }, e.prototype._getCoordsFromItemModel = function (t) { var e = this.getData().getItemModel(t), n = e.option instanceof Array ? e.option : e.getShallow("coords"); return n }, e.prototype.getLineCoordsCount = function (t) { return this._flatCoordsOffset ? this._flatCoordsOffset[2 * t + 1] : this._getCoordsFromItemModel(t).length }, e.prototype.getLineCoords = function (t, e) { if (this._flatCoordsOffset) { for (var n = this._flatCoordsOffset[2 * t], i = this._flatCoordsOffset[2 * t + 1], r = 0; r < i; r++)e[r] = e[r] || [], e[r][0] = this._flatCoords[n + 2 * r], e[r][1] = this._flatCoords[n + 2 * r + 1]; return i } var o = this._getCoordsFromItemModel(t); for (r = 0; r < o.length; r++)e[r] = e[r] || [], e[r][0] = o[r][0], e[r][1] = o[r][1]; return o.length }, e.prototype._processFlatCoordsArray = function (t) { var e = 0; if (this._flatCoords && (e = this._flatCoords.length), j(t[0])) { for (var n = t.length, i = new PP(n), r = new OP(n), o = 0, a = 0, s = 0, l = 0; l < n;) { s++; var u = t[l++]; i[a++] = o + e, i[a++] = u; for (var h = 0; h < u; h++) { var c = t[l++], p = t[l++]; r[o++] = c, r[o++] = p } } return { flatCoordsOffset: new Uint32Array(i.buffer, 0, a), flatCoords: r, count: s } } return { flatCoordsOffset: null, flatCoords: null, count: t.length } }, e.prototype.getInitialData = function (t, e) { var n = new Jm(["value"], this); return n.hasItemOption = !1, n.initData(t.data, [], (function (t, e, i, r) { if (t instanceof Array) return NaN; n.hasItemOption = !0; var o = t.value; return null != o ? o instanceof Array ? o[r] : o : void 0 })), n }, e.prototype.formatTooltip = function (t, e, n) { var i = this.getData().getItemModel(t), r = i.get("name"); if (r) return r; var o = i.get("fromName"), a = i.get("toName"), s = []; return null != o && s.push(o), null != a && s.push(a), qf("nameValue", { name: s.join(" > ") }) }, e.prototype.preventIncremental = function () { return !!this.get(["effect", "show"]) }, e.prototype.getProgressive = function () { var t = this.option.progressive; return null == t ? this.option.large ? 1e4 : this.get("progressive") : t }, e.prototype.getProgressiveThreshold = function () { var t = this.option.progressiveThreshold; return null == t ? this.option.large ? 2e4 : this.get("progressiveThreshold") : t }, e.prototype.getZLevelKey = function () { var t = this.getModel("effect"), e = t.get("trailLength"); return this.getData().count() > this.getProgressiveThreshold() ? this.id : t.get("show") && e > 0 ? e + "" : "" }, e.type = "series.lines", e.dependencies = ["grid", "polar", "geo", "calendar"], e.defaultOption = { coordinateSystem: "geo", z: 2, legendHoverLink: !0, xAxisIndex: 0, yAxisIndex: 0, symbol: ["none", "none"], symbolSize: [10, 10], geoIndex: 0, effect: { show: !1, period: 4, constantSpeed: 0, symbol: "circle", symbolSize: 3, loop: !0, trailLength: .2 }, large: !1, largeThreshold: 2e3, polyline: !1, clip: !0, label: { show: !1, position: "end" }, lineStyle: { opacity: .5 } }, e }(hg); function EP(t) { return t instanceof Array || (t = [t, t]), t } var zP = { seriesType: "lines", reset: function (t) { var e = EP(t.get("symbol")), n = EP(t.get("symbolSize")), i = t.getData(); return i.setVisual("fromSymbol", e && e[0]), i.setVisual("toSymbol", e && e[1]), i.setVisual("fromSymbolSize", n && n[0]), i.setVisual("toSymbolSize", n && n[1]), { dataEach: i.hasItemOption ? function (t, e) { var n = t.getItemModel(e), i = EP(n.getShallow("symbol", !0)), r = EP(n.getShallow("symbolSize", !0)); i[0] && t.setItemVisual(e, "fromSymbol", i[0]), i[1] && t.setItemVisual(e, "toSymbol", i[1]), r[0] && t.setItemVisual(e, "fromSymbolSize", r[0]), r[1] && t.setItemVisual(e, "toSymbolSize", r[1]) } : null } } }; var VP = function () { function t() { this.blurSize = 30, this.pointSize = 20, this.maxOpacity = 1, this.minOpacity = 0, this._gradientPixels = { inRange: null, outOfRange: null }; var t = h.createCanvas(); this.canvas = t } return t.prototype.update = function (t, e, n, i, r, o) { var a = this._getBrush(), s = this._getGradient(r, "inRange"), l = this._getGradient(r, "outOfRange"), u = this.pointSize + this.blurSize, h = this.canvas, c = h.getContext("2d"), p = t.length; h.width = e, h.height = n; for (var d = 0; d < p; ++d) { var f = t[d], g = f[0], y = f[1], v = i(f[2]); c.globalAlpha = v, c.drawImage(a, g - u, y - u) } if (!h.width || !h.height) return h; for (var m = c.getImageData(0, 0, h.width, h.height), x = m.data, _ = 0, b = x.length, w = this.minOpacity, S = this.maxOpacity - w; _ < b;) { v = x[_ + 3] / 256; var M = 4 * Math.floor(255 * v); if (v > 0) { var I = o(v) ? s : l; v > 0 && (v = v * S + w), x[_++] = I[M], x[_++] = I[M + 1], x[_++] = I[M + 2], x[_++] = I[M + 3] * v * 256 } else _ += 4 } return c.putImageData(m, 0, 0), h }, t.prototype._getBrush = function () { var t = this._brushCanvas || (this._brushCanvas = h.createCanvas()), e = this.pointSize + this.blurSize, n = 2 * e; t.width = n, t.height = n; var i = t.getContext("2d"); return i.clearRect(0, 0, n, n), i.shadowOffsetX = n, i.shadowBlur = this.blurSize, i.shadowColor = "#000", i.beginPath(), i.arc(-e, e, this.pointSize, 0, 2 * Math.PI, !0), i.closePath(), i.fill(), t }, t.prototype._getGradient = function (t, e) { for (var n = this._gradientPixels, i = n[e] || (n[e] = new Uint8ClampedArray(1024)), r = [0, 0, 0, 0], o = 0, a = 0; a < 256; a++)t[e](a / 255, !0, r), i[o++] = r[0], i[o++] = r[1], i[o++] = r[2], i[o++] = r[3]; return i }, t }(); function BP(t) { var e = t.dimensions; return "lng" === e[0] && "lat" === e[1] } var FP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i; e.eachComponent("visualMap", (function (e) { e.eachTargetSeries((function (n) { n === t && (i = e) })) })), this._progressiveEls = null, this.group.removeAll(); var r = t.coordinateSystem; "cartesian2d" === r.type || "calendar" === r.type ? this._renderOnCartesianAndCalendar(t, n, 0, t.getData().count()) : BP(r) && this._renderOnGeo(r, t, i, n) }, e.prototype.incrementalPrepareRender = function (t, e, n) { this.group.removeAll() }, e.prototype.incrementalRender = function (t, e, n, i) { var r = e.coordinateSystem; r && (BP(r) ? this.render(e, n, i) : (this._progressiveEls = [], this._renderOnCartesianAndCalendar(e, i, t.start, t.end, !0))) }, e.prototype.eachRendered = function (t) { Yh(this._progressiveEls || this.group, t) }, e.prototype._renderOnCartesianAndCalendar = function (t, e, n, i, r) { var o, a, s, l, u = t.coordinateSystem, h = pS(u, "cartesian2d"); if (h) { var c = u.getAxis("x"), p = u.getAxis("y"); 0, o = c.getBandWidth() + .5, a = p.getBandWidth() + .5, s = c.scale.getExtent(), l = p.scale.getExtent() } for (var d = this.group, f = t.getData(), g = t.getModel(["emphasis", "itemStyle"]).getItemStyle(), y = t.getModel(["blur", "itemStyle"]).getItemStyle(), v = t.getModel(["select", "itemStyle"]).getItemStyle(), m = t.get(["itemStyle", "borderRadius"]), x = Kh(t), _ = t.getModel("emphasis"), b = _.get("focus"), w = _.get("blurScope"), S = _.get("disabled"), M = h ? [f.mapDimension("x"), f.mapDimension("y"), f.mapDimension("value")] : [f.mapDimension("time"), f.mapDimension("value")], I = n; I < i; I++) { var T = void 0, C = f.getItemVisual(I, "style"); if (h) { var D = f.get(M[0], I), A = f.get(M[1], I); if (isNaN(f.get(M[2], I)) || D < s[0] || D > s[1] || A < l[0] || A > l[1]) continue; var k = u.dataToPoint([D, A]); T = new Ps({ shape: { x: k[0] - o / 2, y: k[1] - a / 2, width: o, height: a }, style: C }) } else { if (isNaN(f.get(M[1], I))) continue; T = new Ps({ z2: 1, shape: u.dataToRect([f.get(M[0], I)]).contentShape, style: C }) } if (f.hasItemOption) { var L = f.getItemModel(I), P = L.getModel("emphasis"); g = P.getModel("itemStyle").getItemStyle(), y = L.getModel(["blur", "itemStyle"]).getItemStyle(), v = L.getModel(["select", "itemStyle"]).getItemStyle(), m = L.get(["itemStyle", "borderRadius"]), b = P.get("focus"), w = P.get("blurScope"), S = P.get("disabled"), x = Kh(L) } T.shape.r = m; var O = t.getRawValue(I), R = "-"; O && null != O[2] && (R = O[2] + ""), qh(T, x, { labelFetcher: t, labelDataIndex: I, defaultOpacity: C.opacity, defaultText: R }), T.ensureState("emphasis").style = g, T.ensureState("blur").style = y, T.ensureState("select").style = v, Bl(T, b, w, S), T.incremental = r, r && (T.states.emphasis.hoverLayer = !0), d.add(T), f.setItemGraphicEl(I, T), this._progressiveEls && this._progressiveEls.push(T) } }, e.prototype._renderOnGeo = function (t, e, n, i) { var r = n.targetVisuals.inRange, o = n.targetVisuals.outOfRange, a = e.getData(), s = this._hmLayer || this._hmLayer || new VP; s.blurSize = e.get("blurSize"), s.pointSize = e.get("pointSize"), s.minOpacity = e.get("minOpacity"), s.maxOpacity = e.get("maxOpacity"); var l = t.getViewRect().clone(), u = t.getRoamTransform(); l.applyTransform(u); var h = Math.max(l.x, 0), c = Math.max(l.y, 0), p = Math.min(l.width + l.x, i.getWidth()), d = Math.min(l.height + l.y, i.getHeight()), f = p - h, g = d - c, y = [a.mapDimension("lng"), a.mapDimension("lat"), a.mapDimension("value")], v = a.mapArray(y, (function (e, n, i) { var r = t.dataToPoint([e, n]); return r[0] -= h, r[1] -= c, r.push(i), r })), m = n.getExtent(), x = "visualMap.continuous" === n.type ? function (t, e) { var n = t[1] - t[0]; return e = [(e[0] - t[0]) / n, (e[1] - t[0]) / n], function (t) { return t >= e[0] && t <= e[1] } }(m, n.option.range) : function (t, e, n) { var i = t[1] - t[0], r = (e = z(e, (function (e) { return { interval: [(e.interval[0] - t[0]) / i, (e.interval[1] - t[0]) / i] } }))).length, o = 0; return function (t) { var i; for (i = o; i < r; i++)if ((a = e[i].interval)[0] <= t && t <= a[1]) { o = i; break } if (i === r) for (i = o - 1; i >= 0; i--) { var a; if ((a = e[i].interval)[0] <= t && t <= a[1]) { o = i; break } } return i >= 0 && i < r && n[i] } }(m, n.getPieceList(), n.option.selected); s.update(v, f, g, r.color.getNormalizer(), { inRange: r.color.getColorMapper(), outOfRange: o.color.getColorMapper() }, x); var _ = new Is({ style: { width: f, height: g, x: h, y: c, image: s.canvas }, silent: !0 }); this.group.add(_) }, e.type = "heatmap", e }(wg), GP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.getInitialData = function (t, e) { return sx(null, this, { generateCoord: "value" }) }, e.prototype.preventIncremental = function () { var t = dd.get(this.get("coordinateSystem")); if (t && t.dimensions) return "lng" === t.dimensions[0] && "lat" === t.dimensions[1] }, e.type = "series.heatmap", e.dependencies = ["grid", "geo", "calendar"], e.defaultOption = { coordinateSystem: "cartesian2d", z: 2, geoIndex: 0, blurSize: 30, pointSize: 20, maxOpacity: 1, minOpacity: 0, select: { itemStyle: { borderColor: "#212121" } } }, e }(hg); var WP = ["itemStyle", "borderWidth"], HP = [{ xy: "x", wh: "width", index: 0, posDesc: ["left", "right"] }, { xy: "y", wh: "height", index: 1, posDesc: ["top", "bottom"] }], YP = new gu, UP = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = this.group, r = t.getData(), o = this._data, a = t.coordinateSystem, s = a.getBaseAxis().isHorizontal(), l = a.master.getRect(), u = { ecSize: { width: n.getWidth(), height: n.getHeight() }, seriesModel: t, coordSys: a, coordSysExtent: [[l.x, l.x + l.width], [l.y, l.y + l.height]], isHorizontal: s, valueDim: HP[+s], categoryDim: HP[1 - +s] }; return r.diff(o).add((function (t) { if (r.hasValue(t)) { var e = QP(r, t), n = XP(r, t, e, u), o = nO(r, u, n); r.setItemGraphicEl(t, o), i.add(o), sO(o, u, n) } })).update((function (t, e) { var n = o.getItemGraphicEl(e); if (r.hasValue(t)) { var a = QP(r, t), s = XP(r, t, a, u), l = rO(r, s); n && l !== n.__pictorialShapeStr && (i.remove(n), r.setItemGraphicEl(t, null), n = null), n ? function (t, e, n) { var i = n.animationModel, r = n.dataIndex; uh(t.__pictorialBundle, { x: n.bundlePosition[0], y: n.bundlePosition[1] }, i, r), n.symbolRepeat ? qP(t, e, n, !0) : KP(t, e, n, !0); $P(t, n, !0), JP(t, e, n, !0) }(n, u, s) : n = nO(r, u, s, !0), r.setItemGraphicEl(t, n), n.__pictorialSymbolMeta = s, i.add(n), sO(n, u, s) } else i.remove(n) })).remove((function (t) { var e = o.getItemGraphicEl(t); e && iO(o, t, e.__pictorialSymbolMeta.animationModel, e) })).execute(), this._data = r, this.group }, e.prototype.remove = function (t, e) { var n = this.group, i = this._data; t.get("animation") ? i && i.eachItemGraphicEl((function (e) { iO(i, js(e).dataIndex, t, e) })) : n.removeAll() }, e.type = "pictorialBar", e }(wg); function XP(t, e, n, i) { var r = t.getItemLayout(e), o = n.get("symbolRepeat"), a = n.get("symbolClip"), s = n.get("symbolPosition") || "start", l = (n.get("symbolRotate") || 0) * Math.PI / 180 || 0, u = n.get("symbolPatternSize") || 2, h = n.isAnimationEnabled(), c = { dataIndex: e, layout: r, itemModel: n, symbolType: t.getItemVisual(e, "symbol") || "circle", style: t.getItemVisual(e, "style"), symbolClip: a, symbolRepeat: o, symbolRepeatDirection: n.get("symbolRepeatDirection"), symbolPatternSize: u, rotation: l, animationModel: h ? n : null, hoverScale: h && n.get(["emphasis", "scale"]), z2: n.getShallow("z", !0) || 0 }; !function (t, e, n, i, r) { var o, a = i.valueDim, s = t.get("symbolBoundingData"), l = i.coordSys.getOtherAxis(i.coordSys.getBaseAxis()), u = l.toGlobalCoord(l.dataToCoord(0)), h = 1 - +(n[a.wh] <= 0); if (Y(s)) { var c = [ZP(l, s[0]) - u, ZP(l, s[1]) - u]; c[1] < c[0] && c.reverse(), o = c[h] } else o = null != s ? ZP(l, s) - u : e ? i.coordSysExtent[a.index][h] - u : n[a.wh]; r.boundingLength = o, e && (r.repeatCutLength = n[a.wh]); r.pxSign = o > 0 ? 1 : -1 }(n, o, r, i, c), function (t, e, n, i, r, o, a, s, l, u) { var h, c = l.valueDim, p = l.categoryDim, d = Math.abs(n[p.wh]), f = t.getItemVisual(e, "symbolSize"); h = Y(f) ? f.slice() : null == f ? ["100%", "100%"] : [f, f]; h[p.index] = Gr(h[p.index], d), h[c.index] = Gr(h[c.index], i ? d : Math.abs(o)), u.symbolSize = h, (u.symbolScale = [h[0] / s, h[1] / s])[c.index] *= (l.isHorizontal ? -1 : 1) * a }(t, e, r, o, 0, c.boundingLength, c.pxSign, u, i, c), function (t, e, n, i, r) { var o = t.get(WP) || 0; o && (YP.attr({ scaleX: e[0], scaleY: e[1], rotation: n }), YP.updateTransform(), o /= YP.getLineScale(), o *= e[i.valueDim.index]); r.valueLineWidth = o || 0 }(n, c.symbolScale, l, i, c); var p = c.symbolSize, d = Ey(n.get("symbolOffset"), p); return function (t, e, n, i, r, o, a, s, l, u, h, c) { var p = h.categoryDim, d = h.valueDim, f = c.pxSign, g = Math.max(e[d.index] + s, 0), y = g; if (i) { var v = Math.abs(l), m = it(t.get("symbolMargin"), "15%") + "", x = !1; m.lastIndexOf("!") === m.length - 1 && (x = !0, m = m.slice(0, m.length - 1)); var _ = Gr(m, e[d.index]), b = Math.max(g + 2 * _, 0), w = x ? 0 : 2 * _, S = ao(i), M = S ? i : lO((v + w) / b); b = g + 2 * (_ = (v - M * g) / 2 / (x ? M : Math.max(M - 1, 1))), w = x ? 0 : 2 * _, S || "fixed" === i || (M = u ? lO((Math.abs(u) + w) / b) : 0), y = M * b - w, c.repeatTimes = M, c.symbolMargin = _ } var I = f * (y / 2), T = c.pathPosition = []; T[p.index] = n[p.wh] / 2, T[d.index] = "start" === a ? I : "end" === a ? l - I : l / 2, o && (T[0] += o[0], T[1] += o[1]); var C = c.bundlePosition = []; C[p.index] = n[p.xy], C[d.index] = n[d.xy]; var D = c.barRectShape = A({}, n); D[d.wh] = f * Math.max(Math.abs(n[d.wh]), Math.abs(T[d.index] + I)), D[p.wh] = n[p.wh]; var k = c.clipShape = {}; k[p.xy] = -n[p.xy], k[p.wh] = h.ecSize[p.wh], k[d.xy] = 0, k[d.wh] = n[d.wh] }(n, p, r, o, 0, d, s, c.valueLineWidth, c.boundingLength, c.repeatCutLength, i, c), c } function ZP(t, e) { return t.toGlobalCoord(t.dataToCoord(t.scale.parse(e))) } function jP(t) { var e = t.symbolPatternSize, n = Ry(t.symbolType, -e / 2, -e / 2, e, e); return n.attr({ culling: !0 }), "image" !== n.type && n.setStyle({ strokeNoScale: !0 }), n } function qP(t, e, n, i) { var r = t.__pictorialBundle, o = n.symbolSize, a = n.valueLineWidth, s = n.pathPosition, l = e.valueDim, u = n.repeatTimes || 0, h = 0, c = o[e.valueDim.index] + a + 2 * n.symbolMargin; for (oO(t, (function (t) { t.__pictorialAnimationIndex = h, t.__pictorialRepeatTimes = u, h < u ? aO(t, null, f(h), n, i) : aO(t, null, { scaleX: 0, scaleY: 0 }, n, i, (function () { r.remove(t) })), h++ })); h < u; h++) { var p = jP(n); p.__pictorialAnimationIndex = h, p.__pictorialRepeatTimes = u, r.add(p); var d = f(h); aO(p, { x: d.x, y: d.y, scaleX: 0, scaleY: 0 }, { scaleX: d.scaleX, scaleY: d.scaleY, rotation: d.rotation }, n, i) } function f(t) { var e = s.slice(), i = n.pxSign, r = t; return ("start" === n.symbolRepeatDirection ? i > 0 : i < 0) && (r = u - 1 - t), e[l.index] = c * (r - u / 2 + .5) + s[l.index], { x: e[0], y: e[1], scaleX: n.symbolScale[0], scaleY: n.symbolScale[1], rotation: n.rotation } } } function KP(t, e, n, i) { var r = t.__pictorialBundle, o = t.__pictorialMainPath; o ? aO(o, null, { x: n.pathPosition[0], y: n.pathPosition[1], scaleX: n.symbolScale[0], scaleY: n.symbolScale[1], rotation: n.rotation }, n, i) : (o = t.__pictorialMainPath = jP(n), r.add(o), aO(o, { x: n.pathPosition[0], y: n.pathPosition[1], scaleX: 0, scaleY: 0, rotation: n.rotation }, { scaleX: n.symbolScale[0], scaleY: n.symbolScale[1] }, n, i)) } function $P(t, e, n) { var i = A({}, e.barRectShape), r = t.__pictorialBarRect; r ? aO(r, null, { shape: i }, e, n) : ((r = t.__pictorialBarRect = new Ps({ z2: 2, shape: i, silent: !0, style: { stroke: "transparent", fill: "transparent", lineWidth: 0 } })).disableMorphing = !0, t.add(r)) } function JP(t, e, n, i) { if (n.symbolClip) { var r = t.__pictorialClipPath, o = A({}, n.clipShape), a = e.valueDim, s = n.animationModel, l = n.dataIndex; if (r) uh(r, { shape: o }, s, l); else { o[a.wh] = 0, r = new Ps({ shape: o }), t.__pictorialBundle.setClipPath(r), t.__pictorialClipPath = r; var u = {}; u[a.wh] = n.clipShape[a.wh], Uh[i ? "updateProps" : "initProps"](r, { shape: u }, s, l) } } } function QP(t, e) { var n = t.getItemModel(e); return n.getAnimationDelayParams = tO, n.isAnimationEnabled = eO, n } function tO(t) { return { index: t.__pictorialAnimationIndex, count: t.__pictorialRepeatTimes } } function eO() { return this.parentModel.isAnimationEnabled() && !!this.getShallow("animation") } function nO(t, e, n, i) { var r = new Pr, o = new Pr; return r.add(o), r.__pictorialBundle = o, o.x = n.bundlePosition[0], o.y = n.bundlePosition[1], n.symbolRepeat ? qP(r, e, n) : KP(r, 0, n), $P(r, n, i), JP(r, e, n, i), r.__pictorialShapeStr = rO(t, n), r.__pictorialSymbolMeta = n, r } function iO(t, e, n, i) { var r = i.__pictorialBarRect; r && r.removeTextContent(); var o = []; oO(i, (function (t) { o.push(t) })), i.__pictorialMainPath && o.push(i.__pictorialMainPath), i.__pictorialClipPath && (n = null), E(o, (function (t) { ph(t, { scaleX: 0, scaleY: 0 }, n, e, (function () { i.parent && i.parent.remove(i) })) })), t.setItemGraphicEl(e, null) } function rO(t, e) { return [t.getItemVisual(e.dataIndex, "symbol") || "none", !!e.symbolRepeat, !!e.symbolClip].join(":") } function oO(t, e, n) { E(t.__pictorialBundle.children(), (function (i) { i !== t.__pictorialBarRect && e.call(n, i) })) } function aO(t, e, n, i, r, o) { e && t.attr(e), i.symbolClip && !r ? n && t.attr(n) : n && Uh[r ? "updateProps" : "initProps"](t, n, i.animationModel, i.dataIndex, o) } function sO(t, e, n) { var i = n.dataIndex, r = n.itemModel, o = r.getModel("emphasis"), a = o.getModel("itemStyle").getItemStyle(), s = r.getModel(["blur", "itemStyle"]).getItemStyle(), l = r.getModel(["select", "itemStyle"]).getItemStyle(), u = r.getShallow("cursor"), h = o.get("focus"), c = o.get("blurScope"), p = o.get("scale"); oO(t, (function (t) { if (t instanceof Is) { var e = t.style; t.useStyle(A({ image: e.image, x: e.x, y: e.y, width: e.width, height: e.height }, n.style)) } else t.useStyle(n.style); var i = t.ensureState("emphasis"); i.style = a, p && (i.scaleX = 1.1 * t.scaleX, i.scaleY = 1.1 * t.scaleY), t.ensureState("blur").style = s, t.ensureState("select").style = l, u && (t.cursor = u), t.z2 = n.z2 })); var d = e.valueDim.posDesc[+(n.boundingLength > 0)]; qh(t.__pictorialBarRect, Kh(r), { labelFetcher: e.seriesModel, labelDataIndex: i, defaultText: Uw(e.seriesModel.getData(), i), inheritColor: n.style.fill, defaultOpacity: n.style.opacity, defaultOutsidePosition: d }), Bl(t, h, c, o.get("disabled")) } function lO(t) { var e = Math.round(t); return Math.abs(t - e) < 1e-4 ? e : Math.ceil(t) } var uO = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.hasSymbolVisual = !0, n.defaultSymbol = "roundRect", n } return n(e, t), e.prototype.getInitialData = function (e) { return e.stack = null, t.prototype.getInitialData.apply(this, arguments) }, e.type = "series.pictorialBar", e.dependencies = ["grid"], e.defaultOption = wc(DS.defaultOption, { symbol: "circle", symbolSize: null, symbolRotate: null, symbolPosition: null, symbolOffset: null, symbolMargin: null, symbolRepeat: !1, symbolRepeatDirection: "end", symbolClip: !1, symbolBoundingData: null, symbolPatternSize: 400, barGap: "-100%", progressive: 0, emphasis: { scale: !1 }, select: { itemStyle: { borderColor: "#212121" } } }), e }(DS); var hO = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._layers = [], n } return n(e, t), e.prototype.render = function (t, e, n) { var i = t.getData(), r = this, o = this.group, a = t.getLayerSeries(), s = i.getLayout("layoutInfo"), l = s.rect, u = s.boundaryGap; function h(t) { return t.name } o.x = 0, o.y = l.y + u[0]; var c = new Dm(this._layersSeries || [], a, h, h), p = []; function d(e, n, s) { var l = r._layers; if ("remove" !== e) { for (var u, h, c = [], d = [], f = a[n].indices, g = 0; g < f.length; g++) { var y = i.getItemLayout(f[g]), v = y.x, m = y.y0, x = y.y; c.push(v, m), d.push(v, m + x), u = i.getItemVisual(f[g], "style") } var _ = i.getItemLayout(f[0]), b = t.getModel("label").get("margin"), w = t.getModel("emphasis"); if ("add" === e) { var S = p[n] = new Pr; h = new lS({ shape: { points: c, stackedOnPoints: d, smooth: .4, stackedOnSmooth: .4, smoothConstraint: !1 }, z2: 0 }), S.add(h), o.add(S), t.isAnimationEnabled() && h.setClipPath(function (t, e, n) { var i = new Ps({ shape: { x: t.x - 10, y: t.y - 10, width: 0, height: t.height + 20 } }); return hh(i, { shape: { x: t.x - 50, width: t.width + 100, height: t.height + 20 } }, e, n), i }(h.getBoundingRect(), t, (function () { h.removeClipPath() }))) } else { S = l[s]; h = S.childAt(0), o.add(S), p[n] = S, uh(h, { shape: { points: c, stackedOnPoints: d } }, t), gh(h) } qh(h, Kh(t), { labelDataIndex: f[g - 1], defaultText: i.getName(f[g - 1]), inheritColor: u.fill }, { normal: { verticalAlign: "middle" } }), h.setTextConfig({ position: null, local: !0 }); var M = h.getTextContent(); M && (M.x = _.x - b, M.y = _.y0 + _.y / 2), h.useStyle(u), i.setItemGraphicEl(n, h), Hl(h, t), Bl(h, w.get("focus"), w.get("blurScope"), w.get("disabled")) } else o.remove(l[n]) } c.add(W(d, this, "add")).update(W(d, this, "update")).remove(W(d, this, "remove")).execute(), this._layersSeries = a, this._layers = p }, e.type = "themeRiver", e }(wg); var cO = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (e) { t.prototype.init.apply(this, arguments), this.legendVisualProvider = new dM(W(this.getData, this), W(this.getRawData, this)) }, e.prototype.fixData = function (t) { var e = t.length, n = {}, i = Eo(t, (function (t) { return n.hasOwnProperty(t[0] + "") || (n[t[0] + ""] = -1), t[2] })), r = []; i.buckets.each((function (t, e) { r.push({ name: e, dataList: t }) })); for (var o = r.length, a = 0; a < o; ++a) { for (var s = r[a].name, l = 0; l < r[a].dataList.length; ++l) { var u = r[a].dataList[l][0] + ""; n[u] = a } for (var u in n) n.hasOwnProperty(u) && n[u] !== a && (n[u] = a, t[e] = [u, 0, s], e++) } return t }, e.prototype.getInitialData = function (t, e) { for (var n = this.getReferringComponents("singleAxis", Po).models[0].get("type"), i = B(t.data, (function (t) { return void 0 !== t[2] })), r = this.fixData(i || []), o = [], a = this.nameMap = ft(), s = 0, l = 0; l < r.length; ++l)o.push(r[l][2]), a.get(r[l][2]) || (a.set(r[l][2], s), s++); var u = Qm(r, { coordDimensions: ["single"], dimensionsDefine: [{ name: "time", type: Lm(n) }, { name: "value", type: "float" }, { name: "name", type: "ordinal" }], encodeDefine: { single: 0, value: 1, itemName: 2 } }).dimensions, h = new Jm(u, this); return h.initData(r), h }, e.prototype.getLayerSeries = function () { for (var t = this.getData(), e = t.count(), n = [], i = 0; i < e; ++i)n[i] = i; var r = t.mapDimension("single"), o = Eo(n, (function (e) { return t.get("name", e) })), a = []; return o.buckets.each((function (e, n) { e.sort((function (e, n) { return t.get(r, e) - t.get(r, n) })), a.push({ name: n, indices: e }) })), a }, e.prototype.getAxisTooltipData = function (t, e, n) { Y(t) || (t = t ? [t] : []); for (var i, r = this.getData(), o = this.getLayerSeries(), a = [], s = o.length, l = 0; l < s; ++l) { for (var u = Number.MAX_VALUE, h = -1, c = o[l].indices.length, p = 0; p < c; ++p) { var d = r.get(t[0], o[l].indices[p]), f = Math.abs(d - e); f <= u && (i = d, u = f, h = o[l].indices[p]) } a.push(h) } return { dataIndices: a, nestestValue: i } }, e.prototype.formatTooltip = function (t, e, n) { var i = this.getData(); return qf("nameValue", { name: i.getName(t), value: i.get(i.mapDimension("value"), t) }) }, e.type = "series.themeRiver", e.dependencies = ["singleAxis"], e.defaultOption = { z: 2, colorBy: "data", coordinateSystem: "singleAxis", boundaryGap: ["10%", "10%"], singleAxisIndex: 0, animationEasing: "linear", label: { margin: 4, show: !0, position: "left", fontSize: 11 }, emphasis: { label: { show: !0 } } }, e }(hg); function pO(t, e) { t.eachSeriesByType("themeRiver", (function (t) { var e = t.getData(), n = t.coordinateSystem, i = {}, r = n.getRect(); i.rect = r; var o = t.get("boundaryGap"), a = n.getAxis(); (i.boundaryGap = o, "horizontal" === a.orient) ? (o[0] = Gr(o[0], r.height), o[1] = Gr(o[1], r.height), dO(e, t, r.height - o[0] - o[1])) : (o[0] = Gr(o[0], r.width), o[1] = Gr(o[1], r.width), dO(e, t, r.width - o[0] - o[1])); e.setLayout("layoutInfo", i) })) } function dO(t, e, n) { if (t.count()) for (var i, r = e.coordinateSystem, o = e.getLayerSeries(), a = t.mapDimension("single"), s = t.mapDimension("value"), l = z(o, (function (e) { return z(e.indices, (function (e) { var n = r.dataToPoint(t.get(a, e)); return n[1] = t.get(s, e), n })) })), u = function (t) { for (var e = t.length, n = t[0].length, i = [], r = [], o = 0, a = 0; a < n; ++a) { for (var s = 0, l = 0; l < e; ++l)s += t[l][a][1]; s > o && (o = s), i.push(s) } for (var u = 0; u < n; ++u)r[u] = (o - i[u]) / 2; o = 0; for (var h = 0; h < n; ++h) { var c = i[h] + r[h]; c > o && (o = c) } return { y0: r, max: o } }(l), h = u.y0, c = n / u.max, p = o.length, d = o[0].indices.length, f = 0; f < d; ++f) { i = h[f] * c, t.setItemLayout(o[0].indices[f], { layerIndex: 0, x: l[0][f][0], y0: i, y: l[0][f][1] * c }); for (var g = 1; g < p; ++g)i += l[g - 1][f][1] * c, t.setItemLayout(o[g].indices[f], { layerIndex: g, x: l[g][f][0], y0: i, y: l[g][f][1] * c }) } } var fO = function (t) { function e(e, n, i, r) { var o = t.call(this) || this; o.z2 = 2, o.textConfig = { inside: !0 }, js(o).seriesIndex = n.seriesIndex; var a = new Ns({ z2: 4, silent: e.getModel().get(["label", "silent"]) }); return o.setTextContent(a), o.updateData(!0, e, n, i, r), o } return n(e, t), e.prototype.updateData = function (t, e, n, i, r) { this.node = e, e.piece = this, n = n || this._seriesModel, i = i || this._ecModel; var o = this; js(o).dataIndex = e.dataIndex; var a = e.getModel(), s = a.getModel("emphasis"), l = e.getLayout(), u = A({}, l); u.label = null; var h = e.getVisual("style"); h.lineJoin = "bevel"; var c = e.getVisual("decal"); c && (h.decal = sv(c, r)); var p = uM(a.getModel("itemStyle"), u, !0); A(u, p), E(tl, (function (t) { var e = o.ensureState(t), n = a.getModel([t, "itemStyle"]); e.style = n.getItemStyle(); var i = uM(n, u); i && (e.shape = i) })), t ? (o.setShape(u), o.shape.r = l.r0, uh(o, { shape: { r: l.r } }, n, e.dataIndex)) : (uh(o, { shape: u }, n), gh(o)), o.useStyle(h), this._updateLabel(n); var d = a.getShallow("cursor"); d && o.attr("cursor", d), this._seriesModel = n || this._seriesModel, this._ecModel = i || this._ecModel; var f = s.get("focus"); Bl(this, "ancestor" === f ? e.getAncestorsIndices() : "descendant" === f ? e.getDescendantIndices() : f, s.get("blurScope"), s.get("disabled")) }, e.prototype._updateLabel = function (t) { var e = this, n = this.node.getModel(), i = n.getModel("label"), r = this.node.getLayout(), o = r.endAngle - r.startAngle, a = (r.startAngle + r.endAngle) / 2, s = Math.cos(a), l = Math.sin(a), u = this, h = u.getTextContent(), c = this.node.dataIndex, p = i.get("minAngle") / 180 * Math.PI, d = i.get("show") && !(null != p && Math.abs(o) < p); function f(t, e) { var n = t.get(e); return null == n ? i.get(e) : n } h.ignore = !d, E(el, (function (i) { var p = "normal" === i ? n.getModel("label") : n.getModel([i, "label"]), d = "normal" === i, g = d ? h : h.ensureState(i), y = t.getFormattedLabel(c, i); d && (y = y || e.node.name), g.style = $h(p, {}, null, "normal" !== i, !0), y && (g.style.text = y); var v = p.get("show"); null == v || d || (g.ignore = !v); var m, x = f(p, "position"), _ = d ? u : u.states[i], b = _.style.fill; _.textConfig = { outsideFill: "inherit" === p.get("color") ? b : null, inside: "outside" !== x }; var w = f(p, "distance") || 0, S = f(p, "align"); "outside" === x ? (m = r.r + w, S = a > Math.PI / 2 ? "right" : "left") : S && "center" !== S ? "left" === S ? (m = r.r0 + w, a > Math.PI / 2 && (S = "right")) : "right" === S && (m = r.r - w, a > Math.PI / 2 && (S = "left")) : (m = o === 2 * Math.PI && 0 === r.r0 ? 0 : (r.r + r.r0) / 2, S = "center"), g.style.align = S, g.style.verticalAlign = f(p, "verticalAlign") || "middle", g.x = m * s + r.cx, g.y = m * l + r.cy; var M = f(p, "rotate"), I = 0; "radial" === M ? (I = -a) < -Math.PI / 2 && (I += Math.PI) : "tangential" === M ? (I = Math.PI / 2 - a) > Math.PI / 2 ? I -= Math.PI : I < -Math.PI / 2 && (I += Math.PI) : j(M) && (I = M * Math.PI / 180), g.rotation = I })), h.dirtyStyle() }, e }(Pu), gO = "sunburstRootToNode", yO = "sunburstHighlight"; var vO = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n, i) { var r = this; this.seriesModel = t, this.api = n, this.ecModel = e; var o = t.getData(), a = o.tree.root, s = t.getViewRoot(), l = this.group, u = t.get("renderLabelForZeroData"), h = []; s.eachNode((function (t) { h.push(t) })); var c = this._oldChildren || []; !function (i, r) { if (0 === i.length && 0 === r.length) return; function s(t) { return t.getId() } function h(s, h) { !function (i, r) { u || !i || i.getValue() || (i = null); if (i !== a && r !== a) if (r && r.piece) i ? (r.piece.updateData(!1, i, t, e, n), o.setItemGraphicEl(i.dataIndex, r.piece)) : function (t) { if (!t) return; t.piece && (l.remove(t.piece), t.piece = null) }(r); else if (i) { var s = new fO(i, t, e, n); l.add(s), o.setItemGraphicEl(i.dataIndex, s) } }(null == s ? null : i[s], null == h ? null : r[h]) } new Dm(r, i, s, s).add(h).update(h).remove(H(h, null)).execute() }(h, c), function (i, o) { o.depth > 0 ? (r.virtualPiece ? r.virtualPiece.updateData(!1, i, t, e, n) : (r.virtualPiece = new fO(i, t, e, n), l.add(r.virtualPiece)), o.piece.off("click"), r.virtualPiece.on("click", (function (t) { r._rootToNode(o.parentNode) }))) : r.virtualPiece && (l.remove(r.virtualPiece), r.virtualPiece = null) }(a, s), this._initEvents(), this._oldChildren = h }, e.prototype._initEvents = function () { var t = this; this.group.off("click"), this.group.on("click", (function (e) { var n = !1; t.seriesModel.getViewRoot().eachNode((function (i) { if (!n && i.piece && i.piece === e.target) { var r = i.getModel().get("nodeClick"); if ("rootToNode" === r) t._rootToNode(i); else if ("link" === r) { var o = i.getModel(), a = o.get("link"); if (a) yp(a, o.get("target", !0) || "_blank") } n = !0 } })) })) }, e.prototype._rootToNode = function (t) { t !== this.seriesModel.getViewRoot() && this.api.dispatchAction({ type: gO, from: this.uid, seriesId: this.seriesModel.id, targetNode: t }) }, e.prototype.containPoint = function (t, e) { var n = e.getData().getItemLayout(0); if (n) { var i = t[0] - n.cx, r = t[1] - n.cy, o = Math.sqrt(i * i + r * r); return o <= n.r && o >= n.r0 } }, e.type = "sunburst", e }(wg), mO = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.ignoreStyleOnData = !0, n } return n(e, t), e.prototype.getInitialData = function (t, e) { var n = { name: t.name, children: t.data }; xO(n); var i = this._levelModels = z(t.levels || [], (function (t) { return new xc(t, this, e) }), this), r = OC.createTree(n, this, (function (t) { t.wrapMethod("getItemModel", (function (t, e) { var n = r.getNodeByDataIndex(e), o = i[n.depth]; return o && (t.parentModel = o), t })) })); return r.data }, e.prototype.optionUpdated = function () { this.resetViewRoot() }, e.prototype.getDataParams = function (e) { var n = t.prototype.getDataParams.apply(this, arguments), i = this.getData().tree.getNodeByDataIndex(e); return n.treePathInfo = zC(i, this), n }, e.prototype.getLevelModel = function (t) { return this._levelModels && this._levelModels[t.depth] }, e.prototype.getViewRoot = function () { return this._viewRoot }, e.prototype.resetViewRoot = function (t) { t ? this._viewRoot = t : t = this._viewRoot; var e = this.getRawData().tree.root; t && (t === e || e.contains(t)) || (this._viewRoot = e) }, e.prototype.enableAriaDecal = function () { HC(this) }, e.type = "series.sunburst", e.defaultOption = { z: 2, center: ["50%", "50%"], radius: [0, "75%"], clockwise: !0, startAngle: 90, minAngle: 0, stillShowZeroSum: !0, nodeClick: "rootToNode", renderLabelForZeroData: !1, label: { rotate: "radial", show: !0, opacity: 1, align: "center", position: "inside", distance: 5, silent: !0 }, itemStyle: { borderWidth: 1, borderColor: "white", borderType: "solid", shadowBlur: 0, shadowColor: "rgba(0, 0, 0, 0.2)", shadowOffsetX: 0, shadowOffsetY: 0, opacity: 1 }, emphasis: { focus: "descendant" }, blur: { itemStyle: { opacity: .2 }, label: { opacity: .1 } }, animationType: "expansion", animationDuration: 1e3, animationDurationUpdate: 500, data: [], sort: "desc" }, e }(hg); function xO(t) { var e = 0; E(t.children, (function (t) { xO(t); var n = t.value; Y(n) && (n = n[0]), e += n })); var n = t.value; Y(n) && (n = n[0]), (null == n || isNaN(n)) && (n = e), n < 0 && (n = 0), Y(t.value) ? t.value[0] = n : t.value = n } var _O = Math.PI / 180; function bO(t, e, n) { e.eachSeriesByType(t, (function (t) { var e = t.get("center"), i = t.get("radius"); Y(i) || (i = [0, i]), Y(e) || (e = [e, e]); var r = n.getWidth(), o = n.getHeight(), a = Math.min(r, o), s = Gr(e[0], r), l = Gr(e[1], o), u = Gr(i[0], a / 2), h = Gr(i[1], a / 2), c = -t.get("startAngle") * _O, p = t.get("minAngle") * _O, d = t.getData().tree.root, f = t.getViewRoot(), g = f.depth, y = t.get("sort"); null != y && wO(f, y); var v = 0; E(f.children, (function (t) { !isNaN(t.getValue()) && v++ })); var m = f.getValue(), x = Math.PI / (m || v) * 2, _ = f.depth > 0, b = f.height - (_ ? -1 : 1), w = (h - u) / (b || 1), S = t.get("clockwise"), M = t.get("stillShowZeroSum"), I = S ? 1 : -1, T = function (e, n) { if (e) { var i = n; if (e !== d) { var r = e.getValue(), o = 0 === m && M ? x : r * x; o < p && (o = p), i = n + I * o; var h = e.depth - g - (_ ? -1 : 1), c = u + w * h, f = u + w * (h + 1), y = t.getLevelModel(e); if (y) { var v = y.get("r0", !0), b = y.get("r", !0), C = y.get("radius", !0); null != C && (v = C[0], b = C[1]), null != v && (c = Gr(v, a / 2)), null != b && (f = Gr(b, a / 2)) } e.setLayout({ angle: o, startAngle: n, endAngle: i, clockwise: S, cx: s, cy: l, r0: c, r: f }) } if (e.children && e.children.length) { var D = 0; E(e.children, (function (t) { D += T(t, n + D) })) } return i - n } }; if (_) { var C = u, D = u + w, A = 2 * Math.PI; d.setLayout({ angle: A, startAngle: c, endAngle: c + A, clockwise: S, cx: s, cy: l, r0: C, r: D }) } T(f, c) })) } function wO(t, e) { var n = t.children || []; t.children = function (t, e) { if (U(e)) { var n = z(t, (function (t, e) { var n = t.getValue(); return { params: { depth: t.depth, height: t.height, dataIndex: t.dataIndex, getValue: function () { return n } }, index: e } })); return n.sort((function (t, n) { return e(t.params, n.params) })), z(n, (function (e) { return t[e.index] })) } var i = "asc" === e; return t.sort((function (t, e) { var n = (t.getValue() - e.getValue()) * (i ? 1 : -1); return 0 === n ? (t.dataIndex - e.dataIndex) * (i ? -1 : 1) : n })) }(n, e), n.length && E(t.children, (function (t) { wO(t, e) })) } function SO(t) { var e = {}; t.eachSeriesByType("sunburst", (function (t) { var n = t.getData(), i = n.tree; i.eachNode((function (r) { var o = r.getModel().getModel("itemStyle").getItemStyle(); o.fill || (o.fill = function (t, n, i) { for (var r = t; r && r.depth > 1;)r = r.parentNode; var o = n.getColorFromPalette(r.name || r.dataIndex + "", e); return t.depth > 1 && X(o) && (o = jn(o, (t.depth - 1) / (i - 1) * .5)), o }(r, t, i.root.height)), A(n.ensureUniqueItemVisual(r.dataIndex, "style"), o) })) })) } var MO = { color: "fill", borderColor: "stroke" }, IO = { symbol: 1, symbolSize: 1, symbolKeepAspect: 1, legendIcon: 1, visualMeta: 1, liftZ: 1, decal: 1 }, TO = Do(), CO = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.optionUpdated = function () { this.currentZLevel = this.get("zlevel", !0), this.currentZ = this.get("z", !0) }, e.prototype.getInitialData = function (t, e) { return sx(null, this) }, e.prototype.getDataParams = function (e, n, i) { var r = t.prototype.getDataParams.call(this, e, n); return i && (r.info = TO(i).info), r }, e.type = "series.custom", e.dependencies = ["grid", "polar", "geo", "singleAxis", "calendar"], e.defaultOption = { coordinateSystem: "cartesian2d", z: 2, legendHoverLink: !0, clip: !1 }, e }(hg); function DO(t, e) { return e = e || [0, 0], z(["x", "y"], (function (n, i) { var r = this.getAxis(n), o = e[i], a = t[i] / 2; return "category" === r.type ? r.getBandWidth() : Math.abs(r.dataToCoord(o - a) - r.dataToCoord(o + a)) }), this) } function AO(t, e) { return e = e || [0, 0], z([0, 1], (function (n) { var i = e[n], r = t[n] / 2, o = [], a = []; return o[n] = i - r, a[n] = i + r, o[1 - n] = a[1 - n] = e[1 - n], Math.abs(this.dataToPoint(o)[n] - this.dataToPoint(a)[n]) }), this) } function kO(t, e) { var n = this.getAxis(), i = e instanceof Array ? e[0] : e, r = (t instanceof Array ? t[0] : t) / 2; return "category" === n.type ? n.getBandWidth() : Math.abs(n.dataToCoord(i - r) - n.dataToCoord(i + r)) } function LO(t, e) { return e = e || [0, 0], z(["Radius", "Angle"], (function (n, i) { var r = this["get" + n + "Axis"](), o = e[i], a = t[i] / 2, s = "category" === r.type ? r.getBandWidth() : Math.abs(r.dataToCoord(o - a) - r.dataToCoord(o + a)); return "Angle" === n && (s = s * Math.PI / 180), s }), this) } function PO(t, e, n, i) { return t && (t.legacy || !1 !== t.legacy && !n && !i && "tspan" !== e && ("text" === e || mt(t, "text"))) } function OO(t, e, n) { var i, r, o, a = t; if ("text" === e) o = a; else { o = {}, mt(a, "text") && (o.text = a.text), mt(a, "rich") && (o.rich = a.rich), mt(a, "textFill") && (o.fill = a.textFill), mt(a, "textStroke") && (o.stroke = a.textStroke), mt(a, "fontFamily") && (o.fontFamily = a.fontFamily), mt(a, "fontSize") && (o.fontSize = a.fontSize), mt(a, "fontStyle") && (o.fontStyle = a.fontStyle), mt(a, "fontWeight") && (o.fontWeight = a.fontWeight), r = { type: "text", style: o, silent: !0 }, i = {}; var s = mt(a, "textPosition"); n ? i.position = s ? a.textPosition : "inside" : s && (i.position = a.textPosition), mt(a, "textPosition") && (i.position = a.textPosition), mt(a, "textOffset") && (i.offset = a.textOffset), mt(a, "textRotation") && (i.rotation = a.textRotation), mt(a, "textDistance") && (i.distance = a.textDistance) } return RO(o, t), E(o.rich, (function (t) { RO(t, t) })), { textConfig: i, textContent: r } } function RO(t, e) { e && (e.font = e.textFont || e.font, mt(e, "textStrokeWidth") && (t.lineWidth = e.textStrokeWidth), mt(e, "textAlign") && (t.align = e.textAlign), mt(e, "textVerticalAlign") && (t.verticalAlign = e.textVerticalAlign), mt(e, "textLineHeight") && (t.lineHeight = e.textLineHeight), mt(e, "textWidth") && (t.width = e.textWidth), mt(e, "textHeight") && (t.height = e.textHeight), mt(e, "textBackgroundColor") && (t.backgroundColor = e.textBackgroundColor), mt(e, "textPadding") && (t.padding = e.textPadding), mt(e, "textBorderColor") && (t.borderColor = e.textBorderColor), mt(e, "textBorderWidth") && (t.borderWidth = e.textBorderWidth), mt(e, "textBorderRadius") && (t.borderRadius = e.textBorderRadius), mt(e, "textBoxShadowColor") && (t.shadowColor = e.textBoxShadowColor), mt(e, "textBoxShadowBlur") && (t.shadowBlur = e.textBoxShadowBlur), mt(e, "textBoxShadowOffsetX") && (t.shadowOffsetX = e.textBoxShadowOffsetX), mt(e, "textBoxShadowOffsetY") && (t.shadowOffsetY = e.textBoxShadowOffsetY)) } function NO(t, e, n) { var i = t; i.textPosition = i.textPosition || n.position || "inside", null != n.offset && (i.textOffset = n.offset), null != n.rotation && (i.textRotation = n.rotation), null != n.distance && (i.textDistance = n.distance); var r = i.textPosition.indexOf("inside") >= 0, o = t.fill || "#000"; EO(i, e); var a = null == i.textFill; return r ? a && (i.textFill = n.insideFill || "#fff", !i.textStroke && n.insideStroke && (i.textStroke = n.insideStroke), !i.textStroke && (i.textStroke = o), null == i.textStrokeWidth && (i.textStrokeWidth = 2)) : (a && (i.textFill = t.fill || n.outsideFill || "#000"), !i.textStroke && n.outsideStroke && (i.textStroke = n.outsideStroke)), i.text = e.text, i.rich = e.rich, E(e.rich, (function (t) { EO(t, t) })), i } function EO(t, e) { e && (mt(e, "fill") && (t.textFill = e.fill), mt(e, "stroke") && (t.textStroke = e.fill), mt(e, "lineWidth") && (t.textStrokeWidth = e.lineWidth), mt(e, "font") && (t.font = e.font), mt(e, "fontStyle") && (t.fontStyle = e.fontStyle), mt(e, "fontWeight") && (t.fontWeight = e.fontWeight), mt(e, "fontSize") && (t.fontSize = e.fontSize), mt(e, "fontFamily") && (t.fontFamily = e.fontFamily), mt(e, "align") && (t.textAlign = e.align), mt(e, "verticalAlign") && (t.textVerticalAlign = e.verticalAlign), mt(e, "lineHeight") && (t.textLineHeight = e.lineHeight), mt(e, "width") && (t.textWidth = e.width), mt(e, "height") && (t.textHeight = e.height), mt(e, "backgroundColor") && (t.textBackgroundColor = e.backgroundColor), mt(e, "padding") && (t.textPadding = e.padding), mt(e, "borderColor") && (t.textBorderColor = e.borderColor), mt(e, "borderWidth") && (t.textBorderWidth = e.borderWidth), mt(e, "borderRadius") && (t.textBorderRadius = e.borderRadius), mt(e, "shadowColor") && (t.textBoxShadowColor = e.shadowColor), mt(e, "shadowBlur") && (t.textBoxShadowBlur = e.shadowBlur), mt(e, "shadowOffsetX") && (t.textBoxShadowOffsetX = e.shadowOffsetX), mt(e, "shadowOffsetY") && (t.textBoxShadowOffsetY = e.shadowOffsetY), mt(e, "textShadowColor") && (t.textShadowColor = e.textShadowColor), mt(e, "textShadowBlur") && (t.textShadowBlur = e.textShadowBlur), mt(e, "textShadowOffsetX") && (t.textShadowOffsetX = e.textShadowOffsetX), mt(e, "textShadowOffsetY") && (t.textShadowOffsetY = e.textShadowOffsetY)) } var zO = { position: ["x", "y"], scale: ["scaleX", "scaleY"], origin: ["originX", "originY"] }, VO = G(zO), BO = (V(cr, (function (t, e) { return t[e] = 1, t }), {}), cr.join(", "), ["", "style", "shape", "extra"]), FO = Do(); function GO(t, e, n, i, r) { var o = t + "Animation", a = sh(t, i, r) || {}, s = FO(e).userDuring; return a.duration > 0 && (a.during = s ? W(jO, { el: e, userDuring: s }) : null, a.setToFinal = !0, a.scope = t), A(a, n[o]), a } function WO(t, e, n, i) { var r = (i = i || {}).dataIndex, o = i.isInit, a = i.clearStyle, s = n.isAnimationEnabled(), l = FO(t), u = e.style; l.userDuring = e.during; var h = {}, c = {}; if (function (t, e, n) { for (var i = 0; i < VO.length; i++) { var r = VO[i], o = zO[r], a = e[r]; a && (n[o[0]] = a[0], n[o[1]] = a[1]) } for (i = 0; i < cr.length; i++) { var s = cr[i]; null != e[s] && (n[s] = e[s]) } }(0, e, c), KO("shape", e, c), KO("extra", e, c), !o && s && (function (t, e, n) { for (var i = e.transition, r = UO(i) ? cr : yo(i || []), o = 0; o < r.length; o++) { var a = r[o]; if ("style" !== a && "shape" !== a && "extra" !== a) { var s = t[a]; 0, n[a] = s } } }(t, e, h), qO("shape", t, e, h), qO("extra", t, e, h), function (t, e, n, i) { if (!n) return; var r, o = t.style; if (o) { var a = n.transition, s = e.transition; if (a && !UO(a)) { var l = yo(a); !r && (r = i.style = {}); for (var u = 0; u < l.length; u++) { var h = o[f = l[u]]; r[f] = h } } else if (t.getAnimationStyleProps && (UO(s) || UO(a) || P(s, "style") >= 0)) { var c = t.getAnimationStyleProps(), p = c ? c.style : null; if (p) { !r && (r = i.style = {}); var d = G(n); for (u = 0; u < d.length; u++) { var f; if (p[f = d[u]]) { h = o[f]; r[f] = h } } } } } }(t, e, u, h)), c.style = u, function (t, e, n) { var i = e.style; if (!t.isGroup && i) { if (n) { t.useStyle({}); for (var r = t.animators, o = 0; o < r.length; o++) { var a = r[o]; "style" === a.targetName && a.changeTarget(t.style) } } t.setStyle(i) } e && (e.style = null, e && t.attr(e), e.style = i) }(t, c, a), function (t, e) { mt(e, "silent") && (t.silent = e.silent), mt(e, "ignore") && (t.ignore = e.ignore), t instanceof ma && mt(e, "invisible") && (t.invisible = e.invisible); t instanceof _s && mt(e, "autoBatch") && (t.autoBatch = e.autoBatch) }(t, e), s) if (o) { var p = {}; E(BO, (function (t) { var n = t ? e[t] : e; n && n.enterFrom && (t && (p[t] = p[t] || {}), A(t ? p[t] : p, n.enterFrom)) })); var d = GO("enter", t, e, n, r); d.duration > 0 && t.animateFrom(p, d) } else !function (t, e, n, i, r) { if (r) { var o = GO("update", t, e, i, n); o.duration > 0 && t.animateFrom(r, o) } }(t, e, r || 0, n, h); HO(t, e), u ? t.dirty() : t.markRedraw() } function HO(t, e) { for (var n = FO(t).leaveToProps, i = 0; i < BO.length; i++) { var r = BO[i], o = r ? e[r] : e; o && o.leaveTo && (n || (n = FO(t).leaveToProps = {}), r && (n[r] = n[r] || {}), A(r ? n[r] : n, o.leaveTo)) } } function YO(t, e, n, i) { if (t) { var r = t.parent, o = FO(t).leaveToProps; if (o) { var a = GO("update", t, e, n, 0); a.done = function () { r.remove(t), i && i() }, t.animateTo(o, a) } else r.remove(t), i && i() } } function UO(t) { return "all" === t } var XO = {}, ZO = { setTransform: function (t, e) { return XO.el[t] = e, this }, getTransform: function (t) { return XO.el[t] }, setShape: function (t, e) { var n = XO.el; return (n.shape || (n.shape = {}))[t] = e, n.dirtyShape && n.dirtyShape(), this }, getShape: function (t) { var e = XO.el.shape; if (e) return e[t] }, setStyle: function (t, e) { var n = XO.el, i = n.style; return i && (i[t] = e, n.dirtyStyle && n.dirtyStyle()), this }, getStyle: function (t) { var e = XO.el.style; if (e) return e[t] }, setExtra: function (t, e) { return (XO.el.extra || (XO.el.extra = {}))[t] = e, this }, getExtra: function (t) { var e = XO.el.extra; if (e) return e[t] } }; function jO() { var t = this, e = t.el; if (e) { var n = FO(e).userDuring, i = t.userDuring; n === i ? (XO.el = e, i(ZO)) : t.el = t.userDuring = null } } function qO(t, e, n, i) { var r = n[t]; if (r) { var o, a = e[t]; if (a) { var s = n.transition, l = r.transition; if (l) if (!o && (o = i[t] = {}), UO(l)) A(o, a); else for (var u = yo(l), h = 0; h < u.length; h++) { var c = a[d = u[h]]; o[d] = c } else if (UO(s) || P(s, t) >= 0) { !o && (o = i[t] = {}); var p = G(a); for (h = 0; h < p.length; h++) { var d; c = a[d = p[h]]; $O(r[d], c) && (o[d] = c) } } } } } function KO(t, e, n) { var i = e[t]; if (i) for (var r = n[t] = {}, o = G(i), a = 0; a < o.length; a++) { var s = o[a]; r[s] = Ii(i[s]) } } function $O(t, e) { return N(t) ? t !== e : null != t && isFinite(t) } var JO = Do(), QO = ["percent", "easing", "shape", "style", "extra"]; function tR(t) { t.stopAnimation("keyframe"), t.attr(JO(t)) } function eR(t, e, n) { if (n.isAnimationEnabled() && e) if (Y(e)) E(e, (function (e) { eR(t, e, n) })); else { var i = e.keyframes, r = e.duration; if (n && null == r) { var o = sh("enter", n, 0); r = o && o.duration } if (i && r) { var a = JO(t); E(BO, (function (n) { if (!n || t[n]) { var o; i.sort((function (t, e) { return t.percent - e.percent })), E(i, (function (i) { var s = t.animators, l = n ? i[n] : i; if (l) { var u = G(l); if (n || (u = B(u, (function (t) { return P(QO, t) < 0 }))), u.length) { o || ((o = t.animate(n, e.loop, !0)).scope = "keyframe"); for (var h = 0; h < s.length; h++)s[h] !== o && s[h].targetName === o.targetName && s[h].stopTracks(u); n && (a[n] = a[n] || {}); var c = n ? a[n] : a; E(u, (function (e) { c[e] = ((n ? t[n] : t) || {})[e] })), o.whenWithKeys(r * i.percent, l, u, i.easing) } } })), o && o.delay(e.delay || 0).duration(r).start(e.easing) } })) } } } var nR = "emphasis", iR = "normal", rR = "blur", oR = "select", aR = [iR, nR, rR, oR], sR = { normal: ["itemStyle"], emphasis: [nR, "itemStyle"], blur: [rR, "itemStyle"], select: [oR, "itemStyle"] }, lR = { normal: ["label"], emphasis: [nR, "label"], blur: [rR, "label"], select: [oR, "label"] }, uR = ["x", "y"], hR = { normal: {}, emphasis: {}, blur: {}, select: {} }, cR = { cartesian2d: function (t) { var e = t.master.getRect(); return { coordSys: { type: "cartesian2d", x: e.x, y: e.y, width: e.width, height: e.height }, api: { coord: function (e) { return t.dataToPoint(e) }, size: W(DO, t) } } }, geo: function (t) { var e = t.getBoundingRect(); return { coordSys: { type: "geo", x: e.x, y: e.y, width: e.width, height: e.height, zoom: t.getZoom() }, api: { coord: function (e) { return t.dataToPoint(e) }, size: W(AO, t) } } }, single: function (t) { var e = t.getRect(); return { coordSys: { type: "singleAxis", x: e.x, y: e.y, width: e.width, height: e.height }, api: { coord: function (e) { return t.dataToPoint(e) }, size: W(kO, t) } } }, polar: function (t) { var e = t.getRadiusAxis(), n = t.getAngleAxis(), i = e.getExtent(); return i[0] > i[1] && i.reverse(), { coordSys: { type: "polar", cx: t.cx, cy: t.cy, r: i[1], r0: i[0] }, api: { coord: function (i) { var r = e.dataToRadius(i[0]), o = n.dataToAngle(i[1]), a = t.coordToPoint([r, o]); return a.push(r, o * Math.PI / 180), a }, size: W(LO, t) } } }, calendar: function (t) { var e = t.getRect(), n = t.getRangeInfo(); return { coordSys: { type: "calendar", x: e.x, y: e.y, width: e.width, height: e.height, cellWidth: t.getCellWidth(), cellHeight: t.getCellHeight(), rangeInfo: { start: n.start, end: n.end, weeks: n.weeks, dayCount: n.allDay } }, api: { coord: function (e, n) { return t.dataToPoint(e, n) } } } } }; function pR(t) { return t instanceof _s } function dR(t) { return t instanceof ma } var fR = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n, i) { this._progressiveEls = null; var r = this._data, o = t.getData(), a = this.group, s = xR(t, o, e, n); r || a.removeAll(), o.diff(r).add((function (e) { bR(n, null, e, s(e, i), t, a, o) })).remove((function (e) { var n = r.getItemGraphicEl(e); n && YO(n, TO(n).option, t) })).update((function (e, l) { var u = r.getItemGraphicEl(l); bR(n, u, e, s(e, i), t, a, o) })).execute(); var l = t.get("clip", !0) ? cS(t.coordinateSystem, !1, t) : null; l ? a.setClipPath(l) : a.removeClipPath(), this._data = o }, e.prototype.incrementalPrepareRender = function (t, e, n) { this.group.removeAll(), this._data = null }, e.prototype.incrementalRender = function (t, e, n, i, r) { var o = e.getData(), a = xR(e, o, n, i), s = this._progressiveEls = []; function l(t) { t.isGroup || (t.incremental = !0, t.ensureState("emphasis").hoverLayer = !0) } for (var u = t.start; u < t.end; u++) { var h = bR(null, null, u, a(u, r), e, this.group, o); h && (h.traverse(l), s.push(h)) } }, e.prototype.eachRendered = function (t) { Yh(this._progressiveEls || this.group, t) }, e.prototype.filterForExposedEvent = function (t, e, n, i) { var r = e.element; if (null == r || n.name === r) return !0; for (; (n = n.__hostTarget || n.parent) && n !== this.group;)if (n.name === r) return !0; return !1 }, e.type = "custom", e }(wg); function gR(t) { var e, n = t.type; if ("path" === n) { var i = t.shape, r = null != i.width && null != i.height ? { x: i.x || 0, y: i.y || 0, width: i.width, height: i.height } : null, o = LR(i); e = Mh(o, null, r, i.layout || "center"), TO(e).customPathData = o } else if ("image" === n) e = new Is({}), TO(e).customImagePath = t.style.image; else if ("text" === n) e = new Ns({}); else if ("group" === n) e = new Pr; else { if ("compoundPath" === n) throw new Error('"compoundPath" is not supported yet.'); var a = Sh(n); if (!a) { var s = ""; 0, co(s) } e = new a } return TO(e).customGraphicType = n, e.name = t.name, e.z2EmphasisLift = 1, e.z2SelectLift = 1, e } function yR(t, e, n, i, r, o, a) { tR(e); var s = r && r.normal.cfg; s && e.setTextConfig(s), i && null == i.transition && (i.transition = uR); var l = i && i.style; if (l) { if ("text" === e.type) { var u = l; mt(u, "textFill") && (u.fill = u.textFill), mt(u, "textStroke") && (u.stroke = u.textStroke) } var h = void 0, c = pR(e) ? l.decal : null; t && c && (c.dirty = !0, h = sv(c, t)), l.__decalPattern = h } dR(e) && (l && (h = l.__decalPattern) && (l.decal = h)); WO(e, i, o, { dataIndex: n, isInit: a, clearStyle: !0 }), eR(e, i.keyframeAnimation, o) } function vR(t, e, n, i, r) { var o = e.isGroup ? null : e, a = r && r[t].cfg; if (o) { var s = o.ensureState(t); if (!1 === i) { var l = o.getState(t); l && (l.style = null) } else s.style = i || null; a && (s.textConfig = a), wl(o) } } function mR(t, e, n) { var i = n === iR, r = i ? e : IR(e, n), o = r ? r.z2 : null; null != o && ((i ? t : t.ensureState(n)).z2 = o || 0) } function xR(t, e, n, i) { var r = t.get("renderItem"), o = t.coordinateSystem, a = {}; o && (a = o.prepareCustoms ? o.prepareCustoms(o) : cR[o.type](o)); for (var s, l, u = k({ getWidth: i.getWidth, getHeight: i.getHeight, getZr: i.getZr, getDevicePixelRatio: i.getDevicePixelRatio, value: function (t, n) { return null == n && (n = s), e.getStore().get(e.getDimensionIndex(t || 0), n) }, style: function (n, i) { 0; null == i && (i = s); var r = e.getItemVisual(i, "style"), o = r && r.fill, a = r && r.opacity, l = m(i, iR).getItemStyle(); null != o && (l.fill = o), null != a && (l.opacity = a); var u = { inheritColor: X(o) ? o : "#000" }, h = x(i, iR), c = $h(h, null, u, !1, !0); c.text = h.getShallow("show") ? rt(t.getFormattedLabel(i, iR), Uw(e, i)) : null; var p = Jh(h, u, !1); return b(n, l), l = NO(l, c, p), n && _(l, n), l.legacy = !0, l }, ordinalRawValue: function (t, n) { null == n && (n = s), t = t || 0; var i = e.getDimensionInfo(t); if (!i) { var r = e.getDimensionIndex(t); return r >= 0 ? e.getStore().get(r, n) : void 0 } var o = e.get(i.name, n), a = i && i.ordinalMeta; return a ? a.categories[o] : o }, styleEmphasis: function (n, i) { 0; null == i && (i = s); var r = m(i, nR).getItemStyle(), o = x(i, nR), a = $h(o, null, null, !0, !0); a.text = o.getShallow("show") ? ot(t.getFormattedLabel(i, nR), t.getFormattedLabel(i, iR), Uw(e, i)) : null; var l = Jh(o, null, !0); return b(n, r), r = NO(r, a, l), n && _(r, n), r.legacy = !0, r }, visual: function (t, n) { if (null == n && (n = s), mt(MO, t)) { var i = e.getItemVisual(n, "style"); return i ? i[MO[t]] : null } if (mt(IO, t)) return e.getItemVisual(n, t) }, barLayout: function (t) { if ("cartesian2d" === o.type) { return function (t) { var e = [], n = t.axis, i = "axis0"; if ("category" === n.type) { for (var r = n.getBandWidth(), o = 0; o < t.count; o++)e.push(k({ bandWidth: r, axisKey: i, stackId: Cx + o }, t)); var a = Px(e), s = []; for (o = 0; o < t.count; o++) { var l = a.axis0[Cx + o]; l.offsetCenter = l.offset + l.width / 2, s.push(l) } return s } }(k({ axis: o.getBaseAxis() }, t)) } }, currentSeriesIndices: function () { return n.getCurrentSeriesIndices() }, font: function (t) { return ic(t, n) } }, a.api || {}), h = { context: {}, seriesId: t.id, seriesName: t.name, seriesIndex: t.seriesIndex, coordSys: a.coordSys, dataInsideLength: e.count(), encode: _R(t.getData()) }, c = {}, p = {}, d = {}, f = {}, g = 0; g < aR.length; g++) { var y = aR[g]; d[y] = t.getModel(sR[y]), f[y] = t.getModel(lR[y]) } function v(t) { return t === s ? l || (l = e.getItemModel(t)) : e.getItemModel(t) } function m(t, n) { return e.hasItemOption ? t === s ? c[n] || (c[n] = v(t).getModel(sR[n])) : v(t).getModel(sR[n]) : d[n] } function x(t, n) { return e.hasItemOption ? t === s ? p[n] || (p[n] = v(t).getModel(lR[n])) : v(t).getModel(lR[n]) : f[n] } return function (t, n) { return s = t, l = null, c = {}, p = {}, r && r(k({ dataIndexInside: t, dataIndex: e.getRawIndex(t), actionType: n ? n.type : null }, h), u) }; function _(t, e) { for (var n in e) mt(e, n) && (t[n] = e[n]) } function b(t, e) { t && (t.textFill && (e.textFill = t.textFill), t.textPosition && (e.textPosition = t.textPosition)) } } function _R(t) { var e = {}; return E(t.dimensions, (function (n) { var i = t.getDimensionInfo(n); if (!i.isExtraCoord) { var r = i.coordDim; (e[r] = e[r] || [])[i.coordDimIndex] = t.getDimensionIndex(n) } })), e } function bR(t, e, n, i, r, o, a) { if (i) { var s = wR(t, e, n, i, r, o); return s && a.setItemGraphicEl(n, s), s && Bl(s, i.focus, i.blurScope, i.emphasisDisabled), s } o.remove(e) } function wR(t, e, n, i, r, o) { var a = -1, s = e; e && SR(e, i, r) && (a = P(o.childrenRef(), e), e = null); var l, u, h = !e, c = e; c ? c.clearStates() : (c = gR(i), s && (l = s, (u = c).copyTransform(l), dR(u) && dR(l) && (u.setStyle(l.style), u.z = l.z, u.z2 = l.z2, u.zlevel = l.zlevel, u.invisible = l.invisible, u.ignore = l.ignore, pR(u) && pR(l) && u.setShape(l.shape)))), !1 === i.morph ? c.disableMorphing = !0 : c.disableMorphing && (c.disableMorphing = !1), hR.normal.cfg = hR.normal.conOpt = hR.emphasis.cfg = hR.emphasis.conOpt = hR.blur.cfg = hR.blur.conOpt = hR.select.cfg = hR.select.conOpt = null, hR.isLegacy = !1, function (t, e, n, i, r, o) { if (t.isGroup) return; MR(n, null, o), MR(n, nR, o); var a = o.normal.conOpt, s = o.emphasis.conOpt, l = o.blur.conOpt, u = o.select.conOpt; if (null != a || null != s || null != u || null != l) { var h = t.getTextContent(); if (!1 === a) h && t.removeTextContent(); else { a = o.normal.conOpt = a || { type: "text" }, h ? h.clearStates() : (h = gR(a), t.setTextContent(h)), yR(null, h, e, a, null, i, r); for (var c = a && a.style, p = 0; p < aR.length; p++) { var d = aR[p]; if (d !== iR) { var f = o[d].conOpt; vR(d, h, 0, TR(a, f, d), null) } } c ? h.dirty() : h.markRedraw() } } }(c, n, i, r, h, hR), function (t, e, n, i, r) { var o = n.clipPath; if (!1 === o) t && t.getClipPath() && t.removeClipPath(); else if (o) { var a = t.getClipPath(); a && SR(a, o, i) && (a = null), a || (a = gR(o), t.setClipPath(a)), yR(null, a, e, o, null, i, r) } }(c, n, i, r, h), yR(t, c, n, i, hR, r, h), mt(i, "info") && (TO(c).info = i.info); for (var p = 0; p < aR.length; p++) { var d = aR[p]; if (d !== iR) { var f = IR(i, d); vR(d, c, 0, TR(i, f, d), hR) } } return function (t, e, n) { if (!t.isGroup) { var i = t, r = n.currentZ, o = n.currentZLevel; i.z = r, i.zlevel = o; var a = e.z2; null != a && (i.z2 = a || 0); for (var s = 0; s < aR.length; s++)mR(i, e, aR[s]) } }(c, i, r), "group" === i.type && function (t, e, n, i, r) { var o = i.children, a = o ? o.length : 0, s = i.$mergeChildren, l = "byName" === s || i.diffChildrenByName, u = !1 === s; if (!a && !l && !u) return; if (l) return h = { api: t, oldChildren: e.children() || [], newChildren: o || [], dataIndex: n, seriesModel: r, group: e }, void new Dm(h.oldChildren, h.newChildren, DR, DR, h).add(AR).update(AR).remove(kR).execute(); var h; u && e.removeAll(); for (var c = 0; c < a; c++) { var p = o[c], d = e.childAt(c); p ? (null == p.ignore && (p.ignore = !1), wR(t, d, n, p, r, e)) : d.ignore = !0 } for (var f = e.childCount() - 1; f >= c; f--) { var g = e.childAt(f); CR(e, g, r) } }(t, c, n, i, r), a >= 0 ? o.replaceAt(c, a) : o.add(c), c } function SR(t, e, n) { var i, r = TO(t), o = e.type, a = e.shape, s = e.style; return n.isUniversalTransitionEnabled() || null != o && o !== r.customGraphicType || "path" === o && ((i = a) && (mt(i, "pathData") || mt(i, "d"))) && LR(a) !== r.customPathData || "image" === o && mt(s, "image") && s.image !== r.customImagePath } function MR(t, e, n) { var i = e ? IR(t, e) : t, r = e ? TR(t, i, nR) : t.style, o = t.type, a = i ? i.textConfig : null, s = t.textContent, l = s ? e ? IR(s, e) : s : null; if (r && (n.isLegacy || PO(r, o, !!a, !!l))) { n.isLegacy = !0; var u = OO(r, o, !e); !a && u.textConfig && (a = u.textConfig), !l && u.textContent && (l = u.textContent) } if (!e && l) { var h = l; !h.type && (h.type = "text") } var c = e ? n[e] : n.normal; c.cfg = a, c.conOpt = l } function IR(t, e) { return e ? t ? t[e] : null : t } function TR(t, e, n) { var i = e && e.style; return null == i && n === nR && t && (i = t.styleEmphasis), i } function CR(t, e, n) { e && YO(e, TO(t).option, n) } function DR(t, e) { var n = t && t.name; return null != n ? n : "e\0\0" + e } function AR(t, e) { var n = this.context, i = null != t ? n.newChildren[t] : null, r = null != e ? n.oldChildren[e] : null; wR(n.api, r, n.dataIndex, i, n.seriesModel, n.group) } function kR(t) { var e = this.context, n = e.oldChildren[t]; n && YO(n, TO(n).option, e.seriesModel) } function LR(t) { return t && (t.pathData || t.d) } var PR = Do(), OR = T, RR = W, NR = function () { function t() { this._dragging = !1, this.animationThreshold = 15 } return t.prototype.render = function (t, e, n, i) { var r = e.get("value"), o = e.get("status"); if (this._axisModel = t, this._axisPointerModel = e, this._api = n, i || this._lastValue !== r || this._lastStatus !== o) { this._lastValue = r, this._lastStatus = o; var a = this._group, s = this._handle; if (!o || "hide" === o) return a && a.hide(), void (s && s.hide()); a && a.show(), s && s.show(); var l = {}; this.makeElOption(l, r, t, e, n); var u = l.graphicKey; u !== this._lastGraphicKey && this.clear(n), this._lastGraphicKey = u; var h = this._moveAnimation = this.determineAnimation(t, e); if (a) { var c = H(ER, e, h); this.updatePointerEl(a, l, c), this.updateLabelEl(a, l, c, e) } else a = this._group = new Pr, this.createPointerEl(a, l, t, e), this.createLabelEl(a, l, t, e), n.getZr().add(a); FR(a, e, !0), this._renderHandle(r) } }, t.prototype.remove = function (t) { this.clear(t) }, t.prototype.dispose = function (t) { this.clear(t) }, t.prototype.determineAnimation = function (t, e) { var n = e.get("animation"), i = t.axis, r = "category" === i.type, o = e.get("snap"); if (!o && !r) return !1; if ("auto" === n || null == n) { var a = this.animationThreshold; if (r && i.getBandWidth() > a) return !0; if (o) { var s = QM(t).seriesDataCount, l = i.getExtent(); return Math.abs(l[0] - l[1]) / s > a } return !1 } return !0 === n }, t.prototype.makeElOption = function (t, e, n, i, r) { }, t.prototype.createPointerEl = function (t, e, n, i) { var r = e.pointer; if (r) { var o = PR(t).pointerEl = new Uh[r.type](OR(e.pointer)); t.add(o) } }, t.prototype.createLabelEl = function (t, e, n, i) { if (e.label) { var r = PR(t).labelEl = new Ns(OR(e.label)); t.add(r), VR(r, i) } }, t.prototype.updatePointerEl = function (t, e, n) { var i = PR(t).pointerEl; i && e.pointer && (i.setStyle(e.pointer.style), n(i, { shape: e.pointer.shape })) }, t.prototype.updateLabelEl = function (t, e, n, i) { var r = PR(t).labelEl; r && (r.setStyle(e.label.style), n(r, { x: e.label.x, y: e.label.y }), VR(r, i)) }, t.prototype._renderHandle = function (t) { if (!this._dragging && this.updateHandleTransform) { var e, n = this._axisPointerModel, i = this._api.getZr(), r = this._handle, o = n.getModel("handle"), a = n.get("status"); if (!o.get("show") || !a || "hide" === a) return r && i.remove(r), void (this._handle = null); this._handle || (e = !0, r = this._handle = Vh(o.get("icon"), { cursor: "move", draggable: !0, onmousemove: function (t) { he(t.event) }, onmousedown: RR(this._onHandleDragMove, this, 0, 0), drift: RR(this._onHandleDragMove, this), ondragend: RR(this._onHandleDragEnd, this) }), i.add(r)), FR(r, n, !1), r.setStyle(o.getItemStyle(null, ["color", "borderColor", "borderWidth", "opacity", "shadowColor", "shadowBlur", "shadowOffsetX", "shadowOffsetY"])); var s = o.get("size"); Y(s) || (s = [s, s]), r.scaleX = s[0] / 2, r.scaleY = s[1] / 2, Pg(this, "_doDispatchAxisPointer", o.get("throttle") || 0, "fixRate"), this._moveHandleToValue(t, e) } }, t.prototype._moveHandleToValue = function (t, e) { ER(this._axisPointerModel, !e && this._moveAnimation, this._handle, BR(this.getHandleTransform(t, this._axisModel, this._axisPointerModel))) }, t.prototype._onHandleDragMove = function (t, e) { var n = this._handle; if (n) { this._dragging = !0; var i = this.updateHandleTransform(BR(n), [t, e], this._axisModel, this._axisPointerModel); this._payloadInfo = i, n.stopAnimation(), n.attr(BR(i)), PR(n).lastProp = null, this._doDispatchAxisPointer() } }, t.prototype._doDispatchAxisPointer = function () { if (this._handle) { var t = this._payloadInfo, e = this._axisModel; this._api.dispatchAction({ type: "updateAxisPointer", x: t.cursorPoint[0], y: t.cursorPoint[1], tooltipOption: t.tooltipOption, axesInfo: [{ axisDim: e.axis.dim, axisIndex: e.componentIndex }] }) } }, t.prototype._onHandleDragEnd = function () { if (this._dragging = !1, this._handle) { var t = this._axisPointerModel.get("value"); this._moveHandleToValue(t), this._api.dispatchAction({ type: "hideTip" }) } }, t.prototype.clear = function (t) { this._lastValue = null, this._lastStatus = null; var e = t.getZr(), n = this._group, i = this._handle; e && n && (this._lastGraphicKey = null, n && e.remove(n), i && e.remove(i), this._group = null, this._handle = null, this._payloadInfo = null), Og(this, "_doDispatchAxisPointer") }, t.prototype.doClear = function () { }, t.prototype.buildLabel = function (t, e, n) { return { x: t[n = n || 0], y: t[1 - n], width: e[n], height: e[1 - n] } }, t }(); function ER(t, e, n, i) { zR(PR(n).lastProp, i) || (PR(n).lastProp = i, e ? uh(n, i, t) : (n.stopAnimation(), n.attr(i))) } function zR(t, e) { if (q(t) && q(e)) { var n = !0; return E(e, (function (e, i) { n = n && zR(t[i], e) })), !!n } return t === e } function VR(t, e) { t[e.get(["label", "show"]) ? "show" : "hide"]() } function BR(t) { return { x: t.x || 0, y: t.y || 0, rotation: t.rotation || 0 } } function FR(t, e, n) { var i = e.get("z"), r = e.get("zlevel"); t && t.traverse((function (t) { "group" !== t.type && (null != i && (t.z = i), null != r && (t.zlevel = r), t.silent = n) })) } function GR(t) { var e, n = t.get("type"), i = t.getModel(n + "Style"); return "line" === n ? (e = i.getLineStyle()).fill = null : "shadow" === n && ((e = i.getAreaStyle()).stroke = null), e } function WR(t, e, n, i, r) { var o = HR(n.get("value"), e.axis, e.ecModel, n.get("seriesDataIndices"), { precision: n.get(["label", "precision"]), formatter: n.get(["label", "formatter"]) }), a = n.getModel("label"), s = up(a.get("padding") || 0), l = a.getFont(), u = yr(o, l), h = r.position, c = u.width + s[1] + s[3], p = u.height + s[0] + s[2], d = r.align; "right" === d && (h[0] -= c), "center" === d && (h[0] -= c / 2); var f = r.verticalAlign; "bottom" === f && (h[1] -= p), "middle" === f && (h[1] -= p / 2), function (t, e, n, i) { var r = i.getWidth(), o = i.getHeight(); t[0] = Math.min(t[0] + e, r) - e, t[1] = Math.min(t[1] + n, o) - n, t[0] = Math.max(t[0], 0), t[1] = Math.max(t[1], 0) }(h, c, p, i); var g = a.get("backgroundColor"); g && "auto" !== g || (g = e.get(["axisLine", "lineStyle", "color"])), t.label = { x: h[0], y: h[1], style: $h(a, { text: o, font: l, fill: a.getTextColor(), padding: s, backgroundColor: g }), z2: 10 } } function HR(t, e, n, i, r) { t = e.scale.parse(t); var o = e.scale.getLabel({ value: t }, { precision: r.precision }), a = r.formatter; if (a) { var s = { value: h_(e, { value: t }), axisDimension: e.dim, axisIndex: e.index, seriesData: [] }; E(i, (function (t) { var e = n.getSeriesByIndex(t.seriesIndex), i = t.dataIndexInside, r = e && e.getDataParams(i); r && s.seriesData.push(r) })), X(a) ? o = a.replace("{value}", o) : U(a) && (o = a(s)) } return o } function YR(t, e, n) { var i = [1, 0, 0, 1, 0, 0]; return _e(i, i, n.rotation), xe(i, i, n.position), Ph([t.dataToCoord(e), (n.labelOffset || 0) + (n.labelDirection || 1) * (n.labelMargin || 0)], i) } function UR(t, e, n, i, r, o) { var a = YM.innerTextLayout(n.rotation, 0, n.labelDirection); n.labelMargin = r.get(["label", "margin"]), WR(e, i, r, o, { position: YR(i.axis, t, n), align: a.textAlign, verticalAlign: a.textVerticalAlign }) } function XR(t, e, n) { return { x1: t[n = n || 0], y1: t[1 - n], x2: e[n], y2: e[1 - n] } } function ZR(t, e, n) { return { x: t[n = n || 0], y: t[1 - n], width: e[n], height: e[1 - n] } } function jR(t, e, n, i, r, o) { return { cx: t, cy: e, r0: n, r: i, startAngle: r, endAngle: o, clockwise: !0 } } var qR = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.makeElOption = function (t, e, n, i, r) { var o = n.axis, a = o.grid, s = i.get("type"), l = KR(a, o).getOtherAxis(o).getGlobalExtent(), u = o.toGlobalCoord(o.dataToCoord(e, !0)); if (s && "none" !== s) { var h = GR(i), c = $R[s](o, u, l); c.style = h, t.graphicKey = c.type, t.pointer = c } UR(e, t, RM(a.model, n), n, i, r) }, e.prototype.getHandleTransform = function (t, e, n) { var i = RM(e.axis.grid.model, e, { labelInside: !1 }); i.labelMargin = n.get(["handle", "margin"]); var r = YR(e.axis, t, i); return { x: r[0], y: r[1], rotation: i.rotation + (i.labelDirection < 0 ? Math.PI : 0) } }, e.prototype.updateHandleTransform = function (t, e, n, i) { var r = n.axis, o = r.grid, a = r.getGlobalExtent(!0), s = KR(o, r).getOtherAxis(r).getGlobalExtent(), l = "x" === r.dim ? 0 : 1, u = [t.x, t.y]; u[l] += e[l], u[l] = Math.min(a[1], u[l]), u[l] = Math.max(a[0], u[l]); var h = (s[1] + s[0]) / 2, c = [h, h]; c[l] = u[l]; return { x: u[0], y: u[1], rotation: t.rotation, cursorPoint: c, tooltipOption: [{ verticalAlign: "middle" }, { align: "center" }][l] } }, e }(NR); function KR(t, e) { var n = {}; return n[e.dim + "AxisIndex"] = e.index, t.getCartesian(n) } var $R = { line: function (t, e, n) { return { type: "Line", subPixelOptimize: !0, shape: XR([e, n[0]], [e, n[1]], JR(t)) } }, shadow: function (t, e, n) { var i = Math.max(1, t.getBandWidth()), r = n[1] - n[0]; return { type: "Rect", shape: ZR([e - i / 2, n[0]], [i, r], JR(t)) } } }; function JR(t) { return "x" === t.dim ? 0 : 1 } var QR = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "axisPointer", e.defaultOption = { show: "auto", z: 50, type: "line", snap: !1, triggerTooltip: !0, value: null, status: null, link: [], animation: null, animationDurationUpdate: 200, lineStyle: { color: "#B9BEC9", width: 1, type: "dashed" }, shadowStyle: { color: "rgba(210,219,238,0.2)" }, label: { show: !0, formatter: null, precision: "auto", margin: 3, color: "#fff", padding: [5, 7, 5, 7], backgroundColor: "auto", borderColor: null, borderWidth: 0, borderRadius: 3 }, handle: { show: !1, icon: "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z", size: 45, margin: 50, color: "#333", shadowBlur: 3, shadowColor: "#aaa", shadowOffsetX: 0, shadowOffsetY: 2, throttle: 40 } }, e }(Ap), tN = Do(), eN = E; function nN(t, e, n) { if (!r.node) { var i = e.getZr(); tN(i).records || (tN(i).records = {}), function (t, e) { if (tN(t).initialized) return; function n(n, i) { t.on(n, (function (n) { var r = function (t) { var e = { showTip: [], hideTip: [] }, n = function (i) { var r = e[i.type]; r ? r.push(i) : (i.dispatchAction = n, t.dispatchAction(i)) }; return { dispatchAction: n, pendings: e } }(e); eN(tN(t).records, (function (t) { t && i(t, n, r.dispatchAction) })), function (t, e) { var n, i = t.showTip.length, r = t.hideTip.length; i ? n = t.showTip[i - 1] : r && (n = t.hideTip[r - 1]); n && (n.dispatchAction = null, e.dispatchAction(n)) }(r.pendings, e) })) } tN(t).initialized = !0, n("click", H(rN, "click")), n("mousemove", H(rN, "mousemove")), n("globalout", iN) }(i, e), (tN(i).records[t] || (tN(i).records[t] = {})).handler = n } } function iN(t, e, n) { t.handler("leave", null, n) } function rN(t, e, n, i) { e.handler(t, n, i) } function oN(t, e) { if (!r.node) { var n = e.getZr(); (tN(n).records || {})[t] && (tN(n).records[t] = null) } } var aN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = e.getComponent("tooltip"), r = t.get("triggerOn") || i && i.get("triggerOn") || "mousemove|click"; nN("axisPointer", n, (function (t, e, n) { "none" !== r && ("leave" === t || r.indexOf(t) >= 0) && n({ type: "updateAxisPointer", currTrigger: t, x: e && e.offsetX, y: e && e.offsetY }) })) }, e.prototype.remove = function (t, e) { oN("axisPointer", e) }, e.prototype.dispose = function (t, e) { oN("axisPointer", e) }, e.type = "axisPointer", e }(mg); function sN(t, e) { var n, i = [], r = t.seriesIndex; if (null == r || !(n = e.getSeriesByIndex(r))) return { point: [] }; var o = n.getData(), a = Co(o, t); if (null == a || a < 0 || Y(a)) return { point: [] }; var s = o.getItemGraphicEl(a), l = n.coordinateSystem; if (n.getTooltipPosition) i = n.getTooltipPosition(a) || []; else if (l && l.dataToPoint) if (t.isStacked) { var u = l.getBaseAxis(), h = l.getOtherAxis(u).dim, c = u.dim, p = "x" === h || "radius" === h ? 1 : 0, d = o.mapDimension(c), f = []; f[p] = o.get(d, a), f[1 - p] = o.get(o.getCalculationInfo("stackResultDimension"), a), i = l.dataToPoint(f) || [] } else i = l.dataToPoint(o.getValues(z(l.dimensions, (function (t) { return o.mapDimension(t) })), a)) || []; else if (s) { var g = s.getBoundingRect().clone(); g.applyTransform(s.transform), i = [g.x + g.width / 2, g.y + g.height / 2] } return { point: i, el: s } } var lN = Do(); function uN(t, e, n) { var i = t.currTrigger, r = [t.x, t.y], o = t, a = t.dispatchAction || W(n.dispatchAction, n), s = e.getComponent("axisPointer").coordSysAxesInfo; if (s) { fN(r) && (r = sN({ seriesIndex: o.seriesIndex, dataIndex: o.dataIndex }, e).point); var l = fN(r), u = o.axesInfo, h = s.axesInfo, c = "leave" === i || fN(r), p = {}, d = {}, f = { list: [], map: {} }, g = { showPointer: H(cN, d), showTooltip: H(pN, f) }; E(s.coordSysMap, (function (t, e) { var n = l || t.containPoint(r); E(s.coordSysAxesInfo[e], (function (t, e) { var i = t.axis, o = function (t, e) { for (var n = 0; n < (t || []).length; n++) { var i = t[n]; if (e.axis.dim === i.axisDim && e.axis.model.componentIndex === i.axisIndex) return i } }(u, t); if (!c && n && (!u || o)) { var a = o && o.value; null != a || l || (a = i.pointToData(r)), null != a && hN(t, a, g, !1, p) } })) })); var y = {}; return E(h, (function (t, e) { var n = t.linkGroup; n && !d[e] && E(n.axesInfo, (function (e, i) { var r = d[i]; if (e !== t && r) { var o = r.value; n.mapper && (o = t.axis.scale.parse(n.mapper(o, dN(e), dN(t)))), y[t.key] = o } })) })), E(y, (function (t, e) { hN(h[e], t, g, !0, p) })), function (t, e, n) { var i = n.axesInfo = []; E(e, (function (e, n) { var r = e.axisPointerModel.option, o = t[n]; o ? (!e.useHandle && (r.status = "show"), r.value = o.value, r.seriesDataIndices = (o.payloadBatch || []).slice()) : !e.useHandle && (r.status = "hide"), "show" === r.status && i.push({ axisDim: e.axis.dim, axisIndex: e.axis.model.componentIndex, value: r.value }) })) }(d, h, p), function (t, e, n, i) { if (fN(e) || !t.list.length) return void i({ type: "hideTip" }); var r = ((t.list[0].dataByAxis[0] || {}).seriesDataIndices || [])[0] || {}; i({ type: "showTip", escapeConnect: !0, x: e[0], y: e[1], tooltipOption: n.tooltipOption, position: n.position, dataIndexInside: r.dataIndexInside, dataIndex: r.dataIndex, seriesIndex: r.seriesIndex, dataByCoordSys: t.list }) }(f, r, t, a), function (t, e, n) { var i = n.getZr(), r = "axisPointerLastHighlights", o = lN(i)[r] || {}, a = lN(i)[r] = {}; E(t, (function (t, e) { var n = t.axisPointerModel.option; "show" === n.status && E(n.seriesDataIndices, (function (t) { var e = t.seriesIndex + " | " + t.dataIndex; a[e] = t })) })); var s = [], l = []; E(o, (function (t, e) { !a[e] && l.push(t) })), E(a, (function (t, e) { !o[e] && s.push(t) })), l.length && n.dispatchAction({ type: "downplay", escapeConnect: !0, notBlur: !0, batch: l }), s.length && n.dispatchAction({ type: "highlight", escapeConnect: !0, notBlur: !0, batch: s }) }(h, 0, n), p } } function hN(t, e, n, i, r) { var o = t.axis; if (!o.scale.isBlank() && o.containData(e)) if (t.involveSeries) { var a = function (t, e) { var n = e.axis, i = n.dim, r = t, o = [], a = Number.MAX_VALUE, s = -1; return E(e.seriesModels, (function (e, l) { var u, h, c = e.getData().mapDimensionsAll(i); if (e.getAxisTooltipData) { var p = e.getAxisTooltipData(c, t, n); h = p.dataIndices, u = p.nestestValue } else { if (!(h = e.getData().indicesOfNearest(c[0], t, "category" === n.type ? .5 : null)).length) return; u = e.getData().get(c[0], h[0]) } if (null != u && isFinite(u)) { var d = t - u, f = Math.abs(d); f <= a && ((f < a || d >= 0 && s < 0) && (a = f, s = d, r = u, o.length = 0), E(h, (function (t) { o.push({ seriesIndex: e.seriesIndex, dataIndexInside: t, dataIndex: e.getData().getRawIndex(t) }) }))) } })), { payloadBatch: o, snapToValue: r } }(e, t), s = a.payloadBatch, l = a.snapToValue; s[0] && null == r.seriesIndex && A(r, s[0]), !i && t.snap && o.containData(l) && null != l && (e = l), n.showPointer(t, e, s), n.showTooltip(t, a, l) } else n.showPointer(t, e) } function cN(t, e, n, i) { t[e.key] = { value: n, payloadBatch: i } } function pN(t, e, n, i) { var r = n.payloadBatch, o = e.axis, a = o.model, s = e.axisPointerModel; if (e.triggerTooltip && r.length) { var l = e.coordSys.model, u = eI(l), h = t.map[u]; h || (h = t.map[u] = { coordSysId: l.id, coordSysIndex: l.componentIndex, coordSysType: l.type, coordSysMainType: l.mainType, dataByAxis: [] }, t.list.push(h)), h.dataByAxis.push({ axisDim: o.dim, axisIndex: a.componentIndex, axisType: a.type, axisId: a.id, value: i, valueLabelOpt: { precision: s.get(["label", "precision"]), formatter: s.get(["label", "formatter"]) }, seriesDataIndices: r.slice() }) } } function dN(t) { var e = t.axis.model, n = {}, i = n.axisDim = t.axis.dim; return n.axisIndex = n[i + "AxisIndex"] = e.componentIndex, n.axisName = n[i + "AxisName"] = e.name, n.axisId = n[i + "AxisId"] = e.id, n } function fN(t) { return !t || null == t[0] || isNaN(t[0]) || null == t[1] || isNaN(t[1]) } function gN(t) { iI.registerAxisPointerClass("CartesianAxisPointer", qR), t.registerComponentModel(QR), t.registerComponentView(aN), t.registerPreprocessor((function (t) { if (t) { (!t.axisPointer || 0 === t.axisPointer.length) && (t.axisPointer = {}); var e = t.axisPointer.link; e && !Y(e) && (t.axisPointer.link = [e]) } })), t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, (function (t, e) { t.getComponent("axisPointer").coordSysAxesInfo = KM(t, e) })), t.registerAction({ type: "updateAxisPointer", event: "updateAxisPointer", update: ":updateAxisPointer" }, uN) } var yN = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.makeElOption = function (t, e, n, i, r) { var o = n.axis; "angle" === o.dim && (this.animationThreshold = Math.PI / 18); var a = o.polar, s = a.getOtherAxis(o).getExtent(), l = o.dataToCoord(e), u = i.get("type"); if (u && "none" !== u) { var h = GR(i), c = vN[u](o, a, l, s); c.style = h, t.graphicKey = c.type, t.pointer = c } var p = function (t, e, n, i, r) { var o = e.axis, a = o.dataToCoord(t), s = i.getAngleAxis().getExtent()[0]; s = s / 180 * Math.PI; var l, u, h, c = i.getRadiusAxis().getExtent(); if ("radius" === o.dim) { var p = [1, 0, 0, 1, 0, 0]; _e(p, p, s), xe(p, p, [i.cx, i.cy]), l = Ph([a, -r], p); var d = e.getModel("axisLabel").get("rotate") || 0, f = YM.innerTextLayout(s, d * Math.PI / 180, -1); u = f.textAlign, h = f.textVerticalAlign } else { var g = c[1]; l = i.coordToPoint([g + r, a]); var y = i.cx, v = i.cy; u = Math.abs(l[0] - y) / g < .3 ? "center" : l[0] > y ? "left" : "right", h = Math.abs(l[1] - v) / g < .3 ? "middle" : l[1] > v ? "top" : "bottom" } return { position: l, align: u, verticalAlign: h } }(e, n, 0, a, i.get(["label", "margin"])); WR(t, n, i, r, p) }, e }(NR); var vN = { line: function (t, e, n, i) { return "angle" === t.dim ? { type: "Line", shape: XR(e.coordToPoint([i[0], n]), e.coordToPoint([i[1], n])) } : { type: "Circle", shape: { cx: e.cx, cy: e.cy, r: n } } }, shadow: function (t, e, n, i) { var r = Math.max(1, t.getBandWidth()), o = Math.PI / 180; return "angle" === t.dim ? { type: "Sector", shape: jR(e.cx, e.cy, i[0], i[1], (-n - r / 2) * o, (r / 2 - n) * o) } : { type: "Sector", shape: jR(e.cx, e.cy, n - r / 2, n + r / 2, 0, 2 * Math.PI) } } }, mN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.findAxisModel = function (t) { var e; return this.ecModel.eachComponent(t, (function (t) { t.getCoordSysModel() === this && (e = t) }), this), e }, e.type = "polar", e.dependencies = ["radiusAxis", "angleAxis"], e.defaultOption = { z: 0, center: ["50%", "50%"], radius: "80%" }, e }(Ap), xN = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.getCoordSysModel = function () { return this.getReferringComponents("polar", Po).models[0] }, e.type = "polarAxis", e }(Ap); R(xN, g_); var _N = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "angleAxis", e }(xN), bN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "radiusAxis", e }(xN), wN = function (t) { function e(e, n) { return t.call(this, "radius", e, n) || this } return n(e, t), e.prototype.pointToData = function (t, e) { return this.polar.pointToData(t, e)["radius" === this.dim ? 0 : 1] }, e }(X_); wN.prototype.dataToRadius = X_.prototype.dataToCoord, wN.prototype.radiusToData = X_.prototype.coordToData; var SN = Do(), MN = function (t) { function e(e, n) { return t.call(this, "angle", e, n || [0, 360]) || this } return n(e, t), e.prototype.pointToData = function (t, e) { return this.polar.pointToData(t, e)["radius" === this.dim ? 0 : 1] }, e.prototype.calculateCategoryInterval = function () { var t = this, e = t.getLabelModel(), n = t.scale, i = n.getExtent(), r = n.count(); if (i[1] - i[0] < 1) return 0; var o = i[0], a = t.dataToCoord(o + 1) - t.dataToCoord(o), s = Math.abs(a), l = yr(null == o ? "" : o + "", e.getFont(), "center", "top"), u = Math.max(l.height, 7) / s; isNaN(u) && (u = 1 / 0); var h = Math.max(0, Math.floor(u)), c = SN(t.model), p = c.lastAutoInterval, d = c.lastTickCount; return null != p && null != d && Math.abs(p - h) <= 1 && Math.abs(d - r) <= 1 && p > h ? h = p : (c.lastTickCount = r, c.lastAutoInterval = h), h }, e }(X_); MN.prototype.dataToAngle = X_.prototype.dataToCoord, MN.prototype.angleToData = X_.prototype.coordToData; var IN = ["radius", "angle"], TN = function () { function t(t) { this.dimensions = IN, this.type = "polar", this.cx = 0, this.cy = 0, this._radiusAxis = new wN, this._angleAxis = new MN, this.axisPointerEnabled = !0, this.name = t || "", this._radiusAxis.polar = this._angleAxis.polar = this } return t.prototype.containPoint = function (t) { var e = this.pointToCoord(t); return this._radiusAxis.contain(e[0]) && this._angleAxis.contain(e[1]) }, t.prototype.containData = function (t) { return this._radiusAxis.containData(t[0]) && this._angleAxis.containData(t[1]) }, t.prototype.getAxis = function (t) { return this["_" + t + "Axis"] }, t.prototype.getAxes = function () { return [this._radiusAxis, this._angleAxis] }, t.prototype.getAxesByScale = function (t) { var e = [], n = this._angleAxis, i = this._radiusAxis; return n.scale.type === t && e.push(n), i.scale.type === t && e.push(i), e }, t.prototype.getAngleAxis = function () { return this._angleAxis }, t.prototype.getRadiusAxis = function () { return this._radiusAxis }, t.prototype.getOtherAxis = function (t) { var e = this._angleAxis; return t === e ? this._radiusAxis : e }, t.prototype.getBaseAxis = function () { return this.getAxesByScale("ordinal")[0] || this.getAxesByScale("time")[0] || this.getAngleAxis() }, t.prototype.getTooltipAxes = function (t) { var e = null != t && "auto" !== t ? this.getAxis(t) : this.getBaseAxis(); return { baseAxes: [e], otherAxes: [this.getOtherAxis(e)] } }, t.prototype.dataToPoint = function (t, e) { return this.coordToPoint([this._radiusAxis.dataToRadius(t[0], e), this._angleAxis.dataToAngle(t[1], e)]) }, t.prototype.pointToData = function (t, e) { var n = this.pointToCoord(t); return [this._radiusAxis.radiusToData(n[0], e), this._angleAxis.angleToData(n[1], e)] }, t.prototype.pointToCoord = function (t) { var e = t[0] - this.cx, n = t[1] - this.cy, i = this.getAngleAxis(), r = i.getExtent(), o = Math.min(r[0], r[1]), a = Math.max(r[0], r[1]); i.inverse ? o = a - 360 : a = o + 360; var s = Math.sqrt(e * e + n * n); e /= s, n /= s; for (var l = Math.atan2(-n, e) / Math.PI * 180, u = l < o ? 1 : -1; l < o || l > a;)l += 360 * u; return [s, l] }, t.prototype.coordToPoint = function (t) { var e = t[0], n = t[1] / 180 * Math.PI; return [Math.cos(n) * e + this.cx, -Math.sin(n) * e + this.cy] }, t.prototype.getArea = function () { var t = this.getAngleAxis(), e = this.getRadiusAxis().getExtent().slice(); e[0] > e[1] && e.reverse(); var n = t.getExtent(), i = Math.PI / 180; return { cx: this.cx, cy: this.cy, r0: e[0], r: e[1], startAngle: -n[0] * i, endAngle: -n[1] * i, clockwise: t.inverse, contain: function (t, e) { var n = t - this.cx, i = e - this.cy, r = n * n + i * i - 1e-4, o = this.r, a = this.r0; return r <= o * o && r >= a * a } } }, t.prototype.convertToPixel = function (t, e, n) { return CN(e) === this ? this.dataToPoint(n) : null }, t.prototype.convertFromPixel = function (t, e, n) { return CN(e) === this ? this.pointToData(n) : null }, t }(); function CN(t) { var e = t.seriesModel, n = t.polarModel; return n && n.coordinateSystem || e && e.coordinateSystem } function DN(t, e) { var n = this, i = n.getAngleAxis(), r = n.getRadiusAxis(); if (i.scale.setExtent(1 / 0, -1 / 0), r.scale.setExtent(1 / 0, -1 / 0), t.eachSeries((function (t) { if (t.coordinateSystem === n) { var e = t.getData(); E(f_(e, "radius"), (function (t) { r.scale.unionExtentFromData(e, t) })), E(f_(e, "angle"), (function (t) { i.scale.unionExtentFromData(e, t) })) } })), s_(i.scale, i.model), s_(r.scale, r.model), "category" === i.type && !i.onBand) { var o = i.getExtent(), a = 360 / i.scale.count(); i.inverse ? o[1] += a : o[1] -= a, i.setExtent(o[0], o[1]) } } function AN(t, e) { if (t.type = e.get("type"), t.scale = l_(e), t.onBand = e.get("boundaryGap") && "category" === t.type, t.inverse = e.get("inverse"), function (t) { return "angleAxis" === t.mainType }(e)) { t.inverse = t.inverse !== e.get("clockwise"); var n = e.get("startAngle"); t.setExtent(n, n + (t.inverse ? -360 : 360)) } e.axis = t, t.model = e } var kN = { dimensions: IN, create: function (t, e) { var n = []; return t.eachComponent("polar", (function (t, i) { var r = new TN(i + ""); r.update = DN; var o = r.getRadiusAxis(), a = r.getAngleAxis(), s = t.findAxisModel("radiusAxis"), l = t.findAxisModel("angleAxis"); AN(o, s), AN(a, l), function (t, e, n) { var i = e.get("center"), r = n.getWidth(), o = n.getHeight(); t.cx = Gr(i[0], r), t.cy = Gr(i[1], o); var a = t.getRadiusAxis(), s = Math.min(r, o) / 2, l = e.get("radius"); null == l ? l = [0, "100%"] : Y(l) || (l = [0, l]); var u = [Gr(l[0], s), Gr(l[1], s)]; a.inverse ? a.setExtent(u[1], u[0]) : a.setExtent(u[0], u[1]) }(r, t, e), n.push(r), t.coordinateSystem = r, r.model = t })), t.eachSeries((function (t) { if ("polar" === t.get("coordinateSystem")) { var e = t.getReferringComponents("polar", Po).models[0]; 0, t.coordinateSystem = e.coordinateSystem } })), n } }, LN = ["axisLine", "axisLabel", "axisTick", "minorTick", "splitLine", "minorSplitLine", "splitArea"]; function PN(t, e, n) { e[1] > e[0] && (e = e.slice().reverse()); var i = t.coordToPoint([e[0], n]), r = t.coordToPoint([e[1], n]); return { x1: i[0], y1: i[1], x2: r[0], y2: r[1] } } function ON(t) { return t.getRadiusAxis().inverse ? 0 : 1 } function RN(t) { var e = t[0], n = t[t.length - 1]; e && n && Math.abs(Math.abs(e.coord - n.coord) - 360) < 1e-4 && t.pop() } var NN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.axisPointerClass = "PolarAxisPointer", n } return n(e, t), e.prototype.render = function (t, e) { if (this.group.removeAll(), t.get("show")) { var n = t.axis, i = n.polar, r = i.getRadiusAxis().getExtent(), o = n.getTicksCoords(), a = n.getMinorTicksCoords(), s = z(n.getViewLabels(), (function (t) { t = T(t); var e = n.scale, i = "ordinal" === e.type ? e.getRawOrdinalNumber(t.tickValue) : t.tickValue; return t.coord = n.dataToCoord(i), t })); RN(s), RN(o), E(LN, (function (e) { !t.get([e, "show"]) || n.scale.isBlank() && "axisLine" !== e || EN[e](this.group, t, i, o, a, r, s) }), this) } }, e.type = "angleAxis", e }(iI), EN = { axisLine: function (t, e, n, i, r, o) { var a, s = e.getModel(["axisLine", "lineStyle"]), l = ON(n), u = l ? 0 : 1; (a = 0 === o[u] ? new gu({ shape: { cx: n.cx, cy: n.cy, r: o[l] }, style: s.getLineStyle(), z2: 1, silent: !0 }) : new Ru({ shape: { cx: n.cx, cy: n.cy, r: o[l], r0: o[u] }, style: s.getLineStyle(), z2: 1, silent: !0 })).style.fill = null, t.add(a) }, axisTick: function (t, e, n, i, r, o) { var a = e.getModel("axisTick"), s = (a.get("inside") ? -1 : 1) * a.get("length"), l = o[ON(n)], u = z(i, (function (t) { return new Wu({ shape: PN(n, [l, l + s], t.coord) }) })); t.add(Ch(u, { style: k(a.getModel("lineStyle").getLineStyle(), { stroke: e.get(["axisLine", "lineStyle", "color"]) }) })) }, minorTick: function (t, e, n, i, r, o) { if (r.length) { for (var a = e.getModel("axisTick"), s = e.getModel("minorTick"), l = (a.get("inside") ? -1 : 1) * s.get("length"), u = o[ON(n)], h = [], c = 0; c < r.length; c++)for (var p = 0; p < r[c].length; p++)h.push(new Wu({ shape: PN(n, [u, u + l], r[c][p].coord) })); t.add(Ch(h, { style: k(s.getModel("lineStyle").getLineStyle(), k(a.getLineStyle(), { stroke: e.get(["axisLine", "lineStyle", "color"]) })) })) } }, axisLabel: function (t, e, n, i, r, o, a) { var s = e.getCategories(!0), l = e.getModel("axisLabel"), u = l.get("margin"), h = e.get("triggerEvent"); E(a, (function (i, r) { var a = l, c = i.tickValue, p = o[ON(n)], d = n.coordToPoint([p + u, i.coord]), f = n.cx, g = n.cy, y = Math.abs(d[0] - f) / p < .3 ? "center" : d[0] > f ? "left" : "right", v = Math.abs(d[1] - g) / p < .3 ? "middle" : d[1] > g ? "top" : "bottom"; if (s && s[c]) { var m = s[c]; q(m) && m.textStyle && (a = new xc(m.textStyle, l, l.ecModel)) } var x = new Ns({ silent: YM.isLabelSilent(e), style: $h(a, { x: d[0], y: d[1], fill: a.getTextColor() || e.get(["axisLine", "lineStyle", "color"]), text: i.formattedLabel, align: y, verticalAlign: v }) }); if (t.add(x), h) { var _ = YM.makeAxisEventDataBase(e); _.targetType = "axisLabel", _.value = i.rawLabel, js(x).eventData = _ } }), this) }, splitLine: function (t, e, n, i, r, o) { var a = e.getModel("splitLine").getModel("lineStyle"), s = a.get("color"), l = 0; s = s instanceof Array ? s : [s]; for (var u = [], h = 0; h < i.length; h++) { var c = l++ % s.length; u[c] = u[c] || [], u[c].push(new Wu({ shape: PN(n, o, i[h].coord) })) } for (h = 0; h < u.length; h++)t.add(Ch(u[h], { style: k({ stroke: s[h % s.length] }, a.getLineStyle()), silent: !0, z: e.get("z") })) }, minorSplitLine: function (t, e, n, i, r, o) { if (r.length) { for (var a = e.getModel("minorSplitLine").getModel("lineStyle"), s = [], l = 0; l < r.length; l++)for (var u = 0; u < r[l].length; u++)s.push(new Wu({ shape: PN(n, o, r[l][u].coord) })); t.add(Ch(s, { style: a.getLineStyle(), silent: !0, z: e.get("z") })) } }, splitArea: function (t, e, n, i, r, o) { if (i.length) { var a = e.getModel("splitArea").getModel("areaStyle"), s = a.get("color"), l = 0; s = s instanceof Array ? s : [s]; for (var u = [], h = Math.PI / 180, c = -i[0].coord * h, p = Math.min(o[0], o[1]), d = Math.max(o[0], o[1]), f = e.get("clockwise"), g = 1, y = i.length; g <= y; g++) { var v = g === y ? i[0].coord : i[g].coord, m = l++ % s.length; u[m] = u[m] || [], u[m].push(new Pu({ shape: { cx: n.cx, cy: n.cy, r0: p, r: d, startAngle: c, endAngle: -v * h, clockwise: f }, silent: !0 })), c = -v * h } for (g = 0; g < u.length; g++)t.add(Ch(u[g], { style: k({ fill: s[g % s.length] }, a.getAreaStyle()), silent: !0 })) } } }, zN = ["axisLine", "axisTickLabel", "axisName"], VN = ["splitLine", "splitArea", "minorSplitLine"], BN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.axisPointerClass = "PolarAxisPointer", n } return n(e, t), e.prototype.render = function (t, e) { if (this.group.removeAll(), t.get("show")) { var n = this._axisGroup, i = this._axisGroup = new Pr; this.group.add(i); var r = t.axis, o = r.polar, a = o.getAngleAxis(), s = r.getTicksCoords(), l = r.getMinorTicksCoords(), u = a.getExtent()[0], h = r.getExtent(), c = function (t, e, n) { return { position: [t.cx, t.cy], rotation: n / 180 * Math.PI, labelDirection: -1, tickDirection: -1, nameDirection: 1, labelRotate: e.getModel("axisLabel").get("rotate"), z2: 1 } }(o, t, u), p = new YM(t, c); E(zN, p.add, p), i.add(p.getGroup()), Nh(n, i, t), E(VN, (function (e) { t.get([e, "show"]) && !r.scale.isBlank() && FN[e](this.group, t, o, u, h, s, l) }), this) } }, e.type = "radiusAxis", e }(iI), FN = { splitLine: function (t, e, n, i, r, o) { var a = e.getModel("splitLine").getModel("lineStyle"), s = a.get("color"), l = 0; s = s instanceof Array ? s : [s]; for (var u = [], h = 0; h < o.length; h++) { var c = l++ % s.length; u[c] = u[c] || [], u[c].push(new gu({ shape: { cx: n.cx, cy: n.cy, r: Math.max(o[h].coord, 0) } })) } for (h = 0; h < u.length; h++)t.add(Ch(u[h], { style: k({ stroke: s[h % s.length], fill: null }, a.getLineStyle()), silent: !0 })) }, minorSplitLine: function (t, e, n, i, r, o, a) { if (a.length) { for (var s = e.getModel("minorSplitLine").getModel("lineStyle"), l = [], u = 0; u < a.length; u++)for (var h = 0; h < a[u].length; h++)l.push(new gu({ shape: { cx: n.cx, cy: n.cy, r: a[u][h].coord } })); t.add(Ch(l, { style: k({ fill: null }, s.getLineStyle()), silent: !0 })) } }, splitArea: function (t, e, n, i, r, o) { if (o.length) { var a = e.getModel("splitArea").getModel("areaStyle"), s = a.get("color"), l = 0; s = s instanceof Array ? s : [s]; for (var u = [], h = o[0].coord, c = 1; c < o.length; c++) { var p = l++ % s.length; u[p] = u[p] || [], u[p].push(new Pu({ shape: { cx: n.cx, cy: n.cy, r0: h, r: o[c].coord, startAngle: 0, endAngle: 2 * Math.PI }, silent: !0 })), h = o[c].coord } for (c = 0; c < u.length; c++)t.add(Ch(u[c], { style: k({ fill: s[c % s.length] }, a.getAreaStyle()), silent: !0 })) } } }; function GN(t) { return t.get("stack") || "__ec_stack_" + t.seriesIndex } function WN(t, e) { return e.dim + t.model.componentIndex } function HN(t, e, n) { var i = {}, r = function (t) { var e = {}; E(t, (function (t, n) { var i = t.getData(), r = t.coordinateSystem, o = r.getBaseAxis(), a = WN(r, o), s = o.getExtent(), l = "category" === o.type ? o.getBandWidth() : Math.abs(s[1] - s[0]) / i.count(), u = e[a] || { bandWidth: l, remainedWidth: l, autoWidthCount: 0, categoryGap: "20%", gap: "30%", stacks: {} }, h = u.stacks; e[a] = u; var c = GN(t); h[c] || u.autoWidthCount++, h[c] = h[c] || { width: 0, maxWidth: 0 }; var p = Gr(t.get("barWidth"), l), d = Gr(t.get("barMaxWidth"), l), f = t.get("barGap"), g = t.get("barCategoryGap"); p && !h[c].width && (p = Math.min(u.remainedWidth, p), h[c].width = p, u.remainedWidth -= p), d && (h[c].maxWidth = d), null != f && (u.gap = f), null != g && (u.categoryGap = g) })); var n = {}; return E(e, (function (t, e) { n[e] = {}; var i = t.stacks, r = t.bandWidth, o = Gr(t.categoryGap, r), a = Gr(t.gap, 1), s = t.remainedWidth, l = t.autoWidthCount, u = (s - o) / (l + (l - 1) * a); u = Math.max(u, 0), E(i, (function (t, e) { var n = t.maxWidth; n && n < u && (n = Math.min(n, s), t.width && (n = Math.min(n, t.width)), s -= n, t.width = n, l--) })), u = (s - o) / (l + (l - 1) * a), u = Math.max(u, 0); var h, c = 0; E(i, (function (t, e) { t.width || (t.width = u), h = t, c += t.width * (1 + a) })), h && (c -= h.width * a); var p = -c / 2; E(i, (function (t, i) { n[e][i] = n[e][i] || { offset: p, width: t.width }, p += t.width * (1 + a) })) })), n }(B(e.getSeriesByType(t), (function (t) { return !e.isSeriesFiltered(t) && t.coordinateSystem && "polar" === t.coordinateSystem.type }))); e.eachSeriesByType(t, (function (t) { if ("polar" === t.coordinateSystem.type) { var e = t.getData(), n = t.coordinateSystem, o = n.getBaseAxis(), a = WN(n, o), s = GN(t), l = r[a][s], u = l.offset, h = l.width, c = n.getOtherAxis(o), p = t.coordinateSystem.cx, d = t.coordinateSystem.cy, f = t.get("barMinHeight") || 0, g = t.get("barMinAngle") || 0; i[s] = i[s] || []; for (var y = e.mapDimension(c.dim), v = e.mapDimension(o.dim), m = ox(e, y), x = "radius" !== o.dim || !t.get("roundCap", !0), _ = c.dataToCoord(0), b = 0, w = e.count(); b < w; b++) { var S = e.get(y, b), M = e.get(v, b), I = S >= 0 ? "p" : "n", T = _; m && (i[s][M] || (i[s][M] = { p: _, n: _ }), T = i[s][M][I]); var C = void 0, D = void 0, A = void 0, k = void 0; if ("radius" === c.dim) { var L = c.dataToCoord(S) - _, P = o.dataToCoord(M); Math.abs(L) < f && (L = (L < 0 ? -1 : 1) * f), C = T, D = T + L, k = (A = P - u) - h, m && (i[s][M][I] = D) } else { var O = c.dataToCoord(S, x) - _, R = o.dataToCoord(M); Math.abs(O) < g && (O = (O < 0 ? -1 : 1) * g), D = (C = R + u) + h, A = T, k = T + O, m && (i[s][M][I] = k) } e.setItemLayout(b, { cx: p, cy: d, r0: C, r: D, startAngle: -A * Math.PI / 180, endAngle: -k * Math.PI / 180, clockwise: A >= k }) } } })) } var YN = { startAngle: 90, clockwise: !0, splitNumber: 12, axisLabel: { rotate: 0 } }, UN = { splitNumber: 5 }, XN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "polar", e }(mg); function ZN(t, e) { e = e || {}; var n = t.coordinateSystem, i = t.axis, r = {}, o = i.position, a = i.orient, s = n.getRect(), l = [s.x, s.x + s.width, s.y, s.y + s.height], u = { horizontal: { top: l[2], bottom: l[3] }, vertical: { left: l[0], right: l[1] } }; r.position = ["vertical" === a ? u.vertical[o] : l[0], "horizontal" === a ? u.horizontal[o] : l[3]]; r.rotation = Math.PI / 2 * { horizontal: 0, vertical: 1 }[a]; r.labelDirection = r.tickDirection = r.nameDirection = { top: -1, bottom: 1, right: 1, left: -1 }[o], t.get(["axisTick", "inside"]) && (r.tickDirection = -r.tickDirection), it(e.labelInside, t.get(["axisLabel", "inside"])) && (r.labelDirection = -r.labelDirection); var h = e.rotate; return null == h && (h = t.get(["axisLabel", "rotate"])), r.labelRotation = "top" === o ? -h : h, r.z2 = 1, r } var jN = ["axisLine", "axisTickLabel", "axisName"], qN = ["splitArea", "splitLine"], KN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.axisPointerClass = "SingleAxisPointer", n } return n(e, t), e.prototype.render = function (e, n, i, r) { var o = this.group; o.removeAll(); var a = this._axisGroup; this._axisGroup = new Pr; var s = ZN(e), l = new YM(e, s); E(jN, l.add, l), o.add(this._axisGroup), o.add(l.getGroup()), E(qN, (function (t) { e.get([t, "show"]) && $N[t](this, this.group, this._axisGroup, e) }), this), Nh(a, this._axisGroup, e), t.prototype.render.call(this, e, n, i, r) }, e.prototype.remove = function () { aI(this) }, e.type = "singleAxis", e }(iI), $N = { splitLine: function (t, e, n, i) { var r = i.axis; if (!r.scale.isBlank()) { var o = i.getModel("splitLine"), a = o.getModel("lineStyle"), s = a.get("color"); s = s instanceof Array ? s : [s]; for (var l = a.get("width"), u = i.coordinateSystem.getRect(), h = r.isHorizontal(), c = [], p = 0, d = r.getTicksCoords({ tickModel: o }), f = [], g = [], y = 0; y < d.length; ++y) { var v = r.toGlobalCoord(d[y].coord); h ? (f[0] = v, f[1] = u.y, g[0] = v, g[1] = u.y + u.height) : (f[0] = u.x, f[1] = v, g[0] = u.x + u.width, g[1] = v); var m = new Wu({ shape: { x1: f[0], y1: f[1], x2: g[0], y2: g[1] }, silent: !0 }); Ah(m.shape, l); var x = p++ % s.length; c[x] = c[x] || [], c[x].push(m) } var _ = a.getLineStyle(["color"]); for (y = 0; y < c.length; ++y)e.add(Ch(c[y], { style: k({ stroke: s[y % s.length] }, _), silent: !0 })) } }, splitArea: function (t, e, n, i) { oI(t, n, i, i) } }, JN = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.getCoordSysModel = function () { return this }, e.type = "singleAxis", e.layoutMode = "box", e.defaultOption = { left: "5%", top: "5%", right: "5%", bottom: "5%", type: "value", position: "bottom", orient: "horizontal", axisLine: { show: !0, lineStyle: { width: 1, type: "solid" } }, tooltip: { show: !0 }, axisTick: { show: !0, length: 6, lineStyle: { width: 1 } }, axisLabel: { show: !0, interval: "auto" }, splitLine: { show: !0, lineStyle: { type: "dashed", opacity: .2 } } }, e }(Ap); R(JN, g_.prototype); var QN = function (t) { function e(e, n, i, r, o) { var a = t.call(this, e, n, i) || this; return a.type = r || "value", a.position = o || "bottom", a } return n(e, t), e.prototype.isHorizontal = function () { var t = this.position; return "top" === t || "bottom" === t }, e.prototype.pointToData = function (t, e) { return this.coordinateSystem.pointToData(t)[0] }, e }(X_), tE = ["single"], eE = function () { function t(t, e, n) { this.type = "single", this.dimension = "single", this.dimensions = tE, this.axisPointerEnabled = !0, this.model = t, this._init(t, e, n) } return t.prototype._init = function (t, e, n) { var i = this.dimension, r = new QN(i, l_(t), [0, 0], t.get("type"), t.get("position")), o = "category" === r.type; r.onBand = o && t.get("boundaryGap"), r.inverse = t.get("inverse"), r.orient = t.get("orient"), t.axis = r, r.model = t, r.coordinateSystem = this, this._axis = r }, t.prototype.update = function (t, e) { t.eachSeries((function (t) { if (t.coordinateSystem === this) { var e = t.getData(); E(e.mapDimensionsAll(this.dimension), (function (t) { this._axis.scale.unionExtentFromData(e, t) }), this), s_(this._axis.scale, this._axis.model) } }), this) }, t.prototype.resize = function (t, e) { this._rect = wp({ left: t.get("left"), top: t.get("top"), right: t.get("right"), bottom: t.get("bottom"), width: t.get("width"), height: t.get("height") }, { width: e.getWidth(), height: e.getHeight() }), this._adjustAxis() }, t.prototype.getRect = function () { return this._rect }, t.prototype._adjustAxis = function () { var t = this._rect, e = this._axis, n = e.isHorizontal(), i = n ? [0, t.width] : [0, t.height], r = e.inverse ? 1 : 0; e.setExtent(i[r], i[1 - r]), this._updateAxisTransform(e, n ? t.x : t.y) }, t.prototype._updateAxisTransform = function (t, e) { var n = t.getExtent(), i = n[0] + n[1], r = t.isHorizontal(); t.toGlobalCoord = r ? function (t) { return t + e } : function (t) { return i - t + e }, t.toLocalCoord = r ? function (t) { return t - e } : function (t) { return i - t + e } }, t.prototype.getAxis = function () { return this._axis }, t.prototype.getBaseAxis = function () { return this._axis }, t.prototype.getAxes = function () { return [this._axis] }, t.prototype.getTooltipAxes = function () { return { baseAxes: [this.getAxis()], otherAxes: [] } }, t.prototype.containPoint = function (t) { var e = this.getRect(), n = this.getAxis(); return "horizontal" === n.orient ? n.contain(n.toLocalCoord(t[0])) && t[1] >= e.y && t[1] <= e.y + e.height : n.contain(n.toLocalCoord(t[1])) && t[0] >= e.y && t[0] <= e.y + e.height }, t.prototype.pointToData = function (t) { var e = this.getAxis(); return [e.coordToData(e.toLocalCoord(t["horizontal" === e.orient ? 0 : 1]))] }, t.prototype.dataToPoint = function (t) { var e = this.getAxis(), n = this.getRect(), i = [], r = "horizontal" === e.orient ? 0 : 1; return t instanceof Array && (t = t[0]), i[r] = e.toGlobalCoord(e.dataToCoord(+t)), i[1 - r] = 0 === r ? n.y + n.height / 2 : n.x + n.width / 2, i }, t.prototype.convertToPixel = function (t, e, n) { return nE(e) === this ? this.dataToPoint(n) : null }, t.prototype.convertFromPixel = function (t, e, n) { return nE(e) === this ? this.pointToData(n) : null }, t }(); function nE(t) { var e = t.seriesModel, n = t.singleAxisModel; return n && n.coordinateSystem || e && e.coordinateSystem } var iE = { create: function (t, e) { var n = []; return t.eachComponent("singleAxis", (function (i, r) { var o = new eE(i, t, e); o.name = "single_" + r, o.resize(i, e), i.coordinateSystem = o, n.push(o) })), t.eachSeries((function (t) { if ("singleAxis" === t.get("coordinateSystem")) { var e = t.getReferringComponents("singleAxis", Po).models[0]; t.coordinateSystem = e && e.coordinateSystem } })), n }, dimensions: tE }, rE = ["x", "y"], oE = ["width", "height"], aE = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.makeElOption = function (t, e, n, i, r) { var o = n.axis, a = o.coordinateSystem, s = uE(a, 1 - lE(o)), l = a.dataToPoint(e)[0], u = i.get("type"); if (u && "none" !== u) { var h = GR(i), c = sE[u](o, l, s); c.style = h, t.graphicKey = c.type, t.pointer = c } UR(e, t, ZN(n), n, i, r) }, e.prototype.getHandleTransform = function (t, e, n) { var i = ZN(e, { labelInside: !1 }); i.labelMargin = n.get(["handle", "margin"]); var r = YR(e.axis, t, i); return { x: r[0], y: r[1], rotation: i.rotation + (i.labelDirection < 0 ? Math.PI : 0) } }, e.prototype.updateHandleTransform = function (t, e, n, i) { var r = n.axis, o = r.coordinateSystem, a = lE(r), s = uE(o, a), l = [t.x, t.y]; l[a] += e[a], l[a] = Math.min(s[1], l[a]), l[a] = Math.max(s[0], l[a]); var u = uE(o, 1 - a), h = (u[1] + u[0]) / 2, c = [h, h]; return c[a] = l[a], { x: l[0], y: l[1], rotation: t.rotation, cursorPoint: c, tooltipOption: { verticalAlign: "middle" } } }, e }(NR), sE = { line: function (t, e, n) { return { type: "Line", subPixelOptimize: !0, shape: XR([e, n[0]], [e, n[1]], lE(t)) } }, shadow: function (t, e, n) { var i = t.getBandWidth(), r = n[1] - n[0]; return { type: "Rect", shape: ZR([e - i / 2, n[0]], [i, r], lE(t)) } } }; function lE(t) { return t.isHorizontal() ? 0 : 1 } function uE(t, e) { var n = t.getRect(); return [n[rE[e]], n[rE[e]] + n[oE[e]]] } var hE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "single", e }(mg); var cE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (e, n, i) { var r = Tp(e); t.prototype.init.apply(this, arguments), pE(e, r) }, e.prototype.mergeOption = function (e) { t.prototype.mergeOption.apply(this, arguments), pE(this.option, e) }, e.prototype.getCellSize = function () { return this.option.cellSize }, e.type = "calendar", e.defaultOption = { z: 2, left: 80, top: 60, cellSize: 20, orient: "horizontal", splitLine: { show: !0, lineStyle: { color: "#000", width: 1, type: "solid" } }, itemStyle: { color: "#fff", borderWidth: 1, borderColor: "#ccc" }, dayLabel: { show: !0, firstDay: 0, position: "start", margin: "50%", color: "#000" }, monthLabel: { show: !0, position: "start", margin: 5, align: "center", formatter: null, color: "#000" }, yearLabel: { show: !0, position: null, margin: 30, formatter: null, color: "#ccc", fontFamily: "sans-serif", fontWeight: "bolder", fontSize: 20 } }, e }(Ap); function pE(t, e) { var n, i = t.cellSize; 1 === (n = Y(i) ? i : t.cellSize = [i, i]).length && (n[1] = n[0]); var r = z([0, 1], (function (t) { return function (t, e) { return null != t[xp[e][0]] || null != t[xp[e][1]] && null != t[xp[e][2]] }(e, t) && (n[t] = "auto"), null != n[t] && "auto" !== n[t] })); Ip(t, e, { type: "box", ignoreSize: r }) } var dE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { var i = this.group; i.removeAll(); var r = t.coordinateSystem, o = r.getRangeInfo(), a = r.getOrient(), s = e.getLocaleModel(); this._renderDayRect(t, o, i), this._renderLines(t, o, a, i), this._renderYearText(t, o, a, i), this._renderMonthText(t, s, a, i), this._renderWeekText(t, s, o, a, i) }, e.prototype._renderDayRect = function (t, e, n) { for (var i = t.coordinateSystem, r = t.getModel("itemStyle").getItemStyle(), o = i.getCellWidth(), a = i.getCellHeight(), s = e.start.time; s <= e.end.time; s = i.getNextNDay(s, 1).time) { var l = i.dataToRect([s], !1).tl, u = new Ps({ shape: { x: l[0], y: l[1], width: o, height: a }, cursor: "default", style: r }); n.add(u) } }, e.prototype._renderLines = function (t, e, n, i) { var r = this, o = t.coordinateSystem, a = t.getModel(["splitLine", "lineStyle"]).getLineStyle(), s = t.get(["splitLine", "show"]), l = a.lineWidth; this._tlpoints = [], this._blpoints = [], this._firstDayOfMonth = [], this._firstDayPoints = []; for (var u = e.start, h = 0; u.time <= e.end.time; h++) { p(u.formatedDate), 0 === h && (u = o.getDateInfo(e.start.y + "-" + e.start.m)); var c = u.date; c.setMonth(c.getMonth() + 1), u = o.getDateInfo(c) } function p(e) { r._firstDayOfMonth.push(o.getDateInfo(e)), r._firstDayPoints.push(o.dataToRect([e], !1).tl); var l = r._getLinePointsOfOneWeek(t, e, n); r._tlpoints.push(l[0]), r._blpoints.push(l[l.length - 1]), s && r._drawSplitline(l, a, i) } p(o.getNextNDay(e.end.time, 1).formatedDate), s && this._drawSplitline(r._getEdgesPoints(r._tlpoints, l, n), a, i), s && this._drawSplitline(r._getEdgesPoints(r._blpoints, l, n), a, i) }, e.prototype._getEdgesPoints = function (t, e, n) { var i = [t[0].slice(), t[t.length - 1].slice()], r = "horizontal" === n ? 0 : 1; return i[0][r] = i[0][r] - e / 2, i[1][r] = i[1][r] + e / 2, i }, e.prototype._drawSplitline = function (t, e, n) { var i = new Bu({ z2: 20, shape: { points: t }, style: e }); n.add(i) }, e.prototype._getLinePointsOfOneWeek = function (t, e, n) { for (var i = t.coordinateSystem, r = i.getDateInfo(e), o = [], a = 0; a < 7; a++) { var s = i.getNextNDay(r.time, a), l = i.dataToRect([s.time], !1); o[2 * s.day] = l.tl, o[2 * s.day + 1] = l["horizontal" === n ? "bl" : "tr"] } return o }, e.prototype._formatterLabel = function (t, e) { return X(t) && t ? (n = t, E(e, (function (t, e) { n = n.replace("{" + e + "}", i ? ee(t) : t) })), n) : U(t) ? t(e) : e.nameMap; var n, i }, e.prototype._yearTextPositionControl = function (t, e, n, i, r) { var o = e[0], a = e[1], s = ["center", "bottom"]; "bottom" === i ? (a += r, s = ["center", "top"]) : "left" === i ? o -= r : "right" === i ? (o += r, s = ["center", "top"]) : a -= r; var l = 0; return "left" !== i && "right" !== i || (l = Math.PI / 2), { rotation: l, x: o, y: a, style: { align: s[0], verticalAlign: s[1] } } }, e.prototype._renderYearText = function (t, e, n, i) { var r = t.getModel("yearLabel"); if (r.get("show")) { var o = r.get("margin"), a = r.get("position"); a || (a = "horizontal" !== n ? "top" : "left"); var s = [this._tlpoints[this._tlpoints.length - 1], this._blpoints[0]], l = (s[0][0] + s[1][0]) / 2, u = (s[0][1] + s[1][1]) / 2, h = "horizontal" === n ? 0 : 1, c = { top: [l, s[h][1]], bottom: [l, s[1 - h][1]], left: [s[1 - h][0], u], right: [s[h][0], u] }, p = e.start.y; +e.end.y > +e.start.y && (p = p + "-" + e.end.y); var d = r.get("formatter"), f = { start: e.start.y, end: e.end.y, nameMap: p }, g = this._formatterLabel(d, f), y = new Ns({ z2: 30, style: $h(r, { text: g }) }); y.attr(this._yearTextPositionControl(y, c[a], n, a, o)), i.add(y) } }, e.prototype._monthTextPositionControl = function (t, e, n, i, r) { var o = "left", a = "top", s = t[0], l = t[1]; return "horizontal" === n ? (l += r, e && (o = "center"), "start" === i && (a = "bottom")) : (s += r, e && (a = "middle"), "start" === i && (o = "right")), { x: s, y: l, align: o, verticalAlign: a } }, e.prototype._renderMonthText = function (t, e, n, i) { var r = t.getModel("monthLabel"); if (r.get("show")) { var o = r.get("nameMap"), a = r.get("margin"), s = r.get("position"), l = r.get("align"), u = [this._tlpoints, this._blpoints]; o && !X(o) || (o && (e = kc(o) || e), o = e.get(["time", "monthAbbr"]) || []); var h = "start" === s ? 0 : 1, c = "horizontal" === n ? 0 : 1; a = "start" === s ? -a : a; for (var p = "center" === l, d = 0; d < u[h].length - 1; d++) { var f = u[h][d].slice(), g = this._firstDayOfMonth[d]; if (p) { var y = this._firstDayPoints[d]; f[c] = (y[c] + u[0][d + 1][c]) / 2 } var v = r.get("formatter"), m = o[+g.m - 1], x = { yyyy: g.y, yy: (g.y + "").slice(2), MM: g.m, M: +g.m, nameMap: m }, _ = this._formatterLabel(v, x), b = new Ns({ z2: 30, style: A($h(r, { text: _ }), this._monthTextPositionControl(f, p, n, s, a)) }); i.add(b) } } }, e.prototype._weekTextPositionControl = function (t, e, n, i, r) { var o = "center", a = "middle", s = t[0], l = t[1], u = "start" === n; return "horizontal" === e ? (s = s + i + (u ? 1 : -1) * r[0] / 2, o = u ? "right" : "left") : (l = l + i + (u ? 1 : -1) * r[1] / 2, a = u ? "bottom" : "top"), { x: s, y: l, align: o, verticalAlign: a } }, e.prototype._renderWeekText = function (t, e, n, i, r) { var o = t.getModel("dayLabel"); if (o.get("show")) { var a = t.coordinateSystem, s = o.get("position"), l = o.get("nameMap"), u = o.get("margin"), h = a.getFirstDayOfWeek(); if (!l || X(l)) l && (e = kc(l) || e), l = e.get(["time", "dayOfWeekShort"]) || z(e.get(["time", "dayOfWeekAbbr"]), (function (t) { return t[0] })); var c = a.getNextNDay(n.end.time, 7 - n.lweek).time, p = [a.getCellWidth(), a.getCellHeight()]; u = Gr(u, Math.min(p[1], p[0])), "start" === s && (c = a.getNextNDay(n.start.time, -(7 + n.fweek)).time, u = -u); for (var d = 0; d < 7; d++) { var f, g = a.getNextNDay(c, d), y = a.dataToRect([g.time], !1).center; f = Math.abs((d + h) % 7); var v = new Ns({ z2: 30, style: A($h(o, { text: l[f] }), this._weekTextPositionControl(y, i, s, u, p)) }); r.add(v) } } }, e.type = "calendar", e }(mg), fE = 864e5, gE = function () { function t(e, n, i) { this.type = "calendar", this.dimensions = t.dimensions, this.getDimensionsInfo = t.getDimensionsInfo, this._model = e } return t.getDimensionsInfo = function () { return [{ name: "time", type: "time" }, "value"] }, t.prototype.getRangeInfo = function () { return this._rangeInfo }, t.prototype.getModel = function () { return this._model }, t.prototype.getRect = function () { return this._rect }, t.prototype.getCellWidth = function () { return this._sw }, t.prototype.getCellHeight = function () { return this._sh }, t.prototype.getOrient = function () { return this._orient }, t.prototype.getFirstDayOfWeek = function () { return this._firstDayOfWeek }, t.prototype.getDateInfo = function (t) { var e = (t = Qr(t)).getFullYear(), n = t.getMonth() + 1, i = n < 10 ? "0" + n : "" + n, r = t.getDate(), o = r < 10 ? "0" + r : "" + r, a = t.getDay(); return { y: e + "", m: i, d: o, day: a = Math.abs((a + 7 - this.getFirstDayOfWeek()) % 7), time: t.getTime(), formatedDate: e + "-" + i + "-" + o, date: t } }, t.prototype.getNextNDay = function (t, e) { return 0 === (e = e || 0) || (t = new Date(this.getDateInfo(t).time)).setDate(t.getDate() + e), this.getDateInfo(t) }, t.prototype.update = function (t, e) { this._firstDayOfWeek = +this._model.getModel("dayLabel").get("firstDay"), this._orient = this._model.get("orient"), this._lineWidth = this._model.getModel("itemStyle").getItemStyle().lineWidth || 0, this._rangeInfo = this._getRangeInfo(this._initRangeOption()); var n = this._rangeInfo.weeks || 1, i = ["width", "height"], r = this._model.getCellSize().slice(), o = this._model.getBoxLayoutParams(), a = "horizontal" === this._orient ? [n, 7] : [7, n]; E([0, 1], (function (t) { u(r, t) && (o[i[t]] = r[t] * a[t]) })); var s = { width: e.getWidth(), height: e.getHeight() }, l = this._rect = wp(o, s); function u(t, e) { return null != t[e] && "auto" !== t[e] } E([0, 1], (function (t) { u(r, t) || (r[t] = l[i[t]] / a[t]) })), this._sw = r[0], this._sh = r[1] }, t.prototype.dataToPoint = function (t, e) { Y(t) && (t = t[0]), null == e && (e = !0); var n = this.getDateInfo(t), i = this._rangeInfo, r = n.formatedDate; if (e && !(n.time >= i.start.time && n.time < i.end.time + fE)) return [NaN, NaN]; var o = n.day, a = this._getRangeInfo([i.start.time, r]).nthWeek; return "vertical" === this._orient ? [this._rect.x + o * this._sw + this._sw / 2, this._rect.y + a * this._sh + this._sh / 2] : [this._rect.x + a * this._sw + this._sw / 2, this._rect.y + o * this._sh + this._sh / 2] }, t.prototype.pointToData = function (t) { var e = this.pointToDate(t); return e && e.time }, t.prototype.dataToRect = function (t, e) { var n = this.dataToPoint(t, e); return { contentShape: { x: n[0] - (this._sw - this._lineWidth) / 2, y: n[1] - (this._sh - this._lineWidth) / 2, width: this._sw - this._lineWidth, height: this._sh - this._lineWidth }, center: n, tl: [n[0] - this._sw / 2, n[1] - this._sh / 2], tr: [n[0] + this._sw / 2, n[1] - this._sh / 2], br: [n[0] + this._sw / 2, n[1] + this._sh / 2], bl: [n[0] - this._sw / 2, n[1] + this._sh / 2] } }, t.prototype.pointToDate = function (t) { var e = Math.floor((t[0] - this._rect.x) / this._sw) + 1, n = Math.floor((t[1] - this._rect.y) / this._sh) + 1, i = this._rangeInfo.range; return "vertical" === this._orient ? this._getDateByWeeksAndDay(n, e - 1, i) : this._getDateByWeeksAndDay(e, n - 1, i) }, t.prototype.convertToPixel = function (t, e, n) { var i = yE(e); return i === this ? i.dataToPoint(n) : null }, t.prototype.convertFromPixel = function (t, e, n) { var i = yE(e); return i === this ? i.pointToData(n) : null }, t.prototype.containPoint = function (t) { return console.warn("Not implemented."), !1 }, t.prototype._initRangeOption = function () { var t, e = this._model.get("range"); if (Y(e) && 1 === e.length && (e = e[0]), Y(e)) t = e; else { var n = e.toString(); if (/^\d{4}$/.test(n) && (t = [n + "-01-01", n + "-12-31"]), /^\d{4}[\/|-]\d{1,2}$/.test(n)) { var i = this.getDateInfo(n), r = i.date; r.setMonth(r.getMonth() + 1); var o = this.getNextNDay(r, -1); t = [i.formatedDate, o.formatedDate] } /^\d{4}[\/|-]\d{1,2}[\/|-]\d{1,2}$/.test(n) && (t = [n, n]) } if (!t) return e; var a = this._getRangeInfo(t); return a.start.time > a.end.time && t.reverse(), t }, t.prototype._getRangeInfo = function (t) { var e, n = [this.getDateInfo(t[0]), this.getDateInfo(t[1])]; n[0].time > n[1].time && (e = !0, n.reverse()); var i = Math.floor(n[1].time / fE) - Math.floor(n[0].time / fE) + 1, r = new Date(n[0].time), o = r.getDate(), a = n[1].date.getDate(); r.setDate(o + i - 1); var s = r.getDate(); if (s !== a) for (var l = r.getTime() - n[1].time > 0 ? 1 : -1; (s = r.getDate()) !== a && (r.getTime() - n[1].time) * l > 0;)i -= l, r.setDate(s - l); var u = Math.floor((i + n[0].day + 6) / 7), h = e ? 1 - u : u - 1; return e && n.reverse(), { range: [n[0].formatedDate, n[1].formatedDate], start: n[0], end: n[1], allDay: i, weeks: u, nthWeek: h, fweek: n[0].day, lweek: n[1].day } }, t.prototype._getDateByWeeksAndDay = function (t, e, n) { var i = this._getRangeInfo(n); if (t > i.weeks || 0 === t && e < i.fweek || t === i.weeks && e > i.lweek) return null; var r = 7 * (t - 1) - i.fweek + e, o = new Date(i.start.time); return o.setDate(+i.start.d + r), this.getDateInfo(o) }, t.create = function (e, n) { var i = []; return e.eachComponent("calendar", (function (r) { var o = new t(r, e, n); i.push(o), r.coordinateSystem = o })), e.eachSeries((function (t) { "calendar" === t.get("coordinateSystem") && (t.coordinateSystem = i[t.get("calendarIndex") || 0]) })), i }, t.dimensions = ["time", "value"], t }(); function yE(t) { var e = t.calendarModel, n = t.seriesModel; return e ? e.coordinateSystem : n ? n.coordinateSystem : null } function vE(t, e) { var n; return E(e, (function (e) { null != t[e] && "auto" !== t[e] && (n = !0) })), n } var mE = ["transition", "enterFrom", "leaveTo"], xE = mE.concat(["enterAnimation", "updateAnimation", "leaveAnimation"]); function _E(t, e, n) { if (n && (!t[n] && e[n] && (t[n] = {}), t = t[n], e = e[n]), t && e) for (var i = n ? mE : xE, r = 0; r < i.length; r++) { var o = i[r]; null == t[o] && null != e[o] && (t[o] = e[o]) } } var bE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.preventAutoZ = !0, n } return n(e, t), e.prototype.mergeOption = function (e, n) { var i = this.option.elements; this.option.elements = null, t.prototype.mergeOption.call(this, e, n), this.option.elements = i }, e.prototype.optionUpdated = function (t, e) { var n = this.option, i = (e ? n : t).elements, r = n.elements = e ? [] : n.elements, o = []; this._flatten(i, o, null); var a = bo(r, o, "normalMerge"), s = this._elOptionsToUpdate = []; E(a, (function (t, e) { var n = t.newOption; n && (s.push(n), function (t, e) { var n = t.existing; if (e.id = t.keyInfo.id, !e.type && n && (e.type = n.type), null == e.parentId) { var i = e.parentOption; i ? e.parentId = i.id : n && (e.parentId = n.parentId) } e.parentOption = null }(t, n), function (t, e, n) { var i = A({}, n), r = t[e], o = n.$action || "merge"; "merge" === o ? r ? (C(r, i, !0), Ip(r, i, { ignoreSize: !0 }), Cp(n, r), _E(n, r), _E(n, r, "shape"), _E(n, r, "style"), _E(n, r, "extra"), n.clipPath = r.clipPath) : t[e] = i : "replace" === o ? t[e] = i : "remove" === o && r && (t[e] = null) }(r, e, n), function (t, e) { if (t && (t.hv = e.hv = [vE(e, ["left", "right"]), vE(e, ["top", "bottom"])], "group" === t.type)) { var n = t, i = e; null == n.width && (n.width = i.width = 0), null == n.height && (n.height = i.height = 0) } }(r[e], n)) }), this), n.elements = B(r, (function (t) { return t && delete t.$action, null != t })) }, e.prototype._flatten = function (t, e, n) { E(t, (function (t) { if (t) { n && (t.parentOption = n), e.push(t); var i = t.children; i && i.length && this._flatten(i, e, t), delete t.children } }), this) }, e.prototype.useElOptionsToUpdate = function () { var t = this._elOptionsToUpdate; return this._elOptionsToUpdate = null, t }, e.type = "graphic", e.defaultOption = { elements: [] }, e }(Ap), wE = { path: null, compoundPath: null, group: Pr, image: Is, text: Ns }, SE = Do(), ME = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function () { this._elMap = ft() }, e.prototype.render = function (t, e, n) { t !== this._lastGraphicModel && this._clear(), this._lastGraphicModel = t, this._updateElements(t), this._relocate(t, n) }, e.prototype._updateElements = function (t) { var e = t.useElOptionsToUpdate(); if (e) { var n = this._elMap, i = this.group, r = t.get("z"), o = t.get("zlevel"); E(e, (function (e) { var a = Mo(e.id, null), s = null != a ? n.get(a) : null, l = Mo(e.parentId, null), u = null != l ? n.get(l) : i, h = e.type, c = e.style; "text" === h && c && e.hv && e.hv[1] && (c.textVerticalAlign = c.textBaseline = c.verticalAlign = c.align = null); var p = e.textContent, d = e.textConfig; if (c && PO(c, h, !!d, !!p)) { var f = OO(c, h, !0); !d && f.textConfig && (d = e.textConfig = f.textConfig), !p && f.textContent && (p = f.textContent) } var g = function (t) { return t = A({}, t), E(["id", "parentId", "$action", "hv", "bounding", "textContent", "clipPath"].concat(mp), (function (e) { delete t[e] })), t }(e); var y = e.$action || "merge", v = "merge" === y, m = "replace" === y; if (v) { var x = s; (T = !s) ? x = TE(a, u, e.type, n) : (x && (SE(x).isNew = !1), tR(x)), x && (WO(x, g, t, { isInit: T }), DE(x, e, r, o)) } else if (m) { CE(s, e, n, t); var _ = TE(a, u, e.type, n); _ && (WO(_, g, t, { isInit: !0 }), DE(_, e, r, o)) } else "remove" === y && (HO(s, e), CE(s, e, n, t)); var b = n.get(a); if (b && p) if (v) { var w = b.getTextContent(); w ? w.attr(p) : b.setTextContent(new Ns(p)) } else m && b.setTextContent(new Ns(p)); if (b) { var S = e.clipPath; if (S) { var M = S.type, I = void 0, T = !1; if (v) { var C = b.getClipPath(); I = (T = !C || SE(C).type !== M) ? IE(M) : C } else m && (T = !0, I = IE(M)); b.setClipPath(I), WO(I, S, t, { isInit: T }), eR(I, S.keyframeAnimation, t) } var D = SE(b); b.setTextConfig(d), D.option = e, function (t, e, n) { var i = js(t).eventData; t.silent || t.ignore || i || (i = js(t).eventData = { componentType: "graphic", componentIndex: e.componentIndex, name: t.name }); i && (i.info = n.info) }(b, t, e), Wh({ el: b, componentModel: t, itemName: b.name, itemTooltipOption: e.tooltip }), eR(b, e.keyframeAnimation, t) } })) } }, e.prototype._relocate = function (t, e) { for (var n = t.option.elements, i = this.group, r = this._elMap, o = e.getWidth(), a = e.getHeight(), s = ["x", "y"], l = 0; l < n.length; l++) { if ((f = null != (d = Mo((p = n[l]).id, null)) ? r.get(d) : null) && f.isGroup) { var u = (g = f.parent) === i, h = SE(f), c = SE(g); h.width = Gr(h.option.width, u ? o : c.width) || 0, h.height = Gr(h.option.height, u ? a : c.height) || 0 } } for (l = n.length - 1; l >= 0; l--) { var p, d, f; if (f = null != (d = Mo((p = n[l]).id, null)) ? r.get(d) : null) { var g = f.parent, y = (c = SE(g), {}), v = Sp(f, p, g === i ? { width: o, height: a } : { width: c.width, height: c.height }, null, { hv: p.hv, boundingMode: p.bounding }, y); if (!SE(f).isNew && v) { for (var m = p.transition, x = {}, _ = 0; _ < s.length; _++) { var b = s[_], w = y[b]; m && (UO(m) || P(m, b) >= 0) ? x[b] = w : f[b] = w } uh(f, x, t, 0) } else f.attr(y) } } }, e.prototype._clear = function () { var t = this, e = this._elMap; e.each((function (n) { CE(n, SE(n).option, e, t._lastGraphicModel) })), this._elMap = ft() }, e.prototype.dispose = function () { this._clear() }, e.type = "graphic", e }(mg); function IE(t) { var e = mt(wE, t) ? wE[t] : Sh(t); var n = new e({}); return SE(n).type = t, n } function TE(t, e, n, i) { var r = IE(n); return e.add(r), i.set(t, r), SE(r).id = t, SE(r).isNew = !0, r } function CE(t, e, n, i) { t && t.parent && ("group" === t.type && t.traverse((function (t) { CE(t, e, n, i) })), YO(t, e, i), n.removeKey(SE(t).id)) } function DE(t, e, n, i) { t.isGroup || E([["cursor", ma.prototype.cursor], ["zlevel", i || 0], ["z", n || 0], ["z2", 0]], (function (n) { var i = n[0]; mt(e, i) ? t[i] = rt(e[i], n[1]) : null == t[i] && (t[i] = n[1]) })), E(G(e), (function (n) { if (0 === n.indexOf("on")) { var i = e[n]; t[n] = U(i) ? i : null } })), mt(e, "draggable") && (t.draggable = e.draggable), null != e.name && (t.name = e.name), null != e.id && (t.id = e.id) } var AE = ["x", "y", "radius", "angle", "single"], kE = ["cartesian2d", "polar", "singleAxis"]; function LE(t) { return t + "Axis" } function PE(t, e) { var n, i = ft(), r = [], o = ft(); t.eachComponent({ mainType: "dataZoom", query: e }, (function (t) { o.get(t.uid) || s(t) })); do { n = !1, t.eachComponent("dataZoom", a) } while (n); function a(t) { !o.get(t.uid) && function (t) { var e = !1; return t.eachTargetAxis((function (t, n) { var r = i.get(t); r && r[n] && (e = !0) })), e }(t) && (s(t), n = !0) } function s(t) { o.set(t.uid, !0), r.push(t), t.eachTargetAxis((function (t, e) { (i.get(t) || i.set(t, []))[e] = !0 })) } return r } function OE(t) { var e = t.ecModel, n = { infoList: [], infoMap: ft() }; return t.eachTargetAxis((function (t, i) { var r = e.getComponent(LE(t), i); if (r) { var o = r.getCoordSysModel(); if (o) { var a = o.uid, s = n.infoMap.get(a); s || (s = { model: o, axisModels: [] }, n.infoList.push(s), n.infoMap.set(a, s)), s.axisModels.push(r) } } })), n } var RE = function () { function t() { this.indexList = [], this.indexMap = [] } return t.prototype.add = function (t) { this.indexMap[t] || (this.indexList.push(t), this.indexMap[t] = !0) }, t }(), NE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._autoThrottle = !0, n._noTarget = !0, n._rangePropMode = ["percent", "percent"], n } return n(e, t), e.prototype.init = function (t, e, n) { var i = EE(t); this.settledOption = i, this.mergeDefaultAndTheme(t, n), this._doInit(i) }, e.prototype.mergeOption = function (t) { var e = EE(t); C(this.option, t, !0), C(this.settledOption, e, !0), this._doInit(e) }, e.prototype._doInit = function (t) { var e = this.option; this._setDefaultThrottle(t), this._updateRangeUse(t); var n = this.settledOption; E([["start", "startValue"], ["end", "endValue"]], (function (t, i) { "value" === this._rangePropMode[i] && (e[t[0]] = n[t[0]] = null) }), this), this._resetTarget() }, e.prototype._resetTarget = function () { var t = this.get("orient", !0), e = this._targetAxisInfoMap = ft(); this._fillSpecifiedTargetAxis(e) ? this._orient = t || this._makeAutoOrientByTargetAxis() : (this._orient = t || "horizontal", this._fillAutoTargetAxisByOrient(e, this._orient)), this._noTarget = !0, e.each((function (t) { t.indexList.length && (this._noTarget = !1) }), this) }, e.prototype._fillSpecifiedTargetAxis = function (t) { var e = !1; return E(AE, (function (n) { var i = this.getReferringComponents(LE(n), Oo); if (i.specified) { e = !0; var r = new RE; E(i.models, (function (t) { r.add(t.componentIndex) })), t.set(n, r) } }), this), e }, e.prototype._fillAutoTargetAxisByOrient = function (t, e) { var n = this.ecModel, i = !0; if (i) { var r = "vertical" === e ? "y" : "x"; o(n.findComponents({ mainType: r + "Axis" }), r) } i && o(n.findComponents({ mainType: "singleAxis", filter: function (t) { return t.get("orient", !0) === e } }), "single"); function o(e, n) { var r = e[0]; if (r) { var o = new RE; if (o.add(r.componentIndex), t.set(n, o), i = !1, "x" === n || "y" === n) { var a = r.getReferringComponents("grid", Po).models[0]; a && E(e, (function (t) { r.componentIndex !== t.componentIndex && a === t.getReferringComponents("grid", Po).models[0] && o.add(t.componentIndex) })) } } } i && E(AE, (function (e) { if (i) { var r = n.findComponents({ mainType: LE(e), filter: function (t) { return "category" === t.get("type", !0) } }); if (r[0]) { var o = new RE; o.add(r[0].componentIndex), t.set(e, o), i = !1 } } }), this) }, e.prototype._makeAutoOrientByTargetAxis = function () { var t; return this.eachTargetAxis((function (e) { !t && (t = e) }), this), "y" === t ? "vertical" : "horizontal" }, e.prototype._setDefaultThrottle = function (t) { if (t.hasOwnProperty("throttle") && (this._autoThrottle = !1), this._autoThrottle) { var e = this.ecModel.option; this.option.throttle = e.animation && e.animationDurationUpdate > 0 ? 100 : 20 } }, e.prototype._updateRangeUse = function (t) { var e = this._rangePropMode, n = this.get("rangeMode"); E([["start", "startValue"], ["end", "endValue"]], (function (i, r) { var o = null != t[i[0]], a = null != t[i[1]]; o && !a ? e[r] = "percent" : !o && a ? e[r] = "value" : n ? e[r] = n[r] : o && (e[r] = "percent") })) }, e.prototype.noTarget = function () { return this._noTarget }, e.prototype.getFirstTargetAxisModel = function () { var t; return this.eachTargetAxis((function (e, n) { null == t && (t = this.ecModel.getComponent(LE(e), n)) }), this), t }, e.prototype.eachTargetAxis = function (t, e) { this._targetAxisInfoMap.each((function (n, i) { E(n.indexList, (function (n) { t.call(e, i, n) })) })) }, e.prototype.getAxisProxy = function (t, e) { var n = this.getAxisModel(t, e); if (n) return n.__dzAxisProxy }, e.prototype.getAxisModel = function (t, e) { var n = this._targetAxisInfoMap.get(t); if (n && n.indexMap[e]) return this.ecModel.getComponent(LE(t), e) }, e.prototype.setRawRange = function (t) { var e = this.option, n = this.settledOption; E([["start", "startValue"], ["end", "endValue"]], (function (i) { null == t[i[0]] && null == t[i[1]] || (e[i[0]] = n[i[0]] = t[i[0]], e[i[1]] = n[i[1]] = t[i[1]]) }), this), this._updateRangeUse(t) }, e.prototype.setCalculatedRange = function (t) { var e = this.option; E(["start", "startValue", "end", "endValue"], (function (n) { e[n] = t[n] })) }, e.prototype.getPercentRange = function () { var t = this.findRepresentativeAxisProxy(); if (t) return t.getDataPercentWindow() }, e.prototype.getValueRange = function (t, e) { if (null != t || null != e) return this.getAxisProxy(t, e).getDataValueWindow(); var n = this.findRepresentativeAxisProxy(); return n ? n.getDataValueWindow() : void 0 }, e.prototype.findRepresentativeAxisProxy = function (t) { if (t) return t.__dzAxisProxy; for (var e, n = this._targetAxisInfoMap.keys(), i = 0; i < n.length; i++)for (var r = n[i], o = this._targetAxisInfoMap.get(r), a = 0; a < o.indexList.length; a++) { var s = this.getAxisProxy(r, o.indexList[a]); if (s.hostedBy(this)) return s; e || (e = s) } return e }, e.prototype.getRangePropMode = function () { return this._rangePropMode.slice() }, e.prototype.getOrient = function () { return this._orient }, e.type = "dataZoom", e.dependencies = ["xAxis", "yAxis", "radiusAxis", "angleAxis", "singleAxis", "series", "toolbox"], e.defaultOption = { z: 4, filterMode: "filter", start: 0, end: 100 }, e }(Ap); function EE(t) { var e = {}; return E(["start", "end", "startValue", "endValue", "throttle"], (function (n) { t.hasOwnProperty(n) && (e[n] = t[n]) })), e } var zE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "dataZoom.select", e }(NE), VE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n, i) { this.dataZoomModel = t, this.ecModel = e, this.api = n }, e.type = "dataZoom", e }(mg), BE = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "dataZoom.select", e }(VE), FE = E, GE = Hr, WE = function () { function t(t, e, n, i) { this._dimName = t, this._axisIndex = e, this.ecModel = i, this._dataZoomModel = n } return t.prototype.hostedBy = function (t) { return this._dataZoomModel === t }, t.prototype.getDataValueWindow = function () { return this._valueWindow.slice() }, t.prototype.getDataPercentWindow = function () { return this._percentWindow.slice() }, t.prototype.getTargetSeriesModels = function () { var t = []; return this.ecModel.eachSeries((function (e) { if (function (t) { var e = t.get("coordinateSystem"); return P(kE, e) >= 0 }(e)) { var n = LE(this._dimName), i = e.getReferringComponents(n, Po).models[0]; i && this._axisIndex === i.componentIndex && t.push(e) } }), this), t }, t.prototype.getAxisModel = function () { return this.ecModel.getComponent(this._dimName + "Axis", this._axisIndex) }, t.prototype.getMinMaxSpan = function () { return T(this._minMaxSpan) }, t.prototype.calculateDataWindow = function (t) { var e, n = this._dataExtent, i = this.getAxisModel().axis.scale, r = this._dataZoomModel.getRangePropMode(), o = [0, 100], a = [], s = []; FE(["start", "end"], (function (l, u) { var h = t[l], c = t[l + "Value"]; "percent" === r[u] ? (null == h && (h = o[u]), c = i.parse(Fr(h, o, n))) : (e = !0, h = Fr(c = null == c ? n[u] : i.parse(c), n, o)), s[u] = c, a[u] = h })), GE(s), GE(a); var l = this._minMaxSpan; function u(t, e, n, r, o) { var a = o ? "Span" : "ValueSpan"; dk(0, t, n, "all", l["min" + a], l["max" + a]); for (var s = 0; s < 2; s++)e[s] = Fr(t[s], n, r, !0), o && (e[s] = i.parse(e[s])) } return e ? u(s, a, n, o, !1) : u(a, s, o, n, !0), { valueWindow: s, percentWindow: a } }, t.prototype.reset = function (t) { if (t === this._dataZoomModel) { var e = this.getTargetSeriesModels(); this._dataExtent = function (t, e, n) { var i = [1 / 0, -1 / 0]; FE(n, (function (t) { !function (t, e, n) { e && E(f_(e, n), (function (n) { var i = e.getApproximateExtent(n); i[0] < t[0] && (t[0] = i[0]), i[1] > t[1] && (t[1] = i[1]) })) }(i, t.getData(), e) })); var r = t.getAxisModel(), o = r_(r.axis.scale, r, i).calculate(); return [o.min, o.max] }(this, this._dimName, e), this._updateMinMaxSpan(); var n = this.calculateDataWindow(t.settledOption); this._valueWindow = n.valueWindow, this._percentWindow = n.percentWindow, this._setAxisModel() } }, t.prototype.filterData = function (t, e) { if (t === this._dataZoomModel) { var n = this._dimName, i = this.getTargetSeriesModels(), r = t.get("filterMode"), o = this._valueWindow; "none" !== r && FE(i, (function (t) { var e = t.getData(), i = e.mapDimensionsAll(n); if (i.length) { if ("weakFilter" === r) { var a = e.getStore(), s = z(i, (function (t) { return e.getDimensionIndex(t) }), e); e.filterSelf((function (t) { for (var e, n, r, l = 0; l < i.length; l++) { var u = a.get(s[l], t), h = !isNaN(u), c = u < o[0], p = u > o[1]; if (h && !c && !p) return !0; h && (r = !0), c && (e = !0), p && (n = !0) } return r && e && n })) } else FE(i, (function (n) { if ("empty" === r) t.setData(e = e.map(n, (function (t) { return function (t) { return t >= o[0] && t <= o[1] }(t) ? t : NaN }))); else { var i = {}; i[n] = o, e.selectRange(i) } })); FE(i, (function (t) { e.setApproximateExtent(o, t) })) } })) } }, t.prototype._updateMinMaxSpan = function () { var t = this._minMaxSpan = {}, e = this._dataZoomModel, n = this._dataExtent; FE(["min", "max"], (function (i) { var r = e.get(i + "Span"), o = e.get(i + "ValueSpan"); null != o && (o = this.getAxisModel().axis.scale.parse(o)), null != o ? r = Fr(n[0] + o, n, [0, 100], !0) : null != r && (o = Fr(r, [0, 100], n, !0) - n[0]), t[i + "Span"] = r, t[i + "ValueSpan"] = o }), this) }, t.prototype._setAxisModel = function () { var t = this.getAxisModel(), e = this._percentWindow, n = this._valueWindow; if (e) { var i = Xr(n, [0, 500]); i = Math.min(i, 20); var r = t.axis.scale.rawExtentInfo; 0 !== e[0] && r.setDeterminedMinMax("min", +n[0].toFixed(i)), 100 !== e[1] && r.setDeterminedMinMax("max", +n[1].toFixed(i)), r.freeze() } }, t }(); var HE = { getTargetSeries: function (t) { function e(e) { t.eachComponent("dataZoom", (function (n) { n.eachTargetAxis((function (i, r) { var o = t.getComponent(LE(i), r); e(i, r, o, n) })) })) } e((function (t, e, n, i) { n.__dzAxisProxy = null })); var n = []; e((function (e, i, r, o) { r.__dzAxisProxy || (r.__dzAxisProxy = new WE(e, i, o, t), n.push(r.__dzAxisProxy)) })); var i = ft(); return E(n, (function (t) { E(t.getTargetSeriesModels(), (function (t) { i.set(t.uid, t) })) })), i }, overallReset: function (t, e) { t.eachComponent("dataZoom", (function (t) { t.eachTargetAxis((function (e, n) { t.getAxisProxy(e, n).reset(t) })), t.eachTargetAxis((function (n, i) { t.getAxisProxy(n, i).filterData(t, e) })) })), t.eachComponent("dataZoom", (function (t) { var e = t.findRepresentativeAxisProxy(); if (e) { var n = e.getDataPercentWindow(), i = e.getDataValueWindow(); t.setCalculatedRange({ start: n[0], end: n[1], startValue: i[0], endValue: i[1] }) } })) } }; var YE = !1; function UE(t) { YE || (YE = !0, t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER, HE), function (t) { t.registerAction("dataZoom", (function (t, e) { E(PE(e, t), (function (e) { e.setRawRange({ start: t.start, end: t.end, startValue: t.startValue, endValue: t.endValue }) })) })) }(t), t.registerSubTypeDefaulter("dataZoom", (function () { return "slider" }))) } function XE(t) { t.registerComponentModel(zE), t.registerComponentView(BE), UE(t) } var ZE = function () { }, jE = {}; function qE(t, e) { jE[t] = e } function KE(t) { return jE[t] } var $E = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.optionUpdated = function () { t.prototype.optionUpdated.apply(this, arguments); var e = this.ecModel; E(this.option.feature, (function (t, n) { var i = KE(n); i && (i.getDefaultOption && (i.defaultOption = i.getDefaultOption(e)), C(t, i.defaultOption)) })) }, e.type = "toolbox", e.layoutMode = { type: "box", ignoreSize: !0 }, e.defaultOption = { show: !0, z: 6, orient: "horizontal", left: "right", top: "top", backgroundColor: "transparent", borderColor: "#ccc", borderRadius: 0, borderWidth: 0, padding: 5, itemSize: 15, itemGap: 8, showTitle: !0, iconStyle: { borderColor: "#666", color: "none" }, emphasis: { iconStyle: { borderColor: "#3E98C5" } }, tooltip: { show: !1, position: "bottom" } }, e }(Ap); function JE(t, e) { var n = up(e.get("padding")), i = e.getItemStyle(["color", "opacity"]); return i.fill = e.get("backgroundColor"), t = new Ps({ shape: { x: t.x - n[3], y: t.y - n[0], width: t.width + n[1] + n[3], height: t.height + n[0] + n[2], r: e.get("borderRadius") }, style: i, silent: !0, z2: -1 }) } var QE = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.render = function (t, e, n, i) { var r = this.group; if (r.removeAll(), t.get("show")) { var o = +t.get("itemSize"), a = "vertical" === t.get("orient"), s = t.get("feature") || {}, l = this._features || (this._features = {}), u = []; E(s, (function (t, e) { u.push(e) })), new Dm(this._featureNames || [], u).add(h).update(h).remove(H(h, null)).execute(), this._featureNames = u, function (t, e, n) { var i = e.getBoxLayoutParams(), r = e.get("padding"), o = { width: n.getWidth(), height: n.getHeight() }, a = wp(i, o, r); bp(e.get("orient"), t, e.get("itemGap"), a.width, a.height), Sp(t, i, o, r) }(r, t, n), r.add(JE(r.getBoundingRect(), t)), a || r.eachChild((function (t) { var e = t.__title, i = t.ensureState("emphasis"), a = i.textConfig || (i.textConfig = {}), s = t.getTextContent(), l = s && s.ensureState("emphasis"); if (l && !U(l) && e) { var u = l.style || (l.style = {}), h = yr(e, Ns.makeFont(u)), c = t.x + r.x, p = !1; t.y + r.y + o + h.height > n.getHeight() && (a.position = "top", p = !0); var d = p ? -5 - h.height : o + 10; c + h.width / 2 > n.getWidth() ? (a.position = ["100%", d], u.align = "right") : c - h.width / 2 < 0 && (a.position = [0, d], u.align = "left") } })) } function h(h, c) { var p, d = u[h], f = u[c], g = s[d], y = new xc(g, t, t.ecModel); if (i && null != i.newTitle && i.featureName === d && (g.title = i.newTitle), d && !f) { if (function (t) { return 0 === t.indexOf("my") }(d)) p = { onclick: y.option.onclick, featureName: d }; else { var v = KE(d); if (!v) return; p = new v } l[d] = p } else if (!(p = l[f])) return; p.uid = bc("toolbox-feature"), p.model = y, p.ecModel = e, p.api = n; var m = p instanceof ZE; d || !f ? !y.get("show") || m && p.unusable ? m && p.remove && p.remove(e, n) : (!function (i, s, l) { var u, h, c = i.getModel("iconStyle"), p = i.getModel(["emphasis", "iconStyle"]), d = s instanceof ZE && s.getIcons ? s.getIcons() : i.get("icon"), f = i.get("title") || {}; X(d) ? (u = {})[l] = d : u = d; X(f) ? (h = {})[l] = f : h = f; var g = i.iconPaths = {}; E(u, (function (l, u) { var d = Vh(l, {}, { x: -o / 2, y: -o / 2, width: o, height: o }); d.setStyle(c.getItemStyle()), d.ensureState("emphasis").style = p.getItemStyle(); var f = new Ns({ style: { text: h[u], align: p.get("textAlign"), borderRadius: p.get("textBorderRadius"), padding: p.get("textPadding"), fill: null }, ignore: !0 }); d.setTextContent(f), Wh({ el: d, componentModel: t, itemName: u, formatterParamsExtra: { title: h[u] } }), d.__title = h[u], d.on("mouseover", (function () { var e = p.getItemStyle(), i = a ? null == t.get("right") && "right" !== t.get("left") ? "right" : "left" : null == t.get("bottom") && "bottom" !== t.get("top") ? "bottom" : "top"; f.setStyle({ fill: p.get("textFill") || e.fill || e.stroke || "#000", backgroundColor: p.get("textBackgroundColor") }), d.setTextConfig({ position: p.get("textPosition") || i }), f.ignore = !t.get("showTitle"), n.enterEmphasis(this) })).on("mouseout", (function () { "emphasis" !== i.get(["iconStatus", u]) && n.leaveEmphasis(this), f.hide() })), ("emphasis" === i.get(["iconStatus", u]) ? Il : Tl)(d), r.add(d), d.on("click", W(s.onclick, s, e, n, u)), g[u] = d })) }(y, p, d), y.setIconStatus = function (t, e) { var n = this.option, i = this.iconPaths; n.iconStatus = n.iconStatus || {}, n.iconStatus[t] = e, i[t] && ("emphasis" === e ? Il : Tl)(i[t]) }, p instanceof ZE && p.render && p.render(y, e, n, i)) : m && p.dispose && p.dispose(e, n) } }, e.prototype.updateView = function (t, e, n, i) { E(this._features, (function (t) { t instanceof ZE && t.updateView && t.updateView(t.model, e, n, i) })) }, e.prototype.remove = function (t, e) { E(this._features, (function (n) { n instanceof ZE && n.remove && n.remove(t, e) })), this.group.removeAll() }, e.prototype.dispose = function (t, e) { E(this._features, (function (n) { n instanceof ZE && n.dispose && n.dispose(t, e) })) }, e.type = "toolbox", e }(mg); var tz = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.onclick = function (t, e) { var n = this.model, i = n.get("name") || t.get("title.0.text") || "echarts", o = "svg" === e.getZr().painter.getType(), a = o ? "svg" : n.get("type", !0) || "png", s = e.getConnectedDataURL({ type: a, backgroundColor: n.get("backgroundColor", !0) || t.get("backgroundColor") || "#fff", connectedBackgroundColor: n.get("connectedBackgroundColor"), excludeComponents: n.get("excludeComponents"), pixelRatio: n.get("pixelRatio") }), l = r.browser; if (U(MouseEvent) && (l.newEdge || !l.ie && !l.edge)) { var u = document.createElement("a"); u.download = i + "." + a, u.target = "_blank", u.href = s; var h = new MouseEvent("click", { view: document.defaultView, bubbles: !0, cancelable: !1 }); u.dispatchEvent(h) } else if (window.navigator.msSaveOrOpenBlob || o) { var c = s.split(","), p = c[0].indexOf("base64") > -1, d = o ? decodeURIComponent(c[1]) : c[1]; p && (d = window.atob(d)); var f = i + "." + a; if (window.navigator.msSaveOrOpenBlob) { for (var g = d.length, y = new Uint8Array(g); g--;)y[g] = d.charCodeAt(g); var v = new Blob([y]); window.navigator.msSaveOrOpenBlob(v, f) } else { var m = document.createElement("iframe"); document.body.appendChild(m); var x = m.contentWindow, _ = x.document; _.open("image/svg+xml", "replace"), _.write(d), _.close(), x.focus(), _.execCommand("SaveAs", !0, f), document.body.removeChild(m) } } else { var b = n.get("lang"), w = '<body style="margin:0;"><img src="' + s + '" style="max-width:100%;" title="' + (b && b[0] || "") + '" /></body>', S = window.open(); S.document.write(w), S.document.title = i } }, e.getDefaultOption = function (t) { return { show: !0, icon: "M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0", title: t.getLocaleModel().get(["toolbox", "saveAsImage", "title"]), type: "png", connectedBackgroundColor: "#fff", name: "", excludeComponents: ["toolbox"], lang: t.getLocaleModel().get(["toolbox", "saveAsImage", "lang"]) } }, e }(ZE), ez = "__ec_magicType_stack__", nz = [["line", "bar"], ["stack"]], iz = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.getIcons = function () { var t = this.model, e = t.get("icon"), n = {}; return E(t.get("type"), (function (t) { e[t] && (n[t] = e[t]) })), n }, e.getDefaultOption = function (t) { return { show: !0, type: [], icon: { line: "M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4", bar: "M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7", stack: "M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z" }, title: t.getLocaleModel().get(["toolbox", "magicType", "title"]), option: {}, seriesIndex: {} } }, e.prototype.onclick = function (t, e, n) { var i = this.model, r = i.get(["seriesIndex", n]); if (rz[n]) { var o, a = { series: [] }; E(nz, (function (t) { P(t, n) >= 0 && E(t, (function (t) { i.setIconStatus(t, "normal") })) })), i.setIconStatus(n, "emphasis"), t.eachComponent({ mainType: "series", query: null == r ? null : { seriesIndex: r } }, (function (t) { var e = t.subType, r = t.id, o = rz[n](e, r, t, i); o && (k(o, t.option), a.series.push(o)); var s = t.coordinateSystem; if (s && "cartesian2d" === s.type && ("line" === n || "bar" === n)) { var l = s.getAxesByScale("ordinal")[0]; if (l) { var u = l.dim + "Axis", h = t.getReferringComponents(u, Po).models[0].componentIndex; a[u] = a[u] || []; for (var c = 0; c <= h; c++)a[u][h] = a[u][h] || {}; a[u][h].boundaryGap = "bar" === n } } })); var s = n; "stack" === n && (o = C({ stack: i.option.title.tiled, tiled: i.option.title.stack }, i.option.title), "emphasis" !== i.get(["iconStatus", n]) && (s = "tiled")), e.dispatchAction({ type: "changeMagicType", currentType: s, newOption: a, newTitle: o, featureName: "magicType" }) } }, e }(ZE), rz = { line: function (t, e, n, i) { if ("bar" === t) return C({ id: e, type: "line", data: n.get("data"), stack: n.get("stack"), markPoint: n.get("markPoint"), markLine: n.get("markLine") }, i.get(["option", "line"]) || {}, !0) }, bar: function (t, e, n, i) { if ("line" === t) return C({ id: e, type: "bar", data: n.get("data"), stack: n.get("stack"), markPoint: n.get("markPoint"), markLine: n.get("markLine") }, i.get(["option", "bar"]) || {}, !0) }, stack: function (t, e, n, i) { var r = n.get("stack") === ez; if ("line" === t || "bar" === t) return i.setIconStatus("stack", r ? "normal" : "emphasis"), C({ id: e, stack: r ? "" : ez }, i.get(["option", "stack"]) || {}, !0) } }; fm({ type: "changeMagicType", event: "magicTypeChanged", update: "prepareAndUpdate" }, (function (t, e) { e.mergeOption(t.newOption) })); var oz = new Array(60).join("-"), az = "\t"; function sz(t) { return t.replace(/^\s\s*/, "").replace(/\s\s*$/, "") } var lz = new RegExp("[\t]+", "g"); function uz(t, e) { var n = t.split(new RegExp("\n*" + oz + "\n*", "g")), i = { series: [] }; return E(n, (function (t, n) { if (function (t) { if (t.slice(0, t.indexOf("\n")).indexOf(az) >= 0) return !0 }(t)) { var r = function (t) { for (var e = t.split(/\n+/g), n = [], i = z(sz(e.shift()).split(lz), (function (t) { return { name: t, data: [] } })), r = 0; r < e.length; r++) { var o = sz(e[r]).split(lz); n.push(o.shift()); for (var a = 0; a < o.length; a++)i[a] && (i[a].data[r] = o[a]) } return { series: i, categories: n } }(t), o = e[n], a = o.axisDim + "Axis"; o && (i[a] = i[a] || [], i[a][o.axisIndex] = { data: r.categories }, i.series = i.series.concat(r.series)) } else { r = function (t) { for (var e = t.split(/\n+/g), n = sz(e.shift()), i = [], r = 0; r < e.length; r++) { var o = sz(e[r]); if (o) { var a = o.split(lz), s = "", l = void 0, u = !1; isNaN(a[0]) ? (u = !0, s = a[0], a = a.slice(1), i[r] = { name: s, value: [] }, l = i[r].value) : l = i[r] = []; for (var h = 0; h < a.length; h++)l.push(+a[h]); 1 === l.length && (u ? i[r].value = l[0] : i[r] = l[0]) } } return { name: n, data: i } }(t); i.series.push(r) } })), i } var hz = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.onclick = function (t, e) { setTimeout((function () { e.dispatchAction({ type: "hideTip" }) })); var n = e.getDom(), i = this.model; this._dom && n.removeChild(this._dom); var r = document.createElement("div"); r.style.cssText = "position:absolute;top:0;bottom:0;left:0;right:0;padding:5px", r.style.backgroundColor = i.get("backgroundColor") || "#fff"; var o = document.createElement("h4"), a = i.get("lang") || []; o.innerHTML = a[0] || i.get("title"), o.style.cssText = "margin:10px 20px", o.style.color = i.get("textColor"); var s = document.createElement("div"), l = document.createElement("textarea"); s.style.cssText = "overflow:auto"; var u = i.get("optionToContent"), h = i.get("contentToOption"), c = function (t) { var e, n, i, r = function (t) { var e = {}, n = [], i = []; return t.eachRawSeries((function (t) { var r = t.coordinateSystem; if (!r || "cartesian2d" !== r.type && "polar" !== r.type) n.push(t); else { var o = r.getBaseAxis(); if ("category" === o.type) { var a = o.dim + "_" + o.index; e[a] || (e[a] = { categoryAxis: o, valueAxis: r.getOtherAxis(o), series: [] }, i.push({ axisDim: o.dim, axisIndex: o.index })), e[a].series.push(t) } else n.push(t) } })), { seriesGroupByCategoryAxis: e, other: n, meta: i } }(t); return { value: B([(n = r.seriesGroupByCategoryAxis, i = [], E(n, (function (t, e) { var n = t.categoryAxis, r = t.valueAxis.dim, o = [" "].concat(z(t.series, (function (t) { return t.name }))), a = [n.model.getCategories()]; E(t.series, (function (t) { var e = t.getRawData(); a.push(t.getRawData().mapArray(e.mapDimension(r), (function (t) { return t }))) })); for (var s = [o.join(az)], l = 0; l < a[0].length; l++) { for (var u = [], h = 0; h < a.length; h++)u.push(a[h][l]); s.push(u.join(az)) } i.push(s.join("\n")) })), i.join("\n\n" + oz + "\n\n")), (e = r.other, z(e, (function (t) { var e = t.getRawData(), n = [t.name], i = []; return e.each(e.dimensions, (function () { for (var t = arguments.length, r = arguments[t - 1], o = e.getName(r), a = 0; a < t - 1; a++)i[a] = arguments[a]; n.push((o ? o + az : "") + i.join(az)) })), n.join("\n") })).join("\n\n" + oz + "\n\n"))], (function (t) { return !!t.replace(/[\n\t\s]/g, "") })).join("\n\n" + oz + "\n\n"), meta: r.meta } }(t); if (U(u)) { var p = u(e.getOption()); X(p) ? s.innerHTML = p : J(p) && s.appendChild(p) } else { l.readOnly = i.get("readOnly"); var d = l.style; d.cssText = "display:block;width:100%;height:100%;font-family:monospace;font-size:14px;line-height:1.6rem;resize:none;box-sizing:border-box;outline:none", d.color = i.get("textColor"), d.borderColor = i.get("textareaBorderColor"), d.backgroundColor = i.get("textareaColor"), l.value = c.value, s.appendChild(l) } var f = c.meta, g = document.createElement("div"); g.style.cssText = "position:absolute;bottom:5px;left:0;right:0"; var y = "float:right;margin-right:20px;border:none;cursor:pointer;padding:2px 5px;font-size:12px;border-radius:3px", v = document.createElement("div"), m = document.createElement("div"); y += ";background-color:" + i.get("buttonColor"), y += ";color:" + i.get("buttonTextColor"); var x = this; function _() { n.removeChild(r), x._dom = null } ue(v, "click", _), ue(m, "click", (function () { if (null == h && null != u || null != h && null == u) _(); else { var t; try { t = U(h) ? h(s, e.getOption()) : uz(l.value, f) } catch (t) { throw _(), new Error("Data view format error " + t) } t && e.dispatchAction({ type: "changeDataView", newOption: t }), _() } })), v.innerHTML = a[1], m.innerHTML = a[2], m.style.cssText = v.style.cssText = y, !i.get("readOnly") && g.appendChild(m), g.appendChild(v), r.appendChild(o), r.appendChild(s), r.appendChild(g), s.style.height = n.clientHeight - 80 + "px", n.appendChild(r), this._dom = r }, e.prototype.remove = function (t, e) { this._dom && e.getDom().removeChild(this._dom) }, e.prototype.dispose = function (t, e) { this.remove(t, e) }, e.getDefaultOption = function (t) { return { show: !0, readOnly: !1, optionToContent: null, contentToOption: null, icon: "M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28", title: t.getLocaleModel().get(["toolbox", "dataView", "title"]), lang: t.getLocaleModel().get(["toolbox", "dataView", "lang"]), backgroundColor: "#fff", textColor: "#000", textareaColor: "#fff", textareaBorderColor: "#333", buttonColor: "#c23531", buttonTextColor: "#fff" } }, e }(ZE); function cz(t, e) { return z(t, (function (t, n) { var i = e && e[n]; if (q(i) && !Y(i)) { q(t) && !Y(t) || (t = { value: t }); var r = null != i.name && null == t.name; return t = k(t, i), r && delete t.name, t } return t })) } fm({ type: "changeDataView", event: "dataViewChanged", update: "prepareAndUpdate" }, (function (t, e) { var n = []; E(t.newOption.series, (function (t) { var i = e.getSeriesByName(t.name)[0]; if (i) { var r = i.get("data"); n.push({ name: t.name, data: cz(t.data, r) }) } else n.push(A({ type: "scatter" }, t)) })), e.mergeOption(k({ series: n }, t.newOption)) })); var pz = E, dz = Do(); function fz(t) { var e = dz(t); return e.snapshots || (e.snapshots = [{}]), e.snapshots } var gz = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.onclick = function (t, e) { !function (t) { dz(t).snapshots = null }(t), e.dispatchAction({ type: "restore", from: this.uid }) }, e.getDefaultOption = function (t) { return { show: !0, icon: "M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5", title: t.getLocaleModel().get(["toolbox", "restore", "title"]) } }, e }(ZE); fm({ type: "restore", event: "restore", update: "prepareAndUpdate" }, (function (t, e) { e.resetOption("recreate") })); var yz = ["grid", "xAxis", "yAxis", "geo", "graph", "polar", "radiusAxis", "angleAxis", "bmap"], vz = function () { function t(t, e, n) { var i = this; this._targetInfoList = []; var r = xz(e, t); E(_z, (function (t, e) { (!n || !n.include || P(n.include, e) >= 0) && t(r, i._targetInfoList) })) } return t.prototype.setOutputRanges = function (t, e) { return this.matchOutputRanges(t, e, (function (t, e, n) { if ((t.coordRanges || (t.coordRanges = [])).push(e), !t.coordRange) { t.coordRange = e; var i = Sz[t.brushType](0, n, e); t.__rangeOffset = { offset: Iz[t.brushType](i.values, t.range, [1, 1]), xyMinMax: i.xyMinMax } } })), t }, t.prototype.matchOutputRanges = function (t, e, n) { E(t, (function (t) { var i = this.findTargetInfo(t, e); i && !0 !== i && E(i.coordSyses, (function (i) { var r = Sz[t.brushType](1, i, t.range, !0); n(t, r.values, i, e) })) }), this) }, t.prototype.setInputRanges = function (t, e) { E(t, (function (t) { var n, i, r, o, a, s = this.findTargetInfo(t, e); if (t.range = t.range || [], s && !0 !== s) { t.panelId = s.panelId; var l = Sz[t.brushType](0, s.coordSys, t.coordRange), u = t.__rangeOffset; t.range = u ? Iz[t.brushType](l.values, u.offset, (n = l.xyMinMax, i = u.xyMinMax, r = Cz(n), o = Cz(i), a = [r[0] / o[0], r[1] / o[1]], isNaN(a[0]) && (a[0] = 1), isNaN(a[1]) && (a[1] = 1), a)) : l.values } }), this) }, t.prototype.makePanelOpts = function (t, e) { return z(this._targetInfoList, (function (n) { var i = n.getPanelRect(); return { panelId: n.panelId, defaultBrushType: e ? e(n) : null, clipPath: gL(i), isTargetByCursor: vL(i, t, n.coordSysModel), getLinearBrushOtherExtent: yL(i) } })) }, t.prototype.controlSeries = function (t, e, n) { var i = this.findTargetInfo(t, n); return !0 === i || i && P(i.coordSyses, e.coordinateSystem) >= 0 }, t.prototype.findTargetInfo = function (t, e) { for (var n = this._targetInfoList, i = xz(e, t), r = 0; r < n.length; r++) { var o = n[r], a = t.panelId; if (a) { if (o.panelId === a) return o } else for (var s = 0; s < bz.length; s++)if (bz[s](i, o)) return o } return !0 }, t }(); function mz(t) { return t[0] > t[1] && t.reverse(), t } function xz(t, e) { return ko(t, e, { includeMainTypes: yz }) } var _z = { grid: function (t, e) { var n = t.xAxisModels, i = t.yAxisModels, r = t.gridModels, o = ft(), a = {}, s = {}; (n || i || r) && (E(n, (function (t) { var e = t.axis.grid.model; o.set(e.id, e), a[e.id] = !0 })), E(i, (function (t) { var e = t.axis.grid.model; o.set(e.id, e), s[e.id] = !0 })), E(r, (function (t) { o.set(t.id, t), a[t.id] = !0, s[t.id] = !0 })), o.each((function (t) { var r = t.coordinateSystem, o = []; E(r.getCartesians(), (function (t, e) { (P(n, t.getAxis("x").model) >= 0 || P(i, t.getAxis("y").model) >= 0) && o.push(t) })), e.push({ panelId: "grid--" + t.id, gridModel: t, coordSysModel: t, coordSys: o[0], coordSyses: o, getPanelRect: wz.grid, xAxisDeclared: a[t.id], yAxisDeclared: s[t.id] }) }))) }, geo: function (t, e) { E(t.geoModels, (function (t) { var n = t.coordinateSystem; e.push({ panelId: "geo--" + t.id, geoModel: t, coordSysModel: t, coordSys: n, coordSyses: [n], getPanelRect: wz.geo }) })) } }, bz = [function (t, e) { var n = t.xAxisModel, i = t.yAxisModel, r = t.gridModel; return !r && n && (r = n.axis.grid.model), !r && i && (r = i.axis.grid.model), r && r === e.gridModel }, function (t, e) { var n = t.geoModel; return n && n === e.geoModel }], wz = { grid: function () { return this.coordSys.master.getRect().clone() }, geo: function () { var t = this.coordSys, e = t.getBoundingRect().clone(); return e.applyTransform(Lh(t)), e } }, Sz = { lineX: H(Mz, 0), lineY: H(Mz, 1), rect: function (t, e, n, i) { var r = t ? e.pointToData([n[0][0], n[1][0]], i) : e.dataToPoint([n[0][0], n[1][0]], i), o = t ? e.pointToData([n[0][1], n[1][1]], i) : e.dataToPoint([n[0][1], n[1][1]], i), a = [mz([r[0], o[0]]), mz([r[1], o[1]])]; return { values: a, xyMinMax: a } }, polygon: function (t, e, n, i) { var r = [[1 / 0, -1 / 0], [1 / 0, -1 / 0]]; return { values: z(n, (function (n) { var o = t ? e.pointToData(n, i) : e.dataToPoint(n, i); return r[0][0] = Math.min(r[0][0], o[0]), r[1][0] = Math.min(r[1][0], o[1]), r[0][1] = Math.max(r[0][1], o[0]), r[1][1] = Math.max(r[1][1], o[1]), o })), xyMinMax: r } } }; function Mz(t, e, n, i) { var r = n.getAxis(["x", "y"][t]), o = mz(z([0, 1], (function (t) { return e ? r.coordToData(r.toLocalCoord(i[t]), !0) : r.toGlobalCoord(r.dataToCoord(i[t])) }))), a = []; return a[t] = o, a[1 - t] = [NaN, NaN], { values: o, xyMinMax: a } } var Iz = { lineX: H(Tz, 0), lineY: H(Tz, 1), rect: function (t, e, n) { return [[t[0][0] - n[0] * e[0][0], t[0][1] - n[0] * e[0][1]], [t[1][0] - n[1] * e[1][0], t[1][1] - n[1] * e[1][1]]] }, polygon: function (t, e, n) { return z(t, (function (t, i) { return [t[0] - n[0] * e[i][0], t[1] - n[1] * e[i][1]] })) } }; function Tz(t, e, n, i) { return [e[0] - i[t] * n[0], e[1] - i[t] * n[1]] } function Cz(t) { return t ? [t[0][1] - t[0][0], t[1][1] - t[1][0]] : [NaN, NaN] } var Dz, Az, kz = E, Lz = go + "toolbox-dataZoom_", Pz = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.render = function (t, e, n, i) { this._brushController || (this._brushController = new Vk(n.getZr()), this._brushController.on("brush", W(this._onBrush, this)).mount()), function (t, e, n, i, r) { var o = n._isZoomActive; i && "takeGlobalCursor" === i.type && (o = "dataZoomSelect" === i.key && i.dataZoomSelectActive); n._isZoomActive = o, t.setIconStatus("zoom", o ? "emphasis" : "normal"); var a = new vz(Rz(t), e, { include: ["grid"] }).makePanelOpts(r, (function (t) { return t.xAxisDeclared && !t.yAxisDeclared ? "lineX" : !t.xAxisDeclared && t.yAxisDeclared ? "lineY" : "rect" })); n._brushController.setPanels(a).enableBrush(!(!o || !a.length) && { brushType: "auto", brushStyle: t.getModel("brushStyle").getItemStyle() }) }(t, e, this, i, n), function (t, e) { t.setIconStatus("back", function (t) { return fz(t).length }(e) > 1 ? "emphasis" : "normal") }(t, e) }, e.prototype.onclick = function (t, e, n) { Oz[n].call(this) }, e.prototype.remove = function (t, e) { this._brushController && this._brushController.unmount() }, e.prototype.dispose = function (t, e) { this._brushController && this._brushController.dispose() }, e.prototype._onBrush = function (t) { var e = t.areas; if (t.isEnd && e.length) { var n = {}, i = this.ecModel; this._brushController.updateCovers([]), new vz(Rz(this.model), i, { include: ["grid"] }).matchOutputRanges(e, i, (function (t, e, n) { if ("cartesian2d" === n.type) { var i = t.brushType; "rect" === i ? (r("x", n, e[0]), r("y", n, e[1])) : r({ lineX: "x", lineY: "y" }[i], n, e) } })), function (t, e) { var n = fz(t); pz(e, (function (e, i) { for (var r = n.length - 1; r >= 0 && !n[r][i]; r--); if (r < 0) { var o = t.queryComponents({ mainType: "dataZoom", subType: "select", id: i })[0]; if (o) { var a = o.getPercentRange(); n[0][i] = { dataZoomId: i, start: a[0], end: a[1] } } } })), n.push(e) }(i, n), this._dispatchZoomAction(n) } function r(t, e, r) { var o = e.getAxis(t), a = o.model, s = function (t, e, n) { var i; return n.eachComponent({ mainType: "dataZoom", subType: "select" }, (function (n) { n.getAxisModel(t, e.componentIndex) && (i = n) })), i }(t, a, i), l = s.findRepresentativeAxisProxy(a).getMinMaxSpan(); null == l.minValueSpan && null == l.maxValueSpan || (r = dk(0, r.slice(), o.scale.getExtent(), 0, l.minValueSpan, l.maxValueSpan)), s && (n[s.id] = { dataZoomId: s.id, startValue: r[0], endValue: r[1] }) } }, e.prototype._dispatchZoomAction = function (t) { var e = []; kz(t, (function (t, n) { e.push(T(t)) })), e.length && this.api.dispatchAction({ type: "dataZoom", from: this.uid, batch: e }) }, e.getDefaultOption = function (t) { return { show: !0, filterMode: "filter", icon: { zoom: "M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1", back: "M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26" }, title: t.getLocaleModel().get(["toolbox", "dataZoom", "title"]), brushStyle: { borderWidth: 0, color: "rgba(210,219,238,0.2)" } } }, e }(ZE), Oz = { zoom: function () { var t = !this._isZoomActive; this.api.dispatchAction({ type: "takeGlobalCursor", key: "dataZoomSelect", dataZoomSelectActive: t }) }, back: function () { this._dispatchZoomAction(function (t) { var e = fz(t), n = e[e.length - 1]; e.length > 1 && e.pop(); var i = {}; return pz(n, (function (t, n) { for (var r = e.length - 1; r >= 0; r--)if (t = e[r][n]) { i[n] = t; break } })), i }(this.ecModel)) } }; function Rz(t) { var e = { xAxisIndex: t.get("xAxisIndex", !0), yAxisIndex: t.get("yAxisIndex", !0), xAxisId: t.get("xAxisId", !0), yAxisId: t.get("yAxisId", !0) }; return null == e.xAxisIndex && null == e.xAxisId && (e.xAxisIndex = "all"), null == e.yAxisIndex && null == e.yAxisId && (e.yAxisIndex = "all"), e } Dz = "dataZoom", Az = function (t) { var e = t.getComponent("toolbox", 0), n = ["feature", "dataZoom"]; if (e && null != e.get(n)) { var i = e.getModel(n), r = [], o = ko(t, Rz(i)); return kz(o.xAxisModels, (function (t) { return a(t, "xAxis", "xAxisIndex") })), kz(o.yAxisModels, (function (t) { return a(t, "yAxis", "yAxisIndex") })), r } function a(t, e, n) { var o = t.componentIndex, a = { type: "select", $fromToolbox: !0, filterMode: i.get("filterMode", !0) || "filter", id: Lz + e + o }; a[n] = o, r.push(a) } }, lt(null == $p.get(Dz) && Az), $p.set(Dz, Az); var Nz = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "tooltip", e.dependencies = ["axisPointer"], e.defaultOption = { z: 60, show: !0, showContent: !0, trigger: "item", triggerOn: "mousemove|click", alwaysShowContent: !1, displayMode: "single", renderMode: "auto", confine: null, showDelay: 0, hideDelay: 100, transitionDuration: .4, enterable: !1, backgroundColor: "#fff", shadowBlur: 10, shadowColor: "rgba(0, 0, 0, .2)", shadowOffsetX: 1, shadowOffsetY: 2, borderRadius: 4, borderWidth: 1, padding: null, extraCssText: "", axisPointer: { type: "line", axis: "auto", animation: "auto", animationDurationUpdate: 200, animationEasingUpdate: "exponentialOut", crossStyle: { color: "#999", width: 1, type: "dashed", textStyle: {} } }, textStyle: { color: "#666", fontSize: 14 } }, e }(Ap); function Ez(t) { var e = t.get("confine"); return null != e ? !!e : "richText" === t.get("renderMode") } function zz(t) { if (r.domSupported) for (var e = document.documentElement.style, n = 0, i = t.length; n < i; n++)if (t[n] in e) return t[n] } var Vz = zz(["transform", "webkitTransform", "OTransform", "MozTransform", "msTransform"]); function Bz(t, e) { if (!t) return e; e = lp(e, !0); var n = t.indexOf(e); return (t = -1 === n ? e : "-" + t.slice(0, n) + "-" + e).toLowerCase() } var Fz = Bz(zz(["webkitTransition", "transition", "OTransition", "MozTransition", "msTransition"]), "transition"), Gz = Bz(Vz, "transform"), Wz = "position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;" + (r.transform3dSupported ? "will-change:transform;" : ""); function Hz(t, e, n) { var i = t.toFixed(0) + "px", o = e.toFixed(0) + "px"; if (!r.transformSupported) return n ? "top:" + o + ";left:" + i + ";" : [["top", o], ["left", i]]; var a = r.transform3dSupported, s = "translate" + (a ? "3d" : "") + "(" + i + "," + o + (a ? ",0" : "") + ")"; return n ? "top:0;left:0;" + Gz + ":" + s + ";" : [["top", 0], ["left", 0], [Vz, s]] } function Yz(t, e, n) { var i = [], o = t.get("transitionDuration"), a = t.get("backgroundColor"), s = t.get("shadowBlur"), l = t.get("shadowColor"), u = t.get("shadowOffsetX"), h = t.get("shadowOffsetY"), c = t.getModel("textStyle"), p = og(t, "html"), d = u + "px " + h + "px " + s + "px " + l; return i.push("box-shadow:" + d), e && o && i.push(function (t, e) { var n = "cubic-bezier(0.23,1,0.32,1)", i = " " + t / 2 + "s " + n, o = "opacity" + i + ",visibility" + i; return e || (i = " " + t + "s " + n, o += r.transformSupported ? "," + Gz + i : ",left" + i + ",top" + i), Fz + ":" + o }(o, n)), a && i.push("background-color:" + a), E(["width", "color", "radius"], (function (e) { var n = "border-" + e, r = lp(n), o = t.get(r); null != o && i.push(n + ":" + o + ("color" === e ? "" : "px")) })), i.push(function (t) { var e = [], n = t.get("fontSize"), i = t.getTextColor(); i && e.push("color:" + i), e.push("font:" + t.getFont()), n && e.push("line-height:" + Math.round(3 * n / 2) + "px"); var r = t.get("textShadowColor"), o = t.get("textShadowBlur") || 0, a = t.get("textShadowOffsetX") || 0, s = t.get("textShadowOffsetY") || 0; return r && o && e.push("text-shadow:" + a + "px " + s + "px " + o + "px " + r), E(["decoration", "align"], (function (n) { var i = t.get(n); i && e.push("text-" + n + ":" + i) })), e.join(";") }(c)), null != p && i.push("padding:" + up(p).join("px ") + "px"), i.join(";") + ";" } function Uz(t, e, n, i, r) { var o = e && e.painter; if (n) { var a = o && o.getViewportRoot(); a && function (t, e, n, i, r) { $t(Kt, e, i, r, !0) && $t(t, n, Kt[0], Kt[1]) }(t, a, document.body, i, r) } else { t[0] = i, t[1] = r; var s = o && o.getViewportRootOffset(); s && (t[0] += s.offsetLeft, t[1] += s.offsetTop) } t[2] = t[0] / e.getWidth(), t[3] = t[1] / e.getHeight() } var Xz = function () { function t(t, e, n) { if (this._show = !1, this._styleCoord = [0, 0, 0, 0], this._enterable = !0, this._firstShow = !0, this._longHide = !0, r.wxa) return null; var i = document.createElement("div"); i.domBelongToZr = !0, this.el = i; var o = this._zr = e.getZr(), a = this._appendToBody = n && n.appendToBody; Uz(this._styleCoord, o, a, e.getWidth() / 2, e.getHeight() / 2), a ? document.body.appendChild(i) : t.appendChild(i), this._container = t; var s = this; i.onmouseenter = function () { s._enterable && (clearTimeout(s._hideTimeout), s._show = !0), s._inContent = !0 }, i.onmousemove = function (t) { if (t = t || window.event, !s._enterable) { var e = o.handler; le(o.painter.getViewportRoot(), t, !0), e.dispatch("mousemove", t) } }, i.onmouseleave = function () { s._inContent = !1, s._enterable && s._show && s.hideLater(s._hideDelay) } } return t.prototype.update = function (t) { var e, n, i, r = this._container, o = (n = "position", (i = (e = r).currentStyle || document.defaultView && document.defaultView.getComputedStyle(e)) ? n ? i[n] : i : null), a = r.style; "absolute" !== a.position && "absolute" !== o && (a.position = "relative"), t.get("alwaysShowContent") && this._moveIfResized(), this.el.className = t.get("className") || "" }, t.prototype.show = function (t, e) { clearTimeout(this._hideTimeout), clearTimeout(this._longHideTimeout); var n = this.el, i = n.style, r = this._styleCoord; n.innerHTML ? i.cssText = Wz + Yz(t, !this._firstShow, this._longHide) + Hz(r[0], r[1], !0) + "border-color:" + gp(e) + ";" + (t.get("extraCssText") || "") + ";pointer-events:" + (this._enterable ? "auto" : "none") : i.display = "none", this._show = !0, this._firstShow = !1, this._longHide = !1 }, t.prototype.setContent = function (t, e, n, i, r) { var o = this.el; if (null != t) { var a = ""; if (X(r) && "item" === n.get("trigger") && !Ez(n) && (a = function (t, e, n) { if (!X(n) || "inside" === n) return ""; var i = t.get("backgroundColor"), r = t.get("borderWidth"); e = gp(e); var o, a, s = "left" === (o = n) ? "right" : "right" === o ? "left" : "top" === o ? "bottom" : "top", l = Math.max(1.5 * Math.round(r), 6), u = "", h = Gz + ":"; P(["left", "right"], s) > -1 ? (u += "top:50%", h += "translateY(-50%) rotate(" + (a = "left" === s ? -225 : -45) + "deg)") : (u += "left:50%", h += "translateX(-50%) rotate(" + (a = "top" === s ? 225 : 45) + "deg)"); var c = a * Math.PI / 180, p = l + r, d = p * Math.abs(Math.cos(c)) + p * Math.abs(Math.sin(c)), f = e + " solid " + r + "px;"; return '<div style="' + ["position:absolute;width:" + l + "px;height:" + l + "px;", (u += ";" + s + ":-" + Math.round(100 * ((d - Math.SQRT2 * r) / 2 + Math.SQRT2 * r - (d - p) / 2)) / 100 + "px") + ";" + h + ";", "border-bottom:" + f, "border-right:" + f, "background-color:" + i + ";"].join("") + '"></div>' }(n, i, r)), X(t)) o.innerHTML = t + a; else if (t) { o.innerHTML = "", Y(t) || (t = [t]); for (var s = 0; s < t.length; s++)J(t[s]) && t[s].parentNode !== o && o.appendChild(t[s]); if (a && o.childNodes.length) { var l = document.createElement("div"); l.innerHTML = a, o.appendChild(l) } } } else o.innerHTML = "" }, t.prototype.setEnterable = function (t) { this._enterable = t }, t.prototype.getSize = function () { var t = this.el; return [t.offsetWidth, t.offsetHeight] }, t.prototype.moveTo = function (t, e) { var n = this._styleCoord; if (Uz(n, this._zr, this._appendToBody, t, e), null != n[0] && null != n[1]) { var i = this.el.style; E(Hz(n[0], n[1]), (function (t) { i[t[0]] = t[1] })) } }, t.prototype._moveIfResized = function () { var t = this._styleCoord[2], e = this._styleCoord[3]; this.moveTo(t * this._zr.getWidth(), e * this._zr.getHeight()) }, t.prototype.hide = function () { var t = this, e = this.el.style; e.visibility = "hidden", e.opacity = "0", r.transform3dSupported && (e.willChange = ""), this._show = !1, this._longHideTimeout = setTimeout((function () { return t._longHide = !0 }), 500) }, t.prototype.hideLater = function (t) { !this._show || this._inContent && this._enterable || (t ? (this._hideDelay = t, this._show = !1, this._hideTimeout = setTimeout(W(this.hide, this), t)) : this.hide()) }, t.prototype.isShow = function () { return this._show }, t.prototype.dispose = function () { this.el.parentNode.removeChild(this.el) }, t }(), Zz = function () { function t(t) { this._show = !1, this._styleCoord = [0, 0, 0, 0], this._enterable = !0, this._zr = t.getZr(), Kz(this._styleCoord, this._zr, t.getWidth() / 2, t.getHeight() / 2) } return t.prototype.update = function (t) { t.get("alwaysShowContent") && this._moveIfResized() }, t.prototype.show = function () { this._hideTimeout && clearTimeout(this._hideTimeout), this.el.show(), this._show = !0 }, t.prototype.setContent = function (t, e, n, i, r) { var o = this; q(t) && co(""), this.el && this._zr.remove(this.el); var a = n.getModel("textStyle"); this.el = new Ns({ style: { rich: e.richTextStyles, text: t, lineHeight: 22, borderWidth: 1, borderColor: i, textShadowColor: a.get("textShadowColor"), fill: n.get(["textStyle", "color"]), padding: og(n, "richText"), verticalAlign: "top", align: "left" }, z: n.get("z") }), E(["backgroundColor", "borderRadius", "shadowColor", "shadowBlur", "shadowOffsetX", "shadowOffsetY"], (function (t) { o.el.style[t] = n.get(t) })), E(["textShadowBlur", "textShadowOffsetX", "textShadowOffsetY"], (function (t) { o.el.style[t] = a.get(t) || 0 })), this._zr.add(this.el); var s = this; this.el.on("mouseover", (function () { s._enterable && (clearTimeout(s._hideTimeout), s._show = !0), s._inContent = !0 })), this.el.on("mouseout", (function () { s._enterable && s._show && s.hideLater(s._hideDelay), s._inContent = !1 })) }, t.prototype.setEnterable = function (t) { this._enterable = t }, t.prototype.getSize = function () { var t = this.el, e = this.el.getBoundingRect(), n = qz(t.style); return [e.width + n.left + n.right, e.height + n.top + n.bottom] }, t.prototype.moveTo = function (t, e) { var n = this.el; if (n) { var i = this._styleCoord; Kz(i, this._zr, t, e), t = i[0], e = i[1]; var r = n.style, o = jz(r.borderWidth || 0), a = qz(r); n.x = t + o + a.left, n.y = e + o + a.top, n.markRedraw() } }, t.prototype._moveIfResized = function () { var t = this._styleCoord[2], e = this._styleCoord[3]; this.moveTo(t * this._zr.getWidth(), e * this._zr.getHeight()) }, t.prototype.hide = function () { this.el && this.el.hide(), this._show = !1 }, t.prototype.hideLater = function (t) { !this._show || this._inContent && this._enterable || (t ? (this._hideDelay = t, this._show = !1, this._hideTimeout = setTimeout(W(this.hide, this), t)) : this.hide()) }, t.prototype.isShow = function () { return this._show }, t.prototype.dispose = function () { this._zr.remove(this.el) }, t }(); function jz(t) { return Math.max(0, t) } function qz(t) { var e = jz(t.shadowBlur || 0), n = jz(t.shadowOffsetX || 0), i = jz(t.shadowOffsetY || 0); return { left: jz(e - n), right: jz(e + n), top: jz(e - i), bottom: jz(e + i) } } function Kz(t, e, n, i) { t[0] = n, t[1] = i, t[2] = t[0] / e.getWidth(), t[3] = t[1] / e.getHeight() } var $z = new Ps({ shape: { x: -1, y: -1, width: 2, height: 2 } }), Jz = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (t, e) { if (!r.node && e.getDom()) { var n, i = t.getComponent("tooltip"), o = this._renderMode = "auto" === (n = i.get("renderMode")) ? r.domSupported ? "html" : "richText" : n || "html"; this._tooltipContent = "richText" === o ? new Zz(e) : new Xz(e.getDom(), e, { appendToBody: i.get("appendToBody", !0) }) } }, e.prototype.render = function (t, e, n) { if (!r.node && n.getDom()) { this.group.removeAll(), this._tooltipModel = t, this._ecModel = e, this._api = n, this._alwaysShowContent = t.get("alwaysShowContent"); var i = this._tooltipContent; i.update(t), i.setEnterable(t.get("enterable")), this._initGlobalListener(), this._keepShow(), "richText" !== this._renderMode && t.get("transitionDuration") ? Pg(this, "_updatePosition", 50, "fixRate") : Og(this, "_updatePosition") } }, e.prototype._initGlobalListener = function () { var t = this._tooltipModel.get("triggerOn"); nN("itemTooltip", this._api, W((function (e, n, i) { "none" !== t && (t.indexOf(e) >= 0 ? this._tryShow(n, i) : "leave" === e && this._hide(i)) }), this)) }, e.prototype._keepShow = function () { var t = this._tooltipModel, e = this._ecModel, n = this._api, i = t.get("triggerOn"); if (null != this._lastX && null != this._lastY && "none" !== i && "click" !== i) { var r = this; clearTimeout(this._refreshUpdateTimeout), this._refreshUpdateTimeout = setTimeout((function () { !n.isDisposed() && r.manuallyShowTip(t, e, n, { x: r._lastX, y: r._lastY, dataByCoordSys: r._lastDataByCoordSys }) })) } }, e.prototype.manuallyShowTip = function (t, e, n, i) { if (i.from !== this.uid && !r.node && n.getDom()) { var o = tV(i, n); this._ticket = ""; var a = i.dataByCoordSys, s = function (t, e, n) { var i = Lo(t).queryOptionMap, r = i.keys()[0]; if (!r || "series" === r) return; var o, a = Ro(e, r, i.get(r), { useDefault: !1, enableAll: !1, enableNone: !1 }).models[0]; if (!a) return; if (n.getViewOfComponentModel(a).group.traverse((function (e) { var n = js(e).tooltipConfig; if (n && n.name === t.name) return o = e, !0 })), o) return { componentMainType: r, componentIndex: a.componentIndex, el: o } }(i, e, n); if (s) { var l = s.el.getBoundingRect().clone(); l.applyTransform(s.el.transform), this._tryShow({ offsetX: l.x + l.width / 2, offsetY: l.y + l.height / 2, target: s.el, position: i.position, positionDefault: "bottom" }, o) } else if (i.tooltip && null != i.x && null != i.y) { var u = $z; u.x = i.x, u.y = i.y, u.update(), js(u).tooltipConfig = { name: null, option: i.tooltip }, this._tryShow({ offsetX: i.x, offsetY: i.y, target: u }, o) } else if (a) this._tryShow({ offsetX: i.x, offsetY: i.y, position: i.position, dataByCoordSys: a, tooltipOption: i.tooltipOption }, o); else if (null != i.seriesIndex) { if (this._manuallyAxisShowTip(t, e, n, i)) return; var h = sN(i, e), c = h.point[0], p = h.point[1]; null != c && null != p && this._tryShow({ offsetX: c, offsetY: p, target: h.el, position: i.position, positionDefault: "bottom" }, o) } else null != i.x && null != i.y && (n.dispatchAction({ type: "updateAxisPointer", x: i.x, y: i.y }), this._tryShow({ offsetX: i.x, offsetY: i.y, position: i.position, target: n.getZr().findHover(i.x, i.y).target }, o)) } }, e.prototype.manuallyHideTip = function (t, e, n, i) { var r = this._tooltipContent; !this._alwaysShowContent && this._tooltipModel && r.hideLater(this._tooltipModel.get("hideDelay")), this._lastX = this._lastY = this._lastDataByCoordSys = null, i.from !== this.uid && this._hide(tV(i, n)) }, e.prototype._manuallyAxisShowTip = function (t, e, n, i) { var r = i.seriesIndex, o = i.dataIndex, a = e.getComponent("axisPointer").coordSysAxesInfo; if (null != r && null != o && null != a) { var s = e.getSeriesByIndex(r); if (s) if ("axis" === Qz([s.getData().getItemModel(o), s, (s.coordinateSystem || {}).model], this._tooltipModel).get("trigger")) return n.dispatchAction({ type: "updateAxisPointer", seriesIndex: r, dataIndex: o, position: i.position }), !0 } }, e.prototype._tryShow = function (t, e) { var n = t.target; if (this._tooltipModel) { this._lastX = t.offsetX, this._lastY = t.offsetY; var i = t.dataByCoordSys; if (i && i.length) this._showAxisTooltip(i, t); else if (n) { var r, o; this._lastDataByCoordSys = null, wy(n, (function (t) { return null != js(t).dataIndex ? (r = t, !0) : null != js(t).tooltipConfig ? (o = t, !0) : void 0 }), !0), r ? this._showSeriesItemTooltip(t, r, e) : o ? this._showComponentItemTooltip(t, o, e) : this._hide(e) } else this._lastDataByCoordSys = null, this._hide(e) } }, e.prototype._showOrMove = function (t, e) { var n = t.get("showDelay"); e = W(e, this), clearTimeout(this._showTimout), n > 0 ? this._showTimout = setTimeout(e, n) : e() }, e.prototype._showAxisTooltip = function (t, e) { var n = this._ecModel, i = this._tooltipModel, r = [e.offsetX, e.offsetY], o = Qz([e.tooltipOption], i), a = this._renderMode, s = [], l = qf("section", { blocks: [], noHeader: !0 }), u = [], h = new ag; E(t, (function (t) { E(t.dataByAxis, (function (t) { var e = n.getComponent(t.axisDim + "Axis", t.axisIndex), r = t.value; if (e && null != r) { var o = HR(r, e.axis, n, t.seriesDataIndices, t.valueLabelOpt), c = qf("section", { header: o, noHeader: !ut(o), sortBlocks: !0, blocks: [] }); l.blocks.push(c), E(t.seriesDataIndices, (function (l) { var p = n.getSeriesByIndex(l.seriesIndex), d = l.dataIndexInside, f = p.getDataParams(d); if (!(f.dataIndex < 0)) { f.axisDim = t.axisDim, f.axisIndex = t.axisIndex, f.axisType = t.axisType, f.axisId = t.axisId, f.axisValue = h_(e.axis, { value: r }), f.axisValueLabel = o, f.marker = h.makeTooltipMarker("item", gp(f.color), a); var g = pf(p.formatTooltip(d, !0, null)), y = g.frag; if (y) { var v = Qz([p], i).get("valueFormatter"); c.blocks.push(v ? A({ valueFormatter: v }, y) : y) } g.text && u.push(g.text), s.push(f) } })) } })) })), l.blocks.reverse(), u.reverse(); var c = e.position, p = o.get("order"), d = eg(l, h, a, p, n.get("useUTC"), o.get("textStyle")); d && u.unshift(d); var f = "richText" === a ? "\n\n" : "<br/>", g = u.join(f); this._showOrMove(o, (function () { this._updateContentNotChangedOnAxis(t, s) ? this._updatePosition(o, c, r[0], r[1], this._tooltipContent, s) : this._showTooltipContent(o, g, s, Math.random() + "", r[0], r[1], c, null, h) })) }, e.prototype._showSeriesItemTooltip = function (t, e, n) { var i = this._ecModel, r = js(e), o = r.seriesIndex, a = i.getSeriesByIndex(o), s = r.dataModel || a, l = r.dataIndex, u = r.dataType, h = s.getData(u), c = this._renderMode, p = t.positionDefault, d = Qz([h.getItemModel(l), s, a && (a.coordinateSystem || {}).model], this._tooltipModel, p ? { position: p } : null), f = d.get("trigger"); if (null == f || "item" === f) { var g = s.getDataParams(l, u), y = new ag; g.marker = y.makeTooltipMarker("item", gp(g.color), c); var v = pf(s.formatTooltip(l, !1, u)), m = d.get("order"), x = d.get("valueFormatter"), _ = v.frag, b = _ ? eg(x ? A({ valueFormatter: x }, _) : _, y, c, m, i.get("useUTC"), d.get("textStyle")) : v.text, w = "item_" + s.name + "_" + l; this._showOrMove(d, (function () { this._showTooltipContent(d, b, g, w, t.offsetX, t.offsetY, t.position, t.target, y) })), n({ type: "showTip", dataIndexInside: l, dataIndex: h.getRawIndex(l), seriesIndex: o, from: this.uid }) } }, e.prototype._showComponentItemTooltip = function (t, e, n) { var i = js(e), r = i.tooltipConfig.option || {}; if (X(r)) { r = { content: r, formatter: r } } var o = [r], a = this._ecModel.getComponent(i.componentMainType, i.componentIndex); a && o.push(a), o.push({ formatter: r.content }); var s = t.positionDefault, l = Qz(o, this._tooltipModel, s ? { position: s } : null), u = l.get("content"), h = Math.random() + "", c = new ag; this._showOrMove(l, (function () { var n = T(l.get("formatterParams") || {}); this._showTooltipContent(l, u, n, h, t.offsetX, t.offsetY, t.position, e, c) })), n({ type: "showTip", from: this.uid }) }, e.prototype._showTooltipContent = function (t, e, n, i, r, o, a, s, l) { if (this._ticket = "", t.get("showContent") && t.get("show")) { var u = this._tooltipContent; u.setEnterable(t.get("enterable")); var h = t.get("formatter"); a = a || t.get("position"); var c = e, p = this._getNearestPoint([r, o], n, t.get("trigger"), t.get("borderColor")).color; if (h) if (X(h)) { var d = t.ecModel.get("useUTC"), f = Y(n) ? n[0] : n; c = h, f && f.axisType && f.axisType.indexOf("time") >= 0 && (c = Yc(f.axisValue, c, d)), c = dp(c, n, !0) } else if (U(h)) { var g = W((function (e, i) { e === this._ticket && (u.setContent(i, l, t, p, a), this._updatePosition(t, a, r, o, u, n, s)) }), this); this._ticket = i, c = h(n, i, g) } else c = h; u.setContent(c, l, t, p, a), u.show(t, p), this._updatePosition(t, a, r, o, u, n, s) } }, e.prototype._getNearestPoint = function (t, e, n, i) { return "axis" === n || Y(e) ? { color: i || ("html" === this._renderMode ? "#fff" : "none") } : Y(e) ? void 0 : { color: i || e.color || e.borderColor } }, e.prototype._updatePosition = function (t, e, n, i, r, o, a) { var s = this._api.getWidth(), l = this._api.getHeight(); e = e || t.get("position"); var u = r.getSize(), h = t.get("align"), c = t.get("verticalAlign"), p = a && a.getBoundingRect().clone(); if (a && p.applyTransform(a.transform), U(e) && (e = e([n, i], o, r.el, p, { viewSize: [s, l], contentSize: u.slice() })), Y(e)) n = Gr(e[0], s), i = Gr(e[1], l); else if (q(e)) { var d = e; d.width = u[0], d.height = u[1]; var f = wp(d, { width: s, height: l }); n = f.x, i = f.y, h = null, c = null } else if (X(e) && a) { var g = function (t, e, n, i) { var r = n[0], o = n[1], a = Math.ceil(Math.SQRT2 * i) + 8, s = 0, l = 0, u = e.width, h = e.height; switch (t) { case "inside": s = e.x + u / 2 - r / 2, l = e.y + h / 2 - o / 2; break; case "top": s = e.x + u / 2 - r / 2, l = e.y - o - a; break; case "bottom": s = e.x + u / 2 - r / 2, l = e.y + h + a; break; case "left": s = e.x - r - a, l = e.y + h / 2 - o / 2; break; case "right": s = e.x + u + a, l = e.y + h / 2 - o / 2 }return [s, l] }(e, p, u, t.get("borderWidth")); n = g[0], i = g[1] } else { g = function (t, e, n, i, r, o, a) { var s = n.getSize(), l = s[0], u = s[1]; null != o && (t + l + o + 2 > i ? t -= l + o : t += o); null != a && (e + u + a > r ? e -= u + a : e += a); return [t, e] }(n, i, r, s, l, h ? null : 20, c ? null : 20); n = g[0], i = g[1] } if (h && (n -= eV(h) ? u[0] / 2 : "right" === h ? u[0] : 0), c && (i -= eV(c) ? u[1] / 2 : "bottom" === c ? u[1] : 0), Ez(t)) { g = function (t, e, n, i, r) { var o = n.getSize(), a = o[0], s = o[1]; return t = Math.min(t + a, i) - a, e = Math.min(e + s, r) - s, t = Math.max(t, 0), e = Math.max(e, 0), [t, e] }(n, i, r, s, l); n = g[0], i = g[1] } r.moveTo(n, i) }, e.prototype._updateContentNotChangedOnAxis = function (t, e) { var n = this._lastDataByCoordSys, i = this._cbParamsList, r = !!n && n.length === t.length; return r && E(n, (function (n, o) { var a = n.dataByAxis || [], s = (t[o] || {}).dataByAxis || []; (r = r && a.length === s.length) && E(a, (function (t, n) { var o = s[n] || {}, a = t.seriesDataIndices || [], l = o.seriesDataIndices || []; (r = r && t.value === o.value && t.axisType === o.axisType && t.axisId === o.axisId && a.length === l.length) && E(a, (function (t, e) { var n = l[e]; r = r && t.seriesIndex === n.seriesIndex && t.dataIndex === n.dataIndex })), i && E(t.seriesDataIndices, (function (t) { var n = t.seriesIndex, o = e[n], a = i[n]; o && a && a.data !== o.data && (r = !1) })) })) })), this._lastDataByCoordSys = t, this._cbParamsList = e, !!r }, e.prototype._hide = function (t) { this._lastDataByCoordSys = null, t({ type: "hideTip", from: this.uid }) }, e.prototype.dispose = function (t, e) { !r.node && e.getDom() && (Og(this, "_updatePosition"), this._tooltipContent.dispose(), oN("itemTooltip", e)) }, e.type = "tooltip", e }(mg); function Qz(t, e, n) { var i, r = e.ecModel; n ? (i = new xc(n, r, r), i = new xc(e.option, i, r)) : i = e; for (var o = t.length - 1; o >= 0; o--) { var a = t[o]; a && (a instanceof xc && (a = a.get("tooltip", !0)), X(a) && (a = { formatter: a }), a && (i = new xc(a, i, r))) } return i } function tV(t, e) { return t.dispatchAction || W(e.dispatchAction, e) } function eV(t) { return "center" === t || "middle" === t } var nV = ["rect", "polygon", "keep", "clear"]; function iV(t, e) { var n = yo(t ? t.brush : []); if (n.length) { var i = []; E(n, (function (t) { var e = t.hasOwnProperty("toolbox") ? t.toolbox : []; e instanceof Array && (i = i.concat(e)) })); var r = t && t.toolbox; Y(r) && (r = r[0]), r || (r = { feature: {} }, t.toolbox = [r]); var o = r.feature || (r.feature = {}), a = o.brush || (o.brush = {}), s = a.type || (a.type = []); s.push.apply(s, i), function (t) { var e = {}; E(t, (function (t) { e[t] = 1 })), t.length = 0, E(e, (function (e, n) { t.push(n) })) }(s), e && !s.length && s.push.apply(s, nV) } } var rV = E; function oV(t) { if (t) for (var e in t) if (t.hasOwnProperty(e)) return !0 } function aV(t, e, n) { var i = {}; return rV(e, (function (e) { var r, o = i[e] = ((r = function () { }).prototype.__hidden = r.prototype, new r); rV(t[e], (function (t, i) { if (sD.isValidType(i)) { var r = { type: i, visual: t }; n && n(r, e), o[i] = new sD(r), "opacity" === i && ((r = T(r)).type = "colorAlpha", o.__hidden.__alphaForOpacity = new sD(r)) } })) })), i } function sV(t, e, n) { var i; E(n, (function (t) { e.hasOwnProperty(t) && oV(e[t]) && (i = !0) })), i && E(n, (function (n) { e.hasOwnProperty(n) && oV(e[n]) ? t[n] = T(e[n]) : delete t[n] })) } var lV = { lineX: uV(0), lineY: uV(1), rect: { point: function (t, e, n) { return t && n.boundingRect.contain(t[0], t[1]) }, rect: function (t, e, n) { return t && n.boundingRect.intersect(t) } }, polygon: { point: function (t, e, n) { return t && n.boundingRect.contain(t[0], t[1]) && x_(n.range, t[0], t[1]) }, rect: function (t, e, n) { var i = n.range; if (!t || i.length <= 1) return !1; var r = t.x, o = t.y, a = t.width, s = t.height, l = i[0]; return !!(x_(i, r, o) || x_(i, r + a, o) || x_(i, r, o + s) || x_(i, r + a, o + s) || Re.create(t).contain(l[0], l[1]) || Bh(r, o, r + a, o, i) || Bh(r, o, r, o + s, i) || Bh(r + a, o, r + a, o + s, i) || Bh(r, o + s, r + a, o + s, i)) || void 0 } } }; function uV(t) { var e = ["x", "y"], n = ["width", "height"]; return { point: function (e, n, i) { if (e) { var r = i.range; return hV(e[t], r) } }, rect: function (i, r, o) { if (i) { var a = o.range, s = [i[e[t]], i[e[t]] + i[n[t]]]; return s[1] < s[0] && s.reverse(), hV(s[0], a) || hV(s[1], a) || hV(a[0], s) || hV(a[1], s) } } } } function hV(t, e) { return e[0] <= t && t <= e[1] } var cV = ["inBrush", "outOfBrush"], pV = "__ecBrushSelect", dV = "__ecInBrushSelectEvent"; function fV(t) { t.eachComponent({ mainType: "brush" }, (function (e) { (e.brushTargetManager = new vz(e.option, t)).setInputRanges(e.areas, t) })) } function gV(t, e, n) { var i, r, o = []; t.eachComponent({ mainType: "brush" }, (function (t) { n && "takeGlobalCursor" === n.type && t.setBrushOption("brush" === n.key ? n.brushOption : { brushType: !1 }) })), fV(t), t.eachComponent({ mainType: "brush" }, (function (e, n) { var a = { brushId: e.id, brushIndex: n, brushName: e.name, areas: T(e.areas), selected: [] }; o.push(a); var s = e.option, l = s.brushLink, u = [], h = [], c = [], p = !1; n || (i = s.throttleType, r = s.throttleDelay); var d = z(e.areas, (function (t) { var e = mV[t.brushType], n = k({ boundingRect: e ? e(t) : void 0 }, t); return n.selectors = function (t) { var e = t.brushType, n = { point: function (i) { return lV[e].point(i, n, t) }, rect: function (i) { return lV[e].rect(i, n, t) } }; return n }(n), n })), f = aV(e.option, cV, (function (t) { t.mappingMethod = "fixed" })); function g(t) { return "all" === l || !!u[t] } function y(t) { return !!t.length } Y(l) && E(l, (function (t) { u[t] = 1 })), t.eachSeries((function (n, i) { var r = c[i] = []; "parallel" === n.subType ? function (t, e) { var n = t.coordinateSystem; p = p || n.hasAxisBrushed(), g(e) && n.eachActiveState(t.getData(), (function (t, e) { "active" === t && (h[e] = 1) })) }(n, i) : function (n, i, r) { if (!n.brushSelector || function (t, e) { var n = t.option.seriesIndex; return null != n && "all" !== n && (Y(n) ? P(n, e) < 0 : e !== n) }(e, i)) return; if (E(d, (function (i) { e.brushTargetManager.controlSeries(i, n, t) && r.push(i), p = p || y(r) })), g(i) && y(r)) { var o = n.getData(); o.each((function (t) { vV(n, r, o, t) && (h[t] = 1) })) } }(n, i, r) })), t.eachSeries((function (t, e) { var n = { seriesId: t.id, seriesIndex: e, seriesName: t.name, dataIndex: [] }; a.selected.push(n); var i = c[e], r = t.getData(), o = g(e) ? function (t) { return h[t] ? (n.dataIndex.push(r.getRawIndex(t)), "inBrush") : "outOfBrush" } : function (e) { return vV(t, i, r, e) ? (n.dataIndex.push(r.getRawIndex(e)), "inBrush") : "outOfBrush" }; (g(e) ? p : y(i)) && function (t, e, n, i, r, o) { var a, s = {}; function l(t) { return vy(n, a, t) } function u(t, e) { xy(n, a, t, e) } function h(t, h) { a = null == o ? t : h; var c = n.getRawDataItem(a); if (!c || !1 !== c.visualMap) for (var p = i.call(r, t), d = e[p], f = s[p], g = 0, y = f.length; g < y; g++) { var v = f[g]; d[v] && d[v].applyVisual(t, l, u) } } E(t, (function (t) { var n = sD.prepareVisualTypes(e[t]); s[t] = n })), null == o ? n.each(h) : n.each([o], h) }(cV, f, r, o) })) })), function (t, e, n, i, r) { if (!r) return; var o = t.getZr(); if (o[dV]) return; o.__ecBrushSelect || (o.__ecBrushSelect = yV); Pg(o, pV, n, e)(t, i) }(e, i, r, o, n) } function yV(t, e) { if (!t.isDisposed()) { var n = t.getZr(); n[dV] = !0, t.dispatchAction({ type: "brushSelect", batch: e }), n[dV] = !1 } } function vV(t, e, n, i) { for (var r = 0, o = e.length; r < o; r++) { var a = e[r]; if (t.brushSelector(i, n, a.selectors, a)) return !0 } } var mV = { rect: function (t) { return xV(t.range) }, polygon: function (t) { for (var e, n = t.range, i = 0, r = n.length; i < r; i++) { e = e || [[1 / 0, -1 / 0], [1 / 0, -1 / 0]]; var o = n[i]; o[0] < e[0][0] && (e[0][0] = o[0]), o[0] > e[0][1] && (e[0][1] = o[0]), o[1] < e[1][0] && (e[1][0] = o[1]), o[1] > e[1][1] && (e[1][1] = o[1]) } return e && xV(e) } }; function xV(t) { return new Re(t[0][0], t[1][0], t[0][1] - t[0][0], t[1][1] - t[1][0]) } var _V = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (t, e) { this.ecModel = t, this.api = e, this.model, (this._brushController = new Vk(e.getZr())).on("brush", W(this._onBrush, this)).mount() }, e.prototype.render = function (t, e, n, i) { this.model = t, this._updateController(t, e, n, i) }, e.prototype.updateTransform = function (t, e, n, i) { fV(e), this._updateController(t, e, n, i) }, e.prototype.updateVisual = function (t, e, n, i) { this.updateTransform(t, e, n, i) }, e.prototype.updateView = function (t, e, n, i) { this._updateController(t, e, n, i) }, e.prototype._updateController = function (t, e, n, i) { (!i || i.$from !== t.id) && this._brushController.setPanels(t.brushTargetManager.makePanelOpts(n)).enableBrush(t.brushOption).updateCovers(t.areas.slice()) }, e.prototype.dispose = function () { this._brushController.dispose() }, e.prototype._onBrush = function (t) { var e = this.model.id, n = this.model.brushTargetManager.setOutputRanges(t.areas, this.ecModel); (!t.isEnd || t.removeOnClick) && this.api.dispatchAction({ type: "brush", brushId: e, areas: T(n), $from: e }), t.isEnd && this.api.dispatchAction({ type: "brushEnd", brushId: e, areas: T(n), $from: e }) }, e.type = "brush", e }(mg), bV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.areas = [], n.brushOption = {}, n } return n(e, t), e.prototype.optionUpdated = function (t, e) { var n = this.option; !e && sV(n, t, ["inBrush", "outOfBrush"]); var i = n.inBrush = n.inBrush || {}; n.outOfBrush = n.outOfBrush || { color: "#ddd" }, i.hasOwnProperty("liftZ") || (i.liftZ = 5) }, e.prototype.setAreas = function (t) { t && (this.areas = z(t, (function (t) { return wV(this.option, t) }), this)) }, e.prototype.setBrushOption = function (t) { this.brushOption = wV(this.option, t), this.brushType = this.brushOption.brushType }, e.type = "brush", e.dependencies = ["geo", "grid", "xAxis", "yAxis", "parallel", "series"], e.defaultOption = { seriesIndex: "all", brushType: "rect", brushMode: "single", transformable: !0, brushStyle: { borderWidth: 1, color: "rgba(210,219,238,0.3)", borderColor: "#D2DBEE" }, throttleType: "fixRate", throttleDelay: 0, removeOnClick: !0, z: 1e4 }, e }(Ap); function wV(t, e) { return C({ brushType: t.brushType, brushMode: t.brushMode, transformable: t.transformable, brushStyle: new xc(t.brushStyle).getItemStyle(), removeOnClick: t.removeOnClick, z: t.z }, e, !0) } var SV = ["rect", "polygon", "lineX", "lineY", "keep", "clear"], MV = function (t) { function e() { return null !== t && t.apply(this, arguments) || this } return n(e, t), e.prototype.render = function (t, e, n) { var i, r, o; e.eachComponent({ mainType: "brush" }, (function (t) { i = t.brushType, r = t.brushOption.brushMode || "single", o = o || !!t.areas.length })), this._brushType = i, this._brushMode = r, E(t.get("type", !0), (function (e) { t.setIconStatus(e, ("keep" === e ? "multiple" === r : "clear" === e ? o : e === i) ? "emphasis" : "normal") })) }, e.prototype.updateView = function (t, e, n) { this.render(t, e, n) }, e.prototype.getIcons = function () { var t = this.model, e = t.get("icon", !0), n = {}; return E(t.get("type", !0), (function (t) { e[t] && (n[t] = e[t]) })), n }, e.prototype.onclick = function (t, e, n) { var i = this._brushType, r = this._brushMode; "clear" === n ? (e.dispatchAction({ type: "axisAreaSelect", intervals: [] }), e.dispatchAction({ type: "brush", command: "clear", areas: [] })) : e.dispatchAction({ type: "takeGlobalCursor", key: "brush", brushOption: { brushType: "keep" === n ? i : i !== n && n, brushMode: "keep" === n ? "multiple" === r ? "single" : "multiple" : r } }) }, e.getDefaultOption = function (t) { return { show: !0, type: SV.slice(), icon: { rect: "M7.3,34.7 M0.4,10V-0.2h9.8 M89.6,10V-0.2h-9.8 M0.4,60v10.2h9.8 M89.6,60v10.2h-9.8 M12.3,22.4V10.5h13.1 M33.6,10.5h7.8 M49.1,10.5h7.8 M77.5,22.4V10.5h-13 M12.3,31.1v8.2 M77.7,31.1v8.2 M12.3,47.6v11.9h13.1 M33.6,59.5h7.6 M49.1,59.5 h7.7 M77.5,47.6v11.9h-13", polygon: "M55.2,34.9c1.7,0,3.1,1.4,3.1,3.1s-1.4,3.1-3.1,3.1 s-3.1-1.4-3.1-3.1S53.5,34.9,55.2,34.9z M50.4,51c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1 C47.3,52.4,48.7,51,50.4,51z M55.6,37.1l1.5-7.8 M60.1,13.5l1.6-8.7l-7.8,4 M59,19l-1,5.3 M24,16.1l6.4,4.9l6.4-3.3 M48.5,11.6 l-5.9,3.1 M19.1,12.8L9.7,5.1l1.1,7.7 M13.4,29.8l1,7.3l6.6,1.6 M11.6,18.4l1,6.1 M32.8,41.9 M26.6,40.4 M27.3,40.2l6.1,1.6 M49.9,52.1l-5.6-7.6l-4.9-1.2", lineX: "M15.2,30 M19.7,15.6V1.9H29 M34.8,1.9H40.4 M55.3,15.6V1.9H45.9 M19.7,44.4V58.1H29 M34.8,58.1H40.4 M55.3,44.4 V58.1H45.9 M12.5,20.3l-9.4,9.6l9.6,9.8 M3.1,29.9h16.5 M62.5,20.3l9.4,9.6L62.3,39.7 M71.9,29.9H55.4", lineY: "M38.8,7.7 M52.7,12h13.2v9 M65.9,26.6V32 M52.7,46.3h13.2v-9 M24.9,12H11.8v9 M11.8,26.6V32 M24.9,46.3H11.8v-9 M48.2,5.1l-9.3-9l-9.4,9.2 M38.9-3.9V12 M48.2,53.3l-9.3,9l-9.4-9.2 M38.9,62.3V46.4", keep: "M4,10.5V1h10.3 M20.7,1h6.1 M33,1h6.1 M55.4,10.5V1H45.2 M4,17.3v6.6 M55.6,17.3v6.6 M4,30.5V40h10.3 M20.7,40 h6.1 M33,40h6.1 M55.4,30.5V40H45.2 M21,18.9h62.9v48.6H21V18.9z", clear: "M22,14.7l30.9,31 M52.9,14.7L22,45.7 M4.7,16.8V4.2h13.1 M26,4.2h7.8 M41.6,4.2h7.8 M70.3,16.8V4.2H57.2 M4.7,25.9v8.6 M70.3,25.9v8.6 M4.7,43.2v12.6h13.1 M26,55.8h7.8 M41.6,55.8h7.8 M70.3,43.2v12.6H57.2" }, title: t.getLocaleModel().get(["toolbox", "brush", "title"]) } }, e }(ZE); var IV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.layoutMode = { type: "box", ignoreSize: !0 }, n } return n(e, t), e.type = "title", e.defaultOption = { z: 6, show: !0, text: "", target: "blank", subtext: "", subtarget: "blank", left: 0, top: 0, backgroundColor: "rgba(0,0,0,0)", borderColor: "#ccc", borderWidth: 0, padding: 5, itemGap: 10, textStyle: { fontSize: 18, fontWeight: "bold", color: "#464646" }, subtextStyle: { fontSize: 12, color: "#6E7079" } }, e }(Ap), TV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.render = function (t, e, n) { if (this.group.removeAll(), t.get("show")) { var i = this.group, r = t.getModel("textStyle"), o = t.getModel("subtextStyle"), a = t.get("textAlign"), s = rt(t.get("textBaseline"), t.get("textVerticalAlign")), l = new Ns({ style: $h(r, { text: t.get("text"), fill: r.getTextColor() }, { disableBox: !0 }), z2: 10 }), u = l.getBoundingRect(), h = t.get("subtext"), c = new Ns({ style: $h(o, { text: h, fill: o.getTextColor(), y: u.height + t.get("itemGap"), verticalAlign: "top" }, { disableBox: !0 }), z2: 10 }), p = t.get("link"), d = t.get("sublink"), f = t.get("triggerEvent", !0); l.silent = !p && !f, c.silent = !d && !f, p && l.on("click", (function () { yp(p, "_" + t.get("target")) })), d && c.on("click", (function () { yp(d, "_" + t.get("subtarget")) })), js(l).eventData = js(c).eventData = f ? { componentType: "title", componentIndex: t.componentIndex } : null, i.add(l), h && i.add(c); var g = i.getBoundingRect(), y = t.getBoxLayoutParams(); y.width = g.width, y.height = g.height; var v = wp(y, { width: n.getWidth(), height: n.getHeight() }, t.get("padding")); a || ("middle" === (a = t.get("left") || t.get("right")) && (a = "center"), "right" === a ? v.x += v.width : "center" === a && (v.x += v.width / 2)), s || ("center" === (s = t.get("top") || t.get("bottom")) && (s = "middle"), "bottom" === s ? v.y += v.height : "middle" === s && (v.y += v.height / 2), s = s || "top"), i.x = v.x, i.y = v.y, i.markRedraw(); var m = { align: a, verticalAlign: s }; l.setStyle(m), c.setStyle(m), g = i.getBoundingRect(); var x = v.margin, _ = t.getItemStyle(["color", "opacity"]); _.fill = t.get("backgroundColor"); var b = new Ps({ shape: { x: g.x - x[3], y: g.y - x[0], width: g.width + x[1] + x[3], height: g.height + x[0] + x[2], r: t.get("borderRadius") }, style: _, subPixelOptimize: !0, silent: !0 }); i.add(b) } }, e.type = "title", e }(mg); var CV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.layoutMode = "box", n } return n(e, t), e.prototype.init = function (t, e, n) { this.mergeDefaultAndTheme(t, n), this._initData() }, e.prototype.mergeOption = function (e) { t.prototype.mergeOption.apply(this, arguments), this._initData() }, e.prototype.setCurrentIndex = function (t) { null == t && (t = this.option.currentIndex); var e = this._data.count(); this.option.loop ? t = (t % e + e) % e : (t >= e && (t = e - 1), t < 0 && (t = 0)), this.option.currentIndex = t }, e.prototype.getCurrentIndex = function () { return this.option.currentIndex }, e.prototype.isIndexMax = function () { return this.getCurrentIndex() >= this._data.count() - 1 }, e.prototype.setPlayState = function (t) { this.option.autoPlay = !!t }, e.prototype.getPlayState = function () { return !!this.option.autoPlay }, e.prototype._initData = function () { var t, e = this.option, n = e.data || [], i = e.axisType, r = this._names = []; "category" === i ? (t = [], E(n, (function (e, n) { var i, o = Mo(xo(e), ""); q(e) ? (i = T(e)).value = n : i = n, t.push(i), r.push(o) }))) : t = n; var o = { category: "ordinal", time: "time", value: "number" }[i] || "number"; (this._data = new Jm([{ name: "value", type: o }], this)).initData(t, r) }, e.prototype.getData = function () { return this._data }, e.prototype.getCategories = function () { if ("category" === this.get("axisType")) return this._names.slice() }, e.type = "timeline", e.defaultOption = { z: 4, show: !0, axisType: "time", realtime: !0, left: "20%", top: null, right: "20%", bottom: 0, width: null, height: 40, padding: 5, controlPosition: "left", autoPlay: !1, rewind: !1, loop: !0, playInterval: 2e3, currentIndex: 0, itemStyle: {}, label: { color: "#000" }, data: [] }, e }(Ap), DV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "timeline.slider", e.defaultOption = wc(CV.defaultOption, { backgroundColor: "rgba(0,0,0,0)", borderColor: "#ccc", borderWidth: 0, orient: "horizontal", inverse: !1, tooltip: { trigger: "item" }, symbol: "circle", symbolSize: 12, lineStyle: { show: !0, width: 2, color: "#DAE1F5" }, label: { position: "auto", show: !0, interval: "auto", rotate: 0, color: "#A4B1D7" }, itemStyle: { color: "#A4B1D7", borderWidth: 1 }, checkpointStyle: { symbol: "circle", symbolSize: 15, color: "#316bf3", borderColor: "#fff", borderWidth: 2, shadowBlur: 2, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: "rgba(0, 0, 0, 0.3)", animation: !0, animationDuration: 300, animationEasing: "quinticInOut" }, controlStyle: { show: !0, showPlayBtn: !0, showPrevBtn: !0, showNextBtn: !0, itemSize: 24, itemGap: 12, position: "left", playIcon: "path://M31.6,53C17.5,53,6,41.5,6,27.4S17.5,1.8,31.6,1.8C45.7,1.8,57.2,13.3,57.2,27.4S45.7,53,31.6,53z M31.6,3.3 C18.4,3.3,7.5,14.1,7.5,27.4c0,13.3,10.8,24.1,24.1,24.1C44.9,51.5,55.7,40.7,55.7,27.4C55.7,14.1,44.9,3.3,31.6,3.3z M24.9,21.3 c0-2.2,1.6-3.1,3.5-2l10.5,6.1c1.899,1.1,1.899,2.9,0,4l-10.5,6.1c-1.9,1.1-3.5,0.2-3.5-2V21.3z", stopIcon: "path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z", nextIcon: "M2,18.5A1.52,1.52,0,0,1,.92,18a1.49,1.49,0,0,1,0-2.12L7.81,9.36,1,3.11A1.5,1.5,0,1,1,3,.89l8,7.34a1.48,1.48,0,0,1,.49,1.09,1.51,1.51,0,0,1-.46,1.1L3,18.08A1.5,1.5,0,0,1,2,18.5Z", prevIcon: "M10,.5A1.52,1.52,0,0,1,11.08,1a1.49,1.49,0,0,1,0,2.12L4.19,9.64,11,15.89a1.5,1.5,0,1,1-2,2.22L1,10.77A1.48,1.48,0,0,1,.5,9.68,1.51,1.51,0,0,1,1,8.58L9,.92A1.5,1.5,0,0,1,10,.5Z", prevBtnSize: 18, nextBtnSize: 18, color: "#A4B1D7", borderColor: "#A4B1D7", borderWidth: 1 }, emphasis: { label: { show: !0, color: "#6f778d" }, itemStyle: { color: "#316BF3" }, controlStyle: { color: "#316BF3", borderColor: "#316BF3", borderWidth: 2 } }, progress: { lineStyle: { color: "#316BF3" }, itemStyle: { color: "#316BF3" }, label: { color: "#6f778d" } }, data: [] }), e }(CV); R(DV, cf.prototype); var AV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "timeline", e }(mg), kV = function (t) { function e(e, n, i, r) { var o = t.call(this, e, n, i) || this; return o.type = r || "value", o } return n(e, t), e.prototype.getLabelModel = function () { return this.model.getModel("label") }, e.prototype.isHorizontal = function () { return "horizontal" === this.model.get("orient") }, e }(X_), LV = Math.PI, PV = Do(), OV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function (t, e) { this.api = e }, e.prototype.render = function (t, e, n) { if (this.model = t, this.api = n, this.ecModel = e, this.group.removeAll(), t.get("show", !0)) { var i = this._layout(t, n), r = this._createGroup("_mainGroup"), o = this._createGroup("_labelGroup"), a = this._axis = this._createAxis(i, t); t.formatTooltip = function (t) { return qf("nameValue", { noName: !0, value: a.scale.getLabel({ value: t }) }) }, E(["AxisLine", "AxisTick", "Control", "CurrentPointer"], (function (e) { this["_render" + e](i, r, a, t) }), this), this._renderAxisLabel(i, o, a, t), this._position(i, t) } this._doPlayStop(), this._updateTicksStatus() }, e.prototype.remove = function () { this._clearTimer(), this.group.removeAll() }, e.prototype.dispose = function () { this._clearTimer() }, e.prototype._layout = function (t, e) { var n, i, r, o, a = t.get(["label", "position"]), s = t.get("orient"), l = function (t, e) { return wp(t.getBoxLayoutParams(), { width: e.getWidth(), height: e.getHeight() }, t.get("padding")) }(t, e), u = { horizontal: "center", vertical: (n = null == a || "auto" === a ? "horizontal" === s ? l.y + l.height / 2 < e.getHeight() / 2 ? "-" : "+" : l.x + l.width / 2 < e.getWidth() / 2 ? "+" : "-" : X(a) ? { horizontal: { top: "-", bottom: "+" }, vertical: { left: "-", right: "+" } }[s][a] : a) >= 0 || "+" === n ? "left" : "right" }, h = { horizontal: n >= 0 || "+" === n ? "top" : "bottom", vertical: "middle" }, c = { horizontal: 0, vertical: LV / 2 }, p = "vertical" === s ? l.height : l.width, d = t.getModel("controlStyle"), f = d.get("show", !0), g = f ? d.get("itemSize") : 0, y = f ? d.get("itemGap") : 0, v = g + y, m = t.get(["label", "rotate"]) || 0; m = m * LV / 180; var x = d.get("position", !0), _ = f && d.get("showPlayBtn", !0), b = f && d.get("showPrevBtn", !0), w = f && d.get("showNextBtn", !0), S = 0, M = p; "left" === x || "bottom" === x ? (_ && (i = [0, 0], S += v), b && (r = [S, 0], S += v), w && (o = [M - g, 0], M -= v)) : (_ && (i = [M - g, 0], M -= v), b && (r = [0, 0], S += v), w && (o = [M - g, 0], M -= v)); var I = [S, M]; return t.get("inverse") && I.reverse(), { viewRect: l, mainLength: p, orient: s, rotation: c[s], labelRotation: m, labelPosOpt: n, labelAlign: t.get(["label", "align"]) || u[s], labelBaseline: t.get(["label", "verticalAlign"]) || t.get(["label", "baseline"]) || h[s], playPosition: i, prevBtnPosition: r, nextBtnPosition: o, axisExtent: I, controlSize: g, controlGap: y } }, e.prototype._position = function (t, e) { var n = this._mainGroup, i = this._labelGroup, r = t.viewRect; if ("vertical" === t.orient) { var o = [1, 0, 0, 1, 0, 0], a = r.x, s = r.y + r.height; xe(o, o, [-a, -s]), _e(o, o, -LV / 2), xe(o, o, [a, s]), (r = r.clone()).applyTransform(o) } var l = y(r), u = y(n.getBoundingRect()), h = y(i.getBoundingRect()), c = [n.x, n.y], p = [i.x, i.y]; p[0] = c[0] = l[0][0]; var d, f = t.labelPosOpt; null == f || X(f) ? (v(c, u, l, 1, d = "+" === f ? 0 : 1), v(p, h, l, 1, 1 - d)) : (v(c, u, l, 1, d = f >= 0 ? 0 : 1), p[1] = c[1] + f); function g(t) { t.originX = l[0][0] - t.x, t.originY = l[1][0] - t.y } function y(t) { return [[t.x, t.x + t.width], [t.y, t.y + t.height]] } function v(t, e, n, i, r) { t[i] += n[i][r] - e[i][r] } n.setPosition(c), i.setPosition(p), n.rotation = i.rotation = t.rotation, g(n), g(i) }, e.prototype._createAxis = function (t, e) { var n = e.getData(), i = e.get("axisType"), r = function (t, e) { if (e = e || t.get("type")) switch (e) { case "category": return new _x({ ordinalMeta: t.getCategories(), extent: [1 / 0, -1 / 0] }); case "time": return new zx({ locale: t.ecModel.getLocaleModel(), useUTC: t.ecModel.get("useUTC") }); default: return new Sx } }(e, i); r.getTicks = function () { return n.mapArray(["value"], (function (t) { return { value: t } })) }; var o = n.getDataExtent("value"); r.setExtent(o[0], o[1]), r.calcNiceTicks(); var a = new kV("value", r, t.axisExtent, i); return a.model = e, a }, e.prototype._createGroup = function (t) { var e = this[t] = new Pr; return this.group.add(e), e }, e.prototype._renderAxisLine = function (t, e, n, i) { var r = n.getExtent(); if (i.get(["lineStyle", "show"])) { var o = new Wu({ shape: { x1: r[0], y1: 0, x2: r[1], y2: 0 }, style: A({ lineCap: "round" }, i.getModel("lineStyle").getLineStyle()), silent: !0, z2: 1 }); e.add(o); var a = this._progressLine = new Wu({ shape: { x1: r[0], x2: this._currentPointer ? this._currentPointer.x : r[0], y1: 0, y2: 0 }, style: k({ lineCap: "round", lineWidth: o.style.lineWidth }, i.getModel(["progress", "lineStyle"]).getLineStyle()), silent: !0, z2: 1 }); e.add(a) } }, e.prototype._renderAxisTick = function (t, e, n, i) { var r = this, o = i.getData(), a = n.scale.getTicks(); this._tickSymbols = [], E(a, (function (t) { var a = n.dataToCoord(t.value), s = o.getItemModel(t.value), l = s.getModel("itemStyle"), u = s.getModel(["emphasis", "itemStyle"]), h = s.getModel(["progress", "itemStyle"]), c = { x: a, y: 0, onclick: W(r._changeTimeline, r, t.value) }, p = RV(s, l, e, c); p.ensureState("emphasis").style = u.getItemStyle(), p.ensureState("progress").style = h.getItemStyle(), Vl(p); var d = js(p); s.get("tooltip") ? (d.dataIndex = t.value, d.dataModel = i) : d.dataIndex = d.dataModel = null, r._tickSymbols.push(p) })) }, e.prototype._renderAxisLabel = function (t, e, n, i) { var r = this; if (n.getLabelModel().get("show")) { var o = i.getData(), a = n.getViewLabels(); this._tickLabels = [], E(a, (function (i) { var a = i.tickValue, s = o.getItemModel(a), l = s.getModel("label"), u = s.getModel(["emphasis", "label"]), h = s.getModel(["progress", "label"]), c = n.dataToCoord(i.tickValue), p = new Ns({ x: c, y: 0, rotation: t.labelRotation - t.rotation, onclick: W(r._changeTimeline, r, a), silent: !1, style: $h(l, { text: i.formattedLabel, align: t.labelAlign, verticalAlign: t.labelBaseline }) }); p.ensureState("emphasis").style = $h(u), p.ensureState("progress").style = $h(h), e.add(p), Vl(p), PV(p).dataIndex = a, r._tickLabels.push(p) })) } }, e.prototype._renderControl = function (t, e, n, i) { var r = t.controlSize, o = t.rotation, a = i.getModel("controlStyle").getItemStyle(), s = i.getModel(["emphasis", "controlStyle"]).getItemStyle(), l = i.getPlayState(), u = i.get("inverse", !0); function h(t, n, l, u) { if (t) { var h = _r(rt(i.get(["controlStyle", n + "BtnSize"]), r), r), c = function (t, e, n, i) { var r = i.style, o = Vh(t.get(["controlStyle", e]), i || {}, new Re(n[0], n[1], n[2], n[3])); r && o.setStyle(r); return o }(i, n + "Icon", [0, -h / 2, h, h], { x: t[0], y: t[1], originX: r / 2, originY: 0, rotation: u ? -o : 0, rectHover: !0, style: a, onclick: l }); c.ensureState("emphasis").style = s, e.add(c), Vl(c) } } h(t.nextBtnPosition, "next", W(this._changeTimeline, this, u ? "-" : "+")), h(t.prevBtnPosition, "prev", W(this._changeTimeline, this, u ? "+" : "-")), h(t.playPosition, l ? "stop" : "play", W(this._handlePlayClick, this, !l), !0) }, e.prototype._renderCurrentPointer = function (t, e, n, i) { var r = i.getData(), o = i.getCurrentIndex(), a = r.getItemModel(o).getModel("checkpointStyle"), s = this, l = { onCreate: function (t) { t.draggable = !0, t.drift = W(s._handlePointerDrag, s), t.ondragend = W(s._handlePointerDragend, s), NV(t, s._progressLine, o, n, i, !0) }, onUpdate: function (t) { NV(t, s._progressLine, o, n, i) } }; this._currentPointer = RV(a, a, this._mainGroup, {}, this._currentPointer, l) }, e.prototype._handlePlayClick = function (t) { this._clearTimer(), this.api.dispatchAction({ type: "timelinePlayChange", playState: t, from: this.uid }) }, e.prototype._handlePointerDrag = function (t, e, n) { this._clearTimer(), this._pointerChangeTimeline([n.offsetX, n.offsetY]) }, e.prototype._handlePointerDragend = function (t) { this._pointerChangeTimeline([t.offsetX, t.offsetY], !0) }, e.prototype._pointerChangeTimeline = function (t, e) { var n = this._toAxisCoord(t)[0], i = Hr(this._axis.getExtent().slice()); n > i[1] && (n = i[1]), n < i[0] && (n = i[0]), this._currentPointer.x = n, this._currentPointer.markRedraw(), this._progressLine.shape.x2 = n, this._progressLine.dirty(); var r = this._findNearestTick(n), o = this.model; (e || r !== o.getCurrentIndex() && o.get("realtime")) && this._changeTimeline(r) }, e.prototype._doPlayStop = function () { var t = this; this._clearTimer(), this.model.getPlayState() && (this._timer = setTimeout((function () { var e = t.model; t._changeTimeline(e.getCurrentIndex() + (e.get("rewind", !0) ? -1 : 1)) }), this.model.get("playInterval"))) }, e.prototype._toAxisCoord = function (t) { return Ph(t, this._mainGroup.getLocalTransform(), !0) }, e.prototype._findNearestTick = function (t) { var e, n = this.model.getData(), i = 1 / 0, r = this._axis; return n.each(["value"], (function (n, o) { var a = r.dataToCoord(n), s = Math.abs(a - t); s < i && (i = s, e = o) })), e }, e.prototype._clearTimer = function () { this._timer && (clearTimeout(this._timer), this._timer = null) }, e.prototype._changeTimeline = function (t) { var e = this.model.getCurrentIndex(); "+" === t ? t = e + 1 : "-" === t && (t = e - 1), this.api.dispatchAction({ type: "timelineChange", currentIndex: t, from: this.uid }) }, e.prototype._updateTicksStatus = function () { var t = this.model.getCurrentIndex(), e = this._tickSymbols, n = this._tickLabels; if (e) for (var i = 0; i < e.length; i++)e && e[i] && e[i].toggleState("progress", i < t); if (n) for (i = 0; i < n.length; i++)n && n[i] && n[i].toggleState("progress", PV(n[i]).dataIndex <= t) }, e.type = "timeline.slider", e }(AV); function RV(t, e, n, i, r, o) { var a = e.get("color"); r ? (r.setColor(a), n.add(r), o && o.onUpdate(r)) : ((r = Ry(t.get("symbol"), -1, -1, 2, 2, a)).setStyle("strokeNoScale", !0), n.add(r), o && o.onCreate(r)); var s = e.getItemStyle(["color"]); r.setStyle(s), i = C({ rectHover: !0, z2: 100 }, i, !0); var l = Ny(t.get("symbolSize")); i.scaleX = l[0] / 2, i.scaleY = l[1] / 2; var u = Ey(t.get("symbolOffset"), l); u && (i.x = (i.x || 0) + u[0], i.y = (i.y || 0) + u[1]); var h = t.get("symbolRotate"); return i.rotation = (h || 0) * Math.PI / 180 || 0, r.attr(i), r.updateTransform(), r } function NV(t, e, n, i, r, o) { if (!t.dragging) { var a = r.getModel("checkpointStyle"), s = i.dataToCoord(r.getData().get("value", n)); if (o || !a.get("animation", !0)) t.attr({ x: s, y: 0 }), e && e.attr({ shape: { x2: s } }); else { var l = { duration: a.get("animationDuration", !0), easing: a.get("animationEasing", !0) }; t.stopAnimation(null, !0), t.animateTo({ x: s, y: 0 }, l), e && e.animateTo({ shape: { x2: s } }, l) } } } function EV(t) { var e = t && t.timeline; Y(e) || (e = e ? [e] : []), E(e, (function (t) { t && function (t) { var e = t.type, n = { number: "value", time: "time" }; n[e] && (t.axisType = n[e], delete t.type); if (zV(t), VV(t, "controlPosition")) { var i = t.controlStyle || (t.controlStyle = {}); VV(i, "position") || (i.position = t.controlPosition), "none" !== i.position || VV(i, "show") || (i.show = !1, delete i.position), delete t.controlPosition } E(t.data || [], (function (t) { q(t) && !Y(t) && (!VV(t, "value") && VV(t, "name") && (t.value = t.name), zV(t)) })) }(t) })) } function zV(t) { var e = t.itemStyle || (t.itemStyle = {}), n = e.emphasis || (e.emphasis = {}), i = t.label || t.label || {}, r = i.normal || (i.normal = {}), o = { normal: 1, emphasis: 1 }; E(i, (function (t, e) { o[e] || VV(r, e) || (r[e] = t) })), n.label && !VV(i, "emphasis") && (i.emphasis = n.label, delete n.label) } function VV(t, e) { return t.hasOwnProperty(e) } function BV(t, e) { if (!t) return !1; for (var n = Y(t) ? t : [t], i = 0; i < n.length; i++)if (n[i] && n[i][e]) return !0; return !1 } function FV(t) { vo(t, "label", ["show"]) } var GV = Do(), WV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.createdBySelf = !1, n } return n(e, t), e.prototype.init = function (t, e, n) { this.mergeDefaultAndTheme(t, n), this._mergeOption(t, n, !1, !0) }, e.prototype.isAnimationEnabled = function () { if (r.node) return !1; var t = this.__hostSeries; return this.getShallow("animation") && t && t.isAnimationEnabled() }, e.prototype.mergeOption = function (t, e) { this._mergeOption(t, e, !1, !1) }, e.prototype._mergeOption = function (t, e, n, i) { var r = this.mainType; n || e.eachSeries((function (t) { var n = t.get(this.mainType, !0), o = GV(t)[r]; n && n.data ? (o ? o._mergeOption(n, e, !0) : (i && FV(n), E(n.data, (function (t) { t instanceof Array ? (FV(t[0]), FV(t[1])) : FV(t) })), A(o = this.createMarkerModelFromSeries(n, this, e), { mainType: this.mainType, seriesIndex: t.seriesIndex, name: t.name, createdBySelf: !0 }), o.__hostSeries = t), GV(t)[r] = o) : GV(t)[r] = null }), this) }, e.prototype.formatTooltip = function (t, e, n) { var i = this.getData(), r = this.getRawValue(t), o = i.getName(t); return qf("section", { header: this.name, blocks: [qf("nameValue", { name: o, value: r, noName: !o, noValue: null == r })] }) }, e.prototype.getData = function () { return this._data }, e.prototype.setData = function (t) { this._data = t }, e.getMarkerModelFromSeries = function (t, e) { return GV(t)[e] }, e.type = "marker", e.dependencies = ["series", "grid", "polar", "geo"], e }(Ap); R(WV, cf.prototype); var HV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.createMarkerModelFromSeries = function (t, n, i) { return new e(t, n, i) }, e.type = "markPoint", e.defaultOption = { z: 5, symbol: "pin", symbolSize: 50, tooltip: { trigger: "item" }, label: { show: !0, position: "inside" }, itemStyle: { borderWidth: 2 }, emphasis: { label: { show: !0 } } }, e }(WV); function YV(t) { return !(isNaN(parseFloat(t.x)) && isNaN(parseFloat(t.y))) } function UV(t, e, n, i, r, o) { var a = [], s = ox(e, i) ? e.getCalculationInfo("stackResultDimension") : i, l = $V(e, s, t), u = e.indicesOfNearest(s, l)[0]; a[r] = e.get(n, u), a[o] = e.get(s, u); var h = e.get(i, u), c = Yr(e.get(i, u)); return (c = Math.min(c, 20)) >= 0 && (a[o] = +a[o].toFixed(c)), [a, h] } var XV = { min: H(UV, "min"), max: H(UV, "max"), average: H(UV, "average"), median: H(UV, "median") }; function ZV(t, e) { var n = t.getData(), i = t.coordinateSystem; if (e && !function (t) { return !isNaN(parseFloat(t.x)) && !isNaN(parseFloat(t.y)) }(e) && !Y(e.coord) && i) { var r = i.dimensions, o = jV(e, n, i, t); if ((e = T(e)).type && XV[e.type] && o.baseAxis && o.valueAxis) { var a = P(r, o.baseAxis.dim), s = P(r, o.valueAxis.dim), l = XV[e.type](n, o.baseDataDim, o.valueDataDim, a, s); e.coord = l[0], e.value = l[1] } else { for (var u = [null != e.xAxis ? e.xAxis : e.radiusAxis, null != e.yAxis ? e.yAxis : e.angleAxis], h = 0; h < 2; h++)XV[u[h]] && (u[h] = $V(n, n.mapDimension(r[h]), u[h])); e.coord = u } } return e } function jV(t, e, n, i) { var r = {}; return null != t.valueIndex || null != t.valueDim ? (r.valueDataDim = null != t.valueIndex ? e.getDimension(t.valueIndex) : t.valueDim, r.valueAxis = n.getAxis(function (t, e) { var n = t.getData().getDimensionInfo(e); return n && n.coordDim }(i, r.valueDataDim)), r.baseAxis = n.getOtherAxis(r.valueAxis), r.baseDataDim = e.mapDimension(r.baseAxis.dim)) : (r.baseAxis = i.getBaseAxis(), r.valueAxis = n.getOtherAxis(r.baseAxis), r.baseDataDim = e.mapDimension(r.baseAxis.dim), r.valueDataDim = e.mapDimension(r.valueAxis.dim)), r } function qV(t, e) { return !(t && t.containData && e.coord && !YV(e)) || t.containData(e.coord) } function KV(t, e) { return t ? function (t, n, i, r) { return yf(r < 2 ? t.coord && t.coord[r] : t.value, e[r]) } : function (t, n, i, r) { return yf(t.value, e[r]) } } function $V(t, e, n) { if ("average" === n) { var i = 0, r = 0; return t.each(e, (function (t, e) { isNaN(t) || (i += t, r++) })), i / r } return "median" === n ? t.getMedian(e) : t.getDataExtent(e)["max" === n ? 1 : 0] } var JV = Do(), QV = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.init = function () { this.markerGroupMap = ft() }, e.prototype.render = function (t, e, n) { var i = this, r = this.markerGroupMap; r.each((function (t) { JV(t).keep = !1 })), e.eachSeries((function (t) { var r = WV.getMarkerModelFromSeries(t, i.type); r && i.renderSeries(t, r, e, n) })), r.each((function (t) { !JV(t).keep && i.group.remove(t.group) })) }, e.prototype.markKeep = function (t) { JV(t).keep = !0 }, e.prototype.toggleBlurSeries = function (t, e) { var n = this; E(t, (function (t) { var i = WV.getMarkerModelFromSeries(t, n.type); i && i.getData().eachItemGraphicEl((function (t) { t && (e ? Cl(t) : Dl(t)) })) })) }, e.type = "marker", e }(mg); function tB(t, e, n) { var i = e.coordinateSystem; t.each((function (r) { var o, a = t.getItemModel(r), s = Gr(a.get("x"), n.getWidth()), l = Gr(a.get("y"), n.getHeight()); if (isNaN(s) || isNaN(l)) { if (e.getMarkerPosition) o = e.getMarkerPosition(t.getValues(t.dimensions, r)); else if (i) { var u = t.get(i.dimensions[0], r), h = t.get(i.dimensions[1], r); o = i.dataToPoint([u, h]) } } else o = [s, l]; isNaN(s) || (o[0] = s), isNaN(l) || (o[1] = l), t.setItemLayout(r, o) })) } var eB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.updateTransform = function (t, e, n) { e.eachSeries((function (t) { var e = WV.getMarkerModelFromSeries(t, "markPoint"); e && (tB(e.getData(), t, n), this.markerGroupMap.get(t.id).updateLayout()) }), this) }, e.prototype.renderSeries = function (t, e, n, i) { var r = t.coordinateSystem, o = t.id, a = t.getData(), s = this.markerGroupMap, l = s.get(o) || s.set(o, new Jw), u = function (t, e, n) { var i; i = t ? z(t && t.dimensions, (function (t) { return A(A({}, e.getData().getDimensionInfo(e.getData().mapDimension(t)) || {}), { name: t, ordinalMeta: null }) })) : [{ name: "value", type: "float" }]; var r = new Jm(i, n), o = z(n.get("data"), H(ZV, e)); t && (o = B(o, H(qV, t))); var a = KV(!!t, i); return r.initData(o, null, a), r }(r, t, e); e.setData(u), tB(e.getData(), t, i), u.each((function (t) { var n = u.getItemModel(t), i = n.getShallow("symbol"), r = n.getShallow("symbolSize"), o = n.getShallow("symbolRotate"), s = n.getShallow("symbolOffset"), l = n.getShallow("symbolKeepAspect"); if (U(i) || U(r) || U(o) || U(s)) { var h = e.getRawValue(t), c = e.getDataParams(t); U(i) && (i = i(h, c)), U(r) && (r = r(h, c)), U(o) && (o = o(h, c)), U(s) && (s = s(h, c)) } var p = n.getModel("itemStyle").getItemStyle(), d = my(a, "color"); p.fill || (p.fill = d), u.setItemVisual(t, { symbol: i, symbolSize: r, symbolRotate: o, symbolOffset: s, symbolKeepAspect: l, style: p }) })), l.updateData(u), this.group.add(l.group), u.eachItemGraphicEl((function (t) { t.traverse((function (t) { js(t).dataModel = e })) })), this.markKeep(l), l.group.silent = e.get("silent") || t.get("silent") }, e.type = "markPoint", e }(QV); var nB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.createMarkerModelFromSeries = function (t, n, i) { return new e(t, n, i) }, e.type = "markLine", e.defaultOption = { z: 5, symbol: ["circle", "arrow"], symbolSize: [8, 16], symbolOffset: 0, precision: 2, tooltip: { trigger: "item" }, label: { show: !0, position: "end", distance: 5 }, lineStyle: { type: "dashed" }, emphasis: { label: { show: !0 }, lineStyle: { width: 3 } }, animationEasing: "linear" }, e }(WV), iB = Do(), rB = function (t, e, n, i) { var r, o = t.getData(); if (Y(i)) r = i; else { var a = i.type; if ("min" === a || "max" === a || "average" === a || "median" === a || null != i.xAxis || null != i.yAxis) { var s = void 0, l = void 0; if (null != i.yAxis || null != i.xAxis) s = e.getAxis(null != i.yAxis ? "y" : "x"), l = it(i.yAxis, i.xAxis); else { var u = jV(i, o, e, t); s = u.valueAxis, l = $V(o, ax(o, u.valueDataDim), a) } var h = "x" === s.dim ? 0 : 1, c = 1 - h, p = T(i), d = { coord: [] }; p.type = null, p.coord = [], p.coord[c] = -1 / 0, d.coord[c] = 1 / 0; var f = n.get("precision"); f >= 0 && j(l) && (l = +l.toFixed(Math.min(f, 20))), p.coord[h] = d.coord[h] = l, r = [p, d, { type: a, valueIndex: i.valueIndex, value: l }] } else r = [] } var g = [ZV(t, r[0]), ZV(t, r[1]), A({}, r[2])]; return g[2].type = g[2].type || null, C(g[2], g[0]), C(g[2], g[1]), g }; function oB(t) { return !isNaN(t) && !isFinite(t) } function aB(t, e, n, i) { var r = 1 - t, o = i.dimensions[t]; return oB(e[r]) && oB(n[r]) && e[t] === n[t] && i.getAxis(o).containData(e[t]) } function sB(t, e) { if ("cartesian2d" === t.type) { var n = e[0].coord, i = e[1].coord; if (n && i && (aB(1, n, i, t) || aB(0, n, i, t))) return !0 } return qV(t, e[0]) && qV(t, e[1]) } function lB(t, e, n, i, r) { var o, a = i.coordinateSystem, s = t.getItemModel(e), l = Gr(s.get("x"), r.getWidth()), u = Gr(s.get("y"), r.getHeight()); if (isNaN(l) || isNaN(u)) { if (i.getMarkerPosition) o = i.getMarkerPosition(t.getValues(t.dimensions, e)); else { var h = a.dimensions, c = t.get(h[0], e), p = t.get(h[1], e); o = a.dataToPoint([c, p]) } if (pS(a, "cartesian2d")) { var d = a.getAxis("x"), f = a.getAxis("y"); h = a.dimensions; oB(t.get(h[0], e)) ? o[0] = d.toGlobalCoord(d.getExtent()[n ? 0 : 1]) : oB(t.get(h[1], e)) && (o[1] = f.toGlobalCoord(f.getExtent()[n ? 0 : 1])) } isNaN(l) || (o[0] = l), isNaN(u) || (o[1] = u) } else o = [l, u]; t.setItemLayout(e, o) } var uB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.updateTransform = function (t, e, n) { e.eachSeries((function (t) { var e = WV.getMarkerModelFromSeries(t, "markLine"); if (e) { var i = e.getData(), r = iB(e).from, o = iB(e).to; r.each((function (e) { lB(r, e, !0, t, n), lB(o, e, !1, t, n) })), i.each((function (t) { i.setItemLayout(t, [r.getItemLayout(t), o.getItemLayout(t)]) })), this.markerGroupMap.get(t.id).updateLayout() } }), this) }, e.prototype.renderSeries = function (t, e, n, i) { var r = t.coordinateSystem, o = t.id, a = t.getData(), s = this.markerGroupMap, l = s.get(o) || s.set(o, new _A); this.group.add(l.group); var u = function (t, e, n) { var i; i = t ? z(t && t.dimensions, (function (t) { return A(A({}, e.getData().getDimensionInfo(e.getData().mapDimension(t)) || {}), { name: t, ordinalMeta: null }) })) : [{ name: "value", type: "float" }]; var r = new Jm(i, n), o = new Jm(i, n), a = new Jm([], n), s = z(n.get("data"), H(rB, e, t, n)); t && (s = B(s, H(sB, t))); var l = KV(!!t, i); return r.initData(z(s, (function (t) { return t[0] })), null, l), o.initData(z(s, (function (t) { return t[1] })), null, l), a.initData(z(s, (function (t) { return t[2] }))), a.hasItemOption = !0, { from: r, to: o, line: a } }(r, t, e), h = u.from, c = u.to, p = u.line; iB(e).from = h, iB(e).to = c, e.setData(p); var d = e.get("symbol"), f = e.get("symbolSize"), g = e.get("symbolRotate"), y = e.get("symbolOffset"); function v(e, n, r) { var o = e.getItemModel(n); lB(e, n, r, t, i); var s = o.getModel("itemStyle").getItemStyle(); null == s.fill && (s.fill = my(a, "color")), e.setItemVisual(n, { symbolKeepAspect: o.get("symbolKeepAspect"), symbolOffset: rt(o.get("symbolOffset", !0), y[r ? 0 : 1]), symbolRotate: rt(o.get("symbolRotate", !0), g[r ? 0 : 1]), symbolSize: rt(o.get("symbolSize"), f[r ? 0 : 1]), symbol: rt(o.get("symbol", !0), d[r ? 0 : 1]), style: s }) } Y(d) || (d = [d, d]), Y(f) || (f = [f, f]), Y(g) || (g = [g, g]), Y(y) || (y = [y, y]), u.from.each((function (t) { v(h, t, !0), v(c, t, !1) })), p.each((function (t) { var e = p.getItemModel(t).getModel("lineStyle").getLineStyle(); p.setItemLayout(t, [h.getItemLayout(t), c.getItemLayout(t)]), null == e.stroke && (e.stroke = h.getItemVisual(t, "style").fill), p.setItemVisual(t, { fromSymbolKeepAspect: h.getItemVisual(t, "symbolKeepAspect"), fromSymbolOffset: h.getItemVisual(t, "symbolOffset"), fromSymbolRotate: h.getItemVisual(t, "symbolRotate"), fromSymbolSize: h.getItemVisual(t, "symbolSize"), fromSymbol: h.getItemVisual(t, "symbol"), toSymbolKeepAspect: c.getItemVisual(t, "symbolKeepAspect"), toSymbolOffset: c.getItemVisual(t, "symbolOffset"), toSymbolRotate: c.getItemVisual(t, "symbolRotate"), toSymbolSize: c.getItemVisual(t, "symbolSize"), toSymbol: c.getItemVisual(t, "symbol"), style: e }) })), l.updateData(p), u.line.eachItemGraphicEl((function (t) { js(t).dataModel = e, t.traverse((function (t) { js(t).dataModel = e })) })), this.markKeep(l), l.group.silent = e.get("silent") || t.get("silent") }, e.type = "markLine", e }(QV); var hB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.createMarkerModelFromSeries = function (t, n, i) { return new e(t, n, i) }, e.type = "markArea", e.defaultOption = { z: 1, tooltip: { trigger: "item" }, animation: !1, label: { show: !0, position: "top" }, itemStyle: { borderWidth: 0 }, emphasis: { label: { show: !0, position: "top" } } }, e }(WV), cB = Do(), pB = function (t, e, n, i) { var r = ZV(t, i[0]), o = ZV(t, i[1]), a = r.coord, s = o.coord; a[0] = it(a[0], -1 / 0), a[1] = it(a[1], -1 / 0), s[0] = it(s[0], 1 / 0), s[1] = it(s[1], 1 / 0); var l = D([{}, r, o]); return l.coord = [r.coord, o.coord], l.x0 = r.x, l.y0 = r.y, l.x1 = o.x, l.y1 = o.y, l }; function dB(t) { return !isNaN(t) && !isFinite(t) } function fB(t, e, n, i) { var r = 1 - t; return dB(e[r]) && dB(n[r]) } function gB(t, e) { var n = e.coord[0], i = e.coord[1], r = { coord: n, x: e.x0, y: e.y0 }, o = { coord: i, x: e.x1, y: e.y1 }; return pS(t, "cartesian2d") ? !(!n || !i || !fB(1, n, i) && !fB(0, n, i)) || function (t, e, n) { return !(t && t.containZone && e.coord && n.coord && !YV(e) && !YV(n)) || t.containZone(e.coord, n.coord) }(t, r, o) : qV(t, r) || qV(t, o) } function yB(t, e, n, i, r) { var o, a = i.coordinateSystem, s = t.getItemModel(e), l = Gr(s.get(n[0]), r.getWidth()), u = Gr(s.get(n[1]), r.getHeight()); if (isNaN(l) || isNaN(u)) { if (i.getMarkerPosition) o = i.getMarkerPosition(t.getValues(n, e)); else { var h = [d = t.get(n[0], e), f = t.get(n[1], e)]; a.clampData && a.clampData(h, h), o = a.dataToPoint(h, !0) } if (pS(a, "cartesian2d")) { var c = a.getAxis("x"), p = a.getAxis("y"), d = t.get(n[0], e), f = t.get(n[1], e); dB(d) ? o[0] = c.toGlobalCoord(c.getExtent()["x0" === n[0] ? 0 : 1]) : dB(f) && (o[1] = p.toGlobalCoord(p.getExtent()["y0" === n[1] ? 0 : 1])) } isNaN(l) || (o[0] = l), isNaN(u) || (o[1] = u) } else o = [l, u]; return o } var vB = [["x0", "y0"], ["x1", "y0"], ["x1", "y1"], ["x0", "y1"]], mB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.updateTransform = function (t, e, n) { e.eachSeries((function (t) { var e = WV.getMarkerModelFromSeries(t, "markArea"); if (e) { var i = e.getData(); i.each((function (e) { var r = z(vB, (function (r) { return yB(i, e, r, t, n) })); i.setItemLayout(e, r), i.getItemGraphicEl(e).setShape("points", r) })) } }), this) }, e.prototype.renderSeries = function (t, e, n, i) { var r = t.coordinateSystem, o = t.id, a = t.getData(), s = this.markerGroupMap, l = s.get(o) || s.set(o, { group: new Pr }); this.group.add(l.group), this.markKeep(l); var u = function (t, e, n) { var i, r, o = ["x0", "y0", "x1", "y1"]; if (t) { var a = z(t && t.dimensions, (function (t) { var n = e.getData(); return A(A({}, n.getDimensionInfo(n.mapDimension(t)) || {}), { name: t, ordinalMeta: null }) })); r = z(o, (function (t, e) { return { name: t, type: a[e % 2].type } })), i = new Jm(r, n) } else i = new Jm(r = [{ name: "value", type: "float" }], n); var s = z(n.get("data"), H(pB, e, t, n)); t && (s = B(s, H(gB, t))); var l = t ? function (t, e, n, i) { return yf(t.coord[Math.floor(i / 2)][i % 2], r[i]) } : function (t, e, n, i) { return yf(t.value, r[i]) }; return i.initData(s, null, l), i.hasItemOption = !0, i }(r, t, e); e.setData(u), u.each((function (e) { var n = z(vB, (function (n) { return yB(u, e, n, t, i) })), o = r.getAxis("x").scale, s = r.getAxis("y").scale, l = o.getExtent(), h = s.getExtent(), c = [o.parse(u.get("x0", e)), o.parse(u.get("x1", e))], p = [s.parse(u.get("y0", e)), s.parse(u.get("y1", e))]; Hr(c), Hr(p); var d = !!(l[0] > c[1] || l[1] < c[0] || h[0] > p[1] || h[1] < p[0]); u.setItemLayout(e, { points: n, allClipped: d }); var f = u.getItemModel(e).getModel("itemStyle").getItemStyle(), g = my(a, "color"); f.fill || (f.fill = g, X(f.fill) && (f.fill = ti(f.fill, .4))), f.stroke || (f.stroke = g), u.setItemVisual(e, "style", f) })), u.diff(cB(l).data).add((function (t) { var e = u.getItemLayout(t); if (!e.allClipped) { var n = new zu({ shape: { points: e.points } }); u.setItemGraphicEl(t, n), l.group.add(n) } })).update((function (t, n) { var i = cB(l).data.getItemGraphicEl(n), r = u.getItemLayout(t); r.allClipped ? i && l.group.remove(i) : (i ? uh(i, { shape: { points: r.points } }, e, t) : i = new zu({ shape: { points: r.points } }), u.setItemGraphicEl(t, i), l.group.add(i)) })).remove((function (t) { var e = cB(l).data.getItemGraphicEl(t); l.group.remove(e) })).execute(), u.eachItemGraphicEl((function (t, n) { var i = u.getItemModel(n), r = u.getItemVisual(n, "style"); t.useStyle(u.getItemVisual(n, "style")), qh(t, Kh(i), { labelFetcher: e, labelDataIndex: n, defaultText: u.getName(n) || "", inheritColor: X(r.fill) ? ti(r.fill, 1) : "#000" }), Hl(t, i), Bl(t, null, null, i.get(["emphasis", "disabled"])), js(t).dataModel = e })), cB(l).data = u, l.group.silent = e.get("silent") || t.get("silent") }, e.type = "markArea", e }(QV); var xB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.layoutMode = { type: "box", ignoreSize: !0 }, n } return n(e, t), e.prototype.init = function (t, e, n) { this.mergeDefaultAndTheme(t, n), t.selected = t.selected || {}, this._updateSelector(t) }, e.prototype.mergeOption = function (e, n) { t.prototype.mergeOption.call(this, e, n), this._updateSelector(e) }, e.prototype._updateSelector = function (t) { var e = t.selector, n = this.ecModel; !0 === e && (e = t.selector = ["all", "inverse"]), Y(e) && E(e, (function (t, i) { X(t) && (t = { type: t }), e[i] = C(t, function (t, e) { return "all" === e ? { type: "all", title: t.getLocaleModel().get(["legend", "selector", "all"]) } : "inverse" === e ? { type: "inverse", title: t.getLocaleModel().get(["legend", "selector", "inverse"]) } : void 0 }(n, t.type)) })) }, e.prototype.optionUpdated = function () { this._updateData(this.ecModel); var t = this._data; if (t[0] && "single" === this.get("selectedMode")) { for (var e = !1, n = 0; n < t.length; n++) { var i = t[n].get("name"); if (this.isSelected(i)) { this.select(i), e = !0; break } } !e && this.select(t[0].get("name")) } }, e.prototype._updateData = function (t) { var e = [], n = []; t.eachRawSeries((function (i) { var r, o = i.name; if (n.push(o), i.legendVisualProvider) { var a = i.legendVisualProvider.getAllNames(); t.isSeriesFiltered(i) || (n = n.concat(a)), a.length ? e = e.concat(a) : r = !0 } else r = !0; r && Io(i) && e.push(i.name) })), this._availableNames = n; var i = z(this.get("data") || e, (function (t) { return (X(t) || j(t)) && (t = { name: t }), new xc(t, this, this.ecModel) }), this); this._data = i }, e.prototype.getData = function () { return this._data }, e.prototype.select = function (t) { var e = this.option.selected; "single" === this.get("selectedMode") && E(this._data, (function (t) { e[t.get("name")] = !1 })); e[t] = !0 }, e.prototype.unSelect = function (t) { "single" !== this.get("selectedMode") && (this.option.selected[t] = !1) }, e.prototype.toggleSelected = function (t) { var e = this.option.selected; e.hasOwnProperty(t) || (e[t] = !0), this[e[t] ? "unSelect" : "select"](t) }, e.prototype.allSelect = function () { var t = this._data, e = this.option.selected; E(t, (function (t) { e[t.get("name", !0)] = !0 })) }, e.prototype.inverseSelect = function () { var t = this._data, e = this.option.selected; E(t, (function (t) { var n = t.get("name", !0); e.hasOwnProperty(n) || (e[n] = !0), e[n] = !e[n] })) }, e.prototype.isSelected = function (t) { var e = this.option.selected; return !(e.hasOwnProperty(t) && !e[t]) && P(this._availableNames, t) >= 0 }, e.prototype.getOrient = function () { return "vertical" === this.get("orient") ? { index: 1, name: "vertical" } : { index: 0, name: "horizontal" } }, e.type = "legend.plain", e.dependencies = ["series"], e.defaultOption = { z: 4, show: !0, orient: "horizontal", left: "center", top: 0, align: "auto", backgroundColor: "rgba(0,0,0,0)", borderColor: "#ccc", borderRadius: 0, borderWidth: 0, padding: 5, itemGap: 10, itemWidth: 25, itemHeight: 14, symbolRotate: "inherit", symbolKeepAspect: !0, inactiveColor: "#ccc", inactiveBorderColor: "#ccc", inactiveBorderWidth: "auto", itemStyle: { color: "inherit", opacity: "inherit", borderColor: "inherit", borderWidth: "auto", borderCap: "inherit", borderJoin: "inherit", borderDashOffset: "inherit", borderMiterLimit: "inherit" }, lineStyle: { width: "auto", color: "inherit", inactiveColor: "#ccc", inactiveWidth: 2, opacity: "inherit", type: "inherit", cap: "inherit", join: "inherit", dashOffset: "inherit", miterLimit: "inherit" }, textStyle: { color: "#333" }, selectedMode: !0, selector: !1, selectorLabel: { show: !0, borderRadius: 10, padding: [3, 5, 3, 5], fontSize: 12, fontFamily: "sans-serif", color: "#666", borderWidth: 1, borderColor: "#666" }, emphasis: { selectorLabel: { show: !0, color: "#eee", backgroundColor: "#666" } }, selectorPosition: "auto", selectorItemGap: 7, selectorButtonGap: 10, tooltip: { show: !1 } }, e }(Ap), _B = H, bB = E, wB = Pr, SB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.newlineDisabled = !1, n } return n(e, t), e.prototype.init = function () { this.group.add(this._contentGroup = new wB), this.group.add(this._selectorGroup = new wB), this._isFirstRender = !0 }, e.prototype.getContentGroup = function () { return this._contentGroup }, e.prototype.getSelectorGroup = function () { return this._selectorGroup }, e.prototype.render = function (t, e, n) { var i = this._isFirstRender; if (this._isFirstRender = !1, this.resetInner(), t.get("show", !0)) { var r = t.get("align"), o = t.get("orient"); r && "auto" !== r || (r = "right" === t.get("left") && "vertical" === o ? "right" : "left"); var a = t.get("selector", !0), s = t.get("selectorPosition", !0); !a || s && "auto" !== s || (s = "horizontal" === o ? "end" : "start"), this.renderInner(r, t, e, n, a, o, s); var l = t.getBoxLayoutParams(), u = { width: n.getWidth(), height: n.getHeight() }, h = t.get("padding"), c = wp(l, u, h), p = this.layoutInner(t, r, c, i, a, s), d = wp(k({ width: p.width, height: p.height }, l), u, h); this.group.x = d.x - p.x, this.group.y = d.y - p.y, this.group.markRedraw(), this.group.add(this._backgroundEl = JE(p, t)) } }, e.prototype.resetInner = function () { this.getContentGroup().removeAll(), this._backgroundEl && this.group.remove(this._backgroundEl), this.getSelectorGroup().removeAll() }, e.prototype.renderInner = function (t, e, n, i, r, o, a) { var s = this.getContentGroup(), l = ft(), u = e.get("selectedMode"), h = []; n.eachRawSeries((function (t) { !t.get("legendHoverLink") && h.push(t.id) })), bB(e.getData(), (function (r, o) { var a = r.get("name"); if (!this.newlineDisabled && ("" === a || "\n" === a)) { var c = new wB; return c.newline = !0, void s.add(c) } var p = n.getSeriesByName(a)[0]; if (!l.get(a)) { if (p) { var d = p.getData(), f = d.getVisual("legendLineStyle") || {}, g = d.getVisual("legendIcon"), y = d.getVisual("style"); this._createItem(p, a, o, r, e, t, f, y, g, u, i).on("click", _B(MB, a, null, i, h)).on("mouseover", _B(TB, p.name, null, i, h)).on("mouseout", _B(CB, p.name, null, i, h)), l.set(a, !0) } else n.eachRawSeries((function (n) { if (!l.get(a) && n.legendVisualProvider) { var s = n.legendVisualProvider; if (!s.containName(a)) return; var c = s.indexOfName(a), p = s.getItemVisual(c, "style"), d = s.getItemVisual(c, "legendIcon"), f = Xn(p.fill); f && 0 === f[3] && (f[3] = .2, p = A(A({}, p), { fill: ei(f, "rgba") })), this._createItem(n, a, o, r, e, t, {}, p, d, u, i).on("click", _B(MB, null, a, i, h)).on("mouseover", _B(TB, null, a, i, h)).on("mouseout", _B(CB, null, a, i, h)), l.set(a, !0) } }), this); 0 } }), this), r && this._createSelector(r, e, i, o, a) }, e.prototype._createSelector = function (t, e, n, i, r) { var o = this.getSelectorGroup(); bB(t, (function (t) { var i = t.type, r = new Ns({ style: { x: 0, y: 0, align: "center", verticalAlign: "middle" }, onclick: function () { n.dispatchAction({ type: "all" === i ? "legendAllSelect" : "legendInverseSelect" }) } }); o.add(r), qh(r, { normal: e.getModel("selectorLabel"), emphasis: e.getModel(["emphasis", "selectorLabel"]) }, { defaultText: t.title }), Vl(r) })) }, e.prototype._createItem = function (t, e, n, i, r, o, a, s, l, u, h) { var c = t.visualDrawType, p = r.get("itemWidth"), d = r.get("itemHeight"), f = r.isSelected(e), g = i.get("symbolRotate"), y = i.get("symbolKeepAspect"), v = i.get("icon"), m = function (t, e, n, i, r, o, a) { function s(t, e) { "auto" === t.lineWidth && (t.lineWidth = e.lineWidth > 0 ? 2 : 0), bB(t, (function (n, i) { "inherit" === t[i] && (t[i] = e[i]) })) } var l = e.getModel("itemStyle"), u = l.getItemStyle(), h = 0 === t.lastIndexOf("empty", 0) ? "fill" : "stroke", c = l.getShallow("decal"); u.decal = c && "inherit" !== c ? sv(c, a) : i.decal, "inherit" === u.fill && (u.fill = i[r]); "inherit" === u.stroke && (u.stroke = i[h]); "inherit" === u.opacity && (u.opacity = ("fill" === r ? i : n).opacity); s(u, i); var p = e.getModel("lineStyle"), d = p.getLineStyle(); if (s(d, n), "auto" === u.fill && (u.fill = i.fill), "auto" === u.stroke && (u.stroke = i.fill), "auto" === d.stroke && (d.stroke = i.fill), !o) { var f = e.get("inactiveBorderWidth"), g = u[h]; u.lineWidth = "auto" === f ? i.lineWidth > 0 && g ? 2 : 0 : u.lineWidth, u.fill = e.get("inactiveColor"), u.stroke = e.get("inactiveBorderColor"), d.stroke = p.get("inactiveColor"), d.lineWidth = p.get("inactiveWidth") } return { itemStyle: u, lineStyle: d } }(l = v || l || "roundRect", i, a, s, c, f, h), x = new wB, _ = i.getModel("textStyle"); if (!U(t.getLegendIcon) || v && "inherit" !== v) { var b = "inherit" === v && t.getData().getVisual("symbol") ? "inherit" === g ? t.getData().getVisual("symbolRotate") : g : 0; x.add(function (t) { var e = t.icon || "roundRect", n = Ry(e, 0, 0, t.itemWidth, t.itemHeight, t.itemStyle.fill, t.symbolKeepAspect); n.setStyle(t.itemStyle), n.rotation = (t.iconRotate || 0) * Math.PI / 180, n.setOrigin([t.itemWidth / 2, t.itemHeight / 2]), e.indexOf("empty") > -1 && (n.style.stroke = n.style.fill, n.style.fill = "#fff", n.style.lineWidth = 2); return n }({ itemWidth: p, itemHeight: d, icon: l, iconRotate: b, itemStyle: m.itemStyle, lineStyle: m.lineStyle, symbolKeepAspect: y })) } else x.add(t.getLegendIcon({ itemWidth: p, itemHeight: d, icon: l, iconRotate: g, itemStyle: m.itemStyle, lineStyle: m.lineStyle, symbolKeepAspect: y })); var w = "left" === o ? p + 5 : -5, S = o, M = r.get("formatter"), I = e; X(M) && M ? I = M.replace("{name}", null != e ? e : "") : U(M) && (I = M(e)); var T = i.get("inactiveColor"); x.add(new Ns({ style: $h(_, { text: I, x: w, y: d / 2, fill: f ? _.getTextColor() : T, align: S, verticalAlign: "middle" }) })); var C = new Ps({ shape: x.getBoundingRect(), invisible: !0 }), D = i.getModel("tooltip"); return D.get("show") && Wh({ el: C, componentModel: r, itemName: e, itemTooltipOption: D.option }), x.add(C), x.eachChild((function (t) { t.silent = !0 })), C.silent = !u, this.getContentGroup().add(x), Vl(x), x.__legendDataIndex = n, x }, e.prototype.layoutInner = function (t, e, n, i, r, o) { var a = this.getContentGroup(), s = this.getSelectorGroup(); bp(t.get("orient"), a, t.get("itemGap"), n.width, n.height); var l = a.getBoundingRect(), u = [-l.x, -l.y]; if (s.markRedraw(), a.markRedraw(), r) { bp("horizontal", s, t.get("selectorItemGap", !0)); var h = s.getBoundingRect(), c = [-h.x, -h.y], p = t.get("selectorButtonGap", !0), d = t.getOrient().index, f = 0 === d ? "width" : "height", g = 0 === d ? "height" : "width", y = 0 === d ? "y" : "x"; "end" === o ? c[d] += l[f] + p : u[d] += h[f] + p, c[1 - d] += l[g] / 2 - h[g] / 2, s.x = c[0], s.y = c[1], a.x = u[0], a.y = u[1]; var v = { x: 0, y: 0 }; return v[f] = l[f] + p + h[f], v[g] = Math.max(l[g], h[g]), v[y] = Math.min(0, h[y] + c[1 - d]), v } return a.x = u[0], a.y = u[1], this.group.getBoundingRect() }, e.prototype.remove = function () { this.getContentGroup().removeAll(), this._isFirstRender = !0 }, e.type = "legend.plain", e }(mg); function MB(t, e, n, i) { CB(t, e, n, i), n.dispatchAction({ type: "legendToggleSelect", name: null != t ? t : e }), TB(t, e, n, i) } function IB(t) { for (var e, n = t.getZr().storage.getDisplayList(), i = 0, r = n.length; i < r && !(e = n[i].states.emphasis);)i++; return e && e.hoverLayer } function TB(t, e, n, i) { IB(n) || n.dispatchAction({ type: "highlight", seriesName: t, name: e, excludeSeriesId: i }) } function CB(t, e, n, i) { IB(n) || n.dispatchAction({ type: "downplay", seriesName: t, name: e, excludeSeriesId: i }) } function DB(t) { var e = t.findComponents({ mainType: "legend" }); e && e.length && t.filterSeries((function (t) { for (var n = 0; n < e.length; n++)if (!e[n].isSelected(t.name)) return !1; return !0 })) } function AB(t, e, n) { var i, r = {}, o = "toggleSelected" === t; return n.eachComponent("legend", (function (n) { o && null != i ? n[i ? "select" : "unSelect"](e.name) : "allSelect" === t || "inverseSelect" === t ? n[t]() : (n[t](e.name), i = n.isSelected(e.name)), E(n.getData(), (function (t) { var e = t.get("name"); if ("\n" !== e && "" !== e) { var i = n.isSelected(e); r.hasOwnProperty(e) ? r[e] = r[e] && i : r[e] = i } })) })), "allSelect" === t || "inverseSelect" === t ? { selected: r } : { name: e.name, selected: r } } function kB(t) { t.registerComponentModel(xB), t.registerComponentView(SB), t.registerProcessor(t.PRIORITY.PROCESSOR.SERIES_FILTER, DB), t.registerSubTypeDefaulter("legend", (function () { return "plain" })), function (t) { t.registerAction("legendToggleSelect", "legendselectchanged", H(AB, "toggleSelected")), t.registerAction("legendAllSelect", "legendselectall", H(AB, "allSelect")), t.registerAction("legendInverseSelect", "legendinverseselect", H(AB, "inverseSelect")), t.registerAction("legendSelect", "legendselected", H(AB, "select")), t.registerAction("legendUnSelect", "legendunselected", H(AB, "unSelect")) }(t) } var LB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.setScrollDataIndex = function (t) { this.option.scrollDataIndex = t }, e.prototype.init = function (e, n, i) { var r = Tp(e); t.prototype.init.call(this, e, n, i), PB(this, e, r) }, e.prototype.mergeOption = function (e, n) { t.prototype.mergeOption.call(this, e, n), PB(this, this.option, e) }, e.type = "legend.scroll", e.defaultOption = wc(xB.defaultOption, { scrollDataIndex: 0, pageButtonItemGap: 5, pageButtonGap: null, pageButtonPosition: "end", pageFormatter: "{current}/{total}", pageIcons: { horizontal: ["M0,0L12,-10L12,10z", "M0,0L-12,-10L-12,10z"], vertical: ["M0,0L20,0L10,-20z", "M0,0L20,0L10,20z"] }, pageIconColor: "#2f4554", pageIconInactiveColor: "#aaa", pageIconSize: 15, pageTextStyle: { color: "#333" }, animationDurationUpdate: 800 }), e }(xB); function PB(t, e, n) { var i = [1, 1]; i[t.getOrient().index] = 0, Ip(e, n, { type: "box", ignoreSize: !!i }) } var OB = Pr, RB = ["width", "height"], NB = ["x", "y"], EB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.newlineDisabled = !0, n._currentIndex = 0, n } return n(e, t), e.prototype.init = function () { t.prototype.init.call(this), this.group.add(this._containerGroup = new OB), this._containerGroup.add(this.getContentGroup()), this.group.add(this._controllerGroup = new OB) }, e.prototype.resetInner = function () { t.prototype.resetInner.call(this), this._controllerGroup.removeAll(), this._containerGroup.removeClipPath(), this._containerGroup.__rectSize = null }, e.prototype.renderInner = function (e, n, i, r, o, a, s) { var l = this; t.prototype.renderInner.call(this, e, n, i, r, o, a, s); var u = this._controllerGroup, h = n.get("pageIconSize", !0), c = Y(h) ? h : [h, h]; d("pagePrev", 0); var p = n.getModel("pageTextStyle"); function d(t, e) { var i = t + "DataIndex", o = Vh(n.get("pageIcons", !0)[n.getOrient().name][e], { onclick: W(l._pageGo, l, i, n, r) }, { x: -c[0] / 2, y: -c[1] / 2, width: c[0], height: c[1] }); o.name = t, u.add(o) } u.add(new Ns({ name: "pageText", style: { text: "xx/xx", fill: p.getTextColor(), font: p.getFont(), verticalAlign: "middle", align: "center" }, silent: !0 })), d("pageNext", 1) }, e.prototype.layoutInner = function (t, e, n, i, r, o) { var a = this.getSelectorGroup(), s = t.getOrient().index, l = RB[s], u = NB[s], h = RB[1 - s], c = NB[1 - s]; r && bp("horizontal", a, t.get("selectorItemGap", !0)); var p = t.get("selectorButtonGap", !0), d = a.getBoundingRect(), f = [-d.x, -d.y], g = T(n); r && (g[l] = n[l] - d[l] - p); var y = this._layoutContentAndController(t, i, g, s, l, h, c, u); if (r) { if ("end" === o) f[s] += y[l] + p; else { var v = d[l] + p; f[s] -= v, y[u] -= v } y[l] += d[l] + p, f[1 - s] += y[c] + y[h] / 2 - d[h] / 2, y[h] = Math.max(y[h], d[h]), y[c] = Math.min(y[c], d[c] + f[1 - s]), a.x = f[0], a.y = f[1], a.markRedraw() } return y }, e.prototype._layoutContentAndController = function (t, e, n, i, r, o, a, s) { var l = this.getContentGroup(), u = this._containerGroup, h = this._controllerGroup; bp(t.get("orient"), l, t.get("itemGap"), i ? n.width : null, i ? null : n.height), bp("horizontal", h, t.get("pageButtonItemGap", !0)); var c = l.getBoundingRect(), p = h.getBoundingRect(), d = this._showController = c[r] > n[r], f = [-c.x, -c.y]; e || (f[i] = l[s]); var g = [0, 0], y = [-p.x, -p.y], v = rt(t.get("pageButtonGap", !0), t.get("itemGap", !0)); d && ("end" === t.get("pageButtonPosition", !0) ? y[i] += n[r] - p[r] : g[i] += p[r] + v); y[1 - i] += c[o] / 2 - p[o] / 2, l.setPosition(f), u.setPosition(g), h.setPosition(y); var m = { x: 0, y: 0 }; if (m[r] = d ? n[r] : c[r], m[o] = Math.max(c[o], p[o]), m[a] = Math.min(0, p[a] + y[1 - i]), u.__rectSize = n[r], d) { var x = { x: 0, y: 0 }; x[r] = Math.max(n[r] - p[r] - v, 0), x[o] = m[o], u.setClipPath(new Ps({ shape: x })), u.__rectSize = x[r] } else h.eachChild((function (t) { t.attr({ invisible: !0, silent: !0 }) })); var _ = this._getPageInfo(t); return null != _.pageIndex && uh(l, { x: _.contentPosition[0], y: _.contentPosition[1] }, d ? t : null), this._updatePageInfoView(t, _), m }, e.prototype._pageGo = function (t, e, n) { var i = this._getPageInfo(e)[t]; null != i && n.dispatchAction({ type: "legendScroll", scrollDataIndex: i, legendId: e.id }) }, e.prototype._updatePageInfoView = function (t, e) { var n = this._controllerGroup; E(["pagePrev", "pageNext"], (function (i) { var r = null != e[i + "DataIndex"], o = n.childOfName(i); o && (o.setStyle("fill", r ? t.get("pageIconColor", !0) : t.get("pageIconInactiveColor", !0)), o.cursor = r ? "pointer" : "default") })); var i = n.childOfName("pageText"), r = t.get("pageFormatter"), o = e.pageIndex, a = null != o ? o + 1 : 0, s = e.pageCount; i && r && i.setStyle("text", X(r) ? r.replace("{current}", null == a ? "" : a + "").replace("{total}", null == s ? "" : s + "") : r({ current: a, total: s })) }, e.prototype._getPageInfo = function (t) { var e = t.get("scrollDataIndex", !0), n = this.getContentGroup(), i = this._containerGroup.__rectSize, r = t.getOrient().index, o = RB[r], a = NB[r], s = this._findTargetItemIndex(e), l = n.children(), u = l[s], h = l.length, c = h ? 1 : 0, p = { contentPosition: [n.x, n.y], pageCount: c, pageIndex: c - 1, pagePrevDataIndex: null, pageNextDataIndex: null }; if (!u) return p; var d = m(u); p.contentPosition[r] = -d.s; for (var f = s + 1, g = d, y = d, v = null; f <= h; ++f)(!(v = m(l[f])) && y.e > g.s + i || v && !x(v, g.s)) && (g = y.i > g.i ? y : v) && (null == p.pageNextDataIndex && (p.pageNextDataIndex = g.i), ++p.pageCount), y = v; for (f = s - 1, g = d, y = d, v = null; f >= -1; --f)(v = m(l[f])) && x(y, v.s) || !(g.i < y.i) || (y = g, null == p.pagePrevDataIndex && (p.pagePrevDataIndex = g.i), ++p.pageCount, ++p.pageIndex), g = v; return p; function m(t) { if (t) { var e = t.getBoundingRect(), n = e[a] + t[a]; return { s: n, e: n + e[o], i: t.__legendDataIndex } } } function x(t, e) { return t.e >= e && t.s <= e + i } }, e.prototype._findTargetItemIndex = function (t) { return this._showController ? (this.getContentGroup().eachChild((function (i, r) { var o = i.__legendDataIndex; null == n && null != o && (n = r), o === t && (e = r) })), null != e ? e : n) : 0; var e, n }, e.type = "legend.scroll", e }(SB); function zB(t) { Im(kB), t.registerComponentModel(LB), t.registerComponentView(EB), function (t) { t.registerAction("legendScroll", "legendscroll", (function (t, e) { var n = t.scrollDataIndex; null != n && e.eachComponent({ mainType: "legend", subType: "scroll", query: t }, (function (t) { t.setScrollDataIndex(n) })) })) }(t) } var VB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "dataZoom.inside", e.defaultOption = wc(NE.defaultOption, { disabled: !1, zoomLock: !1, zoomOnMouseWheel: !0, moveOnMouseMove: !0, moveOnMouseWheel: !1, preventDefaultMouseMove: !0 }), e }(NE), BB = Do(); function FB(t, e, n) { BB(t).coordSysRecordMap.each((function (t) { var i = t.dataZoomInfoMap.get(e.uid); i && (i.getRange = n) })) } function GB(t, e) { if (e) { t.removeKey(e.model.uid); var n = e.controller; n && n.dispose() } } function WB(t, e) { t.isDisposed() || t.dispatchAction({ type: "dataZoom", animation: { easing: "cubicOut", duration: 100 }, batch: e }) } function HB(t, e, n, i) { return t.coordinateSystem.containPoint([n, i]) } function YB(t) { t.registerProcessor(t.PRIORITY.PROCESSOR.FILTER, (function (t, e) { var n = BB(e), i = n.coordSysRecordMap || (n.coordSysRecordMap = ft()); i.each((function (t) { t.dataZoomInfoMap = null })), t.eachComponent({ mainType: "dataZoom", subType: "inside" }, (function (t) { E(OE(t).infoList, (function (n) { var r = n.model.uid, o = i.get(r) || i.set(r, function (t, e) { var n = { model: e, containsPoint: H(HB, e), dispatchAction: H(WB, t), dataZoomInfoMap: null, controller: null }, i = n.controller = new OI(t.getZr()); return E(["pan", "zoom", "scrollMove"], (function (t) { i.on(t, (function (e) { var i = []; n.dataZoomInfoMap.each((function (r) { if (e.isAvailableBehavior(r.model.option)) { var o = (r.getRange || {})[t], a = o && o(r.dzReferCoordSysInfo, n.model.mainType, n.controller, e); !r.model.get("disabled", !0) && a && i.push({ dataZoomId: r.model.id, start: a[0], end: a[1] }) } })), i.length && n.dispatchAction(i) })) })), n }(e, n.model)); (o.dataZoomInfoMap || (o.dataZoomInfoMap = ft())).set(t.uid, { dzReferCoordSysInfo: n, model: t, getRange: null }) })) })), i.each((function (t) { var e, n = t.controller, r = t.dataZoomInfoMap; if (r) { var o = r.keys()[0]; null != o && (e = r.get(o)) } if (e) { var a = function (t) { var e, n = "type_", i = { type_true: 2, type_move: 1, type_false: 0, type_undefined: -1 }, r = !0; return t.each((function (t) { var o = t.model, a = !o.get("disabled", !0) && (!o.get("zoomLock", !0) || "move"); i[n + a] > i[n + e] && (e = a), r = r && o.get("preventDefaultMouseMove", !0) })), { controlType: e, opt: { zoomOnMouseWheel: !0, moveOnMouseMove: !0, moveOnMouseWheel: !0, preventDefaultMouseMove: !!r } } }(r); n.enable(a.controlType, a.opt), n.setPointerChecker(t.containsPoint), Pg(t, "dispatchAction", e.model.get("throttle", !0), "fixRate") } else GB(i, t) })) })) } var UB = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "dataZoom.inside", e } return n(e, t), e.prototype.render = function (e, n, i) { t.prototype.render.apply(this, arguments), e.noTarget() ? this._clear() : (this.range = e.getPercentRange(), FB(i, e, { pan: W(XB.pan, this), zoom: W(XB.zoom, this), scrollMove: W(XB.scrollMove, this) })) }, e.prototype.dispose = function () { this._clear(), t.prototype.dispose.apply(this, arguments) }, e.prototype._clear = function () { !function (t, e) { for (var n = BB(t).coordSysRecordMap, i = n.keys(), r = 0; r < i.length; r++) { var o = i[r], a = n.get(o), s = a.dataZoomInfoMap; if (s) { var l = e.uid; s.get(l) && (s.removeKey(l), s.keys().length || GB(n, a)) } } }(this.api, this.dataZoomModel), this.range = null }, e.type = "dataZoom.inside", e }(VE), XB = { zoom: function (t, e, n, i) { var r = this.range, o = r.slice(), a = t.axisModels[0]; if (a) { var s = jB[e](null, [i.originX, i.originY], a, n, t), l = (s.signal > 0 ? s.pixelStart + s.pixelLength - s.pixel : s.pixel - s.pixelStart) / s.pixelLength * (o[1] - o[0]) + o[0], u = Math.max(1 / i.scale, 0); o[0] = (o[0] - l) * u + l, o[1] = (o[1] - l) * u + l; var h = this.dataZoomModel.findRepresentativeAxisProxy().getMinMaxSpan(); return dk(0, o, [0, 100], 0, h.minSpan, h.maxSpan), this.range = o, r[0] !== o[0] || r[1] !== o[1] ? o : void 0 } }, pan: ZB((function (t, e, n, i, r, o) { var a = jB[i]([o.oldX, o.oldY], [o.newX, o.newY], e, r, n); return a.signal * (t[1] - t[0]) * a.pixel / a.pixelLength })), scrollMove: ZB((function (t, e, n, i, r, o) { return jB[i]([0, 0], [o.scrollDelta, o.scrollDelta], e, r, n).signal * (t[1] - t[0]) * o.scrollDelta })) }; function ZB(t) { return function (e, n, i, r) { var o = this.range, a = o.slice(), s = e.axisModels[0]; if (s) return dk(t(a, s, e, n, i, r), a, [0, 100], "all"), this.range = a, o[0] !== a[0] || o[1] !== a[1] ? a : void 0 } } var jB = { grid: function (t, e, n, i, r) { var o = n.axis, a = {}, s = r.model.coordinateSystem.getRect(); return t = t || [0, 0], "x" === o.dim ? (a.pixel = e[0] - t[0], a.pixelLength = s.width, a.pixelStart = s.x, a.signal = o.inverse ? 1 : -1) : (a.pixel = e[1] - t[1], a.pixelLength = s.height, a.pixelStart = s.y, a.signal = o.inverse ? -1 : 1), a }, polar: function (t, e, n, i, r) { var o = n.axis, a = {}, s = r.model.coordinateSystem, l = s.getRadiusAxis().getExtent(), u = s.getAngleAxis().getExtent(); return t = t ? s.pointToCoord(t) : [0, 0], e = s.pointToCoord(e), "radiusAxis" === n.mainType ? (a.pixel = e[0] - t[0], a.pixelLength = l[1] - l[0], a.pixelStart = l[0], a.signal = o.inverse ? 1 : -1) : (a.pixel = e[1] - t[1], a.pixelLength = u[1] - u[0], a.pixelStart = u[0], a.signal = o.inverse ? -1 : 1), a }, singleAxis: function (t, e, n, i, r) { var o = n.axis, a = r.model.coordinateSystem.getRect(), s = {}; return t = t || [0, 0], "horizontal" === o.orient ? (s.pixel = e[0] - t[0], s.pixelLength = a.width, s.pixelStart = a.x, s.signal = o.inverse ? 1 : -1) : (s.pixel = e[1] - t[1], s.pixelLength = a.height, s.pixelStart = a.y, s.signal = o.inverse ? -1 : 1), s } }; function qB(t) { UE(t), t.registerComponentModel(VB), t.registerComponentView(UB), YB(t) } var KB = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.type = "dataZoom.slider", e.layoutMode = "box", e.defaultOption = wc(NE.defaultOption, { show: !0, right: "ph", top: "ph", width: "ph", height: "ph", left: null, bottom: null, borderColor: "#d2dbee", borderRadius: 3, backgroundColor: "rgba(47,69,84,0)", dataBackground: { lineStyle: { color: "#d2dbee", width: .5 }, areaStyle: { color: "#d2dbee", opacity: .2 } }, selectedDataBackground: { lineStyle: { color: "#8fb0f7", width: .5 }, areaStyle: { color: "#8fb0f7", opacity: .2 } }, fillerColor: "rgba(135,175,274,0.2)", handleIcon: "path://M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z", handleSize: "100%", handleStyle: { color: "#fff", borderColor: "#ACB8D1" }, moveHandleSize: 7, moveHandleIcon: "path://M-320.9-50L-320.9-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-348-41-339-50-320.9-50z M-212.3-50L-212.3-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-239.4-41-230.4-50-212.3-50z M-103.7-50L-103.7-50c18.1,0,27.1,9,27.1,27.1V85.7c0,18.1-9,27.1-27.1,27.1l0,0c-18.1,0-27.1-9-27.1-27.1V-22.9C-130.9-41-121.8-50-103.7-50z", moveHandleStyle: { color: "#D2DBEE", opacity: .7 }, showDetail: !0, showDataShadow: "auto", realtime: !0, zoomLock: !1, textStyle: { color: "#6E7079" }, brushSelect: !0, brushStyle: { color: "rgba(135,175,274,0.15)" }, emphasis: { handleStyle: { borderColor: "#8FB0F7" }, moveHandleStyle: { color: "#8FB0F7" } } }), e }(NE), $B = Ps, JB = "horizontal", QB = "vertical", tF = ["line", "bar", "candlestick", "scatter"], eF = { easing: "cubicOut", duration: 100, delay: 0 }, nF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._displayables = {}, n } return n(e, t), e.prototype.init = function (t, e) { this.api = e, this._onBrush = W(this._onBrush, this), this._onBrushEnd = W(this._onBrushEnd, this) }, e.prototype.render = function (e, n, i, r) { if (t.prototype.render.apply(this, arguments), Pg(this, "_dispatchZoomAction", e.get("throttle"), "fixRate"), this._orient = e.getOrient(), !1 !== e.get("show")) { if (e.noTarget()) return this._clear(), void this.group.removeAll(); r && "dataZoom" === r.type && r.from === this.uid || this._buildView(), this._updateView() } else this.group.removeAll() }, e.prototype.dispose = function () { this._clear(), t.prototype.dispose.apply(this, arguments) }, e.prototype._clear = function () { Og(this, "_dispatchZoomAction"); var t = this.api.getZr(); t.off("mousemove", this._onBrush), t.off("mouseup", this._onBrushEnd) }, e.prototype._buildView = function () { var t = this.group; t.removeAll(), this._brushing = !1, this._displayables.brushRect = null, this._resetLocation(), this._resetInterval(); var e = this._displayables.sliderGroup = new Pr; this._renderBackground(), this._renderHandle(), this._renderDataShadow(), t.add(e), this._positionGroup() }, e.prototype._resetLocation = function () { var t = this.dataZoomModel, e = this.api, n = t.get("brushSelect") ? 7 : 0, i = this._findCoordRect(), r = { width: e.getWidth(), height: e.getHeight() }, o = this._orient === JB ? { right: r.width - i.x - i.width, top: r.height - 30 - 7 - n, width: i.width, height: 30 } : { right: 7, top: i.y, width: 30, height: i.height }, a = Tp(t.option); E(["right", "top", "width", "height"], (function (t) { "ph" === a[t] && (a[t] = o[t]) })); var s = wp(a, r); this._location = { x: s.x, y: s.y }, this._size = [s.width, s.height], this._orient === QB && this._size.reverse() }, e.prototype._positionGroup = function () { var t = this.group, e = this._location, n = this._orient, i = this.dataZoomModel.getFirstTargetAxisModel(), r = i && i.get("inverse"), o = this._displayables.sliderGroup, a = (this._dataShadowInfo || {}).otherAxisInverse; o.attr(n !== JB || r ? n === JB && r ? { scaleY: a ? 1 : -1, scaleX: -1 } : n !== QB || r ? { scaleY: a ? -1 : 1, scaleX: -1, rotation: Math.PI / 2 } : { scaleY: a ? -1 : 1, scaleX: 1, rotation: Math.PI / 2 } : { scaleY: a ? 1 : -1, scaleX: 1 }); var s = t.getBoundingRect([o]); t.x = e.x - s.x, t.y = e.y - s.y, t.markRedraw() }, e.prototype._getViewExtent = function () { return [0, this._size[0]] }, e.prototype._renderBackground = function () { var t = this.dataZoomModel, e = this._size, n = this._displayables.sliderGroup, i = t.get("brushSelect"); n.add(new $B({ silent: !0, shape: { x: 0, y: 0, width: e[0], height: e[1] }, style: { fill: t.get("backgroundColor") }, z2: -40 })); var r = new $B({ shape: { x: 0, y: 0, width: e[0], height: e[1] }, style: { fill: "transparent" }, z2: 0, onclick: W(this._onClickPanel, this) }), o = this.api.getZr(); i ? (r.on("mousedown", this._onBrushStart, this), r.cursor = "crosshair", o.on("mousemove", this._onBrush), o.on("mouseup", this._onBrushEnd)) : (o.off("mousemove", this._onBrush), o.off("mouseup", this._onBrushEnd)), n.add(r) }, e.prototype._renderDataShadow = function () { var t = this._dataShadowInfo = this._prepareDataShadowInfo(); if (this._displayables.dataShadowSegs = [], t) { var e = this._size, n = this._shadowSize || [], i = t.series, r = i.getRawData(), o = i.getShadowDim && i.getShadowDim(), a = o && r.getDimensionInfo(o) ? i.getShadowDim() : t.otherDim; if (null != a) { var s = this._shadowPolygonPts, l = this._shadowPolylinePts; if (r !== this._shadowData || a !== this._shadowDim || e[0] !== n[0] || e[1] !== n[1]) { var u = r.getDataExtent(a), h = .3 * (u[1] - u[0]); u = [u[0] - h, u[1] + h]; var c, p = [0, e[1]], d = [0, e[0]], f = [[e[0], 0], [0, 0]], g = [], y = d[1] / (r.count() - 1), v = 0, m = Math.round(r.count() / e[0]); r.each([a], (function (t, e) { if (m > 0 && e % m) v += y; else { var n = null == t || isNaN(t) || "" === t, i = n ? 0 : Fr(t, u, p, !0); n && !c && e ? (f.push([f[f.length - 1][0], 0]), g.push([g[g.length - 1][0], 0])) : !n && c && (f.push([v, 0]), g.push([v, 0])), f.push([v, i]), g.push([v, i]), v += y, c = n } })), s = this._shadowPolygonPts = f, l = this._shadowPolylinePts = g } this._shadowData = r, this._shadowDim = a, this._shadowSize = [e[0], e[1]]; for (var x = this.dataZoomModel, _ = 0; _ < 3; _++) { var b = w(1 === _); this._displayables.sliderGroup.add(b), this._displayables.dataShadowSegs.push(b) } } } function w(t) { var e = x.getModel(t ? "selectedDataBackground" : "dataBackground"), n = new Pr, i = new zu({ shape: { points: s }, segmentIgnoreThreshold: 1, style: e.getModel("areaStyle").getAreaStyle(), silent: !0, z2: -20 }), r = new Bu({ shape: { points: l }, segmentIgnoreThreshold: 1, style: e.getModel("lineStyle").getLineStyle(), silent: !0, z2: -19 }); return n.add(i), n.add(r), n } }, e.prototype._prepareDataShadowInfo = function () { var t = this.dataZoomModel, e = t.get("showDataShadow"); if (!1 !== e) { var n, i = this.ecModel; return t.eachTargetAxis((function (r, o) { E(t.getAxisProxy(r, o).getTargetSeriesModels(), (function (t) { if (!(n || !0 !== e && P(tF, t.get("type")) < 0)) { var a, s = i.getComponent(LE(r), o).axis, l = { x: "y", y: "x", radius: "angle", angle: "radius" }[r], u = t.coordinateSystem; null != l && u.getOtherAxis && (a = u.getOtherAxis(s).inverse), l = t.getData().mapDimension(l), n = { thisAxis: s, series: t, thisDim: r, otherDim: l, otherAxisInverse: a } } }), this) }), this), n } }, e.prototype._renderHandle = function () { var t = this.group, e = this._displayables, n = e.handles = [null, null], i = e.handleLabels = [null, null], r = this._displayables.sliderGroup, o = this._size, a = this.dataZoomModel, s = this.api, l = a.get("borderRadius") || 0, u = a.get("brushSelect"), h = e.filler = new $B({ silent: u, style: { fill: a.get("fillerColor") }, textConfig: { position: "inside" } }); r.add(h), r.add(new $B({ silent: !0, subPixelOptimize: !0, shape: { x: 0, y: 0, width: o[0], height: o[1], r: l }, style: { stroke: a.get("dataBackgroundColor") || a.get("borderColor"), lineWidth: 1, fill: "rgba(0,0,0,0)" } })), E([0, 1], (function (e) { var o = a.get("handleIcon"); !Ly[o] && o.indexOf("path://") < 0 && o.indexOf("image://") < 0 && (o = "path://" + o); var s = Ry(o, -1, 0, 2, 2, null, !0); s.attr({ cursor: iF(this._orient), draggable: !0, drift: W(this._onDragMove, this, e), ondragend: W(this._onDragEnd, this), onmouseover: W(this._showDataInfo, this, !0), onmouseout: W(this._showDataInfo, this, !1), z2: 5 }); var l = s.getBoundingRect(), u = a.get("handleSize"); this._handleHeight = Gr(u, this._size[1]), this._handleWidth = l.width / l.height * this._handleHeight, s.setStyle(a.getModel("handleStyle").getItemStyle()), s.style.strokeNoScale = !0, s.rectHover = !0, s.ensureState("emphasis").style = a.getModel(["emphasis", "handleStyle"]).getItemStyle(), Vl(s); var h = a.get("handleColor"); null != h && (s.style.fill = h), r.add(n[e] = s); var c = a.getModel("textStyle"); t.add(i[e] = new Ns({ silent: !0, invisible: !0, style: $h(c, { x: 0, y: 0, text: "", verticalAlign: "middle", align: "center", fill: c.getTextColor(), font: c.getFont() }), z2: 10 })) }), this); var c = h; if (u) { var p = Gr(a.get("moveHandleSize"), o[1]), d = e.moveHandle = new Ps({ style: a.getModel("moveHandleStyle").getItemStyle(), silent: !0, shape: { r: [0, 0, 2, 2], y: o[1] - .5, height: p } }), f = .8 * p, g = e.moveHandleIcon = Ry(a.get("moveHandleIcon"), -f / 2, -f / 2, f, f, "#fff", !0); g.silent = !0, g.y = o[1] + p / 2 - .5, d.ensureState("emphasis").style = a.getModel(["emphasis", "moveHandleStyle"]).getItemStyle(); var y = Math.min(o[1] / 2, Math.max(p, 10)); (c = e.moveZone = new Ps({ invisible: !0, shape: { y: o[1] - y, height: p + y } })).on("mouseover", (function () { s.enterEmphasis(d) })).on("mouseout", (function () { s.leaveEmphasis(d) })), r.add(d), r.add(g), r.add(c) } c.attr({ draggable: !0, cursor: iF(this._orient), drift: W(this._onDragMove, this, "all"), ondragstart: W(this._showDataInfo, this, !0), ondragend: W(this._onDragEnd, this), onmouseover: W(this._showDataInfo, this, !0), onmouseout: W(this._showDataInfo, this, !1) }) }, e.prototype._resetInterval = function () { var t = this._range = this.dataZoomModel.getPercentRange(), e = this._getViewExtent(); this._handleEnds = [Fr(t[0], [0, 100], e, !0), Fr(t[1], [0, 100], e, !0)] }, e.prototype._updateInterval = function (t, e) { var n = this.dataZoomModel, i = this._handleEnds, r = this._getViewExtent(), o = n.findRepresentativeAxisProxy().getMinMaxSpan(), a = [0, 100]; dk(e, i, r, n.get("zoomLock") ? "all" : t, null != o.minSpan ? Fr(o.minSpan, a, r, !0) : null, null != o.maxSpan ? Fr(o.maxSpan, a, r, !0) : null); var s = this._range, l = this._range = Hr([Fr(i[0], r, a, !0), Fr(i[1], r, a, !0)]); return !s || s[0] !== l[0] || s[1] !== l[1] }, e.prototype._updateView = function (t) { var e = this._displayables, n = this._handleEnds, i = Hr(n.slice()), r = this._size; E([0, 1], (function (t) { var i = e.handles[t], o = this._handleHeight; i.attr({ scaleX: o / 2, scaleY: o / 2, x: n[t] + (t ? -1 : 1), y: r[1] / 2 - o / 2 }) }), this), e.filler.setShape({ x: i[0], y: 0, width: i[1] - i[0], height: r[1] }); var o = { x: i[0], width: i[1] - i[0] }; e.moveHandle && (e.moveHandle.setShape(o), e.moveZone.setShape(o), e.moveZone.getBoundingRect(), e.moveHandleIcon && e.moveHandleIcon.attr("x", o.x + o.width / 2)); for (var a = e.dataShadowSegs, s = [0, i[0], i[1], r[0]], l = 0; l < a.length; l++) { var u = a[l], h = u.getClipPath(); h || (h = new Ps, u.setClipPath(h)), h.setShape({ x: s[l], y: 0, width: s[l + 1] - s[l], height: r[1] }) } this._updateDataInfo(t) }, e.prototype._updateDataInfo = function (t) { var e = this.dataZoomModel, n = this._displayables, i = n.handleLabels, r = this._orient, o = ["", ""]; if (e.get("showDetail")) { var a = e.findRepresentativeAxisProxy(); if (a) { var s = a.getAxisModel().axis, l = this._range, u = t ? a.calculateDataWindow({ start: l[0], end: l[1] }).valueWindow : a.getDataValueWindow(); o = [this._formatLabel(u[0], s), this._formatLabel(u[1], s)] } } var h = Hr(this._handleEnds.slice()); function c(t) { var e = Lh(n.handles[t].parent, this.group), a = Oh(0 === t ? "right" : "left", e), s = this._handleWidth / 2 + 5, l = Ph([h[t] + (0 === t ? -s : s), this._size[1] / 2], e); i[t].setStyle({ x: l[0], y: l[1], verticalAlign: r === JB ? "middle" : a, align: r === JB ? a : "center", text: o[t] }) } c.call(this, 0), c.call(this, 1) }, e.prototype._formatLabel = function (t, e) { var n = this.dataZoomModel, i = n.get("labelFormatter"), r = n.get("labelPrecision"); null != r && "auto" !== r || (r = e.getPixelPrecision()); var o = null == t || isNaN(t) ? "" : "category" === e.type || "time" === e.type ? e.scale.getLabel({ value: Math.round(t) }) : t.toFixed(Math.min(r, 20)); return U(i) ? i(t, o) : X(i) ? i.replace("{value}", o) : o }, e.prototype._showDataInfo = function (t) { t = this._dragging || t; var e = this._displayables, n = e.handleLabels; n[0].attr("invisible", !t), n[1].attr("invisible", !t), e.moveHandle && this.api[t ? "enterEmphasis" : "leaveEmphasis"](e.moveHandle, 1) }, e.prototype._onDragMove = function (t, e, n, i) { this._dragging = !0, he(i.event); var r = Ph([e, n], this._displayables.sliderGroup.getLocalTransform(), !0), o = this._updateInterval(t, r[0]), a = this.dataZoomModel.get("realtime"); this._updateView(!a), o && a && this._dispatchZoomAction(!0) }, e.prototype._onDragEnd = function () { this._dragging = !1, this._showDataInfo(!1), !this.dataZoomModel.get("realtime") && this._dispatchZoomAction(!1) }, e.prototype._onClickPanel = function (t) { var e = this._size, n = this._displayables.sliderGroup.transformCoordToLocal(t.offsetX, t.offsetY); if (!(n[0] < 0 || n[0] > e[0] || n[1] < 0 || n[1] > e[1])) { var i = this._handleEnds, r = (i[0] + i[1]) / 2, o = this._updateInterval("all", n[0] - r); this._updateView(), o && this._dispatchZoomAction(!1) } }, e.prototype._onBrushStart = function (t) { var e = t.offsetX, n = t.offsetY; this._brushStart = new Ie(e, n), this._brushing = !0, this._brushStartTime = +new Date }, e.prototype._onBrushEnd = function (t) { if (this._brushing) { var e = this._displayables.brushRect; if (this._brushing = !1, e) { e.attr("ignore", !0); var n = e.shape; if (!(+new Date - this._brushStartTime < 200 && Math.abs(n.width) < 5)) { var i = this._getViewExtent(), r = [0, 100]; this._range = Hr([Fr(n.x, i, r, !0), Fr(n.x + n.width, i, r, !0)]), this._handleEnds = [n.x, n.x + n.width], this._updateView(), this._dispatchZoomAction(!1) } } } }, e.prototype._onBrush = function (t) { this._brushing && (he(t.event), this._updateBrushRect(t.offsetX, t.offsetY)) }, e.prototype._updateBrushRect = function (t, e) { var n = this._displayables, i = this.dataZoomModel, r = n.brushRect; r || (r = n.brushRect = new $B({ silent: !0, style: i.getModel("brushStyle").getItemStyle() }), n.sliderGroup.add(r)), r.attr("ignore", !1); var o = this._brushStart, a = this._displayables.sliderGroup, s = a.transformCoordToLocal(t, e), l = a.transformCoordToLocal(o.x, o.y), u = this._size; s[0] = Math.max(Math.min(u[0], s[0]), 0), r.setShape({ x: l[0], y: 0, width: s[0] - l[0], height: u[1] }) }, e.prototype._dispatchZoomAction = function (t) { var e = this._range; this.api.dispatchAction({ type: "dataZoom", from: this.uid, dataZoomId: this.dataZoomModel.id, animation: t ? eF : null, start: e[0], end: e[1] }) }, e.prototype._findCoordRect = function () { var t, e = OE(this.dataZoomModel).infoList; if (!t && e.length) { var n = e[0].model.coordinateSystem; t = n.getRect && n.getRect() } if (!t) { var i = this.api.getWidth(), r = this.api.getHeight(); t = { x: .2 * i, y: .2 * r, width: .6 * i, height: .6 * r } } return t }, e.type = "dataZoom.slider", e }(VE); function iF(t) { return "vertical" === t ? "ns-resize" : "ew-resize" } function rF(t) { t.registerComponentModel(KB), t.registerComponentView(nF), UE(t) } var oF = function (t, e, n) { var i = T((aF[t] || {})[e]); return n && Y(i) ? i[i.length - 1] : i }, aF = { color: { active: ["#006edd", "#e0ffff"], inactive: ["rgba(0,0,0,0)"] }, colorHue: { active: [0, 360], inactive: [0, 0] }, colorSaturation: { active: [.3, 1], inactive: [0, 0] }, colorLightness: { active: [.9, .5], inactive: [0, 0] }, colorAlpha: { active: [.3, 1], inactive: [0, 0] }, opacity: { active: [.3, 1], inactive: [0, 0] }, symbol: { active: ["circle", "roundRect", "diamond"], inactive: ["none"] }, symbolSize: { active: [10, 50], inactive: [0, 0] } }, sF = sD.mapVisual, lF = sD.eachVisual, uF = Y, hF = E, cF = Hr, pF = Fr, dF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.stateList = ["inRange", "outOfRange"], n.replacableOptionKeys = ["inRange", "outOfRange", "target", "controller", "color"], n.layoutMode = { type: "box", ignoreSize: !0 }, n.dataBound = [-1 / 0, 1 / 0], n.targetVisuals = {}, n.controllerVisuals = {}, n } return n(e, t), e.prototype.init = function (t, e, n) { this.mergeDefaultAndTheme(t, n) }, e.prototype.optionUpdated = function (t, e) { var n = this.option; !e && sV(n, t, this.replacableOptionKeys), this.textStyleModel = this.getModel("textStyle"), this.resetItemSize(), this.completeVisualOption() }, e.prototype.resetVisual = function (t) { var e = this.stateList; t = W(t, this), this.controllerVisuals = aV(this.option.controller, e, t), this.targetVisuals = aV(this.option.target, e, t) }, e.prototype.getItemSymbol = function () { return null }, e.prototype.getTargetSeriesIndices = function () { var t = this.option.seriesIndex, e = []; return null == t || "all" === t ? this.ecModel.eachSeries((function (t, n) { e.push(n) })) : e = yo(t), e }, e.prototype.eachTargetSeries = function (t, e) { E(this.getTargetSeriesIndices(), (function (n) { var i = this.ecModel.getSeriesByIndex(n); i && t.call(e, i) }), this) }, e.prototype.isTargetSeries = function (t) { var e = !1; return this.eachTargetSeries((function (n) { n === t && (e = !0) })), e }, e.prototype.formatValueText = function (t, e, n) { var i, r = this.option, o = r.precision, a = this.dataBound, s = r.formatter; n = n || ["<", ">"], Y(t) && (t = t.slice(), i = !0); var l = e ? t : i ? [u(t[0]), u(t[1])] : u(t); return X(s) ? s.replace("{value}", i ? l[0] : l).replace("{value2}", i ? l[1] : l) : U(s) ? i ? s(t[0], t[1]) : s(t) : i ? t[0] === a[0] ? n[0] + " " + l[1] : t[1] === a[1] ? n[1] + " " + l[0] : l[0] + " - " + l[1] : l; function u(t) { return t === a[0] ? "min" : t === a[1] ? "max" : (+t).toFixed(Math.min(o, 20)) } }, e.prototype.resetExtent = function () { var t = this.option, e = cF([t.min, t.max]); this._dataExtent = e }, e.prototype.getDataDimensionIndex = function (t) { var e = this.option.dimension; if (null != e) return t.getDimensionIndex(e); for (var n = t.dimensions, i = n.length - 1; i >= 0; i--) { var r = n[i], o = t.getDimensionInfo(r); if (!o.isCalculationCoord) return o.storeDimIndex } }, e.prototype.getExtent = function () { return this._dataExtent.slice() }, e.prototype.completeVisualOption = function () { var t = this.ecModel, e = this.option, n = { inRange: e.inRange, outOfRange: e.outOfRange }, i = e.target || (e.target = {}), r = e.controller || (e.controller = {}); C(i, n), C(r, n); var o = this.isCategory(); function a(n) { uF(e.color) && !n.inRange && (n.inRange = { color: e.color.slice().reverse() }), n.inRange = n.inRange || { color: t.get("gradientColor") } } a.call(this, i), a.call(this, r), function (t, e, n) { var i = t[e], r = t[n]; i && !r && (r = t[n] = {}, hF(i, (function (t, e) { if (sD.isValidType(e)) { var n = oF(e, "inactive", o); null != n && (r[e] = n, "color" !== e || r.hasOwnProperty("opacity") || r.hasOwnProperty("colorAlpha") || (r.opacity = [0, 0])) } }))) }.call(this, i, "inRange", "outOfRange"), function (t) { var e = (t.inRange || {}).symbol || (t.outOfRange || {}).symbol, n = (t.inRange || {}).symbolSize || (t.outOfRange || {}).symbolSize, i = this.get("inactiveColor"), r = this.getItemSymbol() || "roundRect"; hF(this.stateList, (function (a) { var s = this.itemSize, l = t[a]; l || (l = t[a] = { color: o ? i : [i] }), null == l.symbol && (l.symbol = e && T(e) || (o ? r : [r])), null == l.symbolSize && (l.symbolSize = n && T(n) || (o ? s[0] : [s[0], s[0]])), l.symbol = sF(l.symbol, (function (t) { return "none" === t ? r : t })); var u = l.symbolSize; if (null != u) { var h = -1 / 0; lF(u, (function (t) { t > h && (h = t) })), l.symbolSize = sF(u, (function (t) { return pF(t, [0, h], [0, s[0]], !0) })) } }), this) }.call(this, r) }, e.prototype.resetItemSize = function () { this.itemSize = [parseFloat(this.get("itemWidth")), parseFloat(this.get("itemHeight"))] }, e.prototype.isCategory = function () { return !!this.option.categories }, e.prototype.setSelected = function (t) { }, e.prototype.getSelected = function () { return null }, e.prototype.getValueState = function (t) { return null }, e.prototype.getVisualMeta = function (t) { return null }, e.type = "visualMap", e.dependencies = ["series"], e.defaultOption = { show: !0, z: 4, seriesIndex: "all", min: 0, max: 200, left: 0, right: null, top: null, bottom: 0, itemWidth: null, itemHeight: null, inverse: !1, orient: "vertical", backgroundColor: "rgba(0,0,0,0)", borderColor: "#ccc", contentColor: "#5793f3", inactiveColor: "#aaa", borderWidth: 0, padding: 5, textGap: 10, precision: 0, textStyle: { color: "#333" } }, e }(Ap), fF = [20, 140], gF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.optionUpdated = function (e, n) { t.prototype.optionUpdated.apply(this, arguments), this.resetExtent(), this.resetVisual((function (t) { t.mappingMethod = "linear", t.dataExtent = this.getExtent() })), this._resetRange() }, e.prototype.resetItemSize = function () { t.prototype.resetItemSize.apply(this, arguments); var e = this.itemSize; (null == e[0] || isNaN(e[0])) && (e[0] = fF[0]), (null == e[1] || isNaN(e[1])) && (e[1] = fF[1]) }, e.prototype._resetRange = function () { var t = this.getExtent(), e = this.option.range; !e || e.auto ? (t.auto = 1, this.option.range = t) : Y(e) && (e[0] > e[1] && e.reverse(), e[0] = Math.max(e[0], t[0]), e[1] = Math.min(e[1], t[1])) }, e.prototype.completeVisualOption = function () { t.prototype.completeVisualOption.apply(this, arguments), E(this.stateList, (function (t) { var e = this.option.controller[t].symbolSize; e && e[0] !== e[1] && (e[0] = e[1] / 3) }), this) }, e.prototype.setSelected = function (t) { this.option.range = t.slice(), this._resetRange() }, e.prototype.getSelected = function () { var t = this.getExtent(), e = Hr((this.get("range") || []).slice()); return e[0] > t[1] && (e[0] = t[1]), e[1] > t[1] && (e[1] = t[1]), e[0] < t[0] && (e[0] = t[0]), e[1] < t[0] && (e[1] = t[0]), e }, e.prototype.getValueState = function (t) { var e = this.option.range, n = this.getExtent(); return (e[0] <= n[0] || e[0] <= t) && (e[1] >= n[1] || t <= e[1]) ? "inRange" : "outOfRange" }, e.prototype.findTargetDataIndices = function (t) { var e = []; return this.eachTargetSeries((function (n) { var i = [], r = n.getData(); r.each(this.getDataDimensionIndex(r), (function (e, n) { t[0] <= e && e <= t[1] && i.push(n) }), this), e.push({ seriesId: n.id, dataIndex: i }) }), this), e }, e.prototype.getVisualMeta = function (t) { var e = yF(this, "outOfRange", this.getExtent()), n = yF(this, "inRange", this.option.range.slice()), i = []; function r(e, n) { i.push({ value: e, color: t(e, n) }) } for (var o = 0, a = 0, s = n.length, l = e.length; a < l && (!n.length || e[a] <= n[0]); a++)e[a] < n[o] && r(e[a], "outOfRange"); for (var u = 1; o < s; o++, u = 0)u && i.length && r(n[o], "outOfRange"), r(n[o], "inRange"); for (u = 1; a < l; a++)(!n.length || n[n.length - 1] < e[a]) && (u && (i.length && r(i[i.length - 1].value, "outOfRange"), u = 0), r(e[a], "outOfRange")); var h = i.length; return { stops: i, outerColors: [h ? i[0].color : "transparent", h ? i[h - 1].color : "transparent"] } }, e.type = "visualMap.continuous", e.defaultOption = wc(dF.defaultOption, { align: "auto", calculable: !1, hoverLink: !0, realtime: !0, handleIcon: "path://M-11.39,9.77h0a3.5,3.5,0,0,1-3.5,3.5h-22a3.5,3.5,0,0,1-3.5-3.5h0a3.5,3.5,0,0,1,3.5-3.5h22A3.5,3.5,0,0,1-11.39,9.77Z", handleSize: "120%", handleStyle: { borderColor: "#fff", borderWidth: 1 }, indicatorIcon: "circle", indicatorSize: "50%", indicatorStyle: { borderColor: "#fff", borderWidth: 2, shadowBlur: 2, shadowOffsetX: 1, shadowOffsetY: 1, shadowColor: "rgba(0,0,0,0.2)" } }), e }(dF); function yF(t, e, n) { if (n[0] === n[1]) return n.slice(); for (var i = (n[1] - n[0]) / 200, r = n[0], o = [], a = 0; a <= 200 && r < n[1]; a++)o.push(r), r += i; return o.push(n[1]), o } var vF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n.autoPositionValues = { left: 1, right: 1, top: 1, bottom: 1 }, n } return n(e, t), e.prototype.init = function (t, e) { this.ecModel = t, this.api = e }, e.prototype.render = function (t, e, n, i) { this.visualMapModel = t, !1 !== t.get("show") ? this.doRender(t, e, n, i) : this.group.removeAll() }, e.prototype.renderBackground = function (t) { var e = this.visualMapModel, n = up(e.get("padding") || 0), i = t.getBoundingRect(); t.add(new Ps({ z2: -1, silent: !0, shape: { x: i.x - n[3], y: i.y - n[0], width: i.width + n[3] + n[1], height: i.height + n[0] + n[2] }, style: { fill: e.get("backgroundColor"), stroke: e.get("borderColor"), lineWidth: e.get("borderWidth") } })) }, e.prototype.getControllerVisual = function (t, e, n) { var i = (n = n || {}).forceState, r = this.visualMapModel, o = {}; if ("color" === e) { var a = r.get("contentColor"); o.color = a } function s(t) { return o[t] } function l(t, e) { o[t] = e } var u = r.controllerVisuals[i || r.getValueState(t)]; return E(sD.prepareVisualTypes(u), (function (i) { var r = u[i]; n.convertOpacityToAlpha && "opacity" === i && (i = "colorAlpha", r = u.__alphaForOpacity), sD.dependsOn(i, e) && r && r.applyVisual(t, s, l) })), o[e] }, e.prototype.positionGroup = function (t) { var e = this.visualMapModel, n = this.api; Sp(t, e.getBoxLayoutParams(), { width: n.getWidth(), height: n.getHeight() }) }, e.prototype.doRender = function (t, e, n, i) { }, e.type = "visualMap", e }(mg), mF = [["left", "right", "width"], ["top", "bottom", "height"]]; function xF(t, e, n) { var i = t.option, r = i.align; if (null != r && "auto" !== r) return r; for (var o = { width: e.getWidth(), height: e.getHeight() }, a = "horizontal" === i.orient ? 1 : 0, s = mF[a], l = [0, null, 10], u = {}, h = 0; h < 3; h++)u[mF[1 - a][h]] = l[h], u[s[h]] = 2 === h ? n[0] : i[s[h]]; var c = [["x", "width", 3], ["y", "height", 0]][a], p = wp(u, o, i.padding); return s[(p.margin[c[2]] || 0) + p[c[0]] + .5 * p[c[1]] < .5 * o[c[1]] ? 0 : 1] } function _F(t, e) { return E(t || [], (function (t) { null != t.dataIndex && (t.dataIndexInside = t.dataIndex, t.dataIndex = null), t.highlightKey = "visualMap" + (e ? e.componentIndex : "") })), t } var bF = Fr, wF = E, SF = Math.min, MF = Math.max, IF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._shapes = {}, n._dataInterval = [], n._handleEnds = [], n._hoverLinkDataIndices = [], n } return n(e, t), e.prototype.doRender = function (t, e, n, i) { this._api = n, i && "selectDataRange" === i.type && i.from === this.uid || this._buildView() }, e.prototype._buildView = function () { this.group.removeAll(); var t = this.visualMapModel, e = this.group; this._orient = t.get("orient"), this._useHandle = t.get("calculable"), this._resetInterval(), this._renderBar(e); var n = t.get("text"); this._renderEndsText(e, n, 0), this._renderEndsText(e, n, 1), this._updateView(!0), this.renderBackground(e), this._updateView(), this._enableHoverLinkToSeries(), this._enableHoverLinkFromSeries(), this.positionGroup(e) }, e.prototype._renderEndsText = function (t, e, n) { if (e) { var i = e[1 - n]; i = null != i ? i + "" : ""; var r = this.visualMapModel, o = r.get("textGap"), a = r.itemSize, s = this._shapes.mainGroup, l = this._applyTransform([a[0] / 2, 0 === n ? -o : a[1] + o], s), u = this._applyTransform(0 === n ? "bottom" : "top", s), h = this._orient, c = this.visualMapModel.textStyleModel; this.group.add(new Ns({ style: $h(c, { x: l[0], y: l[1], verticalAlign: "horizontal" === h ? "middle" : u, align: "horizontal" === h ? u : "center", text: i }) })) } }, e.prototype._renderBar = function (t) { var e = this.visualMapModel, n = this._shapes, i = e.itemSize, r = this._orient, o = this._useHandle, a = xF(e, this.api, i), s = n.mainGroup = this._createBarGroup(a), l = new Pr; s.add(l), l.add(n.outOfRange = TF()), l.add(n.inRange = TF(null, o ? DF(this._orient) : null, W(this._dragHandle, this, "all", !1), W(this._dragHandle, this, "all", !0))), l.setClipPath(new Ps({ shape: { x: 0, y: 0, width: i[0], height: i[1], r: 3 } })); var u = e.textStyleModel.getTextRect("国"), h = MF(u.width, u.height); o && (n.handleThumbs = [], n.handleLabels = [], n.handleLabelPoints = [], this._createHandle(e, s, 0, i, h, r), this._createHandle(e, s, 1, i, h, r)), this._createIndicator(e, s, i, h, r), t.add(s) }, e.prototype._createHandle = function (t, e, n, i, r, o) { var a = W(this._dragHandle, this, n, !1), s = W(this._dragHandle, this, n, !0), l = _r(t.get("handleSize"), i[0]), u = Ry(t.get("handleIcon"), -l / 2, -l / 2, l, l, null, !0), h = DF(this._orient); u.attr({ cursor: h, draggable: !0, drift: a, ondragend: s, onmousemove: function (t) { he(t.event) } }), u.x = i[0] / 2, u.useStyle(t.getModel("handleStyle").getItemStyle()), u.setStyle({ strokeNoScale: !0, strokeFirst: !0 }), u.style.lineWidth *= 2, u.ensureState("emphasis").style = t.getModel(["emphasis", "handleStyle"]).getItemStyle(), Yl(u, !0), e.add(u); var c = this.visualMapModel.textStyleModel, p = new Ns({ cursor: h, draggable: !0, drift: a, onmousemove: function (t) { he(t.event) }, ondragend: s, style: $h(c, { x: 0, y: 0, text: "" }) }); p.ensureState("blur").style = { opacity: .1 }, p.stateTransition = { duration: 200 }, this.group.add(p); var d = [l, 0], f = this._shapes; f.handleThumbs[n] = u, f.handleLabelPoints[n] = d, f.handleLabels[n] = p }, e.prototype._createIndicator = function (t, e, n, i, r) { var o = _r(t.get("indicatorSize"), n[0]), a = Ry(t.get("indicatorIcon"), -o / 2, -o / 2, o, o, null, !0); a.attr({ cursor: "move", invisible: !0, silent: !0, x: n[0] / 2 }); var s = t.getModel("indicatorStyle").getItemStyle(); if (a instanceof Is) { var l = a.style; a.useStyle(A({ image: l.image, x: l.x, y: l.y, width: l.width, height: l.height }, s)) } else a.useStyle(s); e.add(a); var u = this.visualMapModel.textStyleModel, h = new Ns({ silent: !0, invisible: !0, style: $h(u, { x: 0, y: 0, text: "" }) }); this.group.add(h); var c = [("horizontal" === r ? i / 2 : 6) + n[0] / 2, 0], p = this._shapes; p.indicator = a, p.indicatorLabel = h, p.indicatorLabelPoint = c, this._firstShowIndicator = !0 }, e.prototype._dragHandle = function (t, e, n, i) { if (this._useHandle) { if (this._dragging = !e, !e) { var r = this._applyTransform([n, i], this._shapes.mainGroup, !0); this._updateInterval(t, r[1]), this._hideIndicator(), this._updateView() } e === !this.visualMapModel.get("realtime") && this.api.dispatchAction({ type: "selectDataRange", from: this.uid, visualMapId: this.visualMapModel.id, selected: this._dataInterval.slice() }), e ? !this._hovering && this._clearHoverLinkToSeries() : CF(this.visualMapModel) && this._doHoverLinkToSeries(this._handleEnds[t], !1) } }, e.prototype._resetInterval = function () { var t = this.visualMapModel, e = this._dataInterval = t.getSelected(), n = t.getExtent(), i = [0, t.itemSize[1]]; this._handleEnds = [bF(e[0], n, i, !0), bF(e[1], n, i, !0)] }, e.prototype._updateInterval = function (t, e) { e = e || 0; var n = this.visualMapModel, i = this._handleEnds, r = [0, n.itemSize[1]]; dk(e, i, r, t, 0); var o = n.getExtent(); this._dataInterval = [bF(i[0], r, o, !0), bF(i[1], r, o, !0)] }, e.prototype._updateView = function (t) { var e = this.visualMapModel, n = e.getExtent(), i = this._shapes, r = [0, e.itemSize[1]], o = t ? r : this._handleEnds, a = this._createBarVisual(this._dataInterval, n, o, "inRange"), s = this._createBarVisual(n, n, r, "outOfRange"); i.inRange.setStyle({ fill: a.barColor }).setShape("points", a.barPoints), i.outOfRange.setStyle({ fill: s.barColor }).setShape("points", s.barPoints), this._updateHandle(o, a) }, e.prototype._createBarVisual = function (t, e, n, i) { var r = { forceState: i, convertOpacityToAlpha: !0 }, o = this._makeColorGradient(t, r), a = [this.getControllerVisual(t[0], "symbolSize", r), this.getControllerVisual(t[1], "symbolSize", r)], s = this._createBarPoints(n, a); return { barColor: new $u(0, 0, 0, 1, o), barPoints: s, handlesColor: [o[0].color, o[o.length - 1].color] } }, e.prototype._makeColorGradient = function (t, e) { var n = [], i = (t[1] - t[0]) / 100; n.push({ color: this.getControllerVisual(t[0], "color", e), offset: 0 }); for (var r = 1; r < 100; r++) { var o = t[0] + i * r; if (o > t[1]) break; n.push({ color: this.getControllerVisual(o, "color", e), offset: r / 100 }) } return n.push({ color: this.getControllerVisual(t[1], "color", e), offset: 1 }), n }, e.prototype._createBarPoints = function (t, e) { var n = this.visualMapModel.itemSize; return [[n[0] - e[0], t[0]], [n[0], t[0]], [n[0], t[1]], [n[0] - e[1], t[1]]] }, e.prototype._createBarGroup = function (t) { var e = this._orient, n = this.visualMapModel.get("inverse"); return new Pr("horizontal" !== e || n ? "horizontal" === e && n ? { scaleX: "bottom" === t ? -1 : 1, rotation: -Math.PI / 2 } : "vertical" !== e || n ? { scaleX: "left" === t ? 1 : -1 } : { scaleX: "left" === t ? 1 : -1, scaleY: -1 } : { scaleX: "bottom" === t ? 1 : -1, rotation: Math.PI / 2 }) }, e.prototype._updateHandle = function (t, e) { if (this._useHandle) { var n = this._shapes, i = this.visualMapModel, r = n.handleThumbs, o = n.handleLabels, a = i.itemSize, s = i.getExtent(); wF([0, 1], (function (l) { var u = r[l]; u.setStyle("fill", e.handlesColor[l]), u.y = t[l]; var h = bF(t[l], [0, a[1]], s, !0), c = this.getControllerVisual(h, "symbolSize"); u.scaleX = u.scaleY = c / a[0], u.x = a[0] - c / 2; var p = Ph(n.handleLabelPoints[l], Lh(u, this.group)); o[l].setStyle({ x: p[0], y: p[1], text: i.formatValueText(this._dataInterval[l]), verticalAlign: "middle", align: "vertical" === this._orient ? this._applyTransform("left", n.mainGroup) : "center" }) }), this) } }, e.prototype._showIndicator = function (t, e, n, i) { var r = this.visualMapModel, o = r.getExtent(), a = r.itemSize, s = [0, a[1]], l = this._shapes, u = l.indicator; if (u) { u.attr("invisible", !1); var h = this.getControllerVisual(t, "color", { convertOpacityToAlpha: !0 }), c = this.getControllerVisual(t, "symbolSize"), p = bF(t, o, s, !0), d = a[0] - c / 2, f = { x: u.x, y: u.y }; u.y = p, u.x = d; var g = Ph(l.indicatorLabelPoint, Lh(u, this.group)), y = l.indicatorLabel; y.attr("invisible", !1); var v = this._applyTransform("left", l.mainGroup), m = "horizontal" === this._orient; y.setStyle({ text: (n || "") + r.formatValueText(e), verticalAlign: m ? v : "middle", align: m ? "center" : v }); var x = { x: d, y: p, style: { fill: h } }, _ = { style: { x: g[0], y: g[1] } }; if (r.ecModel.isAnimationEnabled() && !this._firstShowIndicator) { var b = { duration: 100, easing: "cubicInOut", additive: !0 }; u.x = f.x, u.y = f.y, u.animateTo(x, b), y.animateTo(_, b) } else u.attr(x), y.attr(_); this._firstShowIndicator = !1; var w = this._shapes.handleLabels; if (w) for (var S = 0; S < w.length; S++)this._api.enterBlur(w[S]) } }, e.prototype._enableHoverLinkToSeries = function () { var t = this; this._shapes.mainGroup.on("mousemove", (function (e) { if (t._hovering = !0, !t._dragging) { var n = t.visualMapModel.itemSize, i = t._applyTransform([e.offsetX, e.offsetY], t._shapes.mainGroup, !0, !0); i[1] = SF(MF(0, i[1]), n[1]), t._doHoverLinkToSeries(i[1], 0 <= i[0] && i[0] <= n[0]) } })).on("mouseout", (function () { t._hovering = !1, !t._dragging && t._clearHoverLinkToSeries() })) }, e.prototype._enableHoverLinkFromSeries = function () { var t = this.api.getZr(); this.visualMapModel.option.hoverLink ? (t.on("mouseover", this._hoverLinkFromSeriesMouseOver, this), t.on("mouseout", this._hideIndicator, this)) : this._clearHoverLinkFromSeries() }, e.prototype._doHoverLinkToSeries = function (t, e) { var n = this.visualMapModel, i = n.itemSize; if (n.option.hoverLink) { var r = [0, i[1]], o = n.getExtent(); t = SF(MF(r[0], t), r[1]); var a = function (t, e, n) { var i = 6, r = t.get("hoverLinkDataSize"); r && (i = bF(r, e, n, !0) / 2); return i }(n, o, r), s = [t - a, t + a], l = bF(t, r, o, !0), u = [bF(s[0], r, o, !0), bF(s[1], r, o, !0)]; s[0] < r[0] && (u[0] = -1 / 0), s[1] > r[1] && (u[1] = 1 / 0), e && (u[0] === -1 / 0 ? this._showIndicator(l, u[1], "< ", a) : u[1] === 1 / 0 ? this._showIndicator(l, u[0], "> ", a) : this._showIndicator(l, l, "≈ ", a)); var h = this._hoverLinkDataIndices, c = []; (e || CF(n)) && (c = this._hoverLinkDataIndices = n.findTargetDataIndices(u)); var p = function (t, e) { var n = {}, i = {}; return r(t || [], n), r(e || [], i, n), [o(n), o(i)]; function r(t, e, n) { for (var i = 0, r = t.length; i < r; i++) { var o = Mo(t[i].seriesId, null); if (null == o) return; for (var a = yo(t[i].dataIndex), s = n && n[o], l = 0, u = a.length; l < u; l++) { var h = a[l]; s && s[h] ? s[h] = null : (e[o] || (e[o] = {}))[h] = 1 } } } function o(t, e) { var n = []; for (var i in t) if (t.hasOwnProperty(i) && null != t[i]) if (e) n.push(+i); else { var r = o(t[i], !0); r.length && n.push({ seriesId: i, dataIndex: r }) } return n } }(h, c); this._dispatchHighDown("downplay", _F(p[0], n)), this._dispatchHighDown("highlight", _F(p[1], n)) } }, e.prototype._hoverLinkFromSeriesMouseOver = function (t) { var e; if (wy(t.target, (function (t) { var n = js(t); if (null != n.dataIndex) return e = n, !0 }), !0), e) { var n = this.ecModel.getSeriesByIndex(e.seriesIndex), i = this.visualMapModel; if (i.isTargetSeries(n)) { var r = n.getData(e.dataType), o = r.getStore().get(i.getDataDimensionIndex(r), e.dataIndex); isNaN(o) || this._showIndicator(o, o) } } }, e.prototype._hideIndicator = function () { var t = this._shapes; t.indicator && t.indicator.attr("invisible", !0), t.indicatorLabel && t.indicatorLabel.attr("invisible", !0); var e = this._shapes.handleLabels; if (e) for (var n = 0; n < e.length; n++)this._api.leaveBlur(e[n]) }, e.prototype._clearHoverLinkToSeries = function () { this._hideIndicator(); var t = this._hoverLinkDataIndices; this._dispatchHighDown("downplay", _F(t, this.visualMapModel)), t.length = 0 }, e.prototype._clearHoverLinkFromSeries = function () { this._hideIndicator(); var t = this.api.getZr(); t.off("mouseover", this._hoverLinkFromSeriesMouseOver), t.off("mouseout", this._hideIndicator) }, e.prototype._applyTransform = function (t, e, n, i) { var r = Lh(e, i ? null : this.group); return Y(t) ? Ph(t, r, n) : Oh(t, r, n) }, e.prototype._dispatchHighDown = function (t, e) { e && e.length && this.api.dispatchAction({ type: t, batch: e }) }, e.prototype.dispose = function () { this._clearHoverLinkFromSeries(), this._clearHoverLinkToSeries() }, e.prototype.remove = function () { this._clearHoverLinkFromSeries(), this._clearHoverLinkToSeries() }, e.type = "visualMap.continuous", e }(vF); function TF(t, e, n, i) { return new zu({ shape: { points: t }, draggable: !!n, cursor: e, drift: n, onmousemove: function (t) { he(t.event) }, ondragend: i }) } function CF(t) { var e = t.get("hoverLinkOnHandle"); return !!(null == e ? t.get("realtime") : e) } function DF(t) { return "vertical" === t ? "ns-resize" : "ew-resize" } var AF = { type: "selectDataRange", event: "dataRangeSelected", update: "update" }, kF = function (t, e) { e.eachComponent({ mainType: "visualMap", query: t }, (function (e) { e.setSelected(t.selected) })) }, LF = [{ createOnAllSeries: !0, reset: function (t, e) { var n = []; return e.eachComponent("visualMap", (function (e) { var i, r, o, a, s, l = t.pipelineContext; !e.isTargetSeries(t) || l && l.large || n.push((i = e.stateList, r = e.targetVisuals, o = W(e.getValueState, e), a = e.getDataDimensionIndex(t.getData()), s = {}, E(i, (function (t) { var e = sD.prepareVisualTypes(r[t]); s[t] = e })), { progress: function (t, e) { var n, i; function l(t) { return vy(e, i, t) } function u(t, n) { xy(e, i, t, n) } null != a && (n = e.getDimensionIndex(a)); for (var h = e.getStore(); null != (i = t.next());) { var c = e.getRawDataItem(i); if (!c || !1 !== c.visualMap) for (var p = null != a ? h.get(n, i) : i, d = o(p), f = r[d], g = s[d], y = 0, v = g.length; y < v; y++) { var m = g[y]; f[m] && f[m].applyVisual(p, l, u) } } } })) })), n } }, { createOnAllSeries: !0, reset: function (t, e) { var n = t.getData(), i = []; e.eachComponent("visualMap", (function (e) { if (e.isTargetSeries(t)) { var r = e.getVisualMeta(W(PF, null, t, e)) || { stops: [], outerColors: [] }, o = e.getDataDimensionIndex(n); o >= 0 && (r.dimension = o, i.push(r)) } })), t.getData().setVisual("visualMeta", i) } }]; function PF(t, e, n, i) { for (var r = e.targetVisuals[i], o = sD.prepareVisualTypes(r), a = { color: my(t.getData(), "color") }, s = 0, l = o.length; s < l; s++) { var u = o[s], h = r["opacity" === u ? "__alphaForOpacity" : u]; h && h.applyVisual(n, c, p) } return a.color; function c(t) { return a[t] } function p(t, e) { a[t] = e } } var OF = E; function RF(t) { var e = t && t.visualMap; Y(e) || (e = e ? [e] : []), OF(e, (function (t) { if (t) { NF(t, "splitList") && !NF(t, "pieces") && (t.pieces = t.splitList, delete t.splitList); var e = t.pieces; e && Y(e) && OF(e, (function (t) { q(t) && (NF(t, "start") && !NF(t, "min") && (t.min = t.start), NF(t, "end") && !NF(t, "max") && (t.max = t.end)) })) } })) } function NF(t, e) { return t && t.hasOwnProperty && t.hasOwnProperty(e) } var EF = !1; function zF(t) { EF || (EF = !0, t.registerSubTypeDefaulter("visualMap", (function (t) { return t.categories || (t.pieces ? t.pieces.length > 0 : t.splitNumber > 0) && !t.calculable ? "piecewise" : "continuous" })), t.registerAction(AF, kF), E(LF, (function (e) { t.registerVisual(t.PRIORITY.VISUAL.COMPONENT, e) })), t.registerPreprocessor(RF)) } function VF(t) { t.registerComponentModel(gF), t.registerComponentView(IF), zF(t) } var BF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n._pieceList = [], n } return n(e, t), e.prototype.optionUpdated = function (e, n) { t.prototype.optionUpdated.apply(this, arguments), this.resetExtent(); var i = this._mode = this._determineMode(); this._pieceList = [], FF[this._mode].call(this, this._pieceList), this._resetSelected(e, n); var r = this.option.categories; this.resetVisual((function (t, e) { "categories" === i ? (t.mappingMethod = "category", t.categories = T(r)) : (t.dataExtent = this.getExtent(), t.mappingMethod = "piecewise", t.pieceList = z(this._pieceList, (function (t) { return t = T(t), "inRange" !== e && (t.visual = null), t }))) })) }, e.prototype.completeVisualOption = function () { var e = this.option, n = {}, i = sD.listVisualTypes(), r = this.isCategory(); function o(t, e, n) { return t && t[e] && t[e].hasOwnProperty(n) } E(e.pieces, (function (t) { E(i, (function (e) { t.hasOwnProperty(e) && (n[e] = 1) })) })), E(n, (function (t, n) { var i = !1; E(this.stateList, (function (t) { i = i || o(e, t, n) || o(e.target, t, n) }), this), !i && E(this.stateList, (function (t) { (e[t] || (e[t] = {}))[n] = oF(n, "inRange" === t ? "active" : "inactive", r) })) }), this), t.prototype.completeVisualOption.apply(this, arguments) }, e.prototype._resetSelected = function (t, e) { var n = this.option, i = this._pieceList, r = (e ? n : t).selected || {}; if (n.selected = r, E(i, (function (t, e) { var n = this.getSelectedMapKey(t); r.hasOwnProperty(n) || (r[n] = !0) }), this), "single" === n.selectedMode) { var o = !1; E(i, (function (t, e) { var n = this.getSelectedMapKey(t); r[n] && (o ? r[n] = !1 : o = !0) }), this) } }, e.prototype.getItemSymbol = function () { return this.get("itemSymbol") }, e.prototype.getSelectedMapKey = function (t) { return "categories" === this._mode ? t.value + "" : t.index + "" }, e.prototype.getPieceList = function () { return this._pieceList }, e.prototype._determineMode = function () { var t = this.option; return t.pieces && t.pieces.length > 0 ? "pieces" : this.option.categories ? "categories" : "splitNumber" }, e.prototype.setSelected = function (t) { this.option.selected = T(t) }, e.prototype.getValueState = function (t) { var e = sD.findPieceIndex(t, this._pieceList); return null != e && this.option.selected[this.getSelectedMapKey(this._pieceList[e])] ? "inRange" : "outOfRange" }, e.prototype.findTargetDataIndices = function (t) { var e = [], n = this._pieceList; return this.eachTargetSeries((function (i) { var r = [], o = i.getData(); o.each(this.getDataDimensionIndex(o), (function (e, i) { sD.findPieceIndex(e, n) === t && r.push(i) }), this), e.push({ seriesId: i.id, dataIndex: r }) }), this), e }, e.prototype.getRepresentValue = function (t) { var e; if (this.isCategory()) e = t.value; else if (null != t.value) e = t.value; else { var n = t.interval || []; e = n[0] === -1 / 0 && n[1] === 1 / 0 ? 0 : (n[0] + n[1]) / 2 } return e }, e.prototype.getVisualMeta = function (t) { if (!this.isCategory()) { var e = [], n = ["", ""], i = this, r = this._pieceList.slice(); if (r.length) { var o = r[0].interval[0]; o !== -1 / 0 && r.unshift({ interval: [-1 / 0, o] }), (o = r[r.length - 1].interval[1]) !== 1 / 0 && r.push({ interval: [o, 1 / 0] }) } else r.push({ interval: [-1 / 0, 1 / 0] }); var a = -1 / 0; return E(r, (function (t) { var e = t.interval; e && (e[0] > a && s([a, e[0]], "outOfRange"), s(e.slice()), a = e[1]) }), this), { stops: e, outerColors: n } } function s(r, o) { var a = i.getRepresentValue({ interval: r }); o || (o = i.getValueState(a)); var s = t(a, o); r[0] === -1 / 0 ? n[0] = s : r[1] === 1 / 0 ? n[1] = s : e.push({ value: r[0], color: s }, { value: r[1], color: s }) } }, e.type = "visualMap.piecewise", e.defaultOption = wc(dF.defaultOption, { selected: null, minOpen: !1, maxOpen: !1, align: "auto", itemWidth: 20, itemHeight: 14, itemSymbol: "roundRect", pieces: null, categories: null, splitNumber: 5, selectedMode: "multiple", itemGap: 10, hoverLink: !0 }), e }(dF), FF = { splitNumber: function (t) { var e = this.option, n = Math.min(e.precision, 20), i = this.getExtent(), r = e.splitNumber; r = Math.max(parseInt(r, 10), 1), e.splitNumber = r; for (var o = (i[1] - i[0]) / r; +o.toFixed(n) !== o && n < 5;)n++; e.precision = n, o = +o.toFixed(n), e.minOpen && t.push({ interval: [-1 / 0, i[0]], close: [0, 0] }); for (var a = 0, s = i[0]; a < r; s += o, a++) { var l = a === r - 1 ? i[1] : s + o; t.push({ interval: [s, l], close: [1, 1] }) } e.maxOpen && t.push({ interval: [i[1], 1 / 0], close: [0, 0] }), ro(t), E(t, (function (t, e) { t.index = e, t.text = this.formatValueText(t.interval) }), this) }, categories: function (t) { var e = this.option; E(e.categories, (function (e) { t.push({ text: this.formatValueText(e, !0), value: e }) }), this), GF(e, t) }, pieces: function (t) { var e = this.option; E(e.pieces, (function (e, n) { q(e) || (e = { value: e }); var i = { text: "", index: n }; if (null != e.label && (i.text = e.label), e.hasOwnProperty("value")) { var r = i.value = e.value; i.interval = [r, r], i.close = [1, 1] } else { for (var o = i.interval = [], a = i.close = [0, 0], s = [1, 0, 1], l = [-1 / 0, 1 / 0], u = [], h = 0; h < 2; h++) { for (var c = [["gte", "gt", "min"], ["lte", "lt", "max"]][h], p = 0; p < 3 && null == o[h]; p++)o[h] = e[c[p]], a[h] = s[p], u[h] = 2 === p; null == o[h] && (o[h] = l[h]) } u[0] && o[1] === 1 / 0 && (a[0] = 0), u[1] && o[0] === -1 / 0 && (a[1] = 0), o[0] === o[1] && a[0] && a[1] && (i.value = o[0]) } i.visual = sD.retrieveVisuals(e), t.push(i) }), this), GF(e, t), ro(t), E(t, (function (t) { var e = t.close, n = [["<", "≤"][e[1]], [">", "≥"][e[0]]]; t.text = t.text || this.formatValueText(null != t.value ? t.value : t.interval, !1, n) }), this) } }; function GF(t, e) { var n = t.inverse; ("vertical" === t.orient ? !n : n) && e.reverse() } var WF = function (t) { function e() { var n = null !== t && t.apply(this, arguments) || this; return n.type = e.type, n } return n(e, t), e.prototype.doRender = function () { var t = this.group; t.removeAll(); var e = this.visualMapModel, n = e.get("textGap"), i = e.textStyleModel, r = i.getFont(), o = i.getTextColor(), a = this._getItemAlign(), s = e.itemSize, l = this._getViewData(), u = l.endsText, h = it(e.get("showLabel", !0), !u); u && this._renderEndsText(t, u[0], s, h, a), E(l.viewPieceList, (function (i) { var l = i.piece, u = new Pr; u.onclick = W(this._onItemClick, this, l), this._enableHoverLink(u, i.indexInModelPieceList); var c = e.getRepresentValue(l); if (this._createItemSymbol(u, c, [0, 0, s[0], s[1]]), h) { var p = this.visualMapModel.getValueState(c); u.add(new Ns({ style: { x: "right" === a ? -n : s[0] + n, y: s[1] / 2, text: l.text, verticalAlign: "middle", align: a, font: r, fill: o, opacity: "outOfRange" === p ? .5 : 1 } })) } t.add(u) }), this), u && this._renderEndsText(t, u[1], s, h, a), bp(e.get("orient"), t, e.get("itemGap")), this.renderBackground(t), this.positionGroup(t) }, e.prototype._enableHoverLink = function (t, e) { var n = this; t.on("mouseover", (function () { return i("highlight") })).on("mouseout", (function () { return i("downplay") })); var i = function (t) { var i = n.visualMapModel; i.option.hoverLink && n.api.dispatchAction({ type: t, batch: _F(i.findTargetDataIndices(e), i) }) } }, e.prototype._getItemAlign = function () { var t = this.visualMapModel, e = t.option; if ("vertical" === e.orient) return xF(t, this.api, t.itemSize); var n = e.align; return n && "auto" !== n || (n = "left"), n }, e.prototype._renderEndsText = function (t, e, n, i, r) { if (e) { var o = new Pr, a = this.visualMapModel.textStyleModel; o.add(new Ns({ style: $h(a, { x: i ? "right" === r ? n[0] : 0 : n[0] / 2, y: n[1] / 2, verticalAlign: "middle", align: i ? r : "center", text: e }) })), t.add(o) } }, e.prototype._getViewData = function () { var t = this.visualMapModel, e = z(t.getPieceList(), (function (t, e) { return { piece: t, indexInModelPieceList: e } })), n = t.get("text"), i = t.get("orient"), r = t.get("inverse"); return ("horizontal" === i ? r : !r) ? e.reverse() : n && (n = n.slice().reverse()), { viewPieceList: e, endsText: n } }, e.prototype._createItemSymbol = function (t, e, n) { t.add(Ry(this.getControllerVisual(e, "symbol"), n[0], n[1], n[2], n[3], this.getControllerVisual(e, "color"))) }, e.prototype._onItemClick = function (t) { var e = this.visualMapModel, n = e.option, i = n.selectedMode; if (i) { var r = T(n.selected), o = e.getSelectedMapKey(t); "single" === i || !0 === i ? (r[o] = !0, E(r, (function (t, e) { r[e] = e === o }))) : r[o] = !r[o], this.api.dispatchAction({ type: "selectDataRange", from: this.uid, visualMapId: this.visualMapModel.id, selected: r }) } }, e.type = "visualMap.piecewise", e }(vF); function HF(t) { t.registerComponentModel(BF), t.registerComponentView(WF), zF(t) } var YF = { label: { enabled: !0 }, decal: { show: !1 } }, UF = Do(), XF = {}; function ZF(t, e) { var n = t.getModel("aria"); if (n.get("enabled")) { var i = T(YF); C(i.label, t.getLocaleModel().get("aria"), !1), C(n.option, i, !1), function () { if (n.getModel("decal").get("show")) { var e = ft(); t.eachSeries((function (t) { if (!t.isColorBySeries()) { var n = e.get(t.type); n || (n = {}, e.set(t.type, n)), UF(t).scope = n } })), t.eachRawSeries((function (e) { if (!t.isSeriesFiltered(e)) if (U(e.enableAriaDecal)) e.enableAriaDecal(); else { var n = e.getData(); if (e.isColorBySeries()) { var i = rd(e.ecModel, e.name, XF, t.getSeriesCount()), r = n.getVisual("decal"); n.setVisual("decal", u(r, i)) } else { var o = e.getRawData(), a = {}, s = UF(e).scope; n.each((function (t) { var e = n.getRawIndex(t); a[e] = t })); var l = o.count(); o.each((function (t) { var i = a[t], r = o.getName(t) || t + "", h = rd(e.ecModel, r, s, l), c = n.getItemVisual(i, "decal"); n.setItemVisual(i, "decal", u(c, h)) })) } } function u(t, e) { var n = t ? A(A({}, e), t) : e; return n.dirty = !0, n } })) } }(), function () { var i = t.getLocaleModel().get("aria"), o = n.getModel("label"); if (o.option = k(o.option, i), !o.get("enabled")) return; var a = e.getZr().dom; if (o.get("description")) return void a.setAttribute("aria-label", o.get("description")); var s, l = t.getSeriesCount(), u = o.get(["data", "maxCount"]) || 10, h = o.get(["series", "maxCount"]) || 10, c = Math.min(l, h); if (l < 1) return; var p = function () { var e = t.get("title"); e && e.length && (e = e[0]); return e && e.text }(); if (p) { var d = o.get(["general", "withTitle"]); s = r(d, { title: p }) } else s = o.get(["general", "withoutTitle"]); var f = [], g = l > 1 ? o.get(["series", "multiple", "prefix"]) : o.get(["series", "single", "prefix"]); s += r(g, { seriesCount: l }), t.eachSeries((function (e, n) { if (n < c) { var i = void 0, a = e.get("name") ? "withName" : "withoutName"; i = r(i = l > 1 ? o.get(["series", "multiple", a]) : o.get(["series", "single", a]), { seriesId: e.seriesIndex, seriesName: e.get("name"), seriesType: (x = e.subType, t.getLocaleModel().get(["series", "typeNames"])[x] || "自定义图") }); var s = e.getData(); if (s.count() > u) i += r(o.get(["data", "partialData"]), { displayCnt: u }); else i += o.get(["data", "allData"]); for (var h = o.get(["data", "separator", "middle"]), p = o.get(["data", "separator", "end"]), d = [], g = 0; g < s.count(); g++)if (g < u) { var y = s.getName(g), v = s.getValues(g), m = o.get(["data", y ? "withName" : "withoutName"]); d.push(r(m, { name: y, value: v.join(h) })) } i += d.join(h) + p, f.push(i) } var x })); var y = o.getModel(["series", "multiple", "separator"]), v = y.get("middle"), m = y.get("end"); s += f.join(v) + m, a.setAttribute("aria-label", s) }() } function r(t, e) { if (!X(t)) return t; var n = t; return E(e, (function (t, e) { n = n.replace(new RegExp("\\{\\s*" + e + "\\s*\\}", "g"), t) })), n } } function jF(t) { if (t && t.aria) { var e = t.aria; null != e.show && (e.enabled = e.show), e.label = e.label || {}, E(["description", "general", "series", "data"], (function (t) { null != e[t] && (e.label[t] = e[t]) })) } } var qF = { value: "eq", "<": "lt", "<=": "lte", ">": "gt", ">=": "gte", "=": "eq", "!=": "ne", "<>": "ne" }, KF = function () { function t(t) { if (null == (this._condVal = X(t) ? new RegExp(t) : et(t) ? t : null)) { var e = ""; 0, co(e) } } return t.prototype.evaluate = function (t) { var e = typeof t; return X(e) ? this._condVal.test(t) : !!j(e) && this._condVal.test(t + "") }, t }(), $F = function () { function t() { } return t.prototype.evaluate = function () { return this.value }, t }(), JF = function () { function t() { } return t.prototype.evaluate = function () { for (var t = this.children, e = 0; e < t.length; e++)if (!t[e].evaluate()) return !1; return !0 }, t }(), QF = function () { function t() { } return t.prototype.evaluate = function () { for (var t = this.children, e = 0; e < t.length; e++)if (t[e].evaluate()) return !0; return !1 }, t }(), tG = function () { function t() { } return t.prototype.evaluate = function () { return !this.child.evaluate() }, t }(), eG = function () { function t() { } return t.prototype.evaluate = function () { for (var t = !!this.valueParser, e = (0, this.getValue)(this.valueGetterParam), n = t ? this.valueParser(e) : null, i = 0; i < this.subCondList.length; i++)if (!this.subCondList[i].evaluate(t ? n : e)) return !1; return !0 }, t }(); function nG(t, e) { if (!0 === t || !1 === t) { var n = new $F; return n.value = t, n } var i = ""; return rG(t) || co(i), t.and ? iG("and", t, e) : t.or ? iG("or", t, e) : t.not ? function (t, e) { var n = t.not, i = ""; 0; rG(n) || co(i); var r = new tG; r.child = nG(n, e), r.child || co(i); return r }(t, e) : function (t, e) { for (var n = "", i = e.prepareGetValue(t), r = [], o = G(t), a = t.parser, s = a ? mf(a) : null, l = 0; l < o.length; l++) { var u = o[l]; if ("parser" !== u && !e.valueGetterAttrMap.get(u)) { var h = mt(qF, u) ? qF[u] : u, c = t[u], p = s ? s(c) : c, d = Sf(h, p) || "reg" === h && new KF(p); d || co(n), r.push(d) } } r.length || co(n); var f = new eG; return f.valueGetterParam = i, f.valueParser = s, f.getValue = e.getValue, f.subCondList = r, f }(t, e) } function iG(t, e, n) { var i = e[t], r = ""; Y(i) || co(r), i.length || co(r); var o = "and" === t ? new JF : new QF; return o.children = z(i, (function (t) { return nG(t, n) })), o.children.length || co(r), o } function rG(t) { return q(t) && !N(t) } var oG = function () { function t(t, e) { this._cond = nG(t, e) } return t.prototype.evaluate = function () { return this._cond.evaluate() }, t }(); var aG = { type: "echarts:filter", transform: function (t) { for (var e, n, i, r = t.upstream, o = (n = t.config, i = { valueGetterAttrMap: ft({ dimension: !0 }), prepareGetValue: function (t) { var e = "", n = t.dimension; mt(t, "dimension") || co(e); var i = r.getDimensionInfo(n); return i || co(e), { dimIdx: i.index } }, getValue: function (t) { return r.retrieveValueFromItem(e, t.dimIdx) } }, new oG(n, i)), a = [], s = 0, l = r.count(); s < l; s++)e = r.getRawDataItem(s), o.evaluate() && a.push(e); return { data: a } } }; var sG = { type: "echarts:sort", transform: function (t) { var e = t.upstream, n = t.config, i = "", r = yo(n); r.length || co(i); var o = []; E(r, (function (t) { var n = t.dimension, r = t.order, a = t.parser, s = t.incomparable; if (null == n && co(i), "asc" !== r && "desc" !== r && co(i), s && "min" !== s && "max" !== s) { var l = ""; 0, co(l) } if ("asc" !== r && "desc" !== r) { var u = ""; 0, co(u) } var h = e.getDimensionInfo(n); h || co(i); var c = a ? mf(a) : null; a && !c && co(i), o.push({ dimIdx: h.index, parser: c, comparator: new bf(r, s) }) })); var a = e.sourceFormat; a !== Np && a !== Ep && co(i); for (var s = [], l = 0, u = e.count(); l < u; l++)s.push(e.getRawDataItem(l)); return s.sort((function (t, n) { for (var i = 0; i < o.length; i++) { var r = o[i], a = e.retrieveValueFromItem(t, r.dimIdx), s = e.retrieveValueFromItem(n, r.dimIdx); r.parser && (a = r.parser(a), s = r.parser(s)); var l = r.comparator.evaluate(a, s); if (0 !== l) return l } return 0 })), { data: s } } }; var lG = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "dataset", e } return n(e, t), e.prototype.init = function (e, n, i) { t.prototype.init.call(this, e, n, i), this._sourceManager = new Wf(this), Hf(this) }, e.prototype.mergeOption = function (e, n) { t.prototype.mergeOption.call(this, e, n), Hf(this) }, e.prototype.optionUpdated = function () { this._sourceManager.dirty() }, e.prototype.getSourceManager = function () { return this._sourceManager }, e.type = "dataset", e.defaultOption = { seriesLayoutBy: Fp }, e }(Ap), uG = function (t) { function e() { var e = null !== t && t.apply(this, arguments) || this; return e.type = "dataset", e } return n(e, t), e.type = "dataset", e }(mg); var hG = ts.CMD; function cG(t, e) { return Math.abs(t - e) < 1e-5 } function pG(t) { var e, n, i, r, o, a = t.data, s = t.len(), l = [], u = 0, h = 0, c = 0, p = 0; function d(t, n) { e && e.length > 2 && l.push(e), e = [t, n] } function f(t, n, i, r) { cG(t, i) && cG(n, r) || e.push(t, n, i, r, i, r) } function g(t, n, i, r, o, a) { var s = Math.abs(n - t), l = 4 * Math.tan(s / 4) / 3, u = n < t ? -1 : 1, h = Math.cos(t), c = Math.sin(t), p = Math.cos(n), d = Math.sin(n), f = h * o + i, g = c * a + r, y = p * o + i, v = d * a + r, m = o * l * u, x = a * l * u; e.push(f - m * c, g + x * h, y + m * d, v - x * p, y, v) } for (var y = 0; y < s;) { var v = a[y++], m = 1 === y; switch (m && (c = u = a[y], p = h = a[y + 1], v !== hG.L && v !== hG.C && v !== hG.Q || (e = [c, p])), v) { case hG.M: u = c = a[y++], h = p = a[y++], d(c, p); break; case hG.L: f(u, h, n = a[y++], i = a[y++]), u = n, h = i; break; case hG.C: e.push(a[y++], a[y++], a[y++], a[y++], u = a[y++], h = a[y++]); break; case hG.Q: n = a[y++], i = a[y++], r = a[y++], o = a[y++], e.push(u + 2 / 3 * (n - u), h + 2 / 3 * (i - h), r + 2 / 3 * (n - r), o + 2 / 3 * (i - o), r, o), u = r, h = o; break; case hG.A: var x = a[y++], _ = a[y++], b = a[y++], w = a[y++], S = a[y++], M = a[y++] + S; y += 1; var I = !a[y++]; n = Math.cos(S) * b + x, i = Math.sin(S) * w + _, m ? d(c = n, p = i) : f(u, h, n, i), u = Math.cos(M) * b + x, h = Math.sin(M) * w + _; for (var T = (I ? -1 : 1) * Math.PI / 2, C = S; I ? C > M : C < M; C += T) { g(C, I ? Math.max(C + T, M) : Math.min(C + T, M), x, _, b, w) } break; case hG.R: c = u = a[y++], p = h = a[y++], n = c + a[y++], i = p + a[y++], d(n, p), f(n, p, n, i), f(n, i, c, i), f(c, i, c, p), f(c, p, n, p); break; case hG.Z: e && f(u, h, c, p), u = c, h = p } } return e && e.length > 2 && l.push(e), l } function dG(t, e, n, i, r, o, a, s, l, u) { if (cG(t, n) && cG(e, i) && cG(r, a) && cG(o, s)) l.push(a, s); else { var h = 2 / u, c = h * h, p = a - t, d = s - e, f = Math.sqrt(p * p + d * d); p /= f, d /= f; var g = n - t, y = i - e, v = r - a, m = o - s, x = g * g + y * y, _ = v * v + m * m; if (x < c && _ < c) l.push(a, s); else { var b = p * g + d * y, w = -p * v - d * m; if (x - b * b < c && b >= 0 && _ - w * w < c && w >= 0) l.push(a, s); else { var S = [], M = []; xn(t, n, r, a, .5, S), xn(e, i, o, s, .5, M), dG(S[0], M[0], S[1], M[1], S[2], M[2], S[3], M[3], l, u), dG(S[4], M[4], S[5], M[5], S[6], M[6], S[7], M[7], l, u) } } } } function fG(t, e, n) { var i = t[e], r = t[1 - e], o = Math.abs(i / r), a = Math.ceil(Math.sqrt(o * n)), s = Math.floor(n / a); 0 === s && (s = 1, a = n); for (var l = [], u = 0; u < a; u++)l.push(s); var h = n - a * s; if (h > 0) for (u = 0; u < h; u++)l[u % a] += 1; return l } function gG(t, e, n) { for (var i = t.r0, r = t.r, o = t.startAngle, a = t.endAngle, s = Math.abs(a - o), l = s * r, u = r - i, h = l > Math.abs(u), c = fG([l, u], h ? 0 : 1, e), p = (h ? s : u) / c.length, d = 0; d < c.length; d++)for (var f = (h ? u : s) / c[d], g = 0; g < c[d]; g++) { var y = {}; h ? (y.startAngle = o + p * d, y.endAngle = o + p * (d + 1), y.r0 = i + f * g, y.r = i + f * (g + 1)) : (y.startAngle = o + f * g, y.endAngle = o + f * (g + 1), y.r0 = i + p * d, y.r = i + p * (d + 1)), y.clockwise = t.clockwise, y.cx = t.cx, y.cy = t.cy, n.push(y) } } function yG(t, e, n, i) { return t * i - n * e } function vG(t, e, n, i, r, o, a, s) { var l = n - t, u = i - e, h = a - r, c = s - o, p = yG(h, c, l, u); if (Math.abs(p) < 1e-6) return null; var d = yG(t - r, e - o, h, c) / p; return d < 0 || d > 1 ? null : new Ie(d * l + t, d * u + e) } function mG(t, e, n) { var i = new Ie; Ie.sub(i, n, e), i.normalize(); var r = new Ie; return Ie.sub(r, t, e), r.dot(i) } function xG(t, e) { var n = t[t.length - 1]; n && n[0] === e[0] && n[1] === e[1] || t.push(e) } function _G(t) { var e = t.points, n = [], i = []; Aa(e, n, i); var r = new Re(n[0], n[1], i[0] - n[0], i[1] - n[1]), o = r.width, a = r.height, s = r.x, l = r.y, u = new Ie, h = new Ie; return o > a ? (u.x = h.x = s + o / 2, u.y = l, h.y = l + a) : (u.y = h.y = l + a / 2, u.x = s, h.x = s + o), function (t, e, n) { for (var i = t.length, r = [], o = 0; o < i; o++) { var a = t[o], s = t[(o + 1) % i], l = vG(a[0], a[1], s[0], s[1], e.x, e.y, n.x, n.y); l && r.push({ projPt: mG(l, e, n), pt: l, idx: o }) } if (r.length < 2) return [{ points: t }, { points: t }]; r.sort((function (t, e) { return t.projPt - e.projPt })); var u = r[0], h = r[r.length - 1]; if (h.idx < u.idx) { var c = u; u = h, h = c } var p = [u.pt.x, u.pt.y], d = [h.pt.x, h.pt.y], f = [p], g = [d]; for (o = u.idx + 1; o <= h.idx; o++)xG(f, t[o].slice()); for (xG(f, d), xG(f, p), o = h.idx + 1; o <= u.idx + i; o++)xG(g, t[o % i].slice()); return xG(g, p), xG(g, d), [{ points: f }, { points: g }] }(e, u, h) } function bG(t, e, n, i) { if (1 === n) i.push(e); else { var r = Math.floor(n / 2), o = t(e); bG(t, o[0], r, i), bG(t, o[1], n - r, i) } return i } function wG(t, e) { e.setStyle(t.style), e.z = t.z, e.z2 = t.z2, e.zlevel = t.zlevel } function SG(t, e) { var n, i = [], r = t.shape; switch (t.type) { case "rect": !function (t, e, n) { for (var i = t.width, r = t.height, o = i > r, a = fG([i, r], o ? 0 : 1, e), s = o ? "width" : "height", l = o ? "height" : "width", u = o ? "x" : "y", h = o ? "y" : "x", c = t[s] / a.length, p = 0; p < a.length; p++)for (var d = t[l] / a[p], f = 0; f < a[p]; f++) { var g = {}; g[u] = p * c, g[h] = f * d, g[s] = c, g[l] = d, g.x += t.x, g.y += t.y, n.push(g) } }(r, e, i), n = Ps; break; case "sector": gG(r, e, i), n = Pu; break; case "circle": gG({ r0: 0, r: r.r, startAngle: 0, endAngle: 2 * Math.PI, cx: r.cx, cy: r.cy }, e, i), n = Pu; break; default: var o = t.getComputedTransform(), a = o ? Math.sqrt(Math.max(o[0] * o[0] + o[1] * o[1], o[2] * o[2] + o[3] * o[3])) : 1, s = z(function (t, e) { var n = pG(t), i = []; e = e || 1; for (var r = 0; r < n.length; r++) { var o = n[r], a = [], s = o[0], l = o[1]; a.push(s, l); for (var u = 2; u < o.length;) { var h = o[u++], c = o[u++], p = o[u++], d = o[u++], f = o[u++], g = o[u++]; dG(s, l, h, c, p, d, f, g, a, e), s = f, l = g } i.push(a) } return i }(t.getUpdatedPathProxy(), a), (function (t) { return function (t) { for (var e = [], n = 0; n < t.length;)e.push([t[n++], t[n++]]); return e }(t) })), l = s.length; if (0 === l) bG(_G, { points: s[0] }, e, i); else if (l === e) for (var u = 0; u < l; u++)i.push({ points: s[u] }); else { var h = 0, c = z(s, (function (t) { var e = [], n = []; Aa(t, e, n); var i = (n[1] - e[1]) * (n[0] - e[0]); return h += i, { poly: t, area: i } })); c.sort((function (t, e) { return e.area - t.area })); var p = e; for (u = 0; u < l; u++) { var d = c[u]; if (p <= 0) break; var f = u === l - 1 ? p : Math.ceil(d.area / h * e); f < 0 || (bG(_G, { points: d.poly }, f, i), p -= f) } } n = zu }if (!n) return function (t, e) { for (var n = [], i = 0; i < e; i++)n.push(du(t)); return n }(t, e); var g = []; for (u = 0; u < i.length; u++) { var y = new n; y.setShape(i[u]), wG(t, y), g.push(y) } return g } function MG(t, e) { var n = t.length, i = e.length; if (n === i) return [t, e]; for (var r = [], o = [], a = n < i ? t : e, s = Math.min(n, i), l = Math.abs(i - n) / 6, u = (s - 2) / 6, h = Math.ceil(l / u) + 1, c = [a[0], a[1]], p = l, d = 2; d < s;) { var f = a[d - 2], g = a[d - 1], y = a[d++], v = a[d++], m = a[d++], x = a[d++], _ = a[d++], b = a[d++]; if (p <= 0) c.push(y, v, m, x, _, b); else { for (var w = Math.min(p, h - 1) + 1, S = 1; S <= w; S++) { var M = S / w; xn(f, y, m, _, M, r), xn(g, v, x, b, M, o), f = r[3], g = o[3], c.push(r[1], o[1], r[2], o[2], f, g), y = r[5], v = o[5], m = r[6], x = o[6] } p -= w - 1 } } return a === t ? [c, e] : [t, c] } function IG(t, e) { for (var n = t.length, i = t[n - 2], r = t[n - 1], o = [], a = 0; a < e.length;)o[a++] = i, o[a++] = r; return o } function TG(t) { for (var e = 0, n = 0, i = 0, r = t.length, o = 0, a = r - 2; o < r; a = o, o += 2) { var s = t[a], l = t[a + 1], u = t[o], h = t[o + 1], c = s * h - u * l; e += c, n += (s + u) * c, i += (l + h) * c } return 0 === e ? [t[0] || 0, t[1] || 0] : [n / e / 3, i / e / 3, e] } function CG(t, e, n, i) { for (var r = (t.length - 2) / 6, o = 1 / 0, a = 0, s = t.length, l = s - 2, u = 0; u < r; u++) { for (var h = 6 * u, c = 0, p = 0; p < s; p += 2) { var d = 0 === p ? h : (h + p - 2) % l + 2, f = t[d] - n[0], g = t[d + 1] - n[1], y = e[p] - i[0] - f, v = e[p + 1] - i[1] - g; c += y * y + v * v } c < o && (o = c, a = u) } return a } function DG(t) { for (var e = [], n = t.length, i = 0; i < n; i += 2)e[i] = t[n - i - 2], e[i + 1] = t[n - i - 1]; return e } function AG(t) { return t.__isCombineMorphing } var kG = "__mOriginal_"; function LG(t, e, n) { var i = kG + e, r = t[i] || t[e]; t[i] || (t[i] = t[e]); var o = n.replace, a = n.after, s = n.before; t[e] = function () { var t, e = arguments; return s && s.apply(this, e), t = o ? o.apply(this, e) : r.apply(this, e), a && a.apply(this, e), t } } function PG(t, e) { var n = kG + e; t[n] && (t[e] = t[n], t[n] = null) } function OG(t, e) { for (var n = 0; n < t.length; n++)for (var i = t[n], r = 0; r < i.length;) { var o = i[r], a = i[r + 1]; i[r++] = e[0] * o + e[2] * a + e[4], i[r++] = e[1] * o + e[3] * a + e[5] } } function RG(t, e) { var n = t.getUpdatedPathProxy(), i = e.getUpdatedPathProxy(), r = function (t, e) { for (var n, i, r, o = [], a = [], s = 0; s < Math.max(t.length, e.length); s++) { var l = t[s], u = e[s], h = void 0, c = void 0; l ? u ? (i = h = (n = MG(l, u))[0], r = c = n[1]) : (c = IG(r || l, l), h = l) : (h = IG(i || u, u), c = u), o.push(h), a.push(c) } return [o, a] }(pG(n), pG(i)), o = r[0], a = r[1], s = t.getComputedTransform(), l = e.getComputedTransform(); s && OG(o, s), l && OG(a, l), LG(e, "updateTransform", { replace: function () { this.transform = null } }), e.transform = null; var u = function (t, e, n, i) { for (var r, o = [], a = 0; a < t.length; a++) { var s = t[a], l = e[a], u = TG(s), h = TG(l); null == r && (r = u[2] < 0 != h[2] < 0); var c = [], p = [], d = 0, f = 1 / 0, g = [], y = s.length; r && (s = DG(s)); for (var v = 6 * CG(s, l, u, h), m = y - 2, x = 0; x < m; x += 2) { var _ = (v + x) % m + 2; c[x + 2] = s[_] - u[0], c[x + 3] = s[_ + 1] - u[1] } if (c[0] = s[v] - u[0], c[1] = s[v + 1] - u[1], n > 0) for (var b = i / n, w = -i / 2; w <= i / 2; w += b) { var S = Math.sin(w), M = Math.cos(w), I = 0; for (x = 0; x < s.length; x += 2) { var T = c[x], C = c[x + 1], D = l[x] - h[0], A = l[x + 1] - h[1], k = D * M - A * S, L = D * S + A * M; g[x] = k, g[x + 1] = L; var P = k - T, O = L - C; I += P * P + O * O } if (I < f) { f = I, d = w; for (var R = 0; R < g.length; R++)p[R] = g[R] } } else for (var N = 0; N < y; N += 2)p[N] = l[N] - h[0], p[N + 1] = l[N + 1] - h[1]; o.push({ from: c, to: p, fromCp: u, toCp: h, rotation: -d }) } return o }(o, a, 10, Math.PI), h = []; LG(e, "buildPath", { replace: function (t) { for (var n = e.__morphT, i = 1 - n, r = [], o = 0; o < u.length; o++) { var a = u[o], s = a.from, l = a.to, c = a.rotation * n, p = a.fromCp, d = a.toCp, f = Math.sin(c), g = Math.cos(c); Bt(r, p, d, n); for (var y = 0; y < s.length; y += 2) { var v = s[y], m = s[y + 1], x = v * i + (S = l[y]) * n, _ = m * i + (M = l[y + 1]) * n; h[y] = x * g - _ * f + r[0], h[y + 1] = x * f + _ * g + r[1] } var b = h[0], w = h[1]; t.moveTo(b, w); for (y = 2; y < s.length;) { var S = h[y++], M = h[y++], I = h[y++], T = h[y++], C = h[y++], D = h[y++]; b === S && w === M && I === C && T === D ? t.lineTo(C, D) : t.bezierCurveTo(S, M, I, T, C, D), b = C, w = D } } } }) } function NG(t, e, n) { if (!t || !e) return e; var i = n.done, r = n.during; return RG(t, e), e.__morphT = 0, e.animateTo({ __morphT: 1 }, k({ during: function (t) { e.dirtyShape(), r && r(t) }, done: function () { PG(e, "buildPath"), PG(e, "updateTransform"), e.__morphT = -1, e.createPathProxy(), e.dirtyShape(), i && i() } }, n)), e } function EG(t, e, n, i, r, o) { t = r === n ? 0 : Math.round(32767 * (t - n) / (r - n)), e = o === i ? 0 : Math.round(32767 * (e - i) / (o - i)); for (var a, s = 0, l = 32768; l > 0; l /= 2) { var u = 0, h = 0; (t & l) > 0 && (u = 1), (e & l) > 0 && (h = 1), s += l * l * (3 * u ^ h), 0 === h && (1 === u && (t = l - 1 - t, e = l - 1 - e), a = t, t = e, e = a) } return s } function zG(t) { var e = 1 / 0, n = 1 / 0, i = -1 / 0, r = -1 / 0, o = z(t, (function (t) { var o = t.getBoundingRect(), a = t.getComputedTransform(), s = o.x + o.width / 2 + (a ? a[4] : 0), l = o.y + o.height / 2 + (a ? a[5] : 0); return e = Math.min(s, e), n = Math.min(l, n), i = Math.max(s, i), r = Math.max(l, r), [s, l] })); return z(o, (function (o, a) { return { cp: o, z: EG(o[0], o[1], e, n, i, r), path: t[a] } })).sort((function (t, e) { return t.z - e.z })).map((function (t) { return t.path })) } function VG(t) { return SG(t.path, t.count) } function BG(t) { return Y(t[0]) } function FG(t, e) { for (var n = [], i = t.length, r = 0; r < i; r++)n.push({ one: t[r], many: [] }); for (r = 0; r < e.length; r++) { var o = e[r].length, a = void 0; for (a = 0; a < o; a++)n[a % i].many.push(e[r][a]) } var s = 0; for (r = i - 1; r >= 0; r--)if (!n[r].many.length) { var l = n[s].many; if (l.length <= 1) { if (!s) return n; s = 0 } o = l.length; var u = Math.ceil(o / 2); n[r].many = l.slice(u, o), n[s].many = l.slice(0, u), s++ } return n } var GG = { clone: function (t) { for (var e = [], n = 1 - Math.pow(1 - t.path.style.opacity, 1 / t.count), i = 0; i < t.count; i++) { var r = du(t.path); r.setStyle("opacity", n), e.push(r) } return e }, split: null }; function WG(t, e, n, i, r, o) { if (t.length && e.length) { var a = sh("update", i, r); if (a && a.duration > 0) { var s, l, u = i.getModel("universalTransition").get("delay"), h = Object.assign({ setToFinal: !0 }, a); BG(t) && (s = t, l = e), BG(e) && (s = e, l = t); for (var c = s ? s === t : t.length > e.length, p = s ? FG(l, s) : FG(c ? e : t, [c ? t : e]), d = 0, f = 0; f < p.length; f++)d += p[f].many.length; var g = 0; for (f = 0; f < p.length; f++)y(p[f], c, g, d), g += p[f].many.length } } function y(t, e, i, r, a) { var s = t.many, l = t.one; if (1 !== s.length || a) for (var c = k({ dividePath: GG[n], individualDelay: u && function (t, e, n, o) { return u(t + i, r) } }, h), p = e ? function (t, e, n) { var i = []; !function t(e) { for (var n = 0; n < e.length; n++) { var r = e[n]; AG(r) ? t(r.childrenRef()) : r instanceof _s && i.push(r) } }(t); var r = i.length; if (!r) return { fromIndividuals: [], toIndividuals: [], count: 0 }; var o = (n.dividePath || VG)({ path: e, count: r }); if (o.length !== r) return console.error("Invalid morphing: unmatched splitted path"), { fromIndividuals: [], toIndividuals: [], count: 0 }; i = zG(i), o = zG(o); for (var a = n.done, s = n.during, l = n.individualDelay, u = new hr, h = 0; h < r; h++) { var c = i[h], p = o[h]; p.parent = e, p.copyTransform(u), l || RG(c, p) } function d(t) { for (var e = 0; e < o.length; e++)o[e].addSelfToZr(t) } function f() { e.__isCombineMorphing = !1, e.__morphT = -1, e.childrenRef = null, PG(e, "addSelfToZr"), PG(e, "removeSelfFromZr") } e.__isCombineMorphing = !0, e.childrenRef = function () { return o }, LG(e, "addSelfToZr", { after: function (t) { d(t) } }), LG(e, "removeSelfFromZr", { after: function (t) { for (var e = 0; e < o.length; e++)o[e].removeSelfFromZr(t) } }); var g = o.length; if (l) { var y = g, v = function () { 0 == --y && (f(), a && a()) }; for (h = 0; h < g; h++) { var m = l ? k({ delay: (n.delay || 0) + l(h, g, i[h], o[h]), done: v }, n) : n; NG(i[h], o[h], m) } } else e.__morphT = 0, e.animateTo({ __morphT: 1 }, k({ during: function (t) { for (var n = 0; n < g; n++) { var i = o[n]; i.__morphT = e.__morphT, i.dirtyShape() } s && s(t) }, done: function () { f(); for (var e = 0; e < t.length; e++)PG(t[e], "updateTransform"); a && a() } }, n)); return e.__zr && d(e.__zr), { fromIndividuals: i, toIndividuals: o, count: g } }(s, l, c) : function (t, e, n) { var i = e.length, r = [], o = n.dividePath || VG; if (AG(t)) { !function t(e) { for (var n = 0; n < e.length; n++) { var i = e[n]; AG(i) ? t(i.childrenRef()) : i instanceof _s && r.push(i) } }(t.childrenRef()); var a = r.length; if (a < i) for (var s = 0, l = a; l < i; l++)r.push(du(r[s++ % a])); r.length = i } else { r = o({ path: t, count: i }); var u = t.getComputedTransform(); for (l = 0; l < r.length; l++)r[l].setLocalTransform(u); if (r.length !== i) return console.error("Invalid morphing: unmatched splitted path"), { fromIndividuals: [], toIndividuals: [], count: 0 } } r = zG(r), e = zG(e); var h = n.individualDelay; for (l = 0; l < i; l++) { var c = h ? k({ delay: (n.delay || 0) + h(l, i, r[l], e[l]) }, n) : n; NG(r[l], e[l], c) } return { fromIndividuals: r, toIndividuals: e, count: e.length } }(l, s, c), d = p.fromIndividuals, f = p.toIndividuals, g = d.length, v = 0; v < g; v++) { m = u ? k({ delay: u(v, g) }, h) : h; o(d[v], f[v], e ? s[v] : t.one, e ? t.one : s[v], m) } else { var m, x = e ? s[0] : l, _ = e ? l : s[0]; if (AG(x)) y({ many: [x], one: _ }, !0, i, r, !0); else NG(x, _, m = u ? k({ delay: u(i, r) }, h) : h), o(x, _, x, _, m) } } } function HG(t) { if (!t) return []; if (Y(t)) { for (var e = [], n = 0; n < t.length; n++)e.push(HG(t[n])); return e } var i = []; return t.traverse((function (t) { t instanceof _s && !t.disableMorphing && !t.invisible && !t.ignore && i.push(t) })), i } var YG = Do(); function UG(t) { var e = []; return E(t, (function (t) { var n = t.data; if (!(n.count() > 1e4)) for (var i = n.getIndices(), r = function (t) { for (var e = t.dimensions, n = 0; n < e.length; n++) { var i = t.getDimensionInfo(e[n]); if (i && 0 === i.otherDims.itemGroupId) return e[n] } }(n), o = 0; o < i.length; o++)e.push({ data: n, dim: t.dim || r, divide: t.divide, dataIndex: o }) })), e } function XG(t, e, n) { t.traverse((function (t) { t instanceof _s && hh(t, { style: { opacity: 0 } }, e, { dataIndex: n, isFrom: !0 }) })) } function ZG(t) { if (t.parent) { var e = t.getComputedTransform(); t.setLocalTransform(e), t.parent.remove(t) } } function jG(t) { t.stopAnimation(), t.isGroup && t.traverse((function (t) { t.stopAnimation() })) } function qG(t, e, n) { var i = sh("update", n, e); i && t.traverse((function (t) { if (t instanceof ma) { var e = function (t) { return ah(t).oldStyle }(t); e && t.animateFrom({ style: e }, i) } })) } function KG(t, e, n) { var i = UG(t), r = UG(e); function o(t, e, n, i, r) { (n || t) && e.animateFrom({ style: n && n !== t ? A(A({}, n.style), t.style) : t.style }, r) } function a(t) { for (var e = 0; e < t.length; e++)if (t[e].dim) return t[e].dim } var s = a(i), l = a(r), u = !1; function h(t, e) { return function (n) { var i = n.data, r = n.dataIndex; if (e) return i.getId(r); var o = i.hostModel && i.hostModel.get("dataGroupId"), a = t ? s || l : l || s, u = a && i.getDimensionInfo(a), h = u && u.ordinalMeta; if (u) { var c = i.get(u.name, r); return h && h.categories[c] || c + "" } var p = i.getRawDataItem(r); return p && p.groupId ? p.groupId + "" : o || i.getId(r) } } var c = function (t, e) { var n = t.length; if (n !== e.length) return !1; for (var i = 0; i < n; i++) { var r = t[i], o = e[i]; if (r.data.getId(r.dataIndex) !== o.data.getId(o.dataIndex)) return !1 } return !0 }(i, r), p = {}; if (!c) for (var d = 0; d < r.length; d++) { var f = r[d], g = f.data.getItemGraphicEl(f.dataIndex); g && (p[g.id] = !0) } function y(t, e) { var n = i[e], a = r[t], s = a.data.hostModel, l = n.data.getItemGraphicEl(n.dataIndex), h = a.data.getItemGraphicEl(a.dataIndex); l !== h ? l && p[l.id] || h && (jG(h), l ? (jG(l), ZG(l), u = !0, WG(HG(l), HG(h), a.divide, s, t, o)) : XG(h, s, t)) : h && qG(h, a.dataIndex, s) } new Dm(i, r, h(!0, c), h(!1, c), null, "multiple").update(y).updateManyToOne((function (t, e) { var n = r[t], a = n.data, s = a.hostModel, l = a.getItemGraphicEl(n.dataIndex), h = B(z(e, (function (t) { return i[t].data.getItemGraphicEl(i[t].dataIndex) })), (function (t) { return t && t !== l && !p[t.id] })); l && (jG(l), h.length ? (E(h, (function (t) { jG(t), ZG(t) })), u = !0, WG(HG(h), HG(l), n.divide, s, t, o)) : XG(l, s, n.dataIndex)) })).updateOneToMany((function (t, e) { var n = i[e], a = n.data.getItemGraphicEl(n.dataIndex); if (!a || !p[a.id]) { var s = B(z(t, (function (t) { return r[t].data.getItemGraphicEl(r[t].dataIndex) })), (function (t) { return t && t !== a })), l = r[t[0]].data.hostModel; s.length && (E(s, (function (t) { return jG(t) })), a ? (jG(a), ZG(a), u = !0, WG(HG(a), HG(s), n.divide, l, t[0], o)) : E(s, (function (e) { return XG(e, l, t[0]) }))) } })).updateManyToMany((function (t, e) { new Dm(e, t, (function (t) { return i[t].data.getId(i[t].dataIndex) }), (function (t) { return r[t].data.getId(r[t].dataIndex) })).update((function (n, i) { y(t[n], e[i]) })).execute() })).execute(), u && E(e, (function (t) { var e = t.data.hostModel, i = e && n.getViewOfSeriesModel(e), r = sh("update", e, 0); i && e.isAnimationEnabled() && r && r.duration > 0 && i.group.traverse((function (t) { t instanceof _s && !t.animators.length && t.animateFrom({ style: { opacity: 0 } }, r) })) })) } function $G(t) { var e = t.getModel("universalTransition").get("seriesKey"); return e || t.id } function JG(t) { return Y(t) ? t.sort().join(",") : t } function QG(t) { if (t.hostModel) return t.hostModel.getModel("universalTransition").get("divideShape") } function tW(t, e) { for (var n = 0; n < t.length; n++) { if (null != e.seriesIndex && e.seriesIndex === t[n].seriesIndex || null != e.seriesId && e.seriesId === t[n].id) return n } } Im([function (t) { t.registerPainter("canvas", Hw) }]), Im([function (t) { t.registerPainter("svg", Ew) }]), Im([function (t) { t.registerChartView(SS), t.registerSeriesModel(Yw), t.registerLayout(MS("line", !0)), t.registerVisual({ seriesType: "line", reset: function (t) { var e = t.getData(), n = t.getModel("lineStyle").getLineStyle(); n && !n.stroke && (n.stroke = e.getVisual("style").fill), e.setVisual("legendLineStyle", n) } }), t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, CS("line")) }, function (t) { t.registerChartView(ES), t.registerSeriesModel(AS), t.registerLayout(t.PRIORITY.VISUAL.LAYOUT, H(Ox, "bar")), t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT, Rx("bar")), t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, CS("bar")), t.registerAction({ type: "changeAxisOrder", event: "changeAxisOrder", update: "update" }, (function (t, e) { var n = t.componentType || "series"; e.eachComponent({ mainType: n, query: t }, (function (e) { t.sortInfo && e.axis.setCategorySortInfo(t.sortInfo) })) })) }, function (t) { t.registerChartView(cM), t.registerSeriesModel(fM), _y("pie", t.registerAction), t.registerLayout(H(nM, "pie")), t.registerProcessor(iM("pie")), t.registerProcessor(function (t) { return { seriesType: t, reset: function (t, e) { var n = t.getData(); n.filterSelf((function (t) { var e = n.mapDimension("value"), i = n.get(e, t); return !(j(i) && !isNaN(i) && i < 0) })) } } }("pie")) }, function (t) { Im(gI), t.registerSeriesModel(gM), t.registerChartView(xM), t.registerLayout(MS("scatter")) }, function (t) { Im(AI), t.registerChartView(_I), t.registerSeriesModel(bI), t.registerLayout(yI), t.registerProcessor(iM("radar")), t.registerPreprocessor(xI) }, function (t) { Im(rC), t.registerChartView(BT), t.registerSeriesModel(FT), t.registerLayout(WT), t.registerProcessor(t.PRIORITY.PROCESSOR.STATISTIC, GT), _y("map", t.registerAction) }, function (t) { t.registerChartView(yC), t.registerSeriesModel(VC), t.registerLayout(FC), t.registerVisual(GC), function (t) { t.registerAction({ type: "treeExpandAndCollapse", event: "treeExpandAndCollapse", update: "update" }, (function (t, e) { e.eachComponent({ mainType: "series", subType: "tree", query: t }, (function (e) { var n = t.dataIndex, i = e.getData().tree.getNodeByDataIndex(n); i.isExpand = !i.isExpand })) })), t.registerAction({ type: "treeRoam", event: "treeRoam", update: "none" }, (function (t, e, n) { e.eachComponent({ mainType: "series", subType: "tree", query: t }, (function (e) { var i = eC(e.coordinateSystem, t, void 0, n); e.setCenter && e.setCenter(i.center), e.setZoom && e.setZoom(i.zoom) })) })) }(t) }, function (t) { t.registerSeriesModel(YC), t.registerChartView(iD), t.registerVisual(_D), t.registerLayout(OD), function (t) { for (var e = 0; e < WC.length; e++)t.registerAction({ type: WC[e], update: "updateView" }, xt); t.registerAction({ type: "treemapRootToNode", update: "updateView" }, (function (t, e) { e.eachComponent({ mainType: "series", subType: "treemap", query: t }, (function (e, n) { var i = RC(t, ["treemapZoomToNode", "treemapRootToNode"], e); if (i) { var r = e.getViewRoot(); r && (t.direction = EC(r, i.node) ? "rollUp" : "drillDown"), e.resetViewRoot(i.node) } })) })) }(t) }, function (t) { t.registerChartView(OA), t.registerSeriesModel(FA), t.registerProcessor(BD), t.registerVisual(FD), t.registerVisual(WD), t.registerLayout(JD), t.registerLayout(t.PRIORITY.VISUAL.POST_CHART_LAYOUT, aA), t.registerLayout(lA), t.registerCoordinateSystem("graphView", { dimensions: YT.dimensions, create: uA }), t.registerAction({ type: "focusNodeAdjacency", event: "focusNodeAdjacency", update: "series:focusNodeAdjacency" }, xt), t.registerAction({ type: "unfocusNodeAdjacency", event: "unfocusNodeAdjacency", update: "series:unfocusNodeAdjacency" }, xt), t.registerAction(GA, (function (t, e, n) { e.eachComponent({ mainType: "series", query: t }, (function (e) { var i = eC(e.coordinateSystem, t, void 0, n); e.setCenter && e.setCenter(i.center), e.setZoom && e.setZoom(i.zoom) })) })) }, function (t) { t.registerChartView(UA), t.registerSeriesModel(XA) }, function (t) { t.registerChartView(qA), t.registerSeriesModel(KA), t.registerLayout($A), t.registerProcessor(iM("funnel")) }, function (t) { Im(SL), t.registerChartView(JA), t.registerSeriesModel(ik), t.registerVisual(t.PRIORITY.VISUAL.BRUSH, ak) }, function (t) { t.registerChartView(TL), t.registerSeriesModel(CL), t.registerLayout(DL), t.registerVisual(FL), t.registerAction({ type: "dragNode", event: "dragnode", update: "update" }, (function (t, e) { e.eachComponent({ mainType: "series", subType: "sankey", query: t }, (function (e) { e.setNodePosition(t.dataIndex, [t.localX, t.localY]) })) })) }, function (t) { t.registerSeriesModel(WL), t.registerChartView(HL), t.registerVisual(qL), t.registerLayout($L), t.registerTransform(JL) }, function (t) { t.registerChartView(tP), t.registerSeriesModel(cP), t.registerPreprocessor(pP), t.registerVisual(vP), t.registerLayout(mP) }, function (t) { t.registerChartView(wP), t.registerSeriesModel(SP), t.registerLayout(MS("effectScatter")) }, function (t) { t.registerChartView(LP), t.registerSeriesModel(NP), t.registerLayout(kP), t.registerVisual(zP) }, function (t) { t.registerChartView(FP), t.registerSeriesModel(GP) }, function (t) { t.registerChartView(UP), t.registerSeriesModel(uO), t.registerLayout(t.PRIORITY.VISUAL.LAYOUT, H(Ox, "pictorialBar")), t.registerLayout(t.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT, Rx("pictorialBar")) }, function (t) { t.registerChartView(hO), t.registerSeriesModel(cO), t.registerLayout(pO), t.registerProcessor(iM("themeRiver")) }, function (t) { t.registerChartView(vO), t.registerSeriesModel(mO), t.registerLayout(H(bO, "sunburst")), t.registerProcessor(H(iM, "sunburst")), t.registerVisual(SO), function (t) { t.registerAction({ type: gO, update: "updateView" }, (function (t, e) { e.eachComponent({ mainType: "series", subType: "sunburst", query: t }, (function (e, n) { var i = RC(t, [gO], e); if (i) { var r = e.getViewRoot(); r && (t.direction = EC(r, i.node) ? "rollUp" : "drillDown"), e.resetViewRoot(i.node) } })) })), t.registerAction({ type: yO, update: "none" }, (function (t, e, n) { t = A({}, t), e.eachComponent({ mainType: "series", subType: "sunburst", query: t }, (function (e) { var n = RC(t, [yO], e); n && (t.dataIndex = n.node.dataIndex) })), n.dispatchAction(A(t, { type: "highlight" })) })), t.registerAction({ type: "sunburstUnhighlight", update: "updateView" }, (function (t, e, n) { t = A({}, t), n.dispatchAction(A(t, { type: "downplay" })) })) }(t) }, function (t) { t.registerChartView(fR), t.registerSeriesModel(CO) }]), Im((function (t) { Im(gI), Im(gN) })), Im((function (t) { Im(gN), iI.registerAxisPointerClass("PolarAxisPointer", yN), t.registerCoordinateSystem("polar", kN), t.registerComponentModel(mN), t.registerComponentView(XN), CM(t, "angle", _N, YN), CM(t, "radius", bN, UN), t.registerComponentView(NN), t.registerComponentView(BN), t.registerLayout(H(HN, "bar")) })), Im(rC), Im((function (t) { Im(gN), iI.registerAxisPointerClass("SingleAxisPointer", aE), t.registerComponentView(hE), t.registerComponentView(KN), t.registerComponentModel(JN), CM(t, "single", JN, JN.defaultOption), t.registerCoordinateSystem("single", iE) })), Im(SL), Im((function (t) { t.registerComponentModel(cE), t.registerComponentView(dE), t.registerCoordinateSystem("calendar", gE) })), Im((function (t) { t.registerComponentModel(bE), t.registerComponentView(ME), t.registerPreprocessor((function (t) { var e = t.graphic; Y(e) ? e[0] && e[0].elements ? t.graphic = [t.graphic[0]] : t.graphic = [{ elements: e }] : e && !e.elements && (t.graphic = [{ elements: [e] }]) })) })), Im((function (t) { t.registerComponentModel($E), t.registerComponentView(QE), qE("saveAsImage", tz), qE("magicType", iz), qE("dataView", hz), qE("dataZoom", Pz), qE("restore", gz), Im(XE) })), Im((function (t) { Im(gN), t.registerComponentModel(Nz), t.registerComponentView(Jz), t.registerAction({ type: "showTip", event: "showTip", update: "tooltip:manuallyShowTip" }, xt), t.registerAction({ type: "hideTip", event: "hideTip", update: "tooltip:manuallyHideTip" }, xt) })), Im(gN), Im((function (t) { t.registerComponentView(_V), t.registerComponentModel(bV), t.registerPreprocessor(iV), t.registerVisual(t.PRIORITY.VISUAL.BRUSH, gV), t.registerAction({ type: "brush", event: "brush", update: "updateVisual" }, (function (t, e) { e.eachComponent({ mainType: "brush", query: t }, (function (e) { e.setAreas(t.areas) })) })), t.registerAction({ type: "brushSelect", event: "brushSelected", update: "none" }, xt), t.registerAction({ type: "brushEnd", event: "brushEnd", update: "none" }, xt), qE("brush", MV) })), Im((function (t) { t.registerComponentModel(IV), t.registerComponentView(TV) })), Im((function (t) { t.registerComponentModel(DV), t.registerComponentView(OV), t.registerSubTypeDefaulter("timeline", (function () { return "slider" })), function (t) { t.registerAction({ type: "timelineChange", event: "timelineChanged", update: "prepareAndUpdate" }, (function (t, e, n) { var i = e.getComponent("timeline"); return i && null != t.currentIndex && (i.setCurrentIndex(t.currentIndex), !i.get("loop", !0) && i.isIndexMax() && i.getPlayState() && (i.setPlayState(!1), n.dispatchAction({ type: "timelinePlayChange", playState: !1, from: t.from }))), e.resetOption("timeline", { replaceMerge: i.get("replaceMerge", !0) }), k({ currentIndex: i.option.currentIndex }, t) })), t.registerAction({ type: "timelinePlayChange", event: "timelinePlayChanged", update: "update" }, (function (t, e) { var n = e.getComponent("timeline"); n && null != t.playState && n.setPlayState(t.playState) })) }(t), t.registerPreprocessor(EV) })), Im((function (t) { t.registerComponentModel(HV), t.registerComponentView(eB), t.registerPreprocessor((function (t) { BV(t.series, "markPoint") && (t.markPoint = t.markPoint || {}) })) })), Im((function (t) { t.registerComponentModel(nB), t.registerComponentView(uB), t.registerPreprocessor((function (t) { BV(t.series, "markLine") && (t.markLine = t.markLine || {}) })) })), Im((function (t) { t.registerComponentModel(hB), t.registerComponentView(mB), t.registerPreprocessor((function (t) { BV(t.series, "markArea") && (t.markArea = t.markArea || {}) })) })), Im((function (t) { Im(kB), Im(zB) })), Im((function (t) { Im(qB), Im(rF) })), Im(qB), Im(rF), Im((function (t) { Im(VF), Im(HF) })), Im(VF), Im(HF), Im((function (t) { t.registerPreprocessor(jF), t.registerVisual(t.PRIORITY.VISUAL.ARIA, ZF) })), Im((function (t) { t.registerTransform(aG), t.registerTransform(sG) })), Im((function (t) { t.registerComponentModel(lG), t.registerComponentView(uG) })), Im((function (t) { t.registerUpdateLifecycle("series:beforeupdate", (function (t, e, n) { E(yo(n.seriesTransition), (function (t) { E(yo(t.to), (function (t) { for (var e = n.updatedSeries, i = 0; i < e.length; i++)(null != t.seriesIndex && t.seriesIndex === e[i].seriesIndex || null != t.seriesId && t.seriesId === e[i].id) && (e[i].__universalTransitionEnabled = !0) })) })) })), t.registerUpdateLifecycle("series:transition", (function (t, e, n) { var i = YG(e); if (i.oldSeries && n.updatedSeries && n.optionChanged) { var r = n.seriesTransition; if (r) E(yo(r), (function (t) { !function (t, e, n, i) { var r = [], o = []; E(yo(t.from), (function (t) { var n = tW(e.oldSeries, t); n >= 0 && r.push({ data: e.oldData[n], divide: QG(e.oldData[n]), dim: t.dimension }) })), E(yo(t.to), (function (t) { var e = tW(n.updatedSeries, t); if (e >= 0) { var i = n.updatedSeries[e].getData(); o.push({ data: i, divide: QG(i), dim: t.dimension }) } })), r.length > 0 && o.length > 0 && KG(r, o, i) }(t, i, n, e) })); else { var o = function (t, e) { var n = ft(), i = ft(), r = ft(); return E(t.oldSeries, (function (e, n) { var o = t.oldData[n], a = $G(e), s = JG(a); i.set(s, o), Y(a) && E(a, (function (t) { r.set(t, { data: o, key: s }) })) })), E(e.updatedSeries, (function (t) { if (t.isUniversalTransitionEnabled() && t.isAnimationEnabled()) { var e = t.getData(), o = $G(t), a = JG(o), s = i.get(a); if (s) n.set(a, { oldSeries: [{ divide: QG(s), data: s }], newSeries: [{ divide: QG(e), data: e }] }); else if (Y(o)) { var l = []; E(o, (function (t) { var e = i.get(t); e && l.push({ divide: QG(e), data: e }) })), l.length && n.set(a, { oldSeries: l, newSeries: [{ data: e, divide: QG(e) }] }) } else { var u = r.get(o); if (u) { var h = n.get(u.key); h || (h = { oldSeries: [{ data: u.data, divide: QG(u.data) }], newSeries: [] }, n.set(u.key, h)), h.newSeries.push({ data: e, divide: QG(e) }) } } } })), n }(i, n); E(o.keys(), (function (t) { var n = o.get(t); KG(n.oldSeries, n.newSeries, e) })) } E(n.updatedSeries, (function (t) { t.__universalTransitionEnabled && (t.__universalTransitionEnabled = !1) })) } for (var a = t.getSeries(), s = i.oldSeries = [], l = i.oldData = [], u = 0; u < a.length; u++) { var h = a[u].getData(); h.count() < 1e4 && (s.push(a[u]), l.push(h)) } })) })), Im((function (t) { t.registerUpdateLifecycle("series:beforeupdate", (function (t, e, n) { var i = Lb(e).labelManager; i || (i = Lb(e).labelManager = new kb), i.clearLabels() })), t.registerUpdateLifecycle("series:layoutlabels", (function (t, e, n) { var i = Lb(e).labelManager; n.updatedSeries.forEach((function (t) { i.addLabelsOfSeries(e.getViewOfSeriesModel(t)) })), i.updateLayoutConfig(e), i.layout(e), i.processLabelsOverall() })) })), t.Axis = X_, t.ChartView = wg, t.ComponentModel = Ap, t.ComponentView = mg, t.List = Jm, t.Model = xc, t.PRIORITY = vv, t.SeriesModel = hg, t.color = ii, t.connect = function (t) { if (Y(t)) { var e = t; t = null, E(e, (function (e) { null != e.group && (t = e.group) })), t = t || "g_" + im++, E(e, (function (e) { e.group = t })) } return em[t] = !0, t }, t.dataTool = {}, t.dependencies = { zrender: "5.4.0" }, t.disConnect = om, t.disconnect = am, t.dispose = function (t) { X(t) ? t = tm[t] : t instanceof Hv || (t = sm(t)), t instanceof Hv && !t.isDisposed() && t.dispose() }, t.env = r, t.extendChartView = function (t) { var e = wg.extend(t); return wg.registerClass(e), e }, t.extendComponentModel = function (t) { var e = Ap.extend(t); return Ap.registerClass(e), e }, t.extendComponentView = function (t) { var e = mg.extend(t); return mg.registerClass(e), e }, t.extendSeriesModel = function (t) { var e = hg.extend(t); return hg.registerClass(e), e }, t.format = R_, t.getCoordinateSystemDimensions = function (t) { var e = dd.get(t); if (e) return e.getDimensionsInfo ? e.getDimensionsInfo() : e.dimensions.slice() }, t.getInstanceByDom = sm, t.getInstanceById = function (t) { return tm[t] }, t.getMap = function (t) { var e = dv("getMap"); return e && e(t) }, t.graphic = O_, t.helper = v_, t.init = function (t, e, n) { var i = !(n && n.ssr); if (i) { 0; var r = sm(t); if (r) return r; 0 } var o = new Hv(t, e, n); return o.id = "ec_" + nm++, tm[o.id] = o, i && No(t, rm, o.id), Vv(o), cv.trigger("afterinit", o), o }, t.innerDrawElementOnCanvas = nv, t.matrix = Me, t.number = L_, t.parseGeoJSON = k_, t.parseGeoJson = k_, t.registerAction = fm, t.registerCoordinateSystem = gm, t.registerLayout = ym, t.registerLoading = _m, t.registerLocale = Ac, t.registerMap = bm, t.registerPostInit = cm, t.registerPostUpdate = pm, t.registerPreprocessor = um, t.registerProcessor = hm, t.registerTheme = lm, t.registerTransform = wm, t.registerUpdateLifecycle = dm, t.registerVisual = vm, t.setCanvasCreator = function (t) { c({ createCanvas: t }) }, t.setPlatformAPI = c, t.throttle = Lg, t.time = P_, t.use = Im, t.util = N_, t.vector = Ht, t.version = "5.4.0", t.zrUtil = bt, t.zrender = Vr, Object.defineProperty(t, "__esModule", { value: !0 })
}));
  </script>
</head>

<body>
  <div id="main" />
</body>

</html>


================================================
FILE: packages/react-native-echarts/src/utils/builder.ts
================================================
export const formatString = (str?: string): string => {
  if (!str) return '';
  return str
    .replace(/(\w+:)|(\w+ :)/g, s => {
      return `"${s.substring(0, s.length - 1)}":`;
    })
    .replace(/\\"/g, "'")
    .replace(/"function (\w+)\((.*)\) ?\{([\n\s\S]*?)\}"/g, (_, a, b, c) => {
      return `function ${a}(${b}){${formatString(c)}}`;
    });
};

export type EchartsInitOptions = {
  devicePixelRatio?: number;
  renderer?: 'canvas' | 'svg';
  locale?: 'ZH' | 'EN';
  useDirtyRect?: boolean;
};

export const buildEcharts = (backgroundColor: string, echartsInitOptions: EchartsInitOptions) => {
  return `
    function setBackgroundColor(color) {
      document.getElementById('main').style.backgroundColor = color;
    }

    function sendCallbackData(uuid, data) {
      window.ReactNativeWebView.postMessage(JSON.stringify({"types":"CALLBACK", "uuid": uuid, "payload": data}));
    }

    function parse (data) {
      return JSON.parse(data, function (key, value) {
        if (value
          && typeof value === "string"
          && value.substr(0,8) === "function"
        ) {
          var startBody = value.indexOf('{') + 1;
          var endBody = value.lastIndexOf('}');
          var startArgs = value.indexOf('(') + 1;
          var endArgs = value.indexOf(')');

          return new Function(value.substring(startArgs, endArgs), value.substring(startBody, endBody));
        }
        return value;
      });
    }

    window.onresize = function() {
      chart.resize();
    };

    function processMessage(e) {
      var req = parse(e.data);

      switch(req.types) {
        case "SET_OPTION":
          chart.setOption(eval('(req.payload.option)'), req.payload.notMerge, req.payload.lazyUpdate);
          break;

        case "CLEAR":
          chart.clear();
          break;

        case "SET_BACKGROUND_COLOR":
          setBackgroundColor(req.color);
          break;

        case "GET_OPTION":
          var option = chart.getOption();
          var data = {};

          if(req.properties !== undefined) {
            req.properties.forEach(function (prop) {
              data[prop] = option[prop];
            });
          } else {
            var data = {
              option: option
            };
          }
          sendCallbackData(req.uuid, data);
          break;

        default:
          break;
      }
    }

    window.document.addEventListener('message', function(e) {
      processMessage(e);
    });

    window.addEventListener('message', function(e) {
      processMessage(e);
    });

    var chart = echarts.init(document.getElementById('main'), undefined, ${JSON.stringify(echartsInitOptions)});
    setBackgroundColor("${backgroundColor}");
    true;
  `;
};


================================================
FILE: packages/react-native-echarts/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-echarts/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-image-picker/CHANGELOG.md
================================================
# @td-design/react-native-image-picker

## 1.8.1

### Patch Changes

- [#928](https://github.com/thundersdata-frontend/td-design/pull/928) [`d035cb837`](https://github.com/thundersdata-frontend/td-design/commit/d035cb837371dfc32fe7fe8105bead76195c93af) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 优化弹窗类组件的显示方式

## 1.8.0

### Minor Changes

- [#855](https://github.com/thundersdata-frontend/td-design/pull/855) [`5707f6852`](https://github.com/thundersdata-frontend/td-design/commit/5707f6852ca6dd4d1c425aebb0c06841227154c4) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复授权弹窗的bug

## 1.7.3

### Patch Changes

- [#821](https://github.com/thundersdata-frontend/td-design/pull/821) [`a8e2b30ce`](https://github.com/thundersdata-frontend/td-design/commit/a8e2b30ce3a34ab1404a6b741073487857d5e9c6) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修改File类型定义

## 1.7.2

### Patch Changes

- [#783](https://github.com/thundersdata-frontend/td-design/pull/783) [`839433baf`](https://github.com/thundersdata-frontend/td-design/commit/839433bafc549c82067b308cff3dd29dfb616d76) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复 loading 图标定位 bug

## 1.7.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 1.7.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 1.6.8

### Patch Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`469b748a3`](https://github.com/thundersdata-frontend/td-design/commit/469b748a33b288afc288be969a193eae0e2f6d13) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件同时为一些组件补充 activeOpacity 属性

## 1.6.7

### Patch Changes

- [#675](https://github.com/thundersdata-frontend/td-design/pull/675) [`fd54834e7`](https://github.com/thundersdata-frontend/td-design/commit/fd54834e790a51054aa3b6d53857ba73f126d0d4) Thanks [@chen929104](https://github.com/chen929104)! - 修改预览图片 resizeMode 为 cover 时显示不全的问题

## 1.6.6

### Patch Changes

- [#660](https://github.com/thundersdata-frontend/td-design/pull/660) [`94e1422ba`](https://github.com/thundersdata-frontend/td-design/commit/94e1422babc364a236695e12a80718336a039e70) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 修复 Modal 的几个方法在关闭后 Portal 没有被销毁的问题 2. 优化 ImagePicker 两个方法的写法 3. 修复 ActionSheet 的一些问题

## 1.6.5

### Patch Changes

- [#625](https://github.com/thundersdata-frontend/td-design/pull/625) [`5efa85848`](https://github.com/thundersdata-frontend/td-design/commit/5efa858485f78542b293404baa504e11182830bb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 useTheme 引入路径不正确导致报错的问题

## 1.6.4

### Patch Changes

- [#589](https://github.com/thundersdata-frontend/td-design/pull/589) [`6bd906307`](https://github.com/thundersdata-frontend/td-design/commit/6bd90630781c3769af64ab0983f8d050daca6c0c) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复 useUpdateEffect 第一次不会执行的问题

## 1.6.3

### Patch Changes

- [`4efbfc3c0`](https://github.com/thundersdata-frontend/td-design/commit/4efbfc3c0584e02326258ee01d62627c5f34525b) - 修复 TS 类型报错


================================================
FILE: packages/react-native-image-picker/package.json
================================================
{
  "name": "@td-design/react-native-image-picker",
  "version": "1.8.1",
  "description": "基于 @td-design/react-native 的 image-picker 组件",
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "license": "Apache-2.0",
  "author": "thundersdata-frontend",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "@types/react": "^18.2.15",
    "@types/react-native": "0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-image-picker": "^5.6.0",
    "typescript": "^5.1.6"
  },
  "publishConfig": {
    "access": "public",
    "registry": "https://registry.npmjs.org/"
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61",
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}


================================================
FILE: packages/react-native-image-picker/src/index.md
================================================
---
title: ImagePicker - 图片选择组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 图片选择组件
  path: /image-picker
---

# ImagePicker 图片选择组件

使用本组件需要单独安装：**yarn add @td-design/react-native-image-picker react-native-image-picker**

该组件依赖[react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)

## 效果演示

### 1. 简单用法

```tsx | pure
import { helpers, Image } from '@td-design/react-native';
import ImagePicker from '@td-design/react-native-image-picker';

const { px } = helpers;

const APP = () => {
  return (
    <ImagePicker onGrantFail={() => Toast.bottom({ content: '对不起，授权失败' })} onUpload={file => file.uri}>
      <Image source={require('./assets/img-add-complete.webp')} style={{ width: px(100), height: px(100) }} />
    </ImagePicker>
  );
};
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1673597570320504020.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 自定义上传文字和图标

```tsx | pure
import { Box, helpers, Image, Text, Toast } from '@td-design/react-native';
import ImagePicker from '@td-design/react-native-image-picker';

const { px } = helpers;

const APP = () => {
  return (
    <ImagePicker onGrantFail={() => Toast.bottom({ content: '对不起，授权失败' })} onUpload={file => file.uri}>
      <Box
        justifyContent="center"
        alignItems="center"
        width={100}
        height={100}
        borderWidth={1}
        borderColor="border"
        borderStyle="dashed"
        borderRadius="x1"
      >
        <Image source={require('./assets/img-add.webp')} style={{ width: px(44), height: px(44) }} />
        <Text variant="p3" color="gray300" marginTop="x1">
          上传图片
        </Text>
      </Box>
    </ImagePicker>
  );
};
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1673596506190144658.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| width | `false` | 宽度 | `number` | `100` |
| height | `false` | 高度 | `number` | `100` |
| value | `false` | 当前选择的图片 uri | `string` |  |
| options | `false` | 其他图片自定义配置 | `CameraOptions` |  |
| showUploadImg | `false` | 上传图片后是否在背景图展示 | `boolean` | `true` |
| onBeforeUpload | `false` | 上传文件之前的钩子 | `(file: File) => boolean \| Promise<boolean>` |  |
| onUpload | `false` | 上传 | `(file: File) => Promise<string>` |  |
| onAfterUpload | `false` | 上传完成 | `(result?: string) => void` |  |
| onCancel | `false` | 取消上传事件回调 | `(response: ImagePickerResponse) => void` |  |
| onFail | `false` | 上传失败事件回调 | `(response: ImagePickerResponse) => void` |  |
| onGrantFail | `false` | 授权失败的回调 | `() => void` |  |
| libraryRationale | `false` | 打开相册授权的文本 | `Rationale` |  |
| cameraRationale | `false` | 打开摄像头授权的文本 | `Rationale` |  |
| launchLibraryText | `false` | 打开相册文本 | `string` | `打开相册` |
| launchCameraText | `false` | 打开摄像头文本 | `string` | `打开摄像头` |
| previewImgText | `false` | 预览图片文本 | `string` | `预览图片` |
| deleteImgText | `false` | 删除图片文本 | `string` | `删除图片` |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |

_`CameraOptions`来自 [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)_

```ts
export interface File {
  fileName: string;
  fileType: string;
  uri: string;
  fileSize?: number;
}
```


================================================
FILE: packages/react-native-image-picker/src/index.tsx
================================================
import React, { forwardRef, useImperativeHandle } from 'react';
import { Image } from 'react-native';
import { CameraOptions } from 'react-native-image-picker';

import { Box, helpers, Indicator, Pressable, Theme, useTheme } from '@td-design/react-native';

import { ImagePickerProps, ImagePickerRef } from './type';
import useImagePicker from './useImagePicker';

const { px, ONE_PIXEL } = helpers;
const { UIActivityIndicator } = Indicator;

const cameraOptions: CameraOptions = {
  mediaType: 'photo',
  includeBase64: true,
  quality: 1,
  saveToPhotos: false,
  durationLimit: 15,
};

const ImagePicker = forwardRef<ImagePickerRef, ImagePickerProps>(
  (
    {
      value,
      width = px(100),
      height = px(100),
      options = cameraOptions,
      showUploadImg = true,
      launchLibraryText = '打开相册',
      launchCameraText = '打开摄像头',
      children,
      onBeforeUpload,
      onUpload,
      onAfterUpload,
      onCancel,
      onFail,
      onGrantFail,
      activeOpacity = 0.6,
    },
    ref
  ) => {
    const theme = useTheme<Theme>();

    const { currentImgSource, loading, handlePress } = useImagePicker({
      value,
      showUploadImg,
      options,
      onBeforeUpload,
      onUpload,
      onAfterUpload,
      onCancel,
      onFail,
      onGrantFail,
      launchLibraryText,
      launchCameraText,
    });

    useImperativeHandle(ref, () => ({}));

    return (
      <Box>
        <Pressable
          activeOpacity={activeOpacity}
          onPress={handlePress}
          disabled={loading}
          style={{ justifyContent: 'center', alignItems: 'flex-start', width, height }}
        >
          {!!currentImgSource ? (
            <Image
              source={{ uri: currentImgSource }}
              style={{
                width,
                height,
              }}
            />
          ) : (
            children
          )}
        </Pressable>
        {loading && (
          <Box
            width={width}
            height={height}
            borderWidth={ONE_PIXEL}
            borderColor="border"
            borderRadius="x1"
            justifyContent="center"
            alignItems="center"
            backgroundColor="mask"
            position="absolute"
            top={0}
            left={0}
          >
            <UIActivityIndicator size={px(24)} color={theme.colors.primary200} />
          </Box>
        )}
      </Box>
    );
  }
);

export default ImagePicker;


================================================
FILE: packages/react-native-image-picker/src/type.ts
================================================
import { PropsWithChildren } from 'react';
import { Rationale } from 'react-native';
import { CameraOptions, ImagePickerResponse } from 'react-native-image-picker';

import type { File } from '@td-design/react-native';

export interface ImagePickerRef {}

export type ImagePickerProps = PropsWithChildren<{
  /** 宽度 */
  width?: number;
  /** 高度 */
  height?: number;
  /** 当前选择的图片uri */
  value?: string;
  /** 其他图片自定义配置,详细参考react-native-image-picker的option配置 */
  options?: CameraOptions;
  /** 上传图片后是否在背景图展示，如果为 true 上传后会自动展示上传图片(此时只能上传一张) */
  showUploadImg?: boolean;
  /** 上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传,同时可以在里面执行一些上传提示操作 */
  onBeforeUpload?: ((file: File) => boolean) | ((file: File) => Promise<boolean>);
  /** 上传 */
  onUpload?: (file: File) => Promise<string>;
  /** 上传结束后 */
  onAfterUpload?: (result?: string) => void;
  /** 取消选择图片 */
  onCancel?: (response: ImagePickerResponse) => void;
  /** 选择图片失败 */
  onFail?: (response: ImagePickerResponse) => void;
  /** 授权失败 */
  onGrantFail?: () => void;
  /** 打开相册授权的文本 */
  libraryRationale?: Rationale;
  /** 打开摄像头授权的文本 */
  cameraRationale?: Rationale;
  /** 打开相册文本 */
  launchLibraryText?: string;
  /** 打开摄像头文本 */
  launchCameraText?: string;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}>;

export type HookProps = Pick<
  ImagePickerProps,
  | 'value'
  | 'onBeforeUpload'
  | 'onUpload'
  | 'onAfterUpload'
  | 'onCancel'
  | 'onFail'
  | 'onGrantFail'
  | 'launchLibraryText'
  | 'launchCameraText'
> &
  Required<Pick<ImagePickerProps, 'options' | 'showUploadImg'>>;


================================================
FILE: packages/react-native-image-picker/src/useImagePicker.ts
================================================
import { useEffect } from 'react';
import { Keyboard, PermissionsAndroid, Platform } from 'react-native';
import { ImagePickerResponse, launchImageLibrary, launchCamera as launchRNCamera } from 'react-native-image-picker';

import { ActionSheet } from '@td-design/react-native';
import type { File } from '@td-design/react-native';
import { useSafeState } from '@td-design/rn-hooks';

import { HookProps } from './type';

function getSource(value?: string) {
  if (value && (value.startsWith('http') || value.startsWith('file:'))) {
    return value;
  }
  return undefined;
}

export default function useImagePicker({
  value,
  options,
  showUploadImg,
  onBeforeUpload,
  onUpload,
  onAfterUpload,
  onCancel,
  onFail,
  onGrantFail,
  launchLibraryText,
  launchCameraText,
}: HookProps) {
  const [currentImgSource, setCurrentImgSource] = useSafeState<string | undefined>(getSource(value));
  const [loading, setLoading] = useSafeState(false);

  useEffect(() => {
    const source = getSource(value);
    if (showUploadImg) {
      setCurrentImgSource(source);
    }
  }, [value, showUploadImg]);

  /** 打开相册 */
  const launchLibrary = async () => {
    const response = await launchImageLibrary(options);
    handleCallback(response);
  };

  /** 打开摄像头 */
  const launchCamera = async () => {
    if (Platform.OS === 'android') {
      const result = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.CAMERA);
      if (result !== 'granted') {
        onGrantFail?.();
        return;
      }
    }
    const response = await launchRNCamera(options);
    handleCallback(response);
  };

  /** 打开相册或者摄像头的回调函数 */
  const handleCallback = async (response: ImagePickerResponse) => {
    if (response.didCancel) {
      // 用户取消上传 回调
      onCancel?.(response);
    } else if (response.errorCode) {
      // 上传失败 回调
      onFail?.(response);
    }

    if (!response.assets || response.assets.length === 0) return;

    const file: File = {
      fileName: response.assets[0].fileName!,
      fileType: response.assets[0].type!,
      uri: response.assets[0].uri!,
      fileSize: response.assets[0].fileSize!,
    };
    // 执行上传前的操作及判断
    if (onBeforeUpload) {
      const result = await onBeforeUpload(file);
      if (!result) {
        return;
      }
    }
    setLoading(true);
    const result = await onUpload?.(file);
    setLoading(false);
    onAfterUpload?.(result);
    if (result && showUploadImg) {
      setCurrentImgSource(result);
    }
  };

  const handlePress = () => {
    Keyboard.dismiss();
    ActionSheet.show({
      items: [
        { text: launchLibraryText!, onPress: launchLibrary },
        { text: launchCameraText!, onPress: launchCamera },
      ],
    });
  };

  return {
    currentImgSource,
    loading,
    handlePress,
  };
}


================================================
FILE: packages/react-native-image-picker/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-image-picker/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-password/CHANGELOG.md
================================================
# @td-design/react-native-password

## 2.5.4

### Patch Changes

- [#825](https://github.com/thundersdata-frontend/td-design/pull/825) [`08ae08cd5`](https://github.com/thundersdata-frontend/td-design/commit/08ae08cd56a6510983b9fa5f4566569fea08ff05) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 不直接暴露PasswordModal,提供showPasswordModal方法

## 2.5.3

### Patch Changes

- [#823](https://github.com/thundersdata-frontend/td-design/pull/823) [`655fbe2eb`](https://github.com/thundersdata-frontend/td-design/commit/655fbe2ebdb3fe73b5ce632da766d0b06b817a4d) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复PasswordModal的bug

## 2.5.2

### Patch Changes

- [#821](https://github.com/thundersdata-frontend/td-design/pull/821) [`a8e2b30ce`](https://github.com/thundersdata-frontend/td-design/commit/a8e2b30ce3a34ab1404a6b741073487857d5e9c6) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 删除Password组件多余的Object.assign

## 2.5.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 2.5.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 2.4.2

### Patch Changes

- [#679](https://github.com/thundersdata-frontend/td-design/pull/679) [`2882dd79d`](https://github.com/thundersdata-frontend/td-design/commit/2882dd79d2589d6871ed388c18cbbfc8c56b220d) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件 border 显示问题

## 2.4.1

### Patch Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`469b748a3`](https://github.com/thundersdata-frontend/td-design/commit/469b748a33b288afc288be969a193eae0e2f6d13) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件同时为一些组件补充 activeOpacity 属性

## 2.4.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 2.3.2

### Patch Changes

- [#625](https://github.com/thundersdata-frontend/td-design/pull/625) [`5efa85848`](https://github.com/thundersdata-frontend/td-design/commit/5efa858485f78542b293404baa504e11182830bb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 useTheme 引入路径不正确导致报错的问题

## 2.3.1

### Patch Changes

- [#611](https://github.com/thundersdata-frontend/td-design/pull/611) [`0e334a77e`](https://github.com/thundersdata-frontend/td-design/commit/0e334a77e7cbf25a446f962e90d8645f5dfafa4b) Thanks [@chj-damon](https://github.com/chj-damon)! - 防御性修改防止 RN 对&&的判断问题

## 2.3.0

### Minor Changes

- [`fddce8944`](https://github.com/thundersdata-frontend/td-design/commit/fddce89444ff649bd9c086cd75a9d351a847dd70) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 import 包导致的报错

## 2.2.3

### Patch Changes

- [#531](https://github.com/thundersdata-frontend/td-design/pull/531) [`8b837c8ae`](https://github.com/thundersdata-frontend/td-design/commit/8b837c8aeb2133b74f2f168077d7ebe2edabe652) Thanks [@qqack](https://github.com/qqack)! - fix: 暗黑模式下的样式优化


================================================
FILE: packages/react-native-password/package.json
================================================
{
  "name": "@td-design/react-native-password",
  "version": "2.5.4",
  "description": "基于 @td-design/react-native 的 password 组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61"
}


================================================
FILE: packages/react-native-password/src/Password.tsx
================================================
import React, { forwardRef } from 'react';
import { Keyboard } from 'react-native';

import {
  Box,
  Flex,
  helpers,
  Modal,
  NumberKeyboardView,
  Pressable,
  SvgIcon,
  Theme,
  useTheme,
} from '@td-design/react-native';

import usePassword, { PasswordProps } from './usePassword';

const { px, ONE_PIXEL } = helpers;

export interface PasswordInputRef {
  show: () => void;
  hide: () => void;
  clear: () => void;
}

const Password = forwardRef<PasswordInputRef, PasswordProps>(
  ({ length = 6, onDone, clean = true, onChange, showCursor = false, activeOpacity = 0.6 }, ref) => {
    const theme = useTheme<Theme>();
    const {
      show,
      hide,
      clear,
      password,
      itemWidth,
      handleLayout,
      combineText,
      visible,
      handleSubmit,
      handleDelete,
      setFalse,
    } = usePassword({
      clean,
      length,
      onDone,
      onChange,
    });

    React.useImperativeHandle(ref, () => {
      return {
        show: show,
        hide: hide,
        clear: clear,
      };
    });

    /** 密码框的render */
    const passwordItems: React.ReactNode[] = [...Array(length)].map((_, i) => {
      let borderRightWidth = ONE_PIXEL;
      if (i === length - 1) {
        borderRightWidth = 0;
      }
      return (
        <Box
          key={i}
          width={itemWidth}
          height={itemWidth}
          justifyContent="center"
          alignItems="center"
          borderRightWidth={borderRightWidth}
          borderColor="border"
        >
          {password.length === i && visible && showCursor ? (
            <Box width={1} height={itemWidth / 3} backgroundColor={'primary200'} />
          ) : (
            <Box
              width={theme.spacing.x3}
              height={theme.spacing.x3}
              borderRadius="x3"
              backgroundColor="gray500"
              opacity={password.length > i ? 1 : 0}
            />
          )}
        </Box>
      );
    });

    return (
      <Box onLayout={handleLayout}>
        <Pressable onPress={show} activeOpacity={activeOpacity}>
          <Flex borderWidth={ONE_PIXEL} borderColor="border" borderRadius="x1">
            {passwordItems}
          </Flex>
        </Pressable>
        <Modal visible={visible} maskClosable={true} position="bottom" onClose={setFalse}>
          <Flex justifyContent="center" alignItems="center" height={px(48)}>
            <Pressable
              onPress={() => {
                Keyboard.dismiss();
                setFalse();
              }}
              activeOpacity={activeOpacity}
            >
              <SvgIcon name="down" size={px(24)} color={theme.colors.icon} />
            </Pressable>
          </Flex>
          <NumberKeyboardView onPress={combineText} onDelete={handleDelete} onSubmit={handleSubmit} type="integer" />
        </Modal>
      </Box>
    );
  }
);

export default Password;


================================================
FILE: packages/react-native-password/src/PasswordModal.tsx
================================================
import React, { FC } from 'react';

import {
  Box,
  Flex,
  helpers,
  Modal,
  NumberKeyboardView,
  Text,
  Theme,
  useTheme,
  WhiteSpace,
} from '@td-design/react-native';

import usePasswordModal from './usePasswordModal';

const { ONE_PIXEL } = helpers;

export interface PasswordModalProps {
  /** 提交事件 */
  onDone?: (password: string) => void;
  /** 密码长度 */
  length?: number;
  /** 密码框标题 */
  title?: string;
  /** 是否显示光标 */
  showCursor?: boolean;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}
const PasswordModal: FC<
  PasswordModalProps & {
    onAnimationEnd?: (visible: boolean) => void;
  }
> = ({ length = 6, activeOpacity = 0.6, onDone, title, showCursor = false, onAnimationEnd }) => {
  const theme = useTheme<Theme>();
  const { password, visible, setFalse, itemWidth, handleLayout, combineText, handleSubmit, handleDelete } =
    usePasswordModal({
      length,
      onDone,
    });

  /** 密码框的render */
  const passwordItems: React.ReactNode[] = [...Array(length)].map((_, i) => {
    let borderRightWidth = ONE_PIXEL;
    if (i === length - 1) {
      borderRightWidth = 0;
    }
    return (
      <Box
        key={i}
        width={itemWidth}
        height={itemWidth}
        justifyContent="center"
        alignItems="center"
        borderRightWidth={borderRightWidth}
        borderColor="border"
      >
        {password.length === i && visible && showCursor ? (
          <Box width={1} height={itemWidth / 3} backgroundColor={'primary200'} />
        ) : (
          <Box
            width={theme.spacing.x3}
            height={theme.spacing.x3}
            borderRadius="x3"
            backgroundColor="gray500"
            opacity={password.length > i ? 1 : 0}
          />
        )}
      </Box>
    );
  });

  return (
    <Modal visible={visible} maskClosable={true} position="bottom" onClose={setFalse} onAnimationEnd={onAnimationEnd}>
      <Box>
        {!!title && (
          <>
            <WhiteSpace />
            <Text variant="p0" color="text" textAlign="center">
              {title}
            </Text>
          </>
        )}
        <WhiteSpace />
        <Flex
          marginHorizontal="x2"
          borderWidth={ONE_PIXEL}
          borderColor="border"
          borderRadius="x1"
          onLayout={handleLayout}
        >
          {passwordItems}
        </Flex>
      </Box>
      <WhiteSpace />
      <NumberKeyboardView
        onPress={combineText}
        onDelete={handleDelete}
        onSubmit={handleSubmit}
        type="integer"
        activeOpacity={activeOpacity}
      />
    </Modal>
  );
};

export default PasswordModal;


================================================
FILE: packages/react-native-password/src/index.md
================================================
---
title: Password - 密码框组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 密码框组件
  path: /password
---

# Password 密码框组件

使用本组件需要单独安装：**yarn add @td-design/react-native-password**

## 效果演示

### 1. 基本

```tsx | pure
  <Text>基本:</Text>
  <WhiteSpace />
  <Password onDone={onDone} />
```

<center>
  <figure>
    <img
      alt="密码框组件 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608963546617636014.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 显示光标

```tsx | pure
  <Text>显示光标:</Text>
  <WhiteSpace />
  <Password onDone={onDone} showCursor />
```

<center>
  <figure>
    <img
      alt="显示光标 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608963546603881375.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 基本弹窗

```tsx | pure
  <Text>弹窗:</Text>
  <WhiteSpace />
  <Button
    title="modal"
    onPress={() => {
      showPasswordModal({ title: '仿支付宝支付', onDone: onDone });
    }}
  />
```

<center>
  <figure>
    <img
      alt="基本弹窗 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608963546615332497.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 弹窗显示光标

```tsx | pure
  <Text>弹窗显示光标:</Text>
  <WhiteSpace />
  <Button
    title="modal"
    onPress={() => {
      showPasswordModal({ title: '仿支付宝支付', onDone: onDone, showCursor: true });
    }}
  />
```

<center>
  <figure>
    <img
      alt="弹窗显示光标 ios"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608963548250977751.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Password 组件

| 属性          | 必填    | 说明                 | 类型                         | 默认值  |
| ------------- | ------- | -------------------- | ---------------------------- | ------- |
| length        | `false` | 密码框长度           | `number`                     | `6`     |
| onDone        | `false` | 按键完成事件回调事件 | `(password: string) => void` |         |
| clean         | `false` | 是否清除             | `boolean`                    | `true`  |
| onChange      | `false` | 密码改变事件回调事件 | `(password: string) => void` |         |
| showCursor    | `false` | 是否显示光标         | `boolean`                    | `false` |
| activeOpacity | `false` | 按下时的不透明度     | `number`                     | `0.6`   |

### PasswordInputRef

| 属性  | 说明              | 类型         |
| ----- | ----------------- | ------------ |
| show  | 显示键盘          | `() => void` |
| hide  | 隐藏键盘          | `() => void` |
| clean | 清除 imput 的输入 | `() => void` |

### PasswordModal 组件

| 属性          | 必填    | 说明             | 类型                         | 默认值  |
| ------------- | ------- | ---------------- | ---------------------------- | ------- |
| title         | `false` | 密码框标题       | `string`                     |         |
| length        | `false` | 密码框长度       | `number`                     | `6`     |
| onDone        | `false` | 提交事件         | `(password: string) => void` |         |
| showCursor    | `false` | 是否显示光标     | `boolean`                    | `false` |
| activeOpacity | `false` | 按下时的不透明度 | `number`                     | `0.6`   |


================================================
FILE: packages/react-native-password/src/index.tsx
================================================
import React from 'react';

import { Portal } from '@td-design/react-native';

import { default as Password } from './Password';
import PasswordModal, { PasswordModalProps } from './PasswordModal';

function showPasswordModal(props: PasswordModalProps) {
  const key = Portal.add(
    <PasswordModal
      {...props}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
}

export { Password, showPasswordModal };


================================================
FILE: packages/react-native-password/src/usePassword.ts
================================================
import { LayoutChangeEvent } from 'react-native';

import { helpers } from '@td-design/react-native';
import { useBoolean, useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

const { deviceWidth } = helpers;
export interface PasswordProps {
  /** 密码框长度 */
  length?: number;
  /** 完成事件 */
  onDone?: (password: string) => void;
  /** 是否清除 */
  clean?: boolean;
  /** 密码改变 */
  onChange?: (password: string) => void;
  /** 是否显示光标 */
  showCursor?: boolean;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

export default function usePassword({
  clean = true,
  length = 6,
  onDone,
  onChange,
}: Pick<PasswordProps, 'clean' | 'length' | 'onDone' | 'onChange'>) {
  const [password, setPassword] = useSafeState('');
  const [visible, { setTrue, setFalse }] = useBoolean(false);

  const [width, setWidth] = useSafeState(deviceWidth);

  const handleLayout = (e: LayoutChangeEvent) => {
    setWidth(e.nativeEvent.layout.width);
  };

  const itemWidth = Math.floor(width / length);

  /** 显示键盘 */
  const show = () => {
    if (clean) {
      setPassword('');
    }
    setTrue();
  };

  /** 隐藏键盘 */
  const hide = () => {
    setFalse();
  };

  /** 键盘删除事件 */
  const handleDelete = () => {
    const nextPassword = password.substring(0, password.length - 1);
    setPassword(nextPassword);
    onChange?.(nextPassword);
  };

  /** 按键 */
  const combineText = (text: string | number) => {
    const nextPassword = password + text;
    if (nextPassword.length <= length) {
      setPassword(nextPassword);
      onChange?.(nextPassword);
      if (nextPassword.length === length) {
        onDone?.(nextPassword);
        hide();
      }
    }
  };

  /** 键盘提交事件 */
  const handleSubmit = () => {
    onDone?.(password);
    hide();
  };

  /** 清除密码 */
  const clear = () => {
    setPassword('');
  };

  return {
    password,
    show,
    clear,
    hide,
    visible,
    itemWidth,
    handleLayout: useMemoizedFn(handleLayout),
    setFalse: useMemoizedFn(setFalse),
    combineText: useMemoizedFn(combineText),
    handleSubmit: useMemoizedFn(handleSubmit),
    handleDelete: useMemoizedFn(handleDelete),
  };
}


================================================
FILE: packages/react-native-password/src/usePasswordModal.ts
================================================
import { LayoutChangeEvent } from 'react-native';

import { helpers } from '@td-design/react-native';
import { useBoolean, useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { PasswordModalProps } from './PasswordModal';

const { deviceWidth } = helpers;

export default function usePasswordModal({ length = 6, onDone }: Pick<PasswordModalProps, 'length' | 'onDone'>) {
  const [password, setPassword] = useSafeState('');
  const [visible, { setFalse }] = useBoolean(true);

  const [width, setWidth] = useSafeState(deviceWidth);

  const handleLayout = (e: LayoutChangeEvent) => {
    setWidth(e.nativeEvent.layout.width);
  };

  const itemWidth = Math.floor(width / length);

  /** 键盘删除事件 */
  const handleDelete = () => {
    const nextPassword = password.substring(0, password.length - 1);
    setPassword(nextPassword);
  };
  /** 按键 */
  const combineText = (text: string | number) => {
    const nextPassword = password + text;
    if (nextPassword.length <= length) {
      setPassword(nextPassword);
      if (nextPassword.length === length) {
        onDone?.(nextPassword);
        setFalse();
      }
    }
  };
  /** 键盘提交事件 */
  const handleSubmit = () => {
    onDone?.(password);
    setFalse();
  };

  return {
    password,
    visible,
    itemWidth,
    handleLayout: useMemoizedFn(handleLayout),
    setFalse: useMemoizedFn(setFalse),
    combineText: useMemoizedFn(combineText),
    handleSubmit: useMemoizedFn(handleSubmit),
    handleDelete: useMemoizedFn(handleDelete),
  };
}


================================================
FILE: packages/react-native-password/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false,
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-password/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-picker/CHANGELOG.md
================================================
# @td-design/react-native-picker

## 5.0.0

### Major Changes

- [#934](https://github.com/thundersdata-frontend/td-design/pull/934) [`a7f8412eb`](https://github.com/thundersdata-frontend/td-design/commit/a7f8412eb188f798953705307de2228893d19085) Thanks [@chj-damon](https://github.com/chj-damon)! - 重构picker模块

## 4.1.1

### Patch Changes

- [#928](https://github.com/thundersdata-frontend/td-design/pull/928) [`d035cb837`](https://github.com/thundersdata-frontend/td-design/commit/d035cb837371dfc32fe7fe8105bead76195c93af) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 优化弹窗类组件的显示方式

## 4.1.0

### Minor Changes

- [#921](https://github.com/thundersdata-frontend/td-design/pull/921) [`ea4ef3b4b`](https://github.com/thundersdata-frontend/td-design/commit/ea4ef3b4b004617e0233fc7e1c7dc1ea9d57c5d1) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化代码，删除一些无用的useEffect赋值

## 4.0.0

### Major Changes

- [#918](https://github.com/thundersdata-frontend/td-design/pull/918) [`bb2621507`](https://github.com/thundersdata-frontend/td-design/commit/bb262150749ba677a9cfd64111c11605e9e9d074) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 用Modal.show重写弹窗的打开方式

## 3.2.5

### Patch Changes

- [#915](https://github.com/thundersdata-frontend/td-design/pull/915) [`f5b4deb36`](https://github.com/thundersdata-frontend/td-design/commit/f5b4deb36b35bfd0ec5819d740f04775e301e0cc) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复日期组件的bug

## 3.2.4

### Patch Changes

- [#913](https://github.com/thundersdata-frontend/td-design/pull/913) [`0fb7dcad8`](https://github.com/thundersdata-frontend/td-design/commit/0fb7dcad8f0a3cc56bf08a6462d55a98f86f5d88) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复DatePicker的bug

## 3.2.3

### Patch Changes

- [#910](https://github.com/thundersdata-frontend/td-design/pull/910) [`e82f39542`](https://github.com/thundersdata-frontend/td-design/commit/e82f395426b20dc438b08679a4a292aaafaeb9e2) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复picker在取消后无法自动选择第一个选项的bug

## 3.2.2

### Patch Changes

- [#908](https://github.com/thundersdata-frontend/td-design/pull/908) [`e23a233cb`](https://github.com/thundersdata-frontend/td-design/commit/e23a233cb0a105d326042fe5e34f2ea62edd8ae4) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复有时候没有滚动到value对应的选项的bug

## 3.2.1

### Patch Changes

- [#904](https://github.com/thundersdata-frontend/td-design/pull/904) [`2e1c36022`](https://github.com/thundersdata-frontend/td-design/commit/2e1c3602295fc1c1433ea801315605c74ca55a04) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复删除日期后自动设置当前日期的bug

## 3.2.0

### Minor Changes

- [#902](https://github.com/thundersdata-frontend/td-design/pull/902) [`14d15a380`](https://github.com/thundersdata-frontend/td-design/commit/14d15a38093165dd4cae084fb15249af07ae5155) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复picker组件在安卓设备使用物理返回键时的bug

## 3.1.0

### Minor Changes

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 优化代码

### Patch Changes

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 优化代码性能

## 3.0.1

### Patch Changes

- [#890](https://github.com/thundersdata-frontend/td-design/pull/890) [`fe9a1ab9d`](https://github.com/thundersdata-frontend/td-design/commit/fe9a1ab9d4cb8133257138c2f6430194faf59af3) Thanks [@chj-damon](https://github.com/chj-damon)! - 删除 `react-native-redash`依赖优化`react-native-picker` 的`onChange`事件的参数类型问题

## 3.0.0

### Major Changes

- [#888](https://github.com/thundersdata-frontend/td-design/pull/888) [`0dded2b86`](https://github.com/thundersdata-frontend/td-design/commit/0dded2b86b90eed8eb48eec9981ac80d91d2e556) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 使用reanimated和gesture-handler重写滚动选择组件

## 2.7.1

### Patch Changes

- [#886](https://github.com/thundersdata-frontend/td-design/pull/886) [`41725ad19`](https://github.com/thundersdata-frontend/td-design/commit/41725ad19acd60590ac371dd0a54ba05e62ff002) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复日期区间选择组件在清除日期后的bug

## 2.7.0

### Minor Changes

- [#878](https://github.com/thundersdata-frontend/td-design/pull/878) [`3d5401aec`](https://github.com/thundersdata-frontend/td-design/commit/3d5401aecae37ee2e10bcac603d4471055c1e870) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复日期组件在mode='time'时的bug

## 2.6.0

### Minor Changes

- [#876](https://github.com/thundersdata-frontend/td-design/pull/876) [`1e0983390`](https://github.com/thundersdata-frontend/td-design/commit/1e0983390f4e27f09f1d6d3f89abdcb3a60debc8) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复快速滑动时的bug以及title过长时折行的bug

## 2.5.4

### Patch Changes

- [#871](https://github.com/thundersdata-frontend/td-design/pull/871) [`f559e98de`](https://github.com/thundersdata-frontend/td-design/commit/f559e98de39e90d132502862938391b64c71fd62) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复picker组件多列时值互相干扰的问题

## 2.5.3

### Patch Changes

- [#869](https://github.com/thundersdata-frontend/td-design/pull/869) [`05212f4b7`](https://github.com/thundersdata-frontend/td-design/commit/05212f4b7916ca8f48278adbe2872be390362a92) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复DatePeriodInput组件在label位置为top时的样式问题

## 2.5.2

### Patch Changes

- [#867](https://github.com/thundersdata-frontend/td-design/pull/867) [`12ef8c831`](https://github.com/thundersdata-frontend/td-design/commit/12ef8c8314790ac9e32aa68ae5e78939713dd334) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复picker组件在滑动时的选中bug

## 2.5.1

### Patch Changes

- [#853](https://github.com/thundersdata-frontend/td-design/pull/853) [`57f5fb6c9`](https://github.com/thundersdata-frontend/td-design/commit/57f5fb6c994dd79cff74d411da49d8eedb3bb3b2) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 缩小picker的scale,并配置文字的超出效果

## 2.5.0

### Minor Changes

- [#845](https://github.com/thundersdata-frontend/td-design/pull/845) [`a1ca23ae5`](https://github.com/thundersdata-frontend/td-design/commit/a1ca23ae51940f9fd06ec630852b46c5ceee3bed) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 优化picker组件的性能问题

## 2.4.3

### Patch Changes

- [#840](https://github.com/thundersdata-frontend/td-design/pull/840) [`3cce14f86`](https://github.com/thundersdata-frontend/td-design/commit/3cce14f860819bf53da3d5545ec77d866bbfa74a) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: picker组件支持自定义连接符（默认是,）

## 2.4.2

### Patch Changes

- [#810](https://github.com/thundersdata-frontend/td-design/pull/810) [`b541087a3`](https://github.com/thundersdata-frontend/td-design/commit/b541087a38439df39cd2bad436ab29d090d0f419) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 继续优化Input组件的样式问题

## 2.4.1

### Patch Changes

- [#805](https://github.com/thundersdata-frontend/td-design/pull/805) [`4344a1e18`](https://github.com/thundersdata-frontend/td-design/commit/4344a1e185a96cdf5fef7d1ab1bf3e4f08fb60b6) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Input相关组件在FormItem下的高度问题

## 2.4.0

### Minor Changes

- [#802](https://github.com/thundersdata-frontend/td-design/pull/802) [`e81ddb0ce`](https://github.com/thundersdata-frontend/td-design/commit/e81ddb0ceb6f5c692be12eec032b1ec5465b9199) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 全面优化组件在表单下使用时的样式

## 2.3.5

### Patch Changes

- [#790](https://github.com/thundersdata-frontend/td-design/pull/790) [`d0e2d71b3`](https://github.com/thundersdata-frontend/td-design/commit/d0e2d71b3267cd0dc733b479a75aab137f9b7f5b) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Picker 组件的 placeholder 跟 Input 组件的 placeholder 颜色不一致的问题

## 2.3.4

### Patch Changes

- [#783](https://github.com/thundersdata-frontend/td-design/pull/783) [`839433baf`](https://github.com/thundersdata-frontend/td-design/commit/839433bafc549c82067b308cff3dd29dfb616d76) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复在表单中使用时的样式问题

## 2.3.3

### Patch Changes

- [#747](https://github.com/thundersdata-frontend/td-design/pull/747) [`d91317db1`](https://github.com/thundersdata-frontend/td-design/commit/d91317db103dfe4ed8bd4531f5c170f3602b0429) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复一些bug

## 2.3.2

### Patch Changes

- [#722](https://github.com/thundersdata-frontend/td-design/pull/722) [`2b60004e7`](https://github.com/thundersdata-frontend/td-design/commit/2b60004e7fabcef3b6ae7346ba203e3f5ad710d5) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化选项滚动事件执行频次

## 2.3.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 2.3.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 2.2.1

### Patch Changes

- [#696](https://github.com/thundersdata-frontend/td-design/pull/696) [`9c03dda70`](https://github.com/thundersdata-frontend/td-design/commit/9c03dda70a896d25a22a1dabadff55721e17ce91) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 Picker 组件样式问题

## 2.2.0

### Minor Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`51d50f49a`](https://github.com/thundersdata-frontend/td-design/commit/51d50f49a20d7068337b2f48df320e2a781b85f7) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 DatePicker 相关组件内存溢出的 bug 重构 Cascader 组件为函数式组件

## 2.1.2

### Patch Changes

- [#666](https://github.com/thundersdata-frontend/td-design/pull/666) [`c59bc62c0`](https://github.com/thundersdata-frontend/td-design/commit/c59bc62c0d387c14abf53f5da24f5a1ddf07e0ec) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 为 NumberKeyboard 组件新增`extra`属性 2. 修改 WheelPickerItem 组件,让文字效果更好 3. 优化 theme 文件内关于`textVariants`的定义 4. 为 Tag 组件新增`selectable`属性控制是否可选中

## 2.1.1

### Patch Changes

- [#658](https://github.com/thundersdata-frontend/td-design/pull/658) [`b75b9cda3`](https://github.com/thundersdata-frontend/td-design/commit/b75b9cda3642d6c8b75652a8d8feff51a09d4035) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复在级联选择时没有刷新的问题

## 2.1.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 2.0.5

### Patch Changes

- [#625](https://github.com/thundersdata-frontend/td-design/pull/625) [`5efa85848`](https://github.com/thundersdata-frontend/td-design/commit/5efa858485f78542b293404baa504e11182830bb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 useTheme 引入路径不正确导致报错的问题

## 2.0.4

### Patch Changes

- [#611](https://github.com/thundersdata-frontend/td-design/pull/611) [`0e334a77e`](https://github.com/thundersdata-frontend/td-design/commit/0e334a77e7cbf25a446f962e90d8645f5dfafa4b) Thanks [@chj-damon](https://github.com/chj-damon)! - 防御性修改防止 RN 对&&的判断问题

## 2.0.3

### Patch Changes

- [#604](https://github.com/thundersdata-frontend/td-design/pull/604) [`42354300c`](https://github.com/thundersdata-frontend/td-design/commit/42354300c885e04812a0d2f65ea0b59bac3be6f2) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 picker 滚动后无法选中第一条数据的问题

## 2.0.2

### Patch Changes

- [#597](https://github.com/thundersdata-frontend/td-design/pull/597) [`f80645f2b`](https://github.com/thundersdata-frontend/td-design/commit/f80645f2b22986770d5276e48bc4138c913d3702) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 WheelPicker 滚动异常的问题

## 2.0.1

### Patch Changes

- [#589](https://github.com/thundersdata-frontend/td-design/pull/589) [`6bd906307`](https://github.com/thundersdata-frontend/td-design/commit/6bd90630781c3769af64ab0983f8d050daca6c0c) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复 useUpdateEffect 第一次不会执行的问题

## 2.0.0

### Major Changes

- [`124097240`](https://github.com/thundersdata-frontend/td-design/commit/1240972402c5a81da22aa618341eed07075ee17e) Thanks [@chj-damon](https://github.com/chj-damon)! - 使用 JS 重写 WheelPicker 减少对第三方库的依赖

## 1.10.3

### Patch Changes

- [`01b225c70`](https://github.com/thundersdata-frontend/td-design/commit/01b225c704528343f5e3720010f4f83e661f0d6a) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 IOS 上字体太大导致出现省略号的 bug

## 1.10.2

### Patch Changes

- [`4efbfc3c0`](https://github.com/thundersdata-frontend/td-design/commit/4efbfc3c0584e02326258ee01d62627c5f34525b) - 优化组件样式

## 1.10.1

### Patch Changes

- [#547](https://github.com/thundersdata-frontend/td-design/pull/547) [`fac4e4a80`](https://github.com/thundersdata-frontend/td-design/commit/fac4e4a8046925f7f8a4fc0019387f4adb164959) Thanks [@chen929104](https://github.com/chen929104)! - 修复 picker-input flex:1 导致的高度无效

## 1.10.0

### Minor Changes

- [`52fda6b15`](https://github.com/thundersdata-frontend/td-design/commit/52fda6b158960e1c4152f06b711c95438052afc1) - 为日期选择输入框增加 disabled 属性

## 1.9.4

### Patch Changes

- [`e749c01a6`](https://github.com/thundersdata-frontend/td-design/commit/e749c01a6daa53c1171104b30b720dc3625ce1f9) - 去除一些使用 useMemo 的过度优化场景


================================================
FILE: packages/react-native-picker/package.json
================================================
{
  "name": "@td-design/react-native-picker",
  "version": "5.0.0",
  "description": "基于 @td-design/react-native 的 picker 组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "dependencies": {
    "array-tree-filter": "^2.1.0",
    "dayjs": "^1.11.9",
    "lodash-es": "^4.17.21"
  },
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "@types/lodash-es": "^4.17.8",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-gesture-handler": "^2.12.0",
    "react-native-reanimated": "^3.3.0",
    "react-native-safe-area-context": "^4.7.1",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}


================================================
FILE: packages/react-native-picker/src/cascade-picker/index.tsx
================================================
import React, { ForwardedRef } from 'react';
import { Modal, StyleSheet } from 'react-native';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { Box, Flex, helpers, Pressable, Text } from '@td-design/react-native';

import WheelPicker from '../components/WheelPicker';
import { CascaderProps, PickerRef } from '../type';
import useCascader from './useCascader';

const { ONE_PIXEL, px } = helpers;

function Cascader(
  {
    data,
    cols = 3,
    activeOpacity = 0.6,
    title,
    cancelText = '取消',
    okText = '确定',
    value,
    onChange,
    ...restProps
  }: CascaderProps,
  ref: ForwardedRef<PickerRef>
) {
  const { childrenTree, stateValue, handleValueChange, handleOk, handleClose, visible } = useCascader({
    data,
    cols,
    value,
    onChange,
    ref,
  });

  const { bottom } = useSafeAreaInsets();

  if (childrenTree.length === 0) return null;

  return (
    <Modal visible={visible} statusBarTranslucent animationType="none" transparent>
      <GestureHandlerRootView style={{ flex: 1 }}>
        <Box flex={1} justifyContent={'flex-end'} style={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }}>
          <Flex
            borderBottomWidth={ONE_PIXEL}
            borderBottomColor="border"
            backgroundColor="white"
            paddingVertical="x3"
            paddingHorizontal="x3"
          >
            <Pressable activeOpacity={activeOpacity} onPress={handleClose} style={styles.cancel}>
              <Text variant="p0" color="primary200">
                {cancelText}
              </Text>
            </Pressable>
            <Flex.Item alignItems="center">
              <Text variant="p0" color="text">
                {title}
              </Text>
            </Flex.Item>
            <Pressable activeOpacity={activeOpacity} onPress={handleOk} style={styles.submit}>
              <Text variant="p0" color="primary200">
                {okText}
              </Text>
            </Pressable>
          </Flex>
          <Flex backgroundColor={'white'} height={px(200)} style={{ paddingBottom: bottom }}>
            {childrenTree.map((item, index) => (
              <WheelPicker
                key={index}
                {...restProps}
                {...{ data: item.map(el => ({ ...el, value: el.value })), value: stateValue[index] }}
                onChange={value => handleValueChange(value, index)}
              />
            ))}
          </Flex>
        </Box>
      </GestureHandlerRootView>
    </Modal>
  );
}

const styles = StyleSheet.create({
  cancel: { justifyContent: 'center', alignItems: 'flex-start' },
  submit: { justifyContent: 'center', alignItems: 'flex-end' },
});

export default React.forwardRef(Cascader);


================================================
FILE: packages/react-native-picker/src/cascade-picker/useCascader.ts
================================================
import { ForwardedRef, useImperativeHandle, useMemo } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import arrayTreeFilter from 'array-tree-filter';

import { CascadePickerItemProps, PickerData } from '../components/WheelPicker/type';
import { CascaderProps, PickerRef } from '../type';

export default function useCascader({
  data,
  cols = 3,
  value,
  onChange,
  ref,
}: Pick<CascaderProps, 'data' | 'cols' | 'value' | 'onChange'> & {
  ref: ForwardedRef<PickerRef>;
}) {
  const [stateValue, setStateValue] = useSafeState<(string | number)[]>(generateNextValue(data, value, cols));
  const [visible, setVisible] = useSafeState(false);

  useImperativeHandle(ref, () => ({
    show: () => {
      setVisible(true);
    },
    hide: () => {
      setVisible(false);
    },
  }));

  const handleValueChange = (value: PickerData<string | number>, index: number) => {
    const newValue = [...stateValue];
    // 修改当前的值，然后把后面的值都清掉
    newValue[index] = value.value;
    newValue.length = index + 1;
    const nextValue = generateNextValue(data, newValue, cols);
    setStateValue(nextValue);
  };

  const handleOk = () => {
    onChange?.(stateValue);
    setVisible(false);
  };

  const handleClose = () => {
    const nextValue = generateNextValue(data, value, cols);
    setStateValue(nextValue);
    setVisible(false);
  };

  const childrenTree = useMemo(() => {
    const childrenTree = arrayTreeFilter(data, (c, level) => {
      return c.value === stateValue[level];
    }).map(c => c.children);

    // in case the users data is async get when select change
    const needPad = cols - childrenTree.length;
    if (needPad > 0) {
      for (let i = 0; i < needPad; i++) {
        childrenTree.push([]);
      }
    }
    childrenTree.length = cols! - 1;
    childrenTree.unshift(data);

    return childrenTree as CascadePickerItemProps<string | number>[][];
  }, [data, stateValue, cols]);

  return {
    stateValue,
    childrenTree,
    visible,
    handleValueChange: useMemoizedFn(handleValueChange),
    handleOk: useMemoizedFn(handleOk),
    handleClose: useMemoizedFn(handleClose),
  };
}

function generateNextValue<T>(data: CascadePickerItemProps<T>[], value: T[] | undefined, cols: number) {
  let d = data;
  let level = 0;
  const nextValue: T[] = [];

  if (value && value.length) {
    do {
      const index = d.findIndex(item => item.value === value[level]);

      if (index < 0) {
        break;
      }

      nextValue[level] = value[level];
      level += 1;
      d = d[index].children || [];
    } while (d.length > 0);
  }

  for (let i = level; i < cols; i++) {
    if (d && d.length) {
      nextValue[i] = d[0].value!;
      d = d[0].children || [];
    } else {
      break;
    }
  }
  return nextValue;
}


================================================
FILE: packages/react-native-picker/src/components/DatePicker/index.tsx
================================================
import React, { FC } from 'react';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { Flex } from '@td-design/react-native';
import dayjs from 'dayjs';

import WheelPicker from '../WheelPicker';
import { DatePickerPropsBase } from './type';
import useDatePicker from './useDatePicker';

const DatePicker: FC<
  Omit<DatePickerPropsBase, 'mode' | 'labelUnit' | 'format'> &
    Required<Pick<DatePickerPropsBase, 'mode' | 'labelUnit' | 'format'>>
> = ({ value = new Date(), minDate, maxDate, mode, labelUnit, format, onChange, ...restProps }) => {
  const { onValueChange, getValueCols } = useDatePicker({
    minDate,
    maxDate,
    mode,
    labelUnit,
    format,
    value,
    onChange,
  });

  const { bottom } = useSafeAreaInsets();
  const { values, cols } = getValueCols();

  return (
    <Flex backgroundColor="white" style={{ paddingBottom: bottom }}>
      {cols.map((col, index) => {
        return (
          <WheelPicker
            key={index}
            {...restProps}
            data={col}
            value={values[index]}
            onChange={value => onValueChange(value, index)}
          />
        );
      })}
    </Flex>
  );
};

export default React.memo(DatePicker, (p, n) => {
  if (!p.value || !n.value) {
    return true;
  }

  return dayjs(p.value).isSame(dayjs(n.value));
});


================================================
FILE: packages/react-native-picker/src/components/DatePicker/type.ts
================================================
import { SyntheticEvent } from 'react';

import { ModalPickerProps } from '../../type';
import { CascadePickerItemProps, WheelPickerPropsBase } from '../WheelPicker/type';

export type Event = SyntheticEvent<
  Readonly<{
    timestamp: number;
  }>
>;

type DateMode = 'datetime' | 'date' | 'time' | 'month' | 'year';
type LabelUnit = { year: string; month: string; day: string; hour: string; minute: string };

type DateUnit = 'year' | 'month' | 'date' | 'hour' | 'minute';
type DateRef = { [key in DateUnit]: string };
export interface DatePickerPropsBase extends WheelPickerPropsBase {
  /** 显示模式 */
  mode?: DateMode;
  /** 单位文字 */
  labelUnit?: LabelUnit;
  /** 日期格式化 */
  format?: string;
  /** 当前日期 */
  value?: Date;
  /** 日期修改事件 */
  onChange?: (date?: Date, formatDate?: string) => void;
  /** 最小日期 */
  minDate?: Date | string;
  /** 最大日期 */
  maxDate?: Date | string;
}

export { CascadePickerItemProps, ModalPickerProps, DateUnit, DateRef };


================================================
FILE: packages/react-native-picker/src/components/DatePicker/useDatePicker.ts
================================================
import { useMemo } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs, { Dayjs } from 'dayjs';

import { PickerData } from '../WheelPicker/type';
import { CascadePickerItemProps, DatePickerPropsBase } from './type';

export default function useDatePicker<T>({
  mode,
  labelUnit,
  format,
  value,
  minDate = '1970-01-01',
  maxDate = '2100-01-01',
  onChange,
}: Required<Pick<DatePickerPropsBase, 'value' | 'mode' | 'labelUnit' | 'format'>> &
  Pick<DatePickerPropsBase, 'minDate' | 'maxDate' | 'onChange'>) {
  const minDayjs = useMemo(() => dayjs(minDate), [minDate]);
  const maxDayjs = useMemo(() => dayjs(maxDate), [maxDate]);

  const [tempValue, setTempValue] = useSafeState(value ?? new Date());

  const clipDate = (date: Date) => {
    if (mode === 'datetime') {
      if (dayjs(date).isBefore(minDayjs)) {
        return cloneDate(minDayjs);
      }
      if (dayjs(date).isAfter(maxDayjs)) {
        return cloneDate(maxDayjs);
      }
    } else if (mode === 'date' || mode === 'year' || mode === 'month') {
      if (dayjs(date).add(1, 'day').isBefore(minDayjs)) {
        return cloneDate(minDayjs);
      }
      if (dayjs(date).isAfter(maxDayjs.add(1, 'day'))) {
        return cloneDate(maxDayjs);
      }
    }
    return dayjs(date);
  };

  const getDate = () => {
    return clipDate(tempValue);
  };

  const getMinYear = () => {
    return minDayjs.get('year');
  };

  const getMaxYear = () => {
    return maxDayjs.get('year');
  };

  const getMinMonth = () => {
    return minDayjs.get('month');
  };

  const getMaxMonth = () => {
    return maxDayjs.get('month');
  };

  const getMinDay = () => {
    return minDayjs.get('date');
  };

  const getMaxDay = () => {
    return maxDayjs.get('date');
  };

  const cloneDate = (date: Dayjs) => {
    return dayjs(date);
  };

  const getDateData = () => {
    const date = getDate();
    const selYear = date.get('year');
    const selMonth = date.get('month');
    const minDateYear = getMinYear();
    const maxDateYear = getMaxYear();
    const minDateMonth = getMinMonth();
    const maxDateMonth = getMaxMonth();
    const minDateDay = getMinDay();
    const maxDateDay = getMaxDay();

    const years: CascadePickerItemProps<T>[] = [];
    for (let i = minDateYear; i <= maxDateYear; i++) {
      years.push({
        value: (i + '') as T,
        label: i + labelUnit.year,
      });
    }
    if (mode === 'year') {
      return [years];
    }

    const months: CascadePickerItemProps<T>[] = [];
    let minMonth = 0;
    let maxMonth = 11;
    if (minDateYear === selYear) {
      minMonth = minDateMonth;
    }
    if (maxDateYear === selYear) {
      maxMonth = maxDateMonth;
    }

    for (let i = minMonth; i <= maxMonth; i++) {
      months.push({
        value: (i + '') as T,
        label: i + 1 + labelUnit.month,
      });
    }
    if (mode === 'month') {
      return [years, months];
    }

    const days: CascadePickerItemProps<T>[] = [];
    let minDay = 1;
    let maxDay = getDaysInMonth(date.toDate());

    if (minDateYear === selYear && minDateMonth === selMonth) {
      minDay = minDateDay;
    }
    if (maxDateYear === selYear && maxDateMonth === selMonth) {
      maxDay = maxDateDay;
    }
    for (let i = minDay; i <= maxDay; i++) {
      days.push({
        value: (i + '') as T,
        label: i + labelUnit.day,
      });
    }
    return [years, months, days];
  };

  const getTimeData = (date: Dayjs) => {
    let minHour = 0;
    let maxHour = 23;
    let minMinute = 0;
    let maxMinute = 59;

    const hours: CascadePickerItemProps<T>[] = [];
    for (let i = minHour; i <= maxHour; i++) {
      hours.push({
        value: (i + '') as T,
        label: labelUnit.hour ? i + labelUnit.hour + '' : pad(i),
      });
    }

    const minutes: CascadePickerItemProps<T>[] = [];
    const selMinute = date.get('minute');
    for (let i = minMinute; i <= maxMinute; i += 1) {
      minutes.push({
        value: (i + '') as T,
        label: labelUnit.minute ? i + labelUnit.minute + '' : pad(i),
      });
      if (selMinute > i && selMinute < i + 1) {
        minutes.push({
          value: (selMinute + '') as T,
          label: labelUnit.minute ? selMinute + labelUnit.minute + '' : pad(selMinute),
        });
      }
    }
    const cols = [hours, minutes].concat([]);

    return { cols, selMinute };
  };

  const getValueCols = () => {
    const date = getDate();
    let cols: CascadePickerItemProps<T>[][] = [];
    let values: string[] = [];

    if (mode === 'year') {
      return {
        cols: getDateData(),
        values: [date.get('year') + ''],
      };
    }

    if (mode === 'month') {
      return {
        cols: getDateData(),
        values: [date.get('year') + '', date.get('month') + ''],
      };
    }

    if (mode === 'datetime' || mode === 'date') {
      cols = getDateData();
      values = [date.get('year') + '', date.get('month') + '', date.get('date') + ''];
    }

    if (mode === 'datetime' || mode === 'time') {
      const time = getTimeData(date);
      cols = cols.concat(time.cols);
      const hour = date.get('hour');
      const dtValue = [hour + '', time.selMinute + ''];
      values = values.concat(dtValue);
    }

    return {
      values,
      cols,
    };
  };

  const setMonth = (date: Date, month: number) => {
    date.setDate(Math.min(date.getDate(), getDaysInMonth(new Date(date.getFullYear(), month))));
    date.setMonth(month);
    return dayjs(date);
  };

  const getNewDate = (value: number, index: number) => {
    const date = cloneDate(getDate());
    let newValue: Dayjs | undefined = undefined;

    if (mode === 'datetime' || mode === 'date' || mode === 'year' || mode === 'month') {
      switch (index) {
        case 0:
          newValue = date.set('year', value);
          break;
        case 1:
          newValue = setMonth(date.toDate(), value);
          break;
        case 2:
          newValue = date.set('date', value);
          break;
        case 3:
          newValue = date.set('hour', value);
          break;
        case 4:
          newValue = date.set('minute', value);
          break;
        default:
          break;
      }
    } else if (mode === 'time') {
      switch (index) {
        case 0:
          newValue = date.set('hour', value);
          break;
        case 1:
          newValue = date.set('minute', value);
          break;
        default:
          break;
      }
    }
    return clipDate(newValue!.toDate());
  };

  const onValueChange = (data: PickerData<T>, index: number) => {
    const newDate = getNewDate(parseInt(data.value + '', 10), index);
    setTempValue(newDate.toDate());
    onChange?.(newDate.toDate(), newDate.format(format));
  };

  return {
    getValueCols: useMemoizedFn(getValueCols),
    onValueChange: useMemoizedFn(onValueChange),
  };
}

function pad(n: number) {
  return n < 10 ? `0${n}` : n + '';
}

function getDaysInMonth(date: Date) {
  return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
}


================================================
FILE: packages/react-native-picker/src/components/WheelPicker/index.tsx
================================================
import React from 'react';
import { StyleSheet, View } from 'react-native';
import { PanGestureHandler } from 'react-native-gesture-handler';
import Animated, {
  Easing,
  Extrapolate,
  interpolate,
  runOnJS,
  SharedValue,
  useAnimatedGestureHandler,
  useAnimatedStyle,
  useDerivedValue,
  useSharedValue,
  withTiming,
} from 'react-native-reanimated';

import { CascadePickerItemProps, WheelPickerProps } from './type';

export default function WheelPicker<T>({
  itemHeight = 40,
  data,
  visibleRest = 5,
  textStyle,
  contentContainerStyle,
  indicatorBgColor = 'rgba(0, 0, 0, 0.3)',
  value,
  onChange,
  ...props
}: WheelPickerProps<T>) {
  const initialIndex = value ? data.findIndex(item => item.value === value) : 0;
  const translateY = useSharedValue(-itemHeight * initialIndex);

  const snapPoints = new Array(data.length).fill(0).map((_, index) => -itemHeight * index);

  const timingConfig = {
    duration: 1000,
    easing: Easing.bezier(0.35, 1, 0.35, 1),
  };

  const wrapper = (index: number) => {
    onChange?.(data[index], index);
  };

  const onGestureEvent = useAnimatedGestureHandler({
    onStart(_, ctx: any) {
      ctx.y = translateY.value;
    },
    onActive(event, ctx) {
      translateY.value = ctx.y + event.translationY;
    },
    onEnd(event) {
      const snapPointsY = snapPoint(translateY.value, event.velocityY, snapPoints);
      const index = Math.abs(snapPointsY / itemHeight);
      translateY.value = withTiming(snapPointsY, timingConfig);
      runOnJS(wrapper)(index);
    },
  });

  const animatedStyle = useAnimatedStyle(() => ({
    transform: [{ translateY: translateY.value }],
  }));

  return (
    <View {...props} style={styles.container}>
      <PanGestureHandler onGestureEvent={onGestureEvent}>
        <Animated.View
          style={[
            animatedStyle,
            contentContainerStyle,
            {
              height: itemHeight * visibleRest,
              paddingTop: (itemHeight * visibleRest - itemHeight) / 2,
            },
          ]}
        >
          {data.map((data, index) => (
            <PickerItem
              key={index}
              translateY={translateY}
              index={index}
              itemHeight={itemHeight}
              visibleRest={visibleRest}
              data={data}
              textStyle={textStyle}
            />
          ))}
        </Animated.View>
      </PanGestureHandler>
      <View
        style={{
          width: '100%',
          height: itemHeight,
          backgroundColor: indicatorBgColor,
          opacity: 0.2,
          position: 'absolute',
        }}
        pointerEvents="none"
      />
    </View>
  );
}

function PickerItem<T>({
  translateY,
  index,
  data,
  itemHeight,
  visibleRest,
  textStyle,
}: {
  translateY: SharedValue<number>;
  index: number;
  data: CascadePickerItemProps<T>;
} & Required<Pick<WheelPickerProps<T>, 'itemHeight' | 'visibleRest'>> &
  Pick<WheelPickerProps<T>, 'textStyle'>) {
  const y = useDerivedValue(() =>
    interpolate(
      translateY.value / -itemHeight,
      [index - visibleRest / 2, index, index + visibleRest / 2],
      [-1, 0, 1],
      Extrapolate.CLAMP
    )
  );

  const textAnimation = useAnimatedStyle(() => ({
    opacity: 1 / (1 + Math.abs(y.value)),
    transform: [
      {
        scale: 1 - Math.abs(y.value) * 0.35,
      },
      {
        perspective: 500,
      },
      {
        rotateX: `${y.value * 65}deg`,
      },
    ],
  }));

  return (
    <Animated.View style={[styles.item, { height: itemHeight }]}>
      <Animated.Text style={[textAnimation, textStyle]}>{data.label}</Animated.Text>
    </Animated.View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    overflow: 'hidden',
    justifyContent: 'center',
    position: 'relative',
  },
  item: {
    justifyContent: 'center',
    alignItems: 'center',
  },
});

/**
 * @summary Select a point where the animation should snap to given the value of the gesture and it's velocity.
 * @worklet
 */
const snapPoint = (value: number, velocity: number, points: ReadonlyArray<number>): number => {
  'worklet';
  const point = value + 0.2 * velocity;
  const deltas = points.map(p => Math.abs(point - p));
  const minDelta = Math.min.apply(null, deltas);
  return points.find(p => Math.abs(point - p) === minDelta) || points[0];
};


================================================
FILE: packages/react-native-picker/src/components/WheelPicker/type.ts
================================================
import { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
import { SharedValue } from 'react-native-reanimated';

export type PickerData<T> = {
  label: string;
  value: T;
};

export interface CascadePickerItemProps<T> extends PickerData<T> {
  children?: CascadePickerItemProps<T>[];
}

export type WheelPickerPropsBase = {
  itemHeight?: number;
  visibleRest?: number;
  textStyle?: StyleProp<TextStyle>;
  contentContainerStyle?: StyleProp<ViewStyle>;
  indicatorBgColor?: string;
};

/** 滚轮选择器的属性 */
export type WheelPickerProps<T> = ViewProps &
  WheelPickerPropsBase & {
    /** 数据行数组 */
    data: CascadePickerItemProps<T>[];
    /** 当前选中的数据行下标 */
    value?: T;
    /** 选择数据行的处理函数 */
    onChange?: (value: PickerData<T>, index: number) => void;
  };

/** 滚轮选择器子项的属性 */
export type WheelPickerItemProps<T> = {
  translateY: SharedValue<number>;
  index: number;
  data: PickerData<T>;
} & Required<Pick<WheelPickerProps<T>, 'itemHeight' | 'visibleRest'>> &
  Pick<WheelPickerProps<T>, 'textStyle'>;


================================================
FILE: packages/react-native-picker/src/date-period-input/index.md
================================================
---
title: DatePeriodInput - 日期区间输入
nav:
  title: RN组件
  path: /react-native
group:
  title: 选择组件
  path: /picker
  order: 9
---

# DatePeriodInput 日期区间输入

## 效果演示

### 1. 默认效果

```tsx | pure
<DatePeriodInput label="订单时间" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644824685474919859.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性                     | 必填    | 说明                         | 类型            | 默认值                 |
| ------------------------ | ------- | ---------------------------- | --------------- | ---------------------- | -------------------- | --- |
| indicatorBackgroundColor | `false` | 指示器背景色                 | `string`        |                        |
| itemTextStyle            | `false` | 数据行文字样式               | `TextStyle`     |                        |
| itemHeight               | `false` | 数据行高度                   | `number`        |                        |
| itemStyle                | `false` | 数据行样式                   | `ViewStyle`     |                        |
| containerStyle           | `false` | 选择器容器样式               | `ViewStyle`     |                        |
| mode                     | `false` | 显示模式                     | `DateMode`      |                        |
| labelUnit                | `false` | 单位文字                     | `LabelUnit`     |                        |
| format                   | `false` | 日期格式化                   | `string`        | `YYYY-MM-DD`           |
| title                    | `false` | 选择器标题                   | `string`        |                        |
| onClose                  | `false` | 弹窗关闭事件                 | `() => void`    |                        |
| cancelText               | `false` | 取消按钮文本                 | `string`        | `取消`                 |
| okText                   | `false` | 确认按钮文本                 | `string`        | `确定`                 |
| activeOpacity            | `false` | 按下时的不透明度             | `number`        | `0.6`                  |
| label                    | `false` | 标签文本                     | `ReactNode`     |                        |
| labelPosition            | `false` | 标签位置。输入框左侧或者顶部 | `left` \| `top` | `left`                 |
| colon                    | `false` | 是否在标签后显示冒号         | `boolean`       | `false`                |
| required                 | `false` | 是否在标签前显示必填标识     | `boolean`       | `false`                |
| placeholders             | `false` | 默认提示语                   | `string[]`      | `['请选择', '请选择']` |
| value                    | `false` | 当前日期                     | `[Date          | undefined, Date        | undefined]`          |     |
| onChange                 | `false` | 修改日期事件                 | `(value: [Date  | undefined, Date        | undefined]) => void` |     |
| allowClear               | `false` | 是否允许清除                 | `boolean`       | `true`                 |
| disabled                 | `false` | 是否禁用                     | `boolean`       | `false`                |


================================================
FILE: packages/react-native-picker/src/date-period-input/index.tsx
================================================
import React, { FC, ReactNode } from 'react';
import { StyleSheet } from 'react-native';

import { Box, Brief, Flex, helpers, Label, Pressable, SvgIcon, Text, useTheme } from '@td-design/react-native';
import dayjs from 'dayjs';

import { DatePickerPropsBase, ModalPickerProps } from '../components/DatePicker/type';
import DatePicker from '../date-picker';
import useDatePeriodInput from './useDatePeriodInput';

export interface DatePeriodInputProps
  extends Omit<DatePickerPropsBase, 'value' | 'onChange' | 'minDate' | 'maxDate'>,
    Omit<ModalPickerProps, 'visible' | 'displayType'> {
  /** 标签文本 */
  label?: ReactNode;
  /** 标签文本位置 */
  labelPosition?: 'top' | 'left';
  /** 是否显示冒号 */
  colon?: boolean;
  /** 是否必填 */
  required?: boolean;
  /** 默认提示语 */
  placeholders?: string[];
  value?: [Date | undefined, Date | undefined];
  onChange?: (value: [Date | undefined, Date | undefined]) => void;
  /** 是否允许清除 */
  allowClear?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  /** 额外内容 */
  brief?: ReactNode;
  itemHeight?: number;
}

const { ONE_PIXEL } = helpers;

/** 适用于筛选条件下的日期区间选择 */
const DatePeriodInput: FC<DatePeriodInputProps> = ({
  label,
  labelPosition = 'left',
  required = false,
  colon = false,
  placeholders = ['请选择', '请选择'],
  format = 'YYYY-MM-DD',
  value,
  onChange,
  allowClear = true,
  disabled = false,
  itemHeight,
  activeOpacity = 0.6,
  brief,
  ...restProps
}) => {
  const theme = useTheme();
  const { dates, order, datePickerRef, handleChange, handleStartPress, handleEndPress, clearStartDate, clearEndDate } =
    useDatePeriodInput({
      value,
      onChange,
    });

  const styles = StyleSheet.create({
    content: {
      paddingVertical: theme.spacing.x2,
      paddingHorizontal: theme.spacing.x1,
      justifyContent: 'space-between',
      alignItems: 'center',
      flexDirection: 'row',
    },
    icon: { alignItems: 'flex-end' },
  });

  const Content = (
    <Flex
      justifyContent="space-between"
      alignItems="center"
      borderWidth={ONE_PIXEL}
      borderColor="border"
      borderRadius="x1"
      style={{
        ...(itemHeight ? { height: itemHeight } : {}),
        ...(labelPosition === 'top' ? {} : { flex: 1 }),
      }}
    >
      <Pressable disabled={disabled} onPress={handleStartPress} activeOpacity={activeOpacity} style={styles.content}>
        <Flex>
          <SvgIcon name="date" color={theme.colors.icon} />
          <Text variant="p2" color={disabled ? 'disabled' : dates[0] ? 'text' : 'gray300'} marginLeft="x2">
            {dates[0] ? dayjs(dates[0]).format(format) : placeholders[0]}
          </Text>
        </Flex>
        {!disabled && allowClear && dates[0] && (
          <Pressable activeOpacity={1} onPress={clearStartDate} hitOffset={10} style={styles.icon}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
      </Pressable>
      <Box paddingHorizontal="x2">
        <Text variant="p1" color="text">
          ~
        </Text>
      </Box>
      <Pressable disabled={disabled} onPress={handleEndPress} activeOpacity={activeOpacity} style={styles.content}>
        <Flex>
          <SvgIcon name="date" color={theme.colors.icon} />
          <Text variant="p2" color={disabled ? 'disabled' : dates[1] ? 'text' : 'gray300'} marginLeft="x2">
            {dates[1] ? dayjs(dates[1]).format(format) : placeholders[1]}
          </Text>
        </Flex>
        {!disabled && allowClear && dates[1] && (
          <Pressable activeOpacity={1} onPress={clearEndDate} hitOffset={10} style={styles.icon}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
      </Pressable>
    </Flex>
  );

  return (
    <>
      {labelPosition === 'top' ? (
        <Box>
          <Label {...{ label, colon, required }} />
          {Content}
          <Brief brief={brief} />
        </Box>
      ) : (
        <Box>
          <Flex>
            <Label {...{ label, colon, required }} />
            {Content}
          </Flex>
          <Brief brief={brief} />
        </Box>
      )}
      <DatePicker
        ref={datePickerRef}
        value={order === 'start' ? dates[0] : dates[1]}
        onChange={handleChange}
        {...restProps}
        minDate={order === 'end' ? dates[0] : undefined}
        maxDate={order === 'start' ? dates[1] : undefined}
      />
    </>
  );
};

export default DatePeriodInput;


================================================
FILE: packages/react-native-picker/src/date-period-input/useDatePeriodInput.tsx
================================================
import { useRef } from 'react';
import { Keyboard } from 'react-native';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import type { DatePeriodInputProps } from '.';
import { DatePickerRef } from '../type';

export default function useDatePeriodInput({ value, onChange }: Pick<DatePeriodInputProps, 'value' | 'onChange'>) {
  const datePickerRef = useRef<DatePickerRef>(null);
  const [order, setOrder] = useSafeState<'start' | 'end'>('start');
  const [dates, setDates] = useSafeState(value ?? [undefined, undefined]);

  const handleChange = useMemoizedFn((date: Date | undefined) => {
    const [startDate, endDate] = dates;
    if (onChange) {
      onChange(order === 'start' ? [date!, endDate] : [startDate, date!]);
    } else {
      setDates((draft: any[]) => {
        const nextDates = [...draft];
        nextDates[order === 'start' ? 0 : 1] = date;
        return nextDates;
      });
    }
  });

  /** 点开开始时间选择器 */
  const handleStartPress = () => {
    Keyboard.dismiss();
    setOrder('start');
    datePickerRef.current?.show();
  };

  /** 点开结束时间选择器 */
  const handleEndPress = () => {
    Keyboard.dismiss();
    setOrder('end');
    datePickerRef.current?.show();
  };

  /**
   * 清除开始时间
   * 不光是要把date改掉，同时还需要判断结束时间是否有值
   * 如果有值，需要设置结束时间为最大时间
   * 如果没有值，则最大时间
   */
  const clearStartDate = () => {
    const [, endDate] = value ?? [, undefined];
    if (onChange) {
      onChange([undefined, endDate]);
    } else {
      setDates(draft => [undefined, draft[1]]);
    }
  };

  /** 清除结束时间 */
  const clearEndDate = () => {
    const [startDate] = value ?? [undefined];
    if (onChange) {
      onChange([startDate, undefined]);
    } else {
      setDates(draft => [draft[0], undefined]);
    }
  };

  return {
    dates,
    order,
    datePickerRef,
    handleChange: useMemoizedFn(handleChange),
    handleStartPress: useMemoizedFn(handleStartPress),
    handleEndPress: useMemoizedFn(handleEndPress),
    clearStartDate: useMemoizedFn(clearStartDate),
    clearEndDate: useMemoizedFn(clearEndDate),
  };
}


================================================
FILE: packages/react-native-picker/src/date-picker/index.md
================================================
---
title: DatePicker - 日期选择
nav:
  title: RN组件
  path: /react-native
group:
  title: 选择组件
  path: /picker
---

# DatePicker 日期选择

## 效果演示

### 1. 默认效果

```tsx | pure
<Button title="显示" onPress={() => setVisible(true)} />
<Text>{formattedValue}</Text>
<DatePicker
  title="请选择日期"
  visible={visible}
  onClose={() => setVisible(false)}
  value={value}
  onChange={(value, formattedValue) => {
    setValue(value);
    setFormattedValue(formattedValue)
  }}
/>
```

<center>
  <figure>
    <img
      alt="datePicker-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607926683318866421.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 只显示年月日

```tsx | pure
<Button title="显示" onPress={() => setVisible(true)} />
<Text>{formattedValue}</Text>
<DatePicker
  title="请选择日期"
  display="Y-M-D"
  format="YYYY-MM-DD"
  visible={visible}
  onClose={() => setVisible(false)}
  value={value}
  onChange={(value, formattedValue) => {
    setValue(value);
    setFormattedValue(formattedValue)
  }}
/>
```

<center>
  <figure>
    <img
      alt="datePicker-ios2.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607927967538107659.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 直接在页面内展示

```tsx | pure
const datePickerRef = useRef<{ getValue: () => { date: Date; formatDate: string } }>(null);

<Button
  title="getValue"
  onPress={() => {
    if (datePickerRef.current) {
      const { date, formatDate } = datePickerRef.current.getValue();
      setValue(date);
      setFormattedValue(formatDate);
    }
  }}
/>
<Text>{formattedValue}</Text>
<DatePicker
  ref={datePickerRef}
  title="请选择日期"
  displayType="view"
/>
```

<center>
  <figure>
    <img
      alt="datePicker-ios3.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607929116069430286.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 展示顺序为分时日月年

```tsx | pure
<Button title="显示" onPress={() => setVisible(true)} />
<Text>{formattedValue}</Text>
<DatePicker
  title="请选择日期"
  display="T-H-D-M-Y"
  visible={visible}
  onClose={() => setVisible(false)}
  value={value}
  onChange={handleChange}
/>
```

<center>
  <figure>
    <img
      alt="datePicker-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1607929412126551034.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### DatePicker 属性

| 属性                     | 必填    | 说明             | 类型                                         | 默认值       |
| ------------------------ | ------- | ---------------- | -------------------------------------------- | ------------ |
| indicatorBackgroundColor | `false` | 指示器背景色     | `string`                                     |              |
| itemTextStyle            | `false` | 数据行文字样式   | `TextStyle`                                  |              |
| itemHeight               | `false` | 数据行高度       | `number`                                     |              |
| itemStyle                | `false` | 数据行样式       | `ViewStyle`                                  |              |
| containerStyle           | `false` | 选择器容器样式   | `ViewStyle`                                  |              |
| mode                     | `false` | 显示模式         | `DateMode`                                   |              |
| labelUnit                | `false` | 单位文字         | `LabelUnit`                                  |              |
| format                   | `false` | 日期格式化       | `string`                                     | `YYYY-MM-DD` |
| value                    | `false` | 当前日期         | `Date`                                       |              |
| onChange                 | `false` | 日期修改事件     | `(date?: Date, formatDate?: string) => void` |              |
| minDate                  | `false` | 最小日期         | `string`                                     |              |
| maxDate                  | `false` | 最大日期         | `string`                                     |              |
| title                    | `false` | 选择器标题       | `string`                                     |              |
| displayType              | `false` | 选择器显示类型   | `view` \| `modal`                            | `modal`      |
| visible                  | `false` | 控制弹窗显示     | `boolean`                                    |              |
| onClose                  | `false` | 弹窗关闭事件     | `() => void`                                 |              |
| cancelText               | `false` | 取消按钮文本     | `string`                                     | `取消`       |
| okText                   | `false` | 确认按钮文本     | `string`                                     | `确定`       |
| activeOpacity            | `false` | 按下时的不透明度 | `number`                                     | `0.6`        |


================================================
FILE: packages/react-native-picker/src/date-picker/index.tsx
================================================
import React, { forwardRef } from 'react';
import { Modal, StyleSheet } from 'react-native';
import { GestureHandlerRootView } from 'react-native-gesture-handler';

import { Box, Flex, helpers, Pressable, Text } from '@td-design/react-native';

import DatePickerRN from '../components/DatePicker';
import { DatePickerPropsBase, ModalPickerProps } from '../components/DatePicker/type';
import { DatePickerRef } from '../type';
import useDatePicker from './useDatePicker';

const { ONE_PIXEL } = helpers;

export type DatePickerProps = DatePickerPropsBase & ModalPickerProps;

const DatePicker = forwardRef<DatePickerRef, DatePickerProps>((props, ref) => {
  const {
    title,
    format = 'YYYY-MM-DD HH:mm',
    labelUnit = { year: '年', month: '月', day: '日', hour: '时', minute: '分' },
    mode = 'date',
    minDate,
    maxDate,
    value,
    onChange,
    cancelText = '取消',
    okText = '确定',
    activeOpacity = 0.6,
    ...restProps
  } = props;

  const { date, handleChange, handleOk, handleClose, visible } = useDatePicker({
    onChange,
    value,
    format,
    ref,
  });

  return (
    <Modal visible={visible} statusBarTranslucent animationType="none" transparent>
      <GestureHandlerRootView style={{ flex: 1 }}>
        <Box flex={1} justifyContent={'flex-end'} style={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }}>
          <Flex
            borderBottomWidth={ONE_PIXEL}
            borderBottomColor="border"
            backgroundColor="white"
            paddingVertical="x3"
            paddingHorizontal="x3"
          >
            <Pressable activeOpacity={activeOpacity} onPress={handleClose} style={styles.cancel}>
              <Text variant="p0" color="primary200">
                {cancelText}
              </Text>
            </Pressable>
            <Flex.Item alignItems="center">
              <Text variant="p0" color="text">
                {title}
              </Text>
            </Flex.Item>
            <Pressable activeOpacity={activeOpacity} onPress={handleOk} style={styles.submit}>
              <Text variant="p0" color="primary200">
                {okText}
              </Text>
            </Pressable>
          </Flex>
          <DatePickerRN
            {...restProps}
            {...{ mode, value: date, minDate, maxDate, labelUnit, format }}
            onChange={handleChange}
          />
        </Box>
      </GestureHandlerRootView>
    </Modal>
  );
});

export default DatePicker;

const styles = StyleSheet.create({
  cancel: { justifyContent: 'center', alignItems: 'flex-start' },
  submit: { justifyContent: 'center', alignItems: 'flex-end' },
});


================================================
FILE: packages/react-native-picker/src/date-picker/useDatePicker.ts
================================================
import { ForwardedRef, useImperativeHandle } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs from 'dayjs';

import { DatePickerPropsBase, ModalPickerProps } from '../components/DatePicker/type';
import { DatePickerRef } from '../type';

export default function useDatePicker({
  onChange,
  value,
  format,
  ref,
}: DatePickerPropsBase &
  ModalPickerProps & {
    ref: ForwardedRef<DatePickerRef>;
  }) {
  const [date, setDate] = useSafeState<Date | undefined>(value);
  const [visible, setVisible] = useSafeState(false);

  useImperativeHandle(ref, () => ({
    show: () => {
      setVisible(true);
    },
    hide: () => {
      setVisible(false);
    },
    getValue: () => {
      return {
        date,
        formatDate: dayjs(date).format(format),
      };
    },
  }));

  const handleChange = (date?: Date) => {
    setDate(date);
  };

  const handleClose = () => {
    setDate(value);
    setVisible(false);
  };

  const handleOk = () => {
    const value = date ?? new Date();
    onChange?.(value, dayjs(value).format(format));
    setVisible(false);
  };

  return {
    date,
    visible,
    handleChange: useMemoizedFn(handleChange),
    handleOk: useMemoizedFn(handleOk),
    handleClose: useMemoizedFn(handleClose),
  };
}


================================================
FILE: packages/react-native-picker/src/date-picker-input/index.md
================================================
---
title: DatePickerInput - 日期表单输入
nav:
  title: RN组件
  path: /react-native
group:
  title: 选择组件
  path: /picker
---

# DatePickerInput 日期表单输入

## 效果演示

### 1. 默认效果

```tsx | pure
<DatePickerInput label="运单时间" />
<WhiteSpace />
<DatePickerInput label="运单时间" labelPosition="left" />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644825070032852502.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性                     | 必填    | 说明             | 类型                                         | 默认值       |
| ------------------------ | ------- | ---------------- | -------------------------------------------- | ------------ |
| indicatorBackgroundColor | `false` | 指示器背景色     | `string`                                     |              |
| itemTextStyle            | `false` | 数据行文字样式   | `TextStyle`                                  |              |
| itemHeight               | `false` | 数据行高度       | `number`                                     |              |
| itemStyle                | `false` | 数据行样式       | `ViewStyle`                                  |              |
| containerStyle           | `false` | 选择器容器样式   | `ViewStyle`                                  |              |
| mode                     | `false` | 显示模式         | `DateMode`                                   |              |
| labelUnit                | `false` | 单位文字         | `LabelUnit`                                  |              |
| format                   | `false` | 日期格式化       | `string`                                     | `YYYY-MM-DD` |
| value                    | `false` | 当前日期         | `Date`                                       |              |
| onChange                 | `false` | 日期修改事件     | `(date?: Date, formatDate?: string) => void` |              |
| minDate                  | `false` | 最小日期         | `string`                                     |              |
| maxDate                  | `false` | 最大日期         | `string`                                     |              |
| title                    | `false` | 选择器标题       | `string`                                     |              |
| onClose                  | `false` | 弹窗关闭事件     | `() => void`                                 |              |
| cancelText               | `false` | 取消按钮文本     | `string`                                     | `取消`       |
| okText                   | `false` | 确认按钮文本     | `string`                                     | `确定`       |
| activeOpacity            | `false` | 按下时的不透明度 | `number`                                     | `0.6`        |
| label                    | `false` | 标签文本         | `ReactNode`                                  |              |
| labelPosition            | `false` | 标签文本位置     | `top \| left`                                | `top`        |
| required                 | `false` | 是否必填         | `boolean`                                    | `false`      |
| colon                    | `false` | 是否显示冒号     | `boolean`                                    | `false`      |
| placeholder              | `false` | 默认提示语       | `string`                                     | `请选择`     |
| allowClear               | `false` | 是否允许清除     | `boolean`                                    | `true`       |
| disabled                 | `false` | 是否禁用         | `boolean`                                    | `false`      |
| brief                    | `false` | 额外内容         | `ReactNode`                                  |              |
| style                    | `false` | 自定义样式       | `ViewStyle`                                  |              |


================================================
FILE: packages/react-native-picker/src/date-picker-input/index.tsx
================================================
import React, { ReactNode } from 'react';
import { StyleProp, StyleSheet, ViewStyle } from 'react-native';

import { Box, Brief, Flex, helpers, Label, Pressable, SvgIcon, Text, useTheme } from '@td-design/react-native';

import { DatePickerPropsBase } from '../components/DatePicker/type';
import DatePicker from '../date-picker';
import { ModalPickerProps } from '../type';
import useDatePicker from '../useDatePicker';

export interface DatePickerInputProps extends DatePickerPropsBase, Omit<ModalPickerProps, 'visible' | 'displayType'> {
  /** 标签文本 */
  label?: ReactNode;
  /** 标签文本位置 */
  labelPosition?: 'top' | 'left';
  /** 是否显示冒号 */
  colon?: boolean;
  /** 是否必填 */
  required?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  /** 默认提示语 */
  placeholder?: string;
  /** 是否允许清除 */
  allowClear?: boolean;
  /** 额外内容 */
  brief?: ReactNode;
  style?: StyleProp<ViewStyle>;
  itemHeight?: number;
}

const { ONE_PIXEL } = helpers;

/** 适用于筛选条件下的日期选择 */
const DatePickerInput = ({
  label,
  labelPosition = 'left',
  placeholder = '请选择',
  required = false,
  colon = false,
  format = 'YYYY-MM-DD',
  value,
  onChange,
  style,
  brief,
  allowClear = true,
  disabled = false,
  itemHeight,
  activeOpacity = 0.6,
  ...restProps
}: DatePickerInputProps) => {
  const theme = useTheme();
  const { date, handleChange, currentText, handleInputClear, handlePress, datePickerRef } = useDatePicker({
    value,
    format,
    onChange,
    placeholder,
  });

  const styles = StyleSheet.create({
    content: {
      paddingVertical: theme.spacing.x2,
      paddingHorizontal: theme.spacing.x1,
      justifyContent: 'space-between',
      alignItems: 'center',
      flexDirection: 'row',
      borderWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
      borderRadius: theme.borderRadii.x1,
    },
    top: {},
    left: { flex: 1 },
    icon: { alignItems: 'flex-end' },
  });

  const Content = !disabled ? (
    <Pressable
      onPress={handlePress}
      activeOpacity={activeOpacity}
      style={[
        itemHeight ? { height: itemHeight } : {},
        styles.content,
        style,
        labelPosition === 'top' ? styles.top : styles.left,
      ]}
    >
      <Flex flex={1}>
        <SvgIcon name="date" color={theme.colors.icon} />
        <Text variant="p1" color={currentText === placeholder ? 'gray300' : 'text'} marginLeft="x2">
          {currentText}
        </Text>
      </Flex>
      <Flex>
        {allowClear && !!currentText && currentText !== placeholder && (
          <Pressable activeOpacity={1} onPress={handleInputClear} style={styles.icon}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        <SvgIcon name="right" color={theme.colors.icon} />
      </Flex>
    </Pressable>
  ) : (
    <Box style={[styles.content, style, labelPosition === 'top' ? styles.top : styles.left]}>
      <Flex flex={1}>
        <SvgIcon name="date" color={theme.colors.icon} />
        <Text variant="p1" color={'disabled'} marginLeft="x2">
          {currentText}
        </Text>
      </Flex>
    </Box>
  );

  return (
    <>
      {labelPosition === 'top' ? (
        <Box>
          <Label {...{ label, required, colon }} />
          {Content}
          <Brief brief={brief} />
        </Box>
      ) : (
        <Box>
          <Flex>
            <Label {...{ label, required, colon }} />
            {Content}
          </Flex>
          <Brief brief={brief} />
        </Box>
      )}
      <DatePicker ref={datePickerRef} value={date} onChange={handleChange} {...restProps} />
    </>
  );
};
export default DatePickerInput;


================================================
FILE: packages/react-native-picker/src/date-picker-item/index.md
================================================
---
title: DatePickerItem - 日期列表表单输入
nav:
  title: RN组件
  path: /react-native
group:
  title: 选择组件
  path: /picker
---

# DatePickerItem 日期列表表单输入

## 效果演示

### 1. 默认效果

```tsx | pure
<DatePickerItem />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644825310419977747.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 在表单中效果

```tsx | pure
<FormListItem title="选择日期" arrow="horizontal" name="date1" required rules={[{ required: true, message: '请选择' }]}>
  <DatePickerItem />
</FormListItem>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644825399805402640.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性                     | 必填    | 说明             | 类型                                         | 默认值       |
| ------------------------ | ------- | ---------------- | -------------------------------------------- | ------------ |
| indicatorBackgroundColor | `false` | 指示器背景色     | `string`                                     |              |
| itemTextStyle            | `false` | 数据行文字样式   | `TextStyle`                                  |              |
| itemHeight               | `false` | 数据行高度       | `number`                                     |              |
| itemStyle                | `false` | 数据行样式       | `ViewStyle`                                  |              |
| containerStyle           | `false` | 选择器容器样式   | `ViewStyle`                                  |              |
| mode                     | `false` | 显示模式         | `DateMode`                                   |              |
| labelUnit                | `false` | 单位文字         | `LabelUnit`                                  |              |
| format                   | `false` | 日期格式化       | `string`                                     | `YYYY-MM-DD` |
| value                    | `false` | 当前日期         | `Date`                                       |              |
| onChange                 | `false` | 日期修改事件     | `(date?: Date, formatDate?: string) => void` |              |
| minDate                  | `false` | 最小日期         | `string`                                     |              |
| maxDate                  | `false` | 最大日期         | `string`                                     |              |
| title                    | `false` | 选择器标题       | `string`                                     |              |
| onClose                  | `false` | 弹窗关闭事件     | `() => void`                                 |              |
| cancelText               | `false` | 取消按钮文本     | `string`                                     | `取消`       |
| okText                   | `false` | 确认按钮文本     | `string`                                     | `确定`       |
| placeholder              | `false` | 默认提示语       | `string`                                     | `请选择`     |
| allowClear               | `false` | 是否允许清除     | `boolean`                                    | `true`       |
| disabled                 | `false` | 是否禁用         | `boolean`                                    | `false`      |
| style                    | `false` | 自定义样式       | `ViewStyle`                                  |              |
| activeOpacity            | `false` | 按下时的不透明度 | `number`                                     | `0.6`        |


================================================
FILE: packages/react-native-picker/src/date-picker-item/index.tsx
================================================
import React from 'react';
import { StyleProp, StyleSheet, ViewStyle } from 'react-native';

import { Box, Pressable, SvgIcon, Text, Theme, useTheme } from '@td-design/react-native';

import { DatePickerPropsBase } from '../components/DatePicker/type';
import DatePicker from '../date-picker';
import { ModalPickerProps } from '../type';
import useDatePicker from '../useDatePicker';

interface PickerItemProps extends DatePickerPropsBase, Omit<ModalPickerProps, 'visible' | 'displayType'> {
  placeholder?: string;
  /** 是否允许清除 */
  allowClear?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  style?: StyleProp<ViewStyle>;
  inForm?: boolean;
}

const DatePickerItem = ({
  placeholder = '请选择',
  format = 'YYYY-MM-DD',
  value,
  onChange,
  style,
  allowClear = true,
  disabled = false,
  activeOpacity = 0.6,
  inForm,
  ...restProps
}: PickerItemProps) => {
  const theme = useTheme<Theme>();
  const { date, handleChange, currentText, handleInputClear, handlePress, datePickerRef } = useDatePicker({
    value,
    format,
    onChange,
    placeholder,
  });

  const styles = StyleSheet.create({
    content: {
      justifyContent: 'flex-end',
      alignItems: 'center',
      flexDirection: 'row',
      flexGrow: 1,
      paddingHorizontal: theme.spacing[inForm ? 'x0' : 'x1'],
    },
    icon: { alignItems: 'flex-end' },
  });

  const Content = (
    <>
      <Text variant="p1" color={disabled ? 'disabled' : currentText === placeholder ? 'gray300' : 'text'}>
        {currentText}
      </Text>
      {!disabled && allowClear && !!currentText && currentText !== placeholder && (
        <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={styles.icon}>
          <SvgIcon name="closecircleo" color={theme.colors.icon} />
        </Pressable>
      )}
    </>
  );

  if (!disabled)
    return (
      <>
        <Pressable onPress={handlePress} activeOpacity={activeOpacity} style={[styles.content, style]}>
          {Content}
        </Pressable>
        <DatePicker ref={datePickerRef} value={date} onChange={handleChange} {...restProps} />
      </>
    );
  return <Box style={[styles.content, style]}>{Content}</Box>;
};

export default DatePickerItem;


================================================
FILE: packages/react-native-picker/src/index.ts
================================================
import { default as CascaderPicker } from './cascade-picker';
import { default as DatePeriodInput } from './date-period-input';
import { default as DatePicker } from './date-picker';
import { default as DatePickerInput } from './date-picker-input';
import { default as DatePickerItem } from './date-picker-item';
import { default as NormalPicker } from './normal-picker';
import { default as PickerInput } from './picker-input';
import { default as PickerItem } from './picker-item';

export {
  DatePicker,
  NormalPicker,
  CascaderPicker,
  DatePickerItem,
  DatePeriodInput,
  DatePickerInput,
  PickerInput,
  PickerItem,
};


================================================
FILE: packages/react-native-picker/src/normal-picker/index.tsx
================================================
import React from 'react';
import { Modal, StyleSheet } from 'react-native';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { useSafeAreaInsets } from 'react-native-safe-area-context';

import { Box, Flex, helpers, Pressable, Text } from '@td-design/react-native';

import WheelPicker from '../components/WheelPicker';
import { NormalPickerProps, PickerRef } from '../type';
import useNormalPicker from './useNormalPicker';

const { ONE_PIXEL, px } = helpers;
function NormalPicker(props: NormalPickerProps, ref: React.ForwardedRef<PickerRef>) {
  const {
    title,
    data,
    value,
    onChange,
    cancelText = '取消',
    okText = '确定',
    activeOpacity = 0.6,
    ...restProps
  } = props;

  const { bottom } = useSafeAreaInsets();

  const initialValue = data.length > 0 ? data[0].value : undefined;

  const { selectedValue, handleOk, handleChange, handleClose, visible } = useNormalPicker({
    value,
    initialValue,
    onChange,
    ref,
  });

  if (data.length === 0) return null;

  return (
    <Modal visible={visible} statusBarTranslucent animationType="none" transparent>
      <GestureHandlerRootView style={{ flex: 1 }}>
        <Box flex={1} justifyContent={'flex-end'} style={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }}>
          <Flex
            height={px(50)}
            borderBottomWidth={ONE_PIXEL}
            borderBottomColor="border"
            backgroundColor="white"
            paddingHorizontal="x3"
          >
            <Pressable activeOpacity={activeOpacity} onPress={handleClose} style={styles.cancel}>
              <Text variant="p0" color="primary200">
                {cancelText}
              </Text>
            </Pressable>
            <Flex.Item alignItems="center">
              <Text variant="p0" color="text">
                {title}
              </Text>
            </Flex.Item>
            <Pressable activeOpacity={activeOpacity} onPress={handleOk} style={styles.submit}>
              <Text variant="p0" color="primary200">
                {okText}
              </Text>
            </Pressable>
          </Flex>
          <Box height={px(200)} backgroundColor="white" style={{ paddingBottom: bottom }}>
            <WheelPicker {...restProps} data={data} value={selectedValue} onChange={handleChange} />
          </Box>
        </Box>
      </GestureHandlerRootView>
    </Modal>
  );
}

export default React.forwardRef(NormalPicker);

const styles = StyleSheet.create({
  cancel: { justifyContent: 'center', alignItems: 'flex-start' },
  submit: { justifyContent: 'center', alignItems: 'flex-end' },
});


================================================
FILE: packages/react-native-picker/src/normal-picker/useNormalPicker.ts
================================================
import { ForwardedRef, useImperativeHandle } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { PickerData } from '../components/WheelPicker/type';
import { NormalPickerProps, PickerRef } from '../type';

export default function useNormalPicker({
  value,
  initialValue,
  onChange,
  ref,
}: Omit<NormalPickerProps, 'data'> & { initialValue?: string | number } & {
  ref: ForwardedRef<PickerRef>;
}) {
  const [selectedValue, selectValue] = useSafeState(value || initialValue);
  const [visible, setVisible] = useSafeState(false);

  useImperativeHandle(ref, () => ({
    show: () => {
      setVisible(true);
    },
    hide: () => {
      setVisible(false);
    },
  }));

  const handleChange = (val: PickerData<string | number>) => {
    selectValue(val.value);
  };

  const handleClose = () => {
    selectValue(value);
    setVisible(false);
  };

  const handleOk = () => {
    onChange?.(selectedValue || initialValue);
    setVisible(false);
  };

  return {
    selectedValue,
    visible,
    ref,
    handleChange: useMemoizedFn(handleChange),
    handleOk: useMemoizedFn(handleOk),
    handleClose: useMemoizedFn(handleClose),
  };
}


================================================
FILE: packages/react-native-picker/src/picker-input/index.md
================================================
---
title: PickerInput - 选择器表单输入
nav:
  title: RN组件
  path: /react-native
group:
  title: 选择组件
  path: /picker
---

# PickerInput 选择器表单输入

## 效果演示

### 1. 默认效果

```tsx | pure
<PickerInput label="hahaha" data={loadTypeData} />
<WhiteSpace />
<PickerInput label="hahaha" labelPosition="left" data={loadTypeData} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644825727475637877.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| data | `true` | 选择项数据 | `CascadePickerItemProps[]` \| `Array<CascadePickerItemProps[]>` | `[]` |
| cascade | `false` | 是否级联选择 | `boolean` | `false` |
| cols | `false` | 选择列数量 | `number` | `3` |
| hyphen | `false` | 连接符 | `number` | `,` |
| value | `false` | 选中的值 | `ItemValue[]` |  |
| onChange | `false` | 选择回调 | `(value?: ItemValue[]) => void` |  |
| title | `false` | 选择器标题 | `string` |  |
| onClose | `false` | 弹窗关闭事件 | `() => void` |  |
| cancelText | `false` | 取消按钮文本 | `string` | `取消` |
| okText | `false` | 确认按钮文本 | `string` | `确定` |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |
| label | `false` | 标签文本 | `ReactNode` |  |
| labelPosition | `false` | 标签文本位置 | `top \| left` | `top` |
| required | `false` | 是否必填 | `boolean` | `false` |
| colon | `false` | 是否显示冒号 | `boolean` | `false` |
| placeholder | `false` | 默认提示语 | `string` | `请选择` |
| allowClear | `false` | 是否允许清除 | `boolean` | `true` |
| disabled | `false` | 是否禁用 | `boolean` | `false` |
| brief | `false` | 额外内容 | `ReactNode` |  |
| style | `false` | 自定义样式 | `ViewStyle` |  |


================================================
FILE: packages/react-native-picker/src/picker-input/index.tsx
================================================
import React from 'react';
import { StyleSheet } from 'react-native';

import { Box, Brief, Flex, helpers, Label, Pressable, SvgIcon, Text, useTheme } from '@td-design/react-native';

import CascaderPicker from '../cascade-picker';
import NormalPicker from '../normal-picker';
import { PickerInputProps } from '../type';
import usePicker from '../usePicker';

const { ONE_PIXEL } = helpers;

function PickerInput({
  label,
  labelPosition = 'left',
  placeholder = '请选择',
  required = false,
  colon = false,
  cascade,
  value,
  data,
  onChange,
  style,
  brief,
  allowClear = true,
  disabled = false,
  itemHeight,
  hyphen = ',',
  activeOpacity = 0.6,
  ...restProps
}: PickerInputProps) {
  const theme = useTheme();
  const { state, currentText, handlePress, handleChange, handleInputClear, pickerRef } = usePicker({
    data,
    cascade,
    value,
    onChange,
    placeholder,
    hyphen,
  });

  const styles = StyleSheet.create({
    content: {
      paddingVertical: theme.spacing.x2,
      paddingHorizontal: theme.spacing.x1,
      justifyContent: 'space-between',
      alignItems: 'center',
      flexDirection: 'row',
      borderWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
      borderRadius: theme.borderRadii.x1,
    },
    top: {},
    left: { flex: 1 },
    icon: { alignItems: 'flex-end' },
  });

  const BaseContent = (
    <>
      <Box flex={1}>
        <Text
          variant="p1"
          color={disabled ? 'disabled' : currentText === placeholder ? 'gray300' : 'text'}
          marginLeft="x2"
        >
          {currentText}
        </Text>
      </Box>
      <Flex>
        {!disabled && allowClear && !!currentText && currentText !== placeholder && (
          <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={styles.icon}>
            <SvgIcon name="closecircleo" color={theme.colors.icon} />
          </Pressable>
        )}
        <SvgIcon name="right" color={theme.colors.icon} />
      </Flex>
    </>
  );

  const Content = !disabled ? (
    <Pressable
      onPress={handlePress}
      activeOpacity={activeOpacity}
      style={[
        itemHeight ? { height: itemHeight } : {},
        styles.content,
        style,
        labelPosition === 'top' ? styles.top : styles.left,
      ]}
    >
      {BaseContent}
    </Pressable>
  ) : (
    <Box
      style={[
        itemHeight ? { height: itemHeight } : {},
        styles.content,
        style,
        labelPosition === 'top' ? styles.top : styles.left,
      ]}
    >
      {BaseContent}
    </Box>
  );

  return (
    <>
      {labelPosition === 'top' ? (
        <Box>
          <Label {...{ label, required, colon }} />
          {Content}
          <Brief brief={brief} />
        </Box>
      ) : (
        <Box>
          <Flex>
            <Label {...{ label, required, colon }} />
            {Content}
          </Flex>
          <Brief brief={brief} />
        </Box>
      )}
      {cascade ? (
        <CascaderPicker
          data={data}
          onChange={handleChange}
          value={state as (string | number)[]}
          ref={pickerRef}
          {...restProps}
        />
      ) : (
        <NormalPicker
          data={data}
          onChange={handleChange}
          value={state as string | number}
          ref={pickerRef}
          {...restProps}
        />
      )}
    </>
  );
}

export default PickerInput;


================================================
FILE: packages/react-native-picker/src/picker-item/index.md
================================================
---
title: PickerItem - 选择器列表表单输入
nav:
  title: RN组件
  path: /react-native
group:
  title: 选择组件
  path: /picker
---

# PickerItem 选择器列表表单输入

## 效果演示

### 1. 默认效果

```tsx | pure
<PickerItem data={carrierList} />
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644826189985177460.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 在表单中效果

```tsx | pure
<FormListItem
  title="驾驶车辆总重量"
  arrow="horizontal"
  name="loadType"
  required
  rules={[{ required: true, message: '请选择' }]}
>
  <PickerItem data={loadTypeData} />
</FormListItem>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1644826202135539833.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| data | `true` | 选择项数据 | `CascadePickerItemProps[]` \| `Array<CascadePickerItemProps[]>` | `[]` |
| cascade | `false` | 是否级联选择 | `boolean` | `false` |
| cols | `false` | 选择列数量 | `number` | `3` |
| hyphen | `false` | 连接符 | `number` | `,` |
| value | `false` | 选中的值 | `ItemValue[]` |  |
| onChange | `false` | 选择回调 | `(value?: ItemValue[]) => void` |  |
| title | `false` | 选择器标题 | `string` |  |
| onClose | `false` | 弹窗关闭事件 | `() => void` |  |
| cancelText | `false` | 取消按钮文本 | `string` | `取消` |
| okText | `false` | 确认按钮文本 | `string` | `确定` |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |
| placeholder | `false` | 默认提示语 | `string` | `请选择` |
| allowClear | `false` | 是否允许清除 | `boolean` | `true` |
| disabled | `false` | 是否禁用 | `boolean` | `false` |
| style | `false` | 自定义样式 | `ViewStyle` |  |


================================================
FILE: packages/react-native-picker/src/picker-item/index.tsx
================================================
import React from 'react';
import { StyleSheet } from 'react-native';

import { Box, Pressable, SvgIcon, Text, Theme, useTheme } from '@td-design/react-native';

import CascaderPicker from '../cascade-picker';
import NormalPicker from '../normal-picker';
import { PickerItemProps } from '../type';
import usePicker from '../usePicker';

function PickerItem({
  placeholder = '请选择',
  disabled = false,
  cascade,
  value,
  data,
  onChange,
  style,
  allowClear = true,
  hyphen = ',',
  activeOpacity = 0.6,
  inForm,
  ...restProps
}: PickerItemProps) {
  const theme = useTheme<Theme>();
  const { state, currentText, handlePress, handleChange, handleInputClear, pickerRef } = usePicker({
    data,
    cascade,
    value,
    onChange,
    placeholder,
    hyphen,
  });

  const styles = StyleSheet.create({
    content: {
      flexGrow: 1,
      justifyContent: 'flex-end',
      alignItems: 'center',
      flexDirection: 'row',
      paddingHorizontal: theme.spacing[inForm ? 'x0' : 'x1'],
    },
    icon: { alignItems: 'flex-end' },
  });

  const Content = (
    <>
      <Text
        variant="p1"
        color={disabled ? 'disabled' : currentText === placeholder ? 'gray300' : 'text'}
        numberOfLines={1}
        textAlign={'right'}
        style={{ flex: 1 }}
      >
        {currentText}
      </Text>
      {!disabled && allowClear && !!currentText && currentText !== placeholder && (
        <Pressable activeOpacity={1} onPress={handleInputClear} hitOffset={10} style={styles.icon}>
          <SvgIcon name="closecircleo" color={theme.colors.icon} />
        </Pressable>
      )}
    </>
  );

  if (!disabled)
    return (
      <>
        <Pressable onPress={handlePress} activeOpacity={activeOpacity} style={[styles.content, style]}>
          {Content}
        </Pressable>
        {cascade ? (
          <CascaderPicker
            data={data}
            onChange={handleChange}
            value={state as (string | number)[]}
            ref={pickerRef}
            {...restProps}
          />
        ) : (
          <NormalPicker
            data={data}
            onChange={handleChange}
            value={state as string | number}
            ref={pickerRef}
            {...restProps}
          />
        )}
      </>
    );

  return <Box style={[styles.content, style]}>{Content}</Box>;
}

export default PickerItem;


================================================
FILE: packages/react-native-picker/src/type.ts
================================================
import { StyleProp, ViewStyle } from 'react-native';

import { CascadePickerItemProps, WheelPickerPropsBase } from './components/WheelPicker/type';

export interface PickerRef {
  hide: () => void;
  show: () => void;
}

export interface DatePickerRef {
  hide: () => void;
  show: () => void;
  getValue: () => { date?: Date; formatDate: string };
}

/** 弹窗Picker的属性 */
export interface ModalPickerProps {
  /** 选择器标题 */
  title?: string;
  /** 取消按钮文本 */
  cancelText?: string;
  /** 确认按钮文本 */
  okText?: string;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

export type CascaderProps = WheelPickerPropsBase & {
  data: CascadePickerItemProps<string | number>[];
  /** 展示几列 */
  cols?: number;
  /** 当前值 */
  value?: (string | number)[];
  /** 修改事件 */
  onChange?: (value?: (string | number)[]) => void;
} & ModalPickerProps;

export type NormalPickerProps = WheelPickerPropsBase & {
  data: CascadePickerItemProps<string | number>[];
  /** 当前值 */
  value?: string | number;
  /** 修改事件 */
  onChange?: (value?: string | number) => void;
} & ModalPickerProps;

export type PickerProps = CascaderProps | NormalPickerProps;

export type PickerInputProps = PickerProps & {
  cascade?: boolean;
  /** 标签文本 */
  label?: React.ReactNode;
  /** 标签文本位置 */
  labelPosition?: 'top' | 'left';
  /** 是否显示冒号 */
  colon?: boolean;
  /** 是否必填 */
  required?: boolean;
  /** 默认提示语 */
  placeholder?: string;
  /** 是否允许清除 */
  allowClear?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  /** 额外内容 */
  brief?: React.ReactNode;
  /** 自定义样式 */
  style?: StyleProp<ViewStyle>;
  /** 自定义高度 */
  itemHeight?: number;
  /** 连接符 */
  hyphen?: string;
};

export type PickerItemProps = PickerProps & {
  cascade?: boolean;
  placeholder?: string;
  /** 是否允许清除 */
  allowClear?: boolean;
  /** 是否禁用 */
  disabled?: boolean;
  /** 自定义样式 */
  style?: StyleProp<ViewStyle>;
  /** 是否在表单里 */
  inForm?: boolean;
  /** 连接符 */
  hyphen?: string;
};


================================================
FILE: packages/react-native-picker/src/useDatePicker.tsx
================================================
import { useRef } from 'react';
import { Keyboard } from 'react-native';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';
import dayjs from 'dayjs';

import { DatePickerPropsBase } from './components/DatePicker/type';
import { DatePickerRef } from './type';

function getText(value?: Date, format?: string, placeholder?: string) {
  if (value) {
    return dayjs(value).format(format);
  }
  return placeholder;
}

export default function useDatePicker({
  value,
  onChange,
  placeholder = '请选择',
  format = 'YYYY-MM-DD',
}: Pick<DatePickerPropsBase, 'value' | 'onChange' | 'format'> & {
  placeholder?: string;
}) {
  const datePickerRef = useRef<DatePickerRef>(null);
  const [date, setDate] = useSafeState(value);

  const currentText = getText(date, format, placeholder);

  const handlePress = () => {
    Keyboard.dismiss();
    datePickerRef.current?.show();
  };

  const handleChange = (date?: Date, formatDate?: string) => {
    setDate(date);
    onChange?.(date, formatDate);
  };

  const handleInputClear = () => {
    setDate(undefined);
    onChange?.(undefined);
  };

  return {
    date,
    currentText,
    datePickerRef,
    handlePress: useMemoizedFn(handlePress),
    handleChange: useMemoizedFn(handleChange),
    handleInputClear: useMemoizedFn(handleInputClear),
  };
}


================================================
FILE: packages/react-native-picker/src/usePicker.tsx
================================================
import { useRef } from 'react';
import { Keyboard } from 'react-native';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { CascadePickerItemProps } from './components/WheelPicker/type';
import { PickerInputProps, PickerRef } from './type';
import { transformValueToLabel } from './utils';

function getText<T>(
  data: CascadePickerItemProps<T>[],
  value?: T[] | T,
  cascade?: boolean,
  placeholder?: string,
  hyphen?: string
) {
  if (value) {
    return transformValueToLabel(data, value, cascade, hyphen) || placeholder;
  }
  return placeholder;
}

export default function usePicker<T extends string | number>({
  data,
  cascade = false,
  value,
  onChange,
  placeholder = '请选择',
  hyphen,
}: Pick<PickerInputProps, 'data' | 'value' | 'cascade' | 'onChange'> & {
  placeholder?: string;
  hyphen?: string;
}) {
  const pickerRef = useRef<PickerRef>(null);
  const [state, setState] = useSafeState(value);

  const currentText = getText(data, state, cascade, placeholder, hyphen);

  const handlePress = () => {
    Keyboard.dismiss();
    pickerRef.current?.show();
  };

  const handleChange = (value?: T[] | T) => {
    setState(value);

    if (cascade) {
      (onChange as (value?: T[]) => void)?.(value as T[]);
    } else {
      (onChange as (value?: T) => void)?.(value as T);
    }
  };

  const handleInputClear = () => {
    setState(undefined);
    onChange?.(undefined);
  };

  return {
    state,
    currentText,
    pickerRef,
    handlePress: useMemoizedFn(handlePress),
    handleChange: useMemoizedFn(handleChange),
    handleInputClear: useMemoizedFn(handleInputClear),
  };
}


================================================
FILE: packages/react-native-picker/src/utils.ts
================================================
import { CascadePickerItemProps } from './components/WheelPicker/type';

/**
 * 根据value，返回对应的label
 * @param data 数据
 * @param value 选中的值
 * @param cascade 是否级联
 * @returns 值对应的文本
 */
export function transformValueToLabel<T>(
  data: CascadePickerItemProps<T>[],
  value?: T[] | T,
  cascade?: boolean,
  hyphen?: string
) {
  if (!value) return undefined;

  if (!cascade) {
    return data.find(item => item.value === value)?.label;
  }

  return (value as T[]).map(val => findByValue(data, val)?.label).join(hyphen);
}

/**
 * 根据value从一个级联数组中查找节点
 * @param data
 * @param value
 * @returns
 */
function findByValue<T>(data: CascadePickerItemProps<T>[], value: T): CascadePickerItemProps<T> | undefined {
  let selectedItem: CascadePickerItemProps<T> | undefined = undefined;

  function recursion(list: CascadePickerItemProps<T>[], value: T) {
    if (!list) return;
    for (let i = 0; i < list.length; i++) {
      if (list[i].value === value) {
        selectedItem = list[i];
        break;
      }
      if (list[i].children) {
        recursion(list[i].children!, value);
      }
    }
  }

  recursion(data, value);

  return selectedItem;
}


================================================
FILE: packages/react-native-picker/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example", "calendar", "password", "rating", "tabs"]
}


================================================
FILE: packages/react-native-picker/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-rating/CHANGELOG.md
================================================
# @td-design/react-native-rating

## 2.7.2

### Patch Changes

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 优化useEffect的依赖项

- [#892](https://github.com/thundersdata-frontend/td-design/pull/892) [`0648f3c23`](https://github.com/thundersdata-frontend/td-design/commit/0648f3c23a361f5aa2a01c436554d4c10933256f) Thanks [@chj-damon](https://github.com/chj-damon)! - refactor: 优化代码性能

## 2.7.1

### Patch Changes

- [#890](https://github.com/thundersdata-frontend/td-design/pull/890) [`fe9a1ab9d`](https://github.com/thundersdata-frontend/td-design/commit/fe9a1ab9d4cb8133257138c2f6430194faf59af3) Thanks [@chj-damon](https://github.com/chj-damon)! - 删除 `react-native-redash`依赖优化`react-native-picker` 的`onChange`事件的参数类型问题

## 2.7.0

### Minor Changes

- [#743](https://github.com/thundersdata-frontend/td-design/pull/743) [`acdd74c13`](https://github.com/thundersdata-frontend/td-design/commit/acdd74c1324be45816f4e1dff0d5e854124172ad) Thanks [@chj-damon](https://github.com/chj-damon)! - perf: 优化多个组件

## 2.6.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 2.6.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 2.5.1

### Patch Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`469b748a3`](https://github.com/thundersdata-frontend/td-design/commit/469b748a33b288afc288be969a193eae0e2f6d13) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件同时为一些组件补充 activeOpacity 属性

## 2.5.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 2.4.4

### Patch Changes

- [#631](https://github.com/thundersdata-frontend/td-design/pull/631) [`71a4fb174`](https://github.com/thundersdata-frontend/td-design/commit/71a4fb17491c9bf22d407a3450f49e827a243503) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复一些样式上的问题

## 2.4.3

### Patch Changes

- [#625](https://github.com/thundersdata-frontend/td-design/pull/625) [`5efa85848`](https://github.com/thundersdata-frontend/td-design/commit/5efa858485f78542b293404baa504e11182830bb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 useTheme 引入路径不正确导致报错的问题

## 2.4.2

### Patch Changes

- [#589](https://github.com/thundersdata-frontend/td-design/pull/589) [`6bd906307`](https://github.com/thundersdata-frontend/td-design/commit/6bd90630781c3769af64ab0983f8d050daca6c0c) Thanks [@SunshineH2](https://github.com/SunshineH2)! - 修复 useUpdateEffect 第一次不会执行的问题


================================================
FILE: packages/react-native-rating/package.json
================================================
{
  "name": "@td-design/react-native-rating",
  "version": "2.7.2",
  "description": "基于 @td-design/react-native 的 rating 组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "react-native-builder-bob": "^0.21.3",
    "react-native-gesture-handler": "^2.12.0",
    "react-native-reanimated": "^3.3.0",
    "react-native-svg": "^13.10.0",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61"
}


================================================
FILE: packages/react-native-rating/src/SwipeRating.tsx
================================================
import React, { forwardRef, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import { PanGestureHandler } from 'react-native-gesture-handler';
import Animated from 'react-native-reanimated';

import { Flex, Theme, useTheme } from '@td-design/react-native';

import SwipeStar from './components/SwipeStar';
import { SwipeRatingProps } from './type';
import useSwipeRating from './useSwipeRating';

const SwipeRating = forwardRef<unknown, SwipeRatingProps>(
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  (props, _ref) => {
    const theme = useTheme<Theme>();
    const {
      onFinishRating,
      size = 40,
      count = 5,
      rating = count / 2,
      fractions = 2,
      strokeColor = theme.colors.func200,
      ratingBgColor = theme.colors.white,
      ratingFillColor = theme.colors.func200,
    } = props;

    if (size > 80) {
      throw new Error('评分组件最大size不能超过80');
    }

    const { primaryViewStyle, handler } = useSwipeRating({
      fractions,
      size,
      rating,
      count,
      onFinishRating,
      ratingFillColor,
    });

    const Ratings = useMemo(
      () =>
        Array(count)
          .fill('')
          .map((_, index) => (
            <SwipeStar key={index} width={size} height={size} bgColor={ratingBgColor} strokeColor={strokeColor} />
          )),
      [count, ratingBgColor, size, strokeColor]
    );

    const styles = StyleSheet.create({
      content: { flexDirection: 'row', alignItems: 'center', width: count * size },
    });

    return (
      <PanGestureHandler onGestureEvent={handler}>
        <Animated.View style={styles.content}>
          <Flex style={StyleSheet.absoluteFill}>
            <Animated.View style={primaryViewStyle} />
          </Flex>
          <Flex justifyContent="center" alignItems="center">
            {Ratings}
          </Flex>
        </Animated.View>
      </PanGestureHandler>
    );
  }
);

export default SwipeRating;


================================================
FILE: packages/react-native-rating/src/TapRating.tsx
================================================
import React, { forwardRef, useMemo } from 'react';
import { StyleSheet } from 'react-native';

import { Flex, helpers, Text, Theme, useTheme } from '@td-design/react-native';

import Star from './components/Star';
import { TapRatingProps } from './type';
import useTapRating from './useTapRating';

const { px } = helpers;
const STAR_SIZE = px(40);

const TapRating = forwardRef<unknown, TapRatingProps>(
  (
    props,
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    _ref
  ) => {
    const theme = useTheme<Theme>();
    const {
      rating = 3,
      reviews = ['非常差', '很差', '一般', '很好', '非常好'],
      count = 5,
      activeOpacity = 0.6,
      showReview = true,
      reviewSize = px(24),
      onFinishRating,
      size = STAR_SIZE,
      disabled = false,
      starStyle,
      outRangeScale = 1.2,
      selectedColor = theme.colors.func200,
      reviewColor = selectedColor,
      unselectedColor = theme.colors.gray50,
    } = props;

    const { position, handleSelect } = useTapRating({ rating, onFinishRating });

    const styles = StyleSheet.create({
      text: {
        margin: theme.spacing.x2,
        fontWeight: 'bold',
        fontSize: reviewSize,
        color: reviewColor,
      },
    });

    const Ratings = useMemo(
      () =>
        Array(count)
          .fill('')
          .map((_, index) => (
            <Star
              key={index}
              position={index + 1}
              fill={position >= index + 1}
              onSelectStarInPosition={handleSelect}
              {...{ size, disabled, starStyle, selectedColor, unselectedColor, outRangeScale, activeOpacity }}
            />
          )),
      [count, disabled, outRangeScale, position, selectedColor, size, starStyle, unselectedColor, activeOpacity]
    );

    return (
      <Flex flexDirection="column" alignItems="center" justifyContent="center" backgroundColor="transparent">
        {showReview && (
          <Text variant="h0" style={styles.text}>
            {reviews[position - 1]}
          </Text>
        )}
        <Flex justifyContent="center" alignItems="center">
          {Ratings}
        </Flex>
      </Flex>
    );
  }
);

export default TapRating;


================================================
FILE: packages/react-native-rating/src/components/Star.tsx
================================================
/**
 * 单个评分组件
 */
import React, { FC } from 'react';
import { StyleSheet } from 'react-native';
import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withSequence, withTiming } from 'react-native-reanimated';

import { Pressable, Theme, useTheme } from '@td-design/react-native';

import { StarProps } from '../type';

export const STAR_IMAGE =
  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKAAAAACu2vZrAAAEA0lEQVRYCdWYS4gTWRSGz6mULxhdKDiCdGxtH92dRKYZFy4aVGbhRhEExYW48AHiwoUO6ug4ONAzoy5EUBFFRFAXPhYqPhbuBDeCisb46LQdkzAILmahIG2SquN/K5PGpKtu5XHb1oKQuuec+5+vTj3ug+g7OdgkpzxrX0firicSm9i6yvHsGVP6xkAl2baVhE5WgVnWfsD2VdmabBgBlafROajiKzDYIzhs62fuzj4aYW/QYDUY7x/O9BscIyFVtOPu9+/UmLXlikpqTpSc0gAqOs43NeOBIPsnTmSe+vrrNLZeUdfZEwipIISA6vxeJ09gWEsVlVfzZ1Jh6DWJTAjMoBxMLlmc4FjuuTZO42ytooWhXaGQKrmQRY7s03CEupquqKTaZ5DrZgA6MTSLClBVtcd1cddgf13xNUHNV9R1fq0bUiVVVS2W9tbkr7vZVEUl2b4UL8htZJlUd6ZyoEMRWs2x/I0G++GGBBwiByx6eS5KJXceMc9H9co/4gUoz+yAbvWZmfJ4Fl5AMw3tfrKsfnKdNMUXv2G+4viJDINKcvaPRKXNCFpEwoCjuRDSv81+ii3ZuIi8ryGBC6DHZEXOcncmqyQ9UBnomE4fi0lUanpLeUx3Zv5AERtD8GC6/DJ9LBz95iDVRYtMplLRm4H9/9bzL6aLYUyPqVdkTaTyefrXmLBpIaG36gUrgzIdNK1vTM+y/lFaHigncpdxtsOYuDEhPoSJ9wklN/x5Ug15NmsblhLHvRmPMozt0ccL88Nz2SpQxSXJWZuI3NPekDdWoMwHcJf//DL9CNAybHQ9Pg3ncB75MvirnDPt40T+79pcvqAqSJLRtYC9iFP/JUatkom2xbs5njvsJxUIqoIl1baKXL4M4PF+nQ3bduKZPBKkWfmO+voxy7mOcX+jr9Okka2/dJAqlbaiKkBEmJLRIk5H73kdb3dyZ0YttwMPbUW9Xi+7puJ/9CBVEpcwc9Mf4aCloYRewoDXKcXCVMJBReJhIgb8oTnCQUlGv6JCBkA5XKTlijIZuPX0FUCFpnnLb80Va2+9t68kMkXT36DL1VZVC4qVYTPPJzYYONXwFbj6O6cHZdFeZQ1MEkvflRhhFvDCXJxsewna92tidM0unVMPKgFbiVWKnAHQBkpswtZi7mbFhWXuPbR7sUW+AuPfk4o98F/t+mkOPSjxg+C+/A6A2ykyuRNA5zGFdP1iOZG9RfFcDzDW4Zf2i/FsFmmrrwUFwF3AnKoSZ36PFcwfAOyA/xjHUoUqv0+DmQVzzEsU7+jGrsgWAOerwpiuUWzjhSpbTUNb7koslijLMB73oj1IkR/uAO6/iq+Zf0nPnUCFT8sxhexB/4cUz95SF6PT+gz2IBnaCegUDQAAAABJRU5ErkJggg==';
export const STAR_SELECTED_IMAGE =
  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKAAAAACu2vZrAAAEA0lEQVRYCdWYS4gTWRSGz6mULxhdKDiCdGxtH92dRKYZFy4aVGbhRhEExYW48AHiwoUO6ug4ONAzoy5EUBFFRFAXPhYqPhbuBDeCisb46LQdkzAILmahIG2SquN/K5PGpKtu5XHb1oKQuuec+5+vTj3ug+g7OdgkpzxrX0firicSm9i6yvHsGVP6xkAl2baVhE5WgVnWfsD2VdmabBgBlafROajiKzDYIzhs62fuzj4aYW/QYDUY7x/O9BscIyFVtOPu9+/UmLXlikpqTpSc0gAqOs43NeOBIPsnTmSe+vrrNLZeUdfZEwipIISA6vxeJ09gWEsVlVfzZ1Jh6DWJTAjMoBxMLlmc4FjuuTZO42ytooWhXaGQKrmQRY7s03CEupquqKTaZ5DrZgA6MTSLClBVtcd1cddgf13xNUHNV9R1fq0bUiVVVS2W9tbkr7vZVEUl2b4UL8htZJlUd6ZyoEMRWs2x/I0G++GGBBwiByx6eS5KJXceMc9H9co/4gUoz+yAbvWZmfJ4Fl5AMw3tfrKsfnKdNMUXv2G+4viJDINKcvaPRKXNCFpEwoCjuRDSv81+ii3ZuIi8ryGBC6DHZEXOcncmqyQ9UBnomE4fi0lUanpLeUx3Zv5AERtD8GC6/DJ9LBz95iDVRYtMplLRm4H9/9bzL6aLYUyPqVdkTaTyefrXmLBpIaG36gUrgzIdNK1vTM+y/lFaHigncpdxtsOYuDEhPoSJ9wklN/x5Ug15NmsblhLHvRmPMozt0ccL88Nz2SpQxSXJWZuI3NPekDdWoMwHcJf//DL9CNAybHQ9Pg3ncB75MvirnDPt40T+79pcvqAqSJLRtYC9iFP/JUatkom2xbs5njvsJxUIqoIl1baKXL4M4PF+nQ3bduKZPBKkWfmO+voxy7mOcX+jr9Okka2/dJAqlbaiKkBEmJLRIk5H73kdb3dyZ0YttwMPbUW9Xi+7puJ/9CBVEpcwc9Mf4aCloYRewoDXKcXCVMJBReJhIgb8oTnCQUlGv6JCBkA5XKTlijIZuPX0FUCFpnnLb80Va2+9t68kMkXT36DL1VZVC4qVYTPPJzYYONXwFbj6O6cHZdFeZQ1MEkvflRhhFvDCXJxsewna92tidM0unVMPKgFbiVWKnAHQBkpswtZi7mbFhWXuPbR7sUW+AuPfk4o98F/t+mkOPSjxg+C+/A6A2ykyuRNA5zGFdP1iOZG9RfFcDzDW4Zf2i/FsFmmrrwUFwF3AnKoSZ36PFcwfAOyA/xjHUoUqv0+DmQVzzEsU7+jGrsgWAOerwpiuUWzjhSpbTUNb7koslijLMB73oj1IkR/uAO6/iq+Zf0nPnUCFT8sxhexB/4cUz95SF6PT+gz2IBnaCegUDQAAAABJRU5ErkJggg==';

const Star: FC<StarProps> = ({
  fill,
  size,
  selectedColor,
  unselectedColor,
  disabled,
  starStyle,
  outRangeScale,
  position,
  activeOpacity = 0.6,
  onSelectStarInPosition,
}) => {
  const theme = useTheme<Theme>();

  const animation = useSharedValue(0);

  const handlePress = () => {
    'worklet';
    animation.value = withSequence(withTiming(1), withTiming(0));
    onSelectStarInPosition && runOnJS(onSelectStarInPosition)(position);
  };

  const style = useAnimatedStyle(() => ({
    transform: [
      {
        scale: mix(animation.value, 1, outRangeScale),
      },
    ],
  }));

  const source = fill ? STAR_SELECTED_IMAGE : STAR_IMAGE;

  const styles = StyleSheet.create({
    image: {
      margin: theme.spacing.x1,
      // tintColor 在安卓下不能为undefined，否则不会显示
      tintColor: fill && selectedColor ? selectedColor : unselectedColor,
      width: size,
      height: size,
    },
  });

  return (
    <Pressable activeOpacity={activeOpacity} onPress={handlePress} disabled={disabled}>
      <Animated.Image source={{ uri: source }} style={[styles.image, starStyle, style]} />
    </Pressable>
  );
};

export default Star;

const mix = (value: number, x: number, y: number) => {
  'worklet';
  return x * (1 - value) + y * value;
};


================================================
FILE: packages/react-native-rating/src/components/SwipeStar.tsx
================================================
import React, { FC } from 'react';
import { SvgXml } from 'react-native-svg';

import { Theme, useTheme } from '@td-design/react-native';

const SwipeStar: FC<{ width?: number; height?: number; bgColor?: string; strokeColor?: string }> = ({
  width = 40,
  height = 40,
  ...restProps
}) => {
  const theme = useTheme<Theme>();
  const { bgColor = theme.colors.background, strokeColor = theme.colors.func200 } = restProps;

  const xml = `
  <svg width=${width} height=${height} viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>star</title>
  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="star" fill-rule="nonzero">
          <path d="M80,0 L80,80 L0,80 L0,0 L80,0 Z M39.9888734,4 C37.764954,4 35.731337,5.30862308 34.7337808,7.38162792 L27.5325576,22.695565 C27.0489394,23.632796 26.1666324,24.2741488 25.1561538,24.422983 L9.03261518,26.9014524 C6.81871742,27.2657196 4.98944788,28.8976888 4.30141154,31.122361 C3.58335378,33.3464074 4.17254414,35.8029246 5.8100678,37.412416 L17.4580463,49.1964118 C18.1824133,49.9416956 18.5290786,50.9985472 18.3942053,52.0504068 L15.5893289,68.8664466 C15.2742964,70.6372876 15.7516161,72.4612466 16.8855491,73.8196302 C18.0312864,75.1843692 19.6795911,75.976329 21.4187192,75.997679 C22.379976,76.0165872 23.327366,75.7565662 24.155184,75.2466278 L38.6296424,67.2141336 C39.0894234,67.0277718 39.5767482,66.9261208 40.0698872,66.913713 C40.5734358,66.9031742 41.0705792,67.0327982 41.5101318,67.2892386 L56.0566026,75.2466278 C56.8690762,75.7291872 57.7861214,75.9876824 58.721055,75.997679 C60.4453508,75.9584982 62.0690248,75.143008 63.1734932,73.7614418 C64.2779618,72.3798756 64.7551482,70.5674254 64.4820338,68.7913414 L61.7455688,52.0504068 C61.5743872,50.9951428 61.9266614,49.9211916 62.681728,49.1964118 L74.2540936,37.337311 C75.8492302,35.6949058 76.4080926,33.2483286 75.6943382,31.0322348 C74.9689446,28.8428064 73.1405414,27.252491 70.9451314,26.9014524 L54.8215928,24.422983 C53.8077954,24.2830124 52.9219828,23.6391112 52.445189,22.695565 L45.243966,7.38162792 C44.2464096,5.30862308 42.2127928,4 39.9888734,4 Z" id="bg" fill="${bgColor}"></path>
          <path d="M39.9888736,4.5 C41.0034868,4.5 41.9744924,4.79900194 42.8057374,5.33390426 C43.6415098,5.8717199 44.3359444,6.64776882 44.7914964,7.5943974 L44.7914964,7.5943974 L51.9989298,22.9210696 C52.5514164,24.0144072 53.5798966,24.7562906 54.7456268,24.9171786 L54.7456268,24.9171786 L70.8661864,27.3951808 C71.8705696,27.5557782 72.7906492,28.000453 73.5428552,28.6547096 C74.299321,29.3126712 74.8860554,30.1824276 75.2184144,31.1855196 C75.5472502,32.2065022 75.5828566,33.2805742 75.352606,34.2885612 C75.1229236,35.2940598 74.628588,36.23406 73.896241,36.9881106 L73.896241,36.9881106 L62.3354834,48.8356984 C61.4639266,49.672296 61.0542748,50.911447 61.2521182,52.1310664 L61.2521182,52.1310664 L63.987843,68.8673354 C64.2395726,70.5043526 63.801203,72.1755114 62.782951,73.44923 C61.7725272,74.713157 60.2879752,75.4619458 58.7264014,75.4977082 C57.879116,75.4886486 57.0481796,75.2540222 56.2965624,74.8079718 L56.2965624,74.8079718 L41.762093,66.8573644 C41.2424482,66.5541972 40.654652,66.4013654 40.057311,66.4138716 C39.4938152,66.4280498 38.937062,66.5460192 38.4128616,66.7626034 L38.4128616,66.7626034 L23.8929444,74.8209168 C23.147435,75.2801528 22.2943256,75.5148062 21.424857,75.4977172 C19.8295407,75.4781326 18.3190004,74.74945 17.2693892,73.499214 C16.2287868,72.2526348 15.7925888,70.5785926 16.0825155,68.9487094 L16.0825155,68.9487094 L18.8901451,52.1139984 C19.0445697,50.9096612 18.6454755,49.7007408 17.8136461,48.844917 L17.8136461,48.844917 L6.16055584,37.0558238 C5.4092605,36.3173896 4.89919534,35.3843172 4.6586071,34.3812304 C4.4173719,33.3754462 4.44693986,32.2989842 4.779088,31.2700948 C5.09542576,30.2472596 5.67349722,29.3601904 6.4276748,28.6873564 C7.1775119,28.0183946 8.10149474,27.5613788 9.1085817,27.395648 L9.1085817,27.395648 L25.2290134,24.9176462 C26.3958594,24.7457804 27.4177998,24.0083368 27.9850278,22.9083346 L27.9850278,22.9083346 L35.1843292,7.59843744 C35.641803,6.64776882 36.3362374,5.87171994 37.1720098,5.3339043 C38.0032548,4.79900196 38.9742604,4.5 39.9888736,4.5 Z"  id="border" stroke="${strokeColor}" stroke-width="1"></path>
      </g>
  </g>
</svg>
  `;
  return <SvgXml xml={xml} width={width} height={height} />;
};

export default SwipeStar;


================================================
FILE: packages/react-native-rating/src/index.md
================================================
---
title: Rating - 评分组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 评分组件
  path: /ratings
---

# Rating 评分组件

使用本组件需要单独安装：**yarn add @td-design/react-native-rating**

## 效果演示

### 1. 点击评分

```tsx | pure
<TapRating count={5} selectedColor="red" />
```

<center>
  <figure>
    <img
      alt="rating-ios1.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608031082750770825.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 不显示评分对应的文字

```tsx | pure
<TapRating count={5} showReview={false} />
```

<center>
  <figure>
    <img
      alt="rating-ios2.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608031167591520069.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 滑动评分向上取整

```tsx | pure
const [rating, setRating] = useState(0);

<Text>您选择的分数是：{rating}</Text>
<SwipeRating
  count={5}
  fractions={0}
  defaultRating={0}
  onFinishRating={position => {
    setRating(position);
  }}
/>
```

<center>
  <figure>
    <img
      alt="rating-ios3.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608031383343799559.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 滑动评分保留小数

```tsx | pure
const [rating, setRating] = useState(2.5);

<Text>您选择的分数是：{rating}</Text>
<SwipeRating
  count={5}
  defaultRating={2.5}
  fractions={2}
  onFinishRating={position => {
    setRating(position);
  }}
/>
```

<center>
  <figure>
    <img
      alt="rating-ios4.gif"
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608031551235116500.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### TapRating

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| defaultRating | `false` | 默认分数 | `number` |  |
| count | `false` | 评分总数 | `number` | `5` |
| showReview | `false` | 是否显示文字 | `boolean` | `true` |
| reviewSize | `false` | 文字大小 | `number` | `25` |
| reviewColor | `false` | 文字颜色 | `string` |  |
| reviews | `false` | 文字数组 | `string[]` | `['非常差', '很差', '一般', '很好', '非常好']` |
| size | `false` | 评分大小 | `number` | `40` |
| disabled | `false` | 是否禁用 | `boolean` | `false` |
| starStyle | `false` | 评分样式 | `ImageStyle` |  |
| selectedColor | `false` | 评分选中颜色 | `string` | `gold` |
| unselectedColor | `false` | 评分未选中颜色 | `string` | `gray` |
| outRangeScale | `false` | 评分点击时缩放大小 | `number` |  |
| onFinishRating | `false` | 评分结束时的回调事件 | `(rating: number) => void` | `1.2` |
| activeOpacity | `false` | 按下时的不透明度 | `number` | `0.6` |

### SwipeRating

| 属性            | 必填    | 说明                      | 类型                       | 默认值 |
| --------------- | ------- | ------------------------- | -------------------------- | ------ |
| ratingBgColor   | `false` | 评分底色                  | `string`                   |        |
| ratingFillColor | `false` | 评分填充色                | `string`                   |        |
| count           | `false` | 评分总数                  | `number`                   | `5`    |
| strokeColor     | `false` | 评分边框色                | `string`                   |        |
| size            | `false` | 评分大小                  | `number`                   | `40`   |
| disabled        | `false` | 是否禁用                  | `boolean`                  |        |
| defaultRating   | `false` | 默认选中评分              | `number`                   | `2.5`  |
| minValue        | `false` | 评分最小值                | `number`                   | `0`    |
| fractions       | `false` | 小数位数。传 0 时向上取整 | `number`                   | `2`    |
| onFinishRating  | `false` | 评分结束时的回调事件      | `(rating: number) => void` |        |


================================================
FILE: packages/react-native-rating/src/index.tsx
================================================
import SwipeRating from './SwipeRating';
import TapRating from './TapRating';

export { TapRating, SwipeRating };


================================================
FILE: packages/react-native-rating/src/type.ts
================================================
import { ImageStyle, StyleProp } from 'react-native';

export interface TapRatingProps {
  /** 评分  */
  rating?: number;
  /** 评分总数，默认为5 */
  count?: number;
  /** 是否显示文字，默认为true */
  showReview?: boolean;
  /** 文字大小，默认25 */
  reviewSize?: number;
  /** 文字颜色，默认同评分选中颜色 */
  reviewColor?: string;
  /** 文字数组，默认为['非常差', '很差', '一般', '很好', '非常好'] */
  reviews?: string[];
  /** 评分大小，默认为40 */
  size?: number;
  /** 是否禁用选择，默认为false */
  disabled?: boolean;
  /** 评分样式 */
  starStyle?: StyleProp<ImageStyle>;
  /** 评分选中颜色 */
  selectedColor?: string;
  /** 评分未选中时的颜色 */
  unselectedColor?: string;
  /** 评分点击时缩放大小 */
  outRangeScale?: number;
  /** 评分结束时的回调事件 */
  onFinishRating?: (rating: number) => void;
  /** 按下时的不透明度 */
  activeOpacity?: number;
}

export type StarProps = Required<
  Pick<TapRatingProps, 'size' | 'disabled' | 'selectedColor' | 'unselectedColor' | 'outRangeScale' | 'activeOpacity'>
> &
  Pick<TapRatingProps, 'starStyle'> & {
    /** 是否填充选中颜色 */
    fill?: boolean;
    /** 当前评分分数 */
    position: number;
    /** 修改评分分数 */
    onSelectStarInPosition: (position: number) => void;
  };

export interface SwipeRatingProps {
  /** 评分底色 */
  ratingBgColor?: string;
  /** 评分填充色 */
  ratingFillColor?: string;
  /** 评分总数 */
  count?: number;
  /** 评分边框色 */
  strokeColor?: string;
  /** 评分大小 */
  size?: number;
  /** 是否禁用 */
  disabled?: boolean;
  /** 默认评分为count / 2 */
  rating?: number;
  /** 小数位数 */
  fractions?: number;
  /** 评分结束时的回调事件 */
  onFinishRating?: (rating: number) => void;
}


================================================
FILE: packages/react-native-rating/src/useSwipeRating.ts
================================================
import { useEffect } from 'react';
import { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';

import { SwipeRatingProps } from './type';

export default function useSwipeRating({
  onFinishRating,
  size = 40,
  count = 5,
  rating = count / 2,
  fractions = 2,
  ratingFillColor,
}: Pick<SwipeRatingProps, 'size' | 'count' | 'rating' | 'fractions' | 'onFinishRating'> & { ratingFillColor: string }) {
  const translateX = useSharedValue(0);

  const getCurrentRating = (translateX: number) => {
    'worklet';
    return !fractions ? Math.ceil(translateX / size) : +(translateX / size).toFixed(fractions);
  };

  useEffect(() => {
    translateX.value = rating * size;
  }, [rating, size]);

  const handler = useAnimatedGestureHandler({
    onStart(_, ctx: Record<string, number>) {
      ctx.offsetX = translateX.value;
    },
    onActive(event, ctx) {
      const value = event.translationX + ctx.offsetX;
      translateX.value = value >= count * size ? count * size : value;
    },
    onEnd() {
      const currentRating = getCurrentRating(translateX.value);
      onFinishRating && runOnJS(onFinishRating)(currentRating);
    },
  });

  const primaryViewStyle = useAnimatedStyle(() => {
    return {
      backgroundColor: ratingFillColor,
      width: translateX.value,
      height: size - 1,
    };
  });

  return { primaryViewStyle, handler };
}


================================================
FILE: packages/react-native-rating/src/useTapRating.ts
================================================
import { useEffect } from 'react';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import { TapRatingProps } from './type';

export default function useTapRating({
  rating = 3,
  onFinishRating,
}: Pick<TapRatingProps, 'rating' | 'onFinishRating'>) {
  const [position, setPosition] = useSafeState(rating);

  useEffect(() => {
    setPosition(rating);
  }, [rating]);

  const handleSelect = (position: number) => {
    setPosition(position);
    onFinishRating?.(position);
  };

  return { position, handleSelect: useMemoizedFn(handleSelect) };
}


================================================
FILE: packages/react-native-rating/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-rating/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-share/CHANGELOG.md
================================================
# @td-design/react-native-share

## 1.5.2

### Patch Changes

- [#928](https://github.com/thundersdata-frontend/td-design/pull/928) [`d035cb837`](https://github.com/thundersdata-frontend/td-design/commit/d035cb837371dfc32fe7fe8105bead76195c93af) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 优化弹窗类组件的显示方式

## 1.5.1

### Patch Changes

- [#714](https://github.com/thundersdata-frontend/td-design/pull/714) [`ef6d88136`](https://github.com/thundersdata-frontend/td-design/commit/ef6d88136421ea13b19b11730f94b589047c5a8b) Thanks [@chj-damon](https://github.com/chj-damon)! - 继续优化组件样式

## 1.5.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 1.4.1

### Patch Changes

- [#677](https://github.com/thundersdata-frontend/td-design/pull/677) [`469b748a3`](https://github.com/thundersdata-frontend/td-design/commit/469b748a33b288afc288be969a193eae0e2f6d13) Thanks [@chj-damon](https://github.com/chj-damon)! - 优化组件同时为一些组件补充 activeOpacity 属性

## 1.4.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 1.3.4

### Patch Changes

- [#631](https://github.com/thundersdata-frontend/td-design/pull/631) [`71a4fb174`](https://github.com/thundersdata-frontend/td-design/commit/71a4fb17491c9bf22d407a3450f49e827a243503) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复一些样式上的问题

## 1.3.3

### Patch Changes

- [#625](https://github.com/thundersdata-frontend/td-design/pull/625) [`5efa85848`](https://github.com/thundersdata-frontend/td-design/commit/5efa858485f78542b293404baa504e11182830bb) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复 useTheme 引入路径不正确导致报错的问题


================================================
FILE: packages/react-native-share/package.json
================================================
{
  "name": "@td-design/react-native-share",
  "version": "1.5.2",
  "description": "基于 @td-design/react-native 的 share 组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-svg": "^13.10.0",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }
}


================================================
FILE: packages/react-native-share/src/index.md
================================================
---
title: Share - 分享组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 分享组件
  path: /share
---

# Share 分享组件

使用本组件需要单独安装：**yarn add @td-design/react-native-share**

## 效果演示

### 1. 支持所有分享

```tsx | pure
<Share
  visible={visible}
  onCancel={() => setVisible(false)}
  onRefresh={() => console.log('123')}
  onShareSms={() => console.log('1')}
  onShareFriends={() => console.log('1')}
  onShareMoments={() => console.log('2')}
  onShareWeibo={() => console.log('3')}
  onShareAlipay={() => console.log('4')}
  onShareDingtalk={() => console.log('5')}
  onShareQQ={() => console.log('6')}
  onShareZhihu={() => console.log('7')}
  onShareQQMail={() => console.log('8')}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608257540826683640.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. 只分享微信和微博

```tsx | pure
<Share
  visible={visible}
  onCancel={() => setVisible(false)}
  onRefresh={() => console.log('123')}
  onShareFriends={() => console.log('1')}
  onShareMoments={() => console.log('2')}
  onShareWeibo={() => console.log('3')}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608257643797039788.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 自定义分享应用

```tsx | pure
<Share
  visible={visible}
  onCancel={() => setVisible(false)}
  onRefresh={() => console.log('123')}
  onShareFriends={() => console.log('1')}
  onShareMoments={() => console.log('2')}
  onShareWeibo={() => console.log('3')}
  extraShares={[{ label: 'QQ', icon: <QQ />, schema: 'mqq://', onPress: onShareQQ }]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608257825295838178.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 4. 自定义操作项

```tsx | pure
<Share
  visible={visible}
  onCancel={() => setVisible(false)}
  onRefresh={() => console.log('123')}
  onShareSms={() => console.log('1')}
  onShareFriends={() => console.log('1')}
  onShareMoments={() => console.log('2')}
  onShareWeibo={() => console.log('3')}
  onShareAlipay={() => console.log('4')}
  onShareDingtalk={() => console.log('5')}
  onShareQQ={() => console.log('6')}
  onShareZhihu={() => console.log('7')}
  onShareQQMail={() => console.log('8')}
  extraActions={[
    {
      label: '截图',
      icon: <Icon type="material" name="add-a-photo" size={60} color="#000" />,
      onPress: () => console.log('9'),
    },
  ]}
/>
```

<center>
  <figure>
    <img
      alt=""
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1608258219008870837.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

### Share

| 属性            | 必填    | 说明             | 类型            | 默认值 |
| --------------- | ------- | ---------------- | --------------- | ------ |
| visible         | `false` | 是否显示操作面板 | `boolean`       |        |
| activeOpacity   | `false` | 按下时的不透明度 | `number`        | `0.6`  |
| onCancel        | `true`  | 关闭操作面板     | `() => void`    |        |
| cancelText      | `false` | 关闭文字         | `string`        | `取消` |
| refreshText     | `false` | 刷新文字         | `string`        | `刷新` |
| onRefresh       | `true`  | 刷新页面         | `() => void`    |        |
| extraShares     | `false` | 自定义分享项     | `ShareItem[]`   | `[]`   |
| extraActions    | `false` | 自定义操作项     | `ShareAction[]` | `[]`   |
| onShareSms      | `false` | 分享到短信       | `() => void`    |        |
| onShareFriends  | `false` | 分享给微信好友   | `() => void`    |        |
| onShareMoments  | `false` | 分享到朋友圈     | `() => void`    |        |
| onShareWeibo    | `false` | 分享到微博       | `() => void`    |        |
| onShareAlipay   | `false` | 分享到支付宝     | `() => void`    |        |
| onShareDingtalk | `false` | 分享到钉钉       | `() => void`    |        |
| onShareQQ       | `false` | 分享到 QQ        | `() => void`    |        |
| onShareZhihu    | `false` | 分享到知乎       | `() => void`    |        |
| onShareQQMail   | `false` | 分享到 QQ 邮箱   | `() => void`    |        |

### ShareItem

| 属性    | 必填    | 说明              | 类型         | 默认值 |
| ------- | ------- | ----------------- | ------------ | ------ |
| appName | `false` | 应用名称          | `string`     |        |
| label   | `true`  | 文本              | `string`     |        |
| icon    | `true`  | 图标              | `Icon`       |        |
| schema  | `true`  | 应用的 url schema | `string`     |        |
| onPress | `true`  | 点击事件处理函数  | `() => void` |        |

### ShareAction

| 属性    | 必填   | 说明             | 类型         | 默认值 |
| ------- | ------ | ---------------- | ------------ | ------ |
| label   | `true` | 文本             | `string`     |        |
| icon    | `true` | 图标             | `Icon`       |        |
| onPress | `true` | 点击事件处理函数 | `() => void` |        |

_`Icon`组件大小允许自定义，但是取 40 比较合适。_


================================================
FILE: packages/react-native-share/src/index.tsx
================================================
import React, { FC, ReactNode, useState } from 'react';
import { Linking, ScrollView, StyleSheet } from 'react-native';

import { Box, helpers, Modal, Portal, Pressable, Text, Theme, useTheme } from '@td-design/react-native';

import Alipay from './svg/alipay';
import Dingding from './svg/dingding';
import Moments from './svg/moments';
import QQ from './svg/qq';
import QQMail from './svg/qqmail';
import Refresh from './svg/refresh';
import Sina from './svg/sina';
import Sms from './svg/sms';
import Wechat from './svg/wechat';
import Zhihu from './svg/zhihu';

const { px, ONE_PIXEL } = helpers;
export interface ShareItem {
  appName?: string;
  label: string;
  icon: ReactNode;
  schema: string;
  onPress: () => void;
}

export interface ShareAction {
  label: string;
  icon: ReactNode;
  onPress: () => void;
}
interface ShareProps {
  /** 按下时的不透明度 */
  activeOpacity?: number;
  /** 关闭文字 */
  cancelText?: string;
  /** 刷新文字 */
  refreshText?: string;
  /** 刷新页面 */
  onRefresh: () => void;
  /** 自定义分享项 */
  extraShares?: ShareItem[];
  /** 自定义操作项 */
  extraActions?: ShareAction[];
  onShareSms?: () => void;
  onShareFriends?: () => void;
  onShareMoments?: () => void;
  onShareWeibo?: () => void;
  onShareAlipay?: () => void;
  onShareDingtalk?: () => void;
  onShareQQ?: () => void;
  onShareZhihu?: () => void;
  onShareQQMail?: () => void;
}

const ShareContent: FC<ShareProps & { onAnimationEnd: (visible: boolean) => void }> = ({
  activeOpacity = 0.6,
  cancelText = '取消',
  refreshText = '刷新',
  onAnimationEnd,
  onRefresh,
  extraShares = [],
  extraActions = [],
  onShareSms,
  onShareFriends,
  onShareMoments,
  onShareWeibo,
  onShareAlipay,
  onShareDingtalk,
  onShareQQ,
  onShareZhihu,
  onShareQQMail,
}) => {
  const [visible, setVisible] = useState(true);

  const theme = useTheme<Theme>();
  const styles = StyleSheet.create({
    action: {
      justifyContent: 'center',
      alignItems: 'center',
      paddingVertical: theme.spacing.x2,
      borderTopWidth: ONE_PIXEL,
      borderTopColor: theme.colors.border,
      backgroundColor: theme.colors.white,
    },
    item: {
      justifyContent: 'center',
      alignItems: 'center',
      marginRight: theme.spacing.x2,
    },
    content1: {
      padding: theme.spacing.x2,
      borderBottomWidth: ONE_PIXEL,
      borderColor: theme.colors.border,
    },
    content2: { padding: theme.spacing.x2 },
  });

  const baseActions: ShareItem[] = [];

  // 根据传入方法来判断是否需要渲染对应的分享场景
  if (onShareSms) {
    baseActions.push({
      label: '短信',
      icon: <Sms />,
      schema: 'sms://',
      onPress: onShareSms,
    });
  }
  if (onShareFriends) {
    baseActions.push({
      label: '微信',
      appName: '微信',
      icon: <Wechat />,
      schema: 'weixin://',
      onPress: onShareFriends,
    });
  }
  if (onShareMoments) {
    baseActions.push({
      label: '朋友圈',
      appName: '微信',
      icon: <Moments />,
      schema: 'weixin://',
      onPress: onShareMoments,
    });
  }
  if (onShareWeibo) {
    baseActions.push({ label: '微博', icon: <Sina />, schema: 'sinaweibo://', onPress: onShareWeibo });
  }
  if (onShareAlipay) {
    baseActions.push({ label: '支付宝', icon: <Alipay />, schema: 'alipays://', onPress: onShareAlipay });
  }
  if (onShareDingtalk) {
    baseActions.push({ label: '钉钉', icon: <Dingding />, schema: 'dingtalk://', onPress: onShareDingtalk });
  }
  if (onShareQQ) {
    baseActions.push({ label: 'QQ', icon: <QQ />, schema: 'mqq://', onPress: onShareQQ });
  }
  if (onShareZhihu) {
    baseActions.push({ label: '知乎', icon: <Zhihu />, schema: 'zhihu://', onPress: onShareZhihu });
  }
  if (onShareQQMail) {
    baseActions.push({ label: 'QQ邮箱', icon: <QQMail />, schema: 'qqmail://', onPress: onShareQQMail });
  }

  const _actions = baseActions.concat(extraShares);
  const secondaryActions = [
    {
      label: refreshText,
      icon: <Refresh color={theme.colors.gray400} />,
      onPress: onRefresh,
    },
    ...extraActions,
  ];

  const renderShareItem = (item: ShareItem) => {
    return (
      <Pressable
        activeOpacity={activeOpacity}
        key={item.label}
        onPress={() => {
          if (item.schema) {
            Linking.canOpenURL(item.schema)
              .then(() => {
                if (item.onPress) {
                  item.onPress();
                }
              })
              .catch(() => {
                console.log(`您尚未安装${item.appName ?? item.label}`);
              });
          } else if (item.onPress) {
            item.onPress();
          }
        }}
        style={styles.item}
      >
        <Box width={px(40)} height={px(40)} justifyContent="center" alignItems="center" marginBottom="x1">
          {item.icon}
        </Box>
        <Text variant="p2" color="text">
          {item.label}
        </Text>
      </Pressable>
    );
  };

  const renderActionItem = (item: ShareAction) => {
    return (
      <Pressable activeOpacity={activeOpacity} key={item.label} onPress={item.onPress} style={styles.item}>
        <Box width={px(40)} height={px(40)} justifyContent="center" alignItems="center" marginBottom="x1">
          {item.icon}
        </Box>
        <Text variant="p2" color="text">
          {item.label}
        </Text>
      </Pressable>
    );
  };

  return (
    <Modal.Content
      position="bottom"
      maskVisible
      maskClosable
      animationType="slide"
      onAnimationEnd={onAnimationEnd}
      visible={visible}
      onClose={() => setVisible(false)}
    >
      <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.content1}>
        {_actions.map(renderShareItem)}
      </ScrollView>
      <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.content2}>
        {secondaryActions.map(renderActionItem)}
      </ScrollView>
      <Pressable
        activeOpacity={activeOpacity}
        onPress={() => {
          setVisible(false);
        }}
        style={styles.action}
      >
        <Text variant="p0" color="text">
          {cancelText}
        </Text>
      </Pressable>
    </Modal.Content>
  );
};

const Share = () => null;

Share.displayName = 'Share';

Share.show = (props: ShareProps) => {
  const key = Portal.add(
    <ShareContent
      {...props}
      onAnimationEnd={visible => {
        if (!visible) {
          Portal.remove(key);
        }
      }}
    />
  );
};

export default Share;


================================================
FILE: packages/react-native-share/src/svg/alipay.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(30);
const height = px(30);
const xml = `
<svg t="1609229362828" class="icon" viewBox="0 0 1037 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10903" width=${width} height=${height}><path d="M665.600029 614.4c70.4-128 96-249.6 96-249.6l-12.8 0 0 0L640.000029 364.8 524.800029 364.8 524.800029 275.2l281.6 0L806.400029 236.8 524.800029 236.8 524.800029 102.4l-128 0 0 134.4-256 0 0 38.4 256 0 0 89.6L179.200029 364.8l0 38.4 441.6 0c0 6.4 0 6.4-6.4 12.8C614.400029 460.8 582.400029 524.8 556.800029 576 230.400029 448 134.400029 524.8 108.800029 537.6c-217.6 153.6-12.8 345.6 19.2 339.2 230.4 51.2 377.6-44.8 480-166.4 6.4 6.4 12.8 6.4 19.2 6.4 70.4 38.4 409.6 198.4 409.6 198.4s0-140.8 0-192C985.600029 723.2 800.000029 659.2 665.600029 614.4zM499.200029 672c-160 204.8-352 140.8-384 128C38.400029 780.8 12.800029 640 108.800029 595.2c160-51.2 300.8 6.4 403.2 57.6C505.600029 665.6 499.200029 672 499.200029 672z" fill="#01A1EA" p-id="10904"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/dingding.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(32);
const height = px(32);
const xml = `
<svg t="1609229391798" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11135" width=${width} height=${height}><path d="M836.3 409.4c-1.5 6-5 14.9-10 25.6h0.1l-0.6 1c-29 62.1-104.5 183.7-104.5 183.7s-0.1-0.3-0.4-0.7l-22.1 38.5h106.5L602 928.2 648.2 744h-83.8l29.1-121.9c-23.6 5.7-51.4 13.5-84.4 24.1 0 0-44.6 26.2-128.5-50.3 0 0-56.6-49.9-23.8-62.4 13.9-5.3 67.7-12 110-17.7C524 508 559.2 504 559.2 504s-176.2 2.5-218-4c-41.8-6.5-94.9-76.5-106.2-137.9 0 0-17.4-33.7 37.6-17.7 55 16 282.9 62.2 282.9 62.2s-296.4-91-316.1-113.2c-19.7-22.2-58-121.2-53-182 0 0 2.2-15.2 17.6-11.1 0 0 219.1 100.3 369 155.2 149.9 54.9 280.1 82.8 263.3 153.9z m0 0" p-id="11136" fill="#00ACFF"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/moments.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(30);
const height = px(30);

const xml = `
<svg t="1609225166832" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1493" width=${width} height=${height}><path d="M681.7 38.8S614.1 12 512 12 342.3 42.7 342.3 42.7L681.8 381l-0.1-342.2z" fill="#FB5453" p-id="1494"></path><path d="M865.5 158.5c-72.2-71.3-142-96.7-142-96.7l-2.4 476 245.3-242c0 0.1-28.6-66-100.9-137.3z" fill="#6468F1" p-id="1495"></path><path d="M980.9 344.6L638 679.5h346.9s27.2-66.7 27.2-167.5c-0.1-100.7-31.2-167.4-31.2-167.4z" fill="#5283F0" p-id="1496"></path><path d="M726.3 965.1s67-28.2 139.2-99.5 98-140.1 98-140.1L481 723.1l245.3 242z" fill="#00B2FE" p-id="1497"></path><path d="M342.2 985.3s67.6 26.8 169.7 26.8c102.2 0 169.7-30.7 169.7-30.7L342.1 643.1l0.1 342.2z" fill="#66D020" p-id="1498"></path><path d="M158.4 865.6c72.2 71.3 142 96.7 142 96.7l2.4-476-245.3 242c0.1-0.1 28.7 66 100.9 137.3z" fill="#9AD122" p-id="1499"></path><path d="M39.1 344.6s-27.2 66.7-27.2 167.5S43 679.6 43 679.6l342.9-334.9H39.1v-0.1z" fill="#FFC71A" p-id="1500"></path><path d="M297.7 59s-67 28.2-139.2 99.5-98 140.1-98 140.1L543 301 297.7 59z" fill="#FF7612" p-id="1501"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/qq.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(30);
const height = px(30);

const xml = `
<svg t="1609229433937" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11413" width=${width} height=${height}><path d="M120.366545 576.791273c-31.325091 73.728-36.398545 144.290909-11.264 157.230545 17.314909 9.076364 44.497455-11.589818 69.818182-49.431273a207.732364 207.732364 0 0 0 70.656 108.544c-37.236364 13.963636-61.719273 36.352-61.719272 61.85891 0 41.890909 66.048 75.915636 147.502545 75.915636 73.495273 0 134.423273-27.601455 145.640727-63.813818h17.547637c11.310545 36.165818 72.192 63.813818 145.687272 63.813818 81.454545 0 147.502545-33.978182 147.502546-75.915636 0-25.506909-24.389818-48.081455-61.719273-61.85891a208.197818 208.197818 0 0 0 70.656-108.544c25.460364 37.841455 52.596364 58.507636 69.818182 49.431273 25.181091-13.125818 20.200727-83.502545-11.264-157.230545a208.802909 208.802909 0 0 0-83.502546-110.08 112.407273 112.407273 0 0 0-16.290909-71.121455 24.901818 24.901818 0 0 0 0-3.909818 63.301818 63.301818 0 0 0-6.656-28.346182C746.263273 212.666182 648.192 93.090909 489.518545 93.090909S232.634182 212.666182 226.257455 363.333818a62.929455 62.929455 0 0 0-6.702546 28.346182v3.909818a113.384727 113.384727 0 0 0-16.756364 59.997091c0 3.723636 0 7.447273 0.465455 11.170909a209.082182 209.082182 0 0 0-83.409455 110.033455z m0 0" fill="#1296db" p-id="11414"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/qqmail.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(30);
const height = px(30);

const xml = `
<svg t="1609229469028" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11691" width=${width} height=${height}><path d="M881.81248 829.568 142.26432 829.568c-41.74336 0-75.70432-33.96096-75.70432-75.70944L66.56 270.0544c0-41.66656 33.96096-75.62752 75.70432-75.62752l739.54816 0c41.67168 0 75.62752 33.96096 75.62752 75.62752l0 483.80416C957.44 795.61216 923.48416 829.568 881.81248 829.568L881.81248 829.568 881.81248 829.568zM142.26432 235.15136c-19.24608 0-34.98496 15.6672-34.98496 34.90304l0 483.80416c0 19.328 15.73888 35.00032 34.98496 35.00032l739.54816 0c19.24608 0 34.91328-15.67232 34.91328-35.00032L916.72576 270.0544c0-19.24096-15.67232-34.90304-34.91328-34.90304L142.26432 235.15136 142.26432 235.15136 142.26432 235.15136z" p-id="11692" fill="#F2BB41"></path><path d="M881.81248 829.568 142.26432 829.568c-31.17056 0-59.56096-19.6352-70.69184-48.90112-2.944-7.87456-0.79872-16.77824 5.48352-22.4256l288.74752-257.408c8.3456-7.3984 21.22752-6.7584 28.6976 1.66912 7.48032 8.42752 6.7584 21.22752-1.664 28.6976l-276.17792 246.35904c6.52288 6.99392 15.744 11.28448 25.60512 11.28448l739.54816 0c9.7792 0 19.00544-4.29056 25.5232-11.28448l-279.43936-249.22624c-8.35072-7.47008-9.14432-20.27008-1.5872-28.70272 7.4752-8.3456 20.35712-9.06752 28.70272-1.66912l291.84512 260.28032c6.28224 5.64224 8.50432 14.55104 5.48352 22.41536C941.29664 809.9328 912.91136 829.568 881.81248 829.568L881.81248 829.568 881.81248 829.568z" p-id="11693" fill="#F2BB41"></path><path d="M512.03584 646.58432c-4.84352 0-9.69728-1.664-13.5168-5.15584L77.06112 265.76384c-6.28736-5.64736-8.42752-14.55104-5.48352-22.4256 11.13088-29.26592 39.52128-48.91136 70.69184-48.91136l739.54816 0c31.09376 0 59.47904 19.72736 70.53312 48.91136 3.0208 7.87456 0.7936 16.77824-5.48352 22.4256l-421.22752 375.66464C521.73824 644.92032 516.8896 646.58432 512.03584 646.58432L512.03584 646.58432 512.03584 646.58432zM116.6592 246.51776l395.38176 352.44032 395.29984-352.44032c-6.51776-7.07584-15.744-11.37152-25.5232-11.37152L142.26432 235.14624C132.4032 235.15136 123.1872 239.44704 116.6592 246.51776L116.6592 246.51776 116.6592 246.51776z" p-id="11694" fill="#F2BB41"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/refresh.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(24);
const height = px(24);

export default ({ color }: { color: string }) => {
  const xml = `
  <svg t="1609225806969" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3453" width=${width} height=${height}><path d="M989.9 477.9c-18.9 0-34.1 15.3-34.1 34.1 0 244.7-199.1 443.7-443.7 443.7S68.3 756.7 68.3 512 267.3 68.3 512 68.3c146.5 0 283.8 73.3 366.1 193.1H699.8c-18.9 0-34.1 15.3-34.1 34.1s15.3 34.1 34.1 34.1h248.7c18.9 0 34.1-15.3 34.1-34.1V46.8c0-18.9-15.3-34.1-34.1-34.1S914.4 28 914.4 46.8v148.8C818 73.5 669.6 0 512 0 229.7 0 0 229.7 0 512s229.7 512 512 512 512-229.7 512-512c0-18.9-15.3-34.1-34.1-34.1z" p-id="3454" fill="${color}"></path></svg>
  `;
  return <SvgXml xml={xml} width={width} height={height} />;
};


================================================
FILE: packages/react-native-share/src/svg/sina.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(40);
const height = px(40);

const xml = `
<svg t="1609229336448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10713" width=${width} height=${height}><path d="M643.573 533.504c-26.037-24.15-59.786-42.027-101.728-53.621-41.941-11.104-86.304-14.486-134.026-9.654-72.32 7.734-132.587 30.432-180.267 69.558-47.733 38.645-69.43 82.133-64.608 129.941 2.901 31.403 17.355 59.413 43.392 83.573s59.787 42.027 101.728 53.622 86.304 14.933 134.037 10.133c72.32-7.723 132.587-30.421 180.267-69.557s69.419-82.603 64.565-130.422c-2.858-31.402-17.322-59.413-43.36-83.573z" fill="#FFFFFF" p-id="10714"></path><path d="M533.163 602.581c-15.424-29.461-40.971-48.789-77.131-58.442-34.23-9.184-68.47-5.803-102.699 9.173q-50.624 22.464-73.76 68.117c-15.434 30.934-16.394 61.344-3.381 91.734 13.024 29.952 37.13 50.72 71.84 61.866 36.16 12.075 72.8 10.144 109.44-5.802 36.64-15.456 62.677-40.096 77.141-73.419 14.944-32.843 14.464-63.755-1.45-93.227z m-129.206 100c-7.232 11.104-17.354 18.838-30.858 23.67q-19.52 6.506-36.16-1.451c-11.083-5.333-18.315-13.525-21.206-24.64-2.901-11.595-0.97-22.699 6.262-33.813 6.752-11.115 16.874-18.358 29.408-22.699a50.315 50.315 0 0 1 35.68 0.48c11.573 4.832 18.805 13.045 22.176 24.64s1.408 22.699-5.302 33.813zM449.76 643.2a18.421 18.421 0 0 1-11.093 9.664 22.997 22.997 0 0 1-13.984 0c-9.6-4.832-11.563-12.075-6.262-22.219a21.067 21.067 0 0 1 24.587-9.664 14.848 14.848 0 0 1 8.683 9.184c1.44 4.299 0.48 8.651-1.931 13.035z" fill="#040000" p-id="10715"></path><path d="M820.512 561.525c-11.083-17.386-24.107-30.432-39.05-40.096a207.467 207.467 0 0 0-50.134-23.189c-3.85-1.45-6.752-2.41-8.192-2.89a61.312 61.312 0 0 1-5.792-3.873c-2.4-1.93-3.37-3.861-2.4-6.272a30.677 30.677 0 0 0 2.4-9.664c14.464-37.685 14.464-66.656 0-87.466-14.933-19.808-40.01-29.952-74.667-29.952s-74.73 9.664-120.053 28.981l-2.89 0.97a27.307 27.307 0 0 1-6.753 1.931 12.277 12.277 0 0 1-7.232 0.48 6.08 6.08 0 0 1-4.821-3.381c-0.96-1.93-0.96-5.333 0.48-9.653 14.933-47.339 11.573-81.643-9.6-102.4-23.616-24.16-64.117-25.12-120.043-3.382-56.522 22.24-111.957 60.886-166.965 115.958-41.461 42.026-73.77 84.053-96.427 126.56s-33.706 82.602-33.706 120.277c0 35.264 10.602 67.627 31.818 98.07q31.819 44.917 83.894 73.898c34.229 19.328 73.76 34.304 117.152 45.408A538.827 538.827 0 0 0 441.6 868.267c45.803-0.48 90.155-5.334 132.096-15.456 42.432-10.144 79.072-23.67 110.41-40.534a409.44 409.44 0 0 0 82.443-57.482c23.147-21.259 40.982-43.968 53.035-67.2 12.053-23.67 17.835-46.379 17.835-68.598a105.333 105.333 0 0 0-16.907-57.472zM622.357 747.5c-47.722 39.136-107.989 61.866-180.266 69.557-47.734 4.832-92.086 1.45-134.038-10.133S232.32 777.45 206.325 753.3s-40.533-52.17-43.392-83.573c-4.821-47.819 16.875-91.296 64.608-129.941 47.734-39.126 108-61.867 180.267-69.558 47.723-4.832 92.085-1.45 134.027 9.654 41.941 11.594 75.733 29.472 101.728 53.621s40.533 52.17 43.392 83.573c4.832 47.819-16.864 91.296-64.598 130.422z" fill="#CD281E" p-id="10716"></path><path d="M801.227 313.237c13.504 15.456 22.666 33.323 26.517 53.131s2.89 39.125-3.37 57.483c-2.411 7.733-7.233 13.045-14.465 16.906-7.232 3.382-14.464 4.352-21.696 1.931a25.781 25.781 0 0 1-16.394-14.485c-3.371-7.243-4.342-14.496-1.931-21.739 6.272-20.779 2.41-38.645-11.573-54.581q-21.675-23.2-52.064-17.398a30.25 30.25 0 0 1-22.176-3.818c-6.752-4.352-11.094-10.144-12.054-18.358-1.45-7.733-0.48-14.933 3.862-21.738s10.122-11.115 17.834-12.555a112.32 112.32 0 0 1 107.51 35.264z" fill="#DA761E" p-id="10717"></path><path d="M889.461 233.045a224 224 0 0 1 54.955 109.174c8.203 41.536 6.272 80.672-6.741 118.4a35.2 35.2 0 0 1-16.395 19.808c-8.192 4.341-16.395 4.832-25.6 1.93a31.936 31.936 0 0 1-19.285-16.906c-4.331-8.214-4.822-16.427-2.411-25.6 9.163-26.571 10.667-55.072 4.821-84.534a157.515 157.515 0 0 0-39.05-77.29c-20.267-22.71-44.352-38.166-72.32-46.859a166.901 166.901 0 0 0-84.374-4.352 32.256 32.256 0 0 1-25.546-4.832c-7.712-4.821-12.534-12.075-14.464-21.248s-0.48-17.397 4.821-25.12a31.755 31.755 0 0 1 21.259-14.55c40.01-8.693 79.552-6.762 119.082 5.803 39.051 12.555 72.8 34.294 101.248 66.134z" fill="#DA761E" p-id="10718"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/sms.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(30);
const height = px(30);

const xml = `
<svg t="1609225198686" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1732" width=${width} height=${height}><path d="M532.292683 0C238.726909 0 0.02559 204.718113 0.02559 457.391443c0 150.160736 54.608557 273.042783 163.77449 361.788085v150.211915c0 40.943623 13.664934 54.608557 34.136745 54.608557a52.254298 52.254298 0 0 0 34.136746-13.664934l163.77449-95.603359a924.814074 924.814074 0 0 0 136.444622 13.716114c293.514594 0 491.323471-218.434226 491.323471-470.851659S778.261495 0 532.292683 0z m0 860.123151c-27.329868 0-95.552179-6.806877-122.830868-6.806878l-27.278688-6.806877-20.471812 13.664934-122.830867 68.273491v-143.302679l-27.278689-20.471811c-88.745302-75.080368-136.546981-184.246301-136.546981-307.077169 0-218.434226 204.718113-388.964414 464.198321-388.964415 197.962415 0 423.254698 163.77449 423.254698 388.964415-6.806877 231.894442-191.104358 402.578169-430.215114 402.578168zM273.068373 402.782887a61.415434 61.415434 0 1 0 43.451419 18.015194 62.131947 62.131947 0 0 0-43.451419-18.015194z m238.906037 0a61.415434 61.415434 0 1 0 43.45142 18.015194A62.131947 62.131947 0 0 0 511.820872 402.782887z m238.906038 0a61.415434 61.415434 0 1 0 43.451419 18.015194 62.131947 62.131947 0 0 0-43.40024-18.015194z" p-id="1733" fill="#6AD460"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/wechat.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(36);
const height = px(36);

const xml = `
<svg t="1609229172056" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10202" width=${width} height=${height}><path d="M982.664533 621.294933c0-113.442133-93.678933-208.776533-218.641067-233.437867-1.6384-1.6384-1.6384-1.6384-3.2768-1.6384s-1.655467 0-3.293867 0c-1.621333 0-1.621333 0-3.259733-1.655467-1.655467 0-3.293867 0-4.932267 0l-1.655467 0c-1.655467 0-3.2768 0-4.932267-1.655467l-1.655467 0c-1.655467 0-4.9152 0-6.570667 0-11.52-1.655467-24.661333-1.655467-36.164267-1.655467-157.815467 0-282.743467 106.871467-282.743467 240.0256 0 29.576533 6.570667 59.170133 18.090667 85.486933l0 1.621333c1.655467 0 1.655467 1.655467 1.655467 3.293867L436.906667 711.68c0 1.6384 0 3.2768 1.655467 3.2768l0 1.655467c0 1.655467 1.655467 1.655467 1.655467 3.2768l1.655467 1.655467 0 1.655467c1.6384 1.655467 1.6384 1.655467 1.6384 3.259733l1.655467 1.655467c0 0 0 1.655467 1.655467 1.655467l0 1.655467c1.621333 3.2768 1.621333 4.932267 3.2768 6.570667 34.525867 54.254933 93.713067 93.696 162.747733 113.425067 4.9152 1.6384 11.502933 3.2768 16.452267 3.2768 23.022933 4.932267 46.011733 8.226133 69.034667 8.226133 34.5088 0 65.757867-6.587733 96.989867-14.813867l105.216 50.961067-26.299733-88.7808C939.9296 765.952 982.664533 698.555733 982.664533 621.294933zM612.795733 585.130667c-19.712 0-34.5088-14.7968-34.5088-34.525867 0-19.712 14.7968-36.164267 34.5088-36.164267 19.729067 0 36.164267 16.452267 36.164267 36.164267C648.96 570.333867 632.541867 585.130667 612.795733 585.130667zM795.272533 585.130667c-19.729067 0-34.5088-14.7968-34.5088-34.525867 0-19.712 14.779733-36.164267 34.5088-36.164267s36.164267 16.452267 36.164267 36.164267C831.4368 570.333867 815.0016 585.130667 795.272533 585.130667z" p-id="10203" fill="#4CBF00"></path><path d="M473.070933 424.021333c59.204267-49.288533 138.103467-78.8992 225.211733-78.8992 6.587733 0 13.1584 0 19.729067 0C680.192 223.488 548.693333 133.0688 392.533333 133.0688c-187.392 0-338.6368 128.2048-338.6368 286.020267 0 92.0576 49.322667 172.629333 128.221867 225.211733l-29.610667 105.216 124.945067-59.1872c36.164267 9.864533 75.605333 16.452267 115.080533 16.452267l1.655467 0c-9.8816-26.3168-14.813867-55.893333-14.813867-85.486933C379.374933 544.034133 415.5392 473.344 473.070933 424.021333zM502.6816 276.087467c26.299733 0 46.0288 21.3504 46.0288 46.011733 0 26.3168-19.729067 46.045867-46.0288 46.045867-24.661333 0-46.045867-19.729067-46.045867-46.045867C456.635733 297.437867 478.020267 276.087467 502.6816 276.087467zM280.746667 368.145067c-26.299733 0-46.0288-19.729067-46.0288-46.045867 0-24.661333 19.729067-46.011733 46.0288-46.011733 24.661333 0 46.045867 21.3504 46.045867 46.011733C326.775467 348.416 305.408 368.145067 280.746667 368.145067z" p-id="10204" fill="#4CBF00"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/src/svg/zhihu.tsx
================================================
import React from 'react';
import { SvgXml } from 'react-native-svg';

import { helpers } from '@td-design/react-native';

const { px } = helpers;
const width = px(26);
const height = px(26);

const xml = `
<svg t="1609229261758" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10435" width=${width} height=${height}><path d="M544.949 561.422s0-71.387-34.779-75.050c-34.779-3.663-142.775 0-142.775 0v-219.654h161.078s-1.83-73.219-32.949-73.219h-261.755l43.93-117.148s-65.897 3.663-89.692 45.761-98.844 252.604-98.844 252.604 25.627 10.983 67.726-20.134c42.101-31.116 56.743-86.033 56.743-86.033l76.879-3.663 1.83 223.316s-133.621-1.83-161.078 0c-27.457 1.83-42.101 75.050-42.101 75.050h203.182s-18.307 124.47-69.557 214.164c-53.085 89.692-151.929 161.078-151.929 161.078s71.387 29.287 140.947-10.983c69.557-42.101 120.811-223.316 120.811-223.316l162.912 203.182s14.643-97.013-1.83-124.47c-18.307-27.457-113.49-137.283-113.49-137.283l-42.101 36.607 29.287-120.811h177.552zM587.050 188.010l-1.83 660.793h65.897l23.795 82.37 115.321-82.37h162.912v-660.793h-366.091zM879.92 775.584h-76.879l-97.013 75.050-21.965-75.050h-20.134v-512.527h215.991v512.527z" fill="#0E87EA" p-id="10436"></path></svg>
`;

export default () => <SvgXml xml={xml} width={width} height={height} />;


================================================
FILE: packages/react-native-share/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-share/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-skeleton/CHANGELOG.md
================================================
# @td-design/react-native-skeleton

## 1.3.0

### Minor Changes

- [#743](https://github.com/thundersdata-frontend/td-design/pull/743) [`acdd74c13`](https://github.com/thundersdata-frontend/td-design/commit/acdd74c1324be45816f4e1dff0d5e854124172ad) Thanks [@chj-damon](https://github.com/chj-damon)! - perf: 优化多个组件

## 1.2.0

### Minor Changes

- [#712](https://github.com/thundersdata-frontend/td-design/pull/712) [`fbb667b32`](https://github.com/thundersdata-frontend/td-design/commit/fbb667b32019f5d0436ff2093ad52ffd0a95b641) Thanks [@chj-damon](https://github.com/chj-damon)! - 样式优化

## 1.1.0

### Minor Changes

- [#654](https://github.com/thundersdata-frontend/td-design/pull/654) [`a27035f58`](https://github.com/thundersdata-frontend/td-design/commit/a27035f58266c625742c9d03171cedbb913ac199) Thanks [@chj-damon](https://github.com/chj-damon)! - 1. 对组件进行性能优化; 2.重写 Accordion 组件; 3. 修复一些发现的 bug

## 1.0.0

### Major Changes

- [`4d1d4db4c`](https://github.com/thundersdata-frontend/td-design/commit/4d1d4db4c83b1d37810af6c289adfade573364d8) Thanks [@chj-damon](https://github.com/chj-damon)! - 从组件库中拆分 Skeleton 组件单独使用


================================================
FILE: packages/react-native-skeleton/package.json
================================================
{
  "name": "@td-design/react-native-skeleton",
  "version": "1.3.0",
  "description": "基于 @td-design/react-native 的 skeleton 组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "devDependencies": {
    "@shopify/restyle": "2.4.2",
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-reanimated": "^3.3.0",
    "react-native-linear-gradient": "^2.8.0",
    "typescript": "^5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61"
}


================================================
FILE: packages/react-native-skeleton/src/ShiverBone.tsx
================================================
import React, { FC } from 'react';
import LinearGradient from 'react-native-linear-gradient';
import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';

import { calc } from './helper';
import { ShiverBoneProps } from './type';

/**
 * 渐变的骨架组件
 */
export const ShiverBone: FC<ShiverBoneProps> = ({
  style,
  boneStyle,
  animationDirection,
  boneColor,
  highlightColor,
  animation,
  size,
}) => {
  const animatedStyle = useAnimatedStyle(() => {
    const boneWidth =
      (typeof style.width === 'string' && style.width.includes('%') ? calc(size.width, style.width) : style.width) ?? 0;
    const boneHeight =
      (typeof style.height === 'string' && style.height.includes('%')
        ? calc(size.height, style.height)
        : style.height) ?? 0;
    const outputRange: number[] = [];

    if (animationDirection === 'horizontalRight') {
      outputRange.push(-boneWidth, +boneWidth);
    } else if (animationDirection === 'horizontalLeft') {
      outputRange.push(+boneWidth, -boneWidth);
    } else if (animationDirection === 'verticalDown') {
      outputRange.push(-boneHeight, +boneHeight);
    } else if (animationDirection === 'verticalUp') {
      outputRange.push(+boneHeight, -boneHeight);
    }
    const position = interpolate(animation.value, [0, 1], outputRange);
    if (animationDirection === 'verticalUp' || animationDirection === 'verticalDown') {
      return {
        transform: [{ translateY: position }],
      };
    }
    return {
      transform: [{ translateX: position }],
    };
  });

  return (
    <Animated.View style={boneStyle}>
      <Animated.View style={[{ position: 'absolute', height: '100%', width: '100%' }, animatedStyle]}>
        <LinearGradient
          style={{ flex: 1 }}
          colors={[boneColor!, highlightColor!, boneColor!]}
          start={{ x: 0, y: 0 }}
          end={animationDirection?.startsWith('horizontal') ? { x: 1, y: 0 } : { x: 0, y: 1 }}
        />
      </Animated.View>
    </Animated.View>
  );
};


================================================
FILE: packages/react-native-skeleton/src/StaticBone.tsx
================================================
import React, { FC } from 'react';
import Animated, { interpolateColor, useAnimatedStyle } from 'react-native-reanimated';

import { StaticBoneProps } from './type';

/**
 * 静态的骨架组件
 */
export const StaticBone: FC<StaticBoneProps> = ({ boneStyle, animationType, boneColor, highlightColor, animation }) => {
  const animatedStyle = useAnimatedStyle(() => {
    return {
      backgroundColor: interpolateColor(animation.value, [0, 1], [boneColor!, highlightColor!]),
    };
  });

  const styles = animationType === 'none' ? animatedStyle : [boneStyle, animatedStyle];

  return <Animated.View style={styles} />;
};


================================================
FILE: packages/react-native-skeleton/src/helper.ts
================================================
export function calc(val: number, percent: string) {
  'worklet';
  try {
    const percentage = Number(percent.replace('%', '')) / 100;
    return val * percentage;
  } catch (error) {
    return val;
  }
}


================================================
FILE: packages/react-native-skeleton/src/index.md
================================================
---
title: Skeleton - 骨架屏组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 骨架屏组件
  path: /skeleton
---

# Skeleton 骨架屏组件

使用本组件前，请在您的项目里安装依赖：

```code
yarn add react-native-linear-gradient @td-design/react-native-skeleton
```

## 效果演示

### 1. 默认效果

```tsx | pure
<Skeleton
  containerStyle={styles.titleContainer}
  styles={secondLayout}
  loading={true}
  animationDirection="horizontalRight"
>
  <View>
    <Text style={styles.bigText}>Benjamin Franklin</Text>
  </View>
  <Text style={[styles.normalText, { marginTop: 20 }]}>An investment in knowledge pays the best interest.</Text>
</Skeleton>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643251256650405037.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 2. animationType="pulse"

```tsx | pure
<Skeleton animationType="pulse" styles={thirdLayout} containerStyle={styles.descContainer} loading={true}>
  <Text style={styles.normalText}>“It is easier to prevent bad habits than to break them.“</Text>
</Skeleton>
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643251448641774906.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

### 3. 5s 后显示内容

```tsx | pure
useEffect(() => {
  setTimeout(() => {
    setLoading(false);
  }, 5000);
}, []);

<Skeleton
  containerStyle={styles.titleContainer}
  styles={secondLayout}
  loading={loading}
  animationDirection="horizontalRight"
>
  <View>
    <Text style={styles.bigText}>Benjamin Franklin</Text>
  </View>
  <Text style={[styles.normalText, { marginTop: 20 }]}>An investment in knowledge pays the best interest.</Text>
</Skeleton>;
```

<center>
  <figure>
    <img
      src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1643251723101514352.gif"
      style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
    />
  </figure>
</center>

## API

| 属性 | 必填 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | --- |
| loading | `false` | 是否正在加载 | `boolean` | `true` |
| styles | `true` | 骨架屏的样式 | `ViewStyle[]` |  |
| duration | `false` | 动画的执行速度 | `number` | `1200` |
| easing | `false` | 动画的执行方式 | `Animated.EasingFunction` | `Easing.bezierFn(0.5, 0, 0.25, 1)` |
| containerStyle | `false` | 容器样式 | `StyleProp<ViewStyle>` |  |
| animationType | `false` | 动画类型（条纹/脉搏/无） | `AnimationType` | `shiver` |
| animationDirection | `false` | 动画方向（条纹动画有效） | `AnimationDirection` | `horizontalRight` |
| boneColor | `false` | 基础颜色 | `string` | `#E1E9EE` |
| highlightColor | `false` | 高亮颜色 | `string` | `#F2F8FC` |

```code
export type AnimationType = 'none' | 'shiver' | 'pulse' | undefined;

export type AnimationDirection =
  |'horizontalLeft'
  | 'horizontalRight'
  | 'verticalUp'
  | 'verticalDown'
  | undefined;

```

_关于`styles`属性的说明：_

- `styles`属性是一个数组，数组的每一项是一个`ViewStyle`对象，用于描述骨架屏的样式，数组的每一项对应骨架屏的一行，数组的长度决定了骨架屏的行数。
- `styles`的样式最好跟里面元素的样式保持一致或者近似，否则会出现骨架效果跟实际效果不一致的情况。比如：

```tsx
<Skeleton styles={[styles.box1, styles.box2]}>
  <View style={styles.box1}>
    <Text>hello world</Text>
  </View>
  <View style={styles.box2}>
    <Text>hello world</Text>
  </View>
</Skeleton>;

const styles = StyleSheet.create({
  box1: {
    width: 200,
    height: 50,
  },
  box2: {
    width: 300,
    height: 120,
    marginTop: 20,
  },
});
```


================================================
FILE: packages/react-native-skeleton/src/index.tsx
================================================
import React, { FC, useEffect, useMemo } from 'react';
import { ReactElement } from 'react';
import { LayoutChangeEvent, ViewStyle } from 'react-native';
import Animated, { Easing, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';

import { useSafeState } from '@td-design/rn-hooks';

import { calc } from './helper';
import { ShiverBone } from './ShiverBone';
import { StaticBone } from './StaticBone';
import { AnimationType, SkeletonProps } from './type';

const DEFAULT_BORDER_RADIUS = 4;

const getBoneStyles = (
  style: ViewStyle,
  size: { width: number; height: number },
  animationType: AnimationType,
  boneColor: string
) => {
  const boneWidth =
    (typeof style.width === 'string' && style.width.includes('%') ? calc(size.width, style.width) : style.width) ?? 0;

  const boneHeight =
    (typeof style.height === 'string' && style.height.includes('%') ? calc(size.height, style.height) : style.height) ??
    0;

  const boneStyle = {
    width: boneWidth,
    height: boneHeight,
    borderRadius: style.borderRadius || DEFAULT_BORDER_RADIUS,
    ...style,
  };

  if (animationType !== 'pulse') {
    boneStyle.overflow = 'hidden';
    boneStyle.backgroundColor = style.backgroundColor || boneColor;
  }
  return boneStyle;
};

const Skeleton: FC<SkeletonProps> = ({
  containerStyle,
  easing = Easing.bezierFn(0.5, 0, 0.25, 1),
  duration = 1200,
  styles,
  animationType = 'shiver',
  animationDirection = 'horizontalRight',
  loading = true,
  boneColor = '#E1E9EE',
  highlightColor = '#F2F8FC',
  children,
}) => {
  const [size, setSize] = useSafeState({ width: 0, height: 0 });
  const animationValue = useSharedValue(0);

  const onLayout = (e: LayoutChangeEvent) => {
    const { width, height } = e.nativeEvent.layout;
    setSize({ width, height });
  };

  useEffect(() => {
    // 重置动画
    animationValue.value = 0;

    if (loading) {
      if (animationType === 'shiver') {
        animationValue.value = withRepeat(withTiming(1, { duration, easing }), -1, false);
      } else {
        animationValue.value = withRepeat(withTiming(1, { duration: duration / 2, easing }), -1, true);
      }
    }
  }, [loading, animationType]);

  const Bones = useMemo(() => {
    if (styles.length > 0) {
      return styles.map((style, i) => {
        const boneStyle = getBoneStyles(style, size, animationType, boneColor);

        if (animationType === 'pulse' || animationType === 'none') {
          return (
            <StaticBone
              key={`${i}`}
              boneStyle={boneStyle}
              {...{ animationType, boneColor, highlightColor }}
              animation={animationValue}
            />
          );
        }

        return (
          <ShiverBone
            key={`${i}`}
            style={style}
            boneStyle={boneStyle}
            {...{ animationDirection, boneColor, highlightColor }}
            animation={animationValue}
            size={size}
          />
        );
      });
    }

    return React.Children.map(children, (child, i) => {
      const style = (child as ReactElement).props.style || {};
      const boneStyle = getBoneStyles(style, size, animationType, boneColor);

      if (animationType === 'pulse' || animationType === 'none') {
        return (
          <StaticBone
            key={`${i}`}
            boneStyle={boneStyle}
            {...{ animationType, boneColor, highlightColor }}
            animation={animationValue}
          />
        );
      }
      return (
        <ShiverBone
          key={`${i}`}
          style={style}
          boneStyle={boneStyle}
          {...{ animationDirection, boneColor, highlightColor }}
          animation={animationValue}
          size={size}
        />
      );
    });
  }, [styles, size, animationType, animationDirection, boneColor, highlightColor, animationValue]);

  return (
    <Animated.View style={containerStyle} onLayout={onLayout}>
      {loading ? Bones : children}
    </Animated.View>
  );
};

export default Skeleton;


================================================
FILE: packages/react-native-skeleton/src/type.ts
================================================
import { PropsWithChildren } from 'react';
import { StyleProp, ViewStyle } from 'react-native';
import Animated from 'react-native-reanimated';

export type AnimationType = 'none' | 'shiver' | 'pulse' | undefined;
export type AnimationDirection = 'horizontalLeft' | 'horizontalRight' | 'verticalUp' | 'verticalDown' | undefined;

export interface Direction {
  x: number;
  y: number;
}

export type SkeletonProps = PropsWithChildren<{
  /** 是否正在加载 */
  loading: boolean;
  /** 骨架屏的样式 */
  styles: ViewStyle[];
  /** 动画的执行速度 */
  duration?: number;
  /** 动画的执行方式 */
  easing?: Animated.EasingFunction;
  /** 容器样式 */
  containerStyle?: StyleProp<ViewStyle>;
  /** 动画类型。条纹/脉搏/无 */
  animationType?: AnimationType;
  /** 动画方向（条纹动画有效）。水平向左/水平向右/垂直向上/垂直向下 */
  animationDirection?: AnimationDirection;
  /** 基础颜色 */
  boneColor?: string;
  /** 高亮颜色 */
  highlightColor?: string;
}>;

export interface ShiverBoneProps extends Pick<SkeletonProps, 'animationDirection' | 'boneColor' | 'highlightColor'> {
  style: ViewStyle;
  boneStyle: StyleProp<ViewStyle>;
  animation: Animated.SharedValue<number>;
  size: { width: number; height: number };
}

export interface StaticBoneProps extends Pick<SkeletonProps, 'animationType' | 'boneColor' | 'highlightColor'> {
  boneStyle: StyleProp<ViewStyle>;
  animation: Animated.SharedValue<number>;
}


================================================
FILE: packages/react-native-skeleton/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false,
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-skeleton/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/react-native-tabs/CHANGELOG.md
================================================
# @td-design/react-native-tabs

## 4.5.3

### Patch Changes

- [#878](https://github.com/thundersdata-frontend/td-design/pull/878) [`28b6ab7fa`](https://github.com/thundersdata-frontend/td-design/commit/28b6ab7fa16eb9bd8c684c57a05d49ae982e7db0) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 优化PagerView的业务逻辑

## 4.5.2

### Patch Changes

- [#865](https://github.com/thundersdata-frontend/td-design/pull/865) [`f02a5a90f`](https://github.com/thundersdata-frontend/td-design/commit/f02a5a90f3f5154cceb6ee1983abb9c1939e3a95) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: tabs增加设置当前页的功能

## 4.5.1

### Patch Changes

- [#851](https://github.com/thundersdata-frontend/td-design/pull/851) [`b1257f756`](https://github.com/thundersdata-frontend/td-design/commit/b1257f7560d71c457a810541bc5f3f09e8dfd885) Thanks [@chj-damon](https://github.com/chj-damon)! - fix: 修复Tabs在涉及到state变动时导致re-render的bug

## 4.5.0

### Minor Changes

- [#847](https://github.com/thundersdata-frontend/td-design/pull/847) [`0383d708b`](https://github.com/thundersdata-frontend/td-design/commit/0383d708b6efc81cba1fc5f9b1e1558e8babf9f1) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 为Tabs增加lazy功能

## 4.4.0

### Minor Changes

- [#814](https://github.com/thundersdata-frontend/td-design/pull/814) [`23969b426`](https://github.com/thundersdata-frontend/td-design/commit/23969b426d3e627e556d72258ebb065250970c26) Thanks [@chj-damon](https://github.com/chj-damon)! - feat: 新增切换tab事件

## 4.3.0

### Minor Changes

- [#743](https://github.com/thundersdata-frontend/td-design/pull/743) [`acdd74c13`](https://github.com/thundersdata-frontend/td-design/commit/acdd74c1324be45816f4e1dff0d5e854124172ad) Thanks [@chj-damon](https://github.com/chj-damon)! - perf: 优化多个组件

## 4.2.0

### Minor Changes

- [#719](https://github.com/thundersdata-frontend/td-design/pull/719) [`7bd47862f`](https://github.com/thundersdata-frontend/td-design/commit/7bd47862fc7db32143ad5df5e7f669b14a86792b) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复安卓手机上卡屏的问题

## 4.1.0

### Minor Changes

- [#700](https://github.com/thundersdata-frontend/td-design/pull/700) [`bfcdddbce`](https://github.com/thundersdata-frontend/td-design/commit/bfcdddbcea2097a49f54b30868ad98f2837f9625) Thanks [@chj-damon](https://github.com/chj-damon)! - 新增懒加载功能

## 4.0.0

### Major Changes

- [#698](https://github.com/thundersdata-frontend/td-design/pull/698) [`52e472893`](https://github.com/thundersdata-frontend/td-design/commit/52e472893db980bbbc0131fe45da2188ec681542) Thanks [@chj-damon](https://github.com/chj-damon)! - 重写 Tabs 组件

## 3.2.3

### Patch Changes

- [#685](https://github.com/thundersdata-frontend/td-design/pull/685) [`4578abbba`](https://github.com/thundersdata-frontend/td-design/commit/4578abbbac5fc96dc16cb9a67993213087093252) Thanks [@qqack](https://github.com/qqack)! - 修复 tabs 指示器条与文字不对齐的 bug

## 3.2.2

### Patch Changes

- [#611](https://github.com/thundersdata-frontend/td-design/pull/611) [`0e334a77e`](https://github.com/thundersdata-frontend/td-design/commit/0e334a77e7cbf25a446f962e90d8645f5dfafa4b) Thanks [@chj-damon](https://github.com/chj-damon)! - 防御性修改防止 RN 对&&的判断问题

## 3.2.1

### Patch Changes

- [`e749c01a6`](https://github.com/thundersdata-frontend/td-design/commit/e749c01a6daa53c1171104b30b720dc3625ce1f9) - 去除一些使用 useMemo 的过度优化场景


================================================
FILE: packages/react-native-tabs/package.json
================================================
{
  "name": "@td-design/react-native-tabs",
  "version": "4.5.3",
  "description": "基于 @td-design/react-native 的 tabs 组件",
  "main": "lib/module/index.js",
  "module": "lib/module/index.js",
  "types": "lib/typescript/index.d.ts",
  "files": [
    "lib",
    "android",
    "ios"
  ],
  "publishConfig": {
    "registry": "https://registry.npmjs.org/",
    "access": "public"
  },
  "scripts": {
    "build": "bob build",
    "tsc": "tsc -p ./tsconfig.json"
  },
  "keywords": [
    "restyle",
    "react-native-library"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "dependencies": {
    "color": "^4.2.3"
  },
  "devDependencies": {
    "@td-design/react-native": "workspace:^5.9.9",
    "@td-design/rn-hooks": "workspace:^2.8.1",
    "@types/react": "^18.2.15",
    "@types/react-native": "^0.72.2",
    "react-native-builder-bob": "^0.21.3",
    "react-native-pager-view": "^6.2.0",
    "react-native-reanimated": "^3.3.0",
    "typescript": "5.1.6"
  },
  "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "module",
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  },
  "gitHead": "a230ae795ff160ad5a251dc51dbe6aab56f6eb61",
  "bundledDependencies": [
    "color"
  ]
}

================================================
FILE: packages/react-native-tabs/src/SceneView.tsx
================================================
import React, { useEffect } from 'react';
import { View } from 'react-native';

import { useSafeState } from '@td-design/rn-hooks';

export default function SceneView({
  lazy,
  currentPage,
  index,
  children,
}: {
  lazy: boolean;
  currentPage: number;
  index: number;
  children: (props: { loading: boolean }) => React.ReactNode;
}) {
  const [isLoading, setIsLoading] = useSafeState(lazy && Math.abs(currentPage - index) > 0);

  if (isLoading && Math.abs(currentPage - index) <= 0 && lazy) {
    setIsLoading(false);
  }

  useEffect(() => {
    let timer: NodeJS.Timeout | undefined;

    if (!lazy && isLoading) {
      timer = setTimeout(() => {
        setIsLoading(false);
      }, 0);
    }

    return () => {
      clearTimeout(timer);
    };
  }, [lazy, isLoading]);

  const focused = currentPage === index;

  return (
    <View
      accessibilityElementsHidden={!focused}
      importantForAccessibility={focused ? 'auto' : 'no-hide-descendants'}
      style={{
        flex: 1,
        overflow: 'hidden',
      }}
    >
      {children({ loading: isLoading })}
    </View>
  );
}


================================================
FILE: packages/react-native-tabs/src/ScrollBar.tsx
================================================
import React, { PropsWithChildren, useEffect, useRef } from 'react';
import { LayoutChangeEvent, LayoutRectangle, ScrollView, StyleSheet } from 'react-native';

import { useSafeState } from '@td-design/rn-hooks';

interface ScrollBarProps {
  height: number;
  page: number;
}

export default function ScrollBar({ height, page, children }: PropsWithChildren<ScrollBarProps>) {
  const [tabLayouts, setTabLayouts] = useSafeState<LayoutRectangle[]>([]);

  // 保存每个Tab的布局
  const handleTabLayout = (layouts: LayoutRectangle[]) => {
    setTabLayouts(layouts);
  };

  // 保存ScrollView的宽度
  const [contentWidth, setContentWidth] = useSafeState(0);
  const handleContentChange = (width: number) => {
    setContentWidth(width);
  };

  // 保存滚动条的宽度
  const [scrollBarWidth, setScrollBarWidth] = useSafeState(0);
  const handleScrollBarLayout = (e: LayoutChangeEvent) => {
    setScrollBarWidth(e.nativeEvent.layout.width);
  };

  const scrollViewRef = useRef<ScrollView>(null);

  useEffect(() => {
    if (tabLayouts.length - 1 < page || contentWidth === 0 || scrollBarWidth === 0) return;

    // 当前选中的Tab的布局
    const tabLayout = tabLayouts[page];

    // 当前选中的Tab的中心点
    const tabCenter = tabLayout.x + tabLayout.width / 2 - scrollBarWidth / 2;

    // 计算ScrollView的最大可滚动距离[0, maxScrollX]
    const maxScrollX = contentWidth - scrollBarWidth;

    // 计算ScrollView应该滚动的x坐标位置，它必须在[0, maxScrollX]之间
    const scrollX = Math.min(Math.max(0, tabCenter), maxScrollX);

    // 滚动ScrollView
    scrollViewRef.current?.scrollTo({ x: scrollX, animated: true });
  }, [page, tabLayouts, contentWidth, scrollBarWidth]);

  return (
    <ScrollView
      ref={scrollViewRef}
      horizontal
      bounces={false}
      showsHorizontalScrollIndicator={false}
      style={[styles.scrollbar, { height }]}
      onContentSizeChange={handleContentChange}
      onLayout={handleScrollBarLayout}
      contentContainerStyle={{ flexGrow: 1 }}
    >
      {React.cloneElement(children as React.ReactElement, { onTabsLayout: handleTabLayout })}
    </ScrollView>
  );
}

const styles = StyleSheet.create({
  scrollbar: {
    flexGrow: 0,
  },
});


================================================
FILE: packages/react-native-tabs/src/TabBar.tsx
================================================
import React, { useEffect, useMemo, useRef } from 'react';
import {
  Animated,
  LayoutChangeEvent,
  LayoutRectangle,
  Platform,
  StyleProp,
  StyleSheet,
  TextStyle,
  ViewStyle,
} from 'react-native';

import { Flex, helpers } from '@td-design/react-native';
import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

import TabBarIndicator from './TabBarIndicator';
import TabBarItem from './TabBarItem';

const { ONE_PIXEL, deviceWidth } = helpers;

export interface TabBarProps {
  tabs: string[];
  height?: number;
  onTabPress: (index: number) => void;
  onTabsLayout?: (layouts: LayoutRectangle[]) => void;
  page: number;
  position: Animated.Value;
  offset: Animated.Value;
  isIdle: boolean;
  showIndicator?: boolean;
  scrollState: 'idle' | 'dragging' | 'settling';
  tabStyle?: StyleProp<ViewStyle>;
  tabItemStyle?: StyleProp<ViewStyle>;
  labelStyle?: StyleProp<TextStyle>;
  indicatorStyle?: StyleProp<ViewStyle>;
}

export default function TabBar({
  tabs,
  onTabPress,
  onTabsLayout,
  height,
  position,
  offset,
  page,
  isIdle,
  scrollState,
  showIndicator = true,
  tabStyle,
  tabItemStyle,
  labelStyle,
  indicatorStyle,
}: TabBarProps) {
  const layouts = useRef<LayoutRectangle[]>([]);
  const indicatorWidth = getIndicatorWidth(indicatorStyle);

  const inputRange = useMemo(() => tabs.map((_, i) => i), [tabs]);
  const [outputRange, setOutputRange] = useSafeState(inputRange.map(() => 0));

  const offsetPosition = Animated.add(position, offset);

  const scrollX = offsetPosition.interpolate({
    inputRange,
    outputRange,
    extrapolate: 'clamp',
  });

  const lastPage = useLastPage(page, isIdle);
  const interactive = useInteractive(scrollState);

  const handleTabPress = useMemoizedFn((index: number) => {
    if (isIdle) {
      onTabPress(index);
    }
  });

  const handleTabLayout = useMemoizedFn((e: LayoutChangeEvent, index: number) => {
    layouts.current[index] = e.nativeEvent.layout;

    const length = layouts.current.filter(layout => layout.width > 0).length;
    if (length !== tabs.length) return;

    const range: number[] = [];
    for (let index = 0; index < length; index++) {
      const layout = layouts.current[index];

      // 指示器要和当前Tab垂直居中对齐
      const tabCenterX = layout.x + layout.width / 2;
      const indicatorX = tabCenterX - indicatorWidth / 2;
      range.push(indicatorX);
    }

    setOutputRange(range);
    onTabsLayout?.(layouts.current);
  });

  return (
    <Flex
      minWidth={deviceWidth}
      height={height}
      justifyContent={'space-evenly'}
      alignItems={'center'}
      backgroundColor={'white'}
      borderBottomColor={'border'}
      borderBottomWidth={ONE_PIXEL}
      style={tabStyle}
    >
      {tabs.map((tab, index) => {
        const enhanced = interactive || index === page || index === lastPage;

        let scale = offsetPosition.interpolate({
          inputRange: [index - 1, index, index + 1],
          outputRange: [1, enhanced ? 1.2 : 1, 1],
          extrapolate: 'clamp',
        });

        let opacity = offsetPosition.interpolate({
          inputRange: [index - 1, index, index + 1],
          outputRange: [0.8, enhanced ? 1 : 0.8, 0.8],
          extrapolate: 'clamp',
        });

        if (Platform.OS === 'ios' && Math.abs(page - lastPage) > 1 && index === lastPage) {
          scale = offsetPosition.interpolate({
            inputRange: [page - 1, page, page + 1],
            outputRange: [1.2, 1, 1.2],
            extrapolate: 'clamp',
          });

          opacity = offsetPosition.interpolate({
            inputRange: [page - 1, page, page + 1],
            outputRange: [1, 0.8, 1],
            extrapolate: 'clamp',
          });
        }

        return (
          <TabBarItem
            key={tab}
            title={tab}
            onPress={() => handleTabPress(index)}
            onLayout={e => handleTabLayout(e, index)}
            style={tabItemStyle}
            labelStyle={[labelStyle, { opacity, transform: [{ scale }] }]}
          />
        );
      })}
      {showIndicator && <TabBarIndicator style={[{ width: indicatorWidth }, indicatorStyle]} scrollX={scrollX} />}
    </Flex>
  );
}

const useLastPage = (page: number, isIdle: boolean) => {
  const lastPage = useRef(0);

  useEffect(() => {
    if (isIdle) {
      lastPage.current = page;
    }
  }, [page, isIdle]);

  return lastPage.current;
};

const useInteractive = (scrollState: 'idle' | 'dragging' | 'settling') => {
  const interactive = useRef(false);
  const scrollStateRef = useRef(scrollState);

  useEffect(() => {
    scrollStateRef.current = scrollState;
  }, [scrollState]);

  if (scrollState === 'dragging') {
    interactive.current = true;
  } else if (scrollState === 'idle' && (Platform.OS === 'android' || scrollStateRef.current === 'settling')) {
    interactive.current = false;
  }

  return interactive.current;
};

function getIndicatorWidth(style?: StyleProp<ViewStyle>) {
  const flattenedStyle = StyleSheet.flatten([{ width: 24 }, style]);
  if (typeof flattenedStyle.width === 'number') {
    return flattenedStyle.width;
  }
  return 24;
}


================================================
FILE: packages/react-native-tabs/src/TabBarIndicator.tsx
================================================
import React, { memo } from 'react';
import { Animated, StyleProp, StyleSheet, ViewStyle } from 'react-native';

import { Theme, useTheme } from '@td-design/react-native';

function TabBarIndicator({
  style,
  scrollX,
}: {
  style: StyleProp<ViewStyle>;
  scrollX: Animated.AnimatedInterpolation<number>;
}) {
  const theme = useTheme<Theme>();

  return (
    <Animated.View
      key="indicator"
      style={[
        { backgroundColor: theme.colors.primary200 },
        styles.indicator,
        style,
        { transform: [{ translateX: scrollX }] },
      ]}
    />
  );
}

export default memo(TabBarIndicator);

const styles = StyleSheet.create({
  indicator: {
    position: 'absolute',
    left: 0,
    bottom: 0,
    height: 4,
    borderRadius: 2,
  },
});


================================================
FILE: packages/react-native-tabs/src/TabBarItem.tsx
================================================
import React, { memo } from 'react';
import { Animated, Pressable, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';

import { helpers, Theme, useTheme } from '@td-design/react-native';

interface TabBarItemProps {
  title: string;
  onPress?: () => void;
  onLayout: ViewProps['onLayout'];
  style?: StyleProp<ViewStyle>;
  labelStyle?: Animated.WithAnimatedObject<TextStyle> | Animated.WithAnimatedArray<StyleProp<TextStyle>>;
}

const TabBarItem = ({ style, labelStyle, title, onLayout, onPress }: TabBarItemProps) => {
  const theme = useTheme<Theme>();

  return (
    <Pressable
      onLayout={onLayout}
      onPress={onPress}
      style={[
        {
          paddingHorizontal: theme.spacing.x2,
          minWidth: 24,
          height: '100%',
          alignItems: 'center',
          justifyContent: 'center',
        },
        style,
      ]}
    >
      <Animated.Text style={[{ fontSize: helpers.px(16), color: theme.colors.black }, labelStyle]}>
        {title}
      </Animated.Text>
    </Pressable>
  );
};

export default memo(TabBarItem);


================================================
FILE: packages/react-native-tabs/src/index.md
================================================
---
title: Tabs - 选项卡组件
nav:
  title: RN组件
  path: /react-native
group:
  title: 选项卡组件
  path: /tabs
---

# Tabs 选项卡组件

本组件依赖于`react-native-pager-view`，所以你还需要一并安装它们：

```code
yarn add react-native-pager-view @td-design/react-native-tabs
```

## 效果演示

### 1. 默认效果

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1689759167501655832.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 2. 自定义选项卡样式

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} tabStyle={{backgroundColor: 'red'}} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1689759271487559294.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 3. 自定义选项卡文本样式

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} labelStyle={{color: 'red'}} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1689759277934027950.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 4. 自定义指示器样式

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} indicatorStyle={{color: 'red', height: 10, borderRadius: 5}} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1689759281929283399.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 5. 隐藏指示器

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} showIndicator={false} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1689759285404293900.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

### 6. 很多个选项卡

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
  { title: 'Forth', component: <LongList orderDate={orderDate} /> },
  { title: 'Fifth', component: <LongList orderDate={orderDate} /> },
  { title: 'Sixth', component: <LongList orderDate={orderDate} /> },
  { title: 'Seventh', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} />
  </Container>
);
```

### 7. 默认切换到第二个选项卡

```tsx | pure
const routes = [
  { title: 'First', component: <LongList orderDate={orderDate} /> },
  { title: 'Second', component: <LongList orderDate={orderDate} /> },
  { title: 'Third', component: <LongList orderDate={orderDate} /> },
];

return (
  <Container>
    <Tabs scenes={routes} initialPage={1} />
  </Container>
);
```

<center>
  <img
    alt=""
    src="https://td-dev-public.oss-cn-hangzhou.aliyuncs.com/maoyes-app/1689841071351022756.gif"
    style="width: 375px; margin-right: 10px; border: 1px solid #ddd;"
  />
</center>

## API

| 属性                | 必填    | 说明                                       | 类型                | 默认值    |
| ------------------- | ------- | ------------------------------------------ | ------------------- | --------- |
| scenes              | `true`  | 选项卡面板配置                             | `TabScene[]`        |           |
| initialPage         | `false` | 默认切换到第几个选项卡                     | `number`            | `0`       |
| height              | `false` | 选项卡高度                                 | `boolean`           | `48`      |
| scrollEnabled       | `false` | 启用手势控制左右滑动                       | `boolean`           | `true`    |
| overdrag            | `false` | 到第一页或者最后一页之后还是否允许继续拖动 | `boolean`           | `true`    |
| keyboardDismissMode | `false` | 关闭键盘模式                               | `none` \| `on-drag` | `on-drag` |
| showIndicator       | `false` | 是否显示指示器                             | `boolean`           | `true`    |
| tabStyle            | `false` | 选项卡样式                                 | `ViewStyle`         |           |
| tabItemStyle        | `false` | 选项卡标签样式                             | `ViewStyle`         |           |
| labelStyle          | `false` | 标签文字样式                               | `TextStyle`         |           |
| indicatorStyle      | `false` | 指示器样式                                 | `ViewStyle`         |           |
| lazy                | `false` | 是否启用懒加载模式                         | `boolean`           |           |
| lazyPlaceholder     | `false` | 懒加载时的placeholder组件                  | `() => ReactNode`   |           |

```ts
interface TabScene {
  title: ReactNode;
  component: JSX.Element;
}
```


================================================
FILE: packages/react-native-tabs/src/index.tsx
================================================
import React, { ReactNode } from 'react';
import { Animated, StyleProp, TextStyle, ViewStyle } from 'react-native';
import PagerView from 'react-native-pager-view';

import { Box, helpers } from '@td-design/react-native';

import SceneView from './SceneView';
import ScrollBar from './ScrollBar';
import TabBar from './TabBar';
import usePagerView from './usePagerView';

const { px } = helpers;
const AnimatedPagerView = Animated.createAnimatedComponent<typeof PagerView>(PagerView);

type Tab = {
  title: string;
  component: ReactNode;
};

export interface TabsProps {
  scenes: Tab[];
  lazy?: boolean;
  renderLazyPlaceholder?: () => JSX.Element;
  /** 默认当前是第几个tab */
  initialPage?: number;
  /** 当前是第几个tab */
  page?: number;
  /** 切换tab事件 */
  onChange?: (page: number) => void;
  /** 标签栏的高度。 默认为48 */
  height?: number;
  /** 是否支持手势滚动。 */
  scrollEnabled?: boolean;
  /** 是否显示指示器。 默认为true */
  showIndicator?: boolean;
  /** 到第一页或者最后一页之后还是否允许继续拖动。 默认为true */
  overdrag?: boolean;
  /** 键盘关闭模式。 默认为滚动时关闭 */
  keyboardDismissMode?: 'none' | 'on-drag';
  tabStyle?: StyleProp<ViewStyle>;
  tabItemStyle?: StyleProp<ViewStyle>;
  labelStyle?: StyleProp<TextStyle>;
  indicatorStyle?: StyleProp<ViewStyle>;
}

export default function Tabs({
  initialPage = 0,
  lazy = false,
  renderLazyPlaceholder,
  page,
  onChange,
  scenes = [],
  height = px(48),
  showIndicator = true,
  scrollEnabled = true,
  overdrag = true,
  keyboardDismissMode = 'on-drag',
  tabStyle,
  tabItemStyle,
  labelStyle,
  indicatorStyle,
}: TabsProps) {
  const {
    pagerViewRef,
    setPage,
    currentPage,
    position,
    offset,
    isIdle,
    scrollState,
    onPageScroll,
    onPageSelected,
    onPageScrollStateChanged,
  } = usePagerView(initialPage, page, onChange);

  const titles = scenes.map(tab => tab.title);

  return (
    <Box flex={1}>
      {/* 可以滚动的TabBar */}
      <ScrollBar page={currentPage} height={height}>
        <TabBar
          tabs={titles}
          onTabPress={setPage}
          page={currentPage}
          position={position}
          offset={offset}
          isIdle={isIdle}
          scrollState={scrollState}
          showIndicator={showIndicator}
          tabStyle={tabStyle}
          tabItemStyle={tabItemStyle}
          labelStyle={labelStyle}
          indicatorStyle={indicatorStyle}
        />
      </ScrollBar>

      {/* PagerView的内容 */}
      <AnimatedPagerView
        ref={pagerViewRef}
        style={{ flex: 1 }}
        overdrag={overdrag}
        initialPage={currentPage}
        keyboardDismissMode={keyboardDismissMode}
        scrollEnabled={scrollEnabled}
        overScrollMode="always"
        onPageScroll={onPageScroll}
        onPageSelected={onPageSelected}
        onPageScrollStateChanged={onPageScrollStateChanged}
      >
        {scenes.map(({ component }, i) => (
          <SceneView key={i} index={i} lazy={lazy} currentPage={currentPage}>
            {({ loading }) => {
              if (loading) return renderLazyPlaceholder?.();

              return component;
            }}
          </SceneView>
        ))}
      </AnimatedPagerView>
    </Box>
  );
}


================================================
FILE: packages/react-native-tabs/src/types.tsx
================================================
export type Route = {
  key: string;
  icon?: string;
  title?: string;
};

export type Scene<T extends Route> = {
  route: T;
};

export type NavigationState<T extends Route> = {
  index: number;
  routes: T[];
};


================================================
FILE: packages/react-native-tabs/src/usePagerView.ts
================================================
import { useEffect, useMemo, useRef } from 'react';
import { Animated } from 'react-native';
import PagerView, {
  PagerViewOnPageScrollEventData,
  PagerViewOnPageSelectedEvent,
  PageScrollStateChangedNativeEvent,
} from 'react-native-pager-view';

import { useMemoizedFn, useSafeState } from '@td-design/rn-hooks';

export default function usePagerView(initialPage: number, page?: number, onChange?: (page: number) => void) {
  const pagerViewRef = useRef<PagerView>(null);

  const [activePage, setActivePage] = useSafeState(initialPage);
  const [isIdle, setIdle] = useSafeState(true);

  const setPage = useMemoizedFn((page: number, animated = true) => {
    if (animated) {
      pagerViewRef.current?.setPage(page);
    } else {
      pagerViewRef.current?.setPageWithoutAnimation(page);
    }

    setActivePage(page);
    if (activePage !== page) {
      setIdle(false);
    } else {
      setIdle(true);
    }
    onChange?.(page);
  });

  useEffect(() => {
    if (page !== undefined && page !== activePage) {
      setPage(page);
    }
  }, [page, activePage]);

  const offset = useRef(new Animated.Value(initialPage)).current;
  const position = useRef(new Animated.Value(0)).current;

  const onPageScroll = useMemo(
    () =>
      Animated.event<PagerViewOnPageScrollEventData>(
        [
          {
            nativeEvent: {
              offset,
              position,
            },
          },
        ],
        {
          listener: ({ nativeEvent: { position, offset } }) => {
            if (__DEV__) {
              console.log('onPageScroll', 'position', position, 'offset', offset);
            }
          },
          useNativeDriver: true,
        }
      ),
    [offset, position]
  );

  const onPageSelected = useMemoizedFn((e: PagerViewOnPageSelectedEvent) => {
    setActivePage(e.nativeEvent.position);
    onChange?.(e.nativeEvent.position);
    setIdle(true);
  });

  const [scrollState, setScrollState] = useSafeState<'idle' | 'dragging' | 'settling'>('idle');

  const onPageScrollStateChanged = useMemoizedFn((e: PageScrollStateChangedNativeEvent) => {
    setScrollState(e.nativeEvent.pageScrollState);
    setIdle(e.nativeEvent.pageScrollState === 'idle');
  });

  return {
    pagerViewRef,
    currentPage: activePage,
    isIdle,
    scrollState,
    position,
    offset,
    setPage,
    onPageScroll,
    onPageSelected,
    onPageScrollStateChanged,
  };
}


================================================
FILE: packages/react-native-tabs/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": false, // 如果设为true，会为.d.ts文件生成sourcemap
    "target": "esnext",
    "module": "esnext",
    "jsx": "react",
    "incremental": false,
    "moduleResolution": "node",
    "strict": true,
    "allowJs": true,
    "lib": ["esnext"],
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "strictNullChecks": true,
    "downlevelIteration": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": false
  },
  "exclude": ["**/*.(spec|test).ts?(x)", "build", "dist", "lib", "__tests__", "jest", "example"]
}


================================================
FILE: packages/react-native-tabs/tsconfig.json
================================================
{
  "extends": "./tsconfig.build",
  "compilerOptions": {
    "noEmit": true
  }
}


================================================
FILE: packages/svgicon-cli/CHANGELOG.md
================================================
# @td-design/svgicon-cli

## 1.7.2

### Patch Changes

- [#773](https://github.com/thundersdata-frontend/td-design/pull/773) [`be1c4f77f`](https://github.com/thundersdata-frontend/td-design/commit/be1c4f77fac19ffcd7dfc0b666bfb323e4fc5d22) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复mkdirp API 使用错误

## 1.7.1

### Patch Changes

- [#771](https://github.com/thundersdata-frontend/td-design/pull/771) [`f77a440cd`](https://github.com/thundersdata-frontend/td-design/commit/f77a440cdf605bc51dff719fb841eed1c65dde9e) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复另一处 glob 使用的报错

## 1.7.0

### Minor Changes

- [#769](https://github.com/thundersdata-frontend/td-design/pull/769) [`81a24e238`](https://github.com/thundersdata-frontend/td-design/commit/81a24e2382207e2b61b68978b41ae2272e5b9e5b) Thanks [@chj-damon](https://github.com/chj-damon)! - 修复执行命令报错的问题

## 1.6.0

### Minor Changes

- [#743](https://github.com/thundersdata-frontend/td-design/pull/743) [`acdd74c13`](https://github.com/thundersdata-frontend/td-design/commit/acdd74c1324be45816f4e1dff0d5e854124172ad) Thanks [@chj-damon](https://github.com/chj-damon)! - perf: 优化多个组件


================================================
FILE: packages/svgicon-cli/README.md
================================================
## @td-design/svgicon-cli

本工具是基于[react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)的基础上修改而来。因为 UI 设计师使用`Figma`产出设计稿，所以项目中用到的图标不会使用 iconfont 或者图片，而是直接导出 svg 格式。借助这个工具，就可以很方便地把本地 svg 转成图标组件在项目中使用。为此，精简了原项目中很多不需要的功能（比如拉取 iconfont 图标库、支持导出 js 文件等），以满足我们自己的需求。

## 特性

1、纯组件，不依赖字体，体积小 <br /> 2、支持渲染多色彩图标，支持自定义颜色 <br /> 3、支持热更新 <br /> 4、自动化生成图标组件，默认支持 typescript

## Step 1

安装插件

```bash
# Yarn
yarn add react-native-svg
yarn add @td-design/svgicon-cli --dev

# Npm
npm install react-native-svg
npm install @td-design/svgicon-cli --save-dev
```

# Step 2

生成配置文件

```bash
npx svgicon-init
```

此时项目根目录会生成一个`svgicon.json`的文件，内容如下：

```json
{
  "save_dir": "", // 生成图标文件的保存位置，推荐 ./src/components/iconfont
  "trim_icon_prefix": "icon", // 图标文件的统一前缀
  "default_icon_size": 20, // 图标文件的默认大小
  "icon_svg": "./icon-svg", // 图标文件的存放位置
  "for_library": false // 是否为组件库生成图标，默认是false，表示是为项目生成图标
}
```

# Step 3

开始生成 React-Native 标准组件

```bash
npx svgicon-create
```

# 使用

```typescript jsx
import { SvgIcon } from 'components';

export const App = () => {
  return (
    <View>
      <SvgIcon name="alipay" size={20} />
      <SvgIcon name="wechat" />
    </View>
  );
};
```

### 图标尺寸

根据配置`default_icon_size`，每个图标都会有一个默认的尺寸，你可以随时覆盖。

```typescript jsx
<SvgIcon name="alipay" size={20} />
```

### 图标单色

单色图标，如果不指定颜色值，图标将渲染原本的颜色。如果你想设置为其他的颜色，那么设置一个你想要的颜色即可。

**注意：如果你在 props 传入的 color 是字符串而不是数组，那么即使原本是多色彩的图标，也会变成单色图标。**

```typescript jsx
<SvgIcon name="alipay" color="green" />
```

![](./images/one-color-icon.png)

### 图标多色彩

多色彩的图标，如果不指定颜色值，图标将渲染原本的多色彩。如果你想设置为其他的颜色，那么设置一组你想要的颜色即可

```typescript jsx
<IconFont name="alipay" color={['green', 'orange']} />
```

颜色组的数量以及排序，需要根据当前图标的信息来确定。您需要进入图标组件中查看并得出结论。

![](./images/multi-color-icon.png)

# 更新图标

当`icon_svg`文件夹下的 svg 文件发生变化时，只需要重新执行下面的命令即可生成最新的图标组件

```bash
npx svgicon-rn
```


================================================
FILE: packages/svgicon-cli/gulpfile.js
================================================
const gulp = require('gulp');
const del = require('del');
const replace = require('gulp-replace');
const ts = require('gulp-typescript');

/**
 * 清理构建目录
 */
function clean() {
  /** 删除构建目录 */
  return del('lib');
}

/**
 * 构建cjs模块
 * @returns
 */
function buildCJS() {
  const tsProject = ts.createProject('tsconfig.build.json', {
    module: 'CommonJS',
  });

  return tsProject.src().pipe(tsProject()).pipe(gulp.dest('lib/'));
}

/**
 * 复制模板
 */
function copyTemplate() {
  return gulp.src('./src/templates/**/*').pipe(gulp.dest('lib/templates'));
}

function copyJson() {
  return gulp.src('./svgicon.json').pipe(gulp.dest('lib/libs'));
}

exports.default = gulp.series(clean, buildCJS, copyTemplate, copyJson);


================================================
FILE: packages/svgicon-cli/package.json
================================================
{
  "name": "@td-design/svgicon-cli",
  "version": "1.7.2",
  "main": "index.js",
  "keywords": [
    "thundersdata-frontend",
    "react-native",
    "react-native-svg",
    "icon",
    "svg"
  ],
  "author": "thundersdata-frontend",
  "license": "Apache-2.0",
  "bin": {
    "svgicon-init": "./lib/commands/createJson.js",
    "svgicon-create": "./lib/commands/createIcon.js"
  },
  "files": [
    "lib"
  ],
  "scripts": {
    "build": "gulp"
  },
  "dependencies": {
    "colors": "^1.4.0",
    "glob": "^10.3.3",
    "lodash": "^4.17.21",
    "mkdirp": "^3.0.1"
  },
  "publishConfig": {
    "access": "public",
    "registry": "https://registry.npmjs.org/"
  },
  "devDependencies": {
    "@types/glob": "^8.1.0",
    "@types/lodash": "^4.14.195",
    "@types/mkdirp": "1.0.2",
    "@types/node": "20.4.4",
    "del": "6.0.0",
    "gulp": "^4.0.2",
    "gulp-replace": "^1.1.4",
    "gulp-typescript": "^6.0.0-alpha.1",
    "typescript": "^5.1.6"
  }
}

================================================
FILE: packages/svgicon-cli/src/commands/createIcon.ts
================================================
#!/usr/bin/env node
import { generateComponent } from '../libs/generateComponent';
import { getConfig } from '../libs/getConfig';
import parseLocalSvg from '../libs/parseLocalSvg';

export interface XmlData {
  svg: {
    symbol: Array<{
      $: {
        viewBox: string;
        id: string;
      };
      path: Array<{
        $: {
          d: string;
          fill?: string;
        };
      }>;
    }>;
  };
}

const config = getConfig();
const localSvg = parseLocalSvg(config);
generateComponent(localSvg, config);


================================================
FILE: packages/svgicon-cli/src/commands/createJson.ts
================================================
#!/usr/bin/env node
import colors from 'colors';
import fs from 'fs';
import path from 'path';

const targetFile = path.resolve('svgicon.json');

if (fs.existsSync(targetFile)) {
  console.error(colors.red('svgicon.json 文件已经存在'));
} else {
  fs.copyFileSync(path.join(__dirname, '../libs/svgicon.json'), targetFile);
  console.log(colors.green('svgicon.json 文件生成成功，建议你加入到版本控制中'));
}


================================================
FILE: packages/svgicon-cli/src/libs/copyTemplate.ts
================================================
import fs from 'fs';
import path from 'path';

export const copyTemplate = (fromFile: string, toFile: string) => {
  return fs.copyFileSync(path.join(__dirname, `../templates/${fromFile}.template`), toFile);
};


================================================
FILE: packages/svgicon-cli/src/libs/generateComponent.ts
================================================
import colors from 'colors';
import fs from 'fs';
import { globSync } from 'glob';
import { camelCase, upperFirst } from 'lodash';
import { mkdirpSync } from 'mkdirp';
import path from 'path';

import { ILocalSvg } from '../libs/parseLocalSvg';
import { copyTemplate } from './copyTemplate';
import { Config } from './getConfig';
import { getTemplate } from './getTemplate';
import {
  replaceCases,
  replaceComponentName,
  replaceComponentXml,
  replaceFillAttr,
  replaceFillStyle,
  replaceHelper,
  replaceImports,
  replaceNames,
  replacePx,
  replaceSingleIconContent,
  replaceSize,
  replaceSvgComponents,
} from './replace';
import { whitespace } from './whitespace';

export const generateComponent = (localSvg: ILocalSvg[], config: Config) => {
  const svgComponents: Set<string> = new Set();
  const names: string[] = [];
  const imports: string[] = [];
  const saveDir = path.resolve(config.save_dir);
  const jsxExtension = '.tsx';
  const jsExtension = '.ts';
  let cases = '';

  mkdirpSync(saveDir);
  globSync(path.join(saveDir, '*')).forEach(file => fs.unlinkSync(file));
  svgComponents.add('GProps');

  copyTemplate(`helper${jsExtension}`, path.join(saveDir, `helper${jsExtension}`));

  /**
   * 本地文件添加
   */
  localSvg.forEach(({ name, svgStr, styleType, hasFill }) => {
    let singleFile: string;

    const componentName = upperFirst(config.trim_icon_prefix) + upperFirst(camelCase(name));
    const currentSvgComponents = new Set<string>();
    currentSvgComponents.add('GProps');
    currentSvgComponents.add(styleType ? 'SvgCss' : 'SvgXml');

    names.push(name);

    cases += `${whitespace(4)}case '${name}':\n`;

    imports.push(componentName);

    cases += `${whitespace(6)}return <${componentName} {...rest} />;\n`;

    singleFile = getTemplate('LocalSingleIcon' + jsxExtension);
    singleFile = replacePx(singleFile, config.for_library);
    singleFile = replaceSize(singleFile, config.default_icon_size);
    singleFile = replaceSvgComponents(singleFile, currentSvgComponents);
    singleFile = replaceComponentName(singleFile, componentName);

    let xmlStr = replaceFillAttr(svgStr);
    if (styleType) {
      xmlStr = replaceFillStyle(xmlStr);
    }
    singleFile = replaceComponentXml(singleFile, `const xml = \`\n${xmlStr}\n\``);
    singleFile = replaceSingleIconContent(
      singleFile,
      `\n${whitespace(4)}<${styleType ? 'SvgCss' : 'SvgXml'} xml={xml}  width={width} height={height} {...rest} />\n`
    );
    singleFile = replaceHelper(singleFile, hasFill);

    fs.writeFileSync(path.join(saveDir, componentName + jsxExtension), singleFile);
    console.log(`${colors.green('√')} Generated local icon "${colors.yellow(name)}"`);
  });

  /**
   * 生成SvgIcon入口文件
   */
  let iconFile = getTemplate('Icon' + jsxExtension);
  iconFile = replaceSize(iconFile, config.default_icon_size);
  iconFile = replaceCases(iconFile, cases);
  iconFile = replaceSvgComponents(iconFile, svgComponents);
  iconFile = replaceImports(iconFile, imports);
  iconFile = replaceNames(iconFile, names);

  fs.writeFileSync(path.join(saveDir, 'index' + jsxExtension), iconFile);

  console.log(`\n${colors.green('√')} All icons have putted into dir: ${colors.green(config.save_dir)}\n`);
};


================================================
FILE: packages/svgicon-cli/src/libs/getConfig.ts
================================================
import colors from 'colors';
import fs from 'fs';
import path from 'path';

import defaultConfig from './svgicon.json';

export interface Config {
  save_dir: string;
  trim_icon_prefix: string;
  default_icon_size: number;
  icon_svg: string;
  for_library: boolean;
}

let cacheConfig: Config;

export const getConfig = () => {
  if (cacheConfig) {
    return cacheConfig;
  }

  const targetFile = path.resolve('svgicon.json');

  if (!fs.existsSync(targetFile)) {
    console.warn(colors.red('svgicon.json 文件不存在，你是不是忘了创建它？'));
    process.exit(1);
  }

  const config = require(targetFile) as Config;

  config.save_dir = config.save_dir || defaultConfig.save_dir;
  config.default_icon_size = config.default_icon_size || defaultConfig.default_icon_size;
  config.for_library = config.for_library || defaultConfig.for_library;

  cacheConfig = config;

  return config;
};


================================================
FILE: packages/svgicon-cli/src/libs/getTemplate.ts
================================================
import fs from 'fs';
import path from 'path';

export const getTemplate = (fileName: string) => {
  return fs.readFileSync(path.join(__dirname, `../templates/${fileName}.template`)).toString();
};


================================================
FILE: packages/svgicon-cli/src/libs/parseLocalSvg.ts
================================================
import * as fs from 'fs';
import { globSync } from 'glob';
import path from 'path';

import { Config } from '../libs/getConfig';

export interface ILocalSvg {
  svgStr: string;
  name: string;
  styleType: boolean;
  hasFill: boolean;
}

const parseLocalSvg = ({ icon_svg }: Config) => {
  if (!icon_svg) {
    return [];
  }

  const localDir = path.resolve(icon_svg);

  const localSvg = globSync(path.join(localDir, '**/*.svg'));

  return localSvg.reduce<ILocalSvg[]>((previousValue, currentValue) => {
    let svgStr = fs.readFileSync(currentValue, 'utf-8');

    /**
     * 去除注释,title,desc等不需要的标签
     */
    svgStr = svgStr
      .substring(svgStr.indexOf('<svg '), svgStr.indexOf('</svg>') + 6)
      .replace(/<!-(.*?)->/g, '')
      .replace(/<title>(.*?)<\/title>/g, '')
      .replace(/<desc>(.*?)<\/desc>/g, '')
      .replace(/fill\=\"none\"/g, '');

    const styleType = !!~svgStr.indexOf('</style>') || !!~svgStr.indexOf('style=');

    // 判断svg里面有没有fill，如果没有，则后面不会引入getIconColor的helper
    const hasFill = svgStr.includes('fill=');

    previousValue.push({
      svgStr,
      name: path.basename(currentValue, '.svg'),
      styleType,
      hasFill,
    });

    return previousValue;
  }, []);
};

export default parseLocalSvg;


================================================
FILE: packages/svgicon-cli/src/libs/replace.ts
================================================
export const replaceSize = (content: string, size: number) => {
  return content.replace(/#size#/g, String(size));
};

export const replacePx = (content: string, for_library: boolean) => {
  if (for_library) {
    return content.replace(/#px#/g, `import { px } from '../helpers/normalize';`);
  }
  return content.replace(
    /#px#/g,
    `
import { helpers } from '@td-design/react-native';

const { px } = helpers;
    `
  );
};

export const replaceCases = (content: string, cases: string) => {
  return content.replace(/#cases#/g, cases);
};

export const replaceSvgComponents = (content: string, components: Set<string>) => {
  const used = Array.from(components);

  return content.replace(
    /#svgComponents#/g,
    used.length ? `import { ${used.join(', ')} } from 'react-native-svg';` : ''
  );
};

export const replaceNames = (content: string, names: string[]) => {
  return content.replace(/#names#/g, names.join(`' | '`));
};

export const replaceNamesArray = (content: string, names: string[]) => {
  return content.replace(/#namesArray#/g, JSON.stringify(names).replace(/"/g, "'").replace(/','/g, "', '"));
};

export const replaceComponentName = (content: string, name: string) => {
  return content.replace(/#componentName#/g, name);
};

export const replaceSingleIconContent = (content: string, render: string) => {
  return content.replace(/#iconContent#/g, render);
};

export const replaceImports = (content: string, imports: string[]) => {
  return content.replace(/#imports#/g, imports.map(item => `import ${item} from './${item}';`).join('\n'));
};

export const replaceHelper = (content: string, hasFill = false) => {
  return content.replace(/#helper#/g, hasFill ? "import { getIconColor } from './helper';" : '');
};

export const replaceNoColor = (content: string) => {
  return content.replace(/#colorFunc#/g, '');
};

export const replaceSummaryIcon = (content: string, iconName: string) => {
  return content.replace(/#SummaryIcon#/g, iconName);
};

export const replaceComponentXml = (content: string, svgStr: string) => {
  return content.replace(/#xml#/g, svgStr);
};

/**
 * 用helper中的getIconColor方法替换svg xml字符串的属性中的fill，实现颜色可配置的功能
 * @param xmlString
 */
export const replaceFillAttr = (xmlString: string) => {
  const replaceRegex = /fill\=\"([\d\w\#]*)\"/;
  const matchRegex = /fill\=\"([\d\w\#]*)\"/g;

  let xml = xmlString;

  const matches = xmlString.match(matchRegex)?.length ?? 0;
  new Array(matches).fill('').forEach((_, index) => {
    xml = xml.replace(replaceRegex, `fill="\${getIconColor(color, ${index}, '#999999')}"`);
  });
  return xml;
};

/**
 * 用helper中的getIconColor方法替换svg xml字符串的样式中的fill，实现颜色可配置的功能
 * @param xmlString
 */
export const replaceFillStyle = (xmlString: string) => {
  const replaceRegex = /fill:([\d\w\_\-\#\s\S]*)/;
  const matchRegex = /fill:([\d\w\_\-\#\s\S]*)/g;

  let xml = xmlString;

  const matches = xmlString.match(matchRegex)?.length ?? 0;
  new Array(matches).fill('').forEach((_, index) => {
    xml = xml.replace(replaceRegex, `fill: "\${getIconColor(color, ${index}, '#999999')}"`);
  });
  return xml;
};


================================================
FILE: packages/svgicon-cli/src/libs/svgicon.json
================================================
{
  "save_dir": "./src/components/svgicon",
  "trim_icon_prefix": "icon",
  "default_icon_size": 20,
  "icon_svg": "./icon-svg",
  "for_library": false
}


================================================
FILE: packages/svgicon-cli/src/libs/whitespace.ts
================================================
export const whitespace = (repeat: number) => {
  return ' '.repeat(repeat);
};


================================================
FILE: packages/svgicon-cli/src/templates/Icon.tsx.template
================================================
/* eslint-disable */

import React from 'react';
import { ViewProps } from 'react-native';
#svgComponents#
#imports#

export type IconNames = '#names#';

export interface SvgIconProps extends GProps, ViewProps {
  name: IconNames;
  size?: number;
  width?: number | string;
  height?: number | string;
  color?: string | string[];
}

let SvgIcon: React.FC<SvgIconProps> = ({ name, ...rest }) => {
  switch (name) {
#cases#
    default:
      return null;
  }
};

export default React.memo(SvgIcon);


================================================
FILE: packages/svgicon-cli/src/templates/LocalSingleIcon.tsx.template
================================================
/* eslint-disable */

import React from 'react';
import { ViewProps } from 'react-native';
#svgComponents#
#helper#
#px#

export interface SvgIconProps extends GProps, ViewProps {
  size?: number;
  width?: number | string;
  height?: number | string;
  color?: string | string[];
}

let #componentName#: React.FC<SvgIconProps> = ({ size, width = size, height = size, color, ...rest }) => {
  #xml#

  return (#iconContent#  );
};

#componentName#.defaultProps = {
  size: px(#size#),
};

export default React.memo(#componentName#);


================================================
FILE: packages/svgicon-cli/src/templates/helper.ts.template
================================================
/* eslint-disable */

export const getIconColor = (color: string | string[] | undefined, index: number, defaultColor: string) => {
  return color
    ? (
      typeof color === 'string'
        ? color
        : color[index] || defaultColor
    )
    : defaultColor;
};


================================================
FILE: packages/svgicon-cli/svgicon.json
================================================
{
  "save_dir": "./src/components/svgicon",
  "trim_icon_prefix": "icon",
  "default_icon_size": 20,
  "icon_svg": "./icon-svg",
  "for_library": false
}


================================================
FILE: packages/svgicon-cli/tsconfig.build.json
================================================
{
  "compilerOptions": {
    "target": "ES5",
    "lib": ["ESNext"],
    "moduleResolution": "node",
    "allowJs": true,
    "esModuleInterop": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "declaration": false,
    "strictNullChecks": true,
    "baseUrl": ".",
    "resolveJsonModule": true
  },
  "exclude": ["node_modules", "lib", "es", "dist", "**/index.test.ts", "**/demo", "coverage", "**/*.js"]
}


================================================
FILE: pnpm-workspace.yaml
================================================
packages:
  - 'packages/*'


================================================
FILE: tsconfig.json
================================================
{
  "compilerOptions": {
    "target": "ES5",
    "moduleResolution": "node",
    "jsx": "react",
    "esModuleInterop": true,
    "downlevelIteration": true,
    "sourceMap": true,
    "baseUrl": ".",
    "allowSyntheticDefaultImports": true,
    "skipLibCheck": true,
    "declaration": false,
    "strictNullChecks": true,
    "paths": {
      "@/*": ["src/*"],
      "@@/*": ["src/.umi/*"]
    }
  },
  "exclude": ["node_modules", "lib", "es", "dist", "typings", "**/__test__", "test", "docs", "tests"]
}


================================================
FILE: turbo.json
================================================
{
  "$schema": "https://turborepo.org/schema.json",
  "pipeline": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": ["dist/**"]
    }
  }
}


================================================
FILE: typings.d.ts
================================================
declare module '*.css';
declare module '*.less';